Clickdummy · Stand und Inhalt

Status: Entwurf · lebt unter clickdummy/

React + Vite + TypeScript Klick-Prototyp. Persistenz via localStorage, keine echte Backend-Anbindung. Bildet die wichtigsten Workbench-Bildschirme als Demo nach.

Stack

Vite 5 + React 18 + TypeScript
Hash-basiertes Routing (#/cases/case-001), kein Router-Lib
Persistenz: localStorage mit Schlüssel adhoc-clickdummy.v1
Drag-&-Drop nativ via HTML5
Design: Tokens aus colors_and_type.css direkt eingebettet

Was ist umgesetzt

Bereich	Zustand
App-Shell mit Sidebar + Topbar	✅
Dashboard (Portfolio Cockpit)	✅ Szenario-Schalter, KPI-Row, Tochter-Bars, EK-Bedarf-Slider, Cases-Tabelle
Liegenschafts-Liste + -Detail	✅ inkl. Editor
Cases-Liste	✅
Case-Editor (5-Step-Wizard)	✅ Liegenschaft → Bedarf (Drag-Drop) → Annahmen → Ergebnis → Freigabe
Szenarien-Vergleich	✅ 4 Szenarien, Δ-Spalte, Klon-Funktion
Stammdaten	✅ 4 Tabs (Töchter, Provider, Tarife, Zähler)
Vertriebs-Doppelbildschirm	❌ in Doku skizziert, nicht im Klickdummy
Sprachsteuerung	❌ V2+
Feedback-System (Prompt-Proposal)	❌ in Doku skizziert

Was ist nicht umgesetzt (bewusst)

Auth, RBAC, Tenant-Isolation
Echte Datenbank, Audit, Outbox
Reports, PDF-Export
Multi-User, Sync

Der Klickdummy dient ausschließlich der UX-Validierung und Stakeholder-Demo.

Calc-Engine

src/lib/calc.ts spiegelt die Excel-Formeln aus dem Business-Case:

Per-VE-Werte je Tochter je Szenario aus 01-case-hauptblatt.md/03..08-*.md
CapEx-Berechnung aus 02-kapitaldienst.md
EK-Bedarf-Interpolation 5k → 100k VE
PV-Bilanz mit Mieterstrom + Einspeise-Anteil

Card-Highlight-Katalog

Unter clickdummy/public/card-highlights.html liegt eine separate HTML-Seite mit 22 Varianten für Brand-/Status-Markierungen an Karten — V11 (Corner-Notch) ist als Default in der Workbench gesetzt. Die Seite ist eine Diskussionsgrundlage für Designer, kein Teil der App selbst.

Lokal starten

cd clickdummy
pnpm install
pnpm dev

Öffnet auf http://127.0.0.1:5180. Dev-Reset über die Sidebar („Demo zurücksetzen”).

Beziehung zur Doku

Neue Komponenten/Patterns landen oft erst im Klickdummy, dann hier in der Doku.
Wenn die Doku einen Pattern beschreibt, der im Klickdummy fehlt: Status „in Doku skizziert”.
Wenn Klickdummy einen Pattern hat, der noch nicht in der Doku steht: bei nächster Iteration nachziehen.