@jaimevalasek/aioson 1.30.1 → 1.33.1

package/CHANGELOG.md

@@ -2,6 +2,42 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.33.1] - 2026-06-24
+
+### Fixed
+- **Hardened adversarial verification gates.** `prototype:check` now rejects prototype and manifest references that resolve outside the project root before reading them, strict evidence bundles run prototype checks with `--strict`, partial prototype acceptance-criterion coverage can fail strict audits, Sheldon-owned scope findings route back to `@sheldon`, and failed external auditor stderr is kept in a separate artifact instead of being copied into the consolidated verification report.
+
+## [1.33.0] - 2026-06-24
+
+### Changed
+- **Scope-aware solution fan-out in `@briefing`.** Horizontal exploration no longer forces 3–5 options when the user has already committed to one specific solution and its operational surface is complete; it records any weighed alternative as a short "Alternatives considered" note instead. Operational completeness is never waived — only the breadth of options when the direction is already fixed.
+- **Non-blocking prototype recommendation in `@briefing-refiner`.** For a rich-surface briefing with no prototype yet, the handoff now recommends running prototype mode before `@product` (it surfaces missing management screens and broken interactions early). Recommendation only — it never blocks the route to `@product`.
+
+## [1.32.0] - 2026-06-24
+
+### Added
+- **External DESIGN.md sources in `@design-hybrid-forge`.** A hybrid's primary parent or modifier can now be an external DESIGN.md source (a refero.design md-example or a similar portable design spec extracted from a real site), not only a local AIOSON design skill. The agent normalizes the source into the same parent DNA the crossover protocol expects, records `sources[]` provenance in `.skill-meta.json`, and enforces an anti-clone rule — the hybrid stays a new identity (no brand/logo/trademark or 1:1 palette reproduction, never named after the source). The "exactly 2 primary parents" model is unchanged.
+
+## [1.31.0] - 2026-06-24
+
+### Added
+- **Clickable prototype stage.** New `prototype-forge` process skill and an optional `@briefing-refiner` "Generate prototype" mode produce a self-contained, clickable HTML app-shell (`prototype.html` + manifest) that materializes a rich-surface feature's screens, navigation, and CRUD interactions before the PRD — delegating visuals to the selected design skill while owning structure, behavior, and state. No native dialogs; authenticated app chrome is seeded.
+- **Horizontal solution exploration in `@briefing`.** For goals with more than one viable shape, `@briefing` explores 3–5 solution shapes, maps each one's operational surface, and writes an optional `solution-options.md` so `@product` chooses with the trade-offs in hand.
+- **Prototype propagated as a contract.** New `prototype-contract.md` defines how the prototype flows through the chain: `@product` writes a `## Prototype reference` in the PRD, `@dev` reproduces its screens/interactions, `@ux-ui` treats it as the authoritative realization, and `@analyst` derives acceptance criteria so `@validator` honors it via the binary contract (respecting its context sandbox).
+- **Operational-surface classification floor.** `aioson classify` now floors rich operational surfaces (workspaces, boards/cards, Kanban/CRM pipelines, CRUD/admin management) to at least SMALL, so a Trello-like feature can't take the MICRO shortcut that skips `@analyst`/`@architect`/the prototype.
+
+### Changed
+- **Operational Surface Map across planning agents.** `feature-expansion-taxonomy.md` and the briefing/product/sheldon expansion skills now require every Core object to have create/list/edit/archive/restore behavior and a management surface, so rich-surface features (Trello/Kanban/CRM/workspace-like) can't pass with bare nouns.
+
+## [1.30.2] - 2026-06-24
+
+### Changed
+- **Hardened packaged design skills.** Strengthened design skill quality gates, managed-file coverage, and Cognitive Core layout guidance to reduce brittle or low-quality UI output.
+- **Refreshed Cognitive Core previews.** Rebuilt the design preview examples with a shared responsive CSS system and added cockpit, website, list/detail, settings, auth, and Kanban examples.
+
+### Docs
+- **Updated Play permission guidance.** Clarified manifest-driven `auth.permissions[]` guidance across the AIOSON Play docs and shipped template copies.
+
 ## [1.30.1] - 2026-06-23
 
 ### Added

package/README.md

