Plan Querschnitt-Pakete P3-P5 und Infrastruktur-Entscheidungen
- Feature Map: Regelwerk, Kanten-System, Paket-Canvas-Verknuepfungen, MD-Links - Infrastruktur & Navigation: Sidebar-Abgleich, Einstellungen-Modell, Mobile, Gating - WF-P3 Benachrichtigungen + Audit Log (validiert) - WF-P4 Aufgaben (inkl. Topbar-Drawer-Delta) + Dateien (inkl. Teilen v1, CR an Dev) - WF-P5 Integrationen (Sync-Verlauf als eigene Seiten) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
davidandClaude Fable 5 committed
1 parent
1363933387
commit
e48a5a46e8
38 files changed
+3147
-732
No files matched your search
+288
-689
@@ -1,691 +1,290 @@
|
||||
{
|
||||
"nodes": [
|
||||
{
|
||||
"id": "d5d3db1765287eef",
|
||||
"type": "text",
|
||||
"x": 0,
|
||||
"y": -460,
|
||||
"width": 1140,
|
||||
"height": 380,
|
||||
"text": "# 🗺 HiveGrid Feature Map (v1)\nJede Karte = **ein Feature**. Das Ticket steht nur als Referenz dran. Übergreifende Sachen (App-Gerüst, UI-Baukasten, Feinschliff) liegen unter **Basis**.\n\n**Farben:**\n🟢 fertig/validiert · 🔴 Sonder-UI, wird von Hand designt (Tage) · 🔵 wird aus dem UI-Baukasten zusammengesteckt (Stunden) · 🟠 Mischung aus beidem · 🟣 Basis · 🟡 Feinschliff\n\n**Marker:** 🌐 öffentlich sichtbar (höchster Anspruch) · 📱 Monteur-Handy, teils offline\n\n**Pfeile:** orange = Hauptkette (Anfrage → Auftrag → Geld) · grau = klare Querverbindung. Gilt etwas für **alle** Features (Automationen, Aufgaben/Dateien, Benachrichtigungen, Verbindungs-Gerüst), steht es als Text auf der Karte statt als Pfeil.\n\nAbhaklisten & Details: [[HiveGrid Map]]"
|
||||
},
|
||||
{
|
||||
"id": "41b8d85d3bb8d47d",
|
||||
"type": "group",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1540,
|
||||
"height": 480,
|
||||
"label": "BASIS — gilt für alle Features",
|
||||
"color": "6"
|
||||
},
|
||||
{
|
||||
"id": "b3cad562971d30a5",
|
||||
"type": "text",
|
||||
"x": 40,
|
||||
"y": 80,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## App-Gerüst (Sidebar, Topbar & Design)\n**Ticket:** `D-D0a` · **Status:** ⬜ offen\n**Wo:** überall in der App\n\n**Was drin ist:** Sidebar (Module ein-/ausblendbar je Abo, Handy-Variante 📱), Topbar (Workspace-Wechsler, Suche, Glocke, Profil-Menü), Breadcrumb, Warn-Banner (z. B. »Zahlung offen«), Erfolgs-/Fehlermeldungen\n\n**Warum wichtig:** Der Rahmen, in dem jedes Feature steckt — inkl. Farben, Schriften, Hell/Dunkel. **Ohne das geht fast nichts anderes.**",
|
||||
"color": "6"
|
||||
},
|
||||
{
|
||||
"id": "d53e7ea48a9b1e6c",
|
||||
"type": "text",
|
||||
"x": 540,
|
||||
"y": 80,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "4"
|
||||
},
|
||||
{
|
||||
"id": "c02969250252a3ab",
|
||||
"type": "text",
|
||||
"x": 1040,
|
||||
"y": 80,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "3"
|
||||
},
|
||||
{
|
||||
"id": "7a26f88c260892eb",
|
||||
"type": "group",
|
||||
"x": 1700,
|
||||
"y": 0,
|
||||
"width": 540,
|
||||
"height": 480,
|
||||
"label": "WEBSITE 🌐",
|
||||
"color": "3"
|
||||
},
|
||||
{
|
||||
"id": "ce5632682989a6ca",
|
||||
"type": "text",
|
||||
"x": 1740,
|
||||
"y": 80,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "2025c7621bb63c98",
|
||||
"type": "group",
|
||||
"x": 2400,
|
||||
"y": 0,
|
||||
"width": 540,
|
||||
"height": 480,
|
||||
"label": "LOGIN & ZUGÄNGE",
|
||||
"color": "4"
|
||||
},
|
||||
{
|
||||
"id": "3e27875daca5713d",
|
||||
"type": "text",
|
||||
"x": 2440,
|
||||
"y": 80,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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. → `02 Wireframes/P2 Auth/`",
|
||||
"color": "4"
|
||||
},
|
||||
{
|
||||
"id": "db7d9db3cd7939b0",
|
||||
"type": "group",
|
||||
"x": 3100,
|
||||
"y": 0,
|
||||
"width": 1040,
|
||||
"height": 480,
|
||||
"label": "SUCHE & DASHBOARD"
|
||||
},
|
||||
{
|
||||
"id": "89c0813f7e139a88",
|
||||
"type": "text",
|
||||
"x": 3140,
|
||||
"y": 80,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "4a4e5be847a54e5f",
|
||||
"type": "text",
|
||||
"x": 3640,
|
||||
"y": 80,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "1"
|
||||
},
|
||||
{
|
||||
"id": "88792c50986c93db",
|
||||
"type": "group",
|
||||
"x": 1700,
|
||||
"y": 680,
|
||||
"width": 1540,
|
||||
"height": 480,
|
||||
"label": "VERTRIEB — vom Anruf zum Auftrag",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "8272764aa65537b0",
|
||||
"type": "text",
|
||||
"x": 1740,
|
||||
"y": 760,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Lead-Eingang (Anfragen)\n**Ticket:** `D-P7` · **Status:** ⬜ offen\n**Wo:** `/leads`\n\n**Was drin ist:** Eingangs-Liste aller Anfragen (mit Quelle, Spam-Verdacht, Duplikat-Hinweis), Anfrage-Detail, »Zu Projekt machen«, Statistiken, Quellen-Verwaltung, Spam-Schutz-Einstellungen\n\n**So funktioniert's:** Alle Anfragen (Website, Formulare, Anrufe, Buchungen) landen hier. Wer sie bearbeiten darf (Freigabe = ja), macht daraus ein Projekt und hängt den Kontakt dran.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "d9868dadb782f253",
|
||||
"type": "text",
|
||||
"x": 2240,
|
||||
"y": 760,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Kontakte & Organisationen\n**Ticket:** `D-CRM` · **Status:** ⬜ offen\n**Wo:** `/contacts`\n\n**Was drin ist:** Kontakt-Liste, Organisations-Liste, Kontakt-Detailseite (die Vorlage für ALLE Detailseiten), eigene Felder, Tags, Duplikate zusammenführen\n\n**So funktioniert's:** Ein Kontakt ist Privatperson oder Organisation und hat einen Status (Kontakt → Kunde → Bestandskunde). Auf der Detailseite sieht man alles: Projekte, Mails, Anrufe, Aufgaben, Dateien, Notizen.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "e10a35560a461111",
|
||||
"type": "text",
|
||||
"x": 2740,
|
||||
"y": 760,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Kanban-Board & Pipelines (Projekte)\n**Ticket:** `D-P8` + `D-KANBAN` · **Status:** ⬜ offen\n**Wo:** `/projects` + Admin\n\n**Was drin ist:** Kanban-Board mit Spalten je Status (Karten ziehen = Status wechseln), Projekt-Liste, Projekt-Detailseite, Pipeline-Einstellungen (Spalten, Rechte, Pflichtfelder), Verlust-Gründe\n\n**So funktioniert's:** Ein Projekt wandert durch Boards — »Vertrieb« und »Auftrag« sind nur zwei Boards für denselben Datensatz. Gewonnen = wechselt aufs Auftrags-Board. Wer welche Felder sieht (z. B. Umsatz), ist einstellbar.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "77c19412215a977c",
|
||||
"type": "group",
|
||||
"x": 3500,
|
||||
"y": 680,
|
||||
"width": 1540,
|
||||
"height": 480,
|
||||
"label": "AUFTRAG & BAUSTELLE",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "4bb807ef5e3c8dee",
|
||||
"type": "text",
|
||||
"x": 3540,
|
||||
"y": 760,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Projekt-Akte (Auftrag) 📱\n**Ticket:** `D-P9` · **Status:** ⬜ 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.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "3f83fa1a16ae69df",
|
||||
"type": "text",
|
||||
"x": 4040,
|
||||
"y": 760,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Plantafel (Einsatzplanung) 📱\n**Ticket:** `D-PLAN` · **Status:** ⬜ 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.",
|
||||
"color": "1"
|
||||
},
|
||||
{
|
||||
"id": "d9ad572ae83b4d0a",
|
||||
"type": "text",
|
||||
"x": 4540,
|
||||
"y": 760,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Abnahme (Baustellen-Protokoll) 📱\n**Ticket:** `D-ABN` · **Status:** ⬜ 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.",
|
||||
"color": "1"
|
||||
},
|
||||
{
|
||||
"id": "00d6b92d3845c185",
|
||||
"type": "group",
|
||||
"x": 0,
|
||||
"y": 1400,
|
||||
"width": 1040,
|
||||
"height": 480,
|
||||
"label": "E-MAIL-MARKETING"
|
||||
},
|
||||
{
|
||||
"id": "ab16fe58ff28c0ac",
|
||||
"type": "text",
|
||||
"x": 40,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "4cce52e2e3bd8823",
|
||||
"type": "text",
|
||||
"x": 540,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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).",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "ca7223940f6e1d29",
|
||||
"type": "group",
|
||||
"x": 1700,
|
||||
"y": 1400,
|
||||
"width": 2040,
|
||||
"height": 480,
|
||||
"label": "TERMINE & FORMULARE"
|
||||
},
|
||||
{
|
||||
"id": "6b8c7d3bc3ee7449",
|
||||
"type": "text",
|
||||
"x": 1740,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Formulare (Baukasten) 🌐\n**Ticket:** `D-FORM` + `D-P16` (Teil) · **Status:** ⬜ offen\n**Wo:** `/forms` + öffentlicher Link\n\n**Was drin ist:** Formular-Baukasten (Felder per Ziehen anordnen, Wenn-Dann-Logik »zeige Feld X wenn …«, Live-Vorschau), 🌐 öffentliches Formular zum Teilen (Link, QR-Code, Einbetten), Antworten-Übersicht\n\n**So funktioniert's:** Was nach dem Absenden passiert, ist einstellbar: Anfrage/Aufgabe anlegen, Mail senden, Automation starten. Dieselben Formulare stecken auch in HR-Anträgen und der Terminbuchung.",
|
||||
"color": "1"
|
||||
},
|
||||
{
|
||||
"id": "77ebfde5a3a05b8a",
|
||||
"type": "text",
|
||||
"x": 2240,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Online-Terminbuchung 🌐\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** ⬜ 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, Verfügbarkeits-Zeiten\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.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "28bd46ecb4eaa069",
|
||||
"type": "text",
|
||||
"x": 2740,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Kalender\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** ⬜ 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\n\n**So funktioniert's:** Läuft in beide Richtungen mit Google (Outlook kommt in v2). Fremde private Termine erscheinen nur als »belegt«.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "b789fc765f833f45",
|
||||
"type": "text",
|
||||
"x": 3240,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Digital unterschreiben (E-Signatur)\n**Ticket:** `D-P16` (Teil) · **Status:** ⬜ offen\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** Angebot als PDF hochladen → Unterzeichner festlegen → Kunde unterschreibt per Link (mit SMS/Mail-Code) oder direkt auf dem Gerät → Status je Unterzeichner, Erinnerung, Widerruf\n\n**So funktioniert's:** Hängt direkt am Projekt (»Angebot zur Signatur senden«). Eigene Lösung, kein Pflicht-Drittanbieter.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "e97e13901e405fcd",
|
||||
"type": "group",
|
||||
"x": 4200,
|
||||
"y": 1400,
|
||||
"width": 1540,
|
||||
"height": 480,
|
||||
"label": "KOMMUNIKATION"
|
||||
},
|
||||
{
|
||||
"id": "401d8270854bebac",
|
||||
"type": "text",
|
||||
"x": 4240,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Team-Chat 📱\n**Ticket:** `D-CHAT` · **Status:** ⬜ offen\n**Wo:** `/chat`\n\n**Was drin ist:** Channel-Liste, Chat-Verlauf (Antwort-Threads, Emoji-Reaktionen, gelesen-von, Anhänge), Erwähnungen mit @, angepinnte Nachrichten, Suche, Direktnachrichten\n\n**So funktioniert's:** Jedes Projekt kann seinen eigenen Channel haben (Team wird automatisch synchron gehalten). Monteure: vereinfachte Handy-Ansicht mit Foto-Direktupload. Admin kann DMs nur mit Begründung einsehen.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "29ca06733a9b243b",
|
||||
"type": "text",
|
||||
"x": 4740,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "50945ed6e43505ce",
|
||||
"type": "text",
|
||||
"x": 5240,
|
||||
"y": 1480,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Benachrichtigungen\n**Ticket:** `D-P3` (Teil) · **Status:** ⬜ offen\n**Wo:** Glocke oben + Einstellungen\n\n**Was drin ist:** Glocke mit Ungelesen-Zähler + aufklappbare Liste (Klick springt zur Sache), eigene Seite mit allen Meldungen, Einstellungen: pro Ereignis-Typ wählen ob In-App und/oder E-Mail\n\n**So funktioniert's:** Wird von allen Features gespeist (neue Anfrage, Aufgabe fällig, Antrag genehmigt …). Master-Schalter »alle E-Mails aus«.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "070f258760fab4e9",
|
||||
"type": "group",
|
||||
"x": 0,
|
||||
"y": 2120,
|
||||
"width": 1040,
|
||||
"height": 480,
|
||||
"label": "AUFGABEN & DATEIEN — stecken in jedem Feature"
|
||||
},
|
||||
{
|
||||
"id": "e21930b7073823f8",
|
||||
"type": "text",
|
||||
"x": 40,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Aufgaben\n**Ticket:** `D-P4` (Teil) · **Status:** ⬜ offen\n**Wo:** `/tasks` + überall als Reiter\n\n**Was drin ist:** Aufgaben-Liste (Meine / von mir erstellt / Alle), Aufgabe mit Frist, Priorität, Zuständigem (Person oder Gruppe), Beobachtern und Verknüpfung (Kontakt/Projekt/…)\n\n**So funktioniert's:** Einmal gebaut, überall eingebettet — jede Detailseite hat einen Aufgaben-Reiter. Aufgaben können auch aus Chat, Formularen oder Automationen entstehen (Herkunft sichtbar). Erinnerung vor/nach Frist.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "036e2a807223753d",
|
||||
"type": "text",
|
||||
"x": 540,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Dateien\n**Ticket:** `D-P4` (Teil) · **Status:** ⬜ 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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "8acc5d7d61317076",
|
||||
"type": "group",
|
||||
"x": 1200,
|
||||
"y": 2120,
|
||||
"width": 1040,
|
||||
"height": 480,
|
||||
"label": "AUTOMATIONEN"
|
||||
},
|
||||
{
|
||||
"id": "8f3127f03a5bab96",
|
||||
"type": "text",
|
||||
"x": 1240,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Automations-Baukasten (Flow-Editor)\n**Ticket:** `D-FLOW` · **Status:** ⬜ offen\n**Wo:** `/automations/:id/edit`\n\n**Was drin ist:** Zeichenfläche mit Bausteinen: Auslöser (neue Anfrage, Formular abgeschickt, Zeitplan …) und Aktionen (Aufgabe anlegen, Mail senden, Wenn-Dann, Warten …) per Ziehen verbinden\n\n**So funktioniert's:** Alles in verständlichem Deutsch beschriftet. Vor dem Aktivieren zeigt eine Probe-Vorschau »trifft X Datensätze« — erst bestätigen, dann läuft's. Warnt vor Endlos-Schleifen. **Aufwendigste UI der ganzen App.**",
|
||||
"color": "1"
|
||||
},
|
||||
{
|
||||
"id": "e6d8c36a0f89d954",
|
||||
"type": "text",
|
||||
"x": 1740,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Automationen: Übersicht & Verläufe\n**Ticket:** `D-P12` · **Status:** ⬜ offen\n**Wo:** `/automations`\n\n**Was drin ist:** Liste aller Automationen (aktiv/pausiert/Entwurf), Lauf-Protokolle Schritt für Schritt in Klartext, Vorlagen-Katalog (SHK-Vorlagen + eigene)\n\n**So funktioniert's:** Jeder Lauf ist nachvollziehbar; 24 h lang rückgängig machbar (Countdown-Knopf), fehlgeschlagene Schritte neu anstoßen.",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "3c6e5b1ea4a27913",
|
||||
"type": "group",
|
||||
"x": 3700,
|
||||
"y": 2120,
|
||||
"width": 540,
|
||||
"height": 480,
|
||||
"label": "HR (MITARBEITER)"
|
||||
},
|
||||
{
|
||||
"id": "03e8e03ef11606a0",
|
||||
"type": "text",
|
||||
"x": 3740,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "904c5ece127e2e4c",
|
||||
"type": "group",
|
||||
"x": 4400,
|
||||
"y": 2120,
|
||||
"width": 1540,
|
||||
"height": 880,
|
||||
"label": "VERWALTUNG (WORKSPACE-EINSTELLUNGEN)"
|
||||
},
|
||||
{
|
||||
"id": "5c72e7b04059503a",
|
||||
"type": "text",
|
||||
"x": 4440,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Integrationen (Apps verbinden)\n**Ticket:** `D-P5` · **Status:** ⬜ 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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "0f6acf7087283c0c",
|
||||
"type": "text",
|
||||
"x": 4940,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"text": "## Aktivitäts-Protokoll (Audit-Log)\n**Ticket:** `D-P3` (Teil) · **Status:** ⬜ 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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "6b3c0929759a607b",
|
||||
"type": "text",
|
||||
"x": 5440,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "b334f15bdd19d9ad",
|
||||
"type": "text",
|
||||
"x": 4440,
|
||||
"y": 2600,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "6533d410b309a48f",
|
||||
"type": "text",
|
||||
"x": 4940,
|
||||
"y": 2600,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "db76161d24fb0c1d",
|
||||
"type": "text",
|
||||
"x": 5440,
|
||||
"y": 2600,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "c3172228336521df",
|
||||
"type": "group",
|
||||
"x": 6100,
|
||||
"y": 2120,
|
||||
"width": 540,
|
||||
"height": 880,
|
||||
"label": "PLATTFORM-ADMIN — unsere interne Verwaltung"
|
||||
},
|
||||
{
|
||||
"id": "c8d8914e45e1497e",
|
||||
"type": "text",
|
||||
"x": 6140,
|
||||
"y": 2200,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"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.",
|
||||
"color": "5"
|
||||
},
|
||||
{
|
||||
"id": "abf5f779c1463715",
|
||||
"type": "text",
|
||||
"x": 6140,
|
||||
"y": 2600,
|
||||
"width": 460,
|
||||
"height": 360,
|
||||
"color": "5",
|
||||
"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."
|
||||
}
|
||||
],
|
||||
"edges": [
|
||||
{
|
||||
"id": "4ab78034e8253353",
|
||||
"fromNode": "b3cad562971d30a5",
|
||||
"fromSide": "right",
|
||||
"toNode": "d53e7ea48a9b1e6c",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "Design-Grundlage"
|
||||
},
|
||||
{
|
||||
"id": "493a2823934c45bb",
|
||||
"fromNode": "3e27875daca5713d",
|
||||
"fromSide": "right",
|
||||
"toNode": "89c0813f7e139a88",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "nach dem Login"
|
||||
},
|
||||
{
|
||||
"id": "ec751d558a1aef74",
|
||||
"fromNode": "8272764aa65537b0",
|
||||
"fromSide": "right",
|
||||
"toNode": "d9868dadb782f253",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "Kontakt anlegen/verknüpfen",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "154e632b2e5a645b",
|
||||
"fromNode": "d9868dadb782f253",
|
||||
"fromSide": "right",
|
||||
"toNode": "e10a35560a461111",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "Kontakt hängt am Projekt",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "0c0d0ba4b21da4ee",
|
||||
"fromNode": "e10a35560a461111",
|
||||
"fromSide": "right",
|
||||
"toNode": "4bb807ef5e3c8dee",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "gewonnen → Auftrags-Board",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "b43edef178d41dd6",
|
||||
"fromNode": "4bb807ef5e3c8dee",
|
||||
"fromSide": "right",
|
||||
"toNode": "3f83fa1a16ae69df",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "Termine einplanen",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "c45adb9c0c551e38",
|
||||
"fromNode": "3f83fa1a16ae69df",
|
||||
"fromSide": "right",
|
||||
"toNode": "d9ad572ae83b4d0a",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "Ausführung → Abnahme",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "47be96e20dcfa86a",
|
||||
"fromNode": "d9ad572ae83b4d0a",
|
||||
"fromSide": "bottom",
|
||||
"toNode": "4bb807ef5e3c8dee",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Mängel → Aufgaben · dann Rechnung",
|
||||
"color": "2"
|
||||
},
|
||||
{
|
||||
"id": "2ec97abebcf1dcce",
|
||||
"fromNode": "ce5632682989a6ca",
|
||||
"fromSide": "bottom",
|
||||
"toNode": "8272764aa65537b0",
|
||||
"toSide": "top",
|
||||
"toEnd": "arrow",
|
||||
"label": "Demo-Anfrage"
|
||||
},
|
||||
{
|
||||
"id": "4b89b1105393e48f",
|
||||
"fromNode": "6b8c7d3bc3ee7449",
|
||||
"fromSide": "top",
|
||||
"toNode": "8272764aa65537b0",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Formular → Anfrage"
|
||||
},
|
||||
{
|
||||
"id": "bc139947ce483198",
|
||||
"fromNode": "77ebfde5a3a05b8a",
|
||||
"fromSide": "top",
|
||||
"toNode": "8272764aa65537b0",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Buchung → Anfrage/Termin"
|
||||
},
|
||||
{
|
||||
"id": "57a256b64d1a2d76",
|
||||
"fromNode": "29ca06733a9b243b",
|
||||
"fromSide": "top",
|
||||
"toNode": "8272764aa65537b0",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Anruf von unbekannt → Anfrage"
|
||||
},
|
||||
{
|
||||
"id": "78fca84da3e723b6",
|
||||
"fromNode": "ab16fe58ff28c0ac",
|
||||
"fromSide": "top",
|
||||
"toNode": "d9868dadb782f253",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Mails am Kontakt sichtbar"
|
||||
},
|
||||
{
|
||||
"id": "8792d0c809babff2",
|
||||
"fromNode": "03e8e03ef11606a0",
|
||||
"fromSide": "top",
|
||||
"toNode": "3f83fa1a16ae69df",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Urlaub/krank → Konflikt-Warnung"
|
||||
},
|
||||
{
|
||||
"id": "ce4441bfdc6a11cc",
|
||||
"fromNode": "28bd46ecb4eaa069",
|
||||
"fromSide": "top",
|
||||
"toNode": "3f83fa1a16ae69df",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Kalender-Abgleich"
|
||||
},
|
||||
{
|
||||
"id": "77081523e546eebe",
|
||||
"fromNode": "b789fc765f833f45",
|
||||
"fromSide": "top",
|
||||
"toNode": "4bb807ef5e3c8dee",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "hängt an der Projekt-Akte"
|
||||
},
|
||||
{
|
||||
"id": "e6c0f9dda77f8d85",
|
||||
"fromNode": "401d8270854bebac",
|
||||
"fromSide": "top",
|
||||
"toNode": "4bb807ef5e3c8dee",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Projekt-Channel im Projekt"
|
||||
},
|
||||
{
|
||||
"id": "65bd180bf263096e",
|
||||
"fromNode": "e10a35560a461111",
|
||||
"fromSide": "top",
|
||||
"toNode": "89c0813f7e139a88",
|
||||
"toSide": "bottom",
|
||||
"toEnd": "arrow",
|
||||
"label": "Zahlen fürs Dashboard"
|
||||
},
|
||||
{
|
||||
"id": "0bb07aa23fe6a9f2",
|
||||
"fromNode": "28bd46ecb4eaa069",
|
||||
"fromSide": "left",
|
||||
"toNode": "77ebfde5a3a05b8a",
|
||||
"toSide": "right",
|
||||
"toEnd": "arrow",
|
||||
"label": "freie Zeiten"
|
||||
},
|
||||
{
|
||||
"id": "cc8ccd69ae4f9435",
|
||||
"fromNode": "8f3127f03a5bab96",
|
||||
"fromSide": "right",
|
||||
"toNode": "e6d8c36a0f89d954",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "Baukasten ↔ Übersicht"
|
||||
},
|
||||
{
|
||||
"id": "dc15b80a5a4410c9",
|
||||
"fromNode": "db76161d24fb0c1d",
|
||||
"fromSide": "right",
|
||||
"toNode": "c8d8914e45e1497e",
|
||||
"toSide": "left",
|
||||
"toEnd": "arrow",
|
||||
"label": "Feedback → Support-Inbox"
|
||||
}
|
||||
]
|
||||
"nodes":[
|
||||
{"id":"904c5ece127e2e4c","type":"group","x":5497,"y":3020,"width":1540,"height":1400,"label":"VERWALTUNG (WORKSPACE-EINSTELLUNGEN)"},
|
||||
{"id":"88792c50986c93db","type":"group","x":1950,"y":960,"width":2587,"height":740,"color":"2","label":"VERTRIEB — vom Anruf zum Auftrag"},
|
||||
{"id":"77c19412215a977c","type":"group","x":5037,"y":960,"width":2260,"height":740,"color":"2","label":"AUFTRAG & BAUSTELLE"},
|
||||
{"id":"41b8d85d3bb8d47d","type":"group","x":-160,"y":0,"width":1850,"height":740,"color":"6","label":"BASIS — gilt für alle Features"},
|
||||
{"id":"ca7223940f6e1d29","type":"group","x":2520,"y":2080,"width":2317,"height":520,"label":"TERMINE & FORMULARE"},
|
||||
{"id":"e97e13901e405fcd","type":"group","x":5037,"y":2080,"width":1540,"height":740,"label":"KOMMUNIKATION"},
|
||||
{"id":"8acc5d7d61317076","type":"group","x":2110,"y":3020,"width":1450,"height":740,"label":"AUTOMATIONEN"},
|
||||
{"id":"070f258760fab4e9","type":"group","x":760,"y":3020,"width":1190,"height":740,"label":"AUFGABEN & DATEIEN — stecken in jedem Feature"},
|
||||
{"id":"db7d9db3cd7939b0","type":"group","x":3997,"y":0,"width":1040,"height":740,"label":"SUCHE & DASHBOARD"},
|
||||
{"id":"c3172228336521df","type":"group","x":7197,"y":3020,"width":540,"height":1400,"label":"PLATTFORM-ADMIN — unsere interne Verwaltung"},
|
||||
{"id":"00d6b92d3845c185","type":"group","x":1160,"y":2080,"width":1190,"height":520,"label":"E-MAIL-MARKETING"},
|
||||
{"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":7977,"y":3020,"width":540,"height":740,"label":"HR (MITARBEITER)"},
|
||||
{"id":"d5d3db1765287eef","type":"text","text":"# 🗺 HiveGrid Feature Map (v1)\nJede Karte = **ein Feature**. Das Ticket steht nur als Referenz dran. Übergreifende Sachen (App-Gerüst, UI-Baukasten, Feinschliff) liegen unter **Basis**.\n\n**Farben:**\n🟢 fertig/validiert · 🔴 Sonder-UI, wird von Hand designt (Tage) · 🔵 wird aus dem UI-Baukasten zusammengesteckt (Stunden) · 🟠 Mischung aus beidem · 🟣 Basis · 🟡 Feinschliff\n\n**Marker:** 🌐 öffentlich sichtbar (höchster Anspruch) · 📱 Monteur-Handy, teils offline\n\n**Unter jeder Karte:** Slot für die verknüpften Paket-Canvases (Detail-Flows aus `02 Wireframes`) — Karte anklicken öffnet den Flow.\n\n**Pfeile:** orange = Hauptkette (Anfrage → Auftrag → Geld) · grau = klare Querverbindung. Gilt etwas für **alle** Features (Automationen, Aufgaben/Dateien, Benachrichtigungen, Verbindungs-Gerüst), steht es als Text auf der Karte statt als Pfeil.\n\nAbhaklisten & Details: [[HiveGrid Map]]","x":0,"y":-460,"width":1140,"height":380},
|
||||
{"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. → `02 Wireframes/P2 Auth/`","x":2777,"y":80,"width":460,"height":360,"color":"4"},
|
||||
{"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"},
|
||||
{"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":"903e3384b0a5e623","type":"text","text":"**Detail-Flows:** 9 Wireframe-Pakete mit eigenen Canvases in `02 Wireframes/P2 Auth/` (Login, Signup, Reset, Set Password, 2FA, RBAC …) — siehe Tracker","x":2777,"y":480,"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":"a4f86f7bfc24194b",
|
||||
"type":"text",
|
||||
"styleAttributes":{"border":"dashed"},
|
||||
"text":"# 📏 Canvas-Regelwerk\n**Karten:** 1 Karte = 1 Feature · Farbe = Aufwand/Status (siehe Legende links) · unter der Karte hängen die Paket-Canvases (Detail-Flows).\n\n**Verbindungen:**\n- 🟠 **durchgezogen** — Hauptkette: so fließt ein Auftrag durchs System\n- 🔵 **durchgezogen** — erzeugt Anfrage/Termin (Wege in den Lead-Eingang)\n- **grau, lang gestrichelt** — speist/beeinflusst (Daten fließen rüber)\n- **grau, kurz gestrichelt** — Werkzeug-Paar (gehört fachlich zusammen)\n- 🟣 **gepunktet** — Basis/Einstieg (Design-Grundlage, nach dem Login)\n- **kein Pfeil** — gilt für ALLE Features (steht als Text auf der Karte)\n\n**Pfadführung:** nur gerade (direkt) oder Standard-Kurve — keine verwinkelten Wege. Wenn ein ganzer Bereich zu einem anderen gehört, wird Gruppe↔Gruppe (oder Gruppe↔Karte) verbunden statt vieler Einzel-Pfeile.\n\n**Label-Regel:** Zwischen verbundenen Karten bleibt mindestens Label-Breite Platz (≈ 8 px pro Zeichen + Rand), sonst wird der Text abgeschnitten.",
|
||||
"x":1350,
|
||||
"y":-500,
|
||||
"width":820,
|
||||
"height":420
|
||||
},
|
||||
{"id":"md-hivegrid-map","type":"file","file":"05 HiveGrid Map/HiveGrid Map.md","x":-520,"y":-460,"width":460,"height":300},
|
||||
{"id":"8272764aa65537b0","type":"text","text":"## Lead-Eingang (Anfragen)\n**Ticket:** `D-P7` · **Status:** ⬜ offen\n**Wo:** `/leads`\n\n**Was drin ist:** Eingangs-Liste aller Anfragen (mit Quelle, Spam-Verdacht, Duplikat-Hinweis), Anfrage-Detail, »Zu Projekt machen«, Statistiken, Quellen-Verwaltung, Spam-Schutz-Einstellungen\n\n**So funktioniert's:** Alle Anfragen (Website, Formulare, Anrufe, Buchungen) landen hier. Wer sie bearbeiten darf (Freigabe = ja), macht daraus ein Projekt und hängt den Kontakt dran.","x":1990,"y":1040,"width":460,"height":360,"color":"5"},
|
||||
{"id":"d9868dadb782f253","type":"text","text":"## Kontakte & Organisationen\n**Ticket:** `D-CRM` · **Status:** ⬜ offen\n**Wo:** `/contacts`\n\n**Was drin ist:** Kontakt-Liste, Organisations-Liste, Kontakt-Detailseite (die Vorlage für ALLE Detailseiten), eigene Felder, Tags, Duplikate zusammenführen\n\n**So funktioniert's:** Ein Kontakt ist Privatperson oder Organisation und hat einen Status (Kontakt → Kunde → Bestandskunde). Auf der Detailseite sieht man alles: Projekte, Mails, Anrufe, Aufgaben, Dateien, Notizen.","x":3077,"y":1040,"width":460,"height":360,"color":"5"},
|
||||
{"id":"e10a35560a461111","type":"text","text":"## Kanban-Board & Pipelines (Projekte)\n**Ticket:** `D-P8` + `D-KANBAN` · **Status:** ⬜ offen\n**Wo:** `/projects` + Admin\n\n**Was drin ist:** Kanban-Board mit Spalten je Status (Karten ziehen = Status wechseln), Projekt-Liste, Projekt-Detailseite, Pipeline-Einstellungen (Spalten, Rechte, Pflichtfelder), Verlust-Gründe\n\n**So funktioniert's:** Ein Projekt wandert durch Boards — »Vertrieb« und »Auftrag« sind nur zwei Boards für denselben Datensatz. Gewonnen = wechselt aufs Auftrags-Board. Wer welche Felder sieht (z. B. Umsatz), ist einstellbar.","x":4037,"y":1040,"width":460,"height":360,"color":"2"},
|
||||
{"id":"4bb807ef5e3c8dee","type":"text","text":"## Projekt-Akte (Auftrag) 📱\n**Ticket:** `D-P9` · **Status:** ⬜ 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":"3f83fa1a16ae69df","type":"text","text":"## Plantafel (Einsatzplanung) 📱\n**Ticket:** `D-PLAN` · **Status:** ⬜ 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":"d9ad572ae83b4d0a","type":"text","text":"## Abnahme (Baustellen-Protokoll) 📱\n**Ticket:** `D-ABN` · **Status:** ⬜ 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":"e21930b7073823f8","type":"text","text":"## Aufgaben\n**Ticket:** `D-P4` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** `/tasks` + überall als Reiter\n\n**Was drin ist:** Aufgaben-Liste (Meine / von mir erstellt / Alle), Aufgabe mit Frist, Priorität, Zuständigem (Person oder Gruppe), Beobachtern und Verknüpfung (Kontakt/Projekt/…)\n\n**So funktioniert's:** Einmal gebaut, überall eingebettet — jede Detailseite hat einen Aufgaben-Reiter. Aufgaben können auch aus Chat, Formularen oder Automationen entstehen (Herkunft sichtbar). Erinnerung vor/nach Frist.","x":800,"y":3100,"width":460,"height":360,"color":"5"},
|
||||
{"id":"98798c9044c1d4bc","type":"file","file":"02 Wireframes/P4 Aufgaben und Dateien/WF-P4 Aufgaben/WF-P4 Aufgaben.canvas","x":800,"y":3500,"width":460,"height":220},
|
||||
{"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 Aufgaben und Dateien/WF-P4 Dateien/WF-P4 Dateien.canvas","x":1450,"y":3500,"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":"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":"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":"3864f1b74d665e1a","type":"file","file":"02 Wireframes/P3 Querschnitt/WF-P3 Audit Log/WF-P3 Audit Log.canvas","x":6037,"y":3500,"width":460,"height":220},
|
||||
{"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":"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":"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":"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":7237,"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":7237,"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":8017,"y":3100,"width":460,"height":360,"color":"5"},
|
||||
{"id":"77ebfde5a3a05b8a","type":"text","text":"## Online-Terminbuchung 🌐\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** ⬜ 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, Verfügbarkeits-Zeiten\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":"28bd46ecb4eaa069","type":"text","text":"## Kalender\n**Ticket:** `D-BOOK` + `D-P16` (Teil) · **Status:** ⬜ 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\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":"b789fc765f833f45","type":"text","text":"## Digital unterschreiben (E-Signatur)\n**Ticket:** `D-P16` (Teil) · **Status:** ⬜ offen\n**Wo:** im Projekt-Detail\n\n**Was drin ist:** Angebot als PDF hochladen → Unterzeichner festlegen → Kunde unterschreibt per Link (mit SMS/Mail-Code) oder direkt auf dem Gerät → Status je Unterzeichner, Erinnerung, Widerruf\n\n**So funktioniert's:** Hängt direkt am Projekt (»Angebot zur Signatur senden«). Eigene Lösung, kein Pflicht-Drittanbieter.","x":4337,"y":2160,"width":460,"height":360,"color":"5"},
|
||||
{"id":"8f3127f03a5bab96","type":"text","text":"## Automations-Baukasten (Flow-Editor)\n**Ticket:** `D-FLOW` · **Status:** ⬜ offen\n**Wo:** `/automations/:id/edit`\n\n**Was drin ist:** Zeichenfläche mit Bausteinen: Auslöser (neue Anfrage, Formular abgeschickt, Zeitplan …) und Aktionen (Aufgabe anlegen, Mail senden, Wenn-Dann, Warten …) per Ziehen verbinden\n\n**So funktioniert's:** Alles in verständlichem Deutsch beschriftet. Vor dem Aktivieren zeigt eine Probe-Vorschau »trifft X Datensätze« — erst bestätigen, dann läuft's. Warnt vor Endlos-Schleifen. **Aufwendigste UI der ganzen App.**","x":2150,"y":3100,"width":460,"height":360,"color":"1"},
|
||||
{"id":"6b8c7d3bc3ee7449","type":"text","text":"## Formulare (Baukasten) 🌐\n**Ticket:** `D-FORM` + `D-P16` (Teil) · **Status:** ⬜ offen\n**Wo:** `/forms` + öffentlicher Link\n\n**Was drin ist:** Formular-Baukasten (Felder per Ziehen anordnen, Wenn-Dann-Logik »zeige Feld X wenn …«, Live-Vorschau), 🌐 öffentliches Formular zum Teilen (Link, QR-Code, Einbetten), Antworten-Übersicht\n\n**So funktioniert's:** Was nach dem Absenden passiert, ist einstellbar: Anfrage/Aufgabe anlegen, Mail senden, Automation starten. Dieselben Formulare stecken auch in HR-Anträgen und der Terminbuchung.","x":2560,"y":2160,"width":460,"height":360,"color":"1"},
|
||||
{"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":"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":"401d8270854bebac","type":"text","text":"## Team-Chat 📱\n**Ticket:** `D-CHAT` · **Status:** ⬜ offen\n**Wo:** `/chat`\n\n**Was drin ist:** Channel-Liste, Chat-Verlauf (Antwort-Threads, Emoji-Reaktionen, gelesen-von, Anhänge), Erwähnungen mit @, angepinnte Nachrichten, Suche, Direktnachrichten\n\n**So funktioniert's:** Jedes Projekt kann seinen eigenen Channel haben (Team wird automatisch synchron gehalten). Monteure: vereinfachte Handy-Ansicht mit Foto-Direktupload. Admin kann DMs nur mit Begründung einsehen.","x":5077,"y":2160,"width":460,"height":360,"color":"2"},
|
||||
{"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":"50945ed6e43505ce","type":"text","text":"## Benachrichtigungen\n**Ticket:** `D-P3` (Teil) · **Status:** 🟡 vorgeplant (Screens validiert, Subframe offen)\n**Wo:** Glocke oben + Einstellungen\n\n**Was drin ist:** Glocke mit Ungelesen-Zähler + aufklappbare Liste (Klick springt zur Sache), eigene Seite mit allen Meldungen, Einstellungen: pro Ereignis-Typ wählen ob In-App und/oder E-Mail\n\n**So funktioniert's:** Wird von allen Features gespeist (neue Anfrage, Aufgabe fällig, Antrag genehmigt …). Master-Schalter »alle E-Mails aus«.","x":6077,"y":2160,"width":460,"height":360,"color":"5"},
|
||||
{"id":"43a26561f03f72da","type":"file","file":"02 Wireframes/P3 Querschnitt/WF-P3 Benachrichtigungen/WF-P3 Benachrichtigungen.canvas","x":6077,"y":2560,"width":460,"height":220},
|
||||
{"id":"b3cad562971d30a5","type":"text","text":"## App-Gerüst (Sidebar, Topbar & Design)\n**Ticket:** `D-D0a` · **Status:** ✅ gebaut (David, in Subframe)\n**Wo:** überall in der App\n\n**Was drin ist:** Sidebar (Module ein-/ausblendbar je Abo, Handy-Variante 📱), Topbar (Workspace-Wechsler, Suche, Glocke, Profil-Menü), Breadcrumb, Warn-Banner (z. B. »Zahlung offen«), Erfolgs-/Fehlermeldungen\n\n**Stand:** Bereits gebaut und validiert. Der Rahmen, in dem jedes Feature steckt — inkl. Farben, Schriften, Hell/Dunkel.","x":-100,"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":"e6d8c36a0f89d954","type":"text","text":"## Automationen: Übersicht & Verläufe\n**Ticket:** `D-P12` · **Status:** ⬜ offen\n**Wo:** `/automations`\n\n**Was drin ist:** Liste aller Automationen (aktiv/pausiert/Entwurf), Lauf-Protokolle Schritt für Schritt in Klartext, Vorlagen-Katalog (SHK-Vorlagen + eigene)\n\n**So funktioniert's:** Jeder Lauf ist nachvollziehbar; 24 h lang rückgängig machbar (Countdown-Knopf), fehlgeschlagene Schritte neu anstoßen.","x":3067,"y":3100,"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":"a-integrationen-pkg","type":"file","file":"02 Wireframes/P5 Integrationen/WF-P5 Integrationen/WF-P5 Integrationen.canvas","x":5537,"y":3500,"width":460,"height":220}
|
||||
],
|
||||
"edges":[
|
||||
{
|
||||
"id":"4ab78034e8253353",
|
||||
"styleAttributes":{"path":"dotted","pathfindingMethod":"direct"},
|
||||
"fromNode":"b3cad562971d30a5",
|
||||
"fromSide":"right",
|
||||
"toNode":"d53e7ea48a9b1e6c",
|
||||
"toSide":"left",
|
||||
"color":"6",
|
||||
"label":"Design-Grundlage"
|
||||
},
|
||||
{
|
||||
"id":"493a2823934c45bb",
|
||||
"styleAttributes":{"path":"dotted","pathfindingMethod":"direct"},
|
||||
"fromNode":"3e27875daca5713d",
|
||||
"fromSide":"right",
|
||||
"toNode":"89c0813f7e139a88",
|
||||
"toSide":"left",
|
||||
"color":"6",
|
||||
"label":"nach dem Login"
|
||||
},
|
||||
{
|
||||
"id":"ec751d558a1aef74",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"fromNode":"8272764aa65537b0",
|
||||
"fromSide":"right",
|
||||
"toNode":"d9868dadb782f253",
|
||||
"toSide":"left",
|
||||
"color":"2",
|
||||
"label":"Kontakt anlegen/verknüpfen"
|
||||
},
|
||||
{
|
||||
"id":"154e632b2e5a645b",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"fromNode":"d9868dadb782f253",
|
||||
"fromSide":"right",
|
||||
"toNode":"e10a35560a461111",
|
||||
"toSide":"left",
|
||||
"color":"2",
|
||||
"label":"Kontakt hängt am Projekt"
|
||||
},
|
||||
{
|
||||
"id":"0c0d0ba4b21da4ee",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"fromNode":"e10a35560a461111",
|
||||
"fromSide":"right",
|
||||
"toNode":"4bb807ef5e3c8dee",
|
||||
"toSide":"left",
|
||||
"color":"2",
|
||||
"label":"gewonnen → Auftrags-Board"
|
||||
},
|
||||
{
|
||||
"id":"b43edef178d41dd6",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"fromNode":"4bb807ef5e3c8dee",
|
||||
"fromSide":"right",
|
||||
"toNode":"3f83fa1a16ae69df",
|
||||
"toSide":"left",
|
||||
"color":"2",
|
||||
"label":"Termine einplanen"
|
||||
},
|
||||
{
|
||||
"id":"c45adb9c0c551e38",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"fromNode":"3f83fa1a16ae69df",
|
||||
"fromSide":"right",
|
||||
"toNode":"d9ad572ae83b4d0a",
|
||||
"toSide":"left",
|
||||
"color":"2",
|
||||
"label":"Ausführung → Abnahme"
|
||||
},
|
||||
{
|
||||
"id":"47be96e20dcfa86a",
|
||||
"styleAttributes":{
|
||||
"pathfindingMethod":null
|
||||
},
|
||||
"fromFloating":false,
|
||||
"fromNode":"d9ad572ae83b4d0a",
|
||||
"fromSide":"bottom",
|
||||
"toNode":"4bb807ef5e3c8dee",
|
||||
"toSide":"bottom",
|
||||
"color":"2",
|
||||
"label":"Mängel → Aufgaben · dann Rechnung"
|
||||
},
|
||||
{
|
||||
"id":"2ec97abebcf1dcce",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"fromNode":"ce5632682989a6ca",
|
||||
"fromSide":"bottom",
|
||||
"toNode":"8272764aa65537b0",
|
||||
"toSide":"top",
|
||||
"color":"5",
|
||||
"label":"Demo-Anfrage"
|
||||
},
|
||||
{
|
||||
"id":"4b89b1105393e48f",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"toFloating":false,
|
||||
"fromNode":"6b8c7d3bc3ee7449",
|
||||
"fromSide":"top",
|
||||
"toNode":"8272764aa65537b0",
|
||||
"toSide":"bottom",
|
||||
"color":"5",
|
||||
"label":"Formular → Anfrage"
|
||||
},
|
||||
{
|
||||
"id":"bc139947ce483198",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"fromNode":"77ebfde5a3a05b8a",
|
||||
"fromSide":"top",
|
||||
"toNode":"8272764aa65537b0",
|
||||
"toSide":"bottom",
|
||||
"color":"5",
|
||||
"label":"Buchung → Anfrage/Termin"
|
||||
},
|
||||
{
|
||||
"id":"57a256b64d1a2d76",
|
||||
"styleAttributes":{"pathfindingMethod":"direct"},
|
||||
"fromFloating":false,
|
||||
"fromNode":"29ca06733a9b243b",
|
||||
"fromSide":"top",
|
||||
"toNode":"8272764aa65537b0",
|
||||
"toSide":"bottom",
|
||||
"color":"5",
|
||||
"label":"Anruf von unbekannt → Anfrage"
|
||||
},
|
||||
{
|
||||
"id":"78fca84da3e723b6",
|
||||
"styleAttributes":{"path":"long-dashed","pathfindingMethod":"direct"},
|
||||
"fromNode":"00d6b92d3845c185",
|
||||
"fromSide":"top",
|
||||
"toNode":"d9868dadb782f253",
|
||||
"toSide":"bottom",
|
||||
"label":"E-Mails am Kontakt sichtbar (ganzer Bereich)"
|
||||
},
|
||||
{
|
||||
"id":"8792d0c809babff2",
|
||||
"styleAttributes":{
|
||||
"path":"long-dashed",
|
||||
"pathfindingMethod":null
|
||||
},
|
||||
"fromFloating":false,
|
||||
"fromNode":"03e8e03ef11606a0",
|
||||
"fromSide":"top",
|
||||
"toNode":"3f83fa1a16ae69df",
|
||||
"toSide":"bottom",
|
||||
"label":"Urlaub/krank → Konflikt-Warnung"
|
||||
},
|
||||
{
|
||||
"id":"ce4441bfdc6a11cc",
|
||||
"styleAttributes":{"path":"long-dashed","pathfindingMethod":"direct"},
|
||||
"fromNode":"28bd46ecb4eaa069",
|
||||
"fromSide":"top",
|
||||
"toNode":"3f83fa1a16ae69df",
|
||||
"toSide":"bottom",
|
||||
"label":"Kalender-Abgleich"
|
||||
},
|
||||
{
|
||||
"id":"77081523e546eebe",
|
||||
"styleAttributes":{"path":"long-dashed","pathfindingMethod":"direct"},
|
||||
"fromFloating":false,
|
||||
"fromNode":"b789fc765f833f45",
|
||||
"fromSide":"top",
|
||||
"toNode":"4bb807ef5e3c8dee",
|
||||
"toSide":"bottom",
|
||||
"label":"hängt an der Projekt-Akte"
|
||||
},
|
||||
{
|
||||
"id":"e6c0f9dda77f8d85",
|
||||
"styleAttributes":{"path":"long-dashed","pathfindingMethod":"direct"},
|
||||
"fromNode":"401d8270854bebac",
|
||||
"fromSide":"top",
|
||||
"toNode":"4bb807ef5e3c8dee",
|
||||
"toSide":"bottom",
|
||||
"label":"Projekt-Channel im Projekt"
|
||||
},
|
||||
{
|
||||
"id":"65bd180bf263096e",
|
||||
"styleAttributes":{"path":"long-dashed","pathfindingMethod":"direct"},
|
||||
"fromNode":"e10a35560a461111",
|
||||
"fromSide":"top",
|
||||
"toNode":"89c0813f7e139a88",
|
||||
"toSide":"bottom",
|
||||
"label":"Zahlen fürs Dashboard"
|
||||
},
|
||||
{
|
||||
"id":"dc15b80a5a4410c9",
|
||||
"styleAttributes":{"path":"long-dashed","pathfindingMethod":"direct"},
|
||||
"fromFloating":false,
|
||||
"fromNode":"db76161d24fb0c1d",
|
||||
"fromSide":"right",
|
||||
"toNode":"c8d8914e45e1497e",
|
||||
"toSide":"left",
|
||||
"label":"Feedback → Support-Inbox"
|
||||
},
|
||||
{
|
||||
"id":"0bb07aa23fe6a9f2",
|
||||
"styleAttributes":{"path":"short-dashed","pathfindingMethod":"direct"},
|
||||
"fromNode":"28bd46ecb4eaa069",
|
||||
"fromSide":"left",
|
||||
"toNode":"77ebfde5a3a05b8a",
|
||||
"toSide":"right",
|
||||
"label":"freie Zeiten"
|
||||
},
|
||||
{
|
||||
"id":"cc8ccd69ae4f9435",
|
||||
"styleAttributes":{"path":"short-dashed","pathfindingMethod":"direct"},
|
||||
"fromNode":"8f3127f03a5bab96",
|
||||
"fromSide":"right",
|
||||
"toNode":"e6d8c36a0f89d954",
|
||||
"toSide":"left",
|
||||
"label":"Baukasten ↔ Übersicht"
|
||||
}
|
||||
],
|
||||
"metadata":{
|
||||
"version":"1.0-1.0",
|
||||
"frontmatter":{}
|
||||
}
|
||||
}
|
||||
@@ -36,7 +36,7 @@ Gesamtkarte aller HiveGrid-v1-Features. Eine Karte = **ein Feature** (so benannt
|
||||
|
||||
| Feature | Bereich | Ticket(s) | Aufwand | Status |
|
||||
|---|---|---|---|---|
|
||||
| App-Gerüst (Sidebar, Topbar & Design) | Basis | D-D0a | 🔴 | ⬜ offen |
|
||||
| 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 |
|
||||
@@ -57,14 +57,14 @@ Gesamtkarte aller HiveGrid-v1-Features. Eine Karte = **ein Feature** (so benannt
|
||||
| Digital unterschreiben (E-Signatur) | Termine & Formulare | D-P16 (Teil) | 🔵 | ⬜ offen |
|
||||
| Team-Chat 📱 | Kommunikation | D-CHAT | 🟠 | ⬜ offen |
|
||||
| Telefonie (Anrufe) | Kommunikation | D-P15 | 🔵 | ⬜ offen |
|
||||
| Benachrichtigungen | Kommunikation | D-P3 (Teil) | 🔵 | ⬜ offen |
|
||||
| Aufgaben | Aufgaben & Dateien | D-P4 (Teil) | 🔵 | ⬜ offen |
|
||||
| Dateien | Aufgaben & Dateien | D-P4 (Teil) | 🔵 | ⬜ 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 | ⬜ offen |
|
||||
| Automationen: Übersicht & Verläufe | Automationen | D-P12 | 🟠 | ⬜ offen |
|
||||
| HR-Bereich 📱 | HR | D-HR | 🔵 breit | ⬜ offen |
|
||||
| Integrationen (Apps verbinden) | Verwaltung | D-P5 | 🔵 | ⬜ offen |
|
||||
| Aktivitäts-Protokoll (Audit-Log) | Verwaltung | D-P3 (Teil) | 🔵 | ⬜ 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 |
|
||||
@@ -138,13 +138,14 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
|
||||
|
||||
### Basis
|
||||
|
||||
#### App-Gerüst (Sidebar, Topbar & Design) — `D-D0a` — ⬜ offen
|
||||
- [ ] Design-Grundlagen: Farben, Schriften, Abstände, Hell/Dunkel ohne Aufblitzen
|
||||
- [ ] Sidebar: Module je Abo ein-/ausblendbar, Bereiche »Arbeit« + »Verwaltung«, einklappbar, Handy-Variante 📱
|
||||
- [ ] Topbar: Workspace-Wechsler, Such-Knopf (Cmd+K), Benachrichtigungs-Glocke, Profil-Menü
|
||||
- [ ] Breadcrumb (Pfad-Anzeige bis zum Datensatz)
|
||||
- [ ] Warn-Banner-System (Zahlung offen / eingefroren / Löschung geplant / gesperrt — stapelbar)
|
||||
- [ ] Erfolgs-/Fehlermeldungen in Klartext mit Lösungs-Knopf
|
||||
#### 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)
|
||||
@@ -320,29 +321,35 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
|
||||
- [ ] Meldung bei eingehendem Anruf; unbekannte Nummer → automatisch neue Anfrage
|
||||
- v2: HalloPetra (KI-Telefonassistent).
|
||||
|
||||
#### Benachrichtigungen — `D-P3` (Teil) — ⬜ offen
|
||||
- [ ] Glocke mit Ungelesen-Zähler + Aufklapp-Liste (Klick springt direkt zur Sache)
|
||||
- [ ] Eigene Seite mit allen Meldungen (Reiter Alle/Ungelesen, als gelesen markieren, aufräumen)
|
||||
- [ ] Einstellungen: je Ereignis-Typ wählbar In-App und/oder E-Mail, Master-Schalter »alle E-Mails aus«
|
||||
- [ ] Klartext-Hinweis, wenn Mails nicht ankommen
|
||||
#### 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) — ⬜ offen
|
||||
- [ ] Aufgaben-Liste (Meine / von mir erstellt / Alle, Filter, Mehrfach-Aktionen, Schnell-Aktionen in der Zeile)
|
||||
- [ ] Aufgabe: Frist (überfällig = rot), Priorität, zuständig Person ODER Gruppe, Beobachter, Verknüpfung zu Kontakt/Projekt/…
|
||||
- [ ] Herkunft sichtbar: von Hand / aus Chat / aus Formular / aus Automation — mit Link zur Quelle
|
||||
- [ ] Neue Aufgabe als Dialog (auch vorbefüllt aus einer Detailseite heraus)
|
||||
- [ ] Als Reiter in jeder Detailseite eingebettet (»Aufgabe anlegen« direkt dort)
|
||||
- [ ] Erinnerungs-Hinweise (vor / bei / nach Frist), Auto-Archiv nach 30 Tagen
|
||||
#### 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) — ⬜ offen
|
||||
- [ ] Datei-Übersicht (Tabelle/Kacheln, Filter nach Verknüpfung/Typ/Tags, Mehrfach-Aktionen inkl. ZIP-Download)
|
||||
- [ ] Upload per Drag&Drop (mehrere gleichzeitig, Fortschritt je Datei, Fehler + erneut versuchen)
|
||||
- [ ] Datei-Detail (Vorschau Bild/PDF, iPhone-Fotos werden automatisch JPG, Tags, Notizen, Verknüpfungen mit Rolle)
|
||||
- [ ] Als vorgefilterte Sektion in jeder Detailseite eingebettet
|
||||
- v2: Datei-Versionen, Office-/Video-Vorschau, Texterkennung.
|
||||
#### 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
|
||||
|
||||
@@ -376,20 +383,24 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
|
||||
|
||||
### Verwaltung
|
||||
|
||||
#### Integrationen (Apps verbinden) — `D-P5` — ⬜ offen
|
||||
- [ ] App-Katalog (nach Kategorie, Logo, Status-Ampel, aktive Verbindungen)
|
||||
- [ ] Verbindung einrichten: Schritt-für-Schritt (Voraussetzungen → Zugangsdaten → Test → erster Abgleich)
|
||||
- [ ] Verbindungs-Verwaltung (mehrere je App, neu verbinden, trennen mit Nachfrage)
|
||||
- [ ] Abgleich-Verlauf in Klartext (»32 Kontakte aktualisiert, 2 Fehler«) mit Detail-Ansicht
|
||||
- [ ] Zustands-Ampel (läuft / hakt / kaputt / getrennt) mit Lösungs-Hinweisen
|
||||
#### 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) — ⬜ offen
|
||||
- [ ] Protokoll-Liste: wer (Mensch/Automation/Agent/Admin), wann, was — als deutscher Klartext-Satz, mit Filtern
|
||||
- [ ] Detail-Ansicht mit Vorher/Nachher-Vergleich Feld für Feld
|
||||
- [ ] Export mit Pflicht-Angabe des Zwecks (Jobs mit Status + Download)
|
||||
- [ ] »Verlauf dieses Objekts« als einblendbare Leiste an jeder Detailseite
|
||||
#### 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)
|
||||
@@ -441,4 +452,4 @@ Abhaken = in der groben Planung berücksichtigt (Screens/Flow verortet). Quelle:
|
||||
| 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? Layout-Standards sind validiert, das Shell-Ticket steht noch auf »geplant« | offen (David) |
|
||||
| 4 | ~~D-D0a (App-Gerüst) offiziell abschließen?~~ → Von David gebaut und abgenommen (2026-07-08). Ticket-Handoff-Datei noch anlegen. | erledigt |
|
||||
@@ -0,0 +1,116 @@
|
||||
---
|
||||
kind: decisions
|
||||
project: HiveGrid Screen Project
|
||||
area: HiveGrid Map
|
||||
topic: Infrastruktur & Navigation
|
||||
status: in Arbeit
|
||||
stand: 2026-07-08
|
||||
---
|
||||
|
||||
# Infrastruktur & Navigation
|
||||
|
||||
High-Level-Entscheidungen: wo Tools in der UI sitzen, wie sie heißen, wie man zu Einstellungen kommt. Grundsatz: **Wir weichen nicht vom Repo ab** — welche Tools es gibt und was sie können, ist fix. Hier geht es nur um Platzierung, Benennung und Navigation. Echte Repo-Fehler werden markiert und gefixt.
|
||||
|
||||
## 1. Sidebar — Ist-Stand (von David gebaut, 2026-07-08)
|
||||
|
||||
| Gruppe | Punkte |
|
||||
|---|---|
|
||||
| 1 | Dashboard · Kontakte · Leads · Pipelines · Aufgaben |
|
||||
| 2 | Kalender · Terminbuchung · Dateien · Formulare |
|
||||
| 3 | Chat · Telefonie · Marketing |
|
||||
| 4 | Automation · KI |
|
||||
| 5 | Integrationen · Einstellungen |
|
||||
|
||||
Die Gruppierung mit Trennlinien ist validiert und bleibt.
|
||||
|
||||
## 2. Abgleich mit dem Repo — nötige Anpassungen
|
||||
|
||||
Alle Punkte am 2026-07-08 mit David entschieden:
|
||||
|
||||
| # | Punkt | Befund | Entscheidung |
|
||||
|---|---|---|---|
|
||||
| 1 | „Dashbord" | Tippfehler | ✅ → „Dashboard" (David fixt in Subframe) |
|
||||
| 2 | „KI"-Punkt | Kein KI-Layer in v1 (AD-26); HiveGrid wird von außen per MCP angesteuert | ✅ Punkt wird zu **„MCP"** umbenannt (MCP-Server-Anbindung). Achtung: Feature selbst ist v2 (VR-MCP) — Punkt in v1 als gesperrter „bald"-Platzhalter behandeln |
|
||||
| 3 | Plantafel fehlt | Kern-Werkzeug, eigene Route `/projects/plantafel` | ✅ rein — Gruppe 2 (Planung), neben Kalender |
|
||||
| 4 | HR fehlt | Eigenes Modul `/hr` | ✅ rein — unterste Arbeits-Gruppe (Abo-Modul, ggf. mit Schloss) |
|
||||
| 5 | „Pipelines" als Label | UI-Label ist Davids Freiheit | ✅ bleibt **„Pipelines"** |
|
||||
| 6 | „Leads" als Label | UI-Label ist Davids Freiheit | ✅ bleibt **„Leads"** |
|
||||
| 7 | „Automation" | Spec-Sidebar hatte Automationen vergessen — Davids Sidebar hat es richtig drin | ✅ bleibt |
|
||||
| 8 | „Integrationen" als Top-Punkt | Repo-Route `/admin/integrations` | ✅ bleibt eigener Punkt — Default für Admin; Sichtbarkeit für andere später über Rollen/Rechte |
|
||||
|
||||
**Ziel-Sidebar v1** (Änderungen fett):
|
||||
|
||||
| Gruppe | Punkte |
|
||||
|---|---|
|
||||
| 1 | Dashboard · Kontakte · Leads · Pipelines · Aufgaben |
|
||||
| 2 | Kalender · Terminbuchung · **Plantafel** · Dateien · Formulare |
|
||||
| 3 | Chat · Telefonie · Marketing |
|
||||
| 4 | Automation · **MCP** (v1 gesperrt) · **HR** |
|
||||
| 5 | Integrationen · Einstellungen |
|
||||
|
||||
## 3. Einstellungen — ein Hub, kein separater Admin-Tab ✅ (Empfehlung, zu bestätigen)
|
||||
|
||||
Frage war: „Einstellungen" und zusätzlich ein eigener „Admin"-Tab? Entscheidung Vorschlag:
|
||||
|
||||
**EIN Punkt „Einstellungen"**, innen getrennt durch die Seitennavigation. Begründung:
|
||||
- SHK-Betriebe sind klein — der Chef IST der Admin. Zwei Orte („wo war das nochmal — Einstellungen oder Admin?") erzeugen genau die Verwirrung, die wir vermeiden wollen.
|
||||
- P2 hat das Muster schon validiert und gebaut: „Einstellungen → Mitarbeiter" mit Tabs. Mitarbeiter & Rollen gehören also in die Einstellungen. ✅
|
||||
- Was man nicht darf, sieht man nicht (Permission-Gate blendet Workspace-Sektionen für Nicht-Admins aus) — die Trennung passiert über Rechte, nicht über zwei Menüpunkte.
|
||||
|
||||
Grobe Innen-Gliederung (Detail kommt beim jeweiligen Feature):
|
||||
- **Persönlich:** Profil · Sicherheit · Benachrichtigungen
|
||||
- **Team:** Mitarbeiter & Rollen *(gebaut, P2)*
|
||||
- **Daten:** Eigene Felder · Tags · Duplikate
|
||||
- **Verbindungen:** Integrationen · E-Mail-Domain · Telefonie · Kalender
|
||||
- **Workspace:** Abo & Rechnungen · Aktivitäts-Protokoll · Datenschutz · Demo-Daten & Erste Schritte
|
||||
|
||||
## 4. Zentral vs. atomar — die Unterscheidungsregel ✅
|
||||
|
||||
Davids Anforderung: klare Trennung, damit niemand rätselt, wo eine Einstellung lebt.
|
||||
|
||||
**Faustregel:**
|
||||
- **Im Tool (atomar):** alles, was verändert, wie DIESES Tool aussieht und arbeitet — oft pro Nutzer oder pro Board. Beispiele: Kanban — welche Felder auf der Karte sichtbar sind, wo sie sitzen, Feld-Verschieben; Listen-Spalten konfigurieren; Filter; Plantafel-Ansicht; Formular-Builder selbst; Buchungsseiten + Verfügbarkeit im Terminbuchungs-Tool.
|
||||
- **In den Einstellungen (zentral):** alles, was Struktur, Menschen, Rechte, Geld, Daten oder Verbindungen betrifft und workspace-weit gilt. Beispiele: Mitarbeiter & Rollen, Pipeline-Struktur (welche Boards existieren, Spalten, Pflichtfelder, wer sie sieht), eigene Felder, Tags, Integrationen, Abo, Datenschutz.
|
||||
- **Brücke:** Tools mit zentralen Einstellungen bekommen einen klar beschrifteten Einstieg im Tool-Header (z. B. „Board verwalten" im Kanban) — der springt in die Einstellungen (gleiche Seite, kein Duplikat). Beschriftet, nicht nur ein Zahnrad-Icon, damit klar ist: Das führt woanders hin.
|
||||
|
||||
Merksatz: **„Ansicht & Arbeitsweise = im Tool. Struktur & Rechte = in den Einstellungen."**
|
||||
|
||||
## 5. Mobile ✅
|
||||
|
||||
- v1 mobil = **responsive PWA-Version der Web-App** (kein eigenes App-Design), Monteur-Flächen (Plantafel „Heute", Abnahme, Chat) sind mobile-first designt.
|
||||
- Bottom-Nav (Handy): **Heute (meine Termine) · Projekte · Aufgaben · Chat · Mehr** — Chat wird mitgeplant, auch wenn er zum Start evtl. noch nicht fertig ist.
|
||||
- Monteur landet nach Login auf seinem Monteur-Dashboard (= genau diese „Heute"-Inhalte laut Spec).
|
||||
|
||||
## 6. Abo-Gating: Schloss statt unsichtbar ✅
|
||||
|
||||
Nicht gebuchte Module bleiben **sichtbar mit Schloss + „Freischalten"-Hinweis** — Luft nach oben soll offensichtlich sein. Der Admin kann sie zusätzlich aktiv ausblenden. (Repo unterstützt beides: „ausgeblendet/gesperrt".)
|
||||
|
||||
## 7. Rollen-Ansichten: erst am Ende ✅
|
||||
|
||||
Wir designen jetzt überall die **Maximalansicht (Admin sieht alles)**. Rollen-/Persona-Sichten (Chef/Büro/Monteur) werden ganz am Ende als eigener Durchgang geplant. Ausnahme: Monteur-Mobil-Flächen, die per Spec mobile-first sind (Plantafel, Abnahme), werden direkt mitgedacht.
|
||||
|
||||
## 8. Bearbeitungs-Reihenfolge: nach Abhängigkeiten ✅
|
||||
|
||||
Gemäß blocked-by der Tickets — erst Querschnitt (wird überall eingebettet), dann die Kern-Kette, dann Zubringer:
|
||||
|
||||
| # | Feature | Ticket | Warum an dieser Stelle |
|
||||
|---|---|---|---|
|
||||
| 1 | Benachrichtigungen + Aktivitäts-Protokoll | D-P3 | Querschnitt: Glocke + Verlaufs-Drawer stecken in jedem Feature |
|
||||
| 2 | Aufgaben + Dateien | D-P4 | Querschnitt: Reiter in jeder Detailseite |
|
||||
| 3 | Integrationen | D-P5 | Framework für alle Verbindungs-Karten (E-Mail, Telefonie, Kalender, Signatur) |
|
||||
| 4 | Kontakte & Organisationen | D-CRM | Detailseite = Vorlage für ALLE Detailseiten |
|
||||
| 5 | Lead-Eingang | D-P7 | Start der Kette |
|
||||
| 6 | Kanban-Board & Pipelines | D-P8 + D-KANBAN | Kern der Kette |
|
||||
| 7 | Projekt-Akte / Plantafel / Abnahme | D-P9, D-PLAN, D-ABN | Auftrags-Kette |
|
||||
| 8 | danach | Zubringer + Rest | Formulare, Terminbuchung, Kalender, Chat, Telefonie, Marketing, Automationen, HR, Dashboard/Suche, Verwaltung |
|
||||
|
||||
Langläufer-Hinweis: Der **Automations-Baukasten (D-FLOW)** ist die schwerste UI und sollte parallel früh angerissen werden, sobald die Querschnitts-Runde durch ist.
|
||||
|
||||
## Offene Punkte aus dieser Runde
|
||||
|
||||
- [x] KI-Punkt → wird „MCP" (v1 gesperrter Platzhalter) — entschieden 2026-07-08
|
||||
- [x] Plantafel + HR in die Sidebar — entschieden: beide rein
|
||||
- [x] Labels „Pipelines" und „Leads" — bleiben wie gebaut
|
||||
- [x] „Integrationen" — bleibt eigener Top-Punkt (Admin-Default, Sichtbarkeit via Rollen)
|
||||
- [ ] David: Sidebar in Subframe nachziehen (Dashboard-Tippfehler, MCP-Label, + Plantafel, + HR)
|
||||
- [ ] Einstellungen-Innen-Gliederung (Abschnitt 3) im Detail — wird beim jeweiligen Feature festgezurrt
|
||||
Reference in new issue
Block a user