5.3 KiB
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