docs(01): capture phase context
This commit is contained in:
@@ -0,0 +1,165 @@
|
||||
# Phase 1: Foundation & Portal Shell - Discussion Log
|
||||
|
||||
> **Audit trail only.** Do not use as input to planning, research, or execution agents.
|
||||
> Decisions are captured in CONTEXT.md — this log preserves the alternatives considered.
|
||||
|
||||
**Date:** 2026-06-18
|
||||
**Phase:** 1-Foundation & Portal Shell
|
||||
**Areas discussed:** Sidebar-Verhalten, Header-Inhalt, Farbschema & Stil, Leer-Zustand
|
||||
|
||||
---
|
||||
|
||||
## Sidebar-Verhalten
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Einklappbar auf Icons | Breite Ansicht mit Text, kann auf schmale Icon-Leiste reduziert werden | ✓ |
|
||||
| Immer voll sichtbar | Sidebar bleibt immer in voller Breite mit Text | |
|
||||
| Auto-collapse | Auf kleinen Bildschirmen automatisch eingeklappt, auf grossen immer offen | |
|
||||
|
||||
**User's choice:** Einklappbar auf Icons
|
||||
**Notes:** —
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| ~240px (Standard) | Breite wie VS Code, Slack — genug Platz fuer Modulnamen | ✓ |
|
||||
| ~200px (Kompakt) | Etwas schmaler, mehr Platz fuer den Hauptbereich | |
|
||||
| Du entscheidest | Claude waehlt basierend auf Best-Practices | |
|
||||
|
||||
**User's choice:** ~240px (Standard)
|
||||
**Notes:** —
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Overlay/Drawer | Sidebar gleitet als Overlay ueber den Content | |
|
||||
| Versteckt + Hamburger | Komplett versteckt, Hamburger-Menu oeffnet sie | ✓ |
|
||||
| Du entscheidest | Claude waehlt das beste Pattern | |
|
||||
|
||||
**User's choice:** Versteckt + Hamburger
|
||||
**Notes:** —
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Immer links | Standard-Position, keine Konfiguration | ✓ |
|
||||
| Konfigurierbar (links/rechts) | Benutzer kann die Seite waehlen | |
|
||||
|
||||
**User's choice:** Immer links
|
||||
**Notes:** —
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Ja, Accordion | Kategorien klappen auf/zu, zeigen Module darunter | ✓ |
|
||||
| Immer offen | Alle Kategorien und Module immer sichtbar | |
|
||||
| Gruppiert mit Trenner | Optische Trennung ohne Klapp-Mechanik | |
|
||||
|
||||
**User's choice:** Ja, Accordion
|
||||
**Notes:** —
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Ja, mit Einstellungen | Unten in der Sidebar: Settings-Icon, kompakte User-Info | ✓ |
|
||||
| Nein, alles im Header | Sidebar nur fuer Navigation | |
|
||||
|
||||
**User's choice:** Ja, mit Einstellungen
|
||||
**Notes:** —
|
||||
|
||||
---
|
||||
|
||||
## Header-Inhalt
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Logo/Branding links | Tessera-Logo oder Schriftzug links | ✓ |
|
||||
| Benutzer-Menu rechts | Avatar/Name mit Dropdown | ✓ |
|
||||
| Breadcrumb/Seitentitel | Zeigt an wo man gerade ist | ✓ |
|
||||
| Globale Suche | Suchfeld in der Kopfzeile | ✓ |
|
||||
|
||||
**User's choice:** Alle vier Optionen gewaehlt
|
||||
**Notes:** —
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| ~48px (sehr schmal) | Minimal, nur Icons | |
|
||||
| ~56-64px (Standard) | Genug Platz fuer Logo + Menu | ✓ |
|
||||
| Du entscheidest | Claude waehlt | |
|
||||
|
||||
**User's choice:** ~56-64px (Standard)
|
||||
**Notes:** —
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Ja, sticky | Header bleibt immer sichtbar oben | ✓ |
|
||||
| Nein, scrollt mit | Header verschwindet beim Scrollen | |
|
||||
| Auto-hide | Verschwindet runter, erscheint hoch | |
|
||||
|
||||
**User's choice:** Ja, sticky
|
||||
**Notes:** —
|
||||
|
||||
---
|
||||
|
||||
## Farbschema & Stil
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Modern/Clean | Viel Whitespace, klare Linien, subtile Schatten | ✓ |
|
||||
| Kompakt/Dicht | Weniger Whitespace, mehr Info | |
|
||||
| Glassmorphism | Transparente Elemente mit Blur | |
|
||||
| Du entscheidest | Claude waehlt | |
|
||||
|
||||
**User's choice:** Modern/Clean
|
||||
**Notes:** —
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Leicht abgerundet | border-radius ~6-8px | ✓ |
|
||||
| Stark abgerundet | border-radius ~12-16px | |
|
||||
| Eckig/Kantig | border-radius 0-2px | |
|
||||
|
||||
**User's choice:** Leicht abgerundet
|
||||
**Notes:** —
|
||||
|
||||
**User's choice (Farbe):** Primaerfarbe Gelb #ffed00, Akzentfarbe konfigurierbar in Einstellungen
|
||||
**Notes:** Nachtraeglich als Freitext ergaenzt
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| True Dark (#0a0a0a) | Fast schwarz, hoher Kontrast | |
|
||||
| Dark Gray (#1a1a2e) | Dunkles Grau/Blau, angenehmer | |
|
||||
| Du entscheidest | Claude waehlt | ✓ |
|
||||
|
||||
**User's choice:** Du entscheidest
|
||||
**Notes:** —
|
||||
|
||||
---
|
||||
|
||||
## Leer-Zustand
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Welcome-Screen | Begruessung mit Hinweis auf Marketplace | |
|
||||
| Leeres Dashboard | Direkt das Dashboard, Sidebar zeigt Dashboard + Marketplace | ✓ |
|
||||
| Marketplace als Start | Marketplace als Startseite bis Module aktiv | |
|
||||
|
||||
**User's choice:** Leeres Dashboard
|
||||
**Notes:** Dashboard soll in Sidebar aktiv sein. Hauptbereich zeigt "Keine Widgets aktiv" + Add-Button. Orientierung an Homarr-Funktionalitaet mit feinerem Grid.
|
||||
|
||||
| Option | Description | Selected |
|
||||
|--------|-------------|----------|
|
||||
| Dashboard + Marketplace | Nur diese zwei sichtbar | |
|
||||
| Alle Kategorien (leer) | Kategorien sichtbar aber ohne Module | |
|
||||
| Du entscheidest | Claude waehlt | ✓ |
|
||||
|
||||
**User's choice:** Du entscheidest
|
||||
**Notes:** —
|
||||
|
||||
---
|
||||
|
||||
## Claude's Discretion
|
||||
|
||||
- Dark Mode Farbton (empfohlen: dunkles Grau statt true-black wegen gelber Primaerfarbe)
|
||||
- Sidebar-Inhalt im Leer-Zustand
|
||||
- Font-Wahl
|
||||
|
||||
## Deferred Ideas
|
||||
|
||||
None — discussion stayed within phase scope
|
||||
Reference in New Issue
Block a user