codehere 1.0.1 → 1.0.2

package/dist/infrastructure/protocols/ui/tokens.js

@@ -1,96 +0,0 @@
-/**
- * The design tokens, in one place, for every page the daemon serves.
- *
- * Values AND names are DESIGN.md "Instrument" (2026-08-07). Change a token here
- * and every surface moves together — which is the whole reason this file exists.
- *
- * Why this file exists: the product shipped three different "verified" greens.
- * styles.ts said --allow:#84b594, verify-page.ts said #28c840 (a macOS traffic
- * light), and DESIGN.md ratified a third. For a product whose claim is "green
- * only when independently verified", one surface's green did not mean the same
- * thing as another's.
- *
- * The semantic tokens say what they mean now: --verified / --caught, renamed
- * from --allow / --block across 158 call sites. The aliases are deleted rather
- * than left kind, because an undeclared token resolves to nothing instead of
- * failing, so a resurrected --allow would silently drop the colour off a verdict.
- * ui-token-gate.mjs carries a `retired-token` rule so it cannot come back.
- *
- * NOT DONE, do not read this file as "DESIGN.md is fully implemented":
- *   - --accent is still named --accent, not --ember (109 call sites, its own
- *     increment). The VALUE is right; only the name lags.
- *   - --blue survives in the wordmark gradient only. That is the logotype and it
- *     is synced with codehere-landing, so changing it is a cross-repo brand call
- *     and Ega's. Every other use was deleted; the gate enforces the carve-out.
- */
-export const DESIGN_TOKENS = `
-  :root {
-    /* ── surfaces · graphite, TRUE neutral (DESIGN.md §5) ──────────────────
-       Deliberately not the old warm ramp: every peer reviewed on 2026-08-07
-       (Linear, Vercel, Sentry, Depot) is cool or neutral, and neutral reads as
-       instrument rather than either cosy room or blue console. */
-    --bg: #0e0f10; --bg-1: #16181a; --bg-2: #1e2124; --bg-3: #282c30;
-    --glass-1: rgba(232,234,236,0.025); --glass-2: rgba(232,234,236,0.03);
-    --glass-3: rgba(232,234,236,0.06); --glass-4: rgba(232,234,236,0.12);
-    --glass-5: rgba(232,234,236,0.15);
-    --fg: #e8eaec; --fg-90: rgba(232,234,236,0.90);
-    --fg-80: rgba(232,234,236,0.80); --fg-70: rgba(232,234,236,0.70);
-    --fg-50: rgba(232,234,236,0.50); --fg-40: rgba(232,234,236,0.45);
-    --fg-30: rgba(232,234,236,0.28); --fg-20: rgba(232,234,236,0.20);
-    --border: rgba(232,234,236,0.09); --border-soft: rgba(232,234,236,0.055);
-
-    /* ── the accent · the human, and the only warm colour in the product ──
-       The named risk of an instrument aesthetic is that it goes cold. This is
-       the fix. Never decorative, never a status. */
-    --accent: #ff9a76; --accent-soft: #f5c6b0; --accent-wash: rgba(255,154,118,0.10);
-
-    /* ── semantic state (DESIGN.md §1 · the trust rule) ────────────────────
-       --verified is reachable ONLY from MEASURED evidence: something codehere
-       re-executed and can machine-check. An LLM judgement may never render in
-       it. --warn carries JUDGED as well as budget/partial. */
-    --verified: #7fc39a; --caught: #e2827f;
-    --warn: #d9a441;
-    --info: #8ab8ee;
-
-    /* DEPRECATED · DESIGN.md §5 bans a second accent. 16 var refs + 23 raw
-       #4a90e2 across ui.ts, mcp-server-impl.ts, styles.ts, app-script.ts and
-       verify-page.ts. Deleting it is its own increment; it is kept here so the
-       product does not render invalid CSS in the meantime. */
-    --blue: #4a90e2; --blue-soft: #8ab8ee; --blue-wash: rgba(74,144,226,0.08);
-
-    /* ── type scale · CLOSED at six values (DESIGN.md §6) ──────────────────
-       Closed is what makes it enforceable. scripts/ui-token-gate.mjs allows
-       exactly this set and nothing else. */
-    --fs-reading: 40px;   /* the one measured fact per card */
-    --fs-title: 20px;     /* room and section titles */
-    --fs-body: 14.5px;    /* anything said */
-    --fs-ui: 13px;        /* controls, rail, cards */
-    --fs-fact: 12px;      /* costs, counts, hashes */
-    --fs-label: 10.5px;   /* instrument marks, column heads */
-
-    /* ── spacing · 4px base, 9 steps ── */
-    --sp-0: 2px; --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
-    --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
-
-    /* ── radius · tight corners are instrument corners ── */
-    --r-sm: 2px; --r-md: 4px;
-    --radius: 4px; --radius-chip: 2px;
-
-    /* ── motion · 200ms default, 300ms max, one canonical ease ── */
-    --dur: 200ms; --dur-max: 300ms;
-    --ease: cubic-bezier(0.16, 1, 0.3, 1);
-
-    /* ── typefaces · DESIGN.md §6, one superfamily, three jobs ────────────
-       IBM Plex was drawn for an engineering company: machine authority without
-       costume, and absent from this category where everything is Inter or a
-       Geist-shaped substitute. Self-hosted base64 via FONT_FACES, zero external
-       fetch — that constraint never changes.
-       The load-bearing rule: anything SAID is sans, anything a machine RECORDED
-       is mono. --display is Mono because the biggest thing on a surface is a
-       measured fact, never a heading (DESIGN.md §0). */
-    --sans: var(--voice);
-    --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-    --voice: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
-    --display: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
-  }`;
-//# sourceMappingURL=tokens.js.map

