166 lines
5.3 KiB
Markdown
166 lines
5.3 KiB
Markdown
# 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
|