From f77f4d0e70ee657f285e1e1b257789ce23742df2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexander=20K=C3=B6lnberger?=
 <159939812+ProfRandom92@users.noreply.github.com>
Date: Tue, 12 May 2026 20:41:26 +0200
Subject: [PATCH] Refine showcase SVG visuals

---
 showcase/assets/architecture-preview.svg |  83 +++++++-----
 showcase/assets/dashboard-preview.svg    | 153 +++++++++++++++++------
 showcase/assets/social-preview.svg       | 101 ++++-----------
 3 files changed, 193 insertions(+), 144 deletions(-)

diff --git a/showcase/assets/architecture-preview.svg b/showcase/assets/architecture-preview.svg
index 82e18c4..c86aad1 100644
--- a/showcase/assets/architecture-preview.svg
+++ b/showcase/assets/architecture-preview.svg
@@ -1,36 +1,63 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900" role="img" aria-labelledby="title desc">
   <title id="title">Comptextv7 architecture preview</title>
-  <desc id="desc">Cloud-first validation architecture diagram showing GitHub Actions authority, artifact publishing, degraded local runner, and showcase consumers.</desc>
+  <desc id="desc">Clean cloud-first validation architecture with structured enterprise lanes, deterministic CI authority, artifact publishing, replay evidence, and showcase consumers.</desc>
   <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#071827"/><stop offset=".5" stop-color="#0a1021"/><stop offset="1" stop-color="#190b32"/></linearGradient>
