Studios in MotionProjektkartei

Oberfläche der Zentrale

Wartet

Redesign der Zentrale, Kundenakte und Kundenmodus, Login, Ereignis-Timeline, Wiedervorlagen, Mail-Log und Mail-Bausteine, Usability-Runden

Bereich
Zentrale
Start
01.08.2026
Zuletzt
19.09.2026
Am Zug
René
Nächster Schritt, René

Nächste Aufräum-Runde mit René abstimmen (weitere Akte-Karten in Sektionen, Startseiten-Kacheln Runde 2, Feinschliff am Kundenbaum)

Zentrale (Manage HUB)Klick-Dummy KundenmodusVorschlag Kundenakte-Cockpit

Worum es geht

Die Zentrale (Manage HUB, manage.sim-tools.cloud) ist unsere Arbeitsoberfläche für alle Kunden. René wollte sie professioneller und aufgeräumter, weil bald Kunden damit in Berührung kommen, und leichter bedienbar, wenn er für einen Kunden arbeitet. Daraus wurden ein neues Design, die Kundenakte mit Kopfkarte, der Kundenmodus (Kunde oben links wählen, links nur dessen Bereiche), ein Login mit Benutzern, lesbare Ereignisse, Wiedervorlagen, ein Mail-Log und saubere Mail-Bausteine. Das Vorgehen ist Stück für Stück mit René („wir gehen das durch“).

Stand

  • Redesign (01./02.08., Hub v0.67.0 bis v0.68.0): Token-basiert, Hell als Standard, randlose Karten mit Schatten, volle Breite, Startseite mit KPI-Kacheln, Ereignis-Feed, gruppierte Navigation mit Icons. René: „viel besser als vorher“.
  • Kundenakte (03.08., v0.84.0): Kopfkarte mit Schnellaktionen, Reiter, Stammdaten und Impressum in mappings.stammdaten, Berichts-Archiv der versendeten PDFs. Umbenennen in der Kopfkarte (v0.92.0).
  • Login (06.08., v0.119.0): E-Mail und Passwort (Tabelle hub_benutzer), Benutzerverwaltung unter Betrieb › Einstellungen, Abmelden-Knopf, Video-Deko am Login.
  • Ambient-Hintergrund (08.08., v0.145.4): Koh-Tao-Bild 2 global auf allen Ansichten außer Login; Sticky-Fix v0.145.5.
  • Wiedervorlagen (03.08., v0.83.0): Erinnerungen mit Termin, Web-Push auf die PWA, API für Agenten, Assistenten-Tool erinnerung_anlegen.
  • Usability Runde 1 (16./17.08., v0.194.0 und v0.200.1): leise Ereignisse, Firmenname statt Schlüssel mit Link in die Akte, Lead-Detail statt Akte, „Ansehen“ je Freigabe-Zeile, Website-Freigabe-Tabelle mit Suche und Sortierung.
  • Kundenmodus (19.08., v0.211.0): Kundenwähler, Kundenbaum (Firma, Website, Kurse, Leads & Verkauf, Content-Service, SEO & Statistik, Aktivität), Kunden-Startseite, Strg+K, Direktlinks. Design-Einstellungen sitzen als eigenes Blatt Website › „Design & Darstellung“ (v0.213.5).
  • Ereignis-Timeline (21.08., v0.221.2): deutsche Sätze statt JSON, Bündeln in Minuten-Gruppen, Detailkarte mit Sprunglink; auf dem Handy abgenommen.
  • „Vorschau aktualisieren“ (21.08., v0.222.0): ein Knopf in der Kopfkarte bringt den Stand der Zentrale nach preprod, main nie.
  • Einbett-Schutz seit v0.217.2 SAMEORIGIN, damit eigene iframes (Bericht-PDF) funktionieren.
  • Design-Karten neu aufgebaut (29.08., v0.244.1 bis v0.244.3): Sektionen, Favicon-Gerätevorschau, ab 1400 px zweispaltig, Partner-Logos bei Studio-Software.
  • Anmeldemaske-Schleife behoben (30.08., v0.246.7): Render-Fehler zeigen einen roten Hinweis statt der Maske.
  • Mail-Log (30.08., v0.246.20): jede Mail über sendMail() in Tabelle mail_log (kein Inhalt, 400 Tage), Ansicht Betrieb › Mailversand. Mail-Bausteine (19.08., v0.214.x): mailKnopf, mailKasten, mailHervorhebung, Outlook-fest.
  • Navigation: Hauptbereiche zuklappbar (19.09., v0.326.0); Bereich Design mit Farben und Schriften aus dem Design-Pool (18.09., v0.317.0).

