Initial public upload from Projekte/hai-version-explainer

.codex/config.toml

@@ -0,0 +1,31 @@
+# Coding MCPs: project-local registration (2026-09-07).
+
+[mcp_servers.serena]
+command = "/home/smlflg/.local/share/coding-mcp/serena/.venv/bin/serena"
+args = ["start-mcp-server", "--context=codex", "--project", "/home/smlflg/Projekte/hai-version-explainer", "--enable-web-dashboard", "false", "--open-web-dashboard", "false", "--enable-gui-log-window", "false"]
+cwd = "/home/smlflg/Projekte/hai-version-explainer"
+enabled = true
+startup_timeout_sec = 120
+tool_timeout_sec = 180
+
+[mcp_servers.serena.env]
+"SERENA_HOME" = "/home/smlflg/.local/share/coding-mcp/serena/state"
+
+[mcp_servers.gitnexus]
+command = "/home/smlflg/.nvm/versions/node/v24.13.0/bin/node"
+args = ["/home/smlflg/.local/share/coding-mcp/gitnexus/node_modules/gitnexus/dist/cli/index.js", "mcp"]
+cwd = "/home/smlflg/Projekte/hai-version-explainer"
+enabled = true
+startup_timeout_sec = 120
+tool_timeout_sec = 180
+
+[mcp_servers.gitnexus.env]
+"GITNEXUS_HOME" = "/home/smlflg/.local/share/coding-mcp/gitnexus/runtime"
+
+[mcp_servers.context7]
+command = "/home/smlflg/.nvm/versions/node/v24.13.0/bin/node"
+args = ["/home/smlflg/.local/share/coding-mcp/context7/node_modules/@upstash/context7-mcp/dist/index.js"]
+cwd = "/home/smlflg/Projekte/hai-version-explainer"
+enabled = true
+startup_timeout_sec = 120
+tool_timeout_sec = 180

.gitattributes

@@ -33,3 +33,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+assets/reference/hai-intake-cockpit-dark.png filter=lfs diff=lfs merge=lfs -text
+assets/reference/hai-intake-cockpit-light.png filter=lfs diff=lfs merge=lfs -text

assets/app.js

