wip: design-mosaik paused at 4/7

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
2026-09-28 16:06:28 +02:00
parent 3fc33e3507
commit a8a910fd29
2 changed files with 108 additions and 0 deletions
@@ -0,0 +1,71 @@
+---
+context: default
+phase: design-mosaik (keine GSD-Phase)
+task: 4
+total_tasks: 7
+status: in_progress
+last_updated: 2026-09-28T16:05:48+02:00
+---
+
+# BLOCKING CONSTRAINTS — Read Before Anything Else
+
+- [ ] CONSTRAINT: Dashboard-Reiter NICHT in die Seitenleiste — User hat das am 28.09. ausdrücklich abgelehnt ("gefallen mir so gar nicht"). Reiter bleiben in der Kopfzeile; nicht erneut vorschlagen.
+- [ ] CONSTRAINT: Design-Arbeit läuft im Klon `~/projects/tessera-design` (Zweig `design/mosaik`), NICHT auf tessera-ctl main — der User wollte zurück können. Übertragung ins echte Projekt erst nach seiner Freigabe.
+
+**Do not proceed until all boxes are checked.**
+
+## Critical Anti-Patterns
+
+| Pattern | Description | Severity | Prevention Mechanism |
+|---------|-------------|----------|---------------------|
+| Grösse ändern mit preventCollision | react-grid-layout 2.2.3 verwirft beim Resize w UND h, sobald die neue Grösse irgendeinen Nachbarn berührt — Maus-Wackeln nach unten blockiert das Schmalerziehen | advisory | Constraint `RESIZE_AXIS_FALLBACK` in `dashboard-grid.tsx` (Klon) behalten und bei Übertragung nach main mitnehmen; Bug steckt auch in live 1.4.0 |
+| Dunkelmodus vortäuschen | `document.documentElement.classList.add('dark')` ändert next-themes `resolvedTheme` nicht → Hintergründe bleiben hell | advisory | Im Browser über den Theme-Knopf der Kopfzeile umschalten |
+
+<current_state>
+Design-Umbau „Mosaik" (Fluent 2 / GitHub-Stil) im Klon `~/projects/tessera-design`, Zweig `design/mosaik`, Stand `8440db8`, Arbeitsbaum sauber. Zweiter Stack läuft: web http://localhost:3100 (im Netz 192.168.200.241:3100), api 3101, eigene DB-Kopie. Vergleichsstand (tessera-ctl main, 3fc33e3) läuft auf Port 3000. Warten auf Rückmeldung des Users zu Runde 3b.
+</current_state>
+
+<completed_work>
+- Runde 1 (25.09.): Tokens, dunkle App-Leiste, Fluent-Seitenleiste, Anmeldeseite mit Mosaik, Dashboard-Hintergründe (localStorage)
+- Runde 2 (26.09.): Modulkacheln grau/Gelb nur aktiv, Begrüssung, Befehlsleiste, Kalender/Favoriten/Notiz ruhiger, leerer Zustand
+- Runde 3 (28.09., 8532b63): Favoriten schmaler (Resize-Achsen-Fallback), Ansicht zentriert, Kalender einzeilig + „Heute/Morgen" + defaultH 16, „Blüte" dunkel weg (Ersatz Nebel), Symbol-Chip in Akzentfarbe, Hover-Anheben, gestaffeltes Einblenden
+- Runde 3b (28.09., 8440db8): Reiter zurück in die Kopfzeile, Begrüssung zweizeilig unten in der Seitenleiste über „Einklappen"
+- Tests: web 602 grün (dashboard/layout/portal), tsc sauber, Biome ohne neue Warnungen
+</completed_work>
+
+<remaining_work>
+- Rückmeldung des Users zu Runde 3b (Begrüssung in der Seitenleiste, lebendigere Kacheln)
+- Nach Freigabe: Design sauber geplant ins echte Projekt übertragen (GSD quick/Phase), Hintergrundwahl pro Benutzer in der DB statt localStorage, CHANGELOG „Unveröffentlicht"
+- RESIZE_AXIS_FALLBACK auch für main/live (bei der Übertragung oder vorab als Einzelkorrektur, falls der User das will)
+</remaining_work>
+
+<decisions_made>
+- Reiter bleiben in der Kopfzeile (User-Ablehnung der Seitenleisten-Variante)
+- Begrüssung unten in der Seitenleiste, eingeklappt ausgeblendet
+- „Blüte" im Dunkelmodus nicht angeboten (Farbstufen), Ersatz „Nebel"
+- Ansicht zentriert belegte Spalten; Bearbeitungsmodus volle Breite
+- Separater Klon statt main, damit Rückweg offen bleibt
+</decisions_made>
+
+<blockers>
+- Keine technischen. Wartet auf User-Rückmeldung.
+</blockers>
+
+## Required Reading (in order)
+1. Memory `project_design_mosaik.md` — Verlauf aller Runden und User-Wünsche
+2. `git -C ~/projects/tessera-design log --oneline 3fc33e3..design/mosaik` — alle Design-Commits
+3. `~/projects/tessera-design/.design-shots/r3/` — aktuelle Bildschirmfotos
+
+## Infrastructure State
+- tessera-design Stack (web 3100 / api 3101 / db): läuft; nach Code-Änderung `docker compose up -d --build web` im Klon (~2 min)
+- tessera-ctl Stack (Port 3000): läuft, Stand 3fc33e3
+- Login lokal: admin / admin123
+- Zweig `design/mosaik` existiert NUR im Klon (origin = lokales tessera-ctl, nicht gepusht, nicht in Gitea)
+
+<context>
+Der User fand Tessera zu trist; Vorbild Microsoft 365/Fluent + GitHub, kein „KI-Stil". Ab Runde 2 keine bunten Farben: Gelb (persönliche Akzentfarbe) oder Grau. Er ist mit dem Design grundsätzlich zufrieden („ansonsten gefällt mir das design gut") und wollte „mehr Leben in den Widgets". Gespräch auf Deutsch, duzen, ganze Sätze, keine Fachbegriffe.
+</context>
+
+<next_action>
+Start with: User fragen, wie ihm Runde 3b auf http://localhost:3100 gefällt; bei Freigabe die Übertragung von `design/mosaik` nach tessera-ctl main planen.
+</next_action>