46 lines
1.6 KiB
Markdown
46 lines
1.6 KiB
Markdown
<!-- status: done -->
|
|
<!-- started: 2026-06-10 -->
|
|
<!-- completed: 2026-06-10 -->
|
|
<!-- component: ui-nyla -->
|
|
|
|
# AI Workspace — Kontext-Sidebar + FloatingPortal
|
|
|
|
## Ziel
|
|
|
|
Kontext-Panel im AI-Workspace benutzbar machen (volle Hoehe, Explorer-Style wie Datei-Explorer/Cursor-Sidebar) und Dropdown-Clipping systemweit via `FloatingPortal` loesen — ohne z-index-Workarounds.
|
|
|
|
## Umgesetzt
|
|
|
|
### Kontext-Sidebar (`WorkspaceContextSidebar.tsx`)
|
|
|
|
- Feste Breite 320px, volle Stage-Hoehe (nicht PanelLayout-Prozent-Split)
|
|
- Icon-Toolbar: Dateien · Quellen · Aktivitaet · Vorschau · Collapse (Chevron)
|
|
- URL: `?ctxTab=files|sources|activity|preview` (Legacy `data` → `files`)
|
|
- Oeffnen via Top-Bar „Kontext“: Sidebar immer expandiert
|
|
- Desktop Persistenz: `localStorage workspace-ctx-open-{instanceId}`
|
|
- Neuer Chat ohne Name: Top-Bar zeigt `...`
|
|
|
|
### Mobile
|
|
|
|
- Prompt-centric: Chat fuellt Stage
|
|
- Kontext als Bottom-Sheet (66vh), Grab/↑ auf Vollbild
|
|
- Im Sheet `allowCollapse={false}`
|
|
|
|
### FloatingPortal
|
|
|
|
Alle Dropdown-Komponenten auf Portal umgestellt (Liste in `b-reference/ui-nyla/layout.md`).
|
|
|
|
### PanelLayout
|
|
|
|
- Chevron-Collapse sichtbar
|
|
- Overflow nur am Root, nicht in `.pane`/`.paneBody`
|
|
|
|
## Kanonische Doku
|
|
|
|
- [layout.md](../../b-reference/ui-nyla/layout.md) — Muster 7, FloatingPortal, Overflow-Kette
|
|
- [architecture.md](../../b-reference/ui-nyla/architecture.md) — WorkspacePage, WorkspaceContextSidebar
|
|
|
|
## Nicht-Ziele / bewusst offen
|
|
|
|
- Generisches Resize fuer Workspace-Kontext-Sidebar (nur Collapse, keine Drag-Breite)
|
|
- FormGeneratorList/DeleteActionButton: inline Bestaetigung, kein Dropdown
|