@@ -0,0 +1,782 @@
+const VERSION_DATA = {
+  "v1-0": {
+    number: "V1.0",
+    title: "Ordnungs-Agent mit menschlichem Gate",
+    status: "gesicherter Snapshot",
+    oneLine: "V1.0 macht HAI erstmals wiederholbar: Projektlage, naechster Schritt und Ausfuehrung laufen durch ein menschliches Gate.",
+    skillstand: [
+      "Projektlage, Idee, Codezustand, Briefing, Minimierung und Execution-Loop werden als Artefakt-Kette gebaut.",
+      "Der Executor arbeitet nur auf akzeptierten EXECUTION_STEPs; der Validator prueft danach read-only."
+    ],
+    skills: ["project-state", "idea-spec", "code-state", "briefing", "minimize", "execution-loop"],
+    stand: "Erster gespeicherter agentischer HAI-Workflow vom 2026-05-08; praktisch brauchbar, aber aus BahnAgent/Testfall entstanden.",
+    problem: "Unklar, ob der Workflow ausserhalb des Ursprungstests generalisiert. Die alte Ordnung war noch nicht als wiederholbarer Projektmanagement-Prozess bewiesen.",
+    proposal: "V1 sichern, Rollen trennen und danach mit fremden Projekten pruefen. Nicht die Basis umbauen, bevor Generalisierung messbar ist.",
+    implementation: "HAI-Agent erzeugt PROJECT_STATE, PROMPT, CODE_STATE, BRIEFING und NEXT_STEP; akzeptierte EXECUTION_STEPs laufen ueber Executer und Validator.",
+    test: "Nachfolgender V1.1-Dreierlauf auf WerBinIch, NasaCode und PromptBoost.",
+    validationText: "2 PASS, 1 PARTIAL; kein BahnAgent-Overfit sichtbar, aber Root-Bindung und Reporting bleiben offen.",
+    method: "Methodischer Kern: erst reproduzierbaren Baseline-Snapshot sichern, dann Generalisierung getrennt evaluieren.",
+    good: ["Klare Trennung: planen, ausfuehren, validieren.", "Samuel bleibt Gate vor jeder Ausfuehrung."],
+    weak: ["Noch stark aus BahnAgent/Testfall geboren.", "Root-Bindung und dauerhafte Reports fehlen."],
+    next: "V1.1 muss beweisen, dass HAI auch ausserhalb des Ursprungstests den kleinsten sinnvollen Schritt findet.",
+    background: "Der erste Fortschritt ist nicht Autonomie, sondern Wiederherstellbarkeit.",
+    proof: ["EXECUTION_STEP Gate", "read-only Validator", "2 PASS / 1 PARTIAL"],
+    sources: [
+      { label: "V1 README", href: "../../V1/README.md" },
+      { label: "V1 Manifest", href: "../../V1/MANIFEST.md" }
+    ],
+    matrix: ["Artefakt-Kette", "Briefing entsteht", "Validator", "kaum", "hartes Execution-Gate"],
+    asciiArt: String.raw`
+                 V1.0  BASELINE / OWNER-GATE
+
+      MENSCH / OWNER
+      Zustand + Absicht
+            |
+            v
+   +------------------+      +------------------+
+   | PROJECT_STATE    | ---> | BRIEFING         |
+   +------------------+      +------------------+
+            |                         |
+            v                         v
+   +------------------+      +------------------+
+   | CODE_STATE       | ---> | NEXT_STEP        |
+   +------------------+      +---------+--------+
+                                      |
+                              HUMAN ACCEPT?
+                                no | yes
+                                   v
+                         +-------------------+
+                         | hai-executer      |
+                         +---------+---------+
+                                   |
+                                   v
+                         +-------------------+
+                         | hai-validator     |
+                         +---------+---------+
+                                   |
+                                   v
+                         EVIDENZ -> OWNER`,
+    website: {
+      storyTitle: "Vom Chaos zum ersten Owner-Gate",
+      storyLead: "V1.0 ist die erste HAI-Website ueber Wiederholbarkeit: nicht mehr Agent macht irgendwas, sondern Mensch akzeptiert einen konkreten Schritt.",
+      before: "Agentische Arbeit war moeglich, aber nicht stabil als Prozess greifbar.",
+      after: "PROJECT_STATE, BRIEFING, NEXT_STEP, Executer und Validator bilden eine kontrollierte Linie.",
+      ownerQuestion: "Hat Samuel nach dem Ruecklauf mehr Klarheit als vor dem Start?"
+    }
+  },
+  "v1-1": {
+    number: "V1.1",
+    title: "Generalisierung statt Demo-Fit",
+    status: "PARTIAL, Richtung stimmt",
+    oneLine: "V1.1 loest HAI vom Demo-Fit: Projektabsicht wird breiter gelesen, PromptGarage bleibt read-only, Human Gate bleibt hart.",
+    skillstand: [
+      "project-state -> user-wishlist -> idea-spec -> code-state -> briefing -> minimize -> execution-loop.",
+      "V1 bleibt stabil; Executor und Validator werden nicht umgebaut."
+    ],
+    skills: ["project-state", "user-wishlist", "idea-spec", "code-state", "briefing", "minimize"],
+    stand: "V1.1 ist der Generalization-Lernstand nach drei fremden Projekten: semantisch besser, aber noch PARTIAL.",
+    problem: "HAI hing zu stark an README/IDEA und schrieb bei PromptBoost Artefakte in den falschen Root-Kontext.",
+    proposal: "Intent-Quellen breiter lesen, PromptGarage nur read-only als historisches Quellenmaterial nutzen und Root-Bindung haerten.",
+    implementation: "Neuer Pre-Briefing-Schritt hai-user-wishlist; hai-idea-spec akzeptiert idea-aehnliche Dateien statt nur feste Dateinamen.",
+    test: "Manuelle Evaluation: WerBinIch PASS, NasaCode PASS, PromptBoost PARTIAL.",
+    validationText: "Generalisiert semantisch ueber drei Projekte; nicht clean PASS wegen Project-Root-Ambiguitaet und fehlendem durable Verification-Report.",
+    method: "Overfit-Test gegen neue Projektklassen statt Vertrauen in einen gelungenen Demo-Fall.",
+    good: ["HAI erkennt Projektabsicht breiter.", "PromptGarage wird nur read-only als Kontext genutzt."],
+    weak: ["Root-Bindung ist noch nicht sauber genug.", "Momentum und Verifikationsreport bleiben zu schwach."],
+    next: "V1.2 muss aus sicherem PARTIAL einen klareren PASS machen: Root bestaetigen, Verifikation dokumentieren, Nutzen zeigen.",
+    background: "Generalisierung heisst: Kontext nutzen, ohne ihn als Auftrag zu missverstehen.",
+    proof: ["2 PASS", "1 PARTIAL", "PromptGarage read-only"],
+    sources: [
+      { label: "V1.1 README", href: "../../V1.1/README.md" },
+      { label: "V1.1 Final Report", href: "../../docs/hai-architecture/v1_1_generalization_manual_eval_2026-05-08_1835/FINAL_GENERALIZATION_REPORT.md" }
+    ],
+    matrix: ["breiter Intent", "mehr Kontext", "manueller 3-Projekt-Test", "kaum", "Human Gate bleibt"],
+    asciiArt: String.raw`
+              V1.1  INTENT-DISCOVERY / WISHLIST
+
+                         MENSCH / OWNER
+                              |
+          aktuelle Anweisung  |  bleibt hoechste Quelle
+                              v
+      +-----------+   +---------------+   +-------------+
+      | README    |   | idea-aehnlich |   | Projektspur |
+      +-----+-----+   +-------+-------+   +------+------+
+            \                 |                  /
+             \                |                 /
+              v               v                v
+            +-------------------------------------+
+            |        hai-user-wishlist            |
+            | PromptGarage nur READ-ONLY          |
+            +------------------+------------------+
+                               |
+                               v
+            +-------------------------------------+
+            | idea-spec liest Intent breiter       |
+            +------------------+------------------+
+                               |
+                               v
+                     BRIEFING -> NEXT_STEP
+                               |
+                               v
+                  alte Spuren erklaeren, befehlen nicht`,
+    website: {
+      storyTitle: "Intent breiter lesen, ohne alte Prompts zu befehligen",
+      storyLead: "V1.1 zeigt HAI als Uebersetzer zwischen aktuellem Projekt und historischen Wunsch-Spuren.",
+      before: "HAI war zu abhaengig von README/IDEA und konnte fremde Projektformen misslesen.",
+      after: "Wishlist und breitere Intent-Discovery machen Kontext nuetzlich, aber PromptGarage bleibt read-only.",
+      ownerQuestion: "Bleibt die aktuelle menschliche Absicht hoeher priorisiert als alte Spuren?"
+    }
+  },
+  "v1-2": {
+    number: "V1.2",
+    title: "Von Projekt-Verstehen zu stabiler Ausfuehrung",
+    status: "validierter Zwischenschritt",
+    oneLine: "V1.2 verbessert Intent; die Bruchstelle wird Umsetzung.",
+    skillstand: [
+      "HAI erkennt mehr Quellen als IDEA/README und behandelt fehlende Standarddateien nur als Signal.",
+      "Gehaertet werden handoff, minimize, execution-loop, user-wishlist und idea-spec."
+    ],
+    skills: ["project-state", "wishlist", "idea", "code", "briefing", "minimize", "executor-handoff", "loop"],
+    stand: "V1.2 verbessert Projektwahrnehmung deutlich; die Hauptbruchstelle verschiebt sich zur Ausfuehrung.",
+    problem: "Sonnenuhr bekam einen zu grossen README-Step; schloss_PDF zeigte fragile Executor/Validator-Loop-Zustaende.",
+    proposal: "Atomization Gate haerten, NEXT_STEP fuer Menschen knapp lassen und daraus ein executor-klares Handoff erzeugen.",
+    implementation: "hai-minimize verlangt Step IDs und kleinere bounded surfaces; hai-executor-handoff erzeugt EXECUTOR_HANDOFF_NEXT_STEP; loop bekommt Timeout/No-Report-Zustaende.",
+    test: "Dreierlauf auf WG-Agent, Sonnenuhr und schloss_PDF; zusaetzlich meta-new-agent Review, doctor und Chat-Smoke.",
+    validationText: "Intent ca. 60 -> 85; PromptGarage 0 -> 80 brauchbar; Loop bleibt nur ca. 55-60 robust.",
+    method: "Methodisch: Fehlerklasse isolieren. Wenn Verstehen besser wird, wird die naechste Hypothese Ausfuehrungsrobustheit.",
+    good: ["Intent-Erkennung grob 60 -> 85.", "PromptGarage-Nutzung 0 -> 80, weiter immutable/read-only."],
+    weak: ["Loop nur 55-60 robust.", "Steps teils noch zu gross fuer saubere Ausfuehrung."],
+    next: "V1.3 muss pruefen, ob ein Schritt menschlich sinnvoll ist, nicht nur klein.",
+    background: "Projektverstehen generalisiert; jetzt muss HAI schlechte Arbeit aktiv verhindern.",
+    proof: ["Intent 60 -> 85", "PromptGarage 0 -> 80", "Loop 55-60", "3 Testprojekte"],
+    sources: [
+      { label: "V1.2 Report", href: "../../V1.2/V1_2_GENERALIZATION_REPORT.md" },
+      { label: "V1.2 Changelog", href: "../../V1.2/CHANGELOG.md" }
+    ],
+    matrix: ["85% grob", "Executor-Handoff", "doctor + meta PASS", "Loop-Gates", "weiter hart"],
+    asciiArt: String.raw`
+              V1.2  HANDOFF / ATOMIZATION ARCHITECTURE
+
+                 MENSCHLICH KNAPPER NEXT_STEP
+                              |
+                              v
+              +-------------------------------+
+              | Step-ID + Allowed Changes     |
+              | Atomizitaets-Gate             |
+              +---------------+---------------+
+                              |
+                 scope-identisch uebersetzen
+                              v
+              +-------------------------------+
+              | EXECUTOR_HANDOFF_NEXT_STEP    |
+              +---------------+---------------+
+                              |
+               +--------------+--------------+
+               |                             |
+               v                             v
+      +----------------+             +----------------+
+      | hai-executer   |             | watchdog gates |
+      +-------+--------+             | timeout/no rpt |
+              |                      +----------------+
+              v
+      +----------------+
+      | hai-validator  |
+      +-------+--------+
+              |
+              v
+      ACCEPT / REJECT / BLOCKED mit Beweis`,
+    website: {
+      storyTitle: "Kleiner Schritt heisst noch nicht ausfuehrbarer Schritt",
+      storyLead: "V1.2 ist die Website ueber Handoff: aus menschlich knappem NEXT_STEP wird executor-klare Arbeit.",
+      before: "Verstehen wurde besser, aber die Ausfuehrung blieb fragil.",
+      after: "Step-ID, Handoff, Timeout und No-Report-Gates machen Failure sichtbar.",
+      ownerQuestion: "Kann Samuel erkennen, ob die Maschine wirklich im erlaubten Scope blieb?"
+    }
+  },
+  "v1-3": {
+    number: "V1.3",
+    title: "Projekt-Sinn vor Agenten-Arbeit",
+    status: "eingefrorene akzeptierte Baseline",
+    oneLine: "V1.3 fragt nicht nur, ob ein Schritt klein ist, sondern ob er fuer Samuel ueberhaupt Sinn macht.",
+    skillstand: [
+      "HAI unterscheidet Build, Verify, Goal reached, Archive/Maintain und menschliche Entscheidung.",
+      "Neu: explain-better, Lifecycle-Gates, executor handoff und canonical NEXT_STEP refresh."
+    ],
+    skills: ["project-state", "explain-better", "minimize", "executor-handoff", "execution-loop", "lifecycle-gates"],
+    stand: "V1.3 ist die akzeptierte Baseline nach V1.4-PASS; installiert, gesichert und eingefroren.",
+    problem: "V1.2 konnte kleine Schritte erzeugen, die technisch korrekt, aber menschlich schlecht, stale oder sinnlos waren.",
+    proposal: "Vor NEXT_STEP nicht nur Atomizitaet pruefen, sondern Lifecycle und Human-Payoff: already works, goal reached, event passed, archive/maintain.",
+    implementation: "hai-explain-better zwischen Briefing und Minimize; Lifecycle-Gates; canonical NEXT_STEP refresh/blocking nach Human Redirect.",
+    test: "V1.3-Eval auf TypoTuner, PseudoLogikPyhthonCPP und HeumandenParty; danach V1.4-Proof-Run als Regression.",
+    validationText: "V1.3-Eval PARTIAL mit zwei Patches; V1.4-Proof danach PASS und keine Pflicht-Patches.",
+    method: "Nicht nur Output-Qualitaet messen, sondern menschlichen Nutzen und Stop-Bedingungen als Erfolgskriterium.",
+    good: ["Weniger Busywork und klarere NEXT_STEPs.", "Bessere Gates vor Deploy, Commit, Push und externem Zugriff."],
+    weak: ["Kein Produkt-Autopilot.", "Bei Auth, Hosting oder Entscheidung blockt HAI statt zu raten."],
+    next: "V1.4 muss die Baseline an frischen Projekten pruefen, ohne schon wieder umzubauen.",
+    background: "HAI wird ein Sinn-Filter vor kontrollierter Agentenarbeit.",
+    proof: ["V1.4 PASS", "No mandatory patch", "Lifecycle Gates", "Human Gate"],
+    sources: [
+      { label: "V1.3 Freeze", href: "../../V1.3/BASELINE_FREEZE.md" },
+      { label: "V1.3 Eval", href: "../../docs/hai-architecture/v1_3_generalization_manual_eval_2026-05-08_1953/FINAL_GENERALIZATION_REPORT.md" }
+    ],
+    matrix: ["Sinn statt nur klein", "NEXT_STEP refresh", "V1.4 PASS", "Blocken korrekt", "stark"],
+    asciiArt: String.raw`
+                 V1.3  LIFECYCLE-BREMSE / SINN-FILTER
+
+                         BRIEFING
+                            |
+                            v
+              +-----------------------------+
+              |      hai-explain-better     |
+              | Warum hilft dieser Schritt? |
+              +--------------+--------------+
+                             |
+                             v
+                    +----------------+
+                    | Lifecycle Gate |
+                    +--------+-------+
+                             |
+         +-------------------+-------------------+
+         |                   |                   |
+         v                   v                   v
+  ALREADY_WORKS        GOAL_REACHED       EVENT_PASSED
+      |                    |                   |
+      +---------+----------+---------+---------+
+                |                    |
+                v                    v
+        DECISION / STOP        ARCHIVE_OR_MAINTAIN
+                |
+                v
+      nur wenn sinnvoll: NEXT_STEP -> Execution
+
+          Erfolg = Arbeit verhindern, wenn Arbeit falsch ist`,
+    website: {
+      storyTitle: "Sinn-Bremse vor Busywork",
+      storyLead: "V1.3 macht HAI zur Scope-Maschine, die nicht nur Arbeit erzeugt, sondern schlechte Arbeit verhindert.",
+      before: "Ein kleiner technischer Schritt konnte trotzdem menschlich sinnlos sein.",
+      after: "Lifecycle-Gates erkennen ALREADY_WORKS, GOAL_REACHED und ARCHIVE_OR_MAINTAIN.",
+      ownerQuestion: "Wurde Samuel vor unnoetiger Agentenarbeit geschuetzt?"
+    }
+  },
+  "v1-4": {
+    number: "V1.4",
+    title: "Proof-Run fuer V1.3",
+    status: "Proof-Run, nicht installierbare Version",
+    oneLine: "V1.4 ist der Generalization-Proof: drei neue Projekte, drei Zustandslagen, kein neuer Agentenbau.",
+    skillstand: [
+      "Getestet wird die global installierte V1.3-Baseline, nicht eine neue installierbare Version.",
+      "Fokus: Lifecycle Gate, Explain-Better Gate, NEXT_STEP Refresh und Human Decision vor Deploy/Push."
+    ],
+    skills: ["v1.3-baseline", "lifecycle-test", "explain-better", "redirect-refresh", "regression-check"],
+    stand: "V1.4 ist Proof-Run, keine installierbare Version. Getestet wurde die global installierte V1.3-Baseline.",
+    problem: "Offen war, ob Lifecycle/Human-Payoff nur auf bekannten Faellen gut klingt oder in echten Projekten Busywork verhindert.",
+    proposal: "Drei neue Projektzustaende pruefen: unfertig aber low-payoff, deploy-gated Website, nahezu fertiges Portfolio.",
+    implementation: "Keine neue Runtime; Codex liest die von Samuel erzeugten Projek-Managment-Artefakte und Scorecards gegen definierte Fokusfragen.",
+    test: "BookmarkBrain, SandrasWritingWorld und PortfolioTimeline im manuellen V1.4-Eval vom 2026-05-10.",
+    validationText: "Gesamt PASS: BookmarkBrain PASS, SandrasWritingWorld BLOCKED_BUT_CORRECT, PortfolioTimeline PASS; keine Pflicht-Patches.",
+    method: "Methodisch: Proof-Run statt Feature-Run. Die Hypothese ist, ob HAI Arbeit stoppen kann, wenn Arbeit nicht mehr sinnvoll ist.",
+    good: ["HAI erkennt Build, Parken, Publizieren und menschliche Entscheidung besser.", "Der Run vermeidet stale oder low-payoff Busywork."],
+    weak: ["Kein Installationsstand.", "Proof ist manuell evaluiert und haengt an Projektartefakten."],
+    next: "V1.5 darf nur einen engen Repair-Pfad ergaenzen, ohne die akzeptierte Linie umzubauen.",
+    background: "Proof ist hier wichtiger als neue Features.",
+    proof: ["3 reale Projekte", "Gesamt PASS", "0 Pflicht-Patches", "Proof-only"],
+    sources: [
+      { label: "V1.4 Final Report", href: "../../docs/hai-architecture/v1_4_generalization_manual_eval_2026-05-10_1747/FINAL_GENERALIZATION_REPORT.md" },
+      { label: "V1.4 Run Notes", href: "../../docs/hai-architecture/v1_4_generalization_manual_eval_2026-05-10_1747/RUN_NOTES.md" }
+    ],
+    matrix: ["Proof statt Feature", "Baseline belegt", "3 reale Projekte", "indirekt", "entscheidet vor Deploy"],
+    asciiArt: String.raw`
+                    V1.4  PROOF-RUN / BASELINE TEST
+
+                       V1.3 BASELINE (frozen)
+                                |
+                                v
+              +-----------------------------------+
+              | Keine neue Runtime, nur Beweis    |
+              +-----------------+-----------------+
+                                |
+          +---------------------+----------------------+
+          |                     |                      |
+          v                     v                      v
+ +----------------+    +--------------------+   +----------------+
+ | BookmarkBrain  |    | SandrasWritingWorld|   | PortfolioLine  |
+ | PASS           |    | BLOCKED_BUT_CORRECT|   | PASS           |
+ +-------+--------+    +---------+----------+   +--------+-------+
+         \                       |                       /
+          \                      |                      /
+           v                     v                     v
+              +-----------------------------------+
+              | Generalization Verdict: PASS      |
+              | Pflichtpatches: 0                 |
+              +-----------------------------------+
+
+              Version als Produktbeweis, nicht Feature-Hype`,
+    website: {
+      storyTitle: "Proof-Website statt Feature-Website",
+      storyLead: "V1.4 ist die Website des Beweises: keine neue Magie, sondern frische Faelle gegen V1.3.",
+      before: "Unklar war, ob die Sinn-Bremse nur auf bekannten Faellen gut klingt.",
+      after: "Drei Projekte zeigen PASS/BLOCKED_BUT_CORRECT/PASS ohne Pflichtpatch.",
+      ownerQuestion: "Wird korrektes Stoppen als Erfolg anerkannt?"
+    }
+  },
+  "v1-5": {
+    number: "V1.5",
+    title: "Eskalieren, ohne Kontrolle abzugeben",
+    status: "zufriedenstellender aktueller Stand",
+    oneLine: "V1.5 bleibt eine testbare PM-Baseline: Gemini darf helfen, wenn ein Loop scheitert, aber nicht die Kontrolle uebernehmen.",
+    skillstand: [
+      "Stabile V1.3/V1.4-Linie plus Gemini-MCP Escalation Review.",
+      "Trigger: BLOCKED, REJECT, UNCLEAR, Timeouts, Step-ID- und Finalization-Konflikte."
+    ],
+    skills: ["native-mcp", "gemini-escalation", "execution-loop", "human-gate", "no-fanout"],
+    stand: "V1.5 ist ein kleiner Patch auf der akzeptierten V1.3/V1.4-Linie und aktuell zufriedenstellender PM-Stand.",
+    problem: "Execution-Loop-Failures brauchen Repair-Analyse, aber ein zweiter autonomer Validator oder breiter Agenten-Fanout wuerde Kontrolle verschieben.",
+    proposal: "Gemini-MCP nur bei BLOCKED, REJECT, UNCLEAR, Timeout, No-Report, Step-ID- oder Finalization-Konflikt als Escalation Review nutzen.",
+    implementation: "hai-execution-loop bekommt GEMINI_ESCALATION_REVIEW_NEXT_STEP als Artefaktvertrag; Gemini darf Repair triggern, aber nicht Scope erweitern.",
+    test: "V1.5-Eval am 2026-05-25 auf FireTracker, miniZentrale und ShortcutCounter; Score 36/39.",
+    validationText: "PM-Baseline PASS_WITH_FINDING: 3/3 brauchbare PM-Pakete; Gemini-Pfad selbst NOT_MEASURED.",
+    method: "Wissenschaftlicher Caveat: Der Patch darf als nicht-regressiv gelten, aber die neue Gemini-Hypothese ist noch nicht kausal gemessen.",
+    good: ["3/3 Projekte erzeugten brauchbare PM-Pakete.", "Human Gate, NEXT_STEP und Executer-Validator-Kette bleiben erhalten."],
+    weak: ["Gemini-Pfad ist noch nicht gemessen.", "Der Repair-Pfad wurde noch nicht hart gegen Failure-Faelle getestet."],
+    next: "Kein breiter V1.6-Umbau; erst Report-to-NEXT_STEP-Canonicalization, dann gezielte Gemini-Failure-Eval.",
+    background: "Repair darf helfen, aber nicht die Besitzrechte am Prozess verschieben.",
+    proof: ["36/39", "92.3%", "3/3 PM-Pakete", "Gemini NOT_MEASURED"],
+    sources: [
+      { label: "V1.5 Final Report", href: "../../docs/hai-architecture/v1_5_generalization_manual_eval_2026-05-25_1630/FINAL_GENERALIZATION_REPORT.md" },
+      { label: "V1.5 README", href: "../../V1.5/README.md" }
+    ],
+    matrix: ["PM-Baseline stabil", "Repair-Eskalation", "36/39", "Gemini angelegt", "bleibt fuehrend"],
+    asciiArt: String.raw`
+                  V1.5  FAILURE-REPAIR / GEMINI ESCALATION
+
+                    normaler Execution Loop
+           NEXT_STEP -> executer -> validator -> ACCEPT
+                                |
+                     nur bei Fehler/Unklarheit
+                                v
+        +-----------------------------------------------+
+        | BLOCKED | REJECT | UNCLEAR | TIMEOUT | NO RPT |
+        +----------------------+------------------------+
+                               |
+                               v
+        +-----------------------------------------------+
+        | GEMINI_ESCALATION_REVIEW_NEXT_STEP            |
+        | analysiert Failure, erweitert Scope NICHT     |
+        +----------------------+------------------------+
+                               |
+              +----------------+----------------+
+              |                                 |
+              v                                 v
+     scope-identischer Repair            zurueck zu Samuel
+              |
+              v
+        normaler Validator bleibt Wahrheitsinstanz
+
+              Mehr Intelligenz, aber kein zweiter Owner`,
+    website: {
+      storyTitle: "Repair darf helfen, aber nicht uebernehmen",
+      storyLead: "V1.5 ist die Website fuer enge Eskalation: Gemini darf bei Failure analysieren, aber nicht Scope ausweiten.",
+      before: "Loop-Failures waren sichtbar, aber Repair-Analyse war nicht sauber kontrahiert.",
+      after: "Gemini-MCP ist nur Failure-/Unklarheits-Review, kein zweiter Autopilot.",
+      ownerQuestion: "Bleibt Samuel trotz zusaetzlicher Intelligenz der Kontrollpunkt?"
+    }
+  },
+  "v1-6": {
+    number: "V1.6",
+    title: "Zwei Lanes, ein Owner",
+    status: "Pair-Modus Patchlinie",
+    oneLine: "V1.6 erlaubt maximal zwei unabhaengige EXECUTION_STEP-Lanes, aber nur wenn Scope, Worktrees und Join-Vertrag Samuels Ownership erhalten.",
+    skillstand: [
+      "Stabile V1.5-Linie plus eng begrenzter Pair-Modus.",
+      "Zwei unabhaengige Lanes laufen isoliert in Git-Worktrees und werden erst nach Validator-ACCEPT zusammengefuehrt."
+    ],
+    skills: ["pair-plan", "pair-execution-loop", "worktrees", "validator-accept", "pair-join"],
+    stand: "V1.6 ist ein kleiner Patch auf V1.5: kein breiter Agenten-Fanout, sondern maximal zwei sichere unabhaengige Lanes.",
+    problem: "HAI soll fluessiger arbeiten, ohne bei paralleler Ausfuehrung Kontrolle, Scope oder menschliche Stop-Fragen zu verlieren.",
+    proposal: "Pair-Modus nur bei Pair Autonomy Verdict: AUTO_EXECUTION_ALLOWED. Gleiche Dateien, Lockfiles, Migrationen, globale Config, Produktfragen und externe Side Effects blocken Pair-Ausfuehrung.",
+    implementation: "Neuer hai-pair-plan erzeugt PAIR_PLAN.md; neuer hai-pair-execution-loop fuehrt Lane A/B in isolierten Worktrees aus und schreibt PAIR_STATUS.md sowie PAIR_JOIN_REPORT.md.",
+    test: "Noch zu messen: gezielter Pair-Modus-Canary mit zwei wirklich unabhaengigen atomaren Steps und einem Negativfall mit ueberlappendem Scope.",
+    validationText: "README beschreibt die Guardrails; kausale Pair-Evaluation steht noch aus.",
+    method: "Methodisch: Durchsatz nur dort erhoehen, wo Unabhaengigkeit beweisbar ist. Ownership-Fragen stoppen weiterhin beim Menschen.",
+    good: ["Maximal zwei Lanes statt beliebigem Batch-N-System.", "Join erst nach Validator-ACCEPT und Scope-Pruefung."],
+    weak: ["Pair-Modus braucht harte Negativtests.", "Mehr Parallelitaet erhoeht Merge- und Scope-Risiko, wenn Gates lax werden."],
+    next: "V1.6 braucht einen Pair-Canary: ein Positivfall mit zwei unabhaengigen Lanes und ein Negativfall, der korrekt auf Single-Step oder Samuel zurueckfaellt.",
+    background: "Mehr Durchsatz ist nur Fortschritt, wenn der Mensch danach mehr Owner ist, nicht weniger.",
+    proof: ["2-Lane-Limit", "Worktree-Isolation", "Validator-ACCEPT", "Pair-Join"],
+    sources: [
+      { label: "V1.6 README", href: "../../V1.6/README.md" },
+      { label: "V1.6 Changelog", href: "../../V1.6/CHANGELOG.md" }
+    ],
+    matrix: ["Pair-Autonomie", "Lane A/B Handoff", "Stop-Fragen bleiben", "Gemini bleibt Failure-Repair", "Owner vor Durchsatz"],
+    asciiArt: String.raw`
+                    V1.6  PAIR-MODE / TWO-LANE JOIN
+
+                         NEXT_STEP Kandidaten
+                                  |
+                                  v
+                   +------------------------------+
+                   | hai-pair-plan                |
+                   | Unabhaengigkeit beweisen     |
+                   +---------------+--------------+
+                                   |
+                  AUTO_EXECUTION_ALLOWED?
+                      no |                | yes
+                         v                v
+                  Single Step       +-------------+
+                  oder Samuel       | 2-Lane Max  |
+                                   +------+------+ 
+                                          |
+                 +------------------------+------------------------+
+                 |                                                 |
+                 v                                                 v
+        +------------------+                              +------------------+
+        | Worktree A       |                              | Worktree B       |
+        | executer+val     |                              | executer+val     |
+        +--------+---------+                              +--------+---------+
+                 |                                                 |
+                 +------------------------+------------------------+
+                                          |
+                              beide Validator ACCEPT?
+                                no |          | yes
+                                   v          v
+                               STOP       PAIR_JOIN_REPORT
+                                              |
+                                              v
+                                      mehr Evidenz -> Owner`,
+    website: {
+      storyTitle: "Zwei Lanes, kein Kontrollverlust",
+      storyLead: "V1.6 ist die Website fuer begrenzten Durchsatz: genau zwei unabhaengige Lanes, wenn Autonomie beweisbar ist.",
+      before: "Single-Step war sicher, aber manchmal langsamer als noetig.",
+      after: "Pair-Plan, Worktrees und Join nach Validator-ACCEPT erlauben parallele Arbeit ohne Fanout.",
+      ownerQuestion: "Hat Samuel nach zwei Lanes mehr Evidenz, ohne weniger Owner zu sein?"
+    }
+  }
+};
+
+const ORDER = ["v1-0", "v1-1", "v1-2", "v1-3", "v1-4", "v1-5", "v1-6"];
+const MATRIX_ROWS = ["Verstehen", "Handoff", "Lifecycle-Stop", "Repair", "Human Gate"];
+
+const VISUAL_DATA = {
+  "v1-0": {
+    label: "Owner-Gate Baseline",
+    thesis: "V1.0 verwandelt unklare Projektlage in einen akzeptierten, validierten Schritt.",
+    layers: [
+      { title: "Mensch", items: ["Zustand", "Absicht", "Risiko"] },
+      { title: "HAI-Kette", items: ["Project State", "Briefing", "NEXT_STEP"] },
+      { title: "Execution", items: ["Human Accept", "Executer", "Validator"] }
+    ],
+    deltas: ["erstes Gate", "Rollen getrennt", "Evidenz-Ruecklauf"],
+    warning: "Ohne ACCEPT keine Ausfuehrung."
+  },
+  "v1-1": {
+    label: "Intent Source Discovery",
+    thesis: "V1.1 macht aus verstreuten Absichtsspuren einen kontrollierten Kontext, ohne alte Prompts zu befehligen.",
+    layers: [
+      { title: "Quellen", items: ["README", "Idea-like Files", "Projektspuren"] },
+      { title: "Read-only Kontext", items: ["PromptGarage", "Wishlist", "Priorisierung"] },
+      { title: "Kanon", items: ["Idea Spec", "Briefing", "NEXT_STEP"] }
+    ],
+    deltas: ["Wishlist neu", "Intent breiter", "History != Auftrag"],
+    warning: "Aktuelle Samuel-Anweisung bleibt hoeher als alte Treffer."
+  },
+  "v1-2": {
+    label: "Handoff Contract",
+    thesis: "V1.2 trennt menschliche Knappheit von maschineller Praezision: ein Step wird zum pruefbaren Vertrag.",
+    layers: [
+      { title: "Kanonischer Step", items: ["Step-ID", "Allowed Changes", "Atomizitaet"] },
+      { title: "Handoff", items: ["Executor Contract", "Scope Match", "Status Gates"] },
+      { title: "Loop Watch", items: ["Timeout", "No Report", "Validator Verdict"] }
+    ],
+    deltas: ["Executor-Handoff", "Step-ID Lock", "Failure sichtbar"],
+    warning: "Wenn Handoff != NEXT_STEP, stoppt der Loop."
+  },
+  "v1-3": {
+    label: "Lifecycle Brake",
+    thesis: "V1.3 fuegt vor Arbeit eine Sinn-Bremse ein: Nicht jeder kleine Schritt ist ein guter Schritt.",
+    layers: [
+      { title: "Projektlage", items: ["Already works?", "Goal reached?", "Event passed?"] },
+      { title: "Bremse", items: ["Explain Better", "Lifecycle Gate", "Human Payoff"] },
+      { title: "Ausgang", items: ["Decision Step", "Archive/Maintain", "Execution Step"] }
+    ],
+    deltas: ["Sinn vor Arbeit", "Stale Step Block", "Stop ist Erfolg"],
+    warning: "HAI darf korrekt blocken, auch wenn Technik moeglich waere."
+  },
+  "v1-4": {
+    label: "Proof, not Feature",
+    thesis: "V1.4 ist ein Beweis-Release: dieselbe Baseline wird gegen drei frische Projektlagen gehalten.",
+    layers: [
+      { title: "Frozen Baseline", items: ["V1.3", "keine Runtime-Aenderung", "Hypothese"] },
+      { title: "Eval Cases", items: ["BookmarkBrain", "WritingWorld", "Portfolio"] },
+      { title: "Verdict", items: ["PASS", "BLOCKED_BUT_CORRECT", "0 Pflichtpatches"] }
+    ],
+    deltas: ["Proof-Run", "3 reale Faelle", "Baseline bestaetigt"],
+    warning: "Produktvalidierung ist hier wichtiger als neue Features."
+  },
+  "v1-5": {
+    label: "Scoped Repair",
+    thesis: "V1.5 baut eine zweite Analyse-Brille ein, aber nicht einen zweiten Owner.",
+    layers: [
+      { title: "Normal Loop", items: ["NEXT_STEP", "Executer", "Validator"] },
+      { title: "Failure Trigger", items: ["BLOCKED", "REJECT", "UNCLEAR", "Timeout"] },
+      { title: "Repair Review", items: ["Gemini MCP", "Scope bleibt", "Repair oder Samuel"] }
+    ],
+    deltas: ["Gemini nur Failure", "kein Fanout", "Repair-Vertrag"],
+    warning: "Gemini darf analysieren, aber keinen Scope erfinden."
+  },
+  "v1-6": {
+    label: "Two-Lane Join",
+    thesis: "V1.6 erhoeht Durchsatz nur dort, wo Unabhaengigkeit beweisbar und der Join kontrolliert ist.",
+    layers: [
+      { title: "Pair Plan", items: ["Lane A/B", "Unabhaengigkeitsbeweis", "AUTO_EXECUTION_ALLOWED"] },
+      { title: "Isolation", items: ["Worktree A", "Worktree B", "Validator je Lane"] },
+      { title: "Join Gate", items: ["beide ACCEPT", "PAIR_JOIN_REPORT", "sonst Stop"] }
+    ],
+    deltas: ["2-Lane Max", "Worktree-Isolation", "Join nach ACCEPT"],
+    warning: "Bei Scope-Ueberlappung zurueck zu Single-Step oder Samuel."
+  }
+};
+
+const PROFILE_DATA = {
+  "v1-0": {
+    role: "Baseline-Agent / Owner-Gate",
+    positioning: "HAI V1.0 wird als erstes Produktprofil gezeigt: ein reproduzierbarer Agenten-Workflow, nicht nur ein loses Profil- und Skill-Buendel.",
+    inputs: ["Projektzustand", "IDEA/README-Signale", "Codezustand", "Samuels akzeptierter EXECUTION_STEP"],
+    process: "HAI baut eine Artefakt-Kette aus Project State, Idea Spec, Code State, Briefing und NEXT_STEP. Erst nach menschlicher Akzeptanz wird ausgefuehrt.",
+    outputs: ["PROJECT_STATE.md", "PROMPT.md", "CODE_STATE.md", "BRIEFING.md", "NEXT_STEP.md", "Validator-Ruecklauf"],
+    mentalModel: "Der Nutzer ist Owner, aber braucht eine Scope-Maschine, die aus unklarer Lage einen kleinsten verantwortbaren Schritt macht.",
+    changes: ["Erster gesicherter agentischer HAI-Snapshot", "Rollen getrennt: HAI-Agent, Executer, Validator", "Human Gate vor Ausfuehrung etabliert"],
+    functions: ["Artefakt-Kette", "EXECUTION_STEP Gate", "read-only Validator", "Change-Log/Commit-Regel nach ACCEPT"],
+    governance: "V1.0 darf ausfuehren, aber nicht ohne akzeptierten Step. Produktversprechen: Kontrolle vor Geschwindigkeit."
+  },
+  "v1-1": {
+    role: "Intent-Reader / Wishlist-Agent",
+    positioning: "V1.1 positioniert HAI als Agentenprodukt, das Nutzerabsicht breiter erkennt und historische Wunsch-Spuren kontrolliert nutzt.",
+    inputs: ["Projektdateien", "idea-aehnliche Intent-Dateien", "PromptGarage read-only", "aktuelle Samuel-Anweisung"],
+    process: "Vor dem Briefing wird User-Wishlist-Kontext rekonstruiert. Alte Prompts werden Quellenmaterial, aber nicht neue aktuelle Entscheidung.",
+    outputs: ["WISHLIST.md", "breiteres PROMPT.md", "robusteres Briefing", "kanonischer NEXT_STEP"],
+    mentalModel: "Der Nutzer hat Absichten ueber Zeit verteilt. HAI darf diese Spuren lesen, muss aber aktuelle Ownership priorisieren.",
+    changes: ["hai-user-wishlist in die Pre-Briefing-Kette aufgenommen", "idea-spec liest mehr als nur IDEA/README", "fehlende Standarddateien werden Signal, kein Fehler"],
+    functions: ["PromptGarage read-only Rekonstruktion", "Intent Source Discovery", "Wishlist-Artefakt", "Prioritaetsregel: aktuelle Anweisung vor alten Treffern"],
+    governance: "V1.1 verhindert Prompt-Archaeologie als Autopilot: Historie erklaert, aber befiehlt nicht."
+  },
+  "v1-2": {
+    role: "Handoff-Agent / Atomisierungsmaschine",
+    positioning: "V1.2 zeigt HAI als Produkt, das nicht nur versteht, sondern Uebergaben ausfuehrbar und pruefbar macht.",
+    inputs: ["NEXT_STEP.md", "Step-ID", "Allowed Changes", "Executor-/Validator-Reports", "Timeout/No-Report-Signale"],
+    process: "Der menschlich knappe Step wird in ein scope-identisches Executor-Handoff uebersetzt; der Loop bekommt explizite Status- und Konfliktzustaende.",
+    outputs: ["EXECUTOR_HANDOFF_NEXT_STEP.md", "Step-ID-Abgleich", "Timeout-/No-Report-Status", "archivierter NEXT_STEP-Verlauf"],
+    mentalModel: "Der Nutzer will nicht Mikromanagement betreiben; HAI muss beweisen, dass der Agent genau das erlaubte Ding macht.",
+    changes: ["Atomizitaets-Gate geschaerft", "Executor-Handoff Skill eingefuehrt", "Execution-Loop mit Status-Gates gehaertet"],
+    functions: ["Scope-identisches Handoff", "Step-ID-Konflikterkennung", "Timeout-Gates", "No-Report-Gates"],
+    governance: "V1.2 macht Failure sichtbar statt still weiterzulaufen. Unklare Uebergaben werden blockiert oder eskaliert."
+  },
+  "v1-3": {
+    role: "Lifecycle-Bremse / Sinn-Filter",
+    positioning: "V1.3 ist die Produktversion, die HAI vom Task-Erzeuger zum Sinn-Filter weiterentwickelt.",
+    inputs: ["Briefing", "Projektlebenszyklus", "Human Redirects", "Goal-/Archive-Signale", "Deploy-/Side-Effect-Risiken"],
+    process: "Vor dem NEXT_STEP prueft HAI, ob Arbeit ueberhaupt sinnvoll ist: already works, goal reached, event passed, archive/maintain oder Entscheidung noetig.",
+    outputs: ["bessere NEXT_STEP-Begruendung", "Lifecycle-Verdict", "Human-Decision-Step", "stale NEXT_STEP Blocking/Refresh"],
+    mentalModel: "Der Nutzer ist nicht Auftraggeber fuer Busywork. HAI muss Arbeit stoppen, wenn Stoppen die bessere Produktentscheidung ist.",
+    changes: ["hai-explain-better hinzugefuegt", "Lifecycle-Gates eingefuehrt", "Canonical NEXT_STEP Refresh nach Human Redirect"],
+    functions: ["ALREADY_WORKS Gate", "GOAL_REACHED Gate", "EVENT_PASSED Gate", "ARCHIVE_OR_MAINTAIN Gate", "Explain-Better"],
+    governance: "V1.3 bewertet menschlichen Nutzen vor technischer Machbarkeit. Das Produkt darf korrekt blocken."
+  },
+  "v1-4": {
+    role: "Proof-Run / Produktvalidierung",
+    positioning: "V1.4 ist keine neue Runtime, sondern eine Produktvorstellung des Beweises: HAI V1.3 funktioniert auf frischen Projektlagen.",
+    inputs: ["drei neue Projektartefakte", "V1.3-Baseline", "Scorecards", "Lifecycle-/Explain-Fokusfragen"],
+    process: "Die bestehende Baseline wird gegen neue Projekte evaluiert. Der Wert liegt im Nachweis, nicht im Feature-Ausbau.",
+    outputs: ["PASS/BLOCKED_BUT_CORRECT/PASS", "Final Report", "Regressionserkenntnis", "keine Pflichtpatches"],
+    mentalModel: "Der Nutzer braucht Vertrauen in die Produktlinie. Eine Version darf ein Beweis sein, nicht nur ein neues Feature.",
+    changes: ["Proof-Run als Versionsstufe dokumentiert", "drei reale Projekte evaluiert", "V1.3 als Baseline bestaetigt"],
+    functions: ["Generalization Proof", "Lifecycle-Regression", "Human-Payoff-Review", "Stop-Erfolg als Messpunkt"],
+    governance: "V1.4 trennt Produktvalidierung von Produktveraenderung. Keine Aenderung ohne Pflichtbefund."
+  },
+  "v1-5": {
+    role: "Repair-Agent / Eskalationsreview",
+    positioning: "V1.5 stellt HAI als Produkt mit engem Repair-Kanal vor: mehr Intelligenz bei Failure, aber keine Kontrollabgabe.",
+    inputs: ["BLOCKED", "REJECT", "UNCLEAR", "Timeout", "No-Report", "Step-ID-/Finalization-Konflikte"],
+    process: "Gemini-MCP wird nur bei Loop-Problemen als Escalation Review genutzt. Gemini darf Repair ausloesen, aber Scope nicht erweitern.",
+    outputs: ["GEMINI_ESCALATION_REVIEW_NEXT_STEP", "Repair-Verdict", "dokumentierter Ausfall wenn MCP fehlt", "kanonischer NEXT_STEP bleibt fuehrend"],
+    mentalModel: "Der Nutzer akzeptiert Hilfe bei Sackgassen, aber nicht einen zweiten autonomen Entscheider neben sich.",
+    changes: ["Gemini-MCP in hai-execution-loop verdrahtet", "NEXT_STEP-Historie verlustfrei gehaertet", "SOUL/Registry auf Repair-Pfad aktualisiert"],
+    functions: ["Gemini Failure Review", "Scope-erhaltender Repair", "Archivierte NEXT_STEP-History", "MCP Availability Handling"],
+    governance: "V1.5 ist kein Fanout. Repair ist Assistenz im Fehlerfall, nicht ein neuer Autopilot."
+  },
+  "v1-6": {
+    role: "Pair-Agent / Zwei-Lane-Orchestrator",
+    positioning: "V1.6 stellt HAI als begrenzt paralleles Agentenprodukt vor: Durchsatz steigt nur, wenn Ownership und Scope beweisbar stabil bleiben.",
+    inputs: ["PAIR_PLAN.md", "Lane A/B Kandidaten", "Unabhaengigkeitsbeweis", "Git-Worktree-Isolation", "Validator-ACCEPT pro Lane"],
+    process: "HAI darf genau zwei unabhaengige EXECUTION_STEP-Lanes vorbereiten und in isolierten Worktrees ausfuehren; Join erst nach beidseitiger Validierung.",
+    outputs: ["PAIR_PLAN.md", "PAIR_STATUS.md", "PAIR_JOIN_REPORT.md", "Lane Reports", "geparkte Restkandidaten"],
+    mentalModel: "Der Nutzer will mehr Fluss, aber nicht den Preis von Batch-Chaos. HAI muss beweisen, dass Parallelitaet sicher ist.",
+    changes: ["hai-pair-plan eingefuehrt", "hai-pair-execution-loop eingefuehrt", "2-Lane-Limit und Worktree-Grenzen definiert"],
+    functions: ["Pair Autonomy Verdict", "Lane A/B Worktrees", "Validator-ACCEPT pro Lane", "Pair Join", "Stop bei Scope-/Taste-/Risk-Fragen"],
+    governance: "V1.6 ist maximal zwei Lanes, kein N-Agenten-Fanout. Wenn Unabhaengigkeit nicht beweisbar ist, faellt HAI auf Single-Step oder Samuel zurueck."
+  }
+};
+
+
+function esc(value) {
+  return String(value ?? "").replace(/[&<>"']/g, (char) => ({
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;"
+  }[char]));
+}
+
+function list(items) {
+  return `<ul>${items.map((item) => `<li>${esc(item)}</li>`).join("")}</ul>`;
+}
+
+function chips(items, className = "skill-chip") {
+  return items.map((item) => `<span class="${className}">${esc(item)}</span>`).join("");
+}
+
+
+
+function renderAdaptedVisual(visual, id) {
+  if (!visual) return "";
+  const layers = (visual.layers ?? []).map((layer, index) => `
+    <section class="adapted-lane" style="--lane-index:${index}">
+      <div class="lane-head">
+        <span>${esc(String(index + 1))}</span>
+        <h4>${esc(layer.title)}</h4>
+      </div>
+      <div class="adapted-card-stack">
+        ${(layer.items ?? []).map((item) => `<article class="adapted-card"><p>${esc(item)}</p></article>`).join("")}
+      </div>
+    </section>
+  `).join("");
+  const deltas = (visual.deltas ?? []).map((delta) => `<span>${esc(delta)}</span>`).join("");
+  return `<div class="adapted-visual" data-version-visual="${esc(id)}">
+    <div class="adapted-toolbar">
+      <span>HAI Version Cockpit</span>
+      <strong>${esc(id.toUpperCase())}</strong>
+    </div>
+    <div class="adapted-title">
+      <h3>${esc(visual.label)}</h3>
+      <p>${esc(visual.thesis)}</p>
+    </div>
+    <div class="adapted-board">
+      ${layers}
+      <section class="adapted-lane owner-lane" style="--lane-index:3">
+        <div class="lane-head">
+          <span>4</span>
+          <h4>Owner Gate</h4>
+        </div>
+        <div class="adapted-card-stack">
+          <article class="adapted-card adapted-card-lock">
+            <p>${esc(visual.warning)}</p>
+          </article>
+        </div>
+      </section>
+    </div>
+    <div class="delta-row adapted-deltas" aria-label="Was neu ist">${deltas}</div>
+  </div>`;
+}
+
+function sourceLinks(items) {
+  return items.map((item) => `<span class="source-link" title="${esc(item.href)}">${esc(item.label)}</span>`).join("");
+}
+
+function hrefFor(id) {
+  return `./versions/${id}/`;
+}
+
+function renderIndex() {
+  const evolution = document.querySelector("[data-evolution]");
+  const matrix = document.querySelector("[data-matrix]");
+  if (!evolution || !matrix) return;
+
+  evolution.innerHTML = ORDER.map((id, index) => {
+    const item = VERSION_DATA[id];
+    return `
+      <a class="process-node" href="${hrefFor(id)}">
+        <span class="node-dot">${index + 1}</span>
+        <span class="node-number">${esc(item.number)}</span>
+        <h3>${esc(item.title)}</h3>
+        <p>${esc(item.oneLine)}</p>
+        <span class="node-status">${esc(item.status)}</span>
+      </a>
+    `;
+  }).join("");
+
+  const header = `<tr><th scope="col">Faehigkeit</th>${ORDER.map((id) => `<th scope="col">${esc(VERSION_DATA[id].number)}</th>`).join("")}</tr>`;
+  const rows = MATRIX_ROWS.map((row, rowIndex) => `
+    <tr>
+      <th scope="row">${esc(row)}</th>
+      ${ORDER.map((id) => `<td data-version="${esc(VERSION_DATA[id].number)}"><strong>${esc(VERSION_DATA[id].matrix[rowIndex])}</strong></td>`).join("")}
+    </tr>
+  `).join("");
+  matrix.innerHTML = header + rows;
+}
+
+function renderVersion() {
+  const id = document.body.dataset.version;
+  if (!id) return;
+  const item = VERSION_DATA[id];
+  if (!item) return;
+  const profile = PROFILE_DATA[id] ?? {};
+
+  document.title = `${item.number} | HAI Version Dossier`;
+  document.querySelectorAll("[data-version-number]").forEach((node) => { node.textContent = item.number; });
+  document.querySelectorAll("[data-version-title]").forEach((node) => { node.textContent = item.title; });
+  document.querySelectorAll("[data-version-status]").forEach((node) => { node.textContent = item.status; });
+  document.querySelectorAll("[data-version-one-line]").forEach((node) => { node.textContent = item.oneLine; });
+
+  const targets = {
+    "[data-skillstand]": list(item.skillstand),
+    "[data-skill-chain]": chips(item.skills),
+    "[data-stand]": esc(item.stand),
+    "[data-problem]": esc(item.problem),
+    "[data-proposal]": esc(item.proposal),
+    "[data-implementation]": esc(item.implementation),
+    "[data-test]": esc(item.test),
+    "[data-validation-text]": esc(item.validationText),
+    "[data-method]": esc(item.method),
+    "[data-good]": list(item.good),
+    "[data-weak]": list(item.weak),
+    "[data-next]": esc(item.next),
+    "[data-background]": esc(item.background),
+    "[data-proof]": chips(item.proof, "proof-chip"),
+    "[data-sources]": sourceLinks(item.sources ?? []),
+    "[data-ascii-art]": esc(item.asciiArt ?? ""),
+    "[data-story-title]": esc(item.website?.storyTitle ?? ""),
+    "[data-story-lead]": esc(item.website?.storyLead ?? ""),
+    "[data-story-before]": esc(item.website?.before ?? ""),
+    "[data-story-after]": esc(item.website?.after ?? ""),
+    "[data-owner-question]": esc(item.website?.ownerQuestion ?? ""),
+    "[data-agent-role]": esc(profile.role ?? ""),
+    "[data-product-positioning]": esc(profile.positioning ?? ""),
+    "[data-system-inputs]": list(profile.inputs ?? []),
+    "[data-system-process]": esc(profile.process ?? ""),
+    "[data-system-outputs]": list(profile.outputs ?? []),
+    "[data-mental-model]": esc(profile.mentalModel ?? ""),
+    "[data-version-changes]": list(profile.changes ?? []),
+    "[data-version-functions]": list(profile.functions ?? []),
+    "[data-profile-governance]": esc(profile.governance ?? "")
+  };
+
+  Object.entries(targets).forEach(([selector, html]) => {
+    const node = document.querySelector(selector);
+    if (node) node.innerHTML = html;
+  });
+
+
+  const visualNode = document.querySelector("[data-adapted-visual]");
+  if (visualNode) visualNode.innerHTML = renderAdaptedVisual(VISUAL_DATA[id], id);
+
+  const currentIndex = ORDER.indexOf(id);
+  const prev = document.querySelector("[data-prev]");
+  const next = document.querySelector("[data-next-link]");
+  if (prev && currentIndex > 0) prev.href = `../${ORDER[currentIndex - 1]}/`;
+  if (prev && currentIndex === 0) prev.hidden = true;
+  if (next && currentIndex < ORDER.length - 1) next.href = `../${ORDER[currentIndex + 1]}/`;
+  if (next && currentIndex === ORDER.length - 1) next.hidden = true;
+}
+
+renderIndex();
+renderVersion();

