HiveGrid-Wireframes/hivegrid-cloud/docs/milestones/M147-dashboard-layout-widget-engine/PLAN.md

M147 — Dashboard: Layout + Widget-Engine

Block: Block 6 · Modul 20 Pflichtenheft-Quelle: block6.md Abschnitte 20.1, 20.6, 20.7

Ziel

Drag-&-Drop-Grid-Dashboard mit Widget-Katalog (kategorisiert nach Sales/Projekt/Aufgaben/Activity/Kommunikation/HR/KI/Allgemein). Pro Widget: Konfiguration (Zeitraum, Filter), Größe, Position. Server-side Rechnung mit 60-Sek-Cache. Live-Updates via WebSocket bei wichtigen Events. Lazy Loading (nur sichtbare Widgets laden). Klartext-Hinweis bei veralteten Daten.

Pflichtenheft-Bezug

• 20.1 — Widget-Katalog komplett
• 20.6 — User-Customizing
• 20.7 — Performance + Live-Updates

Abhängigkeiten

• Vorbedingung: Modul-Datenquellen, M013-M015, packages/realtime
• Wird benötigt von: M148-M150

Erfolgskriterium

GF kann Widgets per Drag-&-Drop neu anordnen; Live-Update zeigt neuen Lead binnen 5 Sek; Auflösung 8 Sales-Widgets unter 1 Sek.

Hinweise für Slice-Planung

• @tremor/react oder Recharts (Boilerplate-Deps)
• WebSocket via packages/realtime
• Cache-Policy mit 60-Sek-TTL

---

Definition of Done — verbindlich (siehe AGENTS.md + docs/INTEGRATION-CONTRACTS.md)

Dieses Milestone gilt nur dann als erledigt, wenn alle Punkte wahr sind. Bei Verstoß: PR-Block.

Erreichbarkeit

• Sidebar-Eintrag in packages/ui-hivegrid/src/app-shell/sidebar.config.ts mit Permission-Gate (oder explizit dokumentiert, warum nur Inline-Verlinkung) — Gruppe gemäß docs/INTEGRATION-CONTRACTS.md §1
• Route unter korrektem URL-Pattern (INTEGRATION-CONTRACTS §3)
• Breadcrumb für Detail-Routes (§4)
• Mobile-Tab-Bar-Eintrag falls mobile-relevant (§13)
• Customer-Portal-Sichtbarkeit explizit konfiguriert (§14)

Querschnitt-Wiring

• Audit läuft (auto via M001 oder manuell)
• Activity-Stream via logActivity bei relevanter Aktion (M045)
• Notifications via notify() (M011), nicht direkt
• Search-Index registriert in indexed-entities.ts, falls suchbar
• Permission-Filter via withTenantScope() + withPermission() (M004)
• Feature-Flag-fähig (M006) — Modul ohne Deploy abschaltbar

Code-Layer-Disziplin (PR-Block)

• Loader baut View-Model; UI-Component empfängt nur VM + Actions
• Keine Prisma-/Server-Imports in packages/ui-hivegrid/**
• Subframe-Output via Adapter, nicht direkt importiert
• Alle UI-Texte als i18n-Keys (M003-Build-Lint blockt sonst)

Tests

• Unit-Test für VM-Builder mit Zod-Schema-Validierung
• Smoke-Test e2e/smoke/<modul>.spec.ts (Login → Route → Hauptaktion → erwartetes UI)
• Hot-Swap-Drill grün (Smoke-Test gegen packages/ui-mock aus M017)
• Visual-Regression-Snapshot der Hauptansicht (M016)

Klartext (User-facing)

• Fehler-Texte aus M002-Catalog (kein HTTP-Code im UI)
• Empty-State mit Klartext + nächster Aktion
• Loading-State mit Klartext (kein leerer Spinner)
• Permission-Denied → 404, nicht 403 (Bauprinzip A.5.3)

Rollback-Pfad

• Forward-Only-DB-Migration mit Inverse-SQL als Kommentar
• Atomic-Slice-Commits (TC-Default)
• Feature-Flag vorhanden, um das Modul ohne Deploy auszuschalten

---

Klick-Pfad zum Prüfen (für User)

Wenn dieses Milestone fertig ist, prüft der User die Funktion über folgenden Pfad:

1. Login als geeigneter User-Typ (siehe Erfolgskriterium oben)
2. Sidebar-Gruppe + Eintrag öffnen (gemäß INTEGRATION-CONTRACTS.md §1)
3. Hauptaktion ausführen
4. Erwartetes Ergebnis sichtbar (siehe Erfolgskriterium)

Falls etwas nicht erreichbar ist: Milestone ist trotz „grüner Tests" nicht fertig — siehe Erreichbarkeits-Checkliste oben.