Files
KanbanGit/docs/ui-rework/epic-1-issue-10.md
T
Twyco 642e49d7b0
CI/CD / test_and_check_app (push) Failing after 2m11s
CI/CD / Publish immutable image (push) Skipped
feat: added ui docs
2026-09-09 08:15:37 +02:00

3.0 KiB

UI Rework 10: Persönliches Dashboard mit vorhandenen Daten

Epic: Epic 1

Abhängigkeiten: Issue 8, Issue 11

Ziel und Grenzen

Persönliches Dashboard mit vorhandenen Daten als abgegrenzten Teil des vollständigen Frontend-Neubaus umsetzen. Grundlage: Vue 3/Inertia 2 mit Laravel, Tauri 2 für Apps, gemeinsames Repository, servergeladene Oberfläche, HTTPS, Hell/Dunkel/System und englische Texte über Übersetzungsschlüssel. Bestehende Fachlogik bleibt maßgeblich; Resources und Routen nur soweit für diese Oberfläche erforderlich anpassen. Keine zusätzlichen Produktmodule.

Einstieg

Gezielt prüfen: resources/js/pages/Dashboard.vue; app/Actions/Tickets/ListAssignedTicketsByVisibleProject.php; routes/web.php. Die Pfade sind Einstiegspunkte, keine Erlaubnis zu fachlichen Umbauten. AGENTS.md und die für den tatsächlich geänderten Bereich geltenden Skills beachten. Vor Codeänderungen die zur installierten Version passende Dokumentation prüfen.

Design: Fluid Emerald Kanban Relevanter Stitch-Screen: Persönliches Dashboard — 30b69ed84e5c4bdf8cd3fe26d7a9e803. Zugriff über Stitch-MCP, Projekt 9754281177402648015.

Implementierungsweg

  1. Dashboard aus zugewiesenen Tickets und sichtbaren Projekten aufbauen.
  2. Vorhandene Action über einen Inertia-Controller und Resources anbinden.
  3. Aus dem Mockup nicht belegbare Kennzahlen und Aktivitätsfeeds weglassen.

Akzeptanzkriterien

  • Keine Platzhalterdaten.
  • Keine fremden Tickets.
  • Leere und gefüllte Dashboards funktionieren.
  • Neue Datenweitergabe ist durch Featuretests abgesichert.

Prüfung

Vorhandene gezielte Abdeckung: tests/Feature/DashboardTest.php, tests/Feature/Api/AssignedTicketsApiTest.php. Nur bei Berührung des jeweiligen Verhaltens aktualisieren bzw. ausführen.

Gezielte Verhaltenstests für die Änderung; betroffene PHPUnit-Featuretests bei Controller-/Resource-/Route-Anpassungen. Oberfläche mit Tastatur und bei mobiler Breite in beiden Themes prüfen. Projektvorgaben für Lint/Build und bei Vue/TypeScript abschließend npm run types:check erfüllen. Keine ausschließlich optischen Momentaufnahmen als Ersatz für Verhaltenstests.

Grenze der Agentensitzung

Nur dieses Ticket und bereits erfüllte Abhängigkeiten bearbeiten. Ein zusammenhängendes Ergebnis mit passenden Tests liefern; keine Nachbartickets mitziehen. Die Aufteilung zielt auf eine begrenzte Sitzung mit Reserve für Prüfung, garantiert aber kein festes Zeit- oder Tokenbudget. Wenn unerwartete Voraussetzungen den Umfang wesentlich vergrößern, rechtzeitig den Stand, betroffene Dateien, bereits ausgeführte Prüfungen und den konkret nötigen Folgeschritt festhalten.