assets/styles.css

@@ -0,0 +1,1262 @@
+:root {
+  color-scheme: dark;
+  --ink: #f7f1df;
+  --muted: #b9af99;
+  --quiet: #837967;
+  --void: #080907;
+  --charcoal: #11110d;
+  --panel: rgba(247, 241, 223, 0.065);
+  --panel-strong: rgba(247, 241, 223, 0.11);
+  --line: rgba(247, 241, 223, 0.18);
+  --line-strong: rgba(247, 241, 223, 0.34);
+  --signal: #a7ff4f;
+  --copper: #ff9f5f;
+  --cyan: #83dbc8;
+  --red: #ff6b5f;
+  --max: 1180px;
+  --pad: clamp(18px, 4vw, 56px);
+  --display: Georgia, "Times New Roman", serif;
+  --body: "Aptos", "Segoe UI", "Helvetica Neue", sans-serif;
+  --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+  background: var(--void);
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  color: var(--ink);
+  background:
+    linear-gradient(90deg, rgba(247, 241, 223, 0.055), transparent 1px),
+    linear-gradient(180deg, rgba(247, 241, 223, 0.035), transparent 1px),
+    linear-gradient(135deg, rgba(167, 255, 79, 0.08), transparent 34%),
+    linear-gradient(225deg, rgba(255, 159, 95, 0.075), transparent 38%),
+    linear-gradient(180deg, #080907 0%, #11110d 54%, #070806 100%);
+  background-size: 84px 84px, 84px 84px, auto, auto, auto;
+  font-family: var(--body);
+  line-height: 1.5;
+  overflow-x: hidden;
+}
+
+body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  z-index: 20;
+  pointer-events: none;
+  opacity: 0.18;
+  background-image:
+    linear-gradient(rgba(247, 241, 223, 0.05) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(247, 241, 223, 0.035) 1px, transparent 1px);
+  background-size: 72px 72px;
+  mask-image: linear-gradient(180deg, black, transparent 74%);
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+p,
+h1,
+h2,
+h3 {
+  margin: 0;
+}
+
+ul {
+  margin: 0;
+  padding-left: 18px;
+}
+
+li + li {
+  margin-top: 7px;
+}
+
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 40;
+  display: flex;
+  justify-content: center;
+  padding: 14px var(--pad) 0;
+  pointer-events: none;
+}
+
+.topbar-inner {
+  width: min(var(--max), 100%);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 18px;
+  padding: 12px 14px;
+  border: 1px solid rgba(247, 241, 223, 0.13);
+  background: rgba(8, 9, 7, 0.78);
+  backdrop-filter: blur(18px);
+  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.28);
+  pointer-events: auto;
+}
+
+.brand {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  gap: 10px;
+  color: var(--muted);
+  font-family: var(--mono);
+  font-size: 12px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.brand-mark {
+  width: 30px;
+  height: 30px;
+  display: grid;
+  place-items: center;
+  border: 1px solid var(--line-strong);
+  color: var(--signal);
+  flex: 0 0 auto;
+}
+
+.nav {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: clamp(10px, 2vw, 22px);
+  color: var(--muted);
+  font-family: var(--mono);
+  font-size: 11px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  flex-wrap: wrap;
+}
+
+.nav a {
+  opacity: 0.82;
+  border-bottom: 1px solid transparent;
+}
+
+.nav a:hover,
+.nav a:focus-visible {
+  color: var(--ink);
+  opacity: 1;
+  border-color: var(--signal);
+  outline: none;
+}
+
+.shell {
+  width: min(var(--max), calc(100vw - 2 * var(--pad)));
+  margin: 0 auto;
+}
+
+.intro-board {
+  min-height: 58svh;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
+  align-items: end;
+  gap: clamp(28px, 6vw, 78px);
+  padding: clamp(78px, 12vw, 132px) 0 52px;
+}
+
+.intro-copy {
+  max-width: 850px;
+}
+
+.eyebrow,
+.label,
+.kicker {
+  color: var(--copper);
+  font-family: var(--mono);
+  font-size: 12px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.eyebrow {
+  display: inline-flex;
+  gap: 10px;
+  align-items: center;
+  margin-bottom: 18px;
+}
+
+.eyebrow::before {
+  content: "";
+  width: 42px;
+  height: 1px;
+  background: var(--copper);
+}
+
+h1 {
+  max-width: 920px;
+  font-family: var(--display);
+  font-weight: 500;
+  font-size: clamp(3rem, 7.2vw, 7rem);
+  line-height: 0.94;
+  letter-spacing: 0;
+  text-wrap: balance;
+}
+
+.lead {
+  max-width: 760px;
+  margin-top: 24px;
+  color: var(--muted);
+  font-size: clamp(1.05rem, 2vw, 1.35rem);
+  line-height: 1.45;
+}
+
+.current-state,
+.hero-card,
+.panel,
+.mini-card,
+.metric-card {
+  min-width: 0;
+  border: 1px solid var(--line);
+  background: linear-gradient(180deg, var(--panel-strong), rgba(247, 241, 223, 0.042));
+  box-shadow: 0 24px 90px rgba(0, 0, 0, 0.24);
+}
+
+.current-state {
+  padding: 20px;
+}
+
+.status {
+  display: inline-flex;
+  align-items: center;
+  min-height: 30px;
+  padding: 5px 9px;
+  border: 1px solid rgba(167, 255, 79, 0.34);
+  color: var(--signal);
+  font-family: var(--mono);
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.current-state p,
+.hero-card p,
+.panel p,
+.mini-card p,
+.metric-card p,
+.patch-cell p,
+.dossier-note {
+  color: var(--muted);
+  overflow-wrap: anywhere;
+}
+
+.current-state p {
+  margin-top: 16px;
+}
+
+.section {
+  padding: 44px 0;
+  border-top: 1px solid var(--line);
+}
+
+.version-site {
+  padding-bottom: clamp(48px, 8vw, 110px);
+}
+
+.section-head {
+  display: grid;
+  grid-template-columns: minmax(0, 0.62fr) minmax(260px, 0.38fr);
+  gap: 28px;
+  align-items: end;
+  margin-bottom: 24px;
+}
+
+.section h2 {
+  margin-top: 10px;
+  font-family: var(--display);
+  font-weight: 500;
+  font-size: clamp(2rem, 4vw, 4rem);
+  line-height: 1;
+  text-wrap: balance;
+}
+
+.section-note {
+  color: var(--muted);
+}
+
+.process-line {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.process-line::before {
+  content: "";
+  position: absolute;
+  left: 4%;
+  right: 4%;
+  top: 25px;
+  height: 1px;
+  background: linear-gradient(90deg, transparent, rgba(167, 255, 79, 0.58), transparent);
+}
+
+.process-node {
+  position: relative;
+  min-height: 245px;
+  display: grid;
+  align-content: start;
+  gap: 12px;
+  padding: 14px;
+  border: 1px solid var(--line);
+  background: rgba(8, 9, 7, 0.56);
+  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
+}
+
+.process-node:hover,
+.process-node:focus-visible {
+  transform: translateY(-3px);
+  border-color: rgba(167, 255, 79, 0.5);
+  background: rgba(247, 241, 223, 0.075);
+  outline: none;
+}
+
+.node-dot {
+  width: 24px;
+  height: 24px;
+  display: grid;
+  place-items: center;
+  border: 1px solid rgba(167, 255, 79, 0.5);
+  background: #0b0d08;
+  color: var(--signal);
+  font-family: var(--mono);
+  font-size: 10px;
+}
+
+.node-number {
+  color: var(--signal);
+  font-family: var(--mono);
+  font-size: 12px;
+  letter-spacing: 0.08em;
+}
+
+.process-node h3 {
+  font-family: var(--display);
+  font-size: 1.38rem;
+  font-weight: 500;
+  line-height: 1.06;
+}
+
+.process-node p {
+  color: var(--muted);
+  font-size: 0.92rem;
+}
+
+.node-status {
+  margin-top: auto;
+  color: var(--copper);
+  font-family: var(--mono);
+  font-size: 10px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.matrix-wrap {
+  overflow-x: auto;
+  border: 1px solid var(--line);
+  background: rgba(8, 9, 7, 0.52);
+}
+
+.comparison-matrix {
+  width: 100%;
+  min-width: 830px;
+  border-collapse: collapse;
+}
+
+.comparison-matrix caption {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+}
+
+.comparison-matrix th,
+.comparison-matrix td {
+  border-bottom: 1px solid var(--line);
+  border-right: 1px solid var(--line);
+  padding: 12px;
+  text-align: left;
+  vertical-align: top;
+}
+
+.comparison-matrix tr:last-child th,
+.comparison-matrix tr:last-child td {
+  border-bottom: 0;
+}
+
+.comparison-matrix th {
+  color: var(--ink);
+  font-family: var(--mono);
+  font-size: 11px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  background: rgba(247, 241, 223, 0.06);
+}
+
+.comparison-matrix td {
+  color: var(--muted);
+  font-size: 0.92rem;
+}
+
+.comparison-matrix td strong {
+  color: var(--signal);
+  font-family: var(--mono);
+  font-size: 0.78rem;
+  font-weight: 500;
+}
+
+.version-hero {
+  min-height: 48svh;
+  display: grid;
+  align-items: end;
+  padding: clamp(70px, 10vw, 120px) 0 38px;
+}
+
+.hero-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
+  gap: clamp(24px, 5vw, 70px);
+  align-items: end;
+}
+
+.hero-card {
+  padding: 20px;
+}
+
+.ascii-section {
+  margin-top: clamp(22px, 4vw, 44px);
+}
+
+.ascii-panel {
+  position: relative;
+  overflow: hidden;
+  border-color: rgba(167, 255, 79, 0.28);
+  background:
+    linear-gradient(135deg, rgba(167, 255, 79, 0.08), transparent 34%),
+    linear-gradient(225deg, rgba(131, 219, 200, 0.08), transparent 42%),
+    var(--panel);
+}
+
+.ascii-head {
+  display: flex;
+  align-items: end;
+  justify-content: space-between;
+  gap: 18px;
+  margin-bottom: 18px;
+}
+
+.ascii-head h2,
+.story-panel h2 {
+  font-family: var(--display);
+  font-size: clamp(22px, 3vw, 34px);
+  font-weight: 500;
+}
+
+
+
+.ascii-visual-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
+  gap: 16px;
+  align-items: stretch;
+}
+
+.adapted-key-visual {
+  margin: 0;
+  min-width: 0;
+}
+
+.adapted-visual {
+  height: 100%;
+  min-height: 430px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: clamp(16px, 2.6vw, 22px);
+  border: 1px solid rgba(131, 219, 200, 0.26);
+  background:
+    linear-gradient(180deg, rgba(247, 241, 223, 0.055), transparent 42%),
+    radial-gradient(circle at 16% 0%, rgba(68, 158, 255, 0.14), transparent 31%),
+    radial-gradient(circle at 86% 8%, rgba(167, 255, 79, 0.11), transparent 28%),
+    rgba(8, 9, 7, 0.72);
+  box-shadow: inset 0 0 36px rgba(0, 0, 0, 0.32), 0 24px 80px rgba(0, 0, 0, 0.18);
+}
+
+.adapted-toolbar {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  font-family: var(--mono);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.adapted-toolbar span {
+  color: var(--quiet);
+  font-size: 11px;
+}
+
+.adapted-toolbar strong {
+  color: var(--signal);
+  font-size: 13px;
+}
+
+.adapted-title {
+  max-width: 720px;
+}
+
+.adapted-title h3 {
+  margin: 0 0 8px;
+  color: var(--ink);
+  font-family: var(--display);
+  font-size: clamp(25px, 3.2vw, 38px);
+  font-weight: 500;
+  line-height: 1.02;
+}
+
+.adapted-title p {
+  color: var(--ink);
+  font-size: clamp(15px, 1.8vw, 18px);
+  line-height: 1.38;
+}
+
+.adapted-board {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+  align-items: stretch;
+  margin-top: 4px;
+}
+
+.adapted-lane {
+  min-width: 0;
+  padding: 12px;
+  border: 1px solid color-mix(in srgb, var(--lane-color, var(--cyan)) 42%, transparent);
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--lane-color, var(--cyan)) 13%, transparent), transparent 50%),
+    rgba(247, 241, 223, 0.045);
+}
+
+.adapted-lane:nth-child(1) {
+  --lane-color: #449eff;
+}
+
+.adapted-lane:nth-child(2) {
+  --lane-color: #ffd52e;
+}
+
+.adapted-lane:nth-child(3) {
+  --lane-color: #59d985;
+}
+
+.owner-lane {
+  --lane-color: #b870ff;
+}
+
+.lane-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 32px;
+  margin-bottom: 10px;
+}
+
+.lane-head span {
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  color: var(--lane-color);
+  border: 1px solid color-mix(in srgb, var(--lane-color) 55%, transparent);
+  background: color-mix(in srgb, var(--lane-color) 13%, transparent);
+  font-family: var(--mono);
+  font-size: 11px;
+}
+
+.lane-head h4 {
+  margin: 0;
+  color: var(--lane-color);
+  font-family: var(--mono);
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.adapted-card-stack {
+  display: grid;
+  gap: 8px;
+}
+
+.adapted-card {
+  min-width: 0;
+  padding: 10px;
+  border: 1px solid rgba(247, 241, 223, 0.12);
+  background: rgba(8, 9, 7, 0.38);
+  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.14);
+}
+
+.adapted-card p {
+  color: var(--muted);
+  font-size: 13px;
+  line-height: 1.35;
+  overflow-wrap: anywhere;
+}
+
+.adapted-card-lock {
+  border-color: color-mix(in srgb, var(--lane-color) 38%, transparent);
+}
+
+.adapted-deltas {
+  margin-top: auto;
+  padding-top: 2px;
+}
+
+.kv-frame {
+  height: 100%;
+  min-height: 330px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: clamp(16px, 3vw, 24px);
+  border: 1px solid rgba(131, 219, 200, 0.22);
+  background:
+    radial-gradient(circle at 22% 18%, rgba(131, 219, 200, 0.16), transparent 32%),
+    radial-gradient(circle at 82% 70%, rgba(255, 159, 95, 0.14), transparent 34%),
+    rgba(8, 9, 7, 0.62);
+  box-shadow: inset 0 0 34px rgba(0, 0, 0, 0.24);
+}
+
+.kv-meta {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  font-family: var(--mono);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.kv-meta span {
+  color: var(--quiet);
+  font-size: 11px;
+}
+
+.kv-meta strong {
+  color: var(--cyan);
+  font-size: 13px;
+}
+
+.kv-svg {
+  width: 100%;
+  height: auto;
+  margin: 18px 0;
+  overflow: visible;
+}
+
+.kv-svg rect {
+  fill: rgba(247, 241, 223, 0.025);
+  stroke: rgba(247, 241, 223, 0.14);
+}
+
+.kv-path {
+  fill: none;
+  stroke-width: 3;
+  stroke-linecap: round;
+  stroke-dasharray: 8 7;
+  opacity: 0.78;
+}
+
+.kv-node circle {
+  fill: rgba(8, 9, 7, 0.9);
+  stroke: var(--cyan);
+  stroke-width: 2;
+}
+
+.kv-node text {
+  fill: var(--ink);
+  font-family: var(--mono);
+  font-size: 12px;
+}
+
+.kv-node .kv-label {
+  fill: var(--muted);
+  font-size: 10px;
+}
+
+.kv-frame figcaption {
+  color: var(--muted);
+  font-size: 14px;
+}
+
+.ascii-art {
+  max-width: 100%;
+  margin: 0;
+  padding: clamp(16px, 3vw, 28px);
+  overflow-x: auto;
+  white-space: pre;
+  color: var(--ink);
+  border: 1px solid rgba(247, 241, 223, 0.16);
+  background: rgba(8, 9, 7, 0.62);
+  box-shadow: inset 0 0 34px rgba(0, 0, 0, 0.26);
+  font-family: var(--mono);
+  font-size: clamp(10px, 1.35vw, 13px);
+  line-height: 1.35;
+  letter-spacing: 0;
+}
+
+.ascii-art::selection {
+  color: #080907;
+  background: var(--signal);
+}
+
+
+
+.product-profile {
+  margin-top: clamp(26px, 5vw, 58px);
+}
+
+.profile-panel {
+  border-color: rgba(131, 219, 200, 0.26);
+  background:
+    linear-gradient(135deg, rgba(131, 219, 200, 0.08), transparent 36%),
+    linear-gradient(225deg, rgba(255, 159, 95, 0.06), transparent 42%),
+    var(--panel);
+}
+
+.profile-kicker {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  margin-bottom: 12px;
+  flex-wrap: wrap;
+}
+
+.profile-badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 30px;
+  padding: 6px 10px;
+  border: 1px solid rgba(131, 219, 200, 0.34);
+  color: var(--cyan);
+  background: rgba(131, 219, 200, 0.08);
+  font-family: var(--mono);
+  font-size: 11px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.profile-lead {
+  max-width: 860px;
+  margin-top: 10px;
+  color: var(--muted);
+  font-size: clamp(17px, 2vw, 22px);
+}
+
+.profile-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+  margin-top: 24px;
+}
+
+.profile-card {
+  min-width: 0;
+  padding: 16px;
+  border: 1px solid var(--line);
+  background: rgba(8, 9, 7, 0.38);
+}
+
+.profile-card-wide {
+  grid-column: 1 / -1;
+}
+
+.profile-card h3,
+.profile-card h4 {
+  font-family: var(--mono);
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.profile-card h3 {
+  margin-bottom: 10px;
+  color: var(--signal);
+  font-size: 12px;
+}
+
+.profile-card h4 {
+  margin-bottom: 7px;
+  color: var(--cyan);
+  font-size: 11px;
+}
+
+.system-stack {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.system-stack > div,
+.profile-card ul,
+.profile-card div {
+  min-width: 0;
+}
+
+.profile-card p,
+.profile-card li {
+  color: var(--muted);
+  overflow-wrap: anywhere;
+}
+
+.version-story {
+  margin-top: clamp(26px, 5vw, 58px);
+}
+
+.story-panel {
+  border-color: rgba(255, 159, 95, 0.24);
+  background:
+    linear-gradient(135deg, rgba(255, 159, 95, 0.08), transparent 34%),
+    var(--panel);
+}
+
+.story-lead {
+  max-width: 760px;
+  margin-top: 10px;
+  color: var(--muted);
+  font-size: clamp(17px, 2vw, 22px);
+}
+
+.story-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14px;
+  margin-top: 24px;
+}
+
+.story-grid > div {
+  padding: 16px;
+  border: 1px solid var(--line);
+  background: rgba(8, 9, 7, 0.36);
+}
+
+.story-grid h3 {
+  margin-bottom: 8px;
+  color: var(--signal);
+  font-family: var(--mono);
+  font-size: 12px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.dossier-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 0.58fr) minmax(300px, 0.42fr);
+  gap: 16px;
+}
+
+.panel,
+.mini-card,
+.metric-card {
+  padding: 18px;
+}
+
+.panel h3,
+.mini-card h3,
+.metric-card h3,
+.patch-cell h3 {
+  color: var(--copper);
+  font-family: var(--mono);
+  font-size: 12px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  margin: 0 0 12px;
+}
+
+.pipeline {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+
+.skill-chip,
+.proof-chip {
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+  min-height: 30px;
+  border: 1px solid var(--line);
+  background: rgba(8, 9, 7, 0.32);
+  color: var(--ink);
+  padding: 5px 9px;
+  font-family: var(--mono);
+  font-size: 11px;
+  overflow-wrap: anywhere;
+}
+
+.skill-chip::after {
+  content: ">";
+  margin-left: 8px;
+  color: var(--quiet);
+}
+
+.skill-chip:last-child::after {
+  content: "";
+  margin: 0;
+}
+
+.patch-diagram,
+.evidence-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.patch-cell {
+  min-height: 180px;
+  padding: 18px;
+  border: 1px solid var(--line);
+  background: rgba(247, 241, 223, 0.052);
+  overflow-wrap: anywhere;
+}
+
+.patch-cell.problem {
+  border-color: rgba(255, 107, 95, 0.35);
+}
+
+.patch-cell.change {
+  border-color: rgba(131, 219, 200, 0.36);
+}
+
+.patch-cell.validation {
+  border-color: rgba(167, 255, 79, 0.34);
+}
+
+.patch-cell.stand {
+  border-color: rgba(247, 241, 223, 0.28);
+}
+
+.patch-cell.proposal,
+.patch-cell.implementation {
+  border-color: rgba(131, 219, 200, 0.34);
+}
+
+.patch-cell.test {
+  border-color: rgba(255, 159, 95, 0.36);
+}
+
+.patch-cell.method {
+  grid-column: 1 / -1;
+  min-height: 120px;
+  border-color: rgba(167, 255, 79, 0.34);
+  background: linear-gradient(90deg, rgba(167, 255, 79, 0.06), rgba(247, 241, 223, 0.045));
+}
+
+.patch-arrow {
+  color: var(--signal);
+  font-family: var(--mono);
+  font-size: 11px;
+}
+
+.two-column {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+}
+
+.mini-card.good {
+  border-color: rgba(167, 255, 79, 0.35);
+}
+
+.mini-card.bad {
+  border-color: rgba(255, 107, 95, 0.34);
+}
+
+.proof-strip {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 9px;
+}
+
+.proof-chip {
+  color: var(--signal);
+  border-color: rgba(167, 255, 79, 0.32);
+}
+
+.source-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 14px;
+  padding-top: 14px;
+  border-top: 1px solid var(--line);
+}
+
+.source-link {
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+  min-height: 28px;
+  padding: 4px 8px;
+  border: 1px solid rgba(131, 219, 200, 0.28);
+  color: var(--cyan);
+  font-family: var(--mono);
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  overflow-wrap: anywhere;
+}
+
+.source-link:hover,
+.source-link:focus-visible {
+  border-color: rgba(167, 255, 79, 0.48);
+  color: var(--signal);
+  outline: none;
+}
+
+.next-jump {
+  border-left: 2px solid var(--cyan);
+}
+
+.footer {
+  border-top: 1px solid var(--line);
+  padding: 36px var(--pad);
+  color: var(--quiet);
+  font-family: var(--mono);
+  font-size: 11px;
+  text-align: center;
+}
+
+@media (max-width: 1080px) {
+  .intro-board,
+  .hero-grid,
+  .section-head,
+  .dossier-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .process-line {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 780px) {
+  .process-line,
+  .patch-diagram,
+  .evidence-grid,
+  .two-column,
+  .story-grid,
+  .profile-grid,
+  .system-stack,
+  .ascii-visual-grid,
+  .explain-flow,
+  .adapted-board {
+    grid-template-columns: 1fr;
+  }
+
+  .flow-arrow {
+    transform: rotate(90deg);
+  }
+
+  .process-line::before {
+    display: none;
+  }
+
+  .matrix-wrap {
+    overflow: visible;
+  }
+
+  .comparison-matrix {
+    display: block;
+    min-width: 0;
+  }
+
+  .comparison-matrix tbody,
+  .comparison-matrix tr,
+  .comparison-matrix th,
+  .comparison-matrix td {
+    display: block;
+  }
+
+  .comparison-matrix tr:first-child {
+    display: none;
+  }
+
+  .comparison-matrix tr {
+    border-bottom: 1px solid var(--line);
+  }
+
+  .comparison-matrix tr:last-child {
+    border-bottom: 0;
+  }
+
+  .comparison-matrix th,
+  .comparison-matrix td {
+    border-right: 0;
+  }
+
+  .comparison-matrix td::before {
+    content: attr(data-version);
+    display: block;
+    margin-bottom: 4px;
+    color: var(--quiet);
+    font-family: var(--mono);
+    font-size: 10px;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+  }
+
+  .topbar {
+    position: relative;
+  }
+
+  .topbar-inner {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .shell {
+    width: min(var(--max), calc(100vw - 36px));
+  }
+
+  .intro-board,
+  .version-hero {
+    min-height: auto;
+    padding-top: 42px;
+  }
+}
+
+
+.explain-visual {
+  height: 100%;
+  min-height: 430px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: clamp(16px, 3vw, 24px);
+  border: 1px solid rgba(131, 219, 200, 0.24);
+  background:
+    linear-gradient(135deg, rgba(131, 219, 200, 0.12), transparent 36%),
+    linear-gradient(225deg, rgba(255, 159, 95, 0.10), transparent 42%),
+    rgba(8, 9, 7, 0.64);
+  box-shadow: inset 0 0 34px rgba(0, 0, 0, 0.24);
+}
+
+.explain-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  font-family: var(--mono);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.explain-head span {
+  color: var(--quiet);
+  font-size: 11px;
+}
+
+.explain-head strong {
+  color: var(--cyan);
+  font-size: 13px;
+}
+
+.explain-thesis {
+  color: var(--ink);
+  font-family: var(--display);
+  font-size: clamp(18px, 2vw, 24px);
+  line-height: 1.22;
+}
+
+.explain-flow {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
+  gap: 10px;
+  align-items: stretch;
+}
+
+.explain-layer {
+  position: relative;
+  min-width: 0;
+  padding: 18px 14px 14px;
+  border: 1px solid rgba(247, 241, 223, 0.16);
+  background: rgba(247, 241, 223, 0.045);
+}
+
+.layer-num {
+  position: absolute;
+  top: -11px;
+  left: 12px;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border: 1px solid rgba(131, 219, 200, 0.44);
+  background: #080907;
+  color: var(--signal);
+  font-family: var(--mono);
+  font-size: 11px;
+}
+
+.explain-layer h4 {
+  margin: 0 0 10px;
+  color: var(--cyan);
+  font-family: var(--mono);
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.explain-layer ul {
+  padding-left: 15px;
+}
+
+.explain-layer li {
+  color: var(--muted);
+  font-size: 13px;
+}
+
+.flow-arrow {
+  display: grid;
+  place-items: center;
+  color: var(--copper);
+  font-family: var(--mono);
+  font-size: 24px;
+}
+
+.delta-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.delta-row span {
+  padding: 6px 9px;
+  border: 1px solid rgba(167, 255, 79, 0.24);
+  color: var(--signal);
+  background: rgba(167, 255, 79, 0.065);
+  font-family: var(--mono);
+  font-size: 11px;
+}
+
+.visual-warning {
+  margin-top: auto;
+  padding-top: 12px;
+  border-top: 1px solid var(--line);
+  color: var(--muted);
+  font-size: 14px;
+}

index.html

@@ -0,0 +1,80 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>HAI Versionspfad</title>
+  <meta name="description" content="Lokaler visueller Explainer fuer die HAI-Versionen V1.0 bis V1.6.">
+  <link rel="stylesheet" href="./assets/styles.css">
+</head>
+<body>
+  <header class="topbar">
+    <div class="topbar-inner">
+      <a class="brand" href="./" aria-label="HAI Versionspfad">
+        <span class="brand-mark">HAI</span>
+        <span>Version Dossiers</span>
+      </a>
+      <nav class="nav" aria-label="Navigation">
+        <a href="#evolution">Evolution</a>
+        <a href="#matrix">Matrix</a>
+        <a href="./versions/v1-6/">V1.6</a>
+      </nav>
+    </div>
+  </header>
+
+  <main class="shell">
+    <section class="intro-board" aria-labelledby="page-title">
+      <div class="intro-copy">
+        <p class="eyebrow">Lokaler Review-Prototyp</p>
+        <h1 id="page-title">HAI Versionspfad</h1>
+        <p class="lead">
+          Der Pfad zeigt, wie HAI von Projekt-Verstehen zu kontrollierter
+          Ausfuehrung, sinnvollen Stops, engem Repair und begrenztem Pair-Modus gewachsen ist.
+        </p>
+      </div>
+      <div class="current-state" aria-label="Aktueller Stand">
+        <span class="status">V1.6: Pair-Modus Patchlinie</span>
+        <p>Zwei unabhaengige Lanes sind erlaubt, aber nur mit Scope-Beweis, Worktree-Isolation und Join nach Validator-ACCEPT.</p>
+      </div>
+    </section>
+
+    <section class="section" id="evolution">
+      <div class="section-head">
+        <div>
+          <p class="label">Evolution Board</p>
+          <h2>Sieben Stufen, eine Prozesslinie.</h2>
+        </div>
+        <p class="section-note">
+          Jede Version beantwortet denselben Dossier-Satz: Skillstand,
+          Bruchstelle, Aenderung, Validierung und naechster Sprung.
+        </p>
+      </div>
+      <div class="process-line" data-evolution></div>
+    </section>
+
+    <section class="section" id="matrix">
+      <div class="section-head">
+        <div>
+          <p class="label">Vergleichsmatrix</p>
+          <h2>Was pro Version besser wurde.</h2>
+        </div>
+        <p class="section-note">
+          Die Matrix ist absichtlich grob: sie zeigt die Reife der HAI-Faehigkeit,
+          nicht interne Changelog-Details.
+        </p>
+      </div>
+      <div class="matrix-wrap">
+        <table class="comparison-matrix" data-matrix>
+          <caption>HAI Faehigkeiten von V1.0 bis V1.6</caption>
+        </table>
+      </div>
+    </section>
+  </main>
+
+  <footer class="footer">
+    Lokaler Prototyp: /home/smlflg/Projekte/HAI/hai-version-explainers
+  </footer>
+
+  <script src="./assets/app.js"></script>
+</body>
+</html>

tests/smoke-ascii.mjs

@@ -0,0 +1,75 @@
+import fs from "node:fs";
+import path from "node:path";
+
+const root = path.resolve("hai-version-explainers");
+const appPath = path.join(root, "assets", "app.js");
+const app = fs.readFileSync(appPath, "utf8");
+const versions = ["v1-0", "v1-1", "v1-2", "v1-3", "v1-4", "v1-5", "v1-6"];
+const storyMarkers = [
+  "data-story-title",
+  "data-story-lead",
+  "data-story-before",
+  "data-story-after",
+  "data-owner-question"
+];
+const productMarkers = [
+  "data-agent-role",
+  "data-product-positioning",
+  "data-system-inputs",
+  "data-system-process",
+  "data-system-outputs",
+  "data-mental-model",
+  "data-version-changes",
+  "data-version-functions",
+  "data-profile-governance"
+];
+
+for (const version of versions) {
+  const page = path.join(root, "versions", version, "index.html");
+  if (!fs.existsSync(page)) throw new Error(`missing page: ${page}`);
+  const html = fs.readFileSync(page, "utf8");
+  if (!html.includes(`data-version="${version}"`)) throw new Error(`wrong data-version in ${page}`);
+  if (!html.includes('class="shell version-site"')) throw new Error(`missing standalone version-site shell in ${page}`);
+  if ((html.match(/data-ascii-art/g) || []).length !== 1) throw new Error(`ascii target must appear exactly once in ${page}`);
+  if ((html.match(/data-adapted-visual/g) || []).length !== 1) throw new Error(`adapted visual target must appear exactly once in ${page}`);
+  if (html.includes("data-reference-visual")) throw new Error(`old reference visual target still present in ${page}`);
+  if (html.includes("data-ai-visual")) throw new Error(`old ai visual target still present in ${page}`);
+  const heroIndex = html.indexOf('class="version-hero"');
+  const asciiIndex = html.indexOf('class="section ascii-section"');
+  const storyIndex = html.indexOf('class="section version-story"');
+  if (!(heroIndex !== -1 && heroIndex < asciiIndex && asciiIndex < storyIndex)) {
+    throw new Error(`ascii/story order is wrong in ${page}`);
+  }
+  for (const marker of storyMarkers) {
+    if (!html.includes(marker)) throw new Error(`missing ${marker} in ${page}`);
+  }
+  for (const marker of productMarkers) {
+    if (!html.includes(marker)) throw new Error(`missing ${marker} in ${page}`);
+  }
+  if (!app.includes(`"${version}":`)) throw new Error(`missing VERSION_DATA for ${version}`);
+}
+
+const asciiCount = (app.match(/asciiArt:\s*String\.raw`/g) || []).length;
+if (asciiCount !== versions.length) {
+  throw new Error(`expected ${versions.length} asciiArt entries, got ${asciiCount}`);
+}
+
+const websiteCount = (app.match(/website:\s*{/g) || []).length;
+if (websiteCount !== versions.length) {
+  throw new Error(`expected ${versions.length} website blocks, got ${websiteCount}`);
+}
+
+for (const marker of ["const PROFILE_DATA = {", "const VISUAL_DATA = {", "function renderAdaptedVisual", "data-agent-role", "data-version-functions"]) {
+  if (!app.includes(marker)) throw new Error(`missing profile renderer/data marker: ${marker}`);
+}
+
+const expectedOrder = 'const ORDER = ["v1-0", "v1-1", "v1-2", "v1-3", "v1-4", "v1-5", "v1-6"]';
+if (!app.includes(expectedOrder)) {
+  throw new Error("ORDER does not include all versions through v1-6");
+}
+
+if (app.includes('<a class="source-link"')) {
+  throw new Error("source labels must not render as links under the local http.server root");
+}
+
+console.log(`OK: ${versions.length} HAI version websites configured with distinct ASCII + adapted visual slots`);

versions/v1-0/index.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>HAI V1.0</title>
+  <link rel="stylesheet" href="../../assets/styles.css">
+</head>
+<body data-version="v1-0">
+  <header class="topbar">
+    <div class="topbar-inner">
+      <a class="brand" href="../../"><span class="brand-mark">HAI</span><span>Version Dossier</span></a>
+      <nav class="nav" aria-label="Version Navigation">
+        <a href="../../">Index</a>
+        <a data-prev href="../v1-0/">Zurueck</a>
+        <a data-next-link href="../v1-1/">Weiter</a>
+      </nav>
+    </div>
+  </header>
+  <main class="shell version-site">
+    <section class="version-hero">
+      <div class="hero-grid">
+        <div>
+          <p class="eyebrow" data-version-number></p>
+          <h1 data-version-title></h1>
+          <p class="lead" data-version-one-line></p>
+        </div>
+        <aside class="hero-card">
+          <span class="status" data-version-status></span>
+          <p data-background></p>
+        </aside>
+      </div>
+    </section>
+
+    <section class="section ascii-section" aria-labelledby="ascii-title">
+      <article class="panel ascii-panel">
+        <div class="ascii-head">
+          <p class="label">Owner-Loop</p>
+          <h2 id="ascii-title">ASCII-Art dieser Version</h2>
+        </div>
+        <div class="ascii-visual-grid">
+          <pre class="ascii-art" data-ascii-art aria-label="HAI Owner-Loop ASCII-Art"></pre>
+          <figure class="adapted-key-visual" data-adapted-visual aria-label="Angepasstes Versionsvisual"></figure>
+        </div>
+      </article>
+    </section>
+
+    <section class="section version-story" aria-labelledby="story-title">
+      <article class="panel story-panel">
+        <p class="label">Version Story</p>
+        <h2 id="story-title" data-story-title></h2>
+        <p class="story-lead" data-story-lead></p>
+        <div class="story-grid">
+          <div>
+            <h3>Vorher</h3>
+            <p data-story-before></p>
+          </div>
+          <div>
+            <h3>Nachher</h3>
+            <p data-story-after></p>
+          </div>
+          <div>
+            <h3>Owner-Frage</h3>
+            <p data-owner-question></p>
+          </div>
+        </div>
+      </article>
+    </section>
+
+    <section class="section product-profile" aria-labelledby="profile-title">
+      <article class="panel profile-panel">
+        <div class="profile-kicker">
+          <p class="label">Agenten-Steckbrief</p>
+          <span class="profile-badge" data-agent-role></span>
+        </div>
+        <h2 id="profile-title">Systematik, mentales Modell, Versions-Diff</h2>
+        <p class="profile-lead" data-product-positioning></p>
+        <div class="profile-grid">
+          <section class="profile-card profile-card-wide">
+            <h3>Systematik</h3>
+            <div class="system-stack">
+              <div>
+                <h4>Inputs</h4>
+                <div data-system-inputs></div>
+              </div>
+              <div>
+                <h4>Prozesslogik</h4>
+                <p data-system-process></p>
+              </div>
+              <div>
+                <h4>Outputs</h4>
+                <div data-system-outputs></div>
+              </div>
+            </div>
+          </section>
+          <section class="profile-card">
+            <h3>Mentales Nutzermodell</h3>
+            <p data-mental-model></p>
+          </section>
+          <section class="profile-card">
+            <h3>Änderungen</h3>
+            <div data-version-changes></div>
+          </section>
+          <section class="profile-card">
+            <h3>Neue Funktionen / Skills</h3>
+            <div data-version-functions></div>
+          </section>
+          <section class="profile-card profile-card-wide">
+            <h3>Grenzen & Governance</h3>
+            <p data-profile-governance></p>
+          </section>
+        </div>
+      </article>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel">
+          <h3>Skillstand</h3>
+          <div data-skillstand></div>
+        </article>
+        <article class="panel">
+          <h3>Skill-Pipeline</h3>
+          <div class="pipeline" data-skill-chain></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="evidence-grid">
+        <article class="patch-cell stand"><h3>Stand</h3><p data-stand></p></article>
+        <article class="patch-cell problem"><h3>Problem</h3><p data-problem></p></article>
+        <article class="patch-cell proposal"><h3>Verbesserungsvorschlag</h3><p data-proposal></p></article>
+        <article class="patch-cell implementation"><h3>Umsetzung</h3><p data-implementation></p></article>
+        <article class="patch-cell test"><h3>Test</h3><p data-test></p></article>
+        <article class="patch-cell validation"><h3>Validierung</h3><p data-validation-text></p></article>
+        <article class="patch-cell method"><h3>Methodischer Fokus</h3><p data-method></p></article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="two-column">
+        <article class="mini-card good">
+          <h3>Gut</h3>
+          <div data-good></div>
+        </article>
+        <article class="mini-card bad">
+          <h3>Schlecht</h3>
+          <div data-weak></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel next-jump">
+          <h3>Geplanter naechster Sprung</h3>
+          <p data-next></p>
+        </article>
+        <article class="panel">
+          <h3>Proof Strip</h3>
+          <div class="proof-strip" data-proof></div>
+          <div class="source-list" data-sources></div>
+        </article>
+      </div>
+    </section>
+  </main>
+  <footer class="footer">Lokaler Review-Prototyp. Noch nicht Teil des Produktrepos.</footer>
+  <script src="../../assets/app.js"></script>
+</body>
+</html>

versions/v1-1/index.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>HAI V1.1</title>
+  <link rel="stylesheet" href="../../assets/styles.css">
+</head>
+<body data-version="v1-1">
+  <header class="topbar">
+    <div class="topbar-inner">
+      <a class="brand" href="../../"><span class="brand-mark">HAI</span><span>Version Dossier</span></a>
+      <nav class="nav" aria-label="Version Navigation">
+        <a href="../../">Index</a>
+        <a data-prev href="../v1-0/">Zurueck</a>
+        <a data-next-link href="../v1-2/">Weiter</a>
+      </nav>
+    </div>
+  </header>
+  <main class="shell version-site">
+    <section class="version-hero">
+      <div class="hero-grid">
+        <div>
+          <p class="eyebrow" data-version-number></p>
+          <h1 data-version-title></h1>
+          <p class="lead" data-version-one-line></p>
+        </div>
+        <aside class="hero-card">
+          <span class="status" data-version-status></span>
+          <p data-background></p>
+        </aside>
+      </div>
+    </section>
+
+    <section class="section ascii-section" aria-labelledby="ascii-title">
+      <article class="panel ascii-panel">
+        <div class="ascii-head">
+          <p class="label">Owner-Loop</p>
+          <h2 id="ascii-title">ASCII-Art dieser Version</h2>
+        </div>
+        <div class="ascii-visual-grid">
+          <pre class="ascii-art" data-ascii-art aria-label="HAI Owner-Loop ASCII-Art"></pre>
+          <figure class="adapted-key-visual" data-adapted-visual aria-label="Angepasstes Versionsvisual"></figure>
+        </div>
+      </article>
+    </section>
+
+    <section class="section version-story" aria-labelledby="story-title">
+      <article class="panel story-panel">
+        <p class="label">Version Story</p>
+        <h2 id="story-title" data-story-title></h2>
+        <p class="story-lead" data-story-lead></p>
+        <div class="story-grid">
+          <div>
+            <h3>Vorher</h3>
+            <p data-story-before></p>
+          </div>
+          <div>
+            <h3>Nachher</h3>
+            <p data-story-after></p>
+          </div>
+          <div>
+            <h3>Owner-Frage</h3>
+            <p data-owner-question></p>
+          </div>
+        </div>
+      </article>
+    </section>
+
+    <section class="section product-profile" aria-labelledby="profile-title">
+      <article class="panel profile-panel">
+        <div class="profile-kicker">
+          <p class="label">Agenten-Steckbrief</p>
+          <span class="profile-badge" data-agent-role></span>
+        </div>
+        <h2 id="profile-title">Systematik, mentales Modell, Versions-Diff</h2>
+        <p class="profile-lead" data-product-positioning></p>
+        <div class="profile-grid">
+          <section class="profile-card profile-card-wide">
+            <h3>Systematik</h3>
+            <div class="system-stack">
+              <div>
+                <h4>Inputs</h4>
+                <div data-system-inputs></div>
+              </div>
+              <div>
+                <h4>Prozesslogik</h4>
+                <p data-system-process></p>
+              </div>
+              <div>
+                <h4>Outputs</h4>
+                <div data-system-outputs></div>
+              </div>
+            </div>
+          </section>
+          <section class="profile-card">
+            <h3>Mentales Nutzermodell</h3>
+            <p data-mental-model></p>
+          </section>
+          <section class="profile-card">
+            <h3>Änderungen</h3>
+            <div data-version-changes></div>
+          </section>
+          <section class="profile-card">
+            <h3>Neue Funktionen / Skills</h3>
+            <div data-version-functions></div>
+          </section>
+          <section class="profile-card profile-card-wide">
+            <h3>Grenzen & Governance</h3>
+            <p data-profile-governance></p>
+          </section>
+        </div>
+      </article>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel">
+          <h3>Skillstand</h3>
+          <div data-skillstand></div>
+        </article>
+        <article class="panel">
+          <h3>Skill-Pipeline</h3>
+          <div class="pipeline" data-skill-chain></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="evidence-grid">
+        <article class="patch-cell stand"><h3>Stand</h3><p data-stand></p></article>
+        <article class="patch-cell problem"><h3>Problem</h3><p data-problem></p></article>
+        <article class="patch-cell proposal"><h3>Verbesserungsvorschlag</h3><p data-proposal></p></article>
+        <article class="patch-cell implementation"><h3>Umsetzung</h3><p data-implementation></p></article>
+        <article class="patch-cell test"><h3>Test</h3><p data-test></p></article>
+        <article class="patch-cell validation"><h3>Validierung</h3><p data-validation-text></p></article>
+        <article class="patch-cell method"><h3>Methodischer Fokus</h3><p data-method></p></article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="two-column">
+        <article class="mini-card good">
+          <h3>Gut</h3>
+          <div data-good></div>
+        </article>
+        <article class="mini-card bad">
+          <h3>Schlecht</h3>
+          <div data-weak></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel next-jump">
+          <h3>Geplanter naechster Sprung</h3>
+          <p data-next></p>
+        </article>
+        <article class="panel">
+          <h3>Proof Strip</h3>
+          <div class="proof-strip" data-proof></div>
+          <div class="source-list" data-sources></div>
+        </article>
+      </div>
+    </section>
+  </main>
+  <footer class="footer">Lokaler Review-Prototyp. Noch nicht Teil des Produktrepos.</footer>
+  <script src="../../assets/app.js"></script>
+</body>
+</html>

versions/v1-2/index.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>HAI V1.2</title>
+  <link rel="stylesheet" href="../../assets/styles.css">
+</head>
+<body data-version="v1-2">
+  <header class="topbar">
+    <div class="topbar-inner">
+      <a class="brand" href="../../"><span class="brand-mark">HAI</span><span>Version Dossier</span></a>
+      <nav class="nav" aria-label="Version Navigation">
+        <a href="../../">Index</a>
+        <a data-prev href="../v1-1/">Zurueck</a>
+        <a data-next-link href="../v1-3/">Weiter</a>
+      </nav>
+    </div>
+  </header>
+  <main class="shell version-site">
+    <section class="version-hero">
+      <div class="hero-grid">
+        <div>
+          <p class="eyebrow" data-version-number></p>
+          <h1 data-version-title></h1>
+          <p class="lead" data-version-one-line></p>
+        </div>
+        <aside class="hero-card">
+          <span class="status" data-version-status></span>
+          <p data-background></p>
+        </aside>
+      </div>
+    </section>
+
+    <section class="section ascii-section" aria-labelledby="ascii-title">
+      <article class="panel ascii-panel">
+        <div class="ascii-head">
+          <p class="label">Owner-Loop</p>
+          <h2 id="ascii-title">ASCII-Art dieser Version</h2>
+        </div>
+        <div class="ascii-visual-grid">
+          <pre class="ascii-art" data-ascii-art aria-label="HAI Owner-Loop ASCII-Art"></pre>
+          <figure class="adapted-key-visual" data-adapted-visual aria-label="Angepasstes Versionsvisual"></figure>
+        </div>
+      </article>
+    </section>
+
+    <section class="section version-story" aria-labelledby="story-title">
+      <article class="panel story-panel">
+        <p class="label">Version Story</p>
+        <h2 id="story-title" data-story-title></h2>
+        <p class="story-lead" data-story-lead></p>
+        <div class="story-grid">
+          <div>
+            <h3>Vorher</h3>
+            <p data-story-before></p>
+          </div>
+          <div>
+            <h3>Nachher</h3>
+            <p data-story-after></p>
+          </div>
+          <div>
+            <h3>Owner-Frage</h3>
+            <p data-owner-question></p>
+          </div>
+        </div>
+      </article>
+    </section>
+
+    <section class="section product-profile" aria-labelledby="profile-title">
+      <article class="panel profile-panel">
+        <div class="profile-kicker">
+          <p class="label">Agenten-Steckbrief</p>
+          <span class="profile-badge" data-agent-role></span>
+        </div>
+        <h2 id="profile-title">Systematik, mentales Modell, Versions-Diff</h2>
+        <p class="profile-lead" data-product-positioning></p>
+        <div class="profile-grid">
+          <section class="profile-card profile-card-wide">
+            <h3>Systematik</h3>
+            <div class="system-stack">
+              <div>
+                <h4>Inputs</h4>
+                <div data-system-inputs></div>
+              </div>
+              <div>
+                <h4>Prozesslogik</h4>
+                <p data-system-process></p>
+              </div>
+              <div>
+                <h4>Outputs</h4>
+                <div data-system-outputs></div>
+              </div>
+            </div>
+          </section>
+          <section class="profile-card">
+            <h3>Mentales Nutzermodell</h3>
+            <p data-mental-model></p>
+          </section>
+          <section class="profile-card">
+            <h3>Änderungen</h3>
+            <div data-version-changes></div>
+          </section>
+          <section class="profile-card">
+            <h3>Neue Funktionen / Skills</h3>
+            <div data-version-functions></div>
+          </section>
+          <section class="profile-card profile-card-wide">
+            <h3>Grenzen & Governance</h3>
+            <p data-profile-governance></p>
+          </section>
+        </div>
+      </article>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel">
+          <h3>Skillstand</h3>
+          <div data-skillstand></div>
+        </article>
+        <article class="panel">
+          <h3>Skill-Pipeline</h3>
+          <div class="pipeline" data-skill-chain></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="evidence-grid">
+        <article class="patch-cell stand"><h3>Stand</h3><p data-stand></p></article>
+        <article class="patch-cell problem"><h3>Problem</h3><p data-problem></p></article>
+        <article class="patch-cell proposal"><h3>Verbesserungsvorschlag</h3><p data-proposal></p></article>
+        <article class="patch-cell implementation"><h3>Umsetzung</h3><p data-implementation></p></article>
+        <article class="patch-cell test"><h3>Test</h3><p data-test></p></article>
+        <article class="patch-cell validation"><h3>Validierung</h3><p data-validation-text></p></article>
+        <article class="patch-cell method"><h3>Methodischer Fokus</h3><p data-method></p></article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="two-column">
+        <article class="mini-card good">
+          <h3>Gut</h3>
+          <div data-good></div>
+        </article>
+        <article class="mini-card bad">
+          <h3>Schlecht</h3>
+          <div data-weak></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel next-jump">
+          <h3>Geplanter naechster Sprung</h3>
+          <p data-next></p>
+        </article>
+        <article class="panel">
+          <h3>Proof Strip</h3>
+          <div class="proof-strip" data-proof></div>
+          <div class="source-list" data-sources></div>
+        </article>
+      </div>
+    </section>
+  </main>
+  <footer class="footer">Lokaler Review-Prototyp. Noch nicht Teil des Produktrepos.</footer>
+  <script src="../../assets/app.js"></script>
+</body>
+</html>

versions/v1-3/index.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>HAI V1.3</title>
+  <link rel="stylesheet" href="../../assets/styles.css">
+</head>
+<body data-version="v1-3">
+  <header class="topbar">
+    <div class="topbar-inner">
+      <a class="brand" href="../../"><span class="brand-mark">HAI</span><span>Version Dossier</span></a>
+      <nav class="nav" aria-label="Version Navigation">
+        <a href="../../">Index</a>
+        <a data-prev href="../v1-2/">Zurueck</a>
+        <a data-next-link href="../v1-4/">Weiter</a>
+      </nav>
+    </div>
+  </header>
+  <main class="shell version-site">
+    <section class="version-hero">
+      <div class="hero-grid">
+        <div>
+          <p class="eyebrow" data-version-number></p>
+          <h1 data-version-title></h1>
+          <p class="lead" data-version-one-line></p>
+        </div>
+        <aside class="hero-card">
+          <span class="status" data-version-status></span>
+          <p data-background></p>
+        </aside>
+      </div>
+    </section>
+
+    <section class="section ascii-section" aria-labelledby="ascii-title">
+      <article class="panel ascii-panel">
+        <div class="ascii-head">
+          <p class="label">Owner-Loop</p>
+          <h2 id="ascii-title">ASCII-Art dieser Version</h2>
+        </div>
+        <div class="ascii-visual-grid">
+          <pre class="ascii-art" data-ascii-art aria-label="HAI Owner-Loop ASCII-Art"></pre>
+          <figure class="adapted-key-visual" data-adapted-visual aria-label="Angepasstes Versionsvisual"></figure>
+        </div>
+      </article>
+    </section>
+
+    <section class="section version-story" aria-labelledby="story-title">
+      <article class="panel story-panel">
+        <p class="label">Version Story</p>
+        <h2 id="story-title" data-story-title></h2>
+        <p class="story-lead" data-story-lead></p>
+        <div class="story-grid">
+          <div>
+            <h3>Vorher</h3>
+            <p data-story-before></p>
+          </div>
+          <div>
+            <h3>Nachher</h3>
+            <p data-story-after></p>
+          </div>
+          <div>
+            <h3>Owner-Frage</h3>
+            <p data-owner-question></p>
+          </div>
+        </div>
+      </article>
+    </section>
+
+    <section class="section product-profile" aria-labelledby="profile-title">
+      <article class="panel profile-panel">
+        <div class="profile-kicker">
+          <p class="label">Agenten-Steckbrief</p>
+          <span class="profile-badge" data-agent-role></span>
+        </div>
+        <h2 id="profile-title">Systematik, mentales Modell, Versions-Diff</h2>
+        <p class="profile-lead" data-product-positioning></p>
+        <div class="profile-grid">
+          <section class="profile-card profile-card-wide">
+            <h3>Systematik</h3>
+            <div class="system-stack">
+              <div>
+                <h4>Inputs</h4>
+                <div data-system-inputs></div>
+              </div>
+              <div>
+                <h4>Prozesslogik</h4>
+                <p data-system-process></p>
+              </div>
+              <div>
+                <h4>Outputs</h4>
+                <div data-system-outputs></div>
+              </div>
+            </div>
+          </section>
+          <section class="profile-card">
+            <h3>Mentales Nutzermodell</h3>
+            <p data-mental-model></p>
+          </section>
+          <section class="profile-card">
+            <h3>Änderungen</h3>
+            <div data-version-changes></div>
+          </section>
+          <section class="profile-card">
+            <h3>Neue Funktionen / Skills</h3>
+            <div data-version-functions></div>
+          </section>
+          <section class="profile-card profile-card-wide">
+            <h3>Grenzen & Governance</h3>
+            <p data-profile-governance></p>
+          </section>
+        </div>
+      </article>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel">
+          <h3>Skillstand</h3>
+          <div data-skillstand></div>
+        </article>
+        <article class="panel">
+          <h3>Skill-Pipeline</h3>
+          <div class="pipeline" data-skill-chain></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="evidence-grid">
+        <article class="patch-cell stand"><h3>Stand</h3><p data-stand></p></article>
+        <article class="patch-cell problem"><h3>Problem</h3><p data-problem></p></article>
+        <article class="patch-cell proposal"><h3>Verbesserungsvorschlag</h3><p data-proposal></p></article>
+        <article class="patch-cell implementation"><h3>Umsetzung</h3><p data-implementation></p></article>
+        <article class="patch-cell test"><h3>Test</h3><p data-test></p></article>
+        <article class="patch-cell validation"><h3>Validierung</h3><p data-validation-text></p></article>
+        <article class="patch-cell method"><h3>Methodischer Fokus</h3><p data-method></p></article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="two-column">
+        <article class="mini-card good">
+          <h3>Gut</h3>
+          <div data-good></div>
+        </article>
+        <article class="mini-card bad">
+          <h3>Schlecht</h3>
+          <div data-weak></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel next-jump">
+          <h3>Geplanter naechster Sprung</h3>
+          <p data-next></p>
+        </article>
+        <article class="panel">
+          <h3>Proof Strip</h3>
+          <div class="proof-strip" data-proof></div>
+          <div class="source-list" data-sources></div>
+        </article>
+      </div>
+    </section>
+  </main>
+  <footer class="footer">Lokaler Review-Prototyp. Noch nicht Teil des Produktrepos.</footer>
+  <script src="../../assets/app.js"></script>
+</body>
+</html>

versions/v1-4/index.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>HAI V1.4</title>
+  <link rel="stylesheet" href="../../assets/styles.css">
+</head>
+<body data-version="v1-4">
+  <header class="topbar">
+    <div class="topbar-inner">
+      <a class="brand" href="../../"><span class="brand-mark">HAI</span><span>Version Dossier</span></a>
+      <nav class="nav" aria-label="Version Navigation">
+        <a href="../../">Index</a>
+        <a data-prev href="../v1-3/">Zurueck</a>
+        <a data-next-link href="../v1-5/">Weiter</a>
+      </nav>
+    </div>
+  </header>
+  <main class="shell version-site">
+    <section class="version-hero">
+      <div class="hero-grid">
+        <div>
+          <p class="eyebrow" data-version-number></p>
+          <h1 data-version-title></h1>
+          <p class="lead" data-version-one-line></p>
+        </div>
+        <aside class="hero-card">
+          <span class="status" data-version-status></span>
+          <p data-background></p>
+        </aside>
+      </div>
+    </section>
+
+    <section class="section ascii-section" aria-labelledby="ascii-title">
+      <article class="panel ascii-panel">
+        <div class="ascii-head">
+          <p class="label">Owner-Loop</p>
+          <h2 id="ascii-title">ASCII-Art dieser Version</h2>
+        </div>
+        <div class="ascii-visual-grid">
+          <pre class="ascii-art" data-ascii-art aria-label="HAI Owner-Loop ASCII-Art"></pre>
+          <figure class="adapted-key-visual" data-adapted-visual aria-label="Angepasstes Versionsvisual"></figure>
+        </div>
+      </article>
+    </section>
+
+    <section class="section version-story" aria-labelledby="story-title">
+      <article class="panel story-panel">
+        <p class="label">Version Story</p>
+        <h2 id="story-title" data-story-title></h2>
+        <p class="story-lead" data-story-lead></p>
+        <div class="story-grid">
+          <div>
+            <h3>Vorher</h3>
+            <p data-story-before></p>
+          </div>
+          <div>
+            <h3>Nachher</h3>
+            <p data-story-after></p>
+          </div>
+          <div>
+            <h3>Owner-Frage</h3>
+            <p data-owner-question></p>
+          </div>
+        </div>
+      </article>
+    </section>
+
+    <section class="section product-profile" aria-labelledby="profile-title">
+      <article class="panel profile-panel">
+        <div class="profile-kicker">
+          <p class="label">Agenten-Steckbrief</p>
+          <span class="profile-badge" data-agent-role></span>
+        </div>
+        <h2 id="profile-title">Systematik, mentales Modell, Versions-Diff</h2>
+        <p class="profile-lead" data-product-positioning></p>
+        <div class="profile-grid">
+          <section class="profile-card profile-card-wide">
+            <h3>Systematik</h3>
+            <div class="system-stack">
+              <div>
+                <h4>Inputs</h4>
+                <div data-system-inputs></div>
+              </div>
+              <div>
+                <h4>Prozesslogik</h4>
+                <p data-system-process></p>
+              </div>
+              <div>
+                <h4>Outputs</h4>
+                <div data-system-outputs></div>
+              </div>
+            </div>
+          </section>
+          <section class="profile-card">
+            <h3>Mentales Nutzermodell</h3>
+            <p data-mental-model></p>
+          </section>
+          <section class="profile-card">
+            <h3>Änderungen</h3>
+            <div data-version-changes></div>
+          </section>
+          <section class="profile-card">
+            <h3>Neue Funktionen / Skills</h3>
+            <div data-version-functions></div>
+          </section>
+          <section class="profile-card profile-card-wide">
+            <h3>Grenzen & Governance</h3>
+            <p data-profile-governance></p>
+          </section>
+        </div>
+      </article>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel">
+          <h3>Skillstand</h3>
+          <div data-skillstand></div>
+        </article>
+        <article class="panel">
+          <h3>Skill-Pipeline</h3>
+          <div class="pipeline" data-skill-chain></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="evidence-grid">
+        <article class="patch-cell stand"><h3>Stand</h3><p data-stand></p></article>
+        <article class="patch-cell problem"><h3>Problem</h3><p data-problem></p></article>
+        <article class="patch-cell proposal"><h3>Verbesserungsvorschlag</h3><p data-proposal></p></article>
+        <article class="patch-cell implementation"><h3>Umsetzung</h3><p data-implementation></p></article>
+        <article class="patch-cell test"><h3>Test</h3><p data-test></p></article>
+        <article class="patch-cell validation"><h3>Validierung</h3><p data-validation-text></p></article>
+        <article class="patch-cell method"><h3>Methodischer Fokus</h3><p data-method></p></article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="two-column">
+        <article class="mini-card good">
+          <h3>Gut</h3>
+          <div data-good></div>
+        </article>
+        <article class="mini-card bad">
+          <h3>Schlecht</h3>
+          <div data-weak></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel next-jump">
+          <h3>Geplanter naechster Sprung</h3>
+          <p data-next></p>
+        </article>
+        <article class="panel">
+          <h3>Proof Strip</h3>
+          <div class="proof-strip" data-proof></div>
+          <div class="source-list" data-sources></div>
+        </article>
+      </div>
+    </section>
+  </main>
+  <footer class="footer">Lokaler Review-Prototyp. Noch nicht Teil des Produktrepos.</footer>
+  <script src="../../assets/app.js"></script>
+</body>
+</html>

versions/v1-5/index.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>HAI V1.5</title>
+  <link rel="stylesheet" href="../../assets/styles.css">
+</head>
+<body data-version="v1-5">
+  <header class="topbar">
+    <div class="topbar-inner">
+      <a class="brand" href="../../"><span class="brand-mark">HAI</span><span>Version Dossier</span></a>
+      <nav class="nav" aria-label="Version Navigation">
+        <a href="../../">Index</a>
+        <a data-prev href="../v1-4/">Zurueck</a>
+        <a data-next-link href="../../">Weiter</a>
+      </nav>
+    </div>
+  </header>
+  <main class="shell version-site">
+    <section class="version-hero">
+      <div class="hero-grid">
+        <div>
+          <p class="eyebrow" data-version-number></p>
+          <h1 data-version-title></h1>
+          <p class="lead" data-version-one-line></p>
+        </div>
+        <aside class="hero-card">
+          <span class="status" data-version-status></span>
+          <p data-background></p>
+        </aside>
+      </div>
+    </section>
+
+    <section class="section ascii-section" aria-labelledby="ascii-title">
+      <article class="panel ascii-panel">
+        <div class="ascii-head">
+          <p class="label">Owner-Loop</p>
+          <h2 id="ascii-title">ASCII-Art dieser Version</h2>
+        </div>
+        <div class="ascii-visual-grid">
+          <pre class="ascii-art" data-ascii-art aria-label="HAI Owner-Loop ASCII-Art"></pre>
+          <figure class="adapted-key-visual" data-adapted-visual aria-label="Angepasstes Versionsvisual"></figure>
+        </div>
+      </article>
+    </section>
+
+    <section class="section version-story" aria-labelledby="story-title">
+      <article class="panel story-panel">
+        <p class="label">Version Story</p>
+        <h2 id="story-title" data-story-title></h2>
+        <p class="story-lead" data-story-lead></p>
+        <div class="story-grid">
+          <div>
+            <h3>Vorher</h3>
+            <p data-story-before></p>
+          </div>
+          <div>
+            <h3>Nachher</h3>
+            <p data-story-after></p>
+          </div>
+          <div>
+            <h3>Owner-Frage</h3>
+            <p data-owner-question></p>
+          </div>
+        </div>
+      </article>
+    </section>
+
+    <section class="section product-profile" aria-labelledby="profile-title">
+      <article class="panel profile-panel">
+        <div class="profile-kicker">
+          <p class="label">Agenten-Steckbrief</p>
+          <span class="profile-badge" data-agent-role></span>
+        </div>
+        <h2 id="profile-title">Systematik, mentales Modell, Versions-Diff</h2>
+        <p class="profile-lead" data-product-positioning></p>
+        <div class="profile-grid">
+          <section class="profile-card profile-card-wide">
+            <h3>Systematik</h3>
+            <div class="system-stack">
+              <div>
+                <h4>Inputs</h4>
+                <div data-system-inputs></div>
+              </div>
+              <div>
+                <h4>Prozesslogik</h4>
+                <p data-system-process></p>
+              </div>
+              <div>
+                <h4>Outputs</h4>
+                <div data-system-outputs></div>
+              </div>
+            </div>
+          </section>
+          <section class="profile-card">
+            <h3>Mentales Nutzermodell</h3>
+            <p data-mental-model></p>
+          </section>
+          <section class="profile-card">
+            <h3>Änderungen</h3>
+            <div data-version-changes></div>
+          </section>
+          <section class="profile-card">
+            <h3>Neue Funktionen / Skills</h3>
+            <div data-version-functions></div>
+          </section>
+          <section class="profile-card profile-card-wide">
+            <h3>Grenzen & Governance</h3>
+            <p data-profile-governance></p>
+          </section>
+        </div>
+      </article>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel">
+          <h3>Skillstand</h3>
+          <div data-skillstand></div>
+        </article>
+        <article class="panel">
+          <h3>Skill-Pipeline</h3>
+          <div class="pipeline" data-skill-chain></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="evidence-grid">
+        <article class="patch-cell stand"><h3>Stand</h3><p data-stand></p></article>
+        <article class="patch-cell problem"><h3>Problem</h3><p data-problem></p></article>
+        <article class="patch-cell proposal"><h3>Verbesserungsvorschlag</h3><p data-proposal></p></article>
+        <article class="patch-cell implementation"><h3>Umsetzung</h3><p data-implementation></p></article>
+        <article class="patch-cell test"><h3>Test</h3><p data-test></p></article>
+        <article class="patch-cell validation"><h3>Validierung</h3><p data-validation-text></p></article>
+        <article class="patch-cell method"><h3>Methodischer Fokus</h3><p data-method></p></article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="two-column">
+        <article class="mini-card good">
+          <h3>Gut</h3>
+          <div data-good></div>
+        </article>
+        <article class="mini-card bad">
+          <h3>Schlecht</h3>
+          <div data-weak></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel next-jump">
+          <h3>Geplanter naechster Sprung</h3>
+          <p data-next></p>
+        </article>
+        <article class="panel">
+          <h3>Proof Strip</h3>
+          <div class="proof-strip" data-proof></div>
+          <div class="source-list" data-sources></div>
+        </article>
+      </div>
+    </section>
+  </main>
+  <footer class="footer">Lokaler Review-Prototyp. Noch nicht Teil des Produktrepos.</footer>
+  <script src="../../assets/app.js"></script>
+</body>
+</html>

versions/v1-6/index.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>HAI V1.6</title>
+  <link rel="stylesheet" href="../../assets/styles.css">
+</head>
+<body data-version="v1-6">
+  <header class="topbar">
+    <div class="topbar-inner">
+      <a class="brand" href="../../"><span class="brand-mark">HAI</span><span>Version Dossier</span></a>
+      <nav class="nav" aria-label="Version Navigation">
+        <a href="../../">Index</a>
+        <a data-prev href="../v1-5/">Zurueck</a>
+        <a data-next-link href="../../">Weiter</a>
+      </nav>
+    </div>
+  </header>
+  <main class="shell version-site">
+    <section class="version-hero">
+      <div class="hero-grid">
+        <div>
+          <p class="eyebrow" data-version-number></p>
+          <h1 data-version-title></h1>
+          <p class="lead" data-version-one-line></p>
+        </div>
+        <aside class="hero-card">
+          <span class="status" data-version-status></span>
+          <p data-background></p>
+        </aside>
+      </div>
+    </section>
+
+    <section class="section ascii-section" aria-labelledby="ascii-title">
+      <article class="panel ascii-panel">
+        <div class="ascii-head">
+          <p class="label">Owner-Loop</p>
+          <h2 id="ascii-title">ASCII-Art dieser Version</h2>
+        </div>
+        <div class="ascii-visual-grid">
+          <pre class="ascii-art" data-ascii-art aria-label="HAI Owner-Loop ASCII-Art"></pre>
+          <figure class="adapted-key-visual" data-adapted-visual aria-label="Angepasstes Versionsvisual"></figure>
+        </div>
+      </article>
+    </section>
+
+    <section class="section version-story" aria-labelledby="story-title">
+      <article class="panel story-panel">
+        <p class="label">Version Story</p>
+        <h2 id="story-title" data-story-title></h2>
+        <p class="story-lead" data-story-lead></p>
+        <div class="story-grid">
+          <div>
+            <h3>Vorher</h3>
+            <p data-story-before></p>
+          </div>
+          <div>
+            <h3>Nachher</h3>
+            <p data-story-after></p>
+          </div>
+          <div>
+            <h3>Owner-Frage</h3>
+            <p data-owner-question></p>
+          </div>
+        </div>
+      </article>
+    </section>
+
+    <section class="section product-profile" aria-labelledby="profile-title">
+      <article class="panel profile-panel">
+        <div class="profile-kicker">
+          <p class="label">Agenten-Steckbrief</p>
+          <span class="profile-badge" data-agent-role></span>
+        </div>
+        <h2 id="profile-title">Systematik, mentales Modell, Versions-Diff</h2>
+        <p class="profile-lead" data-product-positioning></p>
+        <div class="profile-grid">
+          <section class="profile-card profile-card-wide">
+            <h3>Systematik</h3>
+            <div class="system-stack">
+              <div>
+                <h4>Inputs</h4>
+                <div data-system-inputs></div>
+              </div>
+              <div>
+                <h4>Prozesslogik</h4>
+                <p data-system-process></p>
+              </div>
+              <div>
+                <h4>Outputs</h4>
+                <div data-system-outputs></div>
+              </div>
+            </div>
+          </section>
+          <section class="profile-card">
+            <h3>Mentales Nutzermodell</h3>
+            <p data-mental-model></p>
+          </section>
+          <section class="profile-card">
+            <h3>Änderungen</h3>
+            <div data-version-changes></div>
+          </section>
+          <section class="profile-card">
+            <h3>Neue Funktionen / Skills</h3>
+            <div data-version-functions></div>
+          </section>
+          <section class="profile-card profile-card-wide">
+            <h3>Grenzen & Governance</h3>
+            <p data-profile-governance></p>
+          </section>
+        </div>
+      </article>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel">
+          <h3>Skillstand</h3>
+          <div data-skillstand></div>
+        </article>
+        <article class="panel">
+          <h3>Skill-Pipeline</h3>
+          <div class="pipeline" data-skill-chain></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="evidence-grid">
+        <article class="patch-cell stand"><h3>Stand</h3><p data-stand></p></article>
+        <article class="patch-cell problem"><h3>Problem</h3><p data-problem></p></article>
+        <article class="patch-cell proposal"><h3>Verbesserungsvorschlag</h3><p data-proposal></p></article>
+        <article class="patch-cell implementation"><h3>Umsetzung</h3><p data-implementation></p></article>
+        <article class="patch-cell test"><h3>Test</h3><p data-test></p></article>
+        <article class="patch-cell validation"><h3>Validierung</h3><p data-validation-text></p></article>
+        <article class="patch-cell method"><h3>Methodischer Fokus</h3><p data-method></p></article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="two-column">
+        <article class="mini-card good">
+          <h3>Gut</h3>
+          <div data-good></div>
+        </article>
+        <article class="mini-card bad">
+          <h3>Schlecht</h3>
+          <div data-weak></div>
+        </article>
+      </div>
+    </section>
+
+    <section class="section">
+      <div class="dossier-grid">
+        <article class="panel next-jump">
+          <h3>Geplanter naechster Sprung</h3>
+          <p data-next></p>
+        </article>
+        <article class="panel">
+          <h3>Proof Strip</h3>
+          <div class="proof-strip" data-proof></div>
+          <div class="source-list" data-sources></div>
+        </article>
+      </div>
+    </section>
+  </main>
+  <footer class="footer">Lokaler Review-Prototyp. Noch nicht Teil des Produktrepos.</footer>
+  <script src="../../assets/app.js"></script>
+</body>
+</html>