Vokabular-Brücke

K-ID ⟷ Name ⟷ CSS-Klasse ⟷ Regel · generiert aus komponenten_data.js · nie von Hand

Warum es diese Seite gibt: TGV führt drei Vokabulare — die K-IDs (Abnahme), die Namen (Landkarte), die CSS-Klassen (Bau). Wer baut, spricht Klassen; wer abnimmt, sieht K-IDs. Diese Tabelle bildet sie aufeinander ab — und zeigt ehrlich, wo sie nicht deckungsgleich sind (statt eine Deckung zu behaupten, die es nicht gibt).
62K-IDs (SSOT)
46davon in der Landkarte
8davon im Katalog markiert
123ds-Klassen die die App nutzt
37ds-Klassen im Katalog
106App-Klassen NICHT im Katalog
K-IDName / RolleCSS-Klasse(n)Regel(n)LandkarteKatalog
K-01zone-anatomie
Die 5-Zonen-Anatomie jeder Sektion
.zone-*R-01 R-92 JC-R2— nicht in Landkarte✓
K-02zone-hero
Hero = Identität · Lage · Wohin
.hero .zone-hero*R-02 R-03 G3 R-126— nicht in Landkarte✓
K-03kpi-tile
Kennzahl-Kachel
.kpi-go .kpi-tileG4 R-31 R-91✓ kpi-tile—
K-04kpi-block
Orientierungs-Kennzahlen eines Bereichs
.kpi-blockR-35 R-106✓ kpi-block—
K-05stepper
Prozess-Pipeline / Phasen-Fortschritt
.pipeline-*R-93 GB-6a✓ stepper—
K-06nav-rail
Linke Navigation (Gruppen · Items · Badges)
.ds-navR-04 R-05 R-07 R-144 GB-4✓ nav-rail—
K-07zone-main
Main-Ansicht = eigene Zone 3
.zone-main*JC-R2 R-99— nicht in Landkarte✓
K-08speaker-bubble
Nachricht KAI/Du (Sprecher-Code)
.bubble .msgR-10 R-89 G1 G8 R-119 R-104✓ speaker-bubble—
K-09kai-ava
Kaï-Avatar (EIN Avatar überall)
.kai-avaR-85 R-86 R-87 R-98 R-130✓ kai-ava—
K-10statusline
„Ab hier“-Zustandszeile (generisch, 10 Dimensionen)
— (kein CSS im wo-Feld)R-88 R-90 R-108 R-130✓ statusline—
K-11scope-frame
Daten-Scope EINMAL pro Konversation
— (kein CSS im wo-Feld)R-40 R-41 R-43 R-126 G3✓ scope-frame—
K-12scope-selector
ABGELÖST — aufgegangen im scope-frame/Scope-Popover
— (kein CSS im wo-Feld)R-41✓ scope-selector—
K-13thread-context
Thread-Modus (Akzent-Fläche + Toggle)
.ds-ctx-surfaceR-82 R-89 R-95 R-131 R-127✓ thread-context—
K-14long-prose
Lange KAI-Erklärung
— (kein CSS im wo-Feld)R-73 R-135 R-91✓ long-prose—
K-15audio-line
Audio: 🎤 Diktat (Input) · 🔊 Vorlesen (Output)
— (kein CSS im wo-Feld)R-16 R-62✓ audio-line—
K-16composer
DIE Eingabe — EIN Composer überall
.ds-composerR-11 R-12 R-80 R-95 R-96 R-142 GB-6b✓ composer—
K-17composer-helper
Modus-Zeile über dem Composer
— (kein CSS im wo-Feld)R-42✓ composer-helper—
K-18chip
Schnellantwort / Auswahl-Chip
.ds-chip .ds-quick__chipR-14✓ chip—
K-19vorschlags-chip
Vorgeschlagener nächster Schritt (navigiert)
.ds-quick__chipR-14✓ vorschlags-chip—
K-20kai-action-buttons
Aktionsleiste (Aktion ≠ Info)
.ds-btn* .ds-btn--navR-13 GB-1 R-115 R-81✓ kai-action-buttons—
K-21approval-card
„Ich schlage vor … nichts gespeichert“
.ds-approvalR-94 R-13 R-21 R-81 R-125✓ approval-card—
K-22klaerung-card
Klär-Dialog als bedienbare Karte
— (kein CSS im wo-Feld)R-33 R-94 R-73✓ klaerung-card—
K-23suggestion-card
Vorschlag im Arbeitsmodus
— (kein CSS im wo-Feld)R-94 R-21 R-22✓ suggestion-card—
K-24micro-confirm
Kurze Ja/Korrigieren-Bestätigung
.bubbleR-13 R-21✓ micro-confirm—
K-25done-state
Erledigt-Quittung (doppelt)
— (kein CSS im wo-Feld)R-20 R-21 R-81 R-83✓ done-state—
K-26doc-steckbrief
Dokument-Steckbrief (Slide-over / Bottom-Sheet)
— (kein CSS im wo-Feld)R-06 R-97 R-125 R-143 R-32 R-33✓ doc-steckbrief—
K-27dock-panel
Dock = Arbeitsplatz (rechts angedockt)
.ds-dock--sideR-06 R-60— nicht in Landkarte✓
K-28doc-card
Beleg-/Dokument-Karte für Listen + Klärung
.ds-docR-91 R-97 R-32 R-50— nicht in Landkarte✓
K-29beleg-preview
Dokument-Vorschau (docpage)
— (kein CSS im wo-Feld)R-32 R-06✓ beleg-preview—
K-30domain-card
ABGELÖST — aufgegangen in der EINEN ds-card-Hülle
.ds-cardR-84✓ domain-card—
K-31claim-block
Marken-Aussage / Begrüßung
— (kein CSS im wo-Feld)—✓ claim-block—
K-32result-table
Ergebnis-Tabelle (Basis)
— (kein CSS im wo-Feld)R-30 R-31 R-148 R-91 R-51✓ result-table—
K-33data-table
Voll-Tabelle (DER Listen-Standard)
.ds-bulkbar .ds-datatableR-30 R-34 R-73 R-91✓ data-table—
K-34metric-bar
Kategorie-/Cashflow-Balken
— (kein CSS im wo-Feld)R-31✓ metric-bar—
K-35out-bar
Export + Output-as-Input
— (kein CSS im wo-Feld)R-34 R-146 R-132✓ out-bar—
K-36source-link
Quellen-/Beleg-Link (GOLDENE REGEL)
— (kein CSS im wo-Feld)R-91 R-33 R-34 R-97✓ source-link—
K-37link-preview
URL-Vorschau
— (kein CSS im wo-Feld)R-91✓ link-preview—
K-38route-map
Karte / Wegbeschreibung
— (kein CSS im wo-Feld)—✓ route-map—
K-39account-status-card
Konten gruppiert (Karten-Flut-Fix)
— (kein CSS im wo-Feld)R-51✓ account-status-card—
K-40file-actions
EIN Datei-Aktions-Set (⋯ + Sammel-Leiste)
.ds-bulkbarR-34✓ file-actions—
K-41folder-tree
Verzeichnisbaum + Mehrfachauswahl
.ds-axis-R-52 R-120✓ folder-tree—
K-42collapsible-section
Auf-/Zuklappen
— (kein CSS im wo-Feld)R-99 R-147 R-02✓ collapsible-section—
K-43callout
Hinweis-Block (info/confirm/warn/danger)
.ds-calloutR-13✓ callout—
K-44axis-badges
3-Achsen-Badges (Achsen-Code V1, JC-gewählt)
.ds-axis .ds-axis* .ds-axis--sec- .ds-axis__dotR-50 R-116 R-120 GB-2 R-132✓ axis-badges—
K-45type-scale
Schrift-Disziplin (EINE Skala)
— (kein CSS im wo-Feld)R-71 R-128✓ type-scale—
K-46motion
Motion-Schicht (Bewegung ist Bedeutung)
— (kein CSS im wo-Feld)R-20 R-22 R-83 R-61— nicht in Landkarte✓
K-47kai-work
Kai-Arbeitszustand (⏳ „ich bearbeite …“)
.kai-workR-81— nicht in Landkarte✓
K-48icon-resolver
Kanonische Icons (K1-Serie) — White-Label-Achse
— (kein CSS im wo-Feld)R-132— nicht in Landkarte✓
K-49fidelity-badge
Treue/KI-Vertrauen — KONSOLIDIERT in die Konfidenz-Achse
— (kein CSS im wo-Feld)R-50✓ fidelity-badge—
K-50tag-pill
Kategorie-Tags (Variante von chip)
— (kein CSS im wo-Feld)—✓ tag-pill—
K-51universe-band
Lebenszyklus-Band (Rohstoff → Werk)
— (kein CSS im wo-Feld)—✓ universe-band—
K-52lightbox
Bild/Doc-Vollansicht (Loupe)
— (kein CSS im wo-Feld)—✓ lightbox—
K-53gallery-picker
KI-Vorauswahl-Galerie (Bulk-Import)
— (kein CSS im wo-Feld)—✓ gallery-picker—
K-54ux-fb-panel
Feedback-Panel je Seite (💬)
— (kein CSS im wo-Feld)—✓ ux-fb-panel—
K-55knowledge-card
RAG-Antwort-Karte (Wissen mit Quelle)
— (kein CSS im wo-Feld)R-91— nicht in Landkarte—
K-56ds-clamp
Klapp-Baustein für Langtext (kanonisch)
.ds-clamp .ds-clamp__moreR-143— nicht in Landkarte—
K-57ai-spark
Konfidenz-Funke (＋ -inverse)
— (kein CSS im wo-Feld)R-120— nicht in Landkarte—
K-58composer-soon
Capability-Gating: ehrlicher „kommt bald“-Zustand
— (kein CSS im wo-Feld)R-11— nicht in Landkarte—
K-59turn-placeholder
Denkt-/Pending-Animation (KAI arbeitet)
— (kein CSS im wo-Feld)R-81— nicht in Landkarte—
K-60txn-steckbrief
Steckbrief-Familie: Buchung (txn) & Vertrag (ctr)
— (kein CSS im wo-Feld)R-97 R-125 R-91— nicht in Landkarte—
K-61fehler-seite
401/403 im Mandanten-CD (B18/B19)
— (kein CSS im wo-Feld)—— nicht in Landkarte—
K-62fx-demo-route
Vorschau-Mechanik ?fx=<slug> (Bibel → echtes V4)
— (kein CSS im wo-Feld)—— nicht in Landkarte—

