diff --git a/docs/agent-architecture.html b/docs/agent-architecture.html
deleted file mode 100644
index 89021bde0..000000000
--- a/docs/agent-architecture.html
+++ /dev/null
@@ -1,1532 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Ollama Agent Architecture</title>
-  <style>
-    :root {
-      --bg: #f7f6f2;
-      --ink: #171717;
-      --muted: #696966;
-      --line: #c9c5bb;
-      --panel: #ffffff;
-      --soft: #ece9e1;
-      --green: #147a4b;
-      --blue: #275f9f;
-      --red: #a93a2d;
-      --gold: #8a641b;
-      --violet: #6755a5;
-      --shadow: 0 16px 48px rgba(20, 20, 18, 0.12);
-      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-    }
-
-    * {
-      box-sizing: border-box;
-    }
-
-    body {
-      margin: 0;
-      min-height: 100vh;
-      background: var(--bg);
-      color: var(--ink);
-    }
-
-    button, input {
-      font: inherit;
-    }
-
-    .app {
-      min-height: 100vh;
-      display: grid;
-      grid-template-rows: auto 1fr;
-    }
-
-    header {
-      border-bottom: 1px solid var(--line);
-      background: rgba(247, 246, 242, 0.96);
-      position: sticky;
-      top: 0;
-      z-index: 10;
-    }
-
-    .topbar {
-      max-width: 1520px;
-      margin: 0 auto;
-      padding: 18px 24px 14px;
-      display: grid;
-      grid-template-columns: 1fr auto;
-      gap: 18px;
-      align-items: end;
-    }
-
-    h1 {
-      margin: 0;
-      font-size: clamp(24px, 3vw, 42px);
-      line-height: 1;
-      letter-spacing: 0;
-    }
-
-    .subtitle {
-      margin: 8px 0 0;
-      color: var(--muted);
-      max-width: 920px;
-      line-height: 1.45;
-      font-size: 14px;
-    }
-
-    .meta {
-      display: flex;
-      gap: 8px;
-      flex-wrap: wrap;
-      justify-content: flex-end;
-    }
-
-    .pill {
-      border: 1px solid var(--line);
-      border-radius: 999px;
-      padding: 7px 10px;
-      background: var(--panel);
-      color: var(--muted);
-      white-space: nowrap;
-      font-size: 12px;
-    }
-
-    main {
-      max-width: 1520px;
-      width: 100%;
-      margin: 0 auto;
-      padding: 22px 24px 32px;
-      display: grid;
-      grid-template-columns: minmax(0, 1fr) 420px;
-      gap: 20px;
-      align-items: start;
-    }
-
-    .workspace {
-      display: grid;
-      gap: 16px;
-      min-width: 0;
-    }
-
-    .controls {
-      display: grid;
-      grid-template-columns: minmax(220px, 1fr) auto;
-      gap: 12px;
-      align-items: center;
-    }
-
-    .search {
-      min-width: 0;
-      height: 42px;
-      border: 1px solid var(--line);
-      border-radius: 6px;
-      padding: 0 12px;
-      background: var(--panel);
-      color: var(--ink);
-    }
-
-    .tabs {
-      display: flex;
-      gap: 6px;
-      flex-wrap: wrap;
-      justify-content: flex-end;
-    }
-
-    .tab {
-      border: 1px solid var(--line);
-      background: var(--panel);
-      color: var(--muted);
-      border-radius: 6px;
-      padding: 10px 12px;
-      cursor: pointer;
-    }
-
-    .tab[aria-pressed="true"] {
-      color: var(--ink);
-      border-color: var(--ink);
-      background: #fefdf9;
-    }
-
-    .canvas {
-      border: 1px solid var(--line);
-      background: #fbfaf6;
-      min-height: 680px;
-      padding: 18px;
-      overflow: hidden;
-      position: relative;
-    }
-
-    .view {
-      display: none;
-    }
-
-    .view.active {
-      display: block;
-    }
-
-    .flow-grid {
-      display: grid;
-      grid-template-columns: repeat(4, minmax(170px, 1fr));
-      gap: 12px;
-      align-items: stretch;
-    }
-
-    .lane {
-      border: 1px solid var(--line);
-      background: var(--panel);
-      border-radius: 8px;
-      padding: 12px;
-      min-height: 500px;
-      display: grid;
-      gap: 10px;
-      align-content: start;
-    }
-
-    .lane-title {
-      color: var(--muted);
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.08em;
-      padding-bottom: 8px;
-      border-bottom: 1px solid var(--soft);
-    }
-
-    .node {
-      width: 100%;
-      text-align: left;
-      border: 1px solid var(--line);
-      background: #fff;
-      border-radius: 8px;
-      padding: 12px;
-      cursor: pointer;
-      color: var(--ink);
-      min-height: 86px;
-      display: grid;
-      gap: 6px;
-      transition: border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
-    }
-
-    .node:hover, .node:focus-visible {
-      outline: none;
-      border-color: var(--ink);
-      box-shadow: 0 8px 22px rgba(20, 20, 18, 0.08);
-      transform: translateY(-1px);
-    }
-
-    .node.active {
-      border-color: var(--ink);
-      box-shadow: inset 4px 0 0 var(--ink), var(--shadow);
-    }
-
-    .node small {
-      color: var(--muted);
-      line-height: 1.35;
-    }
-
-    .node strong {
-      font-size: 14px;
-    }
-
-    .entry { border-left: 4px solid var(--blue); }
-    .core { border-left: 4px solid var(--green); }
-    .tooling { border-left: 4px solid var(--gold); }
-    .state { border-left: 4px solid var(--violet); }
-    .risk { border-left: 4px solid var(--red); }
-
-    .connector {
-      color: var(--muted);
-      font-size: 12px;
-      text-align: center;
-      padding: 2px 0;
-    }
-
-    .sequence {
-      display: grid;
-      grid-template-columns: 220px 1fr;
-      gap: 18px;
-      min-height: 620px;
-    }
-
-    .steps {
-      border-right: 1px solid var(--line);
-      padding-right: 16px;
-      display: grid;
-      gap: 8px;
-      align-content: start;
-    }
-
-    .step {
-      border: 1px solid var(--line);
-      background: var(--panel);
-      border-radius: 6px;
-      padding: 10px;
-      cursor: pointer;
-      text-align: left;
-      color: var(--ink);
-    }
-
-    .step.active {
-      border-color: var(--ink);
-      box-shadow: inset 3px 0 0 var(--ink);
-    }
-
-    .step-title {
-      display: block;
-      font-weight: 700;
-      margin-bottom: 4px;
-    }
-
-    .step-copy {
-      color: var(--muted);
-      font-size: 12px;
-      line-height: 1.35;
-    }
-
-    .sequence-stage {
-      display: grid;
-      gap: 14px;
-      align-content: start;
-    }
-
-    .stage-card {
-      border: 1px solid var(--line);
-      background: var(--panel);
-      border-radius: 8px;
-      padding: 18px;
-      min-height: 250px;
-    }
-
-    .stage-card h2, .side h2 {
-      margin: 0 0 10px;
-      font-size: 18px;
-    }
-
-    .stage-card p, .side p {
-      line-height: 1.55;
-      color: var(--muted);
-      margin: 0 0 12px;
-    }
-
-    .swimlane {
-      display: grid;
-      grid-template-columns: repeat(5, 1fr);
-      gap: 8px;
-      align-items: stretch;
-    }
-
-    .swim {
-      border: 1px solid var(--line);
-      border-radius: 8px;
-      background: #fff;
-      padding: 12px;
-      min-height: 160px;
-    }
-
-    .swim h3 {
-      margin: 0 0 8px;
-      font-size: 13px;
-    }
-
-    .swim p {
-      margin: 0;
-      color: var(--muted);
-      font-size: 12px;
-      line-height: 1.45;
-    }
-
-    .matrix {
-      display: grid;
-      grid-template-columns: repeat(3, minmax(180px, 1fr));
-      gap: 12px;
-    }
-
-    .file-map {
-      display: grid;
-      grid-template-columns: 1.05fr 1fr 1.15fr 1fr 1fr;
-      gap: 12px;
-      align-items: start;
-    }
-
-    .file-column {
-      display: grid;
-      gap: 10px;
-      align-content: start;
-    }
-
-    .file-column-title {
-      color: var(--muted);
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.08em;
-      padding: 0 2px 8px;
-      border-bottom: 1px solid var(--line);
-    }
-
-    .file-node {
-      min-height: 108px;
-    }
-
-    .file-node code {
-      color: var(--ink);
-      font-size: 13px;
-      overflow-wrap: anywhere;
-    }
-
-    .file-node .relation {
-      color: var(--muted);
-      font-size: 11px;
-      line-height: 1.35;
-    }
-
-    .edge-note {
-      border: 1px dashed var(--line);
-      color: var(--muted);
-      border-radius: 8px;
-      background: #fbfaf6;
-      padding: 10px;
-      font-size: 11px;
-      line-height: 1.4;
-    }
-
-    .matrix-card {
-      border: 1px solid var(--line);
-      background: var(--panel);
-      border-radius: 8px;
-      padding: 14px;
-      min-height: 180px;
-    }
-
-    .matrix-card h3 {
-      margin: 0 0 8px;
-      font-size: 14px;
-    }
-
-    .matrix-card ul, .side ul {
-      margin: 10px 0 0;
-      padding-left: 18px;
-      color: var(--muted);
-      line-height: 1.55;
-      font-size: 13px;
-    }
-
-    .side {
-      position: sticky;
-      top: 96px;
-      border: 1px solid var(--line);
-      background: var(--panel);
-      border-radius: 8px;
-      padding: 18px;
-      min-height: 680px;
-      box-shadow: var(--shadow);
-    }
-
-    .side .tag {
-      display: inline-flex;
-      border-radius: 999px;
-      border: 1px solid var(--line);
-      padding: 6px 9px;
-      color: var(--muted);
-      font-size: 12px;
-      margin-bottom: 12px;
-    }
-
-    .detail-section {
-      border-top: 1px solid var(--soft);
-      padding-top: 12px;
-      margin-top: 12px;
-    }
-
-    .file-list {
-      display: grid;
-      gap: 8px;
-      margin-top: 10px;
-    }
-
-    .file-ref {
-      border: 1px solid var(--soft);
-      background: #fbfaf6;
-      border-radius: 6px;
-      padding: 8px;
-      color: var(--ink);
-      font-size: 12px;
-      overflow-wrap: anywhere;
-    }
-
-    .legend {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 8px;
-      color: var(--muted);
-      font-size: 12px;
-      margin-top: 12px;
-    }
-
-    .legend span {
-      border: 1px solid var(--line);
-      background: var(--panel);
-      border-radius: 999px;
-      padding: 6px 8px;
-    }
-
-    .hidden {
-      display: none !important;
-    }
-
-    @media (max-width: 1180px) {
-      main {
-        grid-template-columns: 1fr;
-      }
-
-      .side {
-        position: static;
-        min-height: 0;
-      }
-
-      .flow-grid {
-        grid-template-columns: repeat(2, minmax(180px, 1fr));
-      }
-
-      .file-map {
-        grid-template-columns: repeat(2, minmax(220px, 1fr));
-      }
-
-      .swimlane {
-        grid-template-columns: repeat(2, 1fr);
-      }
-    }
-
-    @media (max-width: 760px) {
-      .topbar, main {
-        padding-left: 14px;
-        padding-right: 14px;
-      }
-
-      .topbar, .controls, .sequence {
-        grid-template-columns: 1fr;
-      }
-
-      .tabs, .meta {
-        justify-content: flex-start;
-      }
-
-      .flow-grid, .matrix, .swimlane, .file-map {
-        grid-template-columns: 1fr;
-      }
-
-      .steps {
-        border-right: 0;
-        border-bottom: 1px solid var(--line);
-        padding-right: 0;
-        padding-bottom: 14px;
-      }
-    }
-  </style>
-</head>
-<body>
-  <div class="app">
-    <header>
-      <div class="topbar">
-        <div>
-          <h1>Ollama agent architecture</h1>
-          <p class="subtitle">Interactive map for the agent loop on this branch. Click any box or step to inspect ownership, behavior, and the exact files/functions to review.</p>
-        </div>
-        <div class="meta" aria-label="branch facts">
-          <span class="pill">canonical path: agent/</span>
-          <span class="pill">entry: ollama run</span>
-          <span class="pill">store: SQLite WAL</span>
-        </div>
-      </div>
-    </header>
-
-    <main>
-      <section class="workspace" aria-label="interactive architecture map">
-        <div class="controls">
-          <input id="search" class="search" type="search" placeholder="Filter nodes: tools, compaction, headless, approval...">
-          <div class="tabs" role="group" aria-label="view selector">
-            <button class="tab" data-view-button="flow" aria-pressed="true">Flow</button>
-            <button class="tab" data-view-button="sequence" aria-pressed="false">Run Loop</button>
-            <button class="tab" data-view-button="matrix" aria-pressed="false">Subsystems</button>
-            <button class="tab" data-view-button="files" aria-pressed="false">Files</button>
-          </div>
-        </div>
-
-        <div class="canvas">
-          <section id="flow" class="view active" aria-label="architecture flow">
-            <div class="flow-grid">
-              <div class="lane">
-                <div class="lane-title">Entrypoints</div>
-                <button class="node entry active" data-node="cmd-run">
-                  <strong>cmd run dispatch</strong>
-                  <small>Legacy run flags flow into the canonical agent options.</small>
-                </button>
-                <div class="connector">maps options</div>
-                <button class="node entry" data-node="tui-entry">
-                  <strong>TUI agent shell</strong>
-                  <small>Bubble Tea chat UI, model picker, slash commands, approval prompts.</small>
-                </button>
-                <button class="node entry" data-node="headless-entry">
-                  <strong>Headless agent</strong>
-                  <small>Same Session loop, stdout event sink, signal cancellation.</small>
-                </button>
-              </div>
-
-              <div class="lane">
-                <div class="lane-title">Core loop</div>
-                <button class="node core" data-node="session-run">
-                  <strong>Session.Run</strong>
-                  <small>Owns message state, retries, tool rounds, compaction, final result.</small>
-                </button>
-                <div class="connector">calls</div>
-                <button class="node core" data-node="chat-round">
-                  <strong>chatRound</strong>
-                  <small>Builds ChatRequest, streams assistant deltas, persists chunks.</small>
-                </button>
-                <div class="connector">detects</div>
-                <button class="node core" data-node="events">
-                  <strong>event stream</strong>
-                  <small>Run, message, thinking, tool, compaction, and error events.</small>
-                </button>
-              </div>
-
-              <div class="lane">
-                <div class="lane-title">Tools and policy</div>
-                <button class="node tooling" data-node="registry">
-                  <strong>Registry</strong>
-                  <small>Tool schemas go to the model; tool calls dispatch by name.</small>
-                </button>
-                <button class="node risk" data-node="approval">
-                  <strong>ApprovalManager</strong>
-                  <small>Read/web auto-allow, bash/edit prompt or deny by policy.</small>
-                </button>
-                <button class="node tooling" data-node="tools">
-                  <strong>Tool implementations</strong>
-                  <small>bash, read, edit, web_search, web_fetch, skill.</small>
-                </button>
-              </div>
-
-              <div class="lane">
-                <div class="lane-title">State</div>
-                <button class="node state" data-node="store">
-                  <strong>SQLite chat store</strong>
-                  <small>Chats, streamed messages, resumed sessions, compaction archive.</small>
-                </button>
-                <button class="node state" data-node="compaction">
-                  <strong>SimpleCompactor</strong>
-                  <small>Summarizes archive, keeps recent user turns, stores summary.</small>
-                </button>
-                <button class="node state" data-node="context">
-                  <strong>context accounting</strong>
-                  <small>Uses actual loaded runner ctx from /api/ps, estimates prompt live.</small>
-                </button>
-              </div>
-            </div>
-            <div class="legend">
-              <span>Click boxes for file/function references</span>
-              <span>TUI and headless share Session.Run</span>
-              <span>Compaction summary is a user message for cache friendliness</span>
-            </div>
-          </section>
-
-          <section id="sequence" class="view" aria-label="run loop sequence">
-            <div class="sequence">
-              <div class="steps">
-                <button class="step active" data-step="0"><span class="step-title">1. Start</span><span class="step-copy">TUI or headless builds ChatOptions/RunOptions.</span></button>
-                <button class="step" data-step="1"><span class="step-title">2. Seed state</span><span class="step-copy">Ensure chat, append new user messages, attach system prompt.</span></button>
-                <button class="step" data-step="2"><span class="step-title">3. Stream</span><span class="step-copy">ChatResponse deltas become TUI/headless events.</span></button>
-                <button class="step" data-step="3"><span class="step-title">4. Tool round</span><span class="step-copy">Approve, execute, append tool messages, update cwd.</span></button>
-                <button class="step" data-step="4"><span class="step-title">5. Compact</span><span class="step-copy">If prompt eval crosses threshold or /compact forces it.</span></button>
-                <button class="step" data-step="5"><span class="step-title">6. Finish</span><span class="step-copy">Return messages, metrics, working dir, and status.</span></button>
-              </div>
-              <div class="sequence-stage">
-                <div class="stage-card" id="step-detail"></div>
-                <div class="swimlane">
-                  <div class="swim"><h3>CLI</h3><p>Normalizes run flags, model, prompt, images, resume, verbose, thinking, and approval mode.</p></div>
-                  <div class="swim"><h3>TUI</h3><p>Owns rendering, input queueing, slash commands, model picker, approval UI, and live context estimates.</p></div>
-                  <div class="swim"><h3>Session</h3><p>The harness state machine. It is the shared loop for interactive and headless runs.</p></div>
-                  <div class="swim"><h3>Model API</h3><p>Receives api.ChatRequest with messages, tools, options, format, think, and keep-alive.</p></div>
-                  <div class="swim"><h3>Store</h3><p>Persists chat rows and compaction archives in the application SQLite database.</p></div>
-                </div>
-              </div>
-            </div>
-          </section>
-
-          <section id="matrix" class="view" aria-label="subsystem review matrix">
-            <div class="matrix">
-              <button class="node matrix-card entry" data-node="tui-entry">
-                <h3>TUI boundary</h3>
-                <small>Bubble Tea model translates agent events into chat entries and modal state.</small>
-              </button>
-              <button class="node matrix-card entry" data-node="headless-entry">
-                <h3>Headless boundary</h3>
-                <small>Uses the same agent session and prints streamed event output.</small>
-              </button>
-              <button class="node matrix-card core" data-node="session-run">
-                <h3>Agent state machine</h3>
-                <small>Loop: chat, maybe tools, maybe compact, repeat until final.</small>
-              </button>
-              <button class="node matrix-card tooling" data-node="tools">
-                <h3>Tools</h3>
-                <small>Concrete IO is isolated behind agent.Tool and ToolContext.</small>
-              </button>
-              <button class="node matrix-card risk" data-node="approval">
-                <h3>Security gates</h3>
-                <small>Approval policy classifies paths, bash syntax, and mutation risk.</small>
-              </button>
-              <button class="node matrix-card state" data-node="store">
-                <h3>Durable state</h3>
-                <small>SQLite keeps resumable chats and archived compacted messages.</small>
-              </button>
-              <button class="node matrix-card state" data-node="compaction">
-                <h3>Compaction</h3>
-                <small>Model-generated summary replaces older context; archive remains queryable.</small>
-              </button>
-              <button class="node matrix-card state" data-node="context">
-                <h3>Context pressure</h3>
-                <small>Actual loaded ctx comes from /api/ps, with live prompt estimates in UI.</small>
-              </button>
-              <button class="node matrix-card tooling" data-node="skills">
-                <h3>Skills</h3>
-                <small>Metadata loads from ~/.ollama/skills; full instructions load on demand.</small>
-              </button>
-            </div>
-          </section>
-
-          <section id="files" class="view" aria-label="file connection map">
-            <div class="file-map">
-              <div class="file-column">
-                <div class="file-column-title">cmd/ entry</div>
-                <button class="node entry file-node" data-node="file-cmd-cmd">
-                  <code>cmd/cmd.go</code>
-                  <span class="relation">run flags, legacy compatibility, actual ctx lookup</span>
-                </button>
-                <button class="node entry file-node" data-node="file-cmd-agent-tui">
-                  <code>cmd/agent_tui.go</code>
-                  <span class="relation">builds TUI/headless agent options, tools, store, skills</span>
-                </button>
-                <div class="edge-note">cmd/cmd.go maps stable run behavior into AgentTUIOptions, then cmd/agent_tui.go chooses TUI or headless.</div>
-              </div>
-
-              <div class="file-column">
-                <div class="file-column-title">cmd/tui/ shell</div>
-                <button class="node entry file-node" data-node="file-tui-chat">
-                  <code>cmd/tui/chat.go</code>
-                  <span class="relation">Bubble Tea model, startRun, queueing, reset, compaction command</span>
-                </button>
-                <button class="node entry file-node" data-node="file-tui-events">
-                  <code>cmd/tui/chat_events.go</code>
-                  <span class="relation">agent events to visible entries and live context estimate</span>
-                </button>
-                <button class="node entry file-node" data-node="file-tui-render">
-                  <code>cmd/tui/chat_render.go</code>
-                  <span class="relation">markdown, transcript, tool groups, footer ctx pressure</span>
-                </button>
-                <button class="node entry file-node" data-node="file-tui-modals">
-                  <code>cmd/tui/chat_modals.go</code>
-                  <span class="relation">model, resume, history, skills, approval picker surfaces</span>
-                </button>
-              </div>
-
-              <div class="file-column">
-                <div class="file-column-title">agent/ core</div>
-                <button class="node core file-node" data-node="file-agent-session">
-                  <code>agent/session.go</code>
-                  <span class="relation">canonical state machine: chat, tools, compact, finish</span>
-                </button>
-                <button class="node core file-node" data-node="file-agent-events">
-                  <code>agent/events.go</code>
-                  <span class="relation">neutral event contract shared by TUI and headless</span>
-                </button>
-                <button class="node tooling file-node" data-node="file-agent-registry">
-                  <code>agent/registry.go</code>
-                  <span class="relation">Tool interface, schema export, tool-call dispatch</span>
-                </button>
-                <button class="node risk file-node" data-node="file-agent-approval">
-                  <code>agent/approval.go</code>
-                  <span class="relation">approval policy, session allow-list, bash classification</span>
-                </button>
-              </div>
-
-              <div class="file-column">
-                <div class="file-column-title">agent/ state</div>
-                <button class="node state file-node" data-node="file-agent-compactor">
-                  <code>agent/compactor.go</code>
-                  <span class="relation">threshold checks, summary prompt, keep N user turns</span>
-                </button>
-                <button class="node state file-node" data-node="file-chatstore">
-                  <code>agent/chatstore/sqlite.go</code>
-                  <span class="relation">durable chats, stream updates, resume, compaction archive</span>
-                </button>
-                <button class="node tooling file-node" data-node="file-agent-skills">
-                  <code>agent/skills/skills.go</code>
-                  <span class="relation">skill metadata, system prompt summaries, default ~/.ollama path</span>
-                </button>
-                <div class="edge-note">Session owns in-memory message flow; store owns durable rows; compactor bridges them by archiving rows and returning compacted messages.</div>
-              </div>
-
-              <div class="file-column">
-                <div class="file-column-title">agent/tools/ IO</div>
-                <button class="node tooling file-node" data-node="file-tools-bash">
-                  <code>agent/tools/bash.go</code>
-                  <span class="relation">bash execution, timeout, final cwd capture</span>
-                </button>
-                <button class="node tooling file-node" data-node="file-tools-file">
-                  <code>agent/tools/file.go</code>
-                  <span class="relation">read/edit path resolution, file size caps, exact replace</span>
-                </button>
-                <button class="node tooling file-node" data-node="file-tools-web">
-                  <code>agent/tools/web.go</code>
-                  <span class="relation">local experimental web_search and web_fetch API tools</span>
-                </button>
-                <button class="node tooling file-node" data-node="file-tools-skill">
-                  <code>agent/tools/skill.go</code>
-                  <span class="relation">load full SKILL.md instructions on demand</span>
-                </button>
-              </div>
-            </div>
-            <div class="legend">
-              <span>Left to right: command setup, TUI boundary, core loop, durable state, concrete tools</span>
-              <span>Click any file to see why it exists and what calls it</span>
-              <span>The center column is the package boundary to protect</span>
-            </div>
-          </section>
-        </div>
-      </section>
-
-      <aside class="side" aria-live="polite" aria-label="selected node details">
-        <span class="tag" id="detail-tag">entrypoint</span>
-        <h2 id="detail-title">cmd run dispatch</h2>
-        <p id="detail-summary">Legacy run flags flow into the canonical agent options.</p>
-        <div class="detail-section">
-          <strong>Responsibilities</strong>
-          <ul id="detail-responsibilities"></ul>
-        </div>
-        <div class="detail-section">
-          <strong>Review notes</strong>
-          <ul id="detail-notes"></ul>
-        </div>
-        <div class="detail-section">
-          <strong>Files and functions</strong>
-          <div class="file-list" id="detail-files"></div>
-        </div>
-      </aside>
-    </main>
-  </div>
-
-  <script>
-    const details = {
-      "cmd-run": {
-        tag: "entrypoint",
-        title: "cmd run dispatch",
-        summary: "The stable CLI path converts run options into AgentTUIOptions so the agent loop is the canonical execution path.",
-        responsibilities: [
-          "Preserve existing run flags and legacy behavior while routing interactive and headless use into the agent harness.",
-          "Resolve model, prompt, multimodal data, thinking mode, verbose mode, resume, and context window options.",
-          "Fetch actual loaded context length through the server when possible."
-        ],
-        notes: [
-          "The CLI should stay boring: option normalization belongs here; agent behavior belongs in agent/.",
-          "Context length for local models should come from /api/ps when the runner is loaded, not just model metadata."
-        ],
-        files: [
-          "cmd/cmd.go: run option parsing and contextWindowTokensForRun",
-          "cmd/agent_tui.go: agentOptionsFromRunOptions"
-        ]
-      },
-      "tui-entry": {
-        tag: "interactive",
-        title: "TUI agent shell",
-        summary: "Bubble Tea owns input, rendering, slash commands, model switching, approvals, history, and live context display.",
-        responsibilities: [
-          "Run tui.RunAgentChat with ChatOptions and bridge UI actions to Session.Run.",
-          "Render agent events into chat entries while maintaining live prompt estimates.",
-          "Queue user messages while a run is active and start the next queued turn when ready."
-        ],
-        notes: [
-          "The TUI is presentation and interaction; it should not duplicate the agent state machine.",
-          "Model switches rebuild tools and system prompt, then clear stale context-window state."
-        ],
-        files: [
-          "cmd/tui/chat.go: RunAgentChat, startRunWithPrompt, queue handling",
-          "cmd/tui/chat_events.go: applyAgentEvent",
-          "cmd/tui/chat_render.go: rendering, context footer, activity line",
-          "cmd/tui/chat_modals.go: model, resume, history, approval modal flows"
-        ]
-      },
-      "headless-entry": {
-        tag: "headless",
-        title: "Headless agent",
-        summary: "Headless mode builds the same registry, approval handler, compactor, store, and Session.Run call as the TUI path.",
-        responsibilities: [
-          "Require prompt/stdin, resolve resume/model, and construct the shared agent session.",
-          "Stream through agentHeadlessEventSink to stdout.",
-          "Respect cancellation via os.Signal and context cancellation."
-        ],
-        notes: [
-          "Headless should not fork behavior from the TUI except for rendering and prompting constraints.",
-          "Approval-required calls without an interactive prompter deny unless auto-approve is active."
-        ],
-        files: [
-          "cmd/agent_tui.go: GenerateAgentHeadless",
-          "cmd/agent_tui.go: agentHeadlessEventSink",
-          "agent/session.go: Session.Run"
-        ]
-      },
-      "session-run": {
-        tag: "core",
-        title: "Session.Run",
-        summary: "The shared agent loop. It owns message accumulation, model turns, tool rounds, compaction checks, retries, and final result.",
-        responsibilities: [
-          "Ensure the persistent chat exists and append new user messages.",
-          "Loop through chatRound, append assistant output, execute tool calls, compact when due, and finish.",
-          "Retry selected 5xx model errors by appending a corrective user message."
-        ],
-        notes: [
-          "There is no fixed tool-round cap unless MaxToolRounds is set.",
-          "Denied tool execution returns to the user instead of letting the model continue."
-        ],
-        files: [
-          "agent/session.go: Session.Run",
-          "agent/session.go: maybeCompact",
-          "agent/session.go: executeToolCalls"
-        ]
-      },
-      "chat-round": {
-        tag: "model turn",
-        title: "chatRound",
-        summary: "Builds api.ChatRequest, streams model deltas, records pending tool calls, and persists assistant chunks.",
-        responsibilities: [
-          "Prepend the current system prompt without mutating persisted conversation messages.",
-          "Attach tools, format, options, thinking, and keep-alive to api.ChatRequest.",
-          "Emit MessageStarted, ThinkingDelta, MessageDelta, and ToolCallDetected events."
-        ],
-        notes: [
-          "Streaming persistence batches assistant updates until enough deltas arrive or the round finishes.",
-          "Cancellation flushes the current assistant message through context.WithoutCancel."
-        ],
-        files: [
-          "agent/session.go: chatRound",
-          "api/types.go: ChatRequest and ChatResponse"
-        ]
-      },
-      "events": {
-        tag: "event model",
-        title: "event stream",
-        summary: "The core loop emits typed events; UIs decide how to render them.",
-        responsibilities: [
-          "Represent run lifecycle, message deltas, thinking, tools, compaction, and errors.",
-          "Carry model metrics through ChatResponse for context and verbose rendering.",
-          "Carry compacted message snapshots when compaction succeeds."
-        ],
-        notes: [
-          "This is the main boundary that keeps Bubble Tea out of the agent package.",
-          "Event content is intentionally presentation-neutral."
-        ],
-        files: [
-          "agent/events.go: EventType and Event",
-          "cmd/tui/chat_events.go: applyAgentEvent",
-          "cmd/agent_tui.go: agentHeadlessEventSink"
-        ]
-      },
-      "registry": {
-        tag: "tool abstraction",
-        title: "Registry",
-        summary: "A small registry maps tool names to schemas and execution handlers.",
-        responsibilities: [
-          "Expose api.Tools to the model in sorted name order.",
-          "Dispatch api.ToolCall by function name.",
-          "Surface whether a tool declares ApprovalRequired."
-        ],
-        notes: [
-          "This is the extension seam for app-provided tools later.",
-          "ToolContext currently carries WorkingDir so bash/read/edit can share session cwd."
-        ],
-        files: [
-          "agent/registry.go: Tool, Registry, ToolContext",
-          "cmd/agent_tui.go: agentToolsRegistry"
-        ]
-      },
-      "approval": {
-        tag: "security",
-        title: "ApprovalManager",
-        summary: "Per-tool-call approval policy with session allow-listing and optional interactive prompting.",
-        responsibilities: [
-          "Auto-allow read and web tools unless path escape is detected.",
-          "Prompt for edit and bash by default, unless auto-approve/full access is enabled.",
-          "Classify bash via mvdan shell parser for control operators, redirects, destructive commands, sudo, and path changes."
-        ],
-        notes: [
-          "Approval is risk signaling and policy, not a filesystem sandbox.",
-          "Headless without a prompter denies approval-required work unless auto-approve is set."
-        ],
-        files: [
-          "agent/approval.go: ApprovalManager",
-          "agent/approval.go: DefaultApprovalPolicy",
-          "agent/approval.go: classifyBashCommand",
-          "cmd/tui/chat_approval.go: inline approval UI"
-        ]
-      },
-      "tools": {
-        tag: "tools",
-        title: "Tool implementations",
-        summary: "Concrete tools are small adapters behind agent.Tool: bash, read, edit, web_search, web_fetch, and skill.",
-        responsibilities: [
-          "bash executes a fresh shell command with timeout and records final pwd as the session cwd.",
-          "read/edit resolve paths relative to working dir and cap file size.",
-          "web tools call local experimental API routes; skill loads SKILL.md content on demand."
-        ],
-        notes: [
-          "The list tool was intentionally removed; the model can use bash for directory listings.",
-          "Tool outputs are hidden/collapsible in TUI history but retained in messages."
-        ],
-        files: [
-          "agent/tools/bash.go: Bash.Execute",
-          "agent/tools/file.go: Read and Edit",
-          "agent/tools/web.go: WebSearch and WebFetch",
-          "agent/tools/skill.go: Skill.Execute"
-        ]
-      },
-      "store": {
-        tag: "persistence",
-        title: "SQLite chat store",
-        summary: "Durable chat state lives in the app SQLite database with WAL, busy timeout, and immediate transactions.",
-        responsibilities: [
-          "Persist chats, message stream updates, chat summaries, prompt history, and compaction archives.",
-          "Support latest chat resume and model-specific resume.",
-          "Archive compacted message IDs and synthesize a summary message when loading a chat."
-        ],
-        notes: [
-          "Multiple processes can share the DB, but the same chat from two agents may interleave transcript writes.",
-          "Compaction archive supports keeping zero user turns for short chats."
-        ],
-        files: [
-          "agent/chatstore/sqlite.go: New and schema init",
-          "agent/chatstore/sqlite.go: AppendMessage and UpdateLastMessage",
-          "agent/chatstore/sqlite.go: ArchiveForCompaction"
-        ]
-      },
-      "compaction": {
-        tag: "context",
-        title: "SimpleCompactor",
-        summary: "Compacts older conversation into a concise summary while preserving the newest user turns.",
-        responsibilities: [
-          "Trigger when PromptEvalCount reaches threshold or when /compact forces it.",
-          "Summarize archived messages with the same model and keep prompt options/keep-alive.",
-          "Insert the summary as a user message to preserve system prompt cache stability."
-        ],
-        notes: [
-          "Default keep is three user turns, but short chats compact with fewer, down to zero.",
-          "Thinking and images are omitted from the compaction prompt."
-        ],
-        files: [
-          "agent/compactor.go: MaybeCompact",
-          "agent/compactor.go: splitCompactionMessages",
-          "agent/compactor.go: compactionPrompt"
-        ]
-      },
-      "context": {
-        tag: "accounting",
-        title: "context accounting",
-        summary: "The TUI displays context pressure using server-reported loaded context length and live prompt estimates.",
-        responsibilities: [
-          "Use /api/ps context_length as the actual local runner window when loaded.",
-          "Use cloud /api/show metadata as fallback only for explicit cloud models.",
-          "Update live estimates as assistant text, tool calls, and tool outputs stream in."
-        ],
-        notes: [
-          "The footer no longer clamps usage at 100%, so over-window estimates are visible.",
-          "The API PromptEvalCount overrides estimates whenever the server returns it."
-        ],
-        files: [
-          "cmd/cmd.go: contextWindowTokensForRun",
-          "cmd/tui/chat_events.go: refreshLiveContextEstimate",
-          "cmd/tui/chat_render.go: contextStatus",
-          "agent/compactor.go: ResolveContextWindowTokens"
-        ]
-      },
-      "skills": {
-        tag: "skills",
-        title: "Skills",
-        summary: "Skills are reusable instruction packages stored under ~/.ollama/skills and surfaced as metadata first.",
-        responsibilities: [
-          "Load skill metadata from SKILL.md frontmatter.",
-          "Add skill summaries to the system prompt when skills are installed.",
-          "Load full SKILL.md instructions through the skill tool or manual slash-trigger flow."
-        ],
-        notes: [
-          "The app can later share the same catalog and tool without coupling to the TUI.",
-          "Manual skill triggering wraps the user prompt and adds skill-specific system instructions."
-        ],
-        files: [
-          "agent/skills/skills.go: Catalog, LoadDefault, SystemPrompt",
-          "agent/tools/skill.go: Skill.Execute",
-          "cmd/agent_tui.go: loadAgentSkills and skillFromPrompt"
-        ]
-      },
-      "file-cmd-cmd": {
-        tag: "cmd file",
-        title: "cmd/cmd.go",
-        summary: "Stable CLI run surface. It preserves existing run behavior and resolves effective context information before handing off to the agent entrypoint.",
-        responsibilities: [
-          "Own run command argument and flag compatibility.",
-          "Translate legacy run behavior into agent options.",
-          "Resolve context length through /api/ps for loaded local runners and /api/show only for explicit cloud models."
-        ],
-        notes: [
-          "Feeds AgentTUIOptions consumed by cmd/agent_tui.go.",
-          "Should not learn about Bubble Tea details or tool execution internals."
-        ],
-        files: [
-          "cmd/cmd.go: agentOptionsFromRunOptions call sites",
-          "cmd/cmd.go: contextWindowTokensForRun",
-          "cmd/cmd.go: contextWindowTokensFromRunningModels"
-        ]
-      },
-      "file-cmd-agent-tui": {
-        tag: "cmd file",
-        title: "cmd/agent_tui.go",
-        summary: "The bridge from stable command options into either the interactive TUI agent or the headless agent loop.",
-        responsibilities: [
-          "Create the API client, SQLite chat store, chat ID, skills catalog, tool registry, approval handler, and compactor.",
-          "Start tui.RunAgentChat for interactive use.",
-          "Start agent.Session directly for headless use."
-        ],
-        notes: [
-          "Calls agentToolsRegistry, agentSystemPrompt, contextWindowTokensForRun, and chatstore.New.",
-          "This is the highest-level composition root for the CLI agent."
-        ],
-        files: [
-          "cmd/agent_tui.go: GenerateAgentTUI",
-          "cmd/agent_tui.go: GenerateAgentHeadless",
-          "cmd/agent_tui.go: agentToolsRegistry"
-        ]
-      },
-      "file-tui-chat": {
-        tag: "tui file",
-        title: "cmd/tui/chat.go",
-        summary: "The Bubble Tea model and command dispatcher for the interactive agent.",
-        responsibilities: [
-          "Initialize chatModel state and start the Bubble Tea program.",
-          "Start runs, queue messages, cancel runs, reset chats, and run manual compaction.",
-          "Construct agent.Session with UI-specific event and approval bridges."
-        ],
-        notes: [
-          "Depends on agent.Session but keeps the core state machine in agent/.",
-          "Works with chat_events.go for streamed updates and chat_render.go for display."
-        ],
-        files: [
-          "cmd/tui/chat.go: RunAgentChat",
-          "cmd/tui/chat.go: startRunWithPrompt",
-          "cmd/tui/chat.go: startManualCompaction"
-        ]
-      },
-      "file-tui-events": {
-        tag: "tui file",
-        title: "cmd/tui/chat_events.go",
-        summary: "Translates neutral agent events into TUI entries, status, live message estimates, and spinner state.",
-        responsibilities: [
-          "Handle message, thinking, tool, compaction, and error events.",
-          "Maintain liveMessages for context estimates during a run.",
-          "Update active tool rows and session cwd when tool events finish."
-        ],
-        notes: [
-          "Consumes agent/events.go and api.ChatResponse metrics.",
-          "Feeds render state consumed by chat_render.go."
-        ],
-        files: [
-          "cmd/tui/chat_events.go: applyAgentEvent",
-          "cmd/tui/chat_events.go: ensureLiveAssistantMessage",
-          "cmd/tui/chat_events.go: refreshLiveContextEstimate"
-        ]
-      },
-      "file-tui-render": {
-        tag: "tui file",
-        title: "cmd/tui/chat_render.go",
-        summary: "Rendering layer for transcript, markdown, tool groups, footer, activity, and context pressure.",
-        responsibilities: [
-          "Render chat entries and grouped tool-call history.",
-          "Render the footer context meter and compaction threshold hints.",
-          "Cache/render markdown-heavy transcript content."
-        ],
-        notes: [
-          "Reads state from chatModel; should stay display-only.",
-          "ContextStatus relies on ContextWindowTokens updated by cmd/cmd.go and chat events."
-        ],
-        files: [
-          "cmd/tui/chat_render.go: View",
-          "cmd/tui/chat_render.go: contextStatus",
-          "cmd/tui/chat_render.go: renderTranscript"
-        ]
-      },
-      "file-tui-modals": {
-        tag: "tui file",
-        title: "cmd/tui/chat_modals.go",
-        summary: "Interactive picker and popup flows layered over the main chat surface.",
-        responsibilities: [
-          "Open/select resume sessions, model picker, history popup, and related modals.",
-          "Apply model selection by rebuilding tools, system prompt, and context-window state.",
-          "Keep modal state separate from the core agent loop."
-        ],
-        notes: [
-          "Calls ToolRegistryForModel and SystemPromptForModel supplied by cmd/agent_tui.go.",
-          "Clears stale context window on model switch before refresh."
-        ],
-        files: [
-          "cmd/tui/chat_modals.go: applyModelSelection",
-          "cmd/tui/chat_modals.go: openResumePicker",
-          "cmd/tui/chat_modals.go: openHistoryPopup"
-        ]
-      },
-      "file-agent-session": {
-        tag: "agent file",
-        title: "agent/session.go",
-        summary: "The canonical agent state machine shared by TUI and headless modes.",
-        responsibilities: [
-          "Accumulate messages and persist new user, assistant, and tool messages.",
-          "Run model turns, detect tool calls, execute tools, compact context, and finish.",
-          "Emit neutral events through EventSink."
-        ],
-        notes: [
-          "Called by cmd/tui/chat.go and cmd/agent_tui.go headless path.",
-          "Depends on Registry, ApprovalHandler, ChatStore, Compactor, and ChatClient interfaces."
-        ],
-        files: [
-          "agent/session.go: Session.Run",
-          "agent/session.go: chatRound",
-          "agent/session.go: executeToolCalls",
-          "agent/session.go: maybeCompact"
-        ]
-      },
-      "file-agent-events": {
-        tag: "agent file",
-        title: "agent/events.go",
-        summary: "The event contract between the core loop and any renderer or sink.",
-        responsibilities: [
-          "Define EventType values for run, message, thinking, tools, compaction, and errors.",
-          "Carry tool call metadata, working directory updates, model responses, and compacted messages.",
-          "Provide EventSink and emit helper."
-        ],
-        notes: [
-          "Consumed by cmd/tui/chat_events.go and agentHeadlessEventSink.",
-          "This file should stay presentation-neutral."
-        ],
-        files: [
-          "agent/events.go: EventType",
-          "agent/events.go: Event",
-          "agent/events.go: EventSink"
-        ]
-      },
-      "file-agent-registry": {
-        tag: "agent file",
-        title: "agent/registry.go",
-        summary: "Small tool abstraction that exports schemas and dispatches model-generated tool calls.",
-        responsibilities: [
-          "Define Tool, ToolContext, ToolResult, and ApprovalRequired.",
-          "Register tools by name and export sorted api.Tools schemas.",
-          "Execute api.ToolCall through the registered implementation."
-        ],
-        notes: [
-          "Constructed by cmd/agent_tui.go.",
-          "Used by Session.executeToolCalls and by system prompt/tool availability logic."
-        ],
-        files: [
-          "agent/registry.go: Tool",
-          "agent/registry.go: Registry.Tools",
-          "agent/registry.go: Registry.Execute"
-        ]
-      },
-      "file-agent-approval": {
-        tag: "agent file",
-        title: "agent/approval.go",
-        summary: "Approval policy and prompter abstraction for per-tool-call safety decisions.",
-        responsibilities: [
-          "Evaluate whether tool calls require prompting, auto-allow, or denial.",
-          "Classify bash syntax and mutating operations.",
-          "Store per-session allow decisions."
-        ],
-        notes: [
-          "Called from Session.executeToolCalls before Registry.Execute.",
-          "TUI supplies an ApprovalPrompter; headless denies prompt-required calls unless auto-approved."
-        ],
-        files: [
-          "agent/approval.go: ApprovalManager.RequiresApproval",
-          "agent/approval.go: ApprovalManager.Approve",
-          "agent/approval.go: DefaultApprovalPolicy"
-        ]
-      },
-      "file-agent-compactor": {
-        tag: "agent file",
-        title: "agent/compactor.go",
-        summary: "Context compaction strategy and model-driven summary generation.",
-        responsibilities: [
-          "Decide whether compaction is due from PromptEvalCount and context window.",
-          "Split messages into prefix, archive, and recent suffix.",
-          "Summarize archived messages and return compacted message state."
-        ],
-        notes: [
-          "Called from Session.maybeCompact and manual TUI /compact.",
-          "Calls chatstore.ArchiveForCompaction when a persistent chat exists."
-        ],
-        files: [
-          "agent/compactor.go: SimpleCompactor.MaybeCompact",
-          "agent/compactor.go: summarize",
-          "agent/compactor.go: splitCompactionMessages"
-        ]
-      },
-      "file-chatstore": {
-        tag: "state file",
-        title: "agent/chatstore/sqlite.go",
-        summary: "SQLite persistence layer for chats, messages, prompt history, and compaction archive.",
-        responsibilities: [
-          "Create/open the app DB with WAL and busy timeout.",
-          "Persist streamed messages and load resumable chat history.",
-          "Archive compacted messages and rehydrate latest summary."
-        ],
-        notes: [
-          "Used by cmd/agent_tui.go as the shared persistent store.",
-          "Implements interfaces consumed by agent.Session and SimpleCompactor."
-        ],
-        files: [
-          "agent/chatstore/sqlite.go: New",
-          "agent/chatstore/sqlite.go: AppendMessage",
-          "agent/chatstore/sqlite.go: UpdateLastMessage",
-          "agent/chatstore/sqlite.go: ArchiveForCompaction"
-        ]
-      },
-      "file-agent-skills": {
-        tag: "skills file",
-        title: "agent/skills/skills.go",
-        summary: "Skill catalog loader for reusable instruction packages under ~/.ollama/skills.",
-        responsibilities: [
-          "Read SKILL.md metadata and validate names/descriptions.",
-          "Build system-prompt summaries without loading full instructions up front.",
-          "Support manual skill prompts."
-        ],
-        notes: [
-          "Used by cmd/agent_tui.go to build system prompt and skill tool.",
-          "Full SKILL.md content is loaded through agent/tools/skill.go."
-        ],
-        files: [
-          "agent/skills/skills.go: LoadDefault",
-          "agent/skills/skills.go: Catalog.SystemPrompt",
-          "agent/skills/skills.go: ManualSystemPrompt"
-        ]
-      },
-      "file-tools-bash": {
-        tag: "tool file",
-        title: "agent/tools/bash.go",
-        summary: "Bash tool implementation with timeout and session cwd tracking.",
-        responsibilities: [
-          "Execute bash -c from ToolContext.WorkingDir.",
-          "Capture stdout/stderr and return exit status as tool content.",
-          "Record final pwd so the session cwd can advance after cd commands."
-        ],
-        notes: [
-          "Requires approval by tool declaration.",
-          "Called through Registry.Execute after ApprovalManager allows the call."
-        ],
-        files: [
-          "agent/tools/bash.go: Bash.Schema",
-          "agent/tools/bash.go: Bash.RequiresApproval",
-          "agent/tools/bash.go: Bash.Execute"
-        ]
-      },
-      "file-tools-file": {
-        tag: "tool file",
-        title: "agent/tools/file.go",
-        summary: "Read and edit tools for text files relative to the current working directory.",
-        responsibilities: [
-          "Read bounded-size text files.",
-          "Apply exact text replacement edits.",
-          "Resolve paths relative to ToolContext.WorkingDir."
-        ],
-        notes: [
-          "Read is low-risk but still denies path escapes through approval policy.",
-          "Edit requires approval and performs exact replacement only."
-        ],
-        files: [
-          "agent/tools/file.go: Read.Execute",
-          "agent/tools/file.go: Edit.RequiresApproval",
-          "agent/tools/file.go: Edit.Execute"
-        ]
-      },
-      "file-tools-web": {
-        tag: "tool file",
-        title: "agent/tools/web.go",
-        summary: "Web search and fetch tools backed by local experimental API endpoints.",
-        responsibilities: [
-          "Expose web_search and web_fetch schemas to capable models.",
-          "Call local /api/experimental/web_search and /api/experimental/web_fetch routes.",
-          "Auto-allow through approval policy unless cloud/no-cloud disables registry construction."
-        ],
-        notes: [
-          "Registered by agentToolsRegistry only when cloud status allows it.",
-          "Outputs return to the model as tool messages and are hidden/collapsible in the TUI."
-        ],
-        files: [
-          "agent/tools/web.go: WebSearch.Execute",
-          "agent/tools/web.go: WebFetch.Execute",
-          "cmd/agent_tui.go: agentCloudStatusDisabled"
-        ]
-      },
-      "file-tools-skill": {
-        tag: "tool file",
-        title: "agent/tools/skill.go",
-        summary: "Tool for loading full skill instructions only when the model needs them.",
-        responsibilities: [
-          "Validate requested skill name.",
-          "Read the matching SKILL.md from the catalog.",
-          "Return content plus the skill directory for resolving relative references."
-        ],
-        notes: [
-          "Depends on agent/skills catalog metadata.",
-          "Registered only when the catalog is non-empty."
-        ],
-        files: [
-          "agent/tools/skill.go: Skill.Schema",
-          "agent/tools/skill.go: Skill.Execute",
-          "agent/skills/skills.go: Skill.Read"
-        ]
-      }
-    };
-
-    const steps = [
-      {
-        title: "Start",
-        body: "cmd/agent_tui.go constructs either ChatOptions for the Bubble Tea UI or RunOptions directly for headless. Both paths resolve model, tools, store, approval, compactor, system prompt, and context window.",
-        files: ["cmd/agent_tui.go: GenerateAgentTUI", "cmd/agent_tui.go: GenerateAgentHeadless"]
-      },
-      {
-        title: "Seed state",
-        body: "Session.Run ensures the chat exists, appends new user messages to the store, and starts from the already loaded/resumed messages. The system prompt is added only to the request payload in chatRound.",
-        files: ["agent/session.go: Session.Run", "agent/session.go: chatRound"]
-      },
-      {
-        title: "Stream",
-        body: "chatRound streams ChatResponse deltas. Thinking, content, and tool calls become typed events. The TUI updates live entries and token estimates; headless prints streamed content.",
-        files: ["agent/session.go: chatRound", "agent/events.go", "cmd/tui/chat_events.go"]
-      },
-      {
-        title: "Tool round",
-        body: "Pending tool calls pass through ApprovalManager, execute through Registry, append tool messages, and update session cwd when a tool reports a new working directory. Denied tools stop the run and return to the user.",
-        files: ["agent/session.go: executeToolCalls", "agent/approval.go", "agent/registry.go"]
-      },
-      {
-        title: "Compact",
-        body: "After assistant and tool messages, maybeCompact checks PromptEvalCount against the effective context window. Manual /compact forces the same path. Summaries are user messages and archives are stored in SQLite.",
-        files: ["agent/session.go: maybeCompact", "agent/compactor.go", "agent/chatstore/sqlite.go: ArchiveForCompaction"]
-      },
-      {
-        title: "Finish",
-        body: "The run emits EventRunFinished and returns RunResult with final messages, latest metrics, and working dir. TUI attaches verbose metrics, clears live state, and starts queued input if present.",
-        files: ["agent/session.go: RunResult return", "cmd/tui/chat.go: chatRunDoneMsg handling"]
-      }
-    ];
-
-    const nodes = Array.from(document.querySelectorAll("[data-node]"));
-    const side = {
-      tag: document.getElementById("detail-tag"),
-      title: document.getElementById("detail-title"),
-      summary: document.getElementById("detail-summary"),
-      responsibilities: document.getElementById("detail-responsibilities"),
-      notes: document.getElementById("detail-notes"),
-      files: document.getElementById("detail-files")
-    };
-
-    function renderList(target, items) {
-      target.innerHTML = "";
-      for (const item of items) {
-        const li = document.createElement("li");
-        li.textContent = item;
-        target.appendChild(li);
-      }
-    }
-
-    function selectNode(id) {
-      const data = details[id];
-      if (!data) return;
-      for (const node of nodes) {
-        node.classList.toggle("active", node.dataset.node === id);
-      }
-      side.tag.textContent = data.tag;
-      side.title.textContent = data.title;
-      side.summary.textContent = data.summary;
-      renderList(side.responsibilities, data.responsibilities);
-      renderList(side.notes, data.notes);
-      side.files.innerHTML = "";
-      for (const ref of data.files) {
-        const div = document.createElement("div");
-        div.className = "file-ref";
-        div.textContent = ref;
-        side.files.appendChild(div);
-      }
-    }
-
-    for (const node of nodes) {
-      node.addEventListener("click", () => selectNode(node.dataset.node));
-    }
-
-    const viewButtons = Array.from(document.querySelectorAll("[data-view-button]"));
-    const views = Array.from(document.querySelectorAll(".view"));
-    for (const button of viewButtons) {
-      button.addEventListener("click", () => {
-        const id = button.dataset.viewButton;
-        for (const viewButton of viewButtons) {
-          viewButton.setAttribute("aria-pressed", String(viewButton === button));
-        }
-        for (const view of views) {
-          view.classList.toggle("active", view.id === id);
-        }
-      });
-    }
-
-    const stepButtons = Array.from(document.querySelectorAll("[data-step]"));
-    const stepDetail = document.getElementById("step-detail");
-    function selectStep(index) {
-      const step = steps[index];
-      if (!step) return;
-      for (const button of stepButtons) {
-        button.classList.toggle("active", Number(button.dataset.step) === index);
-      }
-      stepDetail.innerHTML = "";
-      const h2 = document.createElement("h2");
-      h2.textContent = `${index + 1}. ${step.title}`;
-      const p = document.createElement("p");
-      p.textContent = step.body;
-      const files = document.createElement("div");
-      files.className = "file-list";
-      for (const ref of step.files) {
-        const div = document.createElement("div");
-        div.className = "file-ref";
-        div.textContent = ref;
-        files.appendChild(div);
-      }
-      stepDetail.append(h2, p, files);
-    }
-    for (const button of stepButtons) {
-      button.addEventListener("click", () => selectStep(Number(button.dataset.step)));
-    }
-
-    const search = document.getElementById("search");
-    search.addEventListener("input", () => {
-      const term = search.value.trim().toLowerCase();
-      for (const node of nodes) {
-        const id = node.dataset.node;
-        const data = details[id];
-        const haystack = [
-          id,
-          data?.title,
-          data?.summary,
-          ...(data?.responsibilities || []),
-          ...(data?.notes || []),
-          ...(data?.files || [])
-        ].join(" ").toLowerCase();
-        node.classList.toggle("hidden", term !== "" && !haystack.includes(term));
-      }
-    });
-
-    selectNode("cmd-run");
-    selectStep(0);
-  </script>
-</body>
-</html>
diff --git a/docs/markdown-color-options.html b/docs/markdown-color-options.html
deleted file mode 100644
index 6a6d0da5a..000000000
--- a/docs/markdown-color-options.html
+++ /dev/null
@@ -1,748 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Ollama Agent Markdown Color Options</title>
-  <style>
-    :root {
-      color-scheme: light dark;
-      --page-bg: #f7f7f4;
-      --page-fg: #1f1f1f;
-      --muted: #767676;
-      --panel: #ffffff;
-      --line: #d8d8d2;
-      --shadow: rgba(0, 0, 0, 0.08);
-      --preview-bg: #fbfbf8;
-      --preview-fg: #222222;
-      --preview-muted: #777777;
-      --preview-heading: #8a661e;
-      --preview-strong: #8a661e;
-      --preview-link: #1f6f9f;
-      --preview-code: #1f6f9f;
-      --preview-rule: #999999;
-      --preview-table: #666666;
-    }
-
-    [data-theme="dark"] {
-      color-scheme: dark;
-      --page-bg: #20201e;
-      --page-fg: #e8e2d2;
-      --muted: #9a968c;
-      --panel: #292927;
-      --line: #45423d;
-      --shadow: rgba(0, 0, 0, 0.28);
-    }
-
-    [data-theme="light"] {
-      color-scheme: light;
-    }
-
-    * {
-      box-sizing: border-box;
-    }
-
-    body {
-      margin: 0;
-      background: var(--page-bg);
-      color: var(--page-fg);
-      font: 14px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-    }
-
-    main {
-      width: min(1280px, calc(100vw - 40px));
-      margin: 28px auto 48px;
-    }
-
-    header {
-      display: flex;
-      align-items: end;
-      justify-content: space-between;
-      gap: 24px;
-      margin-bottom: 22px;
-      border-bottom: 1px solid var(--line);
-      padding-bottom: 18px;
-    }
-
-    h1, h2, h3, p {
-      margin: 0;
-    }
-
-    h1 {
-      font-size: 20px;
-      letter-spacing: 0;
-    }
-
-    header p {
-      max-width: 720px;
-      color: var(--muted);
-    }
-
-    .header-actions {
-      display: grid;
-      gap: 10px;
-      justify-items: end;
-    }
-
-    .theme-toggle {
-      border: 1px solid var(--line);
-      border-radius: 7px;
-      padding: 7px 10px;
-      background: var(--panel);
-      color: var(--page-fg);
-      font: inherit;
-      cursor: pointer;
-      box-shadow: 0 4px 16px var(--shadow);
-    }
-
-    .theme-toggle:hover {
-      border-color: var(--muted);
-    }
-
-    .grid {
-      display: grid;
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-      gap: 16px;
-    }
-
-    .card {
-      background: var(--panel);
-      border: 1px solid var(--line);
-      border-radius: 8px;
-      box-shadow: 0 8px 28px var(--shadow);
-      overflow: hidden;
-    }
-
-    .card-header {
-      display: flex;
-      align-items: start;
-      justify-content: space-between;
-      gap: 16px;
-      padding: 14px 16px 12px;
-      border-bottom: 1px solid var(--line);
-    }
-
-    .card-title {
-      font-weight: 700;
-    }
-
-    .card-note {
-      margin-top: 4px;
-      color: var(--muted);
-      font-size: 12px;
-    }
-
-    .swatches {
-      display: grid;
-      grid-template-columns: repeat(6, 22px);
-      gap: 5px;
-      flex: 0 0 auto;
-    }
-
-    .swatch {
-      width: 22px;
-      height: 22px;
-      border-radius: 5px;
-      border: 1px solid rgba(0, 0, 0, 0.22);
-    }
-
-    .preview {
-      background: var(--preview-bg);
-      color: var(--preview-fg);
-      padding: 18px 20px 20px;
-      min-height: 390px;
-      overflow: auto;
-    }
-
-    .preview .assistant-dot {
-      color: var(--preview-muted);
-      margin-right: 8px;
-    }
-
-    .preview h2,
-    .preview h3 {
-      color: var(--preview-heading);
-      margin: 18px 0 10px;
-      font-size: 16px;
-      font-weight: 700;
-    }
-
-    .preview h3 {
-      font-size: 15px;
-    }
-
-    .preview .rule {
-      height: 1px;
-      margin: 18px 0;
-      background: var(--preview-rule);
-      opacity: 0.55;
-    }
-
-    .preview p {
-      margin: 0 0 14px;
-    }
-
-    .preview strong {
-      color: var(--preview-strong);
-      font-weight: 700;
-    }
-
-    .preview a {
-      color: var(--preview-link);
-      text-decoration: underline;
-      text-underline-offset: 2px;
-    }
-
-    .preview code {
-      color: var(--preview-code);
-      font-weight: 600;
-    }
-
-    .preview .table {
-      display: grid;
-      gap: 14px;
-      margin-top: 10px;
-    }
-
-    .preview .record {
-      border-left: 2px solid var(--preview-rule);
-      padding-left: 12px;
-    }
-
-    .preview .record-title {
-      color: var(--preview-heading);
-      font-weight: 700;
-      margin-bottom: 4px;
-    }
-
-    .preview .field {
-      display: grid;
-      grid-template-columns: 110px minmax(0, 1fr);
-      gap: 12px;
-      margin: 2px 0;
-    }
-
-    .preview .field span:first-child {
-      color: var(--preview-table);
-      font-weight: 700;
-    }
-
-    .preview .quote {
-      color: var(--preview-muted);
-      border-left: 2px solid var(--preview-rule);
-      padding-left: 12px;
-      margin-top: 16px;
-    }
-
-    .custom {
-      margin-top: 18px;
-      display: grid;
-      grid-template-columns: 360px minmax(0, 1fr);
-      gap: 16px;
-    }
-
-    .controls {
-      padding: 16px;
-    }
-
-    .control {
-      display: grid;
-      grid-template-columns: 128px 42px minmax(0, 1fr);
-      gap: 10px;
-      align-items: center;
-      margin-bottom: 12px;
-    }
-
-    label {
-      color: var(--muted);
-    }
-
-    input[type="color"] {
-      width: 42px;
-      height: 30px;
-      padding: 0;
-      border: 1px solid var(--line);
-      border-radius: 6px;
-      background: transparent;
-    }
-
-    input[type="text"] {
-      width: 100%;
-      border: 1px solid var(--line);
-      border-radius: 6px;
-      padding: 7px 9px;
-      background: var(--page-bg);
-      color: var(--page-fg);
-      font: inherit;
-    }
-
-    textarea {
-      width: 100%;
-      min-height: 176px;
-      resize: vertical;
-      border: 1px solid var(--line);
-      border-radius: 6px;
-      padding: 10px;
-      background: var(--page-bg);
-      color: var(--page-fg);
-      font: inherit;
-    }
-
-    .output {
-      margin-top: 14px;
-      border-top: 1px solid var(--line);
-      padding-top: 14px;
-    }
-
-    pre {
-      margin: 0;
-      white-space: pre-wrap;
-      color: var(--muted);
-      font-size: 12px;
-    }
-
-    .wide {
-      grid-column: 1 / -1;
-    }
-
-    @media (max-width: 920px) {
-      .grid,
-      .custom {
-        grid-template-columns: 1fr;
-      }
-
-      header {
-        align-items: start;
-        flex-direction: column;
-      }
-    }
-  </style>
-</head>
-<body>
-  <main>
-    <header>
-      <div>
-        <h1>Markdown color options</h1>
-        <p>Review palettes for the Ollama agent TUI markdown renderer. Presets show how headings, emphasis, links, inline code, table labels, and muted metadata separate from body text.</p>
-      </div>
-      <div class="header-actions">
-        <button class="theme-toggle" id="terminal-toggle" type="button">Show dark terminals</button>
-        <p>Current implementation can map these to Glamour ANSI colors plus the existing bespoke wide-table fallback.</p>
-      </div>
-    </header>
-
-    <section class="grid" id="presets"></section>
-
-    <section class="custom">
-      <div class="card">
-        <div class="card-header">
-          <div>
-            <div class="card-title">Custom palette</div>
-            <div class="card-note">Pick colors for the active terminal mode, then hand me the values you like.</div>
-          </div>
-        </div>
-        <div class="controls" id="controls"></div>
-      </div>
-
-      <div class="card" id="custom-card"></div>
-    </section>
-  </main>
-
-  <template id="preview-template">
-    <div class="preview">
-      <p><span class="assistant-dot">●</span>I audited <code>cmd/launch</code> and <code>cmd/tui</code>. Both packages build and tests pass, but there are areas to cut or simplify.</p>
-      <div class="rule"></div>
-      <h2>1. Size snapshot</h2>
-      <div class="table">
-        <div class="record">
-          <div class="record-title">cmd/launch integrations</div>
-          <div class="field"><span>Files</span><span>17 integration files</span></div>
-          <div class="field"><span>Non-test LOC</span><span>~8,200</span></div>
-          <div class="field"><span>Notes</span><span><strong>CodexApp</strong>, OpenClaw, Hermes, and Codex are the heaviest implementations.</span></div>
-        </div>
-        <div class="record">
-          <div class="record-title">cmd/tui agent chat</div>
-          <div class="field"><span>Files</span><span><code>chat*.go</code></span></div>
-          <div class="field"><span>Non-test LOC</span><span>~11,500</span></div>
-          <div class="field"><span>Notes</span><span>Used by <code>cmd/agent_tui.go</code>; rendering, input, modals, history, and approvals.</span></div>
-        </div>
-      </div>
-      <h3>A. Collapse the integration interface zoo</h3>
-      <p><code>cmd/launch/launch.go</code> defines ~16 integration interfaces. Many are single-use markers or dead. See <a href="#">launch guide</a> for the proposed cut.</p>
-      <p class="quote">Impact: removes ~100-150 LOC of interface plumbing and makes the orchestration flow easier to follow.</p>
-    </div>
-  </template>
-
-  <script>
-    const terminalToggle = document.getElementById("terminal-toggle");
-    let terminalMode = localStorage.getItem("markdown-color-options-terminal-mode") || "light";
-
-    const presets = [
-      {
-        name: "Ghostty default",
-        note: "Dark-terminal-first candidate: neutral hierarchy, blue links/code, no muddy yellow.",
-        colors: {
-          light: {
-            bg: "#fbfbf8",
-            fg: "#222222",
-            muted: "#767676",
-            heading: "#2f4f68",
-            strong: "#1f1f1f",
-            link: "#1f6f9f",
-            code: "#1f6f9f",
-            rule: "#a8a8a0",
-            table: "#686868"
-          },
-          dark: {
-            bg: "#282c34",
-            fg: "#e7e8ea",
-            muted: "#9aa1ad",
-            heading: "#cfd6df",
-            strong: "#f0f1f3",
-            link: "#72b7d9",
-            code: "#72b7d9",
-            rule: "#69707c",
-            table: "#aeb5bf"
-          }
-        },
-        ansi: {
-          light: {heading: "24", strong: "0", link: "31", code: "31", muted: "244", table: "242"},
-          dark: {heading: "252", strong: "15", link: "74", code: "74", muted: "247", table: "250"}
-        }
-      },
-      {
-        name: "Current muted warm",
-        note: "The current direction, but mapped separately for light and dark terminals.",
-        colors: {
-          light: {
-            bg: "#fbfbf8",
-            fg: "#222222",
-            muted: "#777777",
-            heading: "#8a661e",
-            strong: "#8a661e",
-            link: "#1f6f9f",
-            code: "#1f6f9f",
-            rule: "#999999",
-            table: "#666666"
-          },
-          dark: {
-            bg: "#282c34",
-            fg: "#e7e8ea",
-            muted: "#9aa1ad",
-            heading: "#d7ba7d",
-            strong: "#d7ba7d",
-            link: "#72b7d9",
-            code: "#72b7d9",
-            rule: "#69707c",
-            table: "#aeb5bf"
-          }
-        },
-        ansi: {
-          light: {heading: "136", strong: "136", link: "31", code: "31", muted: "244", table: "244"},
-          dark: {heading: "180", strong: "180", link: "74", code: "74", muted: "247", table: "250"}
-        }
-      },
-      {
-        name: "Ollama graphite",
-        note: "Mostly monochrome; links/code carry the color. Good if markdown should feel calm.",
-        colors: {
-          light: {
-            bg: "#fafafa",
-            fg: "#1e1e1e",
-            muted: "#777777",
-            heading: "#111111",
-            strong: "#111111",
-            link: "#2c6f91",
-            code: "#2c6f91",
-            rule: "#b5b5b5",
-            table: "#686868"
-          },
-          dark: {
-            bg: "#282c34",
-            fg: "#e7e8ea",
-            muted: "#969ca6",
-            heading: "#f0f1f3",
-            strong: "#f0f1f3",
-            link: "#7db8d6",
-            code: "#7db8d6",
-            rule: "#656c76",
-            table: "#aab1bb"
-          }
-        },
-        ansi: {
-          light: {heading: "0", strong: "0", link: "31", code: "31", muted: "244", table: "242"},
-          dark: {heading: "15", strong: "15", link: "74", code: "74", muted: "247", table: "249"}
-        }
-      },
-      {
-        name: "Glow restrained",
-        note: "More classic terminal markdown color with warmer headings.",
-        colors: {
-          light: {
-            bg: "#fbfbf8",
-            fg: "#24221f",
-            muted: "#777777",
-            heading: "#9a6a00",
-            strong: "#9a6a00",
-            link: "#286fba",
-            code: "#007f73",
-            rule: "#aaa59d",
-            table: "#666666"
-          },
-          dark: {
-            bg: "#282c34",
-            fg: "#e8e2cf",
-            muted: "#9aa1ad",
-            heading: "#f1c76b",
-            strong: "#f1c76b",
-            link: "#8fc3ff",
-            code: "#7bd7c1",
-            rule: "#69707c",
-            table: "#aeb5bf"
-          }
-        },
-        ansi: {
-          light: {heading: "136", strong: "136", link: "32", code: "30", muted: "244", table: "242"},
-          dark: {heading: "222", strong: "222", link: "117", code: "116", muted: "247", table: "250"}
-        }
-      },
-      {
-        name: "Launch blue",
-        note: "Cooler and more product-y. Good for dense technical reports.",
-        colors: {
-          light: {
-            bg: "#f8fafb",
-            fg: "#1f2528",
-            muted: "#6d7478",
-            heading: "#245f8f",
-            strong: "#245f8f",
-            link: "#126b74",
-            code: "#126b74",
-            rule: "#a9b4b8",
-            table: "#5f6b70"
-          },
-          dark: {
-            bg: "#282c34",
-            fg: "#e2e9ed",
-            muted: "#9aa6ad",
-            heading: "#9cc8f1",
-            strong: "#9cc8f1",
-            link: "#74d2dc",
-            code: "#74d2dc",
-            rule: "#65727b",
-            table: "#aeb9c0"
-          }
-        },
-        ansi: {
-          light: {heading: "25", strong: "25", link: "30", code: "30", muted: "244", table: "242"},
-          dark: {heading: "111", strong: "111", link: "80", code: "80", muted: "247", table: "250"}
-        }
-      },
-      {
-        name: "Amber terminal",
-        note: "Warm terminal readout. Distinct hierarchy, but intentionally amber-heavy.",
-        colors: {
-          light: {
-            bg: "#fff9ea",
-            fg: "#2a2417",
-            muted: "#81725b",
-            heading: "#9d6b14",
-            strong: "#9d6b14",
-            link: "#4f7f94",
-            code: "#8a661e",
-            rule: "#c8b994",
-            table: "#7c6b4f"
-          },
-          dark: {
-            bg: "#282c34",
-            fg: "#eee0be",
-            muted: "#aaa08f",
-            heading: "#e0b85f",
-            strong: "#e0b85f",
-            link: "#9dc6d6",
-            code: "#d8c17a",
-            rule: "#736b5d",
-            table: "#b4a27f"
-          }
-        },
-        ansi: {
-          light: {heading: "130", strong: "130", link: "66", code: "136", muted: "244", table: "242"},
-          dark: {heading: "178", strong: "178", link: "110", code: "180", muted: "247", table: "180"}
-        }
-      }
-    ];
-
-    const custom = {
-      name: "Custom",
-      note: "Interactive palette",
-      colors: {
-        light: {...presets[0].colors.light},
-        dark: {...presets[0].colors.dark}
-      },
-      ansi: {}
-    };
-
-    const labels = [
-      ["bg", "Background"],
-      ["fg", "Body"],
-      ["muted", "Muted"],
-      ["heading", "Heading"],
-      ["strong", "Strong"],
-      ["link", "Link"],
-      ["code", "Inline code"],
-      ["rule", "Rule"],
-      ["table", "Table labels"]
-    ];
-
-    function previewCard(preset, id) {
-      const colors = paletteColors(preset);
-      const card = document.createElement("article");
-      card.className = "card";
-      if (id) card.id = id;
-
-      const header = document.createElement("div");
-      header.className = "card-header";
-      header.innerHTML = `
-        <div>
-          <div class="card-title">${preset.name}</div>
-          <div class="card-note">${preset.note}</div>
-        </div>
-      `;
-
-      const swatches = document.createElement("div");
-      swatches.className = "swatches";
-      for (const key of ["fg", "muted", "heading", "strong", "link", "code"]) {
-        const swatch = document.createElement("div");
-        swatch.className = "swatch";
-        swatch.style.background = colors[key];
-        swatch.title = `${key}: ${colors[key]}`;
-        swatches.appendChild(swatch);
-      }
-      header.appendChild(swatches);
-      card.appendChild(header);
-
-      const preview = document.getElementById("preview-template").content.firstElementChild.cloneNode(true);
-      applyPreviewColors(preview, colors);
-      card.appendChild(preview);
-
-      const output = document.createElement("div");
-      output.className = "controls output";
-      output.innerHTML = `<pre>${paletteText(preset)}</pre>`;
-      card.appendChild(output);
-      return card;
-    }
-
-    function paletteColors(preset) {
-      if (preset.colors.light && preset.colors.dark) {
-        return preset.colors[terminalMode];
-      }
-      return preset.colors;
-    }
-
-    function paletteAnsi(preset) {
-      if (!preset.ansi) return {};
-      if (preset.ansi.light && preset.ansi.dark) {
-        return preset.ansi[terminalMode];
-      }
-      return preset.ansi;
-    }
-
-    function applyPreviewColors(el, colors) {
-      el.style.setProperty("--preview-bg", colors.bg);
-      el.style.setProperty("--preview-fg", colors.fg);
-      el.style.setProperty("--preview-muted", colors.muted);
-      el.style.setProperty("--preview-heading", colors.heading);
-      el.style.setProperty("--preview-strong", colors.strong);
-      el.style.setProperty("--preview-link", colors.link);
-      el.style.setProperty("--preview-code", colors.code);
-      el.style.setProperty("--preview-rule", colors.rule);
-      el.style.setProperty("--preview-table", colors.table);
-    }
-
-    function paletteText(preset) {
-      const colors = paletteColors(preset);
-      const ansiValues = paletteAnsi(preset);
-      const hex = Object.entries(colors)
-        .map(([key, value]) => `${key}: ${value}`)
-        .join("\n");
-      const ansi = Object.keys(ansiValues).length
-        ? "\n\nANSI suggestions:\n" + Object.entries(ansiValues).map(([key, value]) => `${key}: ${value}`).join("\n")
-        : "";
-      return `Terminal: ${terminalMode}\n${hex}${ansi}`;
-    }
-
-    function renderPresets() {
-      const root = document.getElementById("presets");
-      root.innerHTML = "";
-      for (const preset of presets) {
-        root.appendChild(previewCard(preset));
-      }
-    }
-
-    function renderCustom() {
-      const card = document.getElementById("custom-card");
-      card.replaceWith(previewCard(custom, "custom-card"));
-    }
-
-    function renderControls() {
-      const root = document.getElementById("controls");
-      root.innerHTML = "";
-      for (const [key, label] of labels) {
-        const row = document.createElement("div");
-        row.className = "control";
-
-        const textLabel = document.createElement("label");
-        textLabel.textContent = label;
-        textLabel.htmlFor = `color-${key}`;
-
-        const color = document.createElement("input");
-        color.type = "color";
-        color.id = `color-${key}`;
-        color.value = custom.colors[terminalMode][key];
-
-        const text = document.createElement("input");
-        text.type = "text";
-        text.value = custom.colors[terminalMode][key];
-        text.setAttribute("aria-label", `${label} hex value`);
-
-        const update = (value) => {
-          if (!/^#[0-9a-fA-F]{6}$/.test(value)) return;
-          custom.colors[terminalMode][key] = value;
-          color.value = value;
-          text.value = value;
-          renderCustom();
-        };
-
-        color.addEventListener("input", () => update(color.value));
-        text.addEventListener("change", () => update(text.value.trim()));
-
-        row.append(textLabel, color, text);
-        root.appendChild(row);
-      }
-
-      const output = document.createElement("div");
-      output.className = "output";
-      output.innerHTML = `<pre id="custom-values">${paletteText(custom)}</pre>`;
-      root.appendChild(output);
-    }
-
-    function setTerminalMode(mode) {
-      if (mode !== "dark") {
-        mode = "light";
-      }
-      terminalMode = mode;
-      terminalToggle.textContent = mode === "dark" ? "Show light terminals" : "Show dark terminals";
-      localStorage.setItem("markdown-color-options-terminal-mode", mode);
-      renderPresets();
-      renderControls();
-      renderCustom();
-    }
-
-    terminalToggle.addEventListener("click", () => {
-      setTerminalMode(terminalMode === "dark" ? "light" : "dark");
-    });
-
-    setTerminalMode(terminalMode);
-  </script>
-</body>
-</html>
