Simplify sidebar with model stack

Co-authored-by: Codex <codex@openai.com>

FIELD_NOTES.md

@@ -24,17 +24,17 @@ Tiny Narrator is a small-model accessibility article reader. It is not a generic
 | Speech | `hexgrad/Kokoro-82M` | 82M | Fast screen-reader voice with a tiny footprint. |
 | Image generation | `black-forest-labs/FLUX.2-klein-4B` | 4B | Generates the article illustrations while staying Tiny Titan-safe. |
 
-The app exposes the same budget through `/api/model-budget`, including numeric `params_billion` values, per-model `within_limit` values, and a boolean `all_models_within_limit` check. The `/evidence` page renders each model's parameter count and Tiny Titan pass state so the claim is visible during the demo.
+The app exposes the same budget through `/api/model-budget`, including numeric `params_billion` values, per-model `within_limit` values, and a boolean `all_models_within_limit` check. The sidebar model stack renders each model id, runtime, parameter count, and Tiny Titan pass state so the claim is visible during the demo.
 
-Runtime setup is also data-backed. `/api/runtime-setup` lists the app command, llama.cpp launch command, model-specific runtime paths, environment values, and fallbacks. The `/evidence` page renders the runtime labels, setup commands, copy controls, and fallbacks so the demo can distinguish real model wiring from deterministic safety nets.
+Runtime setup is also data-backed. `/api/runtime-setup` lists the app command, llama.cpp launch command, model-specific runtime paths, environment values, and fallbacks so the demo can distinguish real model wiring from deterministic safety nets.
 
-The judge runbook lives at `/api/demo-script` and is rendered on `/evidence` with its API evidence checks. It keeps the live presentation repeatable by pairing visible actions with API checks for health, model budget, runtime setup, runtime status, image descriptions, reader narration, and speech. Each API check includes copyable curl and PowerShell-friendly `curl.exe` commands for quick reproduction. Deployed demos can set `PUBLIC_BASE_URL` so those commands point at the public Space instead of localhost.
+The judge runbook lives at `/api/demo-script`. It keeps the live presentation repeatable by pairing visible actions with API checks for health, model budget, runtime setup, runtime status, image descriptions, reader narration, and speech. Each API check includes copyable curl and PowerShell-friendly `curl.exe` commands for quick reproduction. Deployed demos can set `PUBLIC_BASE_URL` so those commands point at the public Space instead of localhost.
 
 Submission readiness lives at `/api/submission-readiness`. It aggregates the demo-critical checks into one payload: model budget, award evidence, custom frontend assets, runtime setup, runtime status, accessibility audit, image receipts, executable demo API checks, and command base URL checks. POST checks must include sample bodies before readiness passes.
 
-The copyable judge evidence bundle lives at `/api/evidence-bundle`. The `/evidence` page's Copy Evidence button uses that endpoint to put the core receipts, including schema version, UTC generation time, `PUBLIC_BASE_URL`, runtime status, and readiness, on the clipboard as formatted JSON.
+The judge evidence bundle lives at `/api/evidence-bundle`. That endpoint returns the core receipts, including schema version, UTC generation time, `PUBLIC_BASE_URL`, runtime status, and readiness, as formatted JSON.
 
-Image provenance lives in `/api/image-descriptions`. Each article illustration carries the planned FLUX.2 klein model id, prompt, seed, asset URL, and fallback status, and `/evidence` renders those receipts so the generated-image claim is inspectable.
+Image provenance lives in `/api/image-descriptions`. Each article illustration carries the planned FLUX.2 klein model id, prompt, seed, asset URL, and fallback status so the generated-image claim is inspectable.
 
 Accessibility evidence lives at `/api/accessibility-audit`. It records the reader-mode choices that matter most for this prototype: semantic reading order, keyboard navigation, reader cursor state, shortcut safety, live narration, image alt text, transcript review, user-controlled playback, and fallback resilience.
 
@@ -81,8 +81,8 @@ Reader navigation interrupts active playback before requesting the next narratio
 
 Every model-facing backend path reports `elapsed_ms`. The frontend surfaces the latest end-to-end reader latency and stores per-item timing in the transcript, giving the build report concrete evidence for the small-model responsiveness claim.
 
-The app exposes `/api/award-evidence` and renders that data on `/evidence`, so the live demo can point directly to the hackathon bonus targets it is designed to satisfy.
+The app exposes `/api/award-evidence`, so the live demo can point directly to the hackathon bonus targets it is designed to satisfy.
 
-The app also renders `/api/submission-readiness`, so the Field Notes story has a single rollup of which submission claims are currently backed by app evidence.
+The app also exposes `/api/submission-readiness`, so the Field Notes story has a single rollup of which submission claims are currently backed by app evidence.
 
-`/api/runtime-status` keeps the demo honest: if llama.cpp or Kokoro is unavailable, the UI labels the fallback state instead of silently pretending that every model path is online. The `/evidence` page also lists the live or fallback state for reader brain, vision, speech, and image generation.
+`/api/runtime-status` keeps the demo honest: if llama.cpp or Kokoro is unavailable, the API labels the fallback state instead of silently pretending that every model path is online.

README.md

