JC-Kanon: Header // HERO // EIN zentrales Main Interaktives Ansicht // Chatbot-Meldungen (Kai) // User-Composer. Hier als Master-Template mit Fake-Daten, gerendert vom kanonischen Renderer (engine.js, R-92). JC-ENTSCHIEDEN (Runde 2) — seit Phase 2 ENGINE-GEHOBEN: die Main-Ansicht ist eine EIGENE Zone unter dem Hero — weiße Karte wie das Hero, mit Titel, klappbar (▾); renderSection rendert sie nativ (.zone-main, foundation.css), die Phase-1-Umhängung des Katalogs ist entfallen. Chat-Regel: Routine = Navigation + Tabelle; Chat nur für Ambiguität — der Chat ist Notausgang, nicht Ersatz. Alles ist anfassbar: Hero ▾ · Zone 3 ▾ · Scope „ändern ▾“ · Zeilen-Aktion · Bestätigen · Thread verlassen · Composer wächst.
docSteckbrief(), R-06/R-33): Klick auf eine Beleg-ID/Zeile öffnet ihn rechts, mehrere ausklappbare Abschnitte, kein eigener Chat. PDF/Excel/Chat-Input/Wissen hängen je Tabelle an EINEM kanonischen „⋯“-Menü (JC-§0g, FILE_ACTIONS/fileMenu()), keine freien Buttons mehr unten. Icons laufen durch den kanonischen Resolver icon(slug) (SSOT icons-global.json) statt als freies Emoji.
.msg.kai>.bubble) und die System-Einfügung (.statusline--system). Der Konformitäts-Harness prüft R-85/R-88/R-90 + JC-R2 Zone 3.Navigierbare Übersicht: jede Seite mit 1-Zeilen-Zweck. Primär-Ablage = 06_DASHBOARD/; Spiegel in 01_ITERATIONS/AGENT_UX_01_DESIGN_GUARDIAN/ sind identische Kopien (dort zusätzlich index.html · abnahme_index.html).
| Seite | Zweck (1 Zeile) | Einordnung |
|---|---|---|
| core_app_mockup.html | JCs Gold-Referenz (v3.8) — komplette App-Anmutung, Quelle der Gold-Bausteine (Scope-Popover, Thread-Mimik, Vollbild-Tabelle …) | GOLD |
| chat_component_library.html | Landkarte: alle benannten Chat-/UI-Bausteine (~47) — einmal ändern = überall; hier erfolgt die Gold-Chip-Vergabe | Landkarte |
| regelwerk.html | Bau-Checkliste R-01…R-94 — die Abnahme-Brücke (Verhalten), Quelle der R-Verweise dieses Katalogs | Regeln |
| vertical_slice_standalone.html | Design-Fundament-Beweis: Schema→Renderer→Bausteine, 2 Sektionen (Heute · Klärung), AA-Gate, Kai-Intent (Quelle: vertical_slice.html + Diagnose-Panels) | DESIGN#01 |
| PLAT_06/showcase.html | Komponenten-Showcase des Design-Systems (tokens.css + components.css, PLAT#06) | SSOT |
| klaerung_rework_mockup.html | Klärung Variante A (Tabelle → Fall-Fokus → nächster) — 10-Punkte-UX, nie Dev-Sprache | Mockup |
| triage_gold_mockup.html | Triage-Gold-Mockup (Klär-Karten, docprev-Ursprung) | Mockup |
| hero_mockups.html | Hero-Grammatik-Varianten (R-03: Identität · Lage · Wohin) | Mockup |
| chat_central_mockup.html | Früher Mockup „zentraler Chat“ (Vorläufer der Chat-Zone) | Mockup |
| core_home.html | Frühe Core-Startseite (Vorläufer von „Heute“) | Mockup |
| core_shell.html | Produktive Shell (nativ, PLAT#03) — konsumiert Chrome-SSOT; Klärung-Schnitt live verdrahtet | Produkt |
| gabriel.html | gabriel-Memoir-App (Welt B, Marke warm) — größte Instanz-Seite | Produkt |
| rka_v2.html | RKA-Cockpit v2 — LIVE-Quelle der Token-Palette (tokens.css Layer 1) | Cockpit |
| rka.html | RKA-Cockpit v1 (Vorgänger, Referenz) | Cockpit |
| rka_chat.html | RKA-Chat-Mockup (Reisekosten konversationell) | Mockup |
| vertraege.html | Verträge-Cockpit (VERTRAG#01) — Fristen/Action-Items | Cockpit |
| costs.html | Kostenübersicht (KOSTEN#01) — Slate→Token migriert, CORE-Shell-Header | Cockpit |
| audit_gesamt.html | AGENT-UX-Gesamt-Audit (autoritativ für die Gabriel-TODOs) | Audit |
| coverage_audit.html | Komponenten-Abdeckungs-Audit (was nutzt schon SSOT?) | Audit |
| pattern-health.html | Pattern-Health-Report (Drift-Wächter) | Audit |
| ux_index.html | UX-Index — Seitenverzeichnis der AGENT-UX-Artefakte | Index |
| ux_abnahme.html | UX-Abnahme-Seite (Abnahme-Protokolle) | Index |
06_DASHBOARD/belege_preview.html + belege_section.js + build_belege_preview.py — Belege-Cockpit mit sticky/resizable Dock-Panel (Branch, Commit 339d91a) → Quelle für Phase-2-Baustein „Dock-Panel“.core_app_mockup „Paket 5“ — geparkt bis DESIGN#01-Vertikalschnitt-Freeze (Memory: core_app_mockup Iterationsstand; Konflikt #806 ↔ Paket 2).Links: die EINE Kern-Frage der Freigabe + Quellen (R-Regel → Regelwerk · JC-§ → UX-Bibel · Herkunfts-Commit). Rechts: der Baustein live und anfassbar — mit Zuständen und Umschaltern (einzeln ↔ im-Anatomie-Kontext · Desktop ↔ 375 px · Rolle, wo relevant). ⚠-Kästen = ehrliche Lücken (Phase 1 flaggt nur, baut nicht). Unten an jeder Karte entscheidest du: ✅ Freigeben · ✋ Änderung anfordern (+ Anmerkung „Senden“ → 🟡-Eintrag mit Historie) · ⬜ offen lassen. Der 📋 Export oben nimmt NUR 🟡-offene Einträge mit; Behandeltes zeigt ✔ + Resolution.
Phase 2 hat gebaut: data-table-komplett · Dock-Panel · Beleg-Karte · file-actions · Karten-Konsolidierung · Badge V1 — diese sind jetzt echte Karten in Abschnitt 3 („NEU (P2)“). Hier bleibt nur, was ehrlich noch aussteht.
Läuft bei jedem Laden: Konsolenfehler · Karten gerendert · Anatomie-Konformität (engine.js-Harness) · Horizontal-Scroll.