Offen

  • René Nächste Aufräum-Runde („Manage-Ops weiter optimieren“): gleiche Sektionen-Logik für Website-Setup & Adressen, Trainingsangebote, Studio-Software, Bilder & Fotos; Startseite der Zentrale; Kacheln aus Runde 2 der Usability-Runde.
  • René Feinschliff am Kundenbaum gemeinsam (Benennung, Sortierung, Bündelung), dazu der Knopf „Vorschau aktualisieren“ auch in der Kopfzeile des Kundenmodus (dort fehlt er, die Kopfkarte wird auf den Blatt-Seiten ausgeblendet).
  • René Startpasswort des Hauptnutzers pfeiffer@ selbst ändern, falls noch nicht geschehen (06.08., prüfen).
  • ich Karte „Studio-Software & Schnittstellen“ ist Magicline-only (Life X mit Agilea zeigt „Kein Magicline-Anbieter“), Modul-Matrix für Agilea und aidoo fehlt.
  • ich Folgeposten aus dem Redesign: Kontrast fg-3 auf s3 etwa 3,1 zu 1, Charts (Kosten, SEO) auf --c1 bis --c4, Ampel-Emojis in der Matrix durch .dot, ⚠️-Präfixe in Fehlermeldungen app-weit, Kundenflächen (Freigabeseite und Portal) im Kunden-Look.
  • ich eventSatz hat weitere Zweige, die ein bestimmtes Payload-Format annehmen: bei Gelegenheit gegen hub/src gegenlesen (läuft inzwischen über eventSatzSicher()).
  • ich Impressums-Stammdaten ziehen die Websites noch nicht automatisch (öffentlicher Endpunkt nach dem Muster der Öffnungszeiten bei Bedarf); fehlende Firmennamen der TYPO3-Altkunden bei René erfragen.
  • ich Wiedervorlagen: Auto-Regeln aus Hub-Events, Wiederholungen und Empfänger je Mitarbeiter sind bewusst nicht gebaut.
  • ich Neue Versandstellen immer mit log:-Angabe bauen; Mail-Log gilt erst seit dem Einbau.

Entscheidungen und Regeln

  • 2026-08-29: René will weitere Aufräum-Runden: Sektionen mit Überschrift und Untertitel, Funktionsbereiche trennen, ab 1400 px paarweise nebeneinander, keine Emojis als Symbole.
  • 2026-08-19: Kundenmodus: Standard ist kein Kunde (Manage HUB unverändert), Kundenwähler als Umschalter, jede Karte vollflächig statt Kachel mit Modal, Kunden-Startseite ja. Wegbeschreibungen für René immer über den Kundenbaum.
  • 2026-08-16: Muster für Dashboard-Kacheln: Firmenname (nie Schlüssel) als Link in die Akte, Klick auf ein Objekt öffnet das Objekt, technische Protokolle leise und aufklappbar.
  • 2026-08-08: Ambient-Hintergrund ist das Koh-Tao-Bild 2 global (Login ausgenommen); Bild 1 bleibt als Rollback im Repo.
  • 2026-08-02: Redesign nach Arclon-Stil nur als Stil, ohne Framework-Abhängigkeit; Hell als Start-Theme, SIM-Blau #009FE3 als Akzent, Schriften Sora und Hanken Grotesk.
  • Neue Akte-Karten brauchen ein data-akte-Attribut (und data-ck oder data-km) sowie eine Zeile in KM_BAUM, sonst sind sie unsichtbar oder im Kundenmodus unauffindbar.
  • Neue Ereignis-Typen brauchen Titel in EVENT_TITEL und Satz in eventSatz(); Auslöser schreiben felder, vorher, nachher mit.
  • Mail-Knöpfe nur über mailKnopf oder mailButton. Einbett-Schutz nie wieder auf DENY zurückdrehen. Versionsbump an drei Stellen, vor dem Bump die Version frisch lesen (Parallel-Sitzungen).
  • Der Design-Switcher gehört nie auf eine Kundendomain.