@@ -52,7 +52,7 @@ Start the app:
 python app.py
 ```
 
-Open the local URL printed by Gradio. The article page calls `/api/reader-brain`, `/api/image-descriptions`, `/api/describe-image`, and `/api/speak`. The `/evidence` page calls `/api/model-budget`, `/api/runtime-setup`, `/api/runtime-status`, `/api/demo-script`, `/api/accessibility-audit`, `/api/submission-readiness`, and `/api/evidence-bundle`; `/api/generate-image` remains available as an API placeholder.
+Open the local URL printed by Gradio. The article page calls `/api/reader-brain`, `/api/image-descriptions`, `/api/describe-image`, `/api/speak`, and `/api/model-budget`; the remaining evidence endpoints stay available for docs and submission checks.
 
 Useful environment variables:
 
@@ -76,7 +76,7 @@ The verifier checks syntax, static assets, Space metadata consistency, determini
 
 `/api/runtime-setup` exposes the commands, environment values, and fallback paths used for the model stack so the demo can be reproduced from the same data the UI displays.
 
-`/api/demo-script` exposes a compact judge runbook with the visible actions, API checks, sample bodies, curl commands, and PowerShell-friendly `curl.exe` commands that prove the submission claims. The commands use `PUBLIC_BASE_URL`, and `/evidence` renders those actions and API evidence checks as the Judge Runbook with per-command copy buttons.
+`/api/demo-script` exposes a compact judge runbook with the visible actions, API checks, sample bodies, curl commands, and PowerShell-friendly `curl.exe` commands that prove the submission claims. The commands use `PUBLIC_BASE_URL` so they can be copied from the API response or submission notes.
 
 `/api/accessibility-audit` exposes structured evidence for semantic reading order, keyboard navigation, reader cursor state, shortcut safety, live narration, image alt text, transcript review, user-controlled playback, and fallback resilience.
 
@@ -86,7 +86,7 @@ The verifier checks syntax, static assets, Space metadata consistency, determini
 
 The readiness rollup only passes the demo API check when POST entries include executable sample bodies.
 
-`/api/evidence-bundle` returns a copyable JSON bundle of the main judging receipts, including schema version, UTC generation time, `PUBLIC_BASE_URL`, runtime status, and the submission readiness rollup. The `/evidence` page includes a Copy Evidence button that writes this bundle to the clipboard.
+`/api/evidence-bundle` returns a JSON bundle of the main judging receipts, including schema version, UTC generation time, `PUBLIC_BASE_URL`, runtime status, and the submission readiness rollup.
 
 ## Screen Reader Mode
 
@@ -103,7 +103,7 @@ The frontend builds a reading queue from semantic article nodes. When screen-rea
 
 Each readable node is sent to the reader brain for concise narration, then Kokoro generates speech. If a model is unavailable, the app uses deterministic fallbacks so the demo remains navigable.
 
-The session panel stays reader-first and renders the same semantic reader queue used by playback, including the active item marker, total item count, and click-to-read controls for individual queue items.
+The session panel stays reader-first: it shows current reader state, live narration, transcript controls, latency, and the tiny-model stack. The semantic reader queue remains internal to playback and keyboard navigation.
 
 When screen-reader mode turns on, it selects the focused or most visible article item, assigns stable reader-node ids, and marks the active item with `aria-current`. Clicking a readable article item while the mode is on reads that item directly.
 
@@ -115,7 +115,7 @@ The session panel keeps a transcript of recent narration with reader position, r
 
 Images start with meaningful fallback `alt` text in the HTML. Image descriptions are then preloaded into a local cache and written into the page's real `img alt` attributes. When the planned MiniCPM-V runtime is unavailable, deterministic alt-text fallbacks keep the screen-reader path usable.
 
-The `/evidence` page renders image receipts from `/api/image-descriptions`, so judges can inspect the prompt, seed, planned <=4B image model, and fallback status behind each bundled article illustration without lengthening the reader sidebar.
+`/api/image-descriptions` exposes image receipts so judges can inspect the prompt, seed, planned <=4B image model, and fallback status behind each bundled article illustration without lengthening the reader sidebar.
 
 Kokoro remains the planned tiny-model TTS path. During local demos, if the server-side Kokoro call falls back, the browser speech engine can read the same transcript so screen-reader mode still produces audible feedback.
 
@@ -129,12 +129,12 @@ Navigation commands interrupt current speech before starting the next request, m
 
 Reader-brain, image-description, speech, and image-generation responses include `elapsed_ms`. The session panel and transcript show recent latency so the Field Notes can discuss responsiveness with concrete numbers.
 
-The `/evidence` page renders the judge runbook and API evidence checks from `/api/demo-script`, plus manifest-backed evidence for Tiny Titan, Llama Champion, Off-Brand, and Field Notes. A model-budget panel reads `/api/model-budget` so judges can see each role's parameter count and Tiny Titan pass status in the live app.
+The sidebar model stack reads `/api/model-budget` so judges can see each role's model id, runtime, parameter count, and Tiny Titan pass status in the live app.
 
-The `/evidence` page reads `/api/submission-readiness`, giving judges one compact rollup of the claims the live app can prove.
+`/api/submission-readiness` gives judges one compact rollup of the claims the live app can prove.
 
-The Copy Evidence button on `/evidence` reads `/api/evidence-bundle` and copies the core judge receipts as formatted JSON for quick review or submission notes.
+`/api/evidence-bundle` returns the core judge receipts as formatted JSON for quick review or submission notes.
 
-A runtime-plan panel on `/evidence` reads `/api/runtime-setup` and summarizes each model path's runtime, setup command, and fallback, keeping the live demo honest about what is online and what is deterministic. Runtime setup commands have copy controls with the same clipboard fallback messaging as judge API commands.
+`/api/runtime-setup` summarizes each model path's runtime, setup command, and fallback, keeping the live demo honest about what is online and what is deterministic.
 
-`/api/runtime-status` performs a short readiness check for llama.cpp and local speech dependencies, then reports which fallback paths are ready for a live demo. The `/evidence` page renders live status details for reader brain, vision, speech, and image generation.
+`/api/runtime-status` performs a short readiness check for llama.cpp and local speech dependencies, then reports which fallback paths are ready for a live demo.

SUBMISSION.md

@@ -6,7 +6,7 @@ Tiny Narrator turns an article into a guided screen-reader experience using smal
 
 ## Short description
 
-Tiny Narrator is a custom Gradio Server app that looks like an article/blog reader until screen-reader mode is switched on. In reader mode, the app builds and displays a semantic reading queue with click-to-read controls, narrates headings and paragraphs, describes generated images, summarizes the current section, speaks with Kokoro, and keeps a visible transcript of the spoken path with reader position, runtime, and latency.
+Tiny Narrator is a custom Gradio Server app that looks like an article/blog reader until screen-reader mode is switched on. In reader mode, the app builds an internal semantic reading queue, narrates headings and paragraphs, describes generated images, summarizes the current section, speaks with Kokoro, and keeps a visible transcript of the spoken path with reader position, runtime, and latency.
 
 The prototype is designed for a live hackathon demo: every model-facing path has a deterministic fallback, runtime readiness is labeled in the UI, and the repo exposes machine-readable evidence for model size, setup, demo flow, and accessibility behavior.
 
@@ -32,15 +32,15 @@ The prototype is designed for a live hackathon demo: every model-facing path has
 2. Turn on screen-reader mode and press `Space` or `Next` to narrate the first semantic node.
 3. Use `Heading`, `Image`, and `Summary` to navigate by article meaning instead of by raw page order.
 4. Show the reader-first session panel: current item, live narration, reader queue, transcript, and latency.
-5. Open `/evidence` to inspect runtime readiness, judge runbook, award evidence, model budget, image receipts, and runtime plan.
-6. Mention that `/api/demo-script` exposes the same judge runbook and API evidence checks as structured data.
+5. Point to the model stack panel for model id, runtime, parameter count, and Tiny Titan pass status.
+6. Mention that `/api/demo-script` exposes the judge runbook and API evidence checks as structured data.
 
 ## Evidence endpoints
 
 - `/api/health`: app identity, custom frontend marker, llama.cpp base URL, and model manifest.
 - `/api/model-budget`: Tiny Titan parameter proof with numeric `params_billion` and per-model pass values.
 - `/api/runtime-setup`: app command, copyable model runtime commands rendered in the UI, environment values, and fallback paths.
-- `/api/runtime-status`: online or fallback-ready status for each model path, rendered on `/evidence`.
+- `/api/runtime-status`: online or fallback-ready status for each model path.
 - `/api/accessibility-audit`: semantic queue, keyboard navigation, reader cursor state, shortcut safety, live narration, alt text, transcript, user control, and fallback evidence.
 - `/api/demo-script`: repeatable judge runbook and API checks.
 - `/api/image-descriptions`: generated article image descriptions plus prompt, seed, model, asset URL, and fallback status receipts.
@@ -55,7 +55,7 @@ The image receipts keep the generated-asset claim inspectable: each article illu
 
 The submission-readiness panel and API give judges a compact checklist for the whole build, so the live demo can move from individual receipts to an overall readiness view.
 
-The `/evidence` page's Copy Evidence button pulls `/api/evidence-bundle` and writes the formatted JSON bundle to the clipboard for quick judging notes. Transcript, evidence, and command copy actions label clipboard-unavailable fallback states in visible live regions.
+`/api/evidence-bundle` returns formatted JSON for quick judging notes. Transcript copy actions label clipboard-unavailable fallback states in the visible live narration region.
 
 ## Reliability notes
 

app.py

@@ -432,7 +432,7 @@ def accessibility_audit_core() -> dict[str, Any]:
             "id": "semantic_queue",
             "label": "Semantic reading queue",
             "status": "pass",
-            "evidence": "Readable article nodes declare data-reader-type values and the session panel renders their ordered queue with click-to-read controls.",
+            "evidence": "Readable article nodes declare data-reader-type values and the reader controls navigate the ordered semantic node list.",
         },
         {
             "id": "keyboard_navigation",
@@ -816,11 +816,6 @@ async def home() -> str:
     return (STATIC_DIR / "index.html").read_text(encoding="utf-8")
 
 
-@app.get("/evidence", response_class=HTMLResponse)
-async def evidence_page() -> str:
-    return (STATIC_DIR / "evidence.html").read_text(encoding="utf-8")
-
-
 @app.get("/api/health")
 async def health() -> JSONResponse:
     return _json(

scripts/verify.py

@@ -23,10 +23,8 @@ def verify_static_assets() -> None:
         ROOT / "LICENSE",
         ROOT / "SUBMISSION.md",
         ROOT / "static" / "index.html",
-        ROOT / "static" / "evidence.html",
         ROOT / "static" / "app.css",
         ROOT / "static" / "app.js",
-        ROOT / "static" / "evidence.js",
         ROOT / "static" / "generated" / "desk-reader.svg",
         ROOT / "static" / "generated" / "model-map.svg",
         ROOT / "static" / "generated" / "field-notes.svg",
@@ -35,9 +33,7 @@ def verify_static_assets() -> None:
         assert_true(path.exists(), f"Missing required asset: {path}")
 
     app_js = (ROOT / "static" / "app.js").read_text(encoding="utf-8")
-    evidence_js = (ROOT / "static" / "evidence.js").read_text(encoding="utf-8")
     index_html = (ROOT / "static" / "index.html").read_text(encoding="utf-8")
-    evidence_html = (ROOT / "static" / "evidence.html").read_text(encoding="utf-8")
     assert_true('data-reader-type="heading"' in index_html, "Article should mark heading reader nodes")
     assert_true('data-reader-type="image"' in index_html, "Article should mark image reader nodes")
     assert_true('alt=""' not in index_html, "Article images should not start with empty alt text")
@@ -49,10 +45,12 @@ def verify_static_assets() -> None:
     for shortcut in ['aria-keyshortcuts="Space"', 'aria-keyshortcuts="N"', 'aria-keyshortcuts="R"', 'aria-keyshortcuts="S"']:
         assert_true(shortcut in index_html, f"Reader controls should expose {shortcut}")
     assert_true("transcriptLog" in index_html, "Article should expose a visible transcript log")
-    assert_true("readerQueueList" in index_html, "Article should expose the semantic reader queue")
+    assert_true("readerQueueList" not in index_html, "Article sidebar should not include a visible reader queue")
     assert_true("repeatButton" in index_html, "Reader controls should expose a visible repeat command")
     assert_true("stopButton" in index_html, "Reader controls should expose a visible stop command")
-    for moved_id in [
+    assert_true("modelStackList" in index_html, "Article sidebar should expose the model stack panel")
+    assert_true("modelBudgetStatus" in index_html, "Article sidebar should expose model stack status")
+    for removed_id in [
         "demoScriptList",
         "demoApiCheckList",
         "imageReceiptList",
@@ -62,23 +60,14 @@ def verify_static_assets() -> None:
         "modelBudgetList",
         "runtimeSetupList",
     ]:
-        assert_true(moved_id not in index_html, f"Article sidebar should not include moved evidence panel: {moved_id}")
-        assert_true(moved_id in evidence_html, f"Evidence page should include moved evidence panel: {moved_id}")
+        assert_true(removed_id not in index_html, f"Article sidebar should not include removed evidence panel: {removed_id}")
     assert_true("loadDemoScript" not in app_js, "Article frontend should not render the structured demo script")
-    assert_true("loadDemoScript" in evidence_js, "Evidence frontend should render the structured demo script")
-    assert_true("runtimeStatusList.innerHTML" in evidence_js, "Evidence frontend should render live runtime status details")
-    assert_true("runtime-command" in evidence_js, "Evidence frontend should render runtime setup commands")
-    assert_true("runtime-command-copy" in evidence_js, "Evidence frontend should expose copy buttons for runtime setup commands")
-    assert_true("runtimeSetupList.addEventListener" in evidence_js, "Runtime setup command copy actions should be delegated")
-    assert_true("payload.api_checks" in evidence_js, "Evidence frontend should render structured demo API checks")
-    assert_true("demo-api-command" in evidence_js, "Evidence frontend should render copyable demo commands")
-    assert_true("demo-command-copy" in evidence_js, "Evidence frontend should expose copy buttons for demo commands")
-    assert_true("item.powershell" in evidence_js, "Evidence frontend should render PowerShell-friendly demo commands")
-    assert_true("Tiny Titan pass" in evidence_js, "Evidence frontend should render per-model Tiny Titan pass labels")
-    assert_true("/api/evidence-bundle" in evidence_js, "Evidence frontend should fetch the evidence bundle for copying")
-    assert_true("/evidence" in index_html, "Article page should link to the dedicated evidence page")
+    assert_true("loadModelBudget" in app_js, "Article frontend should render the model stack panel")
+    assert_true("/api/model-budget" in app_js, "Article frontend should fetch model budget data")
+    assert_true("modelStackList.innerHTML" in app_js, "Article frontend should render model stack items")
+    assert_true("Tiny Titan pass" in app_js, "Article frontend should render per-model Tiny Titan pass labels")
+    assert_true("/evidence" not in index_html, "Article page should not link to a removed evidence page")
     assert_true("copyTextToClipboard" in app_js, "Frontend copy actions should share clipboard fallback handling")
-    assert_true("copyTextToClipboard" in evidence_js, "Evidence copy actions should share clipboard fallback handling")
     assert_true(
         "Transcript is visible, but clipboard access is unavailable." in app_js,
         "Transcript copy should report unavailable clipboard access",
@@ -99,10 +88,8 @@ def verify_static_assets() -> None:
     assert_true("controls.repeat.click()" in app_js, "R should route through the visible repeat command")
     assert_true("controls.stop.click()" in app_js, "Escape should route through the visible stop command")
     assert_true("reader-node-" in app_js, "Reader nodes should receive stable ids for control context")
-    assert_true("renderReaderQueue" in app_js, "Frontend should render the semantic reader queue")
-    assert_true("readerQueueStatus.textContent" in app_js, "Reader queue should expose item count")
-    assert_true("reader-queue-play" in app_js, "Reader queue should expose click-to-read controls")
-    assert_true("readerQueueList.addEventListener" in app_js, "Reader queue should handle click-to-read actions")
+    assert_true("renderReaderQueue" not in app_js, "Frontend should not render a visible reader queue")
+    assert_true("readerQueueList" not in app_js, "Frontend should not bind a visible reader queue")
     assert_true("narrate(node.index)" in app_js, "Reader mode should support click-to-read article items")
 
     submission = (ROOT / "SUBMISSION.md").read_text(encoding="utf-8")
@@ -255,28 +242,12 @@ def verify_routes() -> None:
     assert_true("speedValue" in home.text, "Home route should include speed value output")
     assert_true("autoAdvanceControl" in home.text, "Home route should include auto-advance control")
     assert_true("transcriptLog" in home.text, "Home route should include transcript log")
-    assert_true("readerQueueList" in home.text, "Home route should include reader queue list")
-    assert_true("/evidence" in home.text, "Home route should link to the evidence page")
+    assert_true("readerQueueList" not in home.text, "Home route should not include reader queue list")
+    assert_true("modelBudgetStatus" in home.text, "Home route should include model stack status")
+    assert_true("modelStackList" in home.text, "Home route should include model stack list")
+    assert_true("/evidence" not in home.text, "Home route should not link to a removed evidence page")
     assert_true("copyEvidenceButton" not in home.text, "Home route should keep judge evidence off the reader sidebar")
 
-    evidence_page = client.get("/evidence")
-    assert_true(evidence_page.status_code == 200, "Evidence route should return 200")
-    assert_true("Judging receipts for Tiny Narrator" in evidence_page.text, "Evidence route should include evidence title")
-    assert_true("demoScriptStatus" in evidence_page.text, "Evidence route should include demo script status")
-    assert_true("demoScriptList" in evidence_page.text, "Evidence route should include demo script list")
-    assert_true("demoApiCheckList" in evidence_page.text, "Evidence route should include demo API check list")
-    assert_true("awardEvidenceList" in evidence_page.text, "Evidence route should include award evidence list")
-    assert_true("submissionReadinessStatus" in evidence_page.text, "Evidence route should include submission readiness status")
-    assert_true("submissionReadinessList" in evidence_page.text, "Evidence route should include submission readiness list")
-    assert_true("copyEvidenceButton" in evidence_page.text, "Evidence route should include copy evidence button")
-    assert_true("budgetStatus" in evidence_page.text, "Evidence route should include model budget status")
-    assert_true("modelBudgetList" in evidence_page.text, "Evidence route should include model budget list")
-    assert_true("runtimeStatusList" in evidence_page.text, "Evidence route should include runtime status list")
-    assert_true("runtimeSetupStatus" in evidence_page.text, "Evidence route should include runtime setup status")
-    assert_true("runtimeSetupList" in evidence_page.text, "Evidence route should include runtime setup list")
-    assert_true("imageReceiptStatus" in evidence_page.text, "Evidence route should include image receipt status")
-    assert_true("imageReceiptList" in evidence_page.text, "Evidence route should include image receipt list")
-
     health = client.get("/api/health")
     assert_true(health.status_code == 200, "Health route should return 200")
     payload = health.json()

static/app.css

@@ -177,51 +177,6 @@ select:focus-visible {
 
 .article { min-width: 0; }
 
-.evidence-shell {
-  display: grid;
-  gap: 28px;
-  width: min(1040px, calc(100% - 40px));
-  margin: 56px auto 120px;
-}
-
-.evidence-hero {
-  padding-bottom: 12px;
-  border-bottom: 2px solid var(--ink);
-}
-
-.evidence-hero h1 {
-  max-width: 12ch;
-}
-
-.evidence-section {
-  border: 1px solid var(--line);
-  border-top: 3px solid var(--ink);
-  background: var(--surface);
-  padding: 22px 20px;
-}
-
-.evidence-section h2 {
-  margin: 0;
-  padding: 0;
-  font-family: var(--mono);
-  font-size: 0.72rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.12em;
-  color: var(--ink-soft);
-}
-
-.evidence-section h2::before { display: none; }
-
-.evidence-link {
-  color: var(--ink);
-  text-decoration: none;
-}
-
-.evidence-link:hover {
-  border-color: var(--accent);
-}
-
 /* ─── ARTICLE TYPOGRAPHY ─── */
 .kicker {
   display: inline-block;

static/app.js

@@ -7,8 +7,6 @@ const imageStatus = document.querySelector("#imageStatus");
 const voiceStatus = document.querySelector("#voiceStatus");
 const latencyStatus = document.querySelector("#latencyStatus");
 const liveNarration = document.querySelector("#liveNarration");
-const readerQueueStatus = document.querySelector("#readerQueueStatus");
-const readerQueueList = document.querySelector("#readerQueueList");
 const audio = document.querySelector("#speechAudio");
 const voiceControl = document.querySelector("#voiceControl");
 const speedControl = document.querySelector("#speedControl");
@@ -17,6 +15,8 @@ const autoAdvanceControl = document.querySelector("#autoAdvanceControl");
 const transcriptLog = document.querySelector("#transcriptLog");
 const copyTranscriptButton = document.querySelector("#copyTranscriptButton");
 const clearTranscriptButton = document.querySelector("#clearTranscriptButton");
+const modelBudgetStatus = document.querySelector("#modelBudgetStatus");
+const modelStackList = document.querySelector("#modelStackList");
 
 const controls = {
   prev: document.querySelector("#prevButton"),
@@ -126,26 +126,6 @@ function readerItemStatus(node) {
   return `${readerTypeLabel(node.type)}, item ${node.index + 1} of ${nodes.length}`;
 }
 
-function readerQueueLabel(node) {
-  return `${node.index + 1}. ${readerTypeLabel(node.type)}`;
-}
-
-function renderReaderQueue() {
-  readerQueueStatus.textContent = `${nodes.length} items`;
-  readerQueueList.innerHTML = nodes
-    .map((node) => `
-      <li${node.index === currentIndex ? ' aria-current="true"' : ""}>
-        <div class="runtime-row">
-          <span>${escapeHtml(readerQueueLabel(node))}</span>
-          <span class="runtime-pill">${node.index === currentIndex ? "current" : "queued"}</span>
-        </div>
-        <p>${escapeHtml(node.text.slice(0, 120))}</p>
-        <button class="reader-queue-play" type="button" data-reader-index="${node.index}">Read item</button>
-      </li>
-    `)
-    .join("");
-}
-
 function initialReaderIndex() {
   if (!nodes.length) {
     return -1;
@@ -232,6 +212,38 @@ function roleLabel(role) {
     .join(" ");
 }
 
+async function loadModelBudget() {
+  try {
+    const payload = await postJson("/api/model-budget");
+    modelBudgetStatus.textContent = payload.all_models_within_limit
+      ? `All <= ${payload.limit_billion}B`
+      : "Review needed";
+    modelStackList.innerHTML = payload.models
+      .map((model) => `
+        <li>
+          <div class="budget-row">
+            <span>${escapeHtml(roleLabel(model.role))}</span>
+            <span class="budget-pill">${escapeHtml(model.params)}</span>
+          </div>
+          <p>${escapeHtml(model.runtime)} | ${model.within_limit ? "Tiny Titan pass" : "Review parameter budget"}</p>
+          <p>${escapeHtml(model.id)}</p>
+        </li>
+      `)
+      .join("");
+  } catch {
+    modelBudgetStatus.textContent = "Unavailable";
+    modelStackList.innerHTML = `
+      <li>
+        <div class="budget-row">
+          <span>Model stack</span>
+          <span class="budget-pill">offline</span>
+        </div>
+        <p>Model budget is unavailable.</p>
+      </li>
+    `;
+  }
+}
+
 async function loadImageDescriptions() {
   imageStatus.textContent = "Describing";
   try {
@@ -281,7 +293,6 @@ function setActive(index) {
   const node = nodes[currentIndex];
   if (!node) {
     currentStatus.textContent = "No item selected";
-    renderReaderQueue();
     return;
   }
   node.element.classList.add("reader-active");
@@ -290,7 +301,6 @@ function setActive(index) {
   node.element.focus({ preventScroll: true });
   node.element.scrollIntoView({ block: "center", behavior: "smooth" });
   currentStatus.textContent = readerItemStatus(node);
-  renderReaderQueue();
 }
 
 function haltPlayback({ clearAutoAdvance = true } = {}) {
@@ -524,12 +534,6 @@ nodes.forEach((node) => {
     narrate(node.index);
   });
 });
-readerQueueList.addEventListener("click", (event) => {
-  const button = event.target.closest(".reader-queue-play");
-  if (!button) return;
-  setEnabled(true);
-  narrate(Number(button.dataset.readerIndex));
-});
 voiceControl.addEventListener("change", () => {
   voiceStatus.textContent = voiceControl.selectedOptions[0]?.textContent || "Custom voice";
 });
@@ -582,9 +586,9 @@ controls.play.addEventListener("click", () => {
 });
 
 loadManifest();
+loadModelBudget();
 loadImageDescriptions();
 updateSpeedValue();
-renderReaderQueue();
 
 audio.addEventListener("ended", () => {
   playing = false;

static/evidence.html

@@ -1,95 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Tiny Narrator Evidence</title>
-    <link rel="stylesheet" href="/static/app.css" />
-  </head>
-  <body>
-    <header class="topbar">
-      <a class="brand" href="/" aria-label="Tiny Narrator home">
-        <span class="brand-mark" aria-hidden="true">TN</span>
-        <span>Tiny Narrator</span>
-      </a>
-      <nav class="topnav" aria-label="Evidence navigation">
-        <a href="/">Article</a>
-        <a href="#runbook">Runbook</a>
-        <a href="#readiness">Readiness</a>
-        <a href="#models">Models</a>
-      </nav>
-      <a class="reader-toggle evidence-link" href="/">Reader App</a>
-    </header>
-
-    <main class="evidence-shell" aria-labelledby="evidenceTitle">
-      <section class="evidence-hero">
-        <p class="kicker">Hackathon evidence</p>
-        <h1 id="evidenceTitle">Judging receipts for Tiny Narrator</h1>
-        <p class="dek">
-          This page keeps model budget, award evidence, runtime setup, and demo checks visible without crowding
-          the reader-first article experience.
-        </p>
-      </section>
-
-      <section id="runbook" class="evidence-section" aria-labelledby="runbookTitle">
-        <div class="demo-script-header">
-          <h2 id="runbookTitle">Judge Runbook</h2>
-          <span id="demoScriptStatus">Loading</span>
-        </div>
-        <ol id="demoScriptList" class="demo-script-list" aria-label="Judge demo runbook"></ol>
-        <ul id="demoApiCheckList" class="demo-api-check-list" aria-label="Judge API evidence checks"></ul>
-      </section>
-
-      <section class="evidence-section" aria-labelledby="awardTitle">
-        <div class="award-header">
-          <h2 id="awardTitle">Award Evidence</h2>
-        </div>
-        <ul id="awardEvidenceList" class="award-list" aria-label="Hackathon bonus evidence"></ul>
-      </section>
-
-      <section id="readiness" class="evidence-section" aria-labelledby="readinessTitle">
-        <div class="submission-header">
-          <h2 id="readinessTitle">Submission Readiness</h2>
-          <span id="submissionReadinessStatus">Checking</span>
-          <button id="copyEvidenceButton" type="button">Copy Evidence</button>
-        </div>
-        <p id="evidenceCopyStatus" class="live-narration" aria-live="polite">Evidence bundle ready to copy.</p>
-        <ul id="submissionReadinessList" class="award-list" aria-label="Submission readiness checks"></ul>
-      </section>
-
-      <section id="models" class="evidence-section" aria-labelledby="budgetTitle">
-        <div class="budget-header">
-          <h2 id="budgetTitle">Model Budget</h2>
-          <span id="budgetStatus">Checking</span>
-        </div>
-        <ul id="modelBudgetList" class="budget-list" aria-label="Tiny Titan model budget"></ul>
-      </section>
-
-      <section class="evidence-section" aria-labelledby="runtimeTitle">
-        <div class="runtime-header">
-          <h2 id="runtimeTitle">Runtime Status</h2>
-          <span id="runtimeStatusSummary">Checking</span>
-        </div>
-        <ul id="runtimeStatusList" class="runtime-list" aria-label="Live model runtime status"></ul>
-      </section>
-
-      <section class="evidence-section" aria-labelledby="setupTitle">
-        <div class="runtime-header">
-          <h2 id="setupTitle">Runtime Plan</h2>
-          <span id="runtimeSetupStatus">Loading</span>
-        </div>
-        <ul id="runtimeSetupList" class="runtime-list" aria-label="Model runtime setup plan"></ul>
-      </section>
-
-      <section class="evidence-section" aria-labelledby="imageReceiptTitle">
-        <div class="image-receipt-header">
-          <h2 id="imageReceiptTitle">Image Receipts</h2>
-          <span id="imageReceiptStatus">Loading</span>
-        </div>
-        <ul id="imageReceiptList" class="image-receipt-list" aria-label="Generated image provenance"></ul>
-      </section>
-    </main>
-
-    <script src="/static/evidence.js" type="module"></script>
-  </body>
-</html>

static/evidence.js

@@ -1,341 +0,0 @@
-const demoScriptStatus = document.querySelector("#demoScriptStatus");
-const demoScriptList = document.querySelector("#demoScriptList");
-const demoApiCheckList = document.querySelector("#demoApiCheckList");
-const awardEvidenceList = document.querySelector("#awardEvidenceList");
-const submissionReadinessStatus = document.querySelector("#submissionReadinessStatus");
-const submissionReadinessList = document.querySelector("#submissionReadinessList");
-const copyEvidenceButton = document.querySelector("#copyEvidenceButton");
-const evidenceCopyStatus = document.querySelector("#evidenceCopyStatus");
-const budgetStatus = document.querySelector("#budgetStatus");
-const modelBudgetList = document.querySelector("#modelBudgetList");
-const runtimeStatusSummary = document.querySelector("#runtimeStatusSummary");
-const runtimeStatusList = document.querySelector("#runtimeStatusList");
-const runtimeSetupStatus = document.querySelector("#runtimeSetupStatus");
-const runtimeSetupList = document.querySelector("#runtimeSetupList");
-const imageReceiptStatus = document.querySelector("#imageReceiptStatus");
-const imageReceiptList = document.querySelector("#imageReceiptList");
-
-function escapeHtml(value) {
-  return String(value).replace(/[&<>"']/g, (char) => ({
-    "&": "&amp;",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;",
-  }[char]));
-}
-
-function roleLabel(role) {
-  return role
-    .split("_")
-    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-    .join(" ");
-}
-
-async function postJson(url, payload) {
-  const options = payload === undefined ? {} : {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(payload),
-  };
-  const response = await fetch(url, options);
-  if (!response.ok) {
-    throw new Error(`${response.status} ${response.statusText}`);
-  }
-  return response.json();
-}
-
-async function copyTextToClipboard(text, successMessage, emptyMessage, unavailableMessage) {
-  if (!text) {
-    evidenceCopyStatus.textContent = emptyMessage;
-    return false;
-  }
-  if (!navigator.clipboard) {
-    evidenceCopyStatus.textContent = unavailableMessage;
-    return false;
-  }
-  await navigator.clipboard.writeText(text);
-  evidenceCopyStatus.textContent = successMessage;
-  return true;
-}
-
-async function loadDemoScript() {
-  try {
-    const payload = await postJson("/api/demo-script");
-    demoScriptStatus.textContent = `${payload.estimated_minutes} min`;
-    demoScriptList.innerHTML = payload.actions
-      .map((item) => `
-        <li>
-          <div class="demo-script-title">
-            <span>${escapeHtml(item.label)}</span>
-            <span>${escapeHtml(`Step ${item.step}`)}</span>
-          </div>
-          <p>${escapeHtml(item.action)}</p>
-          <p>${escapeHtml(item.evidence)}</p>
-        </li>
-      `)
-      .join("");
-    demoApiCheckList.innerHTML = payload.api_checks
-      .map((item) => `
-        <li>
-          <span>${escapeHtml(item.method)}</span>
-          <code>${escapeHtml(item.path)}</code>
-          <p>${escapeHtml(item.expect)}${item.sample_body ? " Sample body included." : ""}</p>
-          <code class="demo-api-command">${escapeHtml(item.curl)}</code>
-          <button class="demo-command-copy" type="button" data-command="${escapeHtml(item.curl)}">Copy curl</button>
-          <code class="demo-api-command">${escapeHtml(item.powershell)}</code>
-          <button class="demo-command-copy" type="button" data-command="${escapeHtml(item.powershell)}">Copy PowerShell</button>
-        </li>
-      `)
-      .join("");
-  } catch {
-    demoScriptStatus.textContent = "Unavailable";
-    demoScriptList.innerHTML = `
-      <li>
-        <div class="demo-script-title">
-          <span>Judge runbook</span>
-          <span>offline</span>
-        </div>
-        <p>The structured demo script is unavailable.</p>
-      </li>
-    `;
-    demoApiCheckList.innerHTML = "";
-  }
-}
-
-async function loadAwardEvidence() {
-  try {
-    const payload = await postJson("/api/award-evidence");
-    awardEvidenceList.innerHTML = payload.items
-      .map((item) => `
-        <li>
-          <div class="award-title">
-            <span>${escapeHtml(item.label)}</span>
-            <span class="award-status">${escapeHtml(item.status)}</span>
-          </div>
-          <p class="award-evidence">${escapeHtml(item.evidence)}</p>
-        </li>
-      `)
-      .join("");
-  } catch {
-    awardEvidenceList.innerHTML = `
-      <li>
-        <div class="award-title">
-          <span>Checklist</span>
-          <span class="award-status">offline</span>
-        </div>
-        <p class="award-evidence">Award evidence is unavailable.</p>
-      </li>
-    `;
-  }
-}
-
-async function loadSubmissionReadiness() {
-  try {
-    const payload = await postJson("/api/submission-readiness");
-    submissionReadinessStatus.textContent = payload.all_passed
-      ? `${payload.passed_checks}/${payload.total_checks} pass`
-      : "Review needed";
-    submissionReadinessList.innerHTML = payload.checks
-      .map((item) => `
-        <li>
-          <div class="award-title">
-            <span>${escapeHtml(item.label)}</span>
-            <span class="award-status">${escapeHtml(item.status)}</span>
-          </div>
-          <p class="award-evidence">${escapeHtml(item.evidence)}</p>
-        </li>
-      `)
-      .join("");
-  } catch {
-    submissionReadinessStatus.textContent = "Unavailable";
-    submissionReadinessList.innerHTML = `
-      <li>
-        <div class="award-title">
-          <span>Submission readiness</span>
-          <span class="award-status">offline</span>
-        </div>
-        <p class="award-evidence">Submission readiness evidence is unavailable.</p>
-      </li>
-    `;
-  }
-}
-
-async function loadModelBudget() {
-  try {
-    const payload = await postJson("/api/model-budget");
-    budgetStatus.textContent = payload.all_models_within_limit
-      ? `All <= ${payload.limit_billion}B`
-      : "Review needed";
-    modelBudgetList.innerHTML = payload.models
-      .map((model) => `
-        <li>
-          <div class="budget-row">
-            <span>${escapeHtml(roleLabel(model.role))}</span>
-            <span class="budget-pill">${escapeHtml(model.params)}</span>
-          </div>
-          <p>${model.within_limit ? "Tiny Titan pass" : "Review parameter budget"}</p>
-          <p>${escapeHtml(model.id)}</p>
-        </li>
-      `)
-      .join("");
-  } catch {
-    budgetStatus.textContent = "Unavailable";
-    modelBudgetList.innerHTML = `
-      <li>
-        <div class="budget-row">
-          <span>Model budget</span>
-          <span class="budget-pill">offline</span>
-        </div>
-        <p>Tiny Titan evidence is unavailable.</p>
-      </li>
-    `;
-  }
-}
-
-async function loadRuntimeStatus() {
-  try {
-    const payload = await postJson("/api/runtime-status");
-    const brain = payload.reader_brain;
-    const speech = payload.speech;
-    const brainLabel = brain.available ? "llama.cpp online" : "llama.cpp fallback";
-    const speechLabel = speech.available ? "Kokoro online" : "voice fallback";
-    runtimeStatusSummary.textContent = `${brainLabel}, ${speechLabel}`;
-    const runtimeItems = [
-      ["Reader brain", payload.reader_brain],
-      ["Vision", payload.vision],
-      ["Speech", payload.speech],
-      ["Image generation", payload.image_generation],
-    ];
-    runtimeStatusList.innerHTML = runtimeItems
-      .map(([label, item]) => `
-        <li>
-          <div class="runtime-row">
-            <span>${escapeHtml(label)}</span>
-            <span class="runtime-pill">${escapeHtml(item.status)}</span>
-          </div>
-          <p>${escapeHtml(item.model)}${item.fallback ? ` | ${escapeHtml(item.fallback)}` : ""}</p>
-        </li>
-      `)
-      .join("");
-  } catch {
-    runtimeStatusSummary.textContent = "Fallback ready";
-    runtimeStatusList.innerHTML = `
-      <li>
-        <div class="runtime-row">
-          <span>Runtime status</span>
-          <span class="runtime-pill">offline</span>
-        </div>
-        <p>Live runtime status is unavailable; deterministic fallbacks remain documented.</p>
-      </li>
-    `;
-  }
-}
-
-async function loadRuntimeSetup() {
-  try {
-    const payload = await postJson("/api/runtime-setup");
-    runtimeSetupStatus.textContent = `${payload.steps.length} paths`;
-    runtimeSetupList.innerHTML = payload.steps
-      .map((step) => `
-        <li>
-          <div class="runtime-row">
-            <span>${escapeHtml(step.label)}</span>
-            <span class="runtime-pill">${escapeHtml(step.runtime)}</span>
-          </div>
-          <code class="runtime-command">${escapeHtml(step.command)}</code>
-          <button class="runtime-command-copy" type="button" data-command="${escapeHtml(step.command)}">Copy command</button>
-          <p>${escapeHtml(step.fallback)}</p>
-        </li>
-      `)
-      .join("");
-  } catch {
-    runtimeSetupStatus.textContent = "Unavailable";
-    runtimeSetupList.innerHTML = `
-      <li>
-        <div class="runtime-row">
-          <span>Runtime plan</span>
-          <span class="runtime-pill">offline</span>
-        </div>
-        <p>Setup evidence is unavailable.</p>
-      </li>
-    `;
-  }
-}
-
-async function loadImageDescriptions() {
-  try {
-    const payload = await postJson("/api/image-descriptions");
-    imageReceiptStatus.textContent = `${payload.descriptions.length} receipts`;
-    imageReceiptList.innerHTML = payload.descriptions
-      .map((description) => `
-        <li>
-          <div class="image-receipt-row">
-            <span>${escapeHtml(description.id)}</span>
-            <span class="image-receipt-pill">${escapeHtml(description.generation_status)}</span>
-          </div>
-          <p>${escapeHtml(description.generation_model)} | seed ${escapeHtml(String(description.seed))}</p>
-          <p>${escapeHtml(description.prompt)}</p>
-        </li>
-      `)
-      .join("");
-  } catch {
-    imageReceiptStatus.textContent = "Unavailable";
-    imageReceiptList.innerHTML = `
-      <li>
-        <div class="image-receipt-row">
-          <span>Image receipts</span>
-          <span class="image-receipt-pill">offline</span>
-        </div>
-        <p>Generated image provenance is unavailable.</p>
-      </li>
-    `;
-  }
-}
-
-copyEvidenceButton.addEventListener("click", async () => {
-  try {
-    const payload = await postJson("/api/evidence-bundle");
-    const text = JSON.stringify(payload, null, 2);
-    await copyTextToClipboard(
-      text,
-      "Evidence bundle copied.",
-      "Evidence bundle is empty.",
-      "Evidence bundle loaded, but clipboard access is unavailable.",
-    );
-  } catch (error) {
-    evidenceCopyStatus.textContent = `Evidence bundle failed: ${error.message}`;
-  }
-});
-
-demoApiCheckList.addEventListener("click", async (event) => {
-  const button = event.target.closest(".demo-command-copy");
-  if (!button) return;
-  const command = button.dataset.command || "";
-  await copyTextToClipboard(
-    command,
-    "Demo command copied.",
-    "Demo command is empty.",
-    "Command is visible, but clipboard access is unavailable.",
-  );
-});
-
-runtimeSetupList.addEventListener("click", async (event) => {
-  const button = event.target.closest(".runtime-command-copy");
-  if (!button) return;
-  const command = button.dataset.command || "";
-  await copyTextToClipboard(
-    command,
-    "Runtime setup command copied.",
-    "Runtime setup command is empty.",
-    "Runtime setup command is visible, but clipboard access is unavailable.",
-  );
-});
-
-loadDemoScript();
-loadAwardEvidence();
-loadSubmissionReadiness();
-loadModelBudget();
-loadRuntimeStatus();
-loadRuntimeSetup();
-loadImageDescriptions();

static/index.html

@@ -16,7 +16,6 @@
         <a href="#why">Why</a>
         <a href="#models">Models</a>
         <a href="#notes">Field Notes</a>
-        <a href="/evidence">Evidence</a>
       </nav>
       <button id="readerToggle" class="reader-toggle" type="button" aria-pressed="false">
         <span class="toggle-dot" aria-hidden="true"></span>
@@ -118,17 +117,17 @@
         <p id="liveNarration" class="live-narration" aria-live="polite">
           Turn on screen reader mode to begin.
         </p>
-        <div class="reader-queue-header">
-          <h3>Reader Queue</h3>
-          <span id="readerQueueStatus">Loading</span>
-        </div>
-        <ol id="readerQueueList" class="runtime-list" aria-label="Semantic reader queue"></ol>
         <div class="history-header">
           <h3>Transcript</h3>
           <button id="copyTranscriptButton" type="button">Copy</button>
           <button id="clearTranscriptButton" type="button">Clear</button>
         </div>
         <ol id="transcriptLog" class="transcript-log" aria-label="Narration transcript"></ol>
+        <div class="budget-header">
+          <h3>Model Stack</h3>
+          <span id="modelBudgetStatus">Checking</span>
+        </div>
+        <ul id="modelStackList" class="budget-list" aria-label="Tiny Titan model stack"></ul>
       </aside>
     </main>