package/dist/infrastructure/protocols/ui-page-v2.js

@@ -1,320 +0,0 @@
-import { SHARED_STYLES } from './ui/styles.js';
-import { FONT_FACES } from './ui/font-faces.js';
-import { APP_SCRIPT } from './ui/app-script.js';
-export const TASK_HTML_V2 = `<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width,initial-scale=1" />
-<!-- S16 · one brand everywhere · favicon = the landing's gradient-C (served
-     locally from /icon.svg, never hotlinked) · title follows the landing's
-     'codehere · <context>' pattern with an honest local context. -->
-<link rel="icon" type="image/svg+xml" href="/icon.svg" />
-<title>codehere · alpha · local</title>
-<style>${FONT_FACES}${SHARED_STYLES}</style>
-</head>
-<body>
-<div class="app">
-  <!-- S13 · header 9->3: wordmark · ONE live context pill (local + spend) ·
-       ⌘K hint. Beta chip, budget chip, lenses, density, reshape,
-       share, gear all live INSIDE the ⌘K palette now — same functions,
-       one keystroke away (rule 1 + rule 9). -->
-  <div class="header">
-    <span class="logo" onclick="goHome()" style="cursor:pointer" title="Home"><span class="name">codehere</span><span class="prerelease" title="pre-release · v0.9 · not yet validated with real users">alpha</span></span>
-    <span class="local-pill" title="Running locally · no telemetry · state on disk at ~/.codehere">
-      <span class="dot"></span>Local<span class="budget safe" id="budget"></span>
-    </span>
-    <!-- Spend & Audit moved into the sidebar rail (nav option B, 2026-07-07) — the rail is THE navigator. -->
-    <button class="cmdk-hint" id="cmdk-open" title="Commands &amp; search · ⌘K" aria-label="Open the command palette"><span class="kbd">&#8984;K</span></button>
-  </div>
-
-  <!-- v0.8 S3 · Custom-view banner · appears when reshape is active -->
-  <div class="custom-view-banner" id="custom-view-banner">
-    <span class="lbl">custom view</span>
-    <span class="prompt" id="custom-view-prompt"></span>
-    <span class="reset" onclick="resetShape()">reset</span>
-  </div>
-
-  <!-- Failover banner · ported from v1 on /v1 kill 2026-05-23 -->
-  <div class="failover-banner" id="failover-banner"></div>
-
-  <!-- C-01 · first-run indexing banner · auto-hides once you have ≥ 3 sessions -->
-  <div class="indexing-banner" id="indexing-banner">
-    <span class="what">first run</span>
-    <span>codehere indexed your repo locally · zero telemetry · all state at <code>~/.codehere/</code></span>
-  </div>
-
-  <!-- F-01 · budget threshold warning · only renders when daily spend &gt;= 80% of cap -->
-  <div class="budget-banner" id="budget-banner">
-    <span class="what" id="budget-banner-what"></span>
-    <span id="budget-banner-msg"></span>
-    <span class="hint">subscription &amp; free-tier agents (e.g. Cursor) still run</span>
-  </div>
-
-  <!-- Cockpit shell (Phase-1 S1): a persistent Projects sidebar beside the main
-       pane. The main pane reuses the existing list/room/detail views unchanged. -->
-  <div class="shell">
-  <aside class="sidebar" id="sidebar" aria-label="Projects"></aside>
-  <div class="content">
-    <div id="task-list-view" class="content-inner">
-      <!-- First-run: a non-blocking, dismissible value-first welcome card (renderWelcomeCard),
-           NOT a full-screen overlay. Sits above the workspace, which stays usable underneath. -->
-      <div id="home-welcome" style="display:none"></div>
-      <!-- S13 · "NEEDS YOUR DECISION" — the FIRST thing on the page and the
-           ONLY orange. Rendered by renderDecisions() from REAL state only
-           (pending write-passes + verifier-broken verdicts today + failed
-           runs with retry available today). Empty -> does not render AT ALL
-           (data-verify-unit removed so H14 can pin absent <=> N===0). -->
-      <div id="decision-queue" style="display:none"></div>
-      <!-- F-02 · cross-worktree alert · only visible when any out-of-cwd session has run > 5m -->
-      <span class="worktree-alert" id="worktree-alert" onclick="if(window._wkTarget)showD(window._wkTarget)">
-        <span class="pulse-dot"></span><span id="worktree-alert-text" data-user-content>other worktree</span>
-      </span>
-      <!-- Observer (Thariq loop-2): at rest a calm ONE-LINE row above TODAY
-           ("● watching N terminal sessions · M live"), expandable to the
-           full rail; first-run keeps the teach state. -->
-      <div id="observer-rail" style="display:none"></div>
-      <!-- S12->S13 · the hero element. With tasks today it renders the TODAY
-           day-line ("TODAY · N AGENTS · N CLAIMS CHECKED · $X.XX") and keeps
-           carrying the data-verify-hero-* stamps (H13, derivations unchanged
-           via heroCounts). Zero tasks today -> the first-run hero with its
-           teach copy, ordered to the top via body.first-run. -->
-      <div class="home-hero" id="home-hero" style="display:none" data-verify-unit="home-hero" data-verify-hero-mode="first-run"></div>
-      <!-- S13 · active-filter token · filters live in ⌘K; the applied filter
-           shows as ONE removable token, not a tab bar. -->
-      <div id="filter-token" style="display:none"></div>
-      <div id="task-list">
-        <div class="skeleton" id="skeleton">
-          <div class="skeleton-card"><span class="sk-sweep"></span></div>
-          <div class="skeleton-card"><span class="sk-sweep"></span></div>
-          <div class="skeleton-card"><span class="sk-sweep"></span></div>
-          <div class="skeleton-card"><span class="sk-sweep"></span></div>
-        </div>
-      </div>
-    </div>
-    <div id="task-detail-view" style="display:none" class="content-inner">
-      <div id="detail-view"></div>
-      <div class="input-area" style="border-top:none;padding:12px 0">
-        <div class="input-bar" style="max-width:100%">
-          <textarea class="input-ta composer-bar" id="detail-ta" placeholder="Request changes or ask a question..." rows="1" disabled></textarea>
-          <div class="input-meta composer-meta"><span class="pick-agent" title="Auto-pick · best agent for this task">› Auto</span><span class="cost-est" id="cost-est-detail" data-verify-unit="cost-est" title="Estimated cost">&#8230;</span></div>
-          <button class="send-btn composer-send" id="detail-btn" disabled aria-label="Send follow-up">&#8593;</button>
-        </div>
-        <div class="send-fail" id="detail-send-fail" style="display:none"></div>
-      </div>
-    </div>
-    <!-- Spend & Audit: the team cost + audit ledger as its own page (nav tab), not a banner on the workspace. -->
-    <div id="spend-view" style="display:none" class="content-inner">
-      <div id="team-cost-hero"></div>
-    </div>
-  </div>
-  </div>
-
-  <div class="input-area">
-    <!-- GitHub import row · populated by initGhImport(): a Connect button when
-         disconnected, or a repo field + issue PICKER when connected. -->
-    <div id="gh-import" class="gh-import"></div>
-    <div class="input-bar">
-      <textarea class="input-ta composer-bar" id="main-ta" placeholder="Describe a task or ask a question..." rows="1"></textarea>
-      <div class="input-meta composer-meta"><span class="agentpick-wrap"><input type="hidden" id="agent-pick" value="auto"><button type="button" class="agentpick" id="agentpick-btn" aria-haspopup="listbox" aria-expanded="false" title="Who runs this task · Auto picks the best fit" onclick="toggleAgentMenu(event)"><span id="agentpick-cur" class="agentpick-cur"></span><svg class="agentpick-car" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg></button><div class="agentpick-menu" id="agentpick-menu" role="listbox" aria-label="Pick the agent for this task" hidden></div></span><span class="cost-est" id="cost-est-main" data-verify-unit="cost-est" title="Estimated cost">&#8230;</span></div>
-      <button class="send-btn composer-send" id="main-btn" aria-label="Send task">&#8593;</button>
-    </div>
-    <div class="send-fail" id="main-send-fail" style="display:none"></div>
-    <div class="kbd-hint">
-      <span class="item"><span class="kbd">&#9166;</span> send</span>
-      <span class="item"><span class="kbd">shift &#9166;</span> newline</span>
-      <span class="item"><span class="kbd">&#8984;K</span> commands</span>
-      <span class="item"><span class="kbd">Esc</span> close modal</span>
-    </div>
-  </div>
-
-  <!-- v0.8 S3 · Reshape modal · ported from demo v12 lines 1142-1176 -->
-  <div class="reshape-modal" id="reshape-modal">
-    <div class="reshape-card">
-      <button class="close-x" id="reshape-close" aria-label="Close">×</button>
-      <div class="k">reshape this view</div>
-      <h2>Describe the view you want.</h2>
-      <p class="sub">Your agent composes the layout from codehere's shared primitives. Software ships building blocks · the final interface is yours to author.</p>
-      <div class="reshape-input">
-        <input id="reshape-input" placeholder="e.g. just show me what shipped + cost · no code"/>
-        <button id="reshape-submit">Compose</button>
-      </div>
-      <div class="reshape-suggestions prims">
-        <div class="lbl">or pick a quick start</div>
-        <button class="pill" data-shape="ship-only" data-prompt="just show me what shipped and the cost · hide everything else">just show me what shipped + cost <span class="what">— Final Report + file chips only</span></button>
-        <button class="pill" data-shape="velocity" data-prompt="velocity view · outcomes + duration + agent allocation · hide audit and code">velocity view <span class="what">— outcomes + time + cost · for daily check-in</span></button>
-        <button class="pill" data-shape="security" data-prompt="security view · highlight hook blocks, overrides, trust grades · hide narrative">security view <span class="what">— blocks / overrides / trust amplified</span></button>
-      </div>
-      <div class="agent-compose recomposing" id="agent-compose">
-        <div class="agent-line"><span style="font-family:var(--mono); color:var(--fg-90); font-weight:600">claude-code</span><span style="color:var(--fg-40)">· composing your view from shared primitives</span></div>
-        <div style="margin-top: 8px;">
-          <div class="line">read <span class="info">user prompt</span> · "<span id="compose-prompt-echo"></span>"</div>
-          <div class="line">analyze · <span class="kw">5 primitives in scope</span>: <code style="background:var(--bg-2);padding:0 4px;border-radius:2px">turn</code> · <code style="background:var(--bg-2);padding:0 4px;border-radius:2px">panel</code> · <code style="background:var(--bg-2);padding:0 4px;border-radius:2px">artifact</code> · <code style="background:var(--bg-2);padding:0 4px;border-radius:2px">audit-line</code> · <code style="background:var(--bg-2);padding:0 4px;border-radius:2px">tool-card</code></div>
-          <div class="line">compose <span class="kw">view-config</span> · <span id="compose-config" style="color:var(--fg-90)"></span></div>
-          <div class="line">apply · <span class="ok">view ready · 0.4s</span></div>
-          <div class="line"><span class="ok">&check;</span> custom view active · <span style="color:var(--fg-50)">re-shape any time by clicking the button</span></div>
-        </div>
-      </div>
-      <div class="primitives-note">
-        <b>codehere ships primitives, not screens.</b> Your agent composes the layout from these building blocks · you author the final view in plain English.
-        <div class="prims">
-          <span class="p">turn</span>
-          <span class="p">panel</span>
-          <span class="p">artifact</span>
-          <span class="p">audit-line</span>
-          <span class="p">tool-card</span>
-          <span class="p">verified-block</span>
-          <span class="p">file-chip</span>
-          <span class="p">write-pass</span>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <!-- Connect a project from a GitHub URL · clone locally, open as a project -->
-  <div class="clone-modal" id="clone-modal" role="dialog" aria-modal="true" aria-labelledby="clone-title">
-    <div class="clone-card">
-      <button class="close-x" id="clone-close" aria-label="Close" onclick="closeClone()">&#215;</button>
-      <div class="head" id="clone-title">Open a project from GitHub</div>
-      <p class="blurb">Paste a repo URL. codehere clones it to <code>~/codehere-projects/</code> on this machine and opens it &#8212; using your existing git access. Private repos work if your git is already set up.</p>
-      <div class="clone-input">
-        <input id="clone-url" placeholder="github.com/org/repo &#183; or org/repo" autocomplete="off" spellcheck="false" onkeydown="if(event.key==='Enter')doClone()"/>
-        <button id="clone-submit" onclick="doClone()">Clone</button>
-      </div>
-      <div class="clone-status" id="clone-status" style="display:none"></div>
-    </div>
-  </div>
-
-  <!-- v0.8 S4 · share-thread modal · ported from demo v12 lines 1126-1139 -->
-  <div class="share-modal" id="share-modal" role="dialog" aria-modal="true" aria-labelledby="share-title">
-    <div class="share-card">
-      <div class="head" id="share-title">Share this thread <span class="tag">· still local-first</span></div>
-      <p class="blurb">Codehere generates a signed payload (steps · artifacts · Final Report · audit chain) you can paste into Slack, an email, a PR description. Your code never leaves your machine. Only the synthesized record does.</p>
-      <div class="share-link-box" id="share-link-box">codehere://thread/<span id="share-link-id">…</span>?signed=ed25519:<span id="share-link-fp">…</span></div>
-      <div class="share-actions">
-        <button class="share-btn-primary" id="share-copy-link">Copy link</button>
-        <button class="share-btn-secondary" id="share-download">Download bundle (.json)</button>
-        <button class="share-btn-secondary" id="share-close">Close</button>
-      </div>
-      <p class="share-foot">Link contains a signed payload · not source code · recipient verifies chain integrity locally before trusting.</p>
-    </div>
-  </div>
-  <div class="share-toast" id="share-toast">Link copied</div>
-
-  <!-- v0.9 S7 · overlay-renderer · inspect-and-act for ctx-source URLs -->
-  <div class="or-overlay overlay-render" id="or-overlay" role="dialog" aria-modal="true">
-    <div class="or-card or-content">
-      <div class="or-head">
-        <span class="src" id="or-src">linear</span>
-        <span class="meta" id="or-meta">…</span>
-        <span class="audit"><b>● audit</b> · captured locally</span>
-        <button class="or-close" id="or-close" aria-label="Close">×</button>
-      </div>
-      <div class="or-body" id="or-body">
-        <div class="preview-loading">fetching…</div>
-      </div>
-      <div class="or-composer or-agent-reply">
-        <span class="hint" id="or-hint">Ask the agent about this · all interaction captured in audit chain</span>
-        <div class="row">
-          <input id="or-input" placeholder="e.g. summarize the blocker · or what's the priority?"/>
-          <button id="or-ask" disabled title="Composer ships in S7 Part D">Ask agent</button>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <!-- v0.9 S6 · W-PASS approval modal · demo v12 lines 2030-2050 -->
-  <button class="wp-pending-badge" id="wp-pending-badge" title="An agent wants to make a write · click to review">write awaits ›</button>
-  <div class="wp-modal" id="wp-modal" role="dialog" aria-modal="true" aria-labelledby="wp-title">
-    <div class="wp-card">
-      <div class="wp-banner"><span class="dot"></span><span>write-pass · agent action · awaits your approval</span></div>
-      <h3 class="wp-title" id="wp-title" data-user-content>…</h3>
-      <p class="wp-reason" id="wp-reason" data-user-content>…</p>
-      <div class="wp-meta">
-        tool · <b id="wp-target" data-user-content>…</b> · third-party API · <span style="color:var(--accent)">gated by codehere</span>
-      </div>
-      <div class="wp-meta">
-        agent · <b id="wp-emitter">…</b> · session <span id="wp-session">…</span>
-      </div>
-      <div class="wp-meta" id="wp-trust-row" style="display:none">
-        domain · <b id="wp-trust-host">…</b> · trust grade
-        <span class="wp-trust-grade" id="wp-trust-grade">?</span>
-        <span id="wp-trust-reason" style="color:var(--fg-50)"></span>
-      </div>
-      <div class="wp-payload-wrap" id="wp-payload-wrap">
-        <div class="wp-payload-head">
-          <span class="method" id="wp-method">PATCH</span>
-          <span id="wp-targetline" data-user-content>…</span>
-        </div>
-        <div class="wp-payload" id="wp-payload" data-user-content>…</div>
-      </div>
-      <textarea class="wp-payload-edit" id="wp-payload-edit" style="display:none" spellcheck="false"></textarea>
-      <div class="wp-actions" id="wp-actions">
-        <button class="wp-btn-approve" id="wp-approve">Approve + send</button>
-        <button class="wp-btn-edit" id="wp-edit">Edit payload</button>
-        <button class="wp-btn-cancel" id="wp-cancel">Cancel</button>
-      </div>
-      <div class="wp-actions" id="wp-actions-editing" style="display:none">
-        <button class="wp-btn-save" id="wp-save">Save + send</button>
-        <button class="wp-btn-cancel" id="wp-edit-cancel">Discard edit</button>
-      </div>
-      <p class="wp-foot">codehere gates this write to a third-party tool · audit chain captures URL · payload · approval · response · signed timestamp · one verifiable thread instead of scattered tool logs</p>
-      <div class="wp-result" id="wp-result" style="display:none"></div>
-    </div>
-  </div>
-
-  <!-- S13 · the ⌘K command palette — THE control surface. Every control that
-       left the header is a command here; each label names its visible
-       consequence and Enter actually runs the existing function. -->
-  <div class="palette-scrim" id="palette-scrim" data-verify-unit="palette">
-    <div class="palette" role="dialog" aria-modal="true" aria-label="Command palette">
-      <div class="pin"><input id="palette-input" placeholder="Type a command · every control lives here…" autocomplete="off" spellcheck="false" aria-label="Filter commands"/></div>
-      <div class="plist" id="palette-list"></div>
-      <div class="pfoot"><span>arrow keys navigate</span><span>&#9166; run</span><span>esc close</span></div>
-    </div>
-  </div>
-
-  <!-- Settings drawer (A-09) · holds Context Sources + future toggles -->
-  <div class="drawer-overlay" id="drawer-overlay"></div>
-  <aside class="drawer" id="settings-drawer" aria-hidden="true">
-    <button class="drawer-close" id="settings-close" aria-label="Close settings">×</button>
-    <div class="drawer-title">Settings</div>
-
-    <h3>Integrations</h3>
-    <p class="sub">Working context sources appear here. Use their URL chips in prompts.</p>
-    <div id="cs-list">
-      <div style="color:var(--fg-40); font-size:12px">loading...</div>
-    </div>
-  </aside>
-
-  <div id="offline-banner" class="offline-banner" style="display:none">You're offline. Actions will resume when connected.</div>
-  <div id="toast" style="display:none;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:12px;color:var(--fg-70);z-index:100"></div>
-
-  <!-- RADICAL bottom-chrome collapse (2026-05-24) · audit-chain panel
-       inlined into the OSS-footer status bar · ~115px -> ~28px ·
-       all load-bearing info preserved (dots · stats · Verify button) ·
-       only the redundant subtitle + panel-card chrome removed. -->
-  <div class="oss-footer">
-    <span class="brand">codehere</span>
-    <span class="sep">&middot;</span>
-    <span id="oss-version">v0.6.x</span>
-    <span class="sep">&middot;</span>
-    <a href="https://github.com/muhammadegaa/codehere" target="_blank" rel="noopener">github</a>
-    <span class="sep">&middot;</span>
-    <span>MIT</span>
-    <span class="sep">&middot;</span>
-    <span class="audit-chain-panel">
-      <button id="audit-verify-btn" class="audit-chain-btn" onclick="verifyAuditChain()" title="Check your local activity log hasn't been edited">verify log</button>
-      <span id="audit-result" class="audit-chain-result" style="color:var(--fg-50)"></span>
-    </span>
-    <span class="right">built locally</span>
-  </div>
-</div>
-<!-- First-run: welcome splash + first-time setup (JS-rendered), then the tour. -->
-<div id="ob-welcome" class="ob-welcome" hidden></div>
-<!-- Interactive onboarding walkthrough — spotlight coachmarks over the real UI. -->
-<div id="ob-tour" class="ob-tour" hidden><div class="ob-spot" id="ob-spot"></div><div class="ob-pop" id="ob-pop"></div></div>
-<script>${APP_SCRIPT}</script>
-</body>
-</html>`;
-//# sourceMappingURL=ui-page-v2.js.map