Verlauf

  1. v0.326.0 Hauptbereiche in der Navigation zuklappbar (1369f51).
  2. v0.317.0 Bereich Design in der Zentrale (bc06ace), v0.317.1 Design-Knöpfe ohne Umbruch (05430d9).
  3. Mail-Log, Hinweis zur Ad-hoc-Mail aus dem Hub-Container.
  4. v0.246.7 (5def6f1) Anmeldemaske-Schleife behoben; v0.246.20 Mail-Log.
  5. v0.244.1 (09a9641), v0.244.2 (69ee3de) und v0.244.3 (551198e) Design-Karten, Zweispaltigkeit, Partner-Logos.
  6. v0.221.2 Ereignis-Timeline lesbar; v0.222.0 (2aac658) und v0.222.1 (c4c5853) „Vorschau aktualisieren“.
  7. v0.217.2 (c95d847) Einbett-Schutz SAMEORIGIN.
  8. v0.211.0 (bc59045) Kundenmodus live; v0.213.5 Design-Blatt; v0.214.0 und v0.214.1 (ae738ae, f41b2b5) Mail-Bausteine.
  9. v0.200.1 Website-Freigabe-Tabelle.
  10. v0.194.0 Usability Runde 1.
  11. v0.143.1 bis v0.145.5 Ambient-Bilder und Sticky-Fix.
  12. Vorschlag Kundenakte-Cockpit (Klick-Dummy).
  13. v0.119.0 Login mit E-Mail und Passwort.
  14. v0.84.0 Kundenakte-Redesign; v0.83.0 Wiedervorlagen.
  15. Redesign gestartet, Demo-Artifact, am 01./02.08. umgesetzt (Hub v0.67.0 bis v0.68.0, Commits b759d22, 81703b7, 714b8cf).

Wo liegt was

  • Code (sim-ops): hub/public/app.js (Akte, Dashboard, Ereignisse), hub/public/kundenmodus.js (Baum, Suche), hub/public/style.css (Tokens), hub/public/nav.js (Navigation und Gruppen), hub/public/index.html; Hintergründe in hub/public/backgrounds/; hub/src/benutzer.ts (Login), wiedervorlagen.ts, mail.ts und mailCore.ts (Bausteine), mailLog.ts, vorschau.ts und vorschauCore.ts, berichtarchiv.ts, jobAnsicht.ts. Hilfetexte: hub/hilfe/*.admin.md (47 Dateien).
  • Zentrale: Kundenwähler oben links; Betrieb › Einstellungen (Benutzer), Betrieb › Mailversand, Betrieb › Wiedervorlagen, Betrieb › Website-Freigabe, Kundenakte › Kopfkarte (Umbenennen, Vorschau aktualisieren).
  • Tabellen und Dateien: hub_benutzer, mail_log, Wiedervorlagen-Tabelle, data/berichte-archiv/job-<id>.pdf. Spezifikation: sim-ops docs/redesign-zentrale-2026-08.md (verbindlich, mit Prüfprotokoll).
  • Zugang für Tests: Benutzer claude-qa@studios-in-motion.de (id 4, Passwort nur per PATCH /api/benutzer/4 setzbar); Anmeldung per POST /api/login mit Feld password. Screenshot-Weg: headless_shell mit Remote-Debugging plus playwright-core im Docker-Container.
  • Demo des Redesigns: Artifact https://claude.ai/code/artifact/97325c79-c48d-4441-9cbe-de24a612885c (Stand 01.08.). Vault: 20-Tools/Kundenakte.md, Zentrale Design.md, Zentrale Login und Benutzer.md, Wiedervorlagen.md, Vorschau aktualisieren.md, 40-Projekte/Kundenmodus Manage HUB.md, 10-System/Mail-Log.md.