# 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