docs: sync wireframes and finalize calendar

This commit is contained in:
david committed 2026-08-31 19:35:19 +02:00
1 parent 586994e28c
commit e0a963aaab
67 files changed
+1125 -703

No files matched your search

+22 -22
View File
@@ -14,29 +14,27 @@
{"id":"7a26f88c260892eb","type":"group","x":1950,"y":0,"width":557,"height":740,"color":"3","label":"WEBSITE 🌐"},
{"id":"2025c7621bb63c98","type":"group","x":2737,"y":0,"width":540,"height":740,"color":"4","label":"LOGIN & ZUGÄNGE"},
{"id":"3c6e5b1ea4a27913","type":"group","x":7297,"y":2080,"width":540,"height":740,"label":"HR (MITARBEITER)"},
{"id":"77ebfde5a3a05b8a","type":"text","text":"## Online-Terminbuchung 🌐\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** 🌐 Buchungslink + `/bookings`\n\n**Was drin ist:** 🌐 Buchungs-Seite für Kunden (freien Termin wählen → Formular → Bestätigung mit Kalender-Datei), intern: Buchungs-Liste (verschieben, stornieren, No-Show), Buchungsseiten-Editor (Fragen mit Feld-Zuordnung zum Lead), Verfügbarkeits-Zeiten — Davids Delta: Kunde kann per Mail-Link selbst absagen/verschieben\n\n**So funktioniert's:** Kunde bucht selbst, der erste freie Mitarbeiter bekommt den Termin, die Anfrage landet im Lead-Eingang. Muss am schönsten aussehen — ist öffentlich.","x":3067,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"6b8c7d3bc3ee7449","type":"text","text":"## Formulare (Baukasten) 🌐\n**Ticket:** `D-FORM` + `D-P16` (Teil) · **Status:** 🟡 Review-Draft (Mitarbeiterinnen-Paket eingebaut, David Review offen)\n**Wo:** `/forms` + öffentlicher Link\n\n**Was drin ist:** Formular-Zentrale, einfacher Google-Forms-naher Builder S02, Lead-Feldzuweisung S02L/E05, Design, Antworten-Tabelle, 🌐 öffentliches Formular mit Erfolg/Blocker/Submit-Fehler\n\n**So funktioniert's:** S02 ist der Hauptfluss für Handwerksbetriebe; Advanced-Canvas, Logic/Actions und Publish-Blocker bleiben als Referenz/Power-User-Richtung. D-FORM kann später in Terminbuchung, HR und Abnahme-Vorlagen eingesteckt werden.","x":2560,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"28bd46ecb4eaa069","type":"text","text":"## Kalender\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/calendar` + Einstellungen\n\n**Was drin ist:** Monats-/Wochen-Ansicht mit allen Terminen (Google-Kalender + Buchungen + Plantafel, je mit Herkunfts-Marker), Google-Kalender verbinden, Konflikt-Übersicht — Davids Delta: Termine anlegen + einladen (Team/Kontakte/freie E-Mails), Kollegen-Overlay\n\n**So funktioniert's:** Läuft in beide Richtungen mit Google (Outlook kommt in v2). Fremde private Termine erscheinen nur als »belegt«.","x":3837,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"a5fedec01fe8bd0b","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas","x":2560,"y":2560,"width":460,"height":220},
{"id":"4dcc2ddf551aa917","type":"file","file":"02 Wireframes/P16 Kalender/WF-P16 Kalender/WF-P16 Kalender.canvas","x":3837,"y":2560,"width":460,"height":220},
{"id":"b75d102c4db2d32f","type":"file","file":"02 Wireframes/P16 Terminbuchung/WF-P16 Terminbuchung/WF-P16 Terminbuchung.canvas","x":3067,"y":2560,"width":460,"height":220},
{"id":"8f3127f03a5bab96","type":"text","text":"## Automations-Baukasten (Flow-Editor)\n**Ticket:** `D-FLOW` · **Status:** ✅ validiert / Development-Handoff\n**Wo:** `/automations/:id/edit`\n\n**Final:** Vollbild-Canvas, 31er-Baustein-Picker, Kontextmenü, 32 Konfigurationsdialoge, reduzierte Start-Auswahl sowie Bestätigungen für Aktivieren/Pausieren. M03 V3 bleibt als Referenz. Der Workflow-Engine-Flow umfasst 39 Seiten.\n\nKein eigener Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung. **Aufwendigste UI der ganzen App.**","x":2150,"y":3100,"width":460,"height":360,"color":"1"},
{"id":"e6d8c36a0f89d954","type":"text","text":"## Automationen: Übersicht & Verläufe\n**Ticket:** `D-P12` · **Status:** ✅ validiert / Development-Handoff\n**Wo:** `/automations`\n\n**Final:** Eigener Verwaltungs-Flow mit 5 Seiten: S01 Automation-Liste, S02 Lauf-Liste, S03 Lauf-Detail, M04 Vorlagen-Katalog und S06 Zugangsdaten. Zusammen mit den 39 Workflow-Engine-Seiten sind 44/44 aktuelle Seiten synchronisiert.\n\nDie 32 Konfigurationsdialoge bleiben einzeln dokumentiert.","x":3067,"y":3100,"width":460,"height":360,"color":"2"},
{"id":"8272764aa65537b0","type":"text","text":"## Lead-Eingang (Anfragen)\n**Ticket:** `D-P7` · **Status:** ✅ Development-Handoff\n**Quelle:** final 20/20 Seiten abgeglichen · S01 neue UUID · Subframe unverändert\n**Wo:** Eingang → Arbeitsliste → Lead-Record\n\n**Gebaut:** Karten-/Listen-Triage, priorisierte Arbeit, Record, Anlage/Dubletten, nächste Aktion, E-Mail und Dialer. M01 konvertiert final zu einem Deal.\n\n**Folgethemen:** ältere Projekt-Konversion, Freigabe/Zielwahl sowie Statistik, Quellen, Anti-Spam und CSV.","x":2007,"y":1040,"width":460,"height":360,"color":"5"},
{"id":"487ffd8c4ba06816","type":"file","file":"02 Wireframes/P7 Leads/WF-P7 Leads/WF-P7 Leads.canvas","x":2007,"y":1440,"width":460,"height":220},
{"id":"d9868dadb782f253","type":"text","text":"## Kontakte & Organisationen\n**Ticket:** `D-CRM` · **Status:** ✅ Development-Handoff\n**Quelle:** Subframe · 13/13 Seiten gelesen und gerendert\n**Wo:** `/contacts`\n\n**Final:** getrennte Personen-/Organisationslisten, S03/S04 als Pipeline-native Karteikarten, sechs Werkzeugzustände, Duplikatentscheidungen und Archivierung. Anlage und Relationspflege passieren direkt in S03/S04.\n\n**Modell:** Status optional; Primär/Sekundär liegt an der Relation, 0..n je Bereich; Relationsbezeichnung optional. Backlog bleibt separat.","x":3077,"y":1040,"width":460,"height":360,"color":"4"},
{"id":"e7b3227af605e50f","type":"file","file":"02 Wireframes/P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.canvas","x":3077,"y":1440,"width":460,"height":220},
{"id":"e10a35560a461111","type":"text","text":"## Kanban-Board & Pipelines (Projekte)\n**Ticket:** `D-P8` + `D-KANBAN` · **Status:** 🟢 in Subframe, 23/23 Seiten abgeglichen (2026-07-28)\n**Wo:** Boards-Startseite + Board/Liste + Admin\n\n**Was drin ist:** S00 Board-Auswahl, S01 Kanban und S03 Liste mit Empty States, S02 Projekt-Detail, Board-/Verlustgrund-/Detailfeld-Verwaltung sowie alle Modals.\n\n**Für Development validiert:** S07 → S04 Board-Einstellungsdetail; S03 setzt den aktiven Pipeline-Namen ein; Karten-Rechtsklick öffnet M03; letzte Stage/finaler Status öffnet M04 automatisch. Details und direkte Screen-Links liegen im P8-Paket.","x":4037,"y":1040,"width":460,"height":360,"color":"4"},
{"id":"dffe68e69f10ce02","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas","x":4037,"y":1440,"width":460,"height":220},
{"id":"e19722e166e60234","type":"file","file":"02 Wireframes/P12 Flow-Editor/WF-P12 Flow-Editor/WF-P12 Flow-Editor.canvas","x":2150,"y":3500,"width":460,"height":220},
{"id":"1e6745655cfaf5c0","type":"file","file":"02 Wireframes/P12 Verwaltung/WF-P12 Verwaltung/WF-P12 Verwaltung.canvas","x":3067,"y":3500,"width":460,"height":220},
{"id":"4cce52e2e3bd8823","type":"text","text":"## Versand-Technik & Statistiken 🌐\n**Ticket:** `D-P14` · **Status:** ⬜ offen\n**Wo:** `/email-marketing` + Einstellungen\n\n**Was drin ist:** Eigene Absender-Domain einrichten (mit Copy-Paste-Anleitung), Kampagnen-Übersicht + Statistiken (zugestellt/geöffnet/geklickt), gesperrte Empfänger, Vorlagen, 🌐 Abmelde-Seite\n\n**So funktioniert's:** Mails an Kunden tauchen automatisch am Kontakt auf (BCC-Trick, kein Postfach-Anschluss nötig — der kommt in v2).","x":1850,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"ab16fe58ff28c0ac","type":"text","text":"## Kampagnen & Empfängerlisten\n**Ticket:** `D-KAMP` · **Status:** ⬜ offen\n**Wo:** `/email-marketing`\n\n**Was drin ist:** Kampagne erstellen in 6 Schritten (Absender → Inhalt → Empfänger → Test-Mail → Zeitpunkt → Check) · Empfängerlisten (Segmente) mit Filtern bauen\n\n**So funktioniert's:** Vor dem Versand prüft eine Checkliste alles Rechtliche (Domain bestätigt? Abmelde-Link? Impressum?) — bei Rot wird nicht gesendet.","x":1200,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"e10a35560a461111","type":"text","text":"## Kanban-Board & Pipelines (Projekte)\n**Ticket:** `D-P8` + `D-KANBAN` · **Status:** ✅ validiert / Development-Handoff\n**Quelle:** Subframe · 23/23 Seiten abgeglichen\n**Wo:** Boards-Startseite + Board/Liste + Admin\n\n**Was drin ist:** S00 Board-Auswahl, S01 Kanban und S03 Liste mit Empty States, S02 Projekt-Detail, Board-/Verlustgrund-/Detailfeld-Verwaltung sowie alle Modals.\n\n**Für Development validiert:** S07 → S04 Board-Einstellungsdetail; S03 setzt den aktiven Pipeline-Namen ein; Karten-Rechtsklick öffnet M03; letzte Stage/finaler Status öffnet M04 automatisch. Details und direkte Screen-Links liegen im P8-Paket.","x":4037,"y":1040,"width":460,"height":360,"color":"4"},
{"id":"dffe68e69f10ce02","type":"file","file":"02 Wireframes/P8 Pipelines/WF-P8 Pipelines/WF-P8 Pipelines.canvas","x":4037,"y":1440,"width":460,"height":220},
{"id":"903e3384b0a5e623","type":"text","text":"**Detail-Flows:** 9 Wireframe-Pakete mit eigenen Canvases in eigenständigen `02 Wireframes/P2 …/`-Toolordnern (Login, Signup, Reset, Set Password, 2FA, RBAC …) — siehe Tracker","x":2777,"y":480,"width":460,"height":220},
{"id":"3e27875daca5713d","type":"text","text":"## Login, Registrierung & Workspace\n**Ticket:** `D-P2` · **Status:** ✅ validiert / in Subframe\n**Wo:** Login-Seiten + Einstellungen\n\n**Was drin ist:** Registrierung, Login + 2FA, Passwort vergessen/ändern, Workspace-Auswahl + neuer Workspace, Profil & Sicherheit, Mitarbeiter & Rollen (Admin)\n\n**Stand:** 9 Wireframe-Pakete fertig gebaut. Konto/Workspace löschen bewusst geparkt. → eigenständige `02 Wireframes/P2 …/`-Toolordner","x":2777,"y":80,"width":460,"height":360,"color":"4"},
{"id":"ce5632682989a6ca","type":"text","text":"## Website (Landing & Demo-Anfrage)\n**Ticket:** `D-WEB` · **Status:** ⬜ offen\n**Wo:** 🌐 hivegrid.de\n\n**Was drin ist:** Startseite, Features-Seite, Preise-Teaser, Demo-Anfrage-Formular\n\n**Warum wichtig:** Der erste Eindruck nach außen. Farben/Schriften sind dieselben wie in der App. Demo-Anfragen landen im Lead-Eingang.","x":2007,"y":80,"width":460,"height":360,"color":"2"},
{"id":"89c0813f7e139a88","type":"text","text":"## Dashboard (Startseite)\n**Ticket:** `D-DASH` (Teil) · **Status:** ⬜ offen\n**Wo:** `/dashboard`\n\n**Was drin ist:** 3 feste Ansichten je Rolle: Chef (Umsatz, Projekte, Auslastung) · Büro (Projekte, Aufgaben, Anrufe) · Monteur 📱 (meine Termine, Projekte, Aufgaben)\n\n**So funktioniert's:** Kacheln mit Zahlen, Listen und Trend-Charts, live aktualisiert. Kein freies Umbauen in v1 — nur Filter/Zeitraum einstellbar.","x":4037,"y":80,"width":460,"height":360,"color":"2"},
{"id":"4a4e5be847a54e5f","type":"text","text":"## Suche (Cmd+K)\n**Ticket:** `D-DASH` (Teil) · **Status:** ⬜ offen\n**Wo:** überall + `/search`\n\n**Was drin ist:** Such-Fenster per Tastenkürzel: tippen, Treffer nach Typ gruppiert, mit Pfeiltasten navigieren · dazu große Such-Seite mit Filtern\n\n**So funktioniert's:** Findet Kontakte, Projekte, Dateien usw. — zeigt nur, was man sehen darf.","x":4537,"y":80,"width":460,"height":360,"color":"1"},
{"id":"4cce52e2e3bd8823","type":"text","text":"## Versand-Technik & Statistiken 🌐\n**Ticket:** `D-P14` · **Status:** ⬜ offen\n**Wo:** `/email-marketing` + Einstellungen\n\n**Was drin ist:** Eigene Absender-Domain einrichten (mit Copy-Paste-Anleitung), Kampagnen-Übersicht + Statistiken (zugestellt/geöffnet/geklickt), gesperrte Empfänger, Vorlagen, 🌐 Abmelde-Seite\n\n**So funktioniert's:** Mails an Kunden tauchen automatisch am Kontakt auf (BCC-Trick, kein Postfach-Anschluss nötig — der kommt in v2).","x":1850,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"ab16fe58ff28c0ac","type":"text","text":"## Kampagnen & Empfängerlisten\n**Ticket:** `D-KAMP` · **Status:** ⬜ offen\n**Wo:** `/email-marketing`\n\n**Was drin ist:** Kampagne erstellen in 6 Schritten (Absender → Inhalt → Empfänger → Test-Mail → Zeitpunkt → Check) · Empfängerlisten (Segmente) mit Filtern bauen\n\n**So funktioniert's:** Vor dem Versand prüft eine Checkliste alles Rechtliche (Domain bestätigt? Abmelde-Link? Impressum?) — bei Rot wird nicht gesendet.","x":1200,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"e21930b7073823f8","type":"text","text":"## Aufgaben\n**Ticket:** `D-P4` (Teil) · **Status:** ✅ Development-Handoff\n**Wo:** `/tasks` + überall als Reiter\n\n**Bestand:** 16 Live-Seiten. [Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/192a194e-bb51-4f4c-9f02-7c05d26584e8/edit)\n\n**Final:** S01 B3, S02 Versuch 4, S03 Drawer, M01, V01 Tabelle + Minimal sowie zehn Interaktionsmodals.\n\n**Abgesichert:** Notiz-, Datei-, Verknüpfungs-, Dirty-Close- und Löschpfade; M02/M02b mit blauem `Lieber archivieren`. Zustände/Feedback stehen in Z01. Mobile ist nicht Teil der Abnahme.\n\n**Hinweis:** Flow heißt weiter `WF-P16 Aufgaben`; eindeutig dokumentiert und nicht blockierend.","x":800,"y":3100,"width":460,"height":400,"color":"4"},
{"id":"036e2a807223753d","type":"text","text":"## Dateien\n**Ticket:** `D-P4` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/files` + überall als Reiter\n\n**Was drin ist:** Datei-Übersicht (Tabelle oder Kacheln, Filter, Mehrfach-Aktionen inkl. ZIP), Upload per Drag&Drop (mehrere gleichzeitig, mit Fortschritt), Datei-Detail mit Vorschau\n\n**So funktioniert's:** Dateien hängen an Kontakten/Projekten/… mit Rolle (z. B. »Angebot«). iPhone-Fotos (HEIC) werden automatisch zu JPG. Versionen kommen in v2.","x":1450,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"a1328943a7cef3b2","type":"file","file":"02 Wireframes/P4 Dateien/WF-P4 Dateien/WF-P4 Dateien.canvas","x":1450,"y":3500,"width":460,"height":220},
{"id":"98798c9044c1d4bc","type":"file","file":"02 Wireframes/P4 Aufgaben/WF-P4 Aufgaben/WF-P4 Aufgaben.canvas","x":800,"y":3500,"width":460,"height":220},
{"id":"d48196ed3e229be5","type":"text","text":"**Standards:** `04 Standards/Subframe UI Standards/` — validierte Layout-Regeln","x":690,"y":480,"width":460,"height":220},
{"id":"c02969250252a3ab","type":"text","text":"## Feinschliff vor Launch\n**Ticket:** `D-POLISH` · **Status:** ⬜ offen\n**Wo:** 🌐 alles öffentlich Sichtbare\n\n**Was drin ist:** Letzter Polier-Durchgang: Terminbuchungs-Seite, öffentliche Formulare, Marketing-Mails · danach Screenshots als »So muss es aussehen«-Referenz einfrieren\n\n**Warum wichtig:** Kommt ganz am Ende, direkt vor dem Launch. Braucht Terminbuchung + Dashboard fertig.","x":1190,"y":80,"width":460,"height":360,"color":"3"},
{"id":"d53e7ea48a9b1e6c","type":"text","text":"## UI-Baukasten (Listen, Formulare, Modals …)\n**Ticket:** `D-D0b` · **Status:** ✅ validiert\n**Wo:** überall in der App\n\n**Was drin ist:** Fertige Bausteine: Listen mit Filter, Detail-Seiten, Formular-Felder (12 Typen), Dialoge/Wizards, Settings-Seiten, Leer-/Lade-/Fehler-Zustände + Kleinteile (Buttons, Tags, Charts, Unterschriften-Feld …)\n\n**Warum wichtig:** Einmal designen, überall wiederverwenden. Layout-Standards liegen in `04 Standards`. ✅ Bereits erledigt.","x":690,"y":80,"width":460,"height":360,"color":"4"},
@@ -53,35 +51,37 @@
"height":420
},
{"id":"c3ff54579acc3b17","type":"file","file":"05 HiveGrid Map/HiveGrid Map.md","x":-683,"y":-600,"width":460,"height":300},
{"id":"a1328943a7cef3b2","type":"file","file":"02 Wireframes/P4 Dateien/WF-P4 Dateien/WF-P4 Dateien.canvas","x":1450,"y":3500,"width":460,"height":220},
{"id":"98798c9044c1d4bc","type":"file","file":"02 Wireframes/P4 Aufgaben/WF-P4 Aufgaben/WF-P4 Aufgaben.canvas","x":800,"y":3500,"width":460,"height":220},
{"id":"ccd329042d522b12","type":"file","file":"02 Wireframes/P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.canvas","x":5537,"y":3500,"width":460,"height":220},
{"id":"7ed4a9c13b0f6e52","type":"file","file":"Todo.md","x":-683,"y":-260,"width":460,"height":220,"color":"3"},
{"id":"401d8270854bebac","type":"text","text":"## Team-Chat\n**Ticket:** `D-CHAT` · **Status:** ✅ validiert / Development-Handoff\n**Quelle:** Subframe · 24/24 Screens synchronisiert\n\n**Aktueller Flow:** Chat-Auswahl, Projektchat, freie Gruppe, private DM, Thread, Text- und Audio-Composer, direkte Kontaktwahl, ein global oder chatbezogen wiederverwendbarer Medienflow sowie getrennte Gruppen- und Projektchat-Einstellungen.\n\n**Finale Korrekturen:** Filter Bar und Checkboxen sind Standard; Verlassen und Archivieren haben eigene Modale.\n\n**Übergabe:** UX-Validierung und Development-Handoff sind abgeschlossen.","x":5077,"y":2160,"width":460,"height":420,"color":"2"},
{"id":"3864f1b74d665e1a","type":"file","file":"02 Wireframes/P3 Audit Log/WF-P3 Audit Log/WF-P3 Audit Log.canvas","x":6037,"y":3500,"width":460,"height":220},
{"id":"b334f15bdd19d9ad","type":"text","text":"## Erste Schritte & Demo-Daten\n**Ticket:** `D-P20` (Teil) · **Status:** ⬜ offen\n**Wo:** `/onboarding` + Admin\n\n**Was drin ist:** Erste-Schritte-Checkliste (mit Direkt-Links, abhakbar, ausblendbar), Beispieldaten-Knopf (anlegen, zählen, wieder löschen, »Demo ausblenden«-Filter), Hell/Dunkel-Umschalter\n\n**So funktioniert's:** Kein Einrichtungs-Assistent — beim Registrieren wird alles SHK-typisch vorbefüllt, die Checkliste führt danach durch.","x":5537,"y":3760,"width":460,"height":360,"color":"5"},
{"id":"6533d410b309a48f","type":"text","text":"## Datenschutz (Export & Löschung)\n**Ticket:** `D-P21` (Teil) · **Status:** ⬜ offen\n**Wo:** `/admin/privacy` + Einstellungen\n\n**Was drin ist:** Daten-Export als ZIP (für einen Nutzer oder den ganzen Workspace), Workspace-Löschung (mehrstufig, 30 Tage Schonfrist, Passwort + 2FA), Konto-Löschung, Liste der Unterauftragsverarbeiter, AVV-Vertrag\n\n**So funktioniert's:** Letzter Baustein vor dem Launch. DSGVO-Auskunftsanfragen laufen in v1 als manuelle Anleitung, ohne eigenen Assistenten.","x":6037,"y":3760,"width":460,"height":360,"color":"5"},
{"id":"03e8e03ef11606a0","type":"text","text":"## HR-Bereich 📱\n**Ticket:** `D-HR` · **Status:** ⬜ offen\n**Wo:** `/hr` + HR-Admin\n\n**Was drin ist:** Startseite (Ankündigungen, offene Anträge, wer ist heute da), Urlaub & Krankmeldung (mit Genehmigung), Lohnabrechnungen, Anträge (Spesen, Hardware …), Passwort-Safe, Umfragen, Mitarbeiter-Verzeichnis, Standorte, eigene Dokumente\n\n**So funktioniert's:** Mitarbeiter-Sicht und HR-Verwaltung sind strikt getrennt; sensible Daten verschlüsselt, jedes Aufdecken protokolliert. Urlaub/krank fließt direkt in die Plantafel-Konflikte.","x":7337,"y":2160,"width":460,"height":360,"color":"5"},
{"id":"c8d8914e45e1497e","type":"text","text":"## Plattform-Admin\n**Ticket:** `D-ADMIN` · **Status:** ⬜ offen\n**Wo:** admin.hivegrid.de\n\n**Was drin ist:** Eigener Login (2FA Pflicht), Übersichts-Dashboard (Kunden, Nutzer, Umsatz, System-Zustand), Kunden-Verwaltung (Module freischalten = Abo-Baukasten, Test verlängern, »als Kunde einloggen« mit Begründung), Nutzer-Hilfen (2FA-Reset), Feature-Schalter, Warteschlangen-Monitor, Support-Inbox, Protokoll\n\n**So funktioniert's:** Komplett eigene Welt für uns als Betreiber — Kunden sehen davon nichts. Muss funktionieren, nicht hübsch sein.","x":7337,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"abf5f779c1463715","type":"text","text":"## Hinweis\nDieses eine Ticket enthält viele kleine Features (Kunden, Schalter, Support …).\n\nBeim atomaren Durchgehen behandeln wir es als eigenen Bereich und teilen es bei Bedarf in Unter-Pakete auf. Priorität liegt aber hinter der Vertriebs-/Auftrags-Kette.","x":7337,"y":3760,"width":460,"height":360,"color":"5"},
{"id":"7ed4a9c13b0f6e52","type":"file","file":"Todo.md","x":-683,"y":-260,"width":460,"height":220,"color":"3"},
{"id":"401d8270854bebac","type":"text","text":"## Team-Chat\n**Ticket:** `D-CHAT` · **Status:** 🟡 bereit zur Validierung\n**Quelle:** Subframe · 22/22 Screens synchronisiert\n\n**Aktueller Flow:** Chat-Auswahl, Projektchat, freie Gruppe, private DM, Thread, Text- und Audio-Composer, direkte Kontaktwahl, ein global oder chatbezogen wiederverwendbarer Medienflow sowie getrennte Gruppen- und Projektchat-Einstellungen.\n\n**Finale Korrekturen:** Filter Bar und Checkboxen sind Standard; Verlassen und Archivieren haben eigene Modale.\n\n**Nächster Schritt:** Die vier Teilflüsse in der Obsidian-Canvas gemeinsam Screen für Screen validieren.","x":5077,"y":2160,"width":460,"height":420,"color":"2"},
{"id":"0dd112848b0f0dff","type":"file","file":"02 Wireframes/P15 Team-Chat/WF-P15 Team-Chat/WF-P15 Team-Chat.canvas","x":5077,"y":2560,"width":460,"height":220},
{"id":"5c72e7b04059503a","type":"text","text":"## Integrationen (Apps verbinden)\n**Ticket:** `D-P5` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/admin/integrations`\n\n**Was drin ist:** App-Katalog (nach Kategorie, mit Status-Ampel), Verbindung einrichten per Schritt-für-Schritt-Assistent, Verbindungs-Zustand + Sync-Verlauf in Klartext\n\n**So funktioniert's:** Das gemeinsame Gerüst für alle Anbindungen — E-Mail, Telefonie, Kalender, Signatur nutzen alle dieselben Verbindungs-Karten.","x":5537,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"0dd112848b0f0dff","type":"file","file":"02 Wireframes/P15 Team-Chat/WF-P15 Team-Chat/WF-P15 Team-Chat.canvas","x":5077,"y":2600,"width":460,"height":220},
{"id":"29ca06733a9b243b","type":"text","text":"## Telefonie (Anrufe)\n**Ticket:** `D-P15` · **Status:** ⬜ offen\n**Wo:** `/calls` + Einstellungen\n\n**Was drin ist:** AirCall verbinden (Telefon-Nutzer zuordnen), Anruf-Liste + Detail (Notiz, Aufnahme), Anruf-Knopf direkt an Kontakt/Anfrage/Projekt\n\n**So funktioniert's:** Anrufe werden automatisch dem richtigen Kontakt zugeordnet. Unbekannte Nummer ruft an → wird automatisch eine Anfrage im Lead-Eingang.","x":5577,"y":2160,"width":460,"height":360,"color":"5"},
{"id":"0f6acf7087283c0c","type":"text","text":"## Aktivitäts-Protokoll (Audit-Log)\n**Ticket:** `D-P3` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/admin/audit`\n\n**Was drin ist:** Wer hat wann was geändert — als deutscher Klartext-Satz, mit Filter und Vorher/Nachher-Vergleich, Export mit Zweck-Angabe\n\n**So funktioniert's:** Der gleiche Verlauf ist auch an jedem Datensatz einblendbar (»Verlauf dieses Objekts«). Unterscheidet Mensch / Automation / Agent / Admin.","x":6037,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"50945ed6e43505ce","type":"text","text":"## Benachrichtigungen\n**Ticket:** `D-P3` (Teil) · **Status:** ✅ validiert / Development-Handoff\n**Wo:** Glocke oben + `/notifications` + Einstellungen\n\n**Was drin ist:** Live-Karten, Glocken-Drawer, chronologische Vollseite, Quellenfilter, Read-State und Pflicht-Deeplinks. Einstellungen steuern Live-Pop-ups global und je Quelle.\n\n**So funktioniert's:** Relevante Ereignisse bleiben im Center; Status-Toasts und Mikro-Feedback sind flüchtiges Produktfeedback. E-Mail ist nur eine Quelle, kein Versandkanal.","x":6077,"y":2160,"width":460,"height":360,"color":"5"},
{"id":"ccd329042d522b12","type":"file","file":"02 Wireframes/P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.canvas","x":5537,"y":3500,"width":460,"height":220},
{"id":"b334f15bdd19d9ad","type":"text","text":"## Erste Schritte & Demo-Daten\n**Ticket:** `D-P20` (Teil) · **Status:** ⬜ offen\n**Wo:** `/onboarding` + Admin\n\n**Was drin ist:** Erste-Schritte-Checkliste (mit Direkt-Links, abhakbar, ausblendbar), Beispieldaten-Knopf (anlegen, zählen, wieder löschen, »Demo ausblenden«-Filter), Hell/Dunkel-Umschalter\n\n**So funktioniert's:** Kein Einrichtungs-Assistent — beim Registrieren wird alles SHK-typisch vorbefüllt, die Checkliste führt danach durch.","x":5537,"y":3760,"width":460,"height":360,"color":"5"},
{"id":"5c72e7b04059503a","type":"text","text":"## Integrationen (Apps verbinden)\n**Ticket:** `D-P5` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/admin/integrations`\n\n**Was drin ist:** App-Katalog (nach Kategorie, mit Status-Ampel), Verbindung einrichten per Schritt-für-Schritt-Assistent, Verbindungs-Zustand + Sync-Verlauf in Klartext\n\n**So funktioniert's:** Das gemeinsame Gerüst für alle Anbindungen — E-Mail, Telefonie, Kalender, Signatur nutzen alle dieselben Verbindungs-Karten.","x":5537,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"6b3c0929759a607b","type":"text","text":"## Abo & Rechnungen (für HiveGrid)\n**Ticket:** `D-P20` (Teil) · **Status:** ⚠️ Ticket braucht Recut\n**Wo:** `/admin/subscription`\n\n**Was drin ist:** Abo-Übersicht (Plan, Plätze, gebuchte Module, Test-Countdown), Verbrauchs-Balken (Automations-Läufe, Speicher), Rechnungen + Zahlungsstatus\n\n**Achtung:** Das Ticket wird gerade umgeschnitten (neuer Abrechnungs-Unterbau) — erst planen, wenn der Brief neu steht. Kein Selbst-Upgrade in v1.","x":6537,"y":3100,"width":460,"height":360,"color":"5"},
{"id":"db76161d24fb0c1d","type":"text","text":"## Feedback & Hilfe\n**Ticket:** `D-P21` (Teil) · **Status:** ⬜ offen\n**Wo:** überall + `/help`\n\n**Was drin ist:** Schwebender Feedback-Knopf (Fehler melden / Idee / Frage, optional mit Screenshot), kleine FAQ-Seite\n\n**So funktioniert's:** Meldungen landen direkt in unserer Support-Inbox im Plattform-Admin.","x":6537,"y":3760,"width":460,"height":360,"color":"5"},
{"id":"89c0813f7e139a88","type":"text","text":"## Dashboard (Startseite)\n**Ticket:** `D-DASH` (Teil) · **Status:** ⬜ offen\n**Wo:** `/dashboard`\n\n**Was drin ist:** 3 feste Ansichten je Rolle: Chef (Umsatz, Projekte, Auslastung) · Büro (Projekte, Aufgaben, Anrufe) · Monteur 📱 (meine Termine, Projekte, Aufgaben)\n\n**So funktioniert's:** Kacheln mit Zahlen, Listen und Trend-Charts, live aktualisiert. Kein freies Umbauen in v1 — nur Filter/Zeitraum einstellbar.","x":4037,"y":80,"width":460,"height":360,"color":"2"},
{"id":"4bb807ef5e3c8dee","type":"text","text":"## Projekt-Akte (Auftrag) 📱\n**Ticket:** `D-P9` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** Reiter am Projekt: Team-Mitglieder, Termine, **Rechnungen (neu in v1)**, Checklisten & Mängel, Aufgaben, Dateien, Abnahmen · dazu Projekt-Vorlagen und Abnahme-Formular-Vorlagen\n\n**So funktioniert's:** Alles zum Auftrag an einem Ort. Am Handy reduziert: Stammdaten, heutige Aufgaben, Abnahme-Knopf, Foto direkt hochladen.","x":5077,"y":1040,"width":460,"height":360,"color":"2"},
{"id":"5e02b1bae66787d4","type":"file","file":"02 Wireframes/P9 Projekt-Akte/WF-P9 Projekt-Akte/WF-P9 Projekt-Akte.canvas","x":5077,"y":1440,"width":460,"height":220},
{"id":"77ebfde5a3a05b8a","type":"text","text":"## Online-Terminbuchung 🌐\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** 🌐 Buchungslink + `/bookings`\n\n**Was drin ist:** 🌐 Buchungs-Seite für Kunden (freien Termin wählen → Formular → Bestätigung mit Kalender-Datei), intern: Buchungs-Liste (verschieben, stornieren, No-Show), Buchungsseiten-Editor (Fragen mit Feld-Zuordnung zum Lead), Verfügbarkeits-Zeiten — Davids Delta: Kunde kann per Mail-Link selbst absagen/verschieben\n\n**So funktioniert's:** Kunde bucht selbst, der erste freie Mitarbeiter bekommt den Termin, die Anfrage landet im Lead-Eingang. Muss am schönsten aussehen — ist öffentlich.","x":3067,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"6b8c7d3bc3ee7449","type":"text","text":"## Formulare (Baukasten) 🌐\n**Ticket:** `D-FORM` + `D-P16` (Teil) · **Status:** 🟡 Review-Draft (Mitarbeiterinnen-Paket eingebaut, David Review offen)\n**Wo:** `/forms` + öffentlicher Link\n\n**Was drin ist:** Formular-Zentrale, einfacher Google-Forms-naher Builder S02, Lead-Feldzuweisung S02L/E05, Design, Antworten-Tabelle, 🌐 öffentliches Formular mit Erfolg/Blocker/Submit-Fehler\n\n**So funktioniert's:** S02 ist der Hauptfluss für Handwerksbetriebe; Advanced-Canvas, Logic/Actions und Publish-Blocker bleiben als Referenz/Power-User-Richtung. D-FORM kann später in Terminbuchung, HR und Abnahme-Vorlagen eingesteckt werden.","x":2560,"y":2160,"width":460,"height":360,"color":"2"},
{"id":"28bd46ecb4eaa069","type":"text","text":"## Kalender\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** ✅ Development-Handoff\n**Wo:** `/calendar` + Einstellungen\n\n**Was drin ist:** Monats-/Wochen-Ansicht mit allen Quellen, Quick Create mit Inline-Zeitbearbeitung, Voll-Dialog, Termin-Detail, E-Mail-Entscheidung nach Änderungen, Kollegen-Overlay und eine schlanke Google-Verbindungsseite\n\n**So funktioniert's:** Die meisten Termine entstehen über Quick Create. Bei Änderungen an bestehenden Terminen wird der E-Mail-Versand abgefragt. Google ist optional, Outlook kommt in v2; fremde private Termine erscheinen nur als »belegt«. Kein eigenes Konfliktfeature.","x":3837,"y":2160,"width":460,"height":380,"color":"2"},
{"id":"a5fedec01fe8bd0b","type":"file","file":"02 Wireframes/D-FORM Form Builder/WF-D-FORM Form Builder/WF-D-FORM Form Builder.canvas","x":2560,"y":2560,"width":460,"height":220},
{"id":"4dcc2ddf551aa917","type":"file","file":"02 Wireframes/P16 Kalender/WF-P16 Kalender/WF-P16 Kalender.canvas","x":3837,"y":2560,"width":460,"height":220},
{"id":"3f83fa1a16ae69df","type":"text","text":"## Plantafel (Einsatzplanung) 📱\n**Ticket:** `D-PLAN` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/projects/plantafel`\n\n**Was drin ist:** Planungs-Raster: Zeilen = Mitarbeiter, Spalten = Zeit. Einsätze per Ziehen verschieben/verlängern, Klick auf freien Slot = neuer Einsatz\n\n**So funktioniert's:** Warnt bei Konflikten (doppelt verplant, Urlaub/krank, außerhalb Arbeitszeit) — zuweisen geht trotzdem. Monteure sehen am Handy »Meine Termine heute« mit Adresse + Navi, auch offline.","x":5897,"y":1040,"width":460,"height":360,"color":"1"},
{"id":"43a26561f03f72da","type":"file","file":"02 Wireframes/P3 Benachrichtigungen/WF-P3 Benachrichtigungen/WF-P3 Benachrichtigungen.canvas","x":6077,"y":2560,"width":460,"height":220},
{"id":"d9ad572ae83b4d0a","type":"text","text":"## Abnahme (Baustellen-Protokoll) 📱\n**Ticket:** `D-ABN` · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** Abnahme-Formular (Druckprobe, Funktionsprüfung, Zählerstände, übergebene Dokumente), Mängel mit Foto festhalten, Unterschrift Kunde + Monteur direkt am Handy, Liste aller Abnahmen je Projekt\n\n**So funktioniert's:** Nach dem Speichern unveränderbar (6 Jahre Aufbewahrung), PDF geht automatisch per Mail an den Kunden. Funktioniert offline, lädt später hoch. Mängel werden automatisch Aufgaben.","x":6767,"y":1040,"width":460,"height":360,"color":"1"},
{"id":"03b5ea95e563acd9","type":"file","file":"02 Wireframes/P9 Abnahme/WF-P9 Abnahme/WF-P9 Abnahme.canvas","x":6767,"y":1440,"width":460,"height":220},
{"id":"ac81f31c1c891a76","type":"file","file":"02 Wireframes/P9 Plantafel/WF-P9 Plantafel/WF-P9 Plantafel.canvas","x":5897,"y":1440,"width":460,"height":220},
{"id":"b75d102c4db2d32f","type":"file","file":"02 Wireframes/P16 Terminbuchung/WF-P16 Terminbuchung/WF-P16 Terminbuchung.canvas","x":3067,"y":2560,"width":460,"height":220},
{"id":"b789fc765f833f45","type":"text","text":"## Digital unterschreiben (E-Signatur)\n**Ticket:** `D-P16` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** PDF aus Projekt-Dateien wählen/hochladen → Unterzeichner + Reihenfolge → Kunde unterschreibt per Link mit Code oder direkt vor Ort → Status je Unterzeichner, Erinnerung, Zurückziehen, Downloads\n\n**So funktioniert's:** Hängt direkt am Projekt (»Zur Signatur senden«). SES-Eigenbau ist Default; PandaDoc nur optional BYOK. Davids Delta: eigene Kunden-Signierseite als Frame.","x":4337,"y":2160,"width":460,"height":360,"color":"5"},
{"id":"4a4e5be847a54e5f","type":"text","text":"## Suche (Cmd+K)\n**Ticket:** `D-DASH` (Teil) · **Status:** ⬜ offen\n**Wo:** überall + `/search`\n\n**Was drin ist:** Such-Fenster per Tastenkürzel: tippen, Treffer nach Typ gruppiert, mit Pfeiltasten navigieren · dazu große Such-Seite mit Filtern\n\n**So funktioniert's:** Findet Kontakte, Projekte, Dateien usw. — zeigt nur, was man sehen darf.","x":4537,"y":80,"width":460,"height":360,"color":"1"},
{"id":"c6cbb590c3f9d168","type":"file","file":"02 Wireframes/P16 E-Signatur/WF-P16 E-Signatur/WF-P16 E-Signatur.canvas","x":4337,"y":2560,"width":460,"height":220},
{"id":"ac81f31c1c891a76","type":"file","file":"02 Wireframes/P9 Plantafel/WF-P9 Plantafel/WF-P9 Plantafel.canvas","x":5897,"y":1440,"width":460,"height":220}
{"id":"c6cbb590c3f9d168","type":"file","file":"02 Wireframes/P16 E-Signatur/WF-P16 E-Signatur/WF-P16 E-Signatur.canvas","x":4337,"y":2560,"width":460,"height":220}
],
"edges":[
{
+22 -20
View File
@@ -26,6 +26,7 @@ Gesamtkarte aller HiveGrid-v1-Features. Eine Karte = **ein Feature** (so benannt
| Status | Bedeutung |
|---|---|
| ✅ validiert | bearbeitet und validiert (Handoff in `Tickets/Fertige Tickets/`) |
| 🟡 in Subframe / Review | aktueller Subframe-Bestand gespiegelt; Varianten noch nicht final validiert |
| 🟡 vorgeplant | in dieser Map-Runde grob durchgeplant, Screens baubar, Modals offen |
| ⬜ offen | noch nicht angefasst |
| ⚠️ Recut | Ticket selbst wird gerade neu geschnitten — warten |
@@ -45,7 +46,7 @@ Gesamtkarte aller HiveGrid-v1-Features. Eine Karte = **ein Feature** (so benannt
| Suche (Cmd+K) | Suche & Dashboard | D-DASH (Teil) | 🔴 klein | ⬜ offen |
| Lead-Eingang (Anfragen) | Vertrieb | D-P7 | 🔵 | ✅ Development-Handoff · Folgethemen dokumentiert |
| Kontakte & Organisationen | Vertrieb | D-CRM | 🔵 | ✅ Development-Handoff |
| Kanban-Board & Pipelines (Projekte) | Vertrieb | D-P8 + D-KANBAN | 🟠 | 🟢 in Subframe, abgeglichen |
| Kanban-Board & Pipelines (Projekte) | Vertrieb | D-P8 + D-KANBAN | 🟠 | ✅ validiert / Development-Handoff |
| Projekt-Akte (Auftrag) 📱 | Auftrag & Baustelle | D-P9 | 🟠 | 🟡 vorgeplant |
| Plantafel (Einsatzplanung) 📱 | Auftrag & Baustelle | D-PLAN | 🔴 | 🟡 vorgeplant |
| Abnahme (Baustellen-Protokoll) 📱 | Auftrag & Baustelle | D-ABN | 🔴 | 🟡 vorgeplant |
@@ -53,9 +54,9 @@ Gesamtkarte aller HiveGrid-v1-Features. Eine Karte = **ein Feature** (so benannt
| Versand-Technik & Statistiken 🌐 | E-Mail-Marketing | D-P14 | 🟠 | ⬜ offen |
| Formulare (Baukasten) 🌐 | Termine & Formulare | D-FORM + D-P16 (Teil) | 🔴 | 🟡 Review-Draft |
| Online-Terminbuchung 🌐 | Termine & Formulare | D-BOOK + D-P16 (Teil) | 🟠 | 🟡 vorgeplant |
| Kalender | Termine & Formulare | D-BOOK + D-P16 (Teil) | 🔴 mittel | 🟡 vorgeplant |
| Kalender | Termine & Formulare | D-BOOK + D-P16 (Teil) | 🔴 mittel | ✅ Development-Handoff |
| Digital unterschreiben (E-Signatur) | Termine & Formulare | D-P16 (Teil) | 🔵 | 🟡 vorgeplant |
| Team-Chat 📱 | Kommunikation | D-CHAT | 🟠 | ⬜ offen |
| Team-Chat 📱 | Kommunikation | D-CHAT | 🟠 | ✅ validiert / Development-Handoff |
| Telefonie (Anrufe) | Kommunikation | D-P15 | 🔵 | ⬜ offen |
| Benachrichtigungen | Kommunikation | D-P3 (Teil) | 🔵 | ✅ validiert / Development-Handoff |
| Aufgaben | Aufgaben & Dateien | D-P4 (Teil) | 🔵 | ✅ validiert / Development-Handoff |
@@ -219,7 +220,7 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
- Backlog separat: Eigene Felder, Duplikat-Tool/Zusammenführen und Inline-Anlegen in der Liste
- Paket: [WF-P6 Kontakte und Organisationen](<../02 Wireframes/P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.md>) · [Canvas](<../02 Wireframes/P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen/WF-P6 Kontakte und Organisationen.canvas>) · [Ticket](<../Tickets/Fertige Tickets/D-CRM Kontakte und Organisationen.md>)
#### Kanban-Board & Pipelines (Projekte) — `D-P8` + `D-KANBAN` — 🟢 in Subframe, abgeglichen (2026-07-28)
#### Kanban-Board & Pipelines (Projekte) — `D-P8` + `D-KANBAN` — ✅ validiert / Development-Handoff
- [x] 23 aktuelle Subframe-Seiten per MCP inklusive JSX inventarisiert und in Obsidian verlinkt
- [x] S00 Boards-Startseite als normaler Einstieg; gesperrte Boards bleiben sichtbar und bieten »Nutzung anfragen«
- [x] S01 Kanban-Board und S03 Projekt-Liste als zwei Ansichten derselben elf Beispielprojekte, jeweils mit gebautem Empty State
@@ -306,14 +307,16 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
- v1: Vergabe nur »erster freier Mitarbeiter«; Fragen-Felder als einfache Liste. D-FORM liegt jetzt als Review-Draft vor und kann später über die Lead-Feldzuweisungs-Schnittstelle eingesteckt werden.
- Paket: `02 Wireframes/P16 Terminbuchung/WF-P16 Terminbuchung/` (Screens validiert; Subframe steht aus)
#### Kalender — `D-BOOK` + `D-P16` (Teil) — 🟡 vorgeplant (2026-07-09)
#### Kalender — `D-BOOK` + `D-P16` (Teil) — ✅ Development-Handoff (Stand 2026-08-31)
- [x] Monats-/Wochen-Ansicht mit allen Terminen (Google + Buchungen + Plantafel + Projekt-Termine, je mit Herkunfts-Marker)
- [x] Google-Kalender verbinden (Einstieg direkt im Kalender, pro Mitarbeiter; Kalender auswählen, Richtung des Abgleichs, sauber trennen) — OAuth + Trennen im P5-Muster
- [x] Konflikt-Übersicht in Klartext (was kollidierte, wie gelöst) — als Sektion in den Kalender-Einstellungen + Benachrichtigung
- [x] Quick Create als Standardweg, eigener Inline-Edit-State für Datum/Uhrzeit und zweispaltiger Voll-Dialog für weitere Angaben
- [x] Termin-Detail mit Teilnehmerstatus sowie E-Mail-Entscheidung nach relevanten Änderungen an einem bestehenden Termin
- [x] Google-Kalender pro Mitarbeiter verbinden, Kalender auswählen, neu verbinden und sauber trennen — bewusst nur eine schlanke Einstellungsseite
- [x] Fremde private Termine nur als »belegt« sichtbar (Kollegen-Overlay)
- Davids Delta (Change-Request an Dev): **vollwertiger Kalender** — Termine anlegen/bearbeiten, Einladungen an Team/Kontakte/freie E-Mails (.ics, Zu-/Absagen), Kollegen-Kalender als Verfügbarkeits-Overlay; funktioniert auch ohne Google
- [x] Kein eigenes Konfliktfeature: nur ein kleiner, nicht blockierender Badge direkt an einer möglicherweise belegten Person
- Davids Delta: **vollwertiger Kalender** — Termine anlegen/bearbeiten, Einladungen an Team/Kontakte/freie E-Mails (.ics, Zu-/Absagen), Kollegen-Kalender als Verfügbarkeits-Overlay; funktioniert auch ohne Google
- v2: Outlook (in der Provider-Auswahl als »bald verfügbar« sichtbar).
- Paket: `02 Wireframes/P16 Kalender/WF-P16 Kalender/` (Screens validiert; Subframe steht aus)
- Paket: `02 Wireframes/P16 Kalender/WF-P16 Kalender/` (7 finale Live-Seiten; Ticket-Handoff abgeschlossen)
#### Digital unterschreiben (E-Signatur) — `D-P16` (Teil) — 🟡 vorgeplant (2026-07-09)
- [x] Projekt-Einstieg/Reiter »Signaturen« + Assistent: PDF aus Projekt-Dateien wählen oder hochladen → Unterzeichner + Reihenfolge → Signaturmodus → senden
@@ -327,17 +330,16 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
### Kommunikation
#### Team-Chat 📱 — `D-CHAT` — ⬜ offen (Entwurf angelegt, nicht validiert)
- [ ] Channel-Liste (Ungelesen-Zähler, @-Marker, anpinnen/stummschalten, Projekt-Status bei Projekt-Chats) + Channel-Browser
- [ ] Chat-Verlauf (Antwort-Threads, Emoji-Reaktionen, Anhänge, bearbeitet-Marker, »gelesen von X von Y«), Reconnect/Pending/Upload-Zustände
- [ ] Schreibfeld (Markdown, Emoji, @-Erwähnung mit Vorschlägen, Anhänge, Entwurf bleibt erhalten), »tippt gerade …«
- [ ] Angepinnte Nachrichten, alle meine Erwähnungen, Suche über alle Channels als eigene Nebenflächen
- [ ] Neuer Channel / Direktnachricht; Channel-Einstellungen (Mitglieder, Privacy, archivieren)
- [ ] Projekt-Channels: Team wird automatisch synchron gehalten, Chat erscheint im Projekt; View bleibt `/chat/:id`
- [ ] Admin-Einsicht in DMs nur mit Pflicht-Begründung + sichtbarem Hinweis-Banner + Audit-Log
- [ ] Monteur-Handy-Ansicht (vereinfacht, Foto-Direktupload, Push/Offline-Hinweis)
- Subframe-Vollabgleich vorhanden: `02 Wireframes/P15 Team-Chat/WF-P15 Team-Chat/` — 22/22 bereinigte Screens sind dokumentiert und in der Obsidian-Canvas sortiert. Enthalten sind ein einheitliches Drei-Punkte-Menü für Projektchat, Gruppe und DM, ein wiederverwendbarer Medienflow, kontextbezogene Einstellungsmodale, eine gemeinsame Mitglieder-/Adminverwaltung sowie getrennte Bestätigungen für Verlassen und Archivieren.
- Noch nicht als fachlich validiert zählen; Subframe und Obsidian sind synchron, die gemeinsame UX-Validierung steht als Nächstes an.
#### Team-Chat 📱 — `D-CHAT` — ✅ validiert / Development-Handoff
- [x] Channel-Liste (Ungelesen-Zähler, @-Marker, anpinnen/stummschalten, Projekt-Status bei Projekt-Chats) + Channel-Browser
- [x] Chat-Verlauf (Antwort-Threads, Emoji-Reaktionen, Anhänge, bearbeitet-Marker, »gelesen von X von Y«), Reconnect/Pending/Upload-Zustände
- [x] Schreibfeld (Markdown, Emoji, @-Erwähnung mit Vorschlägen, Anhänge, Entwurf bleibt erhalten), »tippt gerade …«
- [x] Angepinnte Nachrichten, alle meine Erwähnungen, Suche über alle Channels als eigene Nebenflächen
- [x] Neuer Channel / Direktnachricht; Channel-Einstellungen (Mitglieder, Privacy, archivieren)
- [x] Projekt-Channels: Team wird automatisch synchron gehalten, Chat erscheint im Projekt; View bleibt `/chat/:id`
- [x] Admin-Einsicht in DMs nur mit Pflicht-Begründung + sichtbarem Hinweis-Banner + Audit-Log
- [x] Monteur-Handy-Ansicht (vereinfacht, Foto-Direktupload, Push/Offline-Hinweis)
- Subframe-Vollabgleich abgeschlossen: `02 Wireframes/P15 Team-Chat/WF-P15 Team-Chat/` — 24/24 aktuelle Screens sind dokumentiert und in der Obsidian-Canvas sortiert. UX-Validierung und Development-Handoff sind abgeschlossen.
#### Telefonie (Anrufe) — `D-P15` — ⬜ offen
- [ ] AirCall verbinden (Status-Ampel, Telefon-Nutzer ↔ HiveGrid-Nutzer zuordnen mit Auto-Vorschlag, »Verbindung testen«)