Die zwei Lücken (ehrlich, nicht überbrückt)

App-Klassen ohne K-ID (unbelegt) (65)

Diese ds-Klassen nutzt core_shell, aber keine K-ID beansprucht sie und der Katalog kennt sie nicht — meist die neuen Screens (.ds-dirpanel, .ds-tree …). Kandidaten für eine K-ID + Katalog-Karte (NUXIN: 1 Karte, 1 Freigabe, für immer).

.ds-amt .ds-avatar .ds-axes .ds-axes- .ds-badge .ds-badge-- .ds-badge--cls .ds-badge--cls- .ds-badge--confirm .ds-badge--danger .ds-badge--ent- .ds-badge--info .ds-badge--neutral .ds-badge--warn .ds-badge__dot .ds-center .ds-dirpanel .ds-dirpanel__head .ds-dot .ds-dropdown .ds-empty .ds-fab .ds-fab__icon .ds-h1 .ds-h2 .ds-h3 .ds-input .ds-list-row .ds-list-row__body .ds-list-row__chev .ds-list-row__icon .ds-list-row__sub .ds-list-row__title .ds-menu .ds-menu__item .ds-menu__item--danger .ds-menu__label .ds-menu__sep .ds-muted .ds-pro-only .ds-quick .ds-scrim .ds-section .ds-segmented .ds-select .ds-shell--rail .ds-shell__main .ds-shell__scroll .ds-skill-card__desc .ds-stepper .ds-stepper__dot .ds-stepper__step .ds-table- .ds-table__num .ds-tables .ds-toolbar .ds-toolbar__end .ds-topbar__end .ds-topbar__title .ds-tree .ds-tree__chev .ds-tree__cnt .ds-tree__ico .ds-tree__lbl .ds-tree__node

Katalog-Klassen, die die App nicht nutzt (Karteileichen) (20)

Der Katalog zeigt sie, kein Screen ruft sie — entweder veraltet oder noch nicht verbaut. Nichts still löschen: als *überholt* markieren mit Zeiger, oder verbauen.

.ds-approval .ds-approval__head .ds-badge- .ds-breadcrumb .ds-bulkbar .ds-bx .ds-bx-legend .ds-card--framed .ds-chip--interactive .ds-composer__tools .ds-composer__tools--end .ds-datatable .ds-doc .ds-dock .ds-dock--side .ds-dock__grip .ds-dock__head .ds-list-item .ds-list-item__action .ds-table-wrap