Files
HiveGrid-Wireframes/05 HiveGrid Map/HiveGrid Map.md
T

492 lines
35 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
kind: map
project: HiveGrid Screen Project
area: HiveGrid Map
status: active
stand: 2026-07-09
---
# HiveGrid Map
Gesamtkarte aller HiveGrid-v1-Features. Eine Karte = **ein Feature** (so benannt, wie man es im Alltag nennen würde). Die Tickets stehen nur als Referenz dran. Ziel: alles Wichtige ist drin und verortet, der grobe Userflow steht, und pro Feature ist abhakbar, was laut Ticket rein muss.
- Visuelle Karte: [Canvas](<HiveGrid Map.canvas>)
- Quelle der Wahrheit: `03 Quellen und Referenzen/hivegrid-cloud/.planning/ticket-docs/D-*.md` + `SCREEN-MAP.md`
- Detailarbeit je Feature passiert atomar als Wireframe-Paket in `02 Wireframes` (bestehende Struktur). Diese Datei bleibt High-Level.
## Arbeitsweise
1. Feature auswählen (atomar, eines nach dem anderen).
2. Grob beschreiben, was wo sein soll (Screens, grober Flow) — Checkliste hier abhaken.
3. Einzelne Modals/Detailzustände bewusst NICHT jetzt (kommen im v2-Durchgang). Alles bleibt `vorgeplant/unfertig`, Screens können trotzdem gebaut werden.
4. Ergebnis je Feature: Wireframe-Paket in `02 Wireframes/<Bereich>/WF-<Ticket> <Name>/` + Tracker-Zeilen + Update hier.
## Status-Legende
| Status | Bedeutung |
|---|---|
| ✅ validiert | bearbeitet und validiert (Handoff in `Tickets/Fertige Tickets/`) |
| 🟡 vorgeplant | in dieser Map-Runde grob durchgeplant, Screens baubar, Modals offen |
| ⬜ offen | noch nicht angefasst |
| ⚠️ Recut | Ticket selbst wird gerade neu geschnitten — warten |
**Aufwands-Typen:** 🔴 Sonder-UI (wird von Hand designt, Tage) · 🔵 aus dem UI-Baukasten zusammengesteckt (Stunden) · 🟠 Mischung.
## Feature-Übersicht
| Feature | Bereich | Ticket(s) | Aufwand | Status |
|---|---|---|---|---|
| App-Gerüst (Sidebar, Topbar & Design) | Basis | D-D0a | 🔴 | ✅ gebaut |
| UI-Baukasten (Listen, Formulare, Modals …) | Basis | D-D0b | 🔴 | ✅ validiert |
| Feinschliff vor Launch | Basis | D-POLISH | 🟡 Politur | ⬜ offen |
| Website (Landing & Demo-Anfrage) 🌐 | Website | D-WEB | 🟠 | ⬜ offen |
| Login, Registrierung & Workspace | Login & Zugänge | D-P2 | 🔵 | ✅ validiert |
| Dashboard (Startseite) | Suche & Dashboard | D-DASH (Teil) | 🔵 | ⬜ offen |
| Suche (Cmd+K) | Suche & Dashboard | D-DASH (Teil) | 🔴 klein | ⬜ offen |
| Lead-Eingang (Anfragen) | Vertrieb | D-P7 | 🔵 | 🟡 vorgeplant |
| Kontakte & Organisationen | Vertrieb | D-CRM | 🔵 | 🟡 vorgeplant |
| Kanban-Board & Pipelines (Projekte) | Vertrieb | D-P8 + D-KANBAN | 🟠 | 🟢 in Subframe, abgeglichen |
| Projekt-Akte (Auftrag) 📱 | Auftrag & Baustelle | D-P9 | 🟠 | 🟡 vorgeplant |
| Plantafel (Einsatzplanung) 📱 | Auftrag & Baustelle | D-PLAN | 🔴 | 🟡 vorgeplant |
| Abnahme (Baustellen-Protokoll) 📱 | Auftrag & Baustelle | D-ABN | 🔴 | 🟡 vorgeplant |
| Kampagnen & Empfängerlisten | E-Mail-Marketing | D-KAMP | 🟠 | ⬜ offen |
| 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 |
| Digital unterschreiben (E-Signatur) | Termine & Formulare | D-P16 (Teil) | 🔵 | 🟡 vorgeplant |
| Team-Chat 📱 | Kommunikation | D-CHAT | 🟠 | ⬜ offen |
| Telefonie (Anrufe) | Kommunikation | D-P15 | 🔵 | ⬜ offen |
| Benachrichtigungen | Kommunikation | D-P3 (Teil) | 🔵 | 🟡 vorgeplant |
| Aufgaben | Aufgaben & Dateien | D-P4 (Teil) | 🔵 | 🟡 vorgeplant |
| Dateien | Aufgaben & Dateien | D-P4 (Teil) | 🔵 | 🟡 vorgeplant |
| Automations-Baukasten (Flow-Editor) | Automationen | D-FLOW | 🔴 schwerste UI | 🟡 in Subframe / Review |
| Automationen: Übersicht & Verläufe | Automationen | D-P12 | 🟠 | 🟡 in Subframe / Review |
| HR-Bereich 📱 | HR | D-HR | 🔵 breit | ⬜ offen |
| Integrationen (Apps verbinden) | Verwaltung | D-P5 | 🔵 | 🟡 vorgeplant |
| Aktivitäts-Protokoll (Audit-Log) | Verwaltung | D-P3 (Teil) | 🔵 | 🟡 vorgeplant |
| Abo & Rechnungen (für HiveGrid) | Verwaltung | D-P20 (Teil) | 🔵 | ⚠️ Recut |
| Erste Schritte & Demo-Daten | Verwaltung | D-P20 (Teil) | 🔵 | ⬜ offen |
| Datenschutz (Export & Löschung) | Verwaltung | D-P21 (Teil) | 🔵 | ⬜ offen |
| Feedback & Hilfe | Verwaltung | D-P21 (Teil) | 🔵 klein | ⬜ offen |
| Plattform-Admin | Plattform-Admin | D-ADMIN | 🔵 eigene Welt | ⬜ offen |
## Ticket → Feature (wo finde ich was)
| Ticket | steckt in Feature(s) |
|---|---|
| D-D0a | App-Gerüst |
| D-D0b | UI-Baukasten ✅ |
| D-WEB | Website |
| D-P2 | Login, Registrierung & Workspace ✅ |
| D-P3 | Benachrichtigungen · Aktivitäts-Protokoll |
| D-P4 | Aufgaben · Dateien |
| D-P5 | Integrationen |
| D-CRM | Kontakte & Organisationen |
| D-P7 | Lead-Eingang |
| D-P8, D-KANBAN | Kanban-Board & Pipelines |
| D-P9 | Projekt-Akte (Auftrag) |
| D-PLAN | Plantafel |
| D-ABN | Abnahme |
| D-CHAT | Team-Chat |
| D-P15 | Telefonie |
| D-KAMP | Kampagnen & Empfängerlisten |
| D-P14 | Versand-Technik & Statistiken |
| D-FORM | Formulare |
| D-BOOK | Online-Terminbuchung · Kalender |
| D-P16 | Formulare · Online-Terminbuchung · Kalender · E-Signatur |
| D-FLOW | Automations-Baukasten |
| D-P12 | Automationen: Übersicht & Verläufe |
| D-HR | HR-Bereich |
| D-DASH | Dashboard · Suche |
| D-P20 | Abo & Rechnungen ⚠️ · Erste Schritte & Demo-Daten |
| D-P21 | Datenschutz · Feedback & Hilfe |
| D-ADMIN | Plattform-Admin |
| D-POLISH | Feinschliff vor Launch |
## Grober Userflow (die Kette vom Anruf zum Geld)
```
Wege rein: Website-Demo ─┐
Formular ─────┤
Terminbuchung ┼──▶ Lead-Eingang ──▶ Kontakt anlegen/verknüpfen
Anruf ────────┘ │
│ Freigabe = ja → wird Projekt
▼
Kanban-Board (Vertriebs-Board) ── gewonnen ──▶ Auftrags-Board
│
▼
Projekt-Akte (Termine, Checklisten, Rechnung) ──▶ Plantafel ──▶ Abnahme
▲ ▲ │
HR (Urlaub/krank) ────────┼── Konflikt-Warnung ──────┘ │
└───────── Mängel werden Aufgaben ◀──────┘
```
Überall dabei: App-Gerüst + UI-Baukasten (Basis), Aufgaben-/Dateien-Reiter auf jeder Detailseite, Benachrichtigungen, Aktivitäts-Protokoll, Automationen (können in allen Features auslösen und handeln), Suche + Dashboard.
**Vier Grundsatz-Entscheidungen, die überall gelten:**
- **Ein Projekt-Datensatz** (AD-20): »Deal« und »Auftrag« sind nur zwei Boards auf dasselbe Projekt — nichts wird kopiert oder übergeben.
- **Keine KI in v1** (AD-26): Sprach-zu-Automation, KI-Widgets, AI-Credits sind raus; HiveGrid wird stattdessen von außen per MCP ansteuerbar.
- **Billing neu geschnitten** (AD-27): eigener Abrechnungs-Unterbau (Lago + Mollie) — betrifft das Feature »Abo & Rechnungen«.
- **PWA statt App-Store** (AD-17): alles läuft im Browser, 📱-Features sind fürs Monteur-Handy gebaut, teils offline.
---
## Abhaklisten je Feature
Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle: jeweilige Ticket-Doc.
### Basis
#### App-Gerüst (Sidebar, Topbar & Design) — `D-D0a` — ✅ gebaut (David, in Subframe)
- [x] Design-Grundlagen: Farben, Schriften, Abstände, Hell/Dunkel ohne Aufblitzen
- [x] Sidebar: Module je Abo ein-/ausblendbar, Bereiche »Arbeit« + »Verwaltung«, einklappbar, Handy-Variante 📱
- [x] Topbar: Workspace-Wechsler, Such-Knopf (Cmd+K), Benachrichtigungs-Glocke, Profil-Menü
- [x] Breadcrumb (Pfad-Anzeige bis zum Datensatz)
- [x] Warn-Banner-System (Zahlung offen / eingefroren / Löschung geplant / gesperrt — stapelbar)
- [x] Erfolgs-/Fehlermeldungen in Klartext mit Lösungs-Knopf
- Stand 2026-07-08: von David gebaut und für passend erklärt; finale Sidebar-Belegung (welche Punkte, welche Gruppierung) wird in der Infrastruktur-Runde festgezurrt.
#### UI-Baukasten (Listen, Formulare, Modals …) — `D-D0b` — ✅ validiert
- [x] Bausteine: Liste, Detailseite (mit Aktivitäts-Verlauf), Formular-Felder (12 Typen), Dialog/Wizard, Settings-Seite, Zustands-Set (leer/laden/Fehler/kein Zugriff/offline)
- [x] Kleinteile: Buttons, Tags, Avatare, Tabs, Zahlen-Kacheln, Charts, Markdown, Datei-Dropzone, Unterschriften-Feld, Emoji, @-Erwähnung
- [x] Layout-Standards dokumentiert → `04 Standards/Subframe UI Standards/`
#### Feinschliff vor Launch — `D-POLISH` — ⬜ offen
- [ ] Terminbuchungs-Seite, öffentliche Formulare, Marketing-Mails polieren (Branding, alle Zustände, Handy, Micro-Interactions)
- [ ] Hell/Dunkel + Handy-Varianten der öffentlichen Seiten final
- [ ] Farb-/Schrift-Abgleich gegen Website und App-Gerüst (kein Auseinanderlaufen)
- [ ] »So muss es aussehen«-Screenshots je öffentlicher Seite einfrieren (vor dem Freeze)
### Website 🌐
#### Website (Landing & Demo-Anfrage) — `D-WEB` — ⬜ offen
- [ ] Startseite (Aufmacher, Nutzenversprechen, Referenz-Plätze, Haupt-Knopf Demo/Registrieren)
- [ ] Features-Seite (Abschnitte je Modul, Screenshots)
- [ ] Preise-Teaser (Baukasten-Prinzip andeuten, kein Selbst-Kauf)
- [ ] Demo-Anfrage-Formular (Spam-Schutz) → landet im Lead-Eingang
- [ ] Marken-Design (Farben/Schriften/Logo) als gemeinsame Quelle für Website UND App
- [ ] Hell/Dunkel + Handy-tauglich
### Login & Zugänge
#### Login, Registrierung & Workspace — `D-P2` — ✅ validiert / in Subframe
- [x] Registrierung, Login + 2FA, Passwort vergessen/ändern, zentraler »Passwort setzen«-Flow
- [x] Workspace-Auswahl + neuen Workspace anlegen, Profil & Sicherheit, 2FA verwalten
- [x] Mitarbeiter & Rollen (einladen, deaktivieren, Rollen anlegen/duplizieren/bearbeiten)
- [x] Konto/Workspace löschen → bewusst geparkt (Backlog)
- Details: `02 Wireframes/P2 Auth/` + `Tickets/Fertige Tickets/D-P2 Auth Wireframes.md`
### Suche & Dashboard
#### Dashboard (Startseite) — `D-DASH` (Teil) — ⬜ offen
- [ ] 3 feste Ansichten je Rolle: Chef / Büro / Monteur 📱 (kein freies Umbauen in v1)
- [ ] Bausteine: Zahlen-Kachel, Liste, Trend-Chart — live aktualisiert, pausierbar
- [ ] Nur Filter/Zeitraum je Baustein einstellbar; »zuletzt aktualisiert vor X Min«
- [ ] Dashboard-Wechsler (je nach Rolle)
#### Suche (Cmd+K) — `D-DASH` (Teil) — ⬜ offen
- [ ] Such-Fenster per Tastenkürzel: Live-Suche, Treffer nach Typ gruppiert, Treffer-Hervorhebung, Pfeiltasten-Bedienung
- [ ] Leer-Zustand mit letzten Suchen
- [ ] Große Such-Seite mit Filter-Leiste (Typ, Datum, Zuständiger, Tags) und Sortierung
- [ ] Zeigt nur Erlaubtes; Hinweis »weitere Treffer, die du nicht siehst«
### Vertrieb
#### Lead-Eingang (Anfragen) — `D-P7` — 🟡 vorgeplant (2026-07-08)
- [x] Eingangs-Liste (Quelle, Status, Freigabe ja/nein/unklar, Duplikat-/Spam-Marker, Schnell-Aktionen, Mehrfach-Aktionen, live)
- [x] Anfrage-Detail (Quelle im Detail, Spam-Wert mit Begründung, »könnte dieser Kontakt sein«-Hinweise, Verlauf bei Mehrfach-Anfragen)
- [x] »Zu Projekt machen« als großes Modal (Daten-Übernahme-Vorschau, Ziel-Board + Start-Spalte, Kontakt anlegen oder verknüpfen) — auch als Bulk (Massen-Konvertierung, Davids Ergänzung)
- [x] Statistiken (eingegangen, Umwandlungsquote, Reaktionszeit, je Quelle, Drill-Down in gefilterte Inbox)
- [x] Quellen-Verwaltung (inkl. Webhook-Link für Fremd-Websites)
- [x] Spam-Schutz-Einstellungen (Limits, automatische Markierung, Quarantäne, Auto-Löschfristen)
- [x] Anfrage von Hand anlegen als Modal (mit Duplikat-Check beim Tippen); Inline-Anlegen als Später-Muster
- Davids Delta: **CSV-Import-Wizard** (Datei → Spalten zuordnen → Vorschau → Import) — Change-Request an Dev
- Paket: `02 Wireframes/P7 Leads/WF-P7 Leads/` (Screens validiert; Subframe steht aus)
#### Kontakte & Organisationen — `D-CRM` — 🟡 vorgeplant (2026-07-08)
- [x] Kontakt-Liste (Filter, Mehrfach-Aktionen, CSV-Export)
- [x] Organisations-Liste (heißt »Organisation«, nicht »Unternehmen«)
- [x] Kontakt-Karteikarte = **Vorlage für alle Detailseiten** — validiertes Grundgerüst: Zweispalter + Reiter (links Stammdaten/Felder/Tags/Verknüpfungen, rechts Verlauf/Projekte/Aufgaben/Dateien/Notizen, Schnell-Aktionen im Kopf)
- [x] Organisations-Karteikarte (verknüpfte Kontakte mit Rolle, Hauptkontakt markiert)
- [x] Eigene Felder verwalten (je Datentyp, SHK-Vorlagen vorbefüllt)
- [x] Tags verwalten (Farbe, zusammenführen)
- [x] Duplikate nebeneinander vergleichen und Feld für Feld zusammenführen
- [x] Kontakt-Logik: Typ (Privatperson/Organisation) · Status (Kontakt/Kunde/Bestandskunde) · Rolle bei Verknüpfung
- [x] Duplikat-Warnung schon beim Anlegen (Anlegen als Modal, nur Name Pflicht)
- Davids Idee dokumentiert (Später): Inline-Anlegen in der Liste (Notion-Stil)
- Paket: `02 Wireframes/P6 Kontakte/WF-P6 Kontakte und Organisationen/` (Screens validiert; Subframe steht aus)
#### Kanban-Board & Pipelines (Projekte) — `D-P8` + `D-KANBAN` — 🟢 in Subframe, abgeglichen (2026-07-28)
- [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
- [x] S02 Pipelines Detailansicht als umfangreicher Projekt-Editor mit Grunddaten, Verantwortlichen, KWP, Kontakten, Adressen und rechter Pipeline-Seitenleiste
- [x] Vier Schnellaktionsmodale aus S02: Aufgabe, Notiz, Termin, Datei
- [x] S07 als Board-Übersicht; S04 als Detail-/Bearbeitungsansicht des ausgewählten Boards für Pipeline-Spalten/Stages und Status; S05 für Detailfelder
- [x] Verlust-Gründe samt Pflichtdialog für »Verloren«
- [x] M03 als Kontextmenü beim Rechtsklick auf eine Kanban-Karte
- [x] M04/M04a–c öffnen automatisch, wenn eine Karte die letzte Stage bzw. den finalen Status erreicht; Auswahl von Notizen, Dateien, Aufgaben und Terminen für die nächste Pipeline
- [x] Veralteter M02 Board-Wechsel-Dialog aus Obsidian entfernt; er existiert nicht im aktuellen Subframe-Flow
- [x] S03-Platzhalter »hier Name der Pipeline einfügen« als bewusste Development-Anweisung bestätigt; kein Subframe-Umbau nötig
- Subframe: [Flow öffnen](https://app.subframe.com/f023064a5ca0/flow/d9dfdec6-7236-4386-8514-697b9e0f0bc4/edit)
- Paket: `02 Wireframes/P8 Pipelines/WF-P8 Pipelines/` (23/23 Seiten synchron)
### Auftrag & Baustelle
#### Projekt-Akte (Auftrag) 📱 — `D-P9` — 🟡 vorgeplant (2026-07-09)
- [x] Reiter am Projekt: Team-Mitglieder / Termine / **Rechnungen (neu)** / Checklisten inkl. Mängel / Aufgaben / Dateien / Abnahmen
- [x] Rechnung am Projekt (Nummer, Betrag, Status: Entwurf → gestellt → bezahlt/storniert, PDF)
- [x] Board-Einstellung »Abnahme Pflicht vor Status X« + Auto-Archiv nach N Tagen
- [x] Abnahme-Formular-Vorlagen (aus dem Formular-Baukasten, SHK-Vorlage vorbefüllt)
- [x] Projekt-Vorlagen (Standard-Board, Team, Aufgaben, Termine vorbefüllt)
- [x] Banner »offene Mängel«; Handy-Ansicht (Stammdaten, heutige Aufgaben, Abnahme-Knopf, Foto-Upload)
- v2: Material, Zeiterfassung, Leistungspositionen, KWP.
- Paket: `02 Wireframes/P9 Auftrag/WF-P9 Projekt-Akte/` (Screens validiert; Subframe steht aus)
#### Plantafel (Einsatzplanung) 📱 — `D-PLAN` — 🟡 vorgeplant (2026-07-09)
- [x] Planungs-Raster: Zeilen = Mitarbeiter, Spalten = Zeit (Tag/Woche/Monat), Einsätze ziehen/verlängern
- [x] Klick auf freien Slot = neuer Einsatz; Status-Kette geplant → bestätigt → unterwegs → fertig; mehrere auf einmal umplanen
- [x] Konflikt-Warnung (doppelt verplant, Urlaub/krank, außerhalb Arbeitszeit) mit »Trotzdem zuweisen?«
- [x] Kalender-Abgleich-Anzeige je Einsatz
- [x] Monteur-Handy-Modus »Meine Termine heute« / »Meine Woche« (Adresse + Navi-Link, Status per Tipp, offline)
- Validiert: Monteur-Modus = EIN Frame (Heute ↔ Woche); Konflikt-Dialog wird gebaut
- Paket: `02 Wireframes/P9 Auftrag/WF-P9 Plantafel/` (Screens validiert; Subframe steht aus)
#### Abnahme (Baustellen-Protokoll) 📱 — `D-ABN` — 🟡 vorgeplant (2026-07-09)
- [x] Abnahme-Formular (Datum, Anwesende, Druckprobe, Funktionsprüfung, Zählerstände, übergebene Dokumente, Bemerkungen)
- [x] Mängel einzeln erfassen, je mit Foto + Einstufung (kritisch/klein/kosmetisch)
- [x] Mit Mängeln abgenommen → Mängel werden Aufgaben · Abgelehnt → zurück in Ausführung + Meldung an Projektleiter
- [x] Unterschrift Kunde + Monteur direkt auf dem Gerät
- [x] PDF + automatische Mail an den Kunden; danach unveränderbar (6 Jahre)
- [x] Offline ausfüllbar, lädt später hoch; mehrere (Teil-)Abnahmen je Projekt + Übersichts-Liste
### E-Mail-Marketing
- Validiert: mehrstufiger Ablauf (Prüfungen → Mängel → Unterschriften)
- Paket: `02 Wireframes/P9 Auftrag/WF-P9 Abnahme/` (Screens validiert; Subframe steht aus)
#### Kampagnen & Empfängerlisten — `D-KAMP` — ⬜ offen
- [ ] Kampagne in 6 Schritten: Absender → Inhalt (Editor, Platzhalter wie {Vorname}, Pflicht-Fußzeile, Desktop-/Handy-Vorschau) → Empfänger → Test-Mail (max. 5) → Zeitpunkt → letzter Check
- [ ] Letzter Check blockiert Versand bei Rot (Domain bestätigt? Abmelde-Link? Impressum? Tageslimit?)
- [ ] Empfänger-Vorschau zeigt, wer rausfällt und warum (abgemeldet, unzustellbar, gesperrt)
- [ ] Empfängerlisten (Segmente): Filter kombinierbar (und/oder), Live-Anzahl, Stichproben-Vorschau, dynamisch oder eingefroren
#### Versand-Technik & Statistiken 🌐 — `D-P14` — ⬜ offen
- [ ] Eigene Absender-Domain einrichten (DNS-Einträge mit Kopier-Knopf, Status-Ampel, Auto-Prüfung alle 5 Min)
- [ ] Mail-Mitschnitt per BCC (Schalter + angezeigte BCC-Adresse, »Mails erscheinen am Kontakt«)
- [ ] Kampagnen-Übersicht + Statistik-Seite (zugestellt/geöffnet/geklickt/abgemeldet, welche Links geklickt, je Empfänger)
- [ ] Absender-Verwaltung + Sperrliste (mit Grund)
- [ ] Vorlagen-Liste
- [ ] 🌐 Abmelde-Seite (ein Klick, optional Grund, Firmen-Branding)
- v2: echtes Postfach in HiveGrid (Inbox, Antworten).
### Termine & Formulare
#### Formulare (Baukasten) 🌐 — `D-FORM` + `D-P16` (Teil) — 🟡 Review-Draft (2026-07-09)
- [x] Formular-Zentrale, Formularart-Auswahl und einfacher Google-Forms-naher Haupteditor S02 als Subframe-Draft vorbereitet.
- [x] Lead-Feldzuweisung ergänzt: S02L ordnet Formularfragen per Dropdown Lead-Feldern zu; E05 deckt fehlende oder unmögliche Zuweisungen ab.
- [x] Advanced-Canvas, Logic, Actions und Publish-Blocker als Referenz-/Power-User-Richtung dokumentiert und verlinkt.
- [x] 🌐 Öffentliches Formular mit Erfolg, nicht verfügbar und Captcha-/Submit-Fehler als Public States vorbereitet.
- [x] Formular-Design und Antworten-Tabelle inklusive Empty-/Export-Fehlerzuständen vorbereitet.
- [ ] David Review und Feinschliff der Subframe-Frames abschließen.
- Paket: `02 Wireframes/D-FORM Formulare/WF-D-FORM Form Builder/` (Mitarbeiterinnen-Paket eingebaut; Handoff erstellt)
#### Online-Terminbuchung 🌐 — `D-BOOK` + `D-P16` (Teil) — 🟡 vorgeplant (2026-07-09)
- [x] 🌐 Buchungs-Seite »wie Calendly«: freien Termin wählen (Zeitzonen-fest) → Fragen-Formular → Bestätigung + Kalender-Datei (.ics); einbettbar (iFrame + QR); eigener Handy-Frame für den Slot-Picker
- [x] Buchung erzeugt Anfrage oder hängt sich an bestehenden Kontakt + Bestätigungs-Mail; kein Doppel-Buchen möglich (Race-Schutz)
- [x] Intern: Buchungs-Liste (Reiter anstehend/vergangen/storniert, Bulk-Storno, CSV) + Detail nach Karteikarten-Muster (stattgefunden/No-Show, stornieren mit Grund + Auto-Mail, verschieben, anderen Mitarbeiter zuweisen, Notizen)
- [x] Buchungsseiten-Editor (Dauer, Puffer, Vorlauf, Mitarbeiter, Fragen-Formular **mit Feld-Zuordnung zum Lead-Eingang**, Bestätigungs-Mail, Einbett-Code + QR) + Buchungsseiten-Liste
- [x] Verfügbarkeits-Zeiten (Wochen-Regeln + Ausnahme-Tage) — jeder Mitarbeiter pflegt seine eigenen, Admin alle
- Davids Delta (Change-Request an Dev): 🌐 **Kunde kann per Mail-Link selbst absagen/verschieben** (eigene öffentliche Seite)
- 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 Termine/WF-P16 Terminbuchung/` (Screens validiert; Subframe steht aus)
#### Kalender — `D-BOOK` + `D-P16` (Teil) — 🟡 vorgeplant (2026-07-09)
- [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] 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
- v2: Outlook (in der Provider-Auswahl als »bald verfügbar« sichtbar).
- Paket: `02 Wireframes/P16 Termine/WF-P16 Kalender/` (Screens validiert; Subframe steht aus)
#### 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
- [x] 🌐 Kunde unterschreibt per Link mit Code-Bestätigung (OTP), PDF-Prüfung, Intent und Signatur; direkter Vor-Ort-Modus auf dem Gerät als eigener Mobile-Frame
- [x] Status je Unterzeichner (gesendet/angesehen/unterschrieben/abgelehnt/zurückgezogen), manuelle Erinnerung, Zurückziehen mit Grund
- [x] Original-PDF, unterschriebenes PDF + Abschluss-Nachweis herunterladbar und in Projekt-Dateien abgelegt
- [x] Eigene Lösung als Default: gehärteter SES-Eigenbau; PandaDoc nur optional mit eigenem Schlüssel (BYOK)
- Davids Delta: 🌐 **Kunden-Signierseite als eigener Screen** ergänzt, weil D-P16 nur den internen Wizard nennt.
- v2: freier PDF-Feldplatzierer, automatische Reminder-Regeln, QES/D-Trust.
- Paket: `02 Wireframes/P16 Termine/WF-P16 E-Signatur/` (Screens validiert; Subframe steht aus)
### 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)
- Entwurf vorhanden: `02 Wireframes/P15 Kommunikation/WF-P15 Team-Chat/` — muss mit David gemeinsam geplant/validiert werden.
- Noch nicht zählen als vorgeplant; Subframe steht aus.
#### Telefonie (Anrufe) — `D-P15` — ⬜ offen
- [ ] AirCall verbinden (Status-Ampel, Telefon-Nutzer ↔ HiveGrid-Nutzer zuordnen mit Auto-Vorschlag, »Verbindung testen«)
- [ ] Anruf-Liste (Richtung, Dauer, erkannter Kontakt, verpasst-Marker)
- [ ] Anruf-Detail (Zuordnung korrigieren, Notiz, Aufnahme anhören)
- [ ] Anruf-Knopf an Kontakt/Anfrage/Projekt (bei mehreren Nummern: Auswahl; ohne Anbindung: normaler Telefon-Link)
- [ ] Meldung bei eingehendem Anruf; unbekannte Nummer → automatisch neue Anfrage
- v2: HalloPetra (KI-Telefonassistent).
#### Benachrichtigungen — `D-P3` (Teil) — 🟡 vorgeplant (2026-07-08)
- [x] Glocke mit Ungelesen-Zähler + Aufklapp-Liste (Klick springt direkt zur Sache)
- [x] Eigene Seite mit allen Meldungen (Reiter Alle/Ungelesen, als gelesen markieren, aufräumen)
- [x] Einstellungen: je Ereignis-Typ wählbar In-App und/oder E-Mail, Master-Schalter »alle E-Mails aus«
- [x] Klartext-Hinweis, wenn Mails nicht ankommen
- Davids Ergänzungen: Drawer mit »Alle anzeigen«, Aktualisieren, Wegklicken einzelner Einträge, Typ-Icons je Quelle
- v2: Ruhezeiten, Zusammenfassen, Push.
- Paket: `02 Wireframes/P3 Querschnitt/WF-P3 Benachrichtigungen/` (Screens validiert; Subframe steht aus)
### Aufgaben & Dateien
#### Aufgaben — `D-P4` (Teil) — 🟡 vorgeplant (2026-07-08)
- [x] Aufgaben-Liste (Meine / von mir erstellt / Alle, Filter, Mehrfach-Aktionen, Schnell-Aktionen in der Zeile)
- [x] Aufgabe: Frist (überfällig = rot), Priorität, zuständig Person ODER Gruppe, Beobachter, Verknüpfung zu Kontakt/Projekt/…
- [x] Herkunft sichtbar: von Hand / aus Chat / aus Formular / aus Automation — mit Link zur Quelle
- [x] Neue Aufgabe als Dialog (auch vorbefüllt aus einer Detailseite heraus)
- [x] Als Reiter in jeder Detailseite eingebettet — als eigener Frame V01 (Einbett-Muster)
- [x] Erinnerungs-Hinweise (vor / bei / nach Frist), Auto-Archiv nach 30 Tagen
- Davids Ergänzung (Delta): Topbar-Button »Meine Aufgaben« + Aufgaben-Drawer rechts (Schnellzugriff)
- Paket: `02 Wireframes/P4 Aufgaben und Dateien/WF-P4 Aufgaben/` (Screens validiert; Subframe steht aus)
#### Dateien — `D-P4` (Teil) — 🟡 vorgeplant (2026-07-08)
- [x] Datei-Übersicht (Tabelle/Kacheln, Filter nach Verknüpfung/Typ/Tags, Mehrfach-Aktionen inkl. ZIP-Download) + Presets »Meine Dateien / Alle«
- [x] Upload per Drag&Drop (mehrere gleichzeitig, Fortschritt je Datei, Fehler + erneut versuchen)
- [x] Datei-Detail (Vorschau Bild/PDF, iPhone-Fotos werden automatisch JPG, Tags, Notizen, Verknüpfungen mit Rolle)
- [x] Als vorgefilterte Sektion in jeder Detailseite eingebettet
- **Teilen/Freigeben einzelner Dateien = v1** (Davids Entscheidung 2026-07-08) → Change-Request an Dev, UI wird im Paket mitgeplant. Ordner + Versionen bleiben v2.
- v2: Ordner, Datei-Versionen, Office-/Video-Vorschau, Texterkennung.
- Paket: `02 Wireframes/P4 Aufgaben und Dateien/WF-P4 Dateien/` (Screens validiert; Subframe steht aus)
### Automationen
#### Automations-Baukasten (Flow-Editor) — `D-FLOW` — 🟡 in Subframe / Review (Abgleich 2026-08-04)
- [x] Gebaut: Vollbild-Canvas als leeres Editor-Grundgerüst
- [x] Gebaut: Baustein-Picker als Drawer mit allen 31 Bausteinen
- [x] Gebaut: Canvas-Kontextmenü
- [x] Gebaut: nur ein sichtbarer Plus-Einstieg unten rechts; mittleren Doppel-CTA entfernt
- [x] Gebaut: Bestätigungsmodale für Aktivieren und Pausieren
- [x] Gebaut: 32 Konfigurationsseiten als echte Dialoge; kein rechtes Einstellungs-Panel
- [x] Gebaut: Start-Auswahl M03 als zwei screenshot-geprüfte Varianten mit »Leer starten« und genau einer illustrativen Beispielvorlage
- [ ] M03 V1 gegen die reduzierte V2 validieren und finalisieren
- Kein eigener Obsidian-/Subframe-Screen für gefüllten Editor, Probelauf oder Schleifen-/Ratenwarnung.
- Sprach-Eingabe bleibt gestrichen (keine KI in v1).
- Aktuelles Muster: Vollbild-Canvas · Drawer-Picker · Konfiguration als Dialog.
- Bestand: Der Workflow-Engine-Flow umfasst 39 Seiten, einschließlich der 32 Konfigurationsdialoge. Der Verwaltungs-Flow enthält nach der finalen S02-Bereinigung sieben Seiten; zusammen sind 46/46 Subframe-Seiten, Obsidian-Screens, Variantenlinks und Canvas-Beziehungen synchronisiert.
- Paket: `02 Wireframes/P12 Automationen/WF-P12 Flow-Editor/`
#### Automationen: Übersicht & Verläufe — `D-P12` — 🟡 in Subframe / sequenzieller Review
- [x] S01 Automation-Liste: V3 final bestätigt; V1 und V2 anschließend gelöscht
- [x] S02 Lauf-Liste: V3 mit echter Filter Bar, vier verständlichen Status, Auslöser- und Datensatzkontext sowie Zeilenmenü final bestätigt; V1/V2 gelöscht
- [x] S03 Lauf-Detail als V1 und diagnosefokussierte V2 mit Klartext-Timeline und 24-h-Rückgängig-Logik gebaut
- [x] S04 Vorlagen-Katalog als V1 und V2 gebaut; produktiv leer, mit genau einer illustrativen Beispielkarte
- [x] S06 Zugangsdaten als schlanke zentrale Verwaltung gebaut und aus S01 erreichbar
- [x] S01–S04 und S06 in einen eigenen Verwaltungs-Flow ausgelagert; nach der S02-Bereinigung aktuell sieben Seiten
- [ ] Für S03/S04 jeweils V1/V2 auswählen und finalisieren
- [x] 32 gebaute Konfigurationsseiten sind vollständig im Obsidian-Paket erfasst und im Canvas nach Kategorien angeordnet
- Paket: `02 Wireframes/P12 Automationen/WF-P12 Verwaltung/` (S01/S02 final und Altvarianten gelöscht; S03/S04 als je zwei Varianten; S06 als Outline; Konfigurationsbestand gespiegelt)
### HR
#### HR-Bereich 📱 — `D-HR` — ⬜ offen
- [ ] HR-Startseite (angepinnte Ankündigungen, offene Pflichten, meine Anträge, wer ist heute da, Geburtstage, Schnell-Knöpfe »krank melden / Urlaub beantragen«)
- [ ] Ankündigungen (Bestätigungs-Knopf + Lese-Nachweis, Reaktionen, Kommentare) + Verwaltung
- [ ] Urlaub & Krankmeldung (Reiter Meine/Genehmigungen/Team, Genehmigen mit Konflikt-Hinweis aus der Plantafel, Krankschreibung verschlüsselt hochladen, Monats-Kalender für Admin)
- [ ] Lohnabrechnungen (eigene ansehen; Admin: Sammel-Upload mit automatischer Zuordnungs-Vorschau)
- [ ] Anträge (Spesen, Hardware, Schulung, Zeugnis … mit Genehmiger und Kommentaren) + Vorlagen-Verwaltung
- [ ] Passwort-Safe (Werte nie offen sichtbar, Aufdecken wird protokolliert, Kopieren löscht sich nach 30 s)
- [ ] Umfragen (Teilnahme + Auswertung, anonym möglich)
- [ ] Mitarbeiter-Verzeichnis + Profil, Standorte, eigene Dokumente, Upload-Erinnerungen
- Wichtig: Mitarbeiter-Sicht und HR-Verwaltung strikt getrennt; Urlaub/krank fließt in die Plantafel.
### Verwaltung
#### Integrationen (Apps verbinden) — `D-P5` — 🟡 vorgeplant (2026-07-08)
- [x] App-Katalog (nach Kategorie inkl. KI/MCP, Logo, Status-Ampel, aktive Verbindungen, Suche + Filter)
- [x] Verbindung einrichten: Schritt-für-Schritt (Voraussetzungen → Zugangsdaten → Test → erster Abgleich) — beide Wege als Frames: OAuth + API-Schlüssel
- [x] Verbindungs-Verwaltung (mehrere je App mit Namens-Label, neu verbinden, trennen mit mehrstufiger Nachfrage, kein Hard-Delete)
- [x] Abgleich-Verlauf in Klartext (»32 Kontakte aktualisiert, 2 Fehler«) mit Lauf-Detail — als **eigene Seiten** (Davids Entscheidung)
- [x] Zustands-Ampel (läuft / hakt / kaputt / getrennt) mit Lösungs-Hinweisen
- Offen: kommende Apps als Teaser mit Schloss im Katalog? (David/Dev)
- Gemeinsames Gerüst für: E-Mail, Telefonie, Kalender, Signatur. KWP-Oberfläche → v2.
- Paket: `02 Wireframes/P5 Integrationen/WF-P5 Integrationen/` (Screens validiert; Subframe steht aus)
#### Aktivitäts-Protokoll (Audit-Log) — `D-P3` (Teil) — 🟡 vorgeplant (2026-07-08)
- [x] Protokoll-Liste: wer (Mensch/Automation/Agent/Admin), wann, was — als deutscher Klartext-Satz, mit Filtern
- [x] Detail-Ansicht mit Vorher/Nachher-Vergleich Feld für Feld
- [x] Export mit Pflicht-Angabe des Zwecks (Jobs mit Status + Download) — als Reiter im Protokoll-Screen
- [x] »Verlauf dieses Objekts« als wiederverwendbarer Drawer für jede Detailseite
- Davids Ergänzung: sortier-/filterbar nach Mitarbeiter, Zeitraum, Bereich (Modul) und Änderungs-Art
- v2: Aufbewahrungs-Regeln, gespeicherte Ansichten.
- Paket: `02 Wireframes/P3 Querschnitt/WF-P3 Audit Log/` (Screens validiert; Subframe steht aus)
#### Abo & Rechnungen (für HiveGrid) — `D-P20` (Teil) — ⚠️ Ticket braucht Recut (AD-27)
- [ ] Abo-Übersicht nur lesend (Plan, Plätze, gebuchte Module, Test-Countdown)
- [ ] Verbrauchs-Balken (Automations-Läufe, Speicher) — Transparenz, keine Abrechnung nach Verbrauch
- [ ] Rechnungen + Zahlungsstatus mit Klartext-Hilfe bei Problemen
- ⚠️ Erst planen, wenn der Brief nach dem Billing-Umbau neu geschnitten ist. Kein Selbst-Upgrade in v1.
#### Erste Schritte & Demo-Daten — `D-P20` (Teil) — ⬜ offen
- [ ] Erste-Schritte-Checkliste (Status wird automatisch erkannt, Direkt-Link je Punkt, abhakbar, ausblendbar, auch als Dashboard-Kachel)
- [ ] Beispieldaten: Knopf »anlegen« (mit Liste, was kommt), Zähler, alles wieder löschbar, »Demo ausblenden«-Filter in allen Listen
- [ ] Warn-Banner (Test läuft ab / Zahlung offen / eingefroren) + Hinweis-Toast bei gesperrtem Schreiben
- [ ] Hell/Dunkel-Umschalter (sofort, ohne Aufblitzen)
#### Datenschutz (Export & Löschung) — `D-P21` (Teil) — ⬜ offen
- [ ] Datenschutz-Übersicht als Einstieg
- [ ] Daten-Export als ZIP (einzelner Nutzer + ganzer Workspace, Fortschritt, Download-Link 72 h gültig)
- [ ] Workspace-Löschung mehrstufig (Erklärung mit 30 Tagen Schonfrist, Export-Angebot, Passwort + 2FA, Workspace-Name als Bestätigung, Countdown mit Abbruch)
- [ ] Konto-Löschung (mehrstufig, 24 h rückgängig)
- [ ] Liste der Unterauftragsverarbeiter (EU-Marker, Vertrags-Links, Export) + AVV (PDF, Zustimmungs-Verlauf)
- Auskunftsanfragen: manuelle Anleitung statt Assistent (v2).
#### Feedback & Hilfe — `D-P21` (Teil) — ⬜ offen
- [ ] Schwebender Feedback-Knopf → kleines Formular (Fehler/Idee/Frage, Text, optional Screenshot)
- [ ] Landet in der Support-Inbox im Plattform-Admin
- [ ] Kleine FAQ-Seite (gruppierte Fragen, optional Suchfeld)
### Plattform-Admin
#### Plattform-Admin — `D-ADMIN` — ⬜ offen
- [ ] Eigener Login auf admin.hivegrid.de (2FA Pflicht, kein Magic-Link)
- [ ] Übersicht: Kunden, aktive Nutzer, Umsatz, System-Ampel, Warteschlangen
- [ ] Kunden-Liste + Kunden-Akte (Status ändern mit Pflicht-Begründung, **Module freischalten = Abo-Baukasten**, Test verlängern, Notizen, »als Kunde einloggen« max. 30 Min mit Begründung + sichtbarem Banner)
- [ ] Kunde von Hand anlegen
- [ ] Nutzer-Hilfen (2FA zurücksetzen, Sitzungen beenden, deaktivieren)
- [ ] Abo-Verwaltung (Sonderpreise mit Begründung, Abgleich anstoßen, Erstattung)
- [ ] Feature-Schalter (je Plan, je Kunde mit Ablaufdatum)
- [ ] System-Zustand + Warteschlangen-Monitor (hängende Jobs neu anstoßen, pausieren)
- [ ] Support-Inbox (gespeist vom Feedback-Knopf) + Ticket-Detail
- [ ] Admin-Protokoll (über alle Kunden, nur lesend, Export)
- [ ] Unterauftragsverarbeiter + AVV-Versionen pflegen (Betreiber-Seite)
- Eigene Welt, eigene Sidebar. Muss funktionieren, nicht hübsch sein. v2: eigenes Admin-Rollensystem.
---
## Offene globale Punkte
| # | Punkt | Status |
|---|---|---|
| 1 | Dashboard: nur 3 Rollen-Ansichten beschlossen (Spec nennt 7) — Rest v2 oder nachschieben? | offen (Raffael) |
| 2 | Benachrichtigungs-Test-Knopf für Admins (Mini-Feature für Demos) — drin lassen? | offen |
| 3 | »Abo & Rechnungen«-Brief nach Billing-Umbau (AD-27) neu schneiden | offen |
| 4 | ~~D-D0a (App-Gerüst) offiziell abschließen?~~ → Von David gebaut und abgenommen (2026-07-08). Ticket-Handoff-Datei noch anlegen. | erledigt |