c-enter — Wireframe Screens

Statische HTML-Snapshots der Wireframe-Spezifikation. Grauer Wireframe-Stil, keine finalen Farben oder Polish. Seed-Daten hardcoded und spec-konform.

Spec-Quelle: design-prototype/wireframe-spec.md

§2.1 Übersicht

01-overview.html

Einstiegsscreen. Globale Navigation (TopBar + Sidebar), Kritische Signale, Projekte-Grid.

§2.2.1 Projekt-Workspace · Dashboard-Tab

02-project-dashboard.html

Projekt-Header, Tab-Leiste, Dashboard-Inhalt (Pipeline, Sessions, Attention, Aktivitäten).

§2.2.2 Projekt-Workspace · Sessions-Tab

03-project-sessions.html

Filter, Sessions-Liste mit Expand für Referenzen.

§2.5 Artefakte-Bibliothek (global)

04-artefakte-bibliothek.html

Typisierter Dateimanager. Drei Spalten: Navigations-Baum / Liste / Detail & Editor. Scope-Switch, Type-Kategorien, typ-abhängige Editor-Modi.

§2.3 Session-Detail — Solo-Modus

05-session-detail.html

Primary-Session allein. Ein Chat-Pane links, Meta-Rail rechts. Normalzustand (idle, kein Coach, keine Hook-Events).

§2.3 Session-Detail — Paired-Modus

06-session-paired.html

Developer + Reviewer (Sub-Session) side-by-side, manueller Nachrichten-Austausch durch Andi. Pro Pane eigener Pane-Header + Meta-Streifen + Chat + Input. Keine Meta-Rail. Hover auf Message zeigt Übergabe-Pfeil ⇢ / ⇠.

§2.3 Session-Detail — Delegated-Modus

07-session-delegated.html

Verwalter-Hook orchestriert den Austausch. Drei Panes: Developer (25 %, ausgegraut) + Verwalter (50 %, aktiv) + Reviewer (25 %, ausgegraut). Verwalter-Pane zeigt Handoff-Timeline mit drei Beispiel-Handoffs. Pause-Button → zurück zu Paired.

Öffnen per Python-Server: python3 -m http.server 8088 in diesem Ordner, dann http://localhost:8088.
Oder direkt im Browser via Windows-Explorer-Pfad \\wsl.localhost\Ubuntu\home\andyon2\workspace\products\c-enter\design-prototype\wireframe-screens\index.html