-    <radialGradient id="glow" cx="12%" cy="2%" r="74%"><stop offset="0" stop-color="#1ad8ff" stop-opacity=".2"/><stop offset="1" stop-color="#1ad8ff" stop-opacity="0"/></radialGradient>
-    <pattern id="grid" width="62" height="62" patternUnits="userSpaceOnUse" patternTransform="skewX(-12)"><path d="M62 0H0V62" fill="none" stroke="#75a7d8" stroke-opacity=".14"/></pattern>
-    <marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto"><path d="M0,0 L0,6 L9,3 z" fill="#5fe8ff"/></marker>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#000814" flood-opacity=".5"/></filter>
-    <style>.sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mono{font-family:"SFMono-Regular","JetBrains Mono",Consolas,monospace}.lane{fill:#070e1c;stroke:#5f83ae;stroke-opacity:.72}.box{fill:#101a2d;stroke:#6b9bd0;stroke-opacity:.82}.text{fill:#edf5ff}.muted{fill:#c3d1e3}.cyan{fill:#82f1ff}.warn{fill:#ffd28a}.flow{fill:none;stroke:#5fe8ff;stroke-width:3;marker-end:url(#arrow)}</style>
+    <marker id="arrow" markerWidth="10" markerHeight="8" refX="9" refY="4" orient="auto"><path d="M0,0 L10,4 L0,8 z" fill="#4d5b70"/></marker>
+    <style>
+      .sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,sans-serif}.mono{font-family:&quot;SFMono-Regular&quot;,&quot;JetBrains Mono&quot;,Consolas,monospace}
+      .bg{fill:#f6f7f9}.ink{fill:#17202e}.muted{fill:#657287}.subtle{fill:#8d97a8}.lane{fill:#ffffff;stroke:#d8dee8;stroke-width:1.2}.lane-head{fill:#eef2f7}.box{fill:#fbfcfe;stroke:#cfd7e3;stroke-width:1.2}.authority{fill:#eef7f0;stroke:#9ed3af}.artifact{fill:#eef3ff;stroke:#adc3fb}.warn{fill:#fff6e5;stroke:#e5bd72}.consumer{fill:#f4f1ff;stroke:#c7bdf4}.flow{fill:none;stroke:#4d5b70;stroke-width:2.4;marker-end:url(#arrow)}.thin{stroke:#e5e9f0;stroke-width:1}.h1{font-size:36px;font-weight:850}.h2{font-size:16px;font-weight:850}.small{font-size:13px}.micro{font-size:11px;font-weight:850;letter-spacing:.5px}
+    </style>
   </defs>
-  <rect width="1600" height="900" fill="url(#bg)"/><rect width="1600" height="900" fill="url(#glow)"/><rect width="1600" height="900" fill="url(#grid)"/>
+  <rect width="1600" height="900" class="bg"/>
   <g class="sans">
-    <text x="72" y="101" font-size="42" font-weight="850" class="text">Cloud-first validation architecture</text>
-    <text x="74" y="139" font-size="23" class="muted">GitHub Actions remains authoritative; local execution is a degraded status layer.</text>
-    <rect x="1230" y="70" width="177" height="29" rx="15" fill="#071321" stroke="#61e8ff"/><text x="1246" y="90" font-size="14" font-weight="850" letter-spacing="1" class="cyan">OPEN GRAPH READY</text>
+    <text x="72" y="92" class="h1 ink">Cloud-first validation architecture</text>
+    <text x="74" y="126" font-size="18" class="muted">Deterministic evidence is produced in GitHub Actions, published as artifacts, and rendered by README and dashboard consumers.</text>
+    <rect x="1296" y="68" width="190" height="34" rx="17" fill="#ffffff" stroke="#d8dee8"/><text x="1315" y="90" class="micro muted">ENTERPRISE DIAGRAM</text>
   </g>
-  <g filter="url(#shadow)" class="sans">
-    <g><rect x="78" y="190" width="272" height="520" rx="18" class="lane"/><text x="100" y="222" font-size="17" font-weight="850" class="text">Source + Fixtures</text></g>
-    <g><rect x="460" y="190" width="390" height="520" rx="18" class="lane"/><text x="482" y="222" font-size="17" font-weight="850" class="text">Cloud Authority</text></g>
-    <g><rect x="930" y="190" width="360" height="520" rx="18" class="lane"/><text x="952" y="222" font-size="17" font-weight="850" class="text">Published Evidence</text></g>
-    <g><rect x="1168" y="548" width="342" height="262" rx="18" class="lane"/><text x="1190" y="581" font-size="17" font-weight="850" class="text">Showcase Consumers</text></g>
-    <g text-anchor="middle" font-size="18"><rect x="130" y="290" width="168" height="84" rx="18" class="box"/><text x="214" y="331" font-weight="850" class="text">Synthetic diagnostic</text><text x="214" y="356" class="text">fixtures</text></g>
-    <g text-anchor="middle" font-size="18"><rect x="130" y="456" width="168" height="84" rx="18" class="box"/><text x="214" y="497" font-weight="850" class="text">Parser + KVTC-V7</text><text x="214" y="522" class="text">frame builder</text></g>
-    <g text-anchor="middle" font-size="19"><rect x="540" y="260" width="230" height="94" rx="18" class="box"/><text x="655" y="302" font-weight="850" class="text">GitHub Actions</text><text x="655" y="326" class="text">CI authority</text></g>
-    <g text-anchor="middle" font-size="19"><rect x="540" y="430" width="230" height="94" rx="18" class="box"/><text x="655" y="471" font-weight="850" class="text">Replay / forensic</text><text x="655" y="496" class="text">contract checks</text></g>
-    <g text-anchor="middle" font-size="19"><rect x="540" y="600" width="230" height="94" rx="18" class="box"/><text x="655" y="641" font-weight="850" class="text">CFI artifact</text><text x="655" y="666" class="text">publishing</text></g>
-    <g text-anchor="middle" font-size="19"><rect x="995" y="296" width="200" height="83" rx="18" class="box"/><text x="1095" y="337" font-weight="850" class="text">Summary JSON</text><text x="1095" y="361" class="text">reports</text></g>
-    <g text-anchor="middle" font-size="19"><rect x="995" y="466" width="200" height="83" rx="18" class="box"/><text x="1095" y="507" font-weight="850" class="text">Uploaded CI</text><text x="1095" y="531" class="text">artifacts</text></g>
-    <g text-anchor="middle" font-size="19"><rect x="1234" y="625" width="216" height="84" rx="18" class="box"/><text x="1342" y="666" font-weight="850" class="text">README / Vercel</text><text x="1342" y="691" class="text">dashboard</text></g>
-    <path class="flow" d="M214 374V456"/><path class="flow" d="M298 498 C390 430 470 360 540 307"/><path class="flow" d="M655 354V430"/><path class="flow" d="M655 524V600"/><path class="flow" d="M770 647 C855 598 907 540 995 508"/><path class="flow" d="M770 647 C850 540 920 425 995 338"/><path class="flow" d="M1195 508 C1218 570 1218 625 1234 667"/><path class="flow" d="M1195 338 C1210 475 1218 605 1234 667"/>
-    <g><rect x="96" y="742" width="524" height="70" rx="18" fill="#211318" stroke="#ffc46a"/><text x="124" y="779" font-size="21" font-weight="850" class="warn">Degraded local runner</text><text x="124" y="806" font-size="15" fill="#ead1ad">status-only fallback; cloud remains authoritative</text></g>
-    <path class="flow" d="M620 777 C636 737 645 710 655 694"/>
-    <g><rect x="790" y="746" width="316" height="66" rx="16" fill="#0a1424" stroke="#5f83ae" stroke-opacity=".8"/><text x="816" y="780" font-size="12" font-weight="850" class="mono cyan">AUTHORITATIVE CLOUD</text><text x="816" y="807" font-size="16" font-weight="800" class="text">CI artifacts feed showcase surfaces</text></g>
+  <g class="sans">
+    <rect x="64" y="172" width="1472" height="116" rx="14" class="lane"/>
+    <rect x="64" y="172" width="1472" height="42" rx="14" class="lane-head"/><text x="90" y="199" class="h2 ink">1 · Source and fixtures</text>
+    <g transform="translate(110 232)"><rect width="230" height="38" rx="8" class="box"/><text x="18" y="24" class="small ink">Synthetic diagnostic logs</text></g>
+    <g transform="translate(420 232)"><rect width="230" height="38" rx="8" class="box"/><text x="18" y="24" class="small ink">Parser contracts</text></g>
+    <g transform="translate(730 232)"><rect width="230" height="38" rx="8" class="box"/><text x="18" y="24" class="small ink">KVTC-V7 frame builder</text></g>
+    <g transform="translate(1040 232)"><rect width="230" height="38" rx="8" class="box"/><text x="18" y="24" class="small ink">Locked fixture seed</text></g>
+  </g>
+  <g class="sans">
+    <rect x="64" y="332" width="1472" height="160" rx="14" class="lane"/>
+    <rect x="64" y="332" width="1472" height="42" rx="14" class="lane-head"/><text x="90" y="359" class="h2 ink">2 · Cloud authority lane</text>
+    <g transform="translate(110 398)"><rect width="250" height="62" rx="10" class="authority"/><text x="18" y="25" class="small ink" font-weight="850">GitHub Actions CI</text><text x="18" y="46" class="small muted">authoritative execution</text></g>
+    <g transform="translate(442 398)"><rect width="250" height="62" rx="10" class="authority"/><text x="18" y="25" class="small ink" font-weight="850">Contract checks</text><text x="18" y="46" class="small muted">schema, hash, replay</text></g>
+    <g transform="translate(774 398)"><rect width="250" height="62" rx="10" class="authority"/><text x="18" y="25" class="small ink" font-weight="850">Deterministic outputs</text><text x="18" y="46" class="small muted">byte-stable summaries</text></g>
+    <g transform="translate(1106 398)"><rect width="250" height="62" rx="10" class="authority"/><text x="18" y="25" class="small ink" font-weight="850">Status gate</text><text x="18" y="46" class="small muted">pass/fail evidence</text></g>
+  </g>
+  <g class="sans">
+    <rect x="64" y="536" width="1472" height="150" rx="14" class="lane"/>
+    <rect x="64" y="536" width="1472" height="42" rx="14" class="lane-head"/><text x="90" y="563" class="h2 ink">3 · Published evidence lane</text>
+    <g transform="translate(110 604)"><rect width="250" height="52" rx="10" class="artifact"/><text x="18" y="23" class="small ink" font-weight="850">summary.json</text><text x="18" y="41" class="small muted">validation metrics</text></g>
+    <g transform="translate(442 604)"><rect width="250" height="52" rx="10" class="artifact"/><text x="18" y="23" class="small ink" font-weight="850">replay.trace</text><text x="18" y="41" class="small muted">forensic sequence</text></g>
+    <g transform="translate(774 604)"><rect width="250" height="52" rx="10" class="artifact"/><text x="18" y="23" class="small ink" font-weight="850">kvtc-v7.cfi</text><text x="18" y="41" class="small muted">compressed frames</text></g>
+    <g transform="translate(1106 604)"><rect width="250" height="52" rx="10" class="artifact"/><text x="18" y="23" class="small ink" font-weight="850">audit manifest</text><text x="18" y="41" class="small muted">hash chain</text></g>
+  </g>
+  <g class="sans">
+    <rect x="64" y="730" width="910" height="98" rx="14" class="lane"/>
+    <rect x="64" y="730" width="910" height="42" rx="14" class="lane-head"/><text x="90" y="757" class="h2 ink">4 · Showcase consumers</text>
+    <g transform="translate(110 790)"><rect width="210" height="28" rx="7" class="consumer"/><text x="16" y="19" class="small ink">README embeds</text></g>
+    <g transform="translate(374 790)"><rect width="210" height="28" rx="7" class="consumer"/><text x="16" y="19" class="small ink">Vercel dashboard</text></g>
+    <g transform="translate(638 790)"><rect width="210" height="28" rx="7" class="consumer"/><text x="16" y="19" class="small ink">OpenGraph preview</text></g>
+  </g>
+  <g class="sans">
+    <rect x="1020" y="730" width="516" height="98" rx="14" class="warn"/>
+    <text x="1050" y="762" class="h2 ink">Local runner status</text>
+    <text x="1050" y="790" class="small muted">Local execution may assist development, but it is marked degraded and never overrides cloud evidence.</text>
+    <text x="1050" y="815" class="mono small ink">authority = github_actions · fallback = status_only</text>
+  </g>
+  <path class="flow" d="M340 251 H410"/><path class="flow" d="M650 251 H720"/><path class="flow" d="M960 251 H1030"/>
+  <path class="flow" d="M235 288 V398"/><path class="flow" d="M360 429 H442"/><path class="flow" d="M692 429 H774"/><path class="flow" d="M1024 429 H1106"/>
+  <path class="flow" d="M235 492 V604"/><path class="flow" d="M567 492 V604"/><path class="flow" d="M899 492 V604"/><path class="flow" d="M1231 492 V604"/>
+  <path class="flow" d="M235 686 V790"/><path class="flow" d="M567 686 V790"/><path class="flow" d="M899 686 C899 716 743 744 743 790"/>
+  <path class="flow" d="M1231 686 V730"/>
+  <g class="sans">
+    <line x1="72" y1="856" x2="1528" y2="856" class="thin"/>
+    <text x="72" y="882" class="small subtle">Comptextv7 · cloud-first narrative · deterministic validation messaging · no floating AI nodes</text>
   </g>
 </svg>
diff --git a/showcase/assets/dashboard-preview.svg b/showcase/assets/dashboard-preview.svg
index a157e2d..3eb3298 100644
--- a/showcase/assets/dashboard-preview.svg
+++ b/showcase/assets/dashboard-preview.svg
@@ -1,48 +1,119 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900" role="img" aria-labelledby="title desc">
   <title id="title">Comptextv7 dashboard preview</title>
-  <desc id="desc">Synthetic dark enterprise operations dashboard with benchmark tables, artifact summaries, and validation states.</desc>
+  <desc id="desc">Realistic enterprise operations console showing cloud-first CI authority, deterministic artifact validation, replay traces, compression comparisons, and forensic audit indicators.</desc>
   <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#071827"/><stop offset=".52" stop-color="#090f20"/><stop offset="1" stop-color="#180b30"/></linearGradient>
-    <radialGradient id="cyan" cx="10%" cy="0" r="80%"><stop offset="0" stop-color="#1ad8ff" stop-opacity=".2"/><stop offset="1" stop-color="#1ad8ff" stop-opacity="0"/></radialGradient>
-    <pattern id="grid" width="58" height="58" patternUnits="userSpaceOnUse" patternTransform="skewX(-10)"><path d="M58 0H0V58" fill="none" stroke="#75a7d8" stroke-opacity=".14"/></pattern>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="18" stdDeviation="20" flood-color="#000814" flood-opacity=".55"/></filter>
-    <linearGradient id="bar" x1="0" x2="1"><stop offset="0" stop-color="#78f1ff"/><stop offset="1" stop-color="#5be0f0"/></linearGradient>
-    <style>.sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mono{font-family:"SFMono-Regular","JetBrains Mono",Consolas,monospace}.panel{fill:#070e1c;stroke:#5f83ae;stroke-opacity:.75}.card{fill:#0b1323;stroke:#6188b6;stroke-opacity:.76}.muted{fill:#9dafc7}.text{fill:#edf5ff}.cyan{fill:#80efff}.ok{fill:#57e5a6}.warn{fill:#ffc46a}</style>
+    <style>
+      .sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,sans-serif}
+      .mono{font-family:&quot;SFMono-Regular&quot;,&quot;JetBrains Mono&quot;,Consolas,monospace}
+      .bg{fill:#f5f7fa}.panel{fill:#ffffff;stroke:#d8dee8;stroke-width:1.2}.panel-soft{fill:#fbfcfe;stroke:#d8dee8;stroke-width:1.2}
+      .ink{fill:#17202e}.muted{fill:#647084}.subtle{fill:#8a94a6}.line{stroke:#d8dee8;stroke-width:1}.rule{stroke:#e8ecf2;stroke-width:1}
+      .green{fill:#17803d}.green-bg{fill:#e8f5ee}.amber{fill:#a86408}.amber-bg{fill:#fff5df}.red{fill:#b42318}.red-bg{fill:#feeceb}.blue{fill:#235ee8}.blue-bg{fill:#edf3ff}
+      .chip{font-size:13px;font-weight:750;letter-spacing:.3px}.h1{font-size:34px;font-weight:850}.h2{font-size:17px;font-weight:800}.small{font-size:13px}.micro{font-size:11px;letter-spacing:.45px}.mono12{font-size:12px}.mono13{font-size:13px}
+    </style>
   </defs>
-  <rect width="1600" height="900" fill="url(#bg)"/><rect width="1600" height="900" fill="url(#cyan)"/><rect width="1600" height="900" fill="url(#grid)"/>
-  <g filter="url(#shadow)" class="sans">
-    <rect x="58" y="54" width="1484" height="792" rx="28" class="panel"/>
-    <path d="M86 54h1428a28 28 0 0 1 28 28v36H58V82a28 28 0 0 1 28-28Z" fill="#0b1323" stroke="#5f83ae" stroke-opacity=".7"/>
-    <text x="92" y="104" font-size="27" font-weight="850" class="text">Comptextv7 Operations Console</text>
-    <text x="1320" y="97" font-size="15" font-weight="800" fill="#8cf7ff">synthetic preview</text>
-    <g font-size="14" font-weight="800" letter-spacing=".6">
-      <rect x="92" y="145" width="84" height="29" rx="15" fill="#071a18" stroke="#42e69b"/><text x="108" y="164" class="ok">CI PASS</text>
-      <rect x="256" y="145" width="143" height="29" rx="15" fill="#071a22" stroke="#68eaff"/><text x="272" y="164" class="cyan">CONTRACTS OK</text>
-      <rect x="420" y="145" width="162" height="29" rx="15" fill="#201611" stroke="#ffc46a"/><text x="435" y="164" class="warn">LOCAL DEGRADED</text>
-    </g>
-    <g>
-      <g transform="translate(92 190)"><rect width="326" height="140" rx="18" class="card"/><text x="24" y="40" font-size="16" font-weight="800" class="muted">Token reduction</text><text x="24" y="92" font-size="42" font-weight="850" class="text">72.4%</text><text x="24" y="119" font-size="15" class="muted">conservative synthetic median</text></g>
-      <g transform="translate(450 190)"><rect width="326" height="140" rx="18" class="card"/><text x="24" y="40" font-size="16" font-weight="800" class="muted">Replay stability</text><text x="24" y="92" font-size="42" font-weight="850" class="text">100%</text><text x="24" y="119" font-size="15" class="muted">deterministic fixture pass</text></g>
-      <g transform="translate(808 190)"><rect width="326" height="140" rx="18" class="card"/><text x="24" y="40" font-size="16" font-weight="800" class="muted">Artifact freshness</text><text x="24" y="92" font-size="42" font-weight="850" class="text">cloud</text><text x="24" y="119" font-size="15" class="muted">GitHub Actions authority</text></g>
-      <g transform="translate(1166 190)"><rect width="326" height="140" rx="18" class="card"/><text x="24" y="40" font-size="16" font-weight="800" class="muted">Schema coverage</text><text x="24" y="92" font-size="42" font-weight="850" class="text">5/5</text><text x="24" y="119" font-size="15" class="muted">contract surfaces valid</text></g>
-    </g>
-    <g transform="translate(92 365)"><rect width="780" height="439" rx="18" class="card"/><text x="22" y="33" font-size="17" font-weight="850" class="text">Benchmark replay summary</text>
-      <g class="mono" font-size="12" font-weight="800" fill="#83f3ff"><text x="34" y="63">SURFACE</text><text x="268" y="63">STATUS</text><text x="446" y="63">COMPRESSION</text><text x="628" y="63">EVIDENCE</text></g>
-      <g font-size="16"><g transform="translate(24 78)"><rect width="724" height="44" rx="10" fill="#0d1729" stroke="#45658f"/><text x="10" y="28" class="text">golden replay</text><text x="244" y="28" class="ok" font-weight="800">pass</text><text x="422" y="28" class="text">74.1%</text><text x="604" y="28" class="text">replay_summary.json</text></g>
-      <g transform="translate(24 140)"><rect width="724" height="44" rx="10" fill="#0a1324" stroke="#45658f"/><text x="10" y="28" class="text">forensic audit</text><text x="244" y="28" class="ok" font-weight="800">pass</text><text x="422" y="28" class="text">68.7%</text><text x="604" y="28" class="text">FORENSIC_AUDIT.md</text></g>
-      <g transform="translate(24 202)"><rect width="724" height="44" rx="10" fill="#0d1729" stroke="#45658f"/><text x="10" y="28" class="text">dashboard smoke</text><text x="244" y="28" class="ok" font-weight="800">pass</text><text x="422" y="28" class="text">n/a</text><text x="604" y="28" class="text">dashboard health</text></g>
-      <g transform="translate(24 264)"><rect width="724" height="44" rx="10" fill="#0a1324" stroke="#45658f"/><text x="10" y="28" class="text">contract export</text><text x="244" y="28" class="ok" font-weight="800">pass</text><text x="422" y="28" class="text">n/a</text><text x="604" y="28" class="text">schema validation</text></g>
-      <g transform="translate(24 326)"><rect width="724" height="44" rx="10" fill="#0d1729" stroke="#45658f"/><text x="10" y="28" class="text">local runner</text><text x="244" y="28" class="warn" font-weight="800">degraded</text><text x="422" y="28" class="text">n/a</text><text x="604" y="28" class="text">cloud handoff</text></g></g>
-      <polyline points="34,373 148,351 262,359 376,335 490,317 604,305 718,289" fill="none" stroke="#66e8ff" stroke-width="4"/><text x="34" y="412" font-size="14" class="muted">compression trend across synthetic benchmark suites</text>
-    </g>
-    <g transform="translate(908 365)"><rect width="600" height="205" rx="18" class="card"/><text x="22" y="33" font-size="17" font-weight="850" class="text">Artifact rail</text>
-      <g class="mono" font-size="15"><g transform="translate(32 35)"><rect width="536" height="46" rx="12" fill="#0d1729" stroke="#45658f"/><text x="26" y="30" class="text">hash-chilli-cloud-ci-result.json</text><text x="398" y="30" class="ok" font-weight="800">validated</text></g><g transform="translate(32 81)"><rect width="536" height="46" rx="12" fill="#0d1729" stroke="#45658f"/><text x="26" y="30" class="text">benchmark-summary.schema.json</text><text x="398" y="30" class="ok" font-weight="800">validated</text></g><g transform="translate(32 127)"><rect width="536" height="46" rx="12" fill="#0d1729" stroke="#45658f"/><text x="26" y="30" class="text">dashboard-health-summary.json</text><text x="398" y="30" class="ok" font-weight="800">published</text></g></g>
-    </g>
-    <g transform="translate(908 600)"><rect width="600" height="204" rx="18" class="card"/><text x="22" y="33" font-size="17" font-weight="850" class="text">Validation states</text>
-      <g font-size="16" font-weight="800"><text x="38" y="60" class="text">pytest</text><rect x="212" y="50" width="338" height="15" rx="8" fill="#20324c"/><rect x="212" y="50" width="324" height="15" rx="8" fill="#57e5a6"/><text x="566" y="62" class="muted">96%</text>
-      <text x="38" y="102" class="text">determinism</text><rect x="212" y="92" width="338" height="15" rx="8" fill="#20324c"/><rect x="212" y="92" width="338" height="15" rx="8" fill="url(#bar)"/><text x="566" y="104" class="muted">100%</text>
-      <text x="38" y="144" class="text">contracts</text><rect x="212" y="134" width="338" height="15" rx="8" fill="#20324c"/><rect x="212" y="134" width="297" height="15" rx="8" fill="url(#bar)"/><text x="566" y="146" class="muted">88%</text>
-      <text x="38" y="186" class="text">local handoff</text><rect x="212" y="176" width="338" height="15" rx="8" fill="#20324c"/><rect x="212" y="176" width="142" height="15" rx="8" fill="#ffc46a"/><text x="566" y="188" class="muted">42%</text></g>
+  <rect width="1600" height="900" class="bg"/>
+  <rect x="0" y="0" width="1600" height="64" fill="#101723"/>
+  <g class="sans">
+    <text x="42" y="40" fill="#ffffff" font-size="20" font-weight="850">Comptextv7</text>
+    <text x="166" y="40" fill="#aeb7c7" font-size="14">Cloud validation operations</text>
+    <rect x="1260" y="18" width="132" height="28" rx="14" fill="#1c2736" stroke="#344258"/>
+    <circle cx="1280" cy="32" r="5" fill="#3fb950"/>
+    <text x="1294" y="37" fill="#dfe6f3" font-size="12" font-weight="750">CI AUTHORITY</text>
+    <rect x="1410" y="18" width="144" height="28" rx="14" fill="#1c2736" stroke="#344258"/>
+    <text x="1427" y="37" fill="#dfe6f3" font-size="12" font-weight="750">RUN 2026.05.12</text>
+  </g>
+  <g class="sans">
+    <rect x="28" y="88" width="1544" height="92" rx="14" class="panel"/>
+    <text x="58" y="129" class="ink h1">Deterministic artifact validation console</text>
+    <text x="58" y="158" class="muted" font-size="16">Synthetic diagnostic logs are compressed into KVTC-V7 frames, replayed, validated, and published as cloud-first CI evidence.</text>
+    <g transform="translate(1040 112)">
+      <rect width="150" height="44" rx="10" class="green-bg"/><text x="18" y="18" class="micro green" font-weight="850">VALIDATED</text><text x="18" y="35" class="mono mono13 ink">128/128</text>
+    </g>
+    <g transform="translate(1210 112)">
+      <rect width="150" height="44" rx="10" class="blue-bg"/><text x="18" y="18" class="micro blue" font-weight="850">ARTIFACTS</text><text x="18" y="35" class="mono mono13 ink">summary.json</text>
+    </g>
+    <g transform="translate(1380 112)">
+      <rect width="150" height="44" rx="10" class="amber-bg"/><text x="18" y="18" class="micro amber" font-weight="850">LOCAL</text><text x="18" y="35" class="mono mono13 ink">degraded only</text>
+    </g>
+  </g>
+  <g class="sans">
+    <rect x="28" y="206" width="1018" height="312" rx="14" class="panel"/>
+    <text x="58" y="244" class="h2 ink">Workflow timeline</text>
+    <text x="58" y="269" class="small muted">GitHub Actions remains the authoritative execution environment.</text>
+    <line x1="92" y1="330" x2="988" y2="330" stroke="#d4dbe7" stroke-width="2"/>
+    <g transform="translate(92 305)">
+      <circle cx="0" cy="25" r="12" fill="#17803d"/><text x="0" y="30" text-anchor="middle" fill="#fff" font-size="12" font-weight="900">1</text>
+      <text x="-12" y="67" class="mono mono12 ink">checkout</text><text x="-12" y="88" class="small muted">source + fixtures</text>
+    </g>
+    <g transform="translate(242 305)">
+      <circle cx="0" cy="25" r="12" fill="#17803d"/><text x="0" y="30" text-anchor="middle" fill="#fff" font-size="12" font-weight="900">2</text>
+      <text x="-28" y="67" class="mono mono12 ink">parse logs</text><text x="-28" y="88" class="small muted">diagnostic corpus</text>
+    </g>
+    <g transform="translate(402 305)">
+      <circle cx="0" cy="25" r="12" fill="#17803d"/><text x="0" y="30" text-anchor="middle" fill="#fff" font-size="12" font-weight="900">3</text>
+      <text x="-28" y="67" class="mono mono12 ink">build frames</text><text x="-28" y="88" class="small muted">KVTC-V7 payloads</text>
+    </g>
+    <g transform="translate(572 305)">
+      <circle cx="0" cy="25" r="12" fill="#17803d"/><text x="0" y="30" text-anchor="middle" fill="#fff" font-size="12" font-weight="900">4</text>
+      <text x="-30" y="67" class="mono mono12 ink">replay</text><text x="-30" y="88" class="small muted">deterministic trace</text>
+    </g>
+    <g transform="translate(732 305)">
+      <circle cx="0" cy="25" r="12" fill="#17803d"/><text x="0" y="30" text-anchor="middle" fill="#fff" font-size="12" font-weight="900">5</text>
+      <text x="-38" y="67" class="mono mono12 ink">contract checks</text><text x="-38" y="88" class="small muted">schema + hashes</text>
+    </g>
+    <g transform="translate(902 305)">
+      <circle cx="0" cy="25" r="12" fill="#17803d"/><text x="0" y="30" text-anchor="middle" fill="#fff" font-size="12" font-weight="900">6</text>
+      <text x="-32" y="67" class="mono mono12 ink">publish</text><text x="-32" y="88" class="small muted">CI artifacts</text>
+    </g>
+    <rect x="58" y="438" width="958" height="52" rx="10" fill="#fbfcfe" stroke="#e1e6ef"/>
+    <text x="78" y="469" class="mono mono13 ink">run_id=ci-7429 · sha=8f41c2d · seed=locked · output=deterministic · generated_at=2026-05-12T00:00:00Z</text>
+  </g>
+  <g class="sans">
+    <rect x="1070" y="206" width="502" height="312" rx="14" class="panel"/>
+    <text x="1100" y="244" class="h2 ink">Artifact validation states</text>
+    <line x1="1100" y1="276" x2="1542" y2="276" class="line"/>
+    <g class="mono mono13">
+      <text x="1100" y="310" class="muted">artifact</text><text x="1325" y="310" class="muted">state</text><text x="1446" y="310" class="muted">hash</text>
+      <line x1="1100" y1="328" x2="1542" y2="328" class="rule"/>
+      <text x="1100" y="361" class="ink">summary.json</text><rect x="1320" y="342" width="78" height="26" rx="13" class="green-bg"/><text x="1337" y="360" class="green" font-weight="800">PASS</text><text x="1446" y="361" class="ink">sha256</text>
+      <text x="1100" y="408" class="ink">replay.trace</text><rect x="1320" y="389" width="78" height="26" rx="13" class="green-bg"/><text x="1337" y="407" class="green" font-weight="800">PASS</text><text x="1446" y="408" class="ink">sha256</text>
+      <text x="1100" y="455" class="ink">kvtc-v7.cfi</text><rect x="1320" y="436" width="78" height="26" rx="13" class="green-bg"/><text x="1337" y="454" class="green" font-weight="800">PASS</text><text x="1446" y="455" class="ink">sha256</text>
+      <text x="1100" y="496" class="subtle">All evidence uploaded by cloud workflow; local execution is advisory.</text>
+    </g>
+  </g>
+  <g class="sans">
+    <rect x="28" y="544" width="502" height="298" rx="14" class="panel"/>
+    <text x="58" y="582" class="h2 ink">Replay trace summary</text>
+    <g class="mono mono13">
+      <text x="58" y="627" class="muted">trace window</text><text x="250" y="627" class="ink">00:00:42.184</text>
+      <line x1="58" y1="648" x2="500" y2="648" class="rule"/>
+      <text x="58" y="682" class="muted">frames replayed</text><text x="250" y="682" class="ink">4,096</text>
+      <text x="58" y="722" class="muted">mismatches</text><text x="250" y="722" class="green" font-weight="850">0</text>
+      <text x="58" y="762" class="muted">determinism seed</text><text x="250" y="762" class="ink">locked</text>
+      <text x="58" y="802" class="muted">forensic notes</text><text x="250" y="802" class="ink">chain intact</text>
+    </g>
+  </g>
+  <g class="sans">
+    <rect x="554" y="544" width="568" height="298" rx="14" class="panel"/>
+    <text x="584" y="582" class="h2 ink">Compression comparison</text>
+    <g class="mono mono13">
+      <text x="584" y="626" class="muted">source</text><text x="782" y="626" class="muted">raw tokens</text><text x="934" y="626" class="muted">KVTC-V7</text><text x="1042" y="626" class="muted">ratio</text>
+      <line x1="584" y1="646" x2="1092" y2="646" class="rule"/>
+      <text x="584" y="681" class="ink">kernel diagnostics</text><text x="800" y="681" class="ink">18,420</text><text x="948" y="681" class="ink">6,214</text><text x="1042" y="681" class="green" font-weight="850">2.96x</text>
+      <text x="584" y="726" class="ink">service incident</text><text x="800" y="726" class="ink">11,008</text><text x="948" y="726" class="ink">3,902</text><text x="1042" y="726" class="green" font-weight="850">2.82x</text>
+      <text x="584" y="771" class="ink">network replay</text><text x="800" y="771" class="ink">26,771</text><text x="948" y="771" class="ink">8,931</text><text x="1042" y="771" class="green" font-weight="850">3.00x</text>
+      <line x1="584" y1="796" x2="1092" y2="796" class="rule"/>
+      <text x="584" y="824" class="muted">validated deterministic mean</text><text x="1042" y="824" class="ink" font-weight="850">2.93x</text>
+    </g>
+  </g>
+  <g class="sans">
+    <rect x="1146" y="544" width="426" height="298" rx="14" class="panel"/>
+    <text x="1176" y="582" class="h2 ink">Forensic audit indicators</text>
+    <g class="mono mono13">
+      <rect x="1176" y="612" width="356" height="42" rx="9" class="green-bg"/><text x="1196" y="638" class="green" font-weight="850">✓ chain-of-custody hashes verified</text>
+      <rect x="1176" y="670" width="356" height="42" rx="9" class="green-bg"/><text x="1196" y="696" class="green" font-weight="850">✓ replay output byte-stable</text>
+      <rect x="1176" y="728" width="356" height="42" rx="9" class="blue-bg"/><text x="1196" y="754" class="blue" font-weight="850">● evidence published to CI artifacts</text>
+      <rect x="1176" y="786" width="356" height="42" rx="9" class="amber-bg"/><text x="1196" y="812" class="amber" font-weight="850">! local runner marked degraded</text>
     </g>
   </g>
 </svg>
diff --git a/showcase/assets/social-preview.svg b/showcase/assets/social-preview.svg
index 9c853af..87970f3 100644
--- a/showcase/assets/social-preview.svg
+++ b/showcase/assets/social-preview.svg
@@ -1,87 +1,38 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640" role="img" aria-labelledby="title desc">
   <title id="title">Comptextv7 social preview</title>
-  <desc id="desc">Dark enterprise social preview for Industrial AI Token Compression with cloud validation, artifacts, and dashboard layers.</desc>
+  <desc id="desc">Minimal OpenGraph social preview with bold Comptextv7 typography, a central enterprise validation card, and deterministic cloud-first messaging.</desc>
   <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0" stop-color="#071827"/>
-      <stop offset="0.48" stop-color="#0a1021"/>
-      <stop offset="1" stop-color="#190b32"/>
-    </linearGradient>
-    <radialGradient id="auraCyan" cx="12%" cy="8%" r="70%">
-      <stop offset="0" stop-color="#1ad8ff" stop-opacity="0.22"/>
-      <stop offset="0.48" stop-color="#1ad8ff" stop-opacity="0.06"/>
-      <stop offset="1" stop-color="#1ad8ff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="auraViolet" cx="92%" cy="12%" r="62%">
-      <stop offset="0" stop-color="#7c3cff" stop-opacity="0.22"/>
-      <stop offset="0.52" stop-color="#7c3cff" stop-opacity="0.06"/>
-      <stop offset="1" stop-color="#7c3cff" stop-opacity="0"/>
-    </radialGradient>
-    <pattern id="grid" width="54" height="54" patternUnits="userSpaceOnUse" patternTransform="skewX(-12)">
-      <path d="M 54 0 L 0 0 0 54" fill="none" stroke="#75a7d8" stroke-opacity="0.15" stroke-width="1"/>
-    </pattern>
-    <filter id="softShadow" x="-30%" y="-40%" width="160%" height="180%">
-      <feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#000814" flood-opacity="0.5"/>
-    </filter>
-    <filter id="glow" x="-80%" y="-80%" width="260%" height="260%">
-      <feGaussianBlur stdDeviation="6" result="blur"/>
-      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </filter>
-    <linearGradient id="bar" x1="0" x2="1">
-      <stop offset="0" stop-color="#68f3ff"/>
-      <stop offset="1" stop-color="#2cc8f0"/>
-    </linearGradient>
     <style>
-      .sans{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
-      .mono{font-family:"SFMono-Regular", "JetBrains Mono", Consolas, monospace}
-      .muted{fill:#9eb0c7}.body{fill:#d8e3f2}.bright{fill:#f7fbff}.cyan{fill:#85edff}.stroke{stroke:#5f83ae;stroke-opacity:.62}
-      .node{fill:#0e1728;stroke:#5c87b7;stroke-opacity:.78}.card{fill:#080f1d;stroke:#6188b6;stroke-opacity:.72}
+      .sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,sans-serif}.mono{font-family:&quot;SFMono-Regular&quot;,&quot;JetBrains Mono&quot;,Consolas,monospace}
+      .bg{fill:#f5f7fa}.ink{fill:#101723}.muted{fill:#5f6b7d}.panel{fill:#ffffff;stroke:#d9dfe9;stroke-width:1.2}.rule{stroke:#e7ebf1;stroke-width:1}.green{fill:#17803d}.green-bg{fill:#e8f5ee}.blue{fill:#245fe8}.blue-bg{fill:#edf3ff}.amber{fill:#9a6400}.amber-bg{fill:#fff4dc}
     </style>
   </defs>
-  <rect width="1280" height="640" fill="url(#bg)"/>
-  <rect width="1280" height="640" fill="url(#auraCyan)"/>
-  <rect width="1280" height="640" fill="url(#auraViolet)"/>
-  <rect width="1280" height="640" fill="url(#grid)" opacity="0.9"/>
-
-  <g opacity="0.74" fill="none" stroke="#4acfff" stroke-width="2">
-    <path d="M752 151 L971 211 L851 360 L1081 431" stroke-opacity="0.35"/>
-    <path d="M752 151 L651 461 L851 360" stroke-opacity="0.43"/>
-  </g>
-  <g class="sans" font-weight="700" font-size="13" text-anchor="middle">
-    <g transform="translate(752 151)"><rect class="node" x="-56" y="-22" width="112" height="44" rx="12"/><circle r="4" fill="#60eaff" filter="url(#glow)"/><text y="5" fill="#cbd9eb">Actions</text></g>
-    <g transform="translate(971 211)"><rect class="node" x="-56" y="-22" width="112" height="44" rx="12"/><circle r="4" fill="#60eaff" filter="url(#glow)"/><text y="5" fill="#cbd9eb">Artifacts</text></g>
-    <g transform="translate(851 360)"><rect class="node" x="-56" y="-22" width="112" height="44" rx="12"/><circle r="4" fill="#60eaff" filter="url(#glow)"/><text y="5" fill="#cbd9eb">Dashboard</text></g>
-    <g transform="translate(1081 431)"><rect class="node" x="-56" y="-22" width="112" height="44" rx="12"/><circle r="4" fill="#60eaff" filter="url(#glow)"/><text y="5" fill="#cbd9eb">Consumer</text></g>
-  </g>
-
+  <rect width="1280" height="640" class="bg"/>
+  <rect x="0" y="0" width="1280" height="12" fill="#101723"/>
   <g class="sans">
-    <rect x="82" y="78" width="254" height="28" rx="14" fill="#071321" stroke="#61e8ff"/>
-    <text x="96" y="97" font-size="13" font-weight="800" letter-spacing="1" fill="#6beeff">CLOUD-FIRST / DETERMINISTIC</text>
-    <text x="80" y="221" font-size="76" font-weight="850" class="bright">Comptextv7</text>
-    <text x="86" y="274" font-size="34" font-weight="800" class="cyan">Industrial AI Token Compression</text>
-    <text x="86" y="323" font-size="25" class="body">Cloud-first validation + deterministic artifacts</text>
-    <text x="86" y="362" font-size="18" class="muted">Synthetic diagnostic logs → compact KVTC-V7 frames → evidence surfaces</text>
+    <text x="76" y="122" font-size="22" font-weight="850" class="muted">COMPTEXTV7</text>
+    <text x="72" y="214" font-size="72" font-weight="900" class="ink">Industrial AI</text>
+    <text x="72" y="292" font-size="72" font-weight="900" class="ink">Token Compression</text>
+    <text x="78" y="346" font-size="26" class="muted">Cloud-first validation with deterministic artifacts.</text>
   </g>
-
-  <g filter="url(#softShadow)" class="sans">
-    <g transform="translate(78 425)">
-      <rect class="card" width="312" height="141" rx="18"/><text x="22" y="31" font-size="16" font-weight="800" fill="#eef5ff">CI Authority</text>
-      <text class="mono" x="22" y="45" font-size="13" fill="#b7c6d9">pytest</text><rect x="18" y="48" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="48" width="286" height="8" rx="4" fill="url(#bar)"/>
-      <text class="mono" x="22" y="82" font-size="13" fill="#b7c6d9">replay</text><rect x="18" y="83" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="83" width="215" height="8" rx="4" fill="url(#bar)"/>
-    </g>
-    <g transform="translate(418 425)">
-      <rect class="card" width="312" height="141" rx="18"/><text x="22" y="31" font-size="16" font-weight="800" fill="#eef5ff">Artifact Model</text>
-      <text class="mono" x="22" y="45" font-size="13" fill="#b7c6d9">contracts</text><rect x="18" y="48" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="48" width="246" height="8" rx="4" fill="url(#bar)"/>
-      <text class="mono" x="22" y="82" font-size="13" fill="#b7c6d9">summary.json</text><rect x="18" y="83" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="83" width="190" height="8" rx="4" fill="url(#bar)"/>
-    </g>
-    <g transform="translate(758 425)">
-      <rect class="card" width="312" height="141" rx="18"/><text x="22" y="31" font-size="16" font-weight="800" fill="#eef5ff">Dashboard Layer</text>
-      <text class="mono" x="22" y="45" font-size="13" fill="#b7c6d9">validation</text><rect x="18" y="48" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="48" width="260" height="8" rx="4" fill="url(#bar)"/>
-      <text class="mono" x="22" y="82" font-size="13" fill="#b7c6d9">compression</text><rect x="18" y="83" width="262" height="8" rx="4" fill="#20324c"/><rect x="18" y="83" width="224" height="8" rx="4" fill="url(#bar)"/>
+  <g class="sans" transform="translate(730 116)">
+    <rect width="438" height="372" rx="18" class="panel"/>
+    <rect x="0" y="0" width="438" height="54" rx="18" fill="#101723"/>
+    <text x="26" y="35" fill="#ffffff" font-size="17" font-weight="850">Validation evidence</text>
+    <circle cx="388" cy="27" r="6" fill="#3fb950"/>
+    <text x="26" y="92" font-size="13" font-weight="850" class="muted">CURRENT CLOUD RUN</text>
+    <text x="26" y="130" font-size="34" font-weight="900" class="ink">128 / 128 checks</text>
+    <line x1="26" y1="158" x2="412" y2="158" class="rule"/>
+    <g class="mono" font-size="15">
+      <rect x="26" y="184" width="386" height="44" rx="9" class="green-bg"/><text x="48" y="212" class="green" font-weight="850">✓ deterministic replay passed</text>
+      <rect x="26" y="244" width="386" height="44" rx="9" class="blue-bg"/><text x="48" y="272" class="blue" font-weight="850">● CI artifacts published</text>
+      <rect x="26" y="304" width="386" height="44" rx="9" class="amber-bg"/><text x="48" y="332" class="amber" font-weight="850">! local runner is degraded-only</text>
     </g>
   </g>
-  <g class="mono" text-anchor="start">
-    <text x="1120" y="103" font-size="17" font-weight="800" fill="#6eeeff">KVTC-V7</text>
-    <text x="1120" y="128" font-size="14" fill="#99a7bd">artifact rail</text>
+  <g class="sans">
+    <rect x="76" y="438" width="188" height="46" rx="23" fill="#101723"/><text x="100" y="468" fill="#ffffff" font-size="15" font-weight="850">KVTC-V7 FRAMES</text>
+    <rect x="286" y="438" width="224" height="46" rx="23" fill="#ffffff" stroke="#d9dfe9"/><text x="312" y="468" class="ink" font-size="15" font-weight="850">FORENSIC REPLAY</text>
+    <rect x="532" y="438" width="138" height="46" rx="23" fill="#ffffff" stroke="#d9dfe9"/><text x="558" y="468" class="ink" font-size="15" font-weight="850">CI PROOF</text>
   </g>
+  <text x="76" y="566" class="mono" font-size="16" fill="#6b7586">Synthetic diagnostic logs → compact validated evidence surfaces</text>
 </svg>