@@ -716,7 +716,7 @@ aioson scan:project [path] [--folder=src] [--with-llm] [--provider=<name>] [--dr
 aioson agents
 aioson agent:prompt <agent> [--tool=codex|claude|gemini|opencode]
 aioson workflow:plan [path] [--classification=MICRO|SMALL|MEDIUM] [--json]
-aioson workflow:next [path] [--complete] [--auto-heal] [--force]
+aioson workflow:next [path] [--complete] [--auto-heal] [--force] [--scope-mode=post-dev|post-fix|final] [--verification-policy=advisory|standard|strict]
 aioson workflow:heal [path] --stage=<agent>
 aioson workflow:harden [path] [--dry-run]
 aioson workflow:execute [path] [--dry-run] [--start-from=<agent>]
@@ -729,8 +729,13 @@ aioson intake:ask [path] --agent=<agent> --schema=<questions.json> [--out=<answe
 <summary><strong>SDD automation & gates</strong></summary>
 
 ```bash
-aioson preflight [path] [--json]
+aioson preflight [path] [--json]
 aioson classify [path] [--json]
+aioson prototype:check [path] --feature=<slug> [--json]
+aioson verify:implementation [path] --feature=<slug> --prepare-ledger|--check-ledger|--build-prompt|--check-report=<path> [--policy=advisory|standard|strict] [--json]
+aioson verify:implementation [path] --feature=<slug> --tool=codex|claude|opencode [--model=<model>|configured-default] [--timeout-ms=<ms>] [--max-output-bytes=<bytes>] [--policy=advisory|standard|strict] [--json]
+aioson harness:retro [path] --feature=<slug>|--last=<N> [--json]
+aioson harness:retro-promote [path] --feature=<slug> [--to=learnings|rules] [--apply --select=<candidate-key|all>] [--json]
 aioson gate:check [path] --gate=A|B|C|D [--json]
 aioson artifact:validate [path] --feature=<slug> [--json]
 aioson ac:test-audit [path] --feature=<slug> [--json]
@@ -738,10 +743,18 @@ aioson sdd:benchmark [path] --feature=<slug> [--json]
 aioson detect:test-runner [path] [--json]
 aioson agent:audit [path] [--json]
 aioson brief:gen [path] --feature=<slug> [--json]
-aioson verify:gate [path] --feature=<slug> [--json]
-```
-
-</details>
+aioson verify:gate [path] --feature=<slug> [--json]
+```
+
+`verify:implementation` prepares/checks `.aioson/context/features/{slug}/implementation-ledger.md`, builds clean-auditor prompt packages, validates `Machine Report` JSON with reusable schema helpers in `src/verification/schema.js`, and can optionally run a constrained auditor through `codex`, `claude`, or `opencode`. Runner execution is opt-in, uses explicit timeout/output limits, writes raw output under `verification-runs/`, and promotes only a valid or system-generated `INCONCLUSIVE` report to `verification-report.md`.
+
+`workflow:next --agent=scope-check --scope-mode=post-dev --verification-policy=strict` consumes an existing local `verification-report.md` as structured evidence in the scope-check prompt. It validates and routes the report result, but never runs an external `--tool` auditor automatically.
+
+`harness:retro` mines schema-valid implementation verification reports as a retrospective source. It uses only non-confirming `Machine Report` findings (`DOES_NOT_CONFIRM`, `PARTIAL`, `NOT_VERIFIED`) and never includes raw auditor output, stderr, prompt packages, or finding evidence text in the generated dossier.
+
+`harness:retro-promote` is the human-approved promotion path from a generated retro dossier to `.aioson/learnings/` or `.aioson/rules/`. It is dry-run by default; writing requires `--apply --select=<candidate-key|all>`. Promotion records bounded metadata and source paths only, and never edits prompts, skills, PRDs, plans, raw reports, or agent files automatically.
+
+</details>
 
 <details>
 <summary><strong>Parallel orchestration</strong></summary>

package/docs/design-previews/cognitive-core-ui-auth.html

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Cognitive Core UI - Secure Access Preview</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="cognitive-core-ui-preview.css" />
+</head>
+<body>
+  <div class="cc-page">
+    <main class="auth-shell">
+      <section class="auth-visual">
+        <a class="brand" href="index.html">
+          <span class="brand-mark">N</span>
+          <span class="brand-copy">
+            <span class="brand-name">Nexus Core</span>
+            <span class="brand-sub cc-mono">Secure operator access</span>
+          </span>
+        </a>
+
+        <div>
+          <div class="eyebrow">Access control</div>
+          <h1 class="auth-title">Enter the command plane.</h1>
+          <p class="auth-copy">A focused auth surface with real product context, not a blank login box floating on a decorative background.</p>
+        </div>
+
+        <section class="content-panel">
+          <div class="panel-header">
+            <div>
+              <h2 class="panel-title">Pre-login posture</h2>
+              <p class="panel-subtitle">Tenant health visible before handoff.</p>
+            </div>
+            <span class="tag green">Ready</span>
+          </div>
+          <div class="panel-body">
+            <div class="metric-grid">
+              <div class="metric-panel">
+                <div class="metric-label">Region</div>
+                <div class="metric-value">US-E</div>
+                <div class="metric-note">Primary zone active</div>
+              </div>
+              <div class="metric-panel">
+                <div class="metric-label">Policy</div>
+                <div class="metric-value">MFA</div>
+                <div class="metric-note">Hardware key preferred</div>
+              </div>
+              <div class="metric-panel">
+                <div class="metric-label">SLA</div>
+                <div class="metric-value">99.99%</div>
+                <div class="metric-note">Last 30 days</div>
+              </div>
+            </div>
+          </div>
+        </section>
+      </section>
+
+      <section class="auth-panel" aria-label="Sign in">
+        <div class="eyebrow">Operator sign in</div>
+        <h2 class="panel-title" style="font-size:1.55rem;margin-top:10px">Authenticate</h2>
+        <p class="muted-copy">Use your workspace identity to continue to the production cockpit.</p>
+
+        <form class="auth-form">
+          <label class="field">
+            <span class="field-label">Workspace</span>
+            <input class="input" type="text" value="nexus-command" />
+          </label>
+          <label class="field">
+            <span class="field-label">Email</span>
+            <input class="input" type="email" value="operator@nexus.example" />
+          </label>
+          <label class="field">
+            <span class="field-label">Passcode</span>
+            <input class="input" type="password" value="00000000" />
+          </label>
+          <button class="primary-button" type="button" style="width:100%;min-height:44px">Continue</button>
+          <button class="ghost-button" type="button" style="width:100%;min-height:44px">Use hardware key</button>
+        </form>
+
+        <div style="height:18px"></div>
+
+        <div class="inset-panel" style="padding:14px">
+          <div class="row-top">
+            <span class="row-title">Session policy</span>
+            <span class="tag cyan">Strict</span>
+          </div>
+          <p class="row-meta">This preview keeps form controls dense, legible, and responsive across mobile widths.</p>
+        </div>
+      </section>
+    </main>
+  </div>
+</body>
+</html>

package/docs/design-previews/cognitive-core-ui-kanban.html

@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Cognitive Core UI - Kanban Board Preview</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="cognitive-core-ui-preview.css" />
+</head>
+<body>
+  <div class="cc-page">
+    <div class="cc-shell">
+      <header class="cc-topbar">
+        <a class="brand" href="index.html">
+          <span class="brand-mark">N</span>
+          <span class="brand-copy">
+            <span class="brand-name">Nexus Core</span>
+            <span class="brand-sub cc-mono">Kanban command board</span>
+          </span>
+        </a>
+
+        <nav class="top-nav" aria-label="Primary">
+          <a class="nav-pill" href="cognitive-core-ui.html">Overview</a>
+          <a class="nav-pill" href="cognitive-core-ui-list-detail.html">Incidents</a>
+          <a class="nav-pill active" href="#">Kanban</a>
+          <a class="nav-pill" href="cognitive-core-ui-settings.html">Controls</a>
+          <a class="nav-pill" href="cognitive-core-ui-auth.html">Access</a>
+        </nav>
+
+        <div class="top-actions">
+          <span class="status-chip"><span class="status-light"></span> FLOW LIVE</span>
+          <button class="primary-button" type="button">New card</button>
+        </div>
+      </header>
+
+      <main class="workspace">
+        <div class="workspace-stack">
+          <section class="page-heading">
+            <div>
+              <div class="eyebrow">Delivery board</div>
+              <h1>Kanban for agent workflows</h1>
+              <p>Operational task flow with compact cards, visible risk, owners, and throughput signals.</p>
+            </div>
+            <button class="ghost-button" type="button">Board settings</button>
+          </section>
+
+          <section class="kanban-summary" aria-label="Kanban flow metrics">
+            <article class="metric-panel accent">
+              <div class="metric-label">Cycle time</div>
+              <div class="metric-value">2.8d</div>
+              <div class="metric-note">Down 14% this sprint</div>
+            </article>
+            <article class="metric-panel">
+              <div class="metric-label">Cards in flight</div>
+              <div class="metric-value">18</div>
+              <div class="metric-note">WIP limit is 22</div>
+            </article>
+            <article class="metric-panel">
+              <div class="metric-label">Blocked work</div>
+              <div class="metric-value">03</div>
+              <div class="metric-note">Needs owner response</div>
+            </article>
+            <article class="metric-panel">
+              <div class="metric-label">Release confidence</div>
+              <div class="metric-value">91%</div>
+              <div class="metric-note">Gate B and C passed</div>
+            </article>
+          </section>
+
+          <section class="content-panel">
+            <div class="panel-header">
+              <div>
+                <h2 class="panel-title">Command board</h2>
+                <p class="panel-subtitle">A responsive Kanban surface for product, QA, and agent execution lanes.</p>
+              </div>
+              <div class="kanban-toolbar">
+                <span class="tag cyan">Sprint 24.06</span>
+                <span class="tag green">Auto-synced</span>
+              </div>
+            </div>
+
+            <div class="panel-body">
+              <div class="kanban-board">
+                <section class="kanban-column" aria-label="Backlog">
+                  <div class="kanban-column-header">
+                    <span class="kanban-column-title">Backlog</span>
+                    <span class="tag kanban-column-count">05</span>
+                  </div>
+                  <div class="kanban-stack">
+                    <article class="kanban-card featured">
+                      <div class="row-top">
+                        <span class="tag cyan">Design</span>
+                        <span class="mini-code">DS-104</span>
+                      </div>
+                      <div class="kanban-card-title">Document board empty, loading, and overflow states</div>
+                      <div class="row-meta">Acceptance criteria drafted by UX agent.</div>
+                      <div class="kanban-card-meta">
+                        <span>8 points</span>
+                        <span class="avatar-group" aria-label="Assigned operators"><span class="avatar">UX</span><span class="avatar">PM</span></span>
+                      </div>
+                    </article>
+
+                    <article class="kanban-card">
+                      <div class="row-top">
+                        <span class="tag violet">Research</span>
+                        <span class="mini-code">AI-229</span>
+                      </div>
+                      <div class="kanban-card-title">Compare fallback routing policies for premium models</div>
+                      <div class="row-meta">Needs cost analysis before grooming.</div>
+                      <div class="kanban-card-meta">
+                        <span>5 points</span>
+                        <span class="avatar-group"><span class="avatar">AN</span></span>
+                      </div>
+                    </article>
+                  </div>
+                </section>
+
+                <section class="kanban-column" aria-label="In progress">
+                  <div class="kanban-column-header">
+                    <span class="kanban-column-title">In progress</span>
+                    <span class="tag kanban-column-count cyan">07</span>
+                  </div>
+                  <div class="kanban-stack">
+                    <article class="kanban-card featured">
+                      <div class="row-top">
+                        <span class="tag cyan">Build</span>
+                        <span class="mini-code">UI-312</span>
+                      </div>
+                      <div class="kanban-card-title">Ship Cognitive Core Kanban preview with responsive lanes</div>
+                      <div class="row-meta">Desktop/mobile screenshots required before close.</div>
+                      <div class="progress"><div class="progress-fill" style="width:72%"></div></div>
+                      <div class="kanban-card-meta">
+                        <span>Due today</span>
+                        <span class="avatar-group"><span class="avatar">DV</span><span class="avatar">QA</span></span>
+                      </div>
+                    </article>
+
+                    <article class="kanban-card">
+                      <div class="row-top">
+                        <span class="tag amber">Risk</span>
+                        <span class="mini-code">OPS-118</span>
+                      </div>
+                      <div class="kanban-card-title">Tighten WIP alerts for blocked review lanes</div>
+                      <div class="row-meta">Waiting on runtime threshold decision.</div>
+                      <div class="progress"><div class="progress-fill" style="width:48%;background:linear-gradient(90deg,var(--cc-amber),var(--cc-accent))"></div></div>
+                      <div class="kanban-card-meta">
+                        <span>Blocked 4h</span>
+                        <span class="avatar-group"><span class="avatar">OP</span></span>
+                      </div>
+                    </article>
+                  </div>
+                </section>
+
+                <section class="kanban-column" aria-label="Review">
+                  <div class="kanban-column-header">
+                    <span class="kanban-column-title">Review</span>
+                    <span class="tag kanban-column-count amber">04</span>
+                  </div>
+                  <div class="kanban-stack">
+                    <article class="kanban-card">
+                      <div class="row-top">
+                        <span class="tag green">QA</span>
+                        <span class="mini-code">QA-087</span>
+                      </div>
+                      <div class="kanban-card-title">Validate no horizontal overflow across preview gallery</div>
+                      <div class="row-meta">Automated check passing, visual review pending.</div>
+                      <div class="kanban-card-meta">
+                        <span>2 checks</span>
+                        <span class="avatar-group"><span class="avatar">QA</span><span class="avatar">CD</span></span>
+                      </div>
+                    </article>
+
+                    <article class="kanban-card">
+                      <div class="row-top">
+                        <span class="tag red">P1</span>
+                        <span class="mini-code">INC-2407</span>
+                      </div>
+                      <div class="kanban-card-title">Resolve eval drift after support prompt sync</div>
+                      <div class="row-meta">Rollback plan approved by release captain.</div>
+                      <div class="kanban-card-meta">
+                        <span>Hotfix lane</span>
+                        <span class="avatar-group"><span class="avatar">RL</span></span>
+                      </div>
+                    </article>
+                  </div>
+                </section>
+
+                <section class="kanban-column" aria-label="Done">
+                  <div class="kanban-column-header">
+                    <span class="kanban-column-title">Done</span>
+                    <span class="tag kanban-column-count green">12</span>
+                  </div>
+                  <div class="kanban-stack">
+                    <article class="kanban-card">
+                      <div class="row-top">
+                        <span class="tag green">Shipped</span>
+                        <span class="mini-code">UX-071</span>
+                      </div>
+                      <div class="kanban-card-title">Replace brittle tables with responsive data rows</div>
+                      <div class="row-meta">Merged after screenshot review.</div>
+                      <div class="kanban-card-meta">
+                        <span>Closed 10:42</span>
+                        <span class="avatar-group"><span class="avatar">FE</span></span>
+                      </div>
+                    </article>
+
+                    <article class="kanban-card">
+                      <div class="row-top">
+                        <span class="tag green">Shipped</span>
+                        <span class="mini-code">WEB-062</span>
+                      </div>
+                      <div class="kanban-card-title">Rebuild landing hero around actual product surface</div>
+                      <div class="row-meta">Next section visible on desktop and mobile.</div>
+                      <div class="kanban-card-meta">
+                        <span>Closed 09:18</span>
+                        <span class="avatar-group"><span class="avatar">UX</span></span>
+                      </div>
+                    </article>
+                  </div>
+                </section>
+              </div>
+            </div>
+          </section>
+        </div>
+      </main>
+    </div>
+  </div>
+</body>
+</html>

package/docs/design-previews/cognitive-core-ui-list-detail.html

@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Cognitive Core UI - Incident List Detail Preview</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="cognitive-core-ui-preview.css" />
+</head>
+<body>
+  <div class="cc-page">
+    <div class="cc-shell">
+      <header class="cc-topbar">
+        <a class="brand" href="index.html">
+          <span class="brand-mark">N</span>
+          <span class="brand-copy">
+            <span class="brand-name">Nexus Core</span>
+            <span class="brand-sub cc-mono">Incident command</span>
+          </span>
+        </a>
+
+        <nav class="top-nav" aria-label="Primary">
+          <a class="nav-pill" href="cognitive-core-ui.html">Overview</a>
+          <a class="nav-pill active" href="#">Incidents</a>
+          <a class="nav-pill" href="cognitive-core-ui-kanban.html">Kanban</a>
+          <a class="nav-pill" href="cognitive-core-ui-settings.html">Controls</a>
+          <a class="nav-pill" href="cognitive-core-ui-auth.html">Access</a>
+        </nav>
+
+        <div class="top-actions">
+          <span class="status-chip"><span class="status-light"></span> RESPONSE 03</span>
+          <button class="action-button" type="button">Assign</button>
+        </div>
+      </header>
+
+      <main class="workspace">
+        <div class="workspace-stack">
+          <section class="page-heading">
+            <div>
+              <div class="eyebrow">Incident queue</div>
+              <h1>List and detail layout</h1>
+              <p>A high-density operational pattern that collapses cleanly without horizontal scrolling.</p>
+            </div>
+            <button class="ghost-button" type="button">Filter queue</button>
+          </section>
+
+          <section class="list-detail-shell">
+            <aside class="list-pane">
+              <div class="panel-header">
+                <div>
+                  <h2 class="panel-title">Open incidents</h2>
+                  <p class="panel-subtitle">Sorted by operational risk.</p>
+                </div>
+              </div>
+              <div class="panel-body">
+                <div class="queue-list">
+                  <article class="queue-row">
+                    <div class="row-top">
+                      <span class="row-title">Eval drift after prompt sync</span>
+                      <span class="tag red">P1</span>
+                    </div>
+                    <div class="row-meta">Support lane - 19 min open</div>
+                  </article>
+                  <article class="queue-row">
+                    <div class="row-top">
+                      <span class="row-title">Fallback provider saturation</span>
+                      <span class="tag amber">P2</span>
+                    </div>
+                    <div class="row-meta">Routing mesh - 42 min open</div>
+                  </article>
+                  <article class="queue-row">
+                    <div class="row-top">
+                      <span class="row-title">Staging deploy gate paused</span>
+                      <span class="tag violet">P3</span>
+                    </div>
+                    <div class="row-meta">Release lane - waiting on QA</div>
+                  </article>
+                  <article class="queue-row">
+                    <div class="row-top">
+                      <span class="row-title">Budget forecast advisory</span>
+                      <span class="tag cyan">P4</span>
+                    </div>
+                    <div class="row-meta">Finance guard - next review 15:00</div>
+                  </article>
+                </div>
+              </div>
+            </aside>
+
+            <article class="detail-pane">
+              <div class="detail-hero">
+                <div>
+                  <div class="eyebrow">INC-2407</div>
+                  <h2 class="panel-title" style="font-size:1.45rem">Eval drift after prompt sync</h2>
+                  <p class="panel-subtitle">Regression detected in support intent resolution after a template update reached production.</p>
+                </div>
+                <span class="tag red">P1 active</span>
+              </div>
+
+              <div class="panel-body">
+                <div class="metric-grid">
+                  <div class="metric-panel">
+                    <div class="metric-label">Confidence drop</div>
+                    <div class="metric-value">-4.8%</div>
+                    <div class="metric-note">Against seven-day baseline</div>
+                  </div>
+                  <div class="metric-panel">
+                    <div class="metric-label">Affected flows</div>
+                    <div class="metric-value">12</div>
+                    <div class="metric-note">Mostly billing triage</div>
+                  </div>
+                  <div class="metric-panel">
+                    <div class="metric-label">Rollback ETA</div>
+                    <div class="metric-value">08m</div>
+                    <div class="metric-note">Gate can auto-close</div>
+                  </div>
+                </div>
+
+                <div style="height:16px"></div>
+
+                <div class="trace-map">
+                  <div class="trace-row">
+                    <span class="trace-step">1</span>
+                    <div>
+                      <div class="cell-title">Template sync released</div>
+                      <div class="cell-sub">Prompt bundle v31 moved to production support lane.</div>
+                    </div>
+                    <span class="mini-code">14:02</span>
+                  </div>
+                  <div class="trace-row">
+                    <span class="trace-step">2</span>
+                    <div>
+                      <div class="cell-title">Eval canary failed</div>
+                      <div class="cell-sub">Billing cancellation intents dropped below threshold.</div>
+                    </div>
+                    <span class="mini-code">14:09</span>
+                  </div>
+                  <div class="trace-row">
+                    <span class="trace-step">3</span>
+                    <div>
+                      <div class="cell-title">Rollback prepared</div>
+                      <div class="cell-sub">Previous prompt bundle is staged for controlled reactivation.</div>
+                    </div>
+                    <span class="mini-code">14:18</span>
+                  </div>
+                </div>
+              </div>
+            </article>
+
+            <aside class="right-rail">
+              <section class="rail-panel">
+                <div class="panel-header">
+                  <div>
+                    <h2 class="panel-title">Response team</h2>
+                    <p class="panel-subtitle">Current owners and next action.</p>
+                  </div>
+                </div>
+                <div class="panel-body">
+                  <div class="queue-list">
+                    <div class="queue-row"><div class="row-top"><span class="row-title">QA verifier</span><span class="tag green">Online</span></div><div class="row-meta">Running regression suite</div></div>
+                    <div class="queue-row"><div class="row-top"><span class="row-title">Prompt owner</span><span class="tag cyan">Ack</span></div><div class="row-meta">Preparing diff summary</div></div>
+                    <div class="queue-row"><div class="row-top"><span class="row-title">Release captain</span><span class="tag amber">Wait</span></div><div class="row-meta">Holding deploy lane</div></div>
+                  </div>
+                </div>
+              </section>
+            </aside>
+          </section>
+        </div>
+      </main>
+    </div>
+  </div>
+</body>
+</html>