npm - @northtek/overstory - Versions diffs - 0.1.0 - Mend

@northtek/overstory 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/LICENSE +201 -0
package/README.md +115 -0
package/dist/build/aggregate.d.ts +9 -0
package/dist/build/aggregate.js +74 -0
package/dist/build/builder.d.ts +52 -0
package/dist/build/builder.js +223 -0
package/dist/build/inmemory.d.ts +16 -0
package/dist/build/inmemory.js +79 -0
package/dist/build/pool.d.ts +3 -0
package/dist/build/pool.js +16 -0
package/dist/build/reflexion.d.ts +15 -0
package/dist/build/reflexion.js +116 -0
package/dist/build/summarize.d.ts +25 -0
package/dist/build/summarize.js +146 -0
package/dist/cli/index.d.ts +2 -0
package/dist/cli/index.js +323 -0
package/dist/core/bm25.d.ts +19 -0
package/dist/core/bm25.js +48 -0
package/dist/core/chunk.d.ts +5 -0
package/dist/core/chunk.js +91 -0
package/dist/core/corpus.d.ts +21 -0
package/dist/core/corpus.js +112 -0
package/dist/core/gate.d.ts +25 -0
package/dist/core/gate.js +155 -0
package/dist/core/hash.d.ts +7 -0
package/dist/core/hash.js +15 -0
package/dist/core/store.d.ts +74 -0
package/dist/core/store.js +66 -0
package/dist/core/types.d.ts +96 -0
package/dist/core/types.js +1 -0
package/dist/fix/prompts.d.ts +4 -0
package/dist/fix/prompts.js +124 -0
package/dist/fix/scan.d.ts +18 -0
package/dist/fix/scan.js +197 -0
package/dist/index.d.ts +28 -0
package/dist/index.js +22 -0
package/dist/llm/anthropic.d.ts +11 -0
package/dist/llm/anthropic.js +46 -0
package/dist/llm/mock.d.ts +5 -0
package/dist/llm/mock.js +20 -0
package/dist/llm/ollama.d.ts +11 -0
package/dist/llm/ollama.js +49 -0
package/dist/llm/provider.d.ts +16 -0
package/dist/llm/provider.js +7 -0
package/dist/llm/resolve.d.ts +14 -0
package/dist/llm/resolve.js +24 -0
package/dist/mcp/server.d.ts +7 -0
package/dist/mcp/server.js +136 -0
package/dist/query/ask.d.ts +53 -0
package/dist/query/ask.js +127 -0
package/dist/query/notarize.d.ts +40 -0
package/dist/query/notarize.js +31 -0
package/dist/registry/github.d.ts +28 -0
package/dist/registry/github.js +113 -0
package/dist/registry/publishClient.d.ts +25 -0
package/dist/registry/publishClient.js +39 -0
package/dist/registry/registry.d.ts +35 -0
package/dist/registry/registry.js +57 -0
package/dist/registry/repoTree.d.ts +9 -0
package/dist/registry/repoTree.js +32 -0
package/dist/serve/app.d.ts +4 -0
package/dist/serve/app.js +809 -0
package/dist/serve/server.d.ts +9 -0
package/dist/serve/server.js +180 -0
package/dist/serve/threads.d.ts +31 -0
package/dist/serve/threads.js +69 -0
package/dist/site/data.d.ts +58 -0
package/dist/site/data.js +88 -0
package/dist/site/generate.d.ts +21 -0
package/dist/site/generate.js +827 -0
package/package.json +64 -0

package/dist/site/generate.js ADDED Viewed

@@ -0,0 +1,827 @@
+const esc = (s) => s.replace(/&/gu, '&amp;').replace(/</gu, '&lt;').replace(/>/gu, '&gt;').replace(/"/gu, '&quot;');
+/** Render the self-contained explorer. One HTML file, zero external scripts; data embedded
+ * as JSON; fonts degrade gracefully offline (air-gapped is a product promise).
+ * `ask` (registry pages only) adds the Ask panel: run-locally instructions plus browser-side
+ * BYO-key ask — the visitor's key calls Anthropic directly from their browser; the server
+ * never sees keys, questions, or answers. */
+export const generateSiteHtml = (data, opts = {}) => {
+    const json = JSON.stringify(data).replace(/</gu, '\\u003c');
+    const askJson = JSON.stringify(opts.ask ?? null).replace(/</gu, '\\u003c');
+    const shareMeta = opts.share
+        ? `
+<meta property="og:title" content="${esc(data.name)} — a verified map of this codebase">
+<meta property="og:description" content="${esc(opts.share.status)} Every statement links to the exact lines that prove it — checked mechanically, not just displayed.">
+<meta property="og:url" content="${esc(opts.share.url)}">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="OVERSTORY">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="${esc(data.name)} — verified codebase map">
+<meta name="twitter:description" content="${esc(opts.share.status)}">`
+        : '';
+    return `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${esc(data.name)} — OVERSTORY</title>
+<meta name="description" content="Knowledge tree for ${esc(data.name)}: every claim carries a verifiable receipt.">${shareMeta}
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+<style>
+:root {
+  --bg0:#FAF9F5; --bg1:#FFFFFF; --bg2:#F1EFE9; --bg3:#E9E6DD; --line:#E4E1D8;
+  --text:#1A1D1B; --text2:#5C6660; --text3:#98A19A;
+  --accent:#1F7A5C;
+  --verified:#1F7A5C; --stale:#B8860B; --missing:#C0453B; --unchecked:#98A19A;
+  --serif:"Fraunces",Georgia,"Iowan Old Style",serif;
+  --sans:"Inter",system-ui,-apple-system,sans-serif;
+  --mono:"JetBrains Mono",ui-monospace,"Cascadia Code",Consolas,monospace;
+  --ease:cubic-bezier(0.2,0,0,1);
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg0:#101312; --bg1:#171B19; --bg2:#1D2220; --bg3:#242A26; --line:#2A302C;
+    --text:#F0F2EF; --text2:#A3ACA5; --text3:#6E7770;
+    --accent:#34A47C;
+    --verified:#34A47C; --stale:#D9A441; --missing:#D06258; --unchecked:#6E7770;
+  }
+}
+* { box-sizing:border-box; margin:0; padding:0; }
+html { height:100%; }
+body { height:100%; background:var(--bg0); color:var(--text); font:400 14px/1.5 var(--sans); }
+button { font:inherit; color:inherit; background:none; border:none; cursor:pointer; }
+:focus-visible { outline:2px solid var(--accent); outline-offset:2px; border-radius:3px; }
+::selection { background:color-mix(in srgb, var(--accent) 22%, transparent); }
+.app { display:grid; grid-template-rows:56px 1fr; height:100%; max-width:1600px; margin:0 auto; }
+.frame { display:grid; grid-template-columns:300px 1fr; min-height:0; border-top:1px solid var(--line); }
+/* header */
+.hdr { display:flex; align-items:center; gap:16px; padding:0 20px; }
+.mark { display:flex; align-items:center; gap:10px; }
+.mark svg { display:block; }
+.wordmark { font:600 17px/1 var(--serif); letter-spacing:.16em; }
+.treename { color:var(--text2); font-size:12.5px; padding:3px 8px; background:var(--bg2); border:1px solid var(--line); border-radius:4px; font-family:var(--mono); }
+.hdr-spacer { flex:1; }
+.fresh { display:flex; align-items:baseline; gap:8px; }
+.fresh-num { font:500 17px/1 var(--mono); font-variant-numeric:tabular-nums; color:var(--verified); }
+.fresh-num.warn { color:var(--stale); }
+.fresh-label { font-size:11px; color:var(--text3); letter-spacing:.04em; text-transform:uppercase; }
+.search { position:relative; }
+.search input { width:260px; height:32px; padding:0 30px 0 10px; background:var(--bg1); border:1px solid var(--line); border-radius:5px; color:var(--text); font:400 12.5px var(--sans); }
+.search input::placeholder { color:var(--text3); }
+.search kbd { position:absolute; right:8px; top:7px; font:400 10px var(--mono); color:var(--text3); border:1px solid var(--line); border-radius:3px; padding:1px 5px; background:var(--bg2); }
+.rail-toggle { display:none; }
+/* tree rail */
+.rail { overflow-y:auto; border-right:1px solid var(--line); background:var(--bg1); padding:12px 8px 40px; }
+.rail-hint { font-size:11px; color:var(--text3); padding:2px 10px 10px; letter-spacing:.04em; }
+.tnode { user-select:none; }
+.trow { display:flex; align-items:center; gap:6px; height:28px; padding:0 8px; border-radius:5px; width:100%; text-align:left; font-size:12.5px; color:var(--text2); }
+.trow:hover { background:var(--bg2); color:var(--text); }
+.trow.active { background:var(--bg3); color:var(--text); }
+.trow .caret { width:10px; flex:none; color:var(--text3); font-size:9px; transition:transform 120ms var(--ease); }
+.trow.open .caret { transform:rotate(90deg); }
+.trow .dot { width:6px; height:6px; border-radius:50%; flex:none; }
+.trow .name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--mono); font-size:12px; }
+.tchildren { margin-left:14px; border-left:1px solid var(--line); padding-left:4px; }
+/* main */
+.main { overflow-y:auto; padding:28px 36px 80px; min-width:0; }
+.crumbs { display:flex; flex-wrap:wrap; gap:6px; font:400 12px var(--mono); color:var(--text3); margin-bottom:10px; }
+.crumbs button { color:var(--text3); padding:1px 2px; }
+.crumbs button:hover { color:var(--accent); }
+.crumbs .sep { color:var(--line); }
+.node-title { font:500 26px/1.2 var(--serif); margin-bottom:4px; }
+.node-meta { display:flex; gap:10px; align-items:center; color:var(--text3); font-size:12px; margin-bottom:24px; }
+.node-meta .chip { padding:2px 7px; border:1px solid var(--line); border-radius:4px; background:var(--bg1); font-family:var(--mono); font-size:11px; }
+.ledger { border:1px solid var(--line); border-radius:8px; background:var(--bg1); overflow:hidden; }
+.ledger-head { display:flex; justify-content:space-between; padding:10px 16px; border-bottom:1px solid var(--line); background:var(--bg2); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--text3); }
+.claim { border-bottom:1px solid var(--line); }
+.claim:last-child { border-bottom:none; }
+.claim-row { display:flex; align-items:flex-start; gap:12px; width:100%; text-align:left; padding:13px 16px; min-height:48px; }
+.claim-row:hover { background:var(--bg2); }
+.claim-row[aria-expanded="true"] { background:var(--bg2); }
+.seal { flex:none; margin-top:1px; display:inline-flex; align-items:center; gap:5px; font:500 10.5px var(--mono); letter-spacing:.05em; padding:2px 8px; border-radius:999px; border:1px solid; }
+.seal.VERIFIED { color:var(--verified); border-color:color-mix(in srgb, var(--verified) 40%, transparent); background:color-mix(in srgb, var(--verified) 9%, transparent); }
+.seal.STALE { color:var(--stale); border-color:color-mix(in srgb, var(--stale) 40%, transparent); background:color-mix(in srgb, var(--stale) 9%, transparent); }
+.seal.OUT_OF_CORPUS, .seal.UNGROUNDED { color:var(--missing); border-color:color-mix(in srgb, var(--missing) 40%, transparent); background:color-mix(in srgb, var(--missing) 9%, transparent); }
+.claim-text { flex:1; min-width:0; font-size:14px; color:var(--text); overflow-wrap:anywhere; }
+.flag { flex:none; font:400 10.5px var(--mono); color:var(--missing); border:1px dashed rgba(196,85,77,.5); padding:1px 6px; border-radius:4px; margin-top:2px; }
+.flag.unchecked { color:var(--unchecked); border-color:rgba(138,148,139,.4); }
+.unfold { flex:none; display:inline-flex; align-items:center; gap:6px; margin-top:3px; font:400 10.5px var(--mono); color:var(--text3); white-space:nowrap; }
+.unfold .u-caret { display:inline-block; font-size:9px; transition:transform 120ms var(--ease); }
+.claim-row[aria-expanded="true"] .u-caret { transform:rotate(90deg); }
+.claim-row:hover .unfold { color:var(--text2); }
+.receipt { overflow:hidden; }
+.receipt-inner { margin:0 16px 14px 16px; border:1px solid var(--line); border-radius:6px; background:var(--bg0); }
+.receipt-top { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:8px 12px; border-bottom:1px dashed var(--line); font:400 11px var(--mono); color:var(--text2); }
+.receipt-top .file { color:var(--accent); }
+.receipt-top .hash { color:var(--text3); margin-left:auto; }
+.receipt pre { overflow-x:auto; padding:10px 0; font:400 12px/1.5 var(--mono); }
+.srcline { display:flex; }
+.srcline .ln { flex:none; width:52px; text-align:right; padding-right:12px; color:var(--text3); user-select:none; }
+.srcline .code { white-space:pre; color:var(--text2); padding-right:16px; }
+.refline { padding:9px 12px; font-size:12.5px; }
+.refline button { color:var(--accent); font-family:var(--mono); font-size:12px; }
+.refline button:hover { text-decoration:underline; }
+.empty { padding:48px 24px; text-align:center; color:var(--text2); }
+.empty .cmd { display:inline-block; margin-top:12px; font:400 12.5px var(--mono); background:var(--bg2); border:1px solid var(--line); padding:6px 12px; border-radius:6px; color:var(--text); }
+.legend { margin-top:22px; font-size:11.5px; color:var(--text3); line-height:1.7; }
+.legend b { color:var(--text2); font-weight:500; }
+@media (max-width:720px) {
+  .frame { grid-template-columns:1fr; }
+  .rail { position:fixed; inset:56px 25% 0 0; z-index:20; transform:translateX(-100%); transition:transform 220ms var(--ease); box-shadow:none; }
+  .rail.open { transform:none; border-right:1px solid var(--line); }
+  .rail-toggle { display:block; padding:4px 10px; border:1px solid var(--line); border-radius:5px; font-size:12px; color:var(--text2); }
+  .search input { width:150px; }
+  .main { padding:20px 16px 60px; }
+  .treename { display:none; }
+}
+@media (prefers-reduced-motion:reduce) {
+  * { transition:none !important; animation:none !important; }
+}
+/* ---- first-visit welcome ---- */
+.welcome { border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); background:color-mix(in srgb, var(--accent) 6%, var(--bg1)); border-radius:10px; padding:16px 18px; margin-bottom:22px; }
+.welcome .w-title { font:500 15px var(--serif); margin-bottom:6px; }
+.welcome .w-body { font-size:13px; color:var(--text2); line-height:1.6; max-width:72ch; }
+.welcome .w-body b { color:var(--text); font-weight:500; }
+.welcome .w-row { display:flex; gap:14px; align-items:center; margin-top:10px; }
+.welcome .w-got { padding:6px 14px; border-radius:6px; background:var(--accent); color:#fff; font:500 12.5px var(--sans); }
+.welcome .w-num { font:500 12px var(--mono); color:var(--accent); }
+/* ---- Fixes view ---- */
+.fix-btn { display:none; align-items:center; gap:6px; height:32px; padding:0 12px; border-radius:6px; border:1px solid var(--line); background:var(--bg1); color:var(--text2); font:500 12px var(--sans); }
+.fix-btn:hover { border-color:var(--accent); color:var(--accent); }
+.fix-btn.on { background:var(--bg3); color:var(--text); }
+body[data-fixes] .fix-btn { display:inline-flex; }
+.fix-btn .n { font:500 10.5px var(--mono); color:var(--accent); }
+.fix-intro { color:var(--text2); font-size:13px; max-width:70ch; margin-bottom:18px; }
+.fix-card { border:1px solid var(--line); border-radius:8px; background:var(--bg1); margin-bottom:10px; }
+.fix-card .fc-row { display:flex; align-items:flex-start; gap:10px; padding:12px 15px; }
+.fix-card .fc-sev { flex:none; margin-top:2px; font:500 10px var(--mono); padding:1px 7px; border-radius:999px; border:1px solid; }
+.fix-card .fc-sev.s1 { color:var(--missing); border-color:color-mix(in srgb, var(--missing) 40%, transparent); }
+.fix-card .fc-sev.s2 { color:var(--stale); border-color:color-mix(in srgb, var(--stale) 40%, transparent); }
+.fix-card .fc-sev.s3 { color:var(--text3); border-color:var(--line); }
+.fix-card .fc-main { flex:1; min-width:0; }
+.fix-card .fc-title { font:500 13.5px var(--sans); overflow-wrap:anywhere; }
+.fix-card .fc-detail { font-size:12.5px; color:var(--text2); margin-top:2px; overflow-wrap:anywhere; }
+.fix-card .fc-meta { font:400 10.5px var(--mono); color:var(--text3); margin-top:4px; }
+.fix-card .fc-copy { flex:none; padding:6px 12px; border:1px solid var(--line); border-radius:6px; font-size:12px; color:var(--accent); white-space:nowrap; }
+.fix-card .fc-copy:hover { border-color:var(--accent); }
+/* ---- Ask panel (registry pages only) ---- */
+.ask-open-btn { display:none; align-items:center; gap:7px; height:32px; padding:0 14px; border-radius:6px; background:var(--accent); color:#fff; font:500 12.5px var(--sans); }
+.ask-open-btn:hover { filter:brightness(1.08); }
+body[data-ask] .ask-open-btn { display:inline-flex; }
+.ask-panel { position:fixed; top:0; right:0; bottom:0; width:min(440px, 92vw); z-index:120; background:var(--bg1); border-left:1px solid var(--line); box-shadow:-8px 0 32px rgba(0,0,0,.12); transform:translateX(100%); transition:transform 220ms var(--ease); display:flex; flex-direction:column; }
+.ask-panel.open { transform:none; }
+.ap-head { display:flex; align-items:center; gap:10px; padding:14px 18px; border-bottom:1px solid var(--line); }
+.ap-head .t { font:500 15px var(--serif); }
+.ap-close { margin-left:auto; color:var(--text3); font-size:16px; padding:2px 8px; }
+.ap-tabs { display:flex; gap:4px; padding:10px 14px 0; }
+.ap-tab { flex:1; padding:8px 10px; border-radius:7px 7px 0 0; font-size:12.5px; color:var(--text2); border:1px solid transparent; }
+.ap-tab.on { background:var(--bg0); border-color:var(--line); border-bottom-color:var(--bg0); color:var(--text); font-weight:500; }
+.ap-body { flex:1; overflow-y:auto; background:var(--bg0); border-top:1px solid var(--line); margin-top:-1px; padding:16px; font-size:13px; }
+.ap-body h4 { font:500 13.5px var(--sans); margin:0 0 6px; }
+.ap-body p { color:var(--text2); margin:0 0 10px; line-height:1.55; }
+.ap-cmds { background:var(--bg1); border:1px solid var(--line); border-radius:8px; padding:10px 12px; font:400 11.5px/1.9 var(--mono); overflow-x:auto; white-space:pre; }
+.ap-copy { margin-top:8px; padding:6px 12px; border:1px solid var(--line); border-radius:6px; font-size:12px; color:var(--text2); }
+.ap-copy:hover { border-color:var(--accent); color:var(--accent); }
+.ap-field { width:100%; box-sizing:border-box; background:var(--bg1); border:1px solid var(--line); border-radius:7px; color:var(--text); font:400 12.5px var(--sans); padding:9px 11px; margin-bottom:8px; }
+.ap-field:focus { outline:none; border-color:var(--accent); }
+.ap-row { display:flex; gap:8px; align-items:center; margin-bottom:10px; color:var(--text3); font-size:11.5px; }
+.ap-go { width:100%; padding:9px; border-radius:7px; background:var(--accent); color:#fff; font:500 13px var(--sans); }
+.ap-go:disabled { opacity:.4; }
+.ap-status { color:var(--text2); font-size:12px; padding:10px 2px; }
+.ap-answer { margin-top:10px; font-size:13px; line-height:1.65; }
+.ap-chip { display:inline-flex; align-items:center; gap:3px; vertical-align:1px; margin:0 2px; padding:0 6px; border-radius:999px; font:500 10px var(--mono); border:1px solid var(--line); color:var(--accent); background:var(--bg1); }
+.ap-chip .d { width:5px; height:5px; border-radius:50%; }
+.ap-withheld { margin-top:10px; border-left:2px solid var(--stale); padding:4px 0 4px 10px; color:var(--text2); font-size:12px; }
+.ap-receipt { margin:8px 0; border:1px solid var(--line); border-radius:7px; background:var(--bg1); overflow:hidden; }
+.ap-receipt .rt { padding:6px 10px; border-bottom:1px dashed var(--line); font:400 10.5px var(--mono); color:var(--accent); }
+.ap-receipt pre { margin:0; padding:8px 0; overflow-x:auto; font:400 11px/1.5 var(--mono); }
+.ap-note { margin-top:12px; padding-top:10px; border-top:1px solid var(--line); color:var(--text3); font-size:11px; line-height:1.5; }
+.ap-err { color:var(--missing); font-size:12px; padding:8px 2px; }
+</style>
+</head>
+<body>
+<script id="overstory-data" type="application/json">${json}</script>
+<script id="overstory-ask-config" type="application/json">${askJson}</script>
+<div class="app">
+  <header class="hdr">
+    <button class="rail-toggle" id="railToggle" aria-label="Toggle tree">tree</button>
+    <div class="mark" aria-hidden="true">
+      <svg width="22" height="22" viewBox="0 0 22 22" fill="none">
+        <circle cx="11" cy="8" r="5.2" stroke="var(--accent)" stroke-width="1.4"/>
+        <circle cx="6.6" cy="11.4" r="4" stroke="var(--text3)" stroke-width="1.2" opacity=".8"/>
+        <circle cx="15.4" cy="11.4" r="4" stroke="var(--text3)" stroke-width="1.2" opacity=".5"/>
+        <path d="M11 13v6" stroke="var(--text3)" stroke-width="1.4" stroke-linecap="round"/>
+      </svg>
+    </div>
+    <span class="wordmark">OVERSTORY</span>
+    <span class="treename" id="treeName"></span>
+    <div class="hdr-spacer"></div>
+    <div class="fresh" id="fresh" title="Fraction of claims whose receipts verify against the code as of this build">
+      <span class="fresh-num" id="freshNum">0%</span>
+      <span class="fresh-label" id="freshLabel">verified</span>
+    </div>
+    <div class="search">
+      <input id="searchInput" type="search" placeholder="Search claims" aria-label="Search claims">
+      <kbd>/</kbd>
+    </div>
+    <button class="fix-btn" id="fixesBtn"></button>
+    <button class="ask-open-btn" id="askOpen">Ask this codebase</button>
+  </header>
+  <aside class="ask-panel" id="askPanel" aria-label="Ask this codebase" hidden>
+    <div class="ap-head"><span class="t">Ask this codebase</span><button class="ap-close" id="askClose" aria-label="Close">&#10005;</button></div>
+    <div class="ap-tabs">
+      <button class="ap-tab on" id="tabLocal">Run locally (private)</button>
+      <button class="ap-tab" id="tabByok">Ask here (your key)</button>
+    </div>
+    <div class="ap-body" id="apLocal"></div>
+    <div class="ap-body" id="apByok" hidden></div>
+  </aside>
+  <div class="frame">
+    <nav class="rail" id="rail" aria-label="Knowledge tree">
+      <div class="rail-hint" title="A green dot means everything inside checks out against the code; amber or red means something in that folder needs attention.">TRUST MAP — every dot is checked against the code</div>
+      <div id="treeRoot" role="tree"></div>
+    </nav>
+    <main class="main" id="main" tabindex="-1"></main>
+  </div>
+</div>
+<script>
+(function () {
+  'use strict';
+  var DATA = JSON.parse(document.getElementById('overstory-data').textContent);
+  var state = { current: DATA.root, open: {}, query: '' };
+  state.open[DATA.root] = true;
+  var SEAL_LABEL = { VERIFIED: 'verified', STALE: 'stale', OUT_OF_CORPUS: 'missing', UNGROUNDED: 'ungrounded' };
+  var SEAL_TITLE = {
+    VERIFIED: 'The cited lines exist and are unchanged.',
+    STALE: 'The cited evidence changed since this build. Rebuild to refresh.',
+    OUT_OF_CORPUS: 'The citation no longer resolves to a file in the corpus.',
+    UNGROUNDED: 'This claim carries no valid citation.'
+  };
+  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+  function el(tag, cls, text) {
+    var node = document.createElement(tag);
+    if (cls) node.className = cls;
+    if (text !== undefined) node.textContent = text;
+    return node;
+  }
+  /* header */
+  document.getElementById('treeName').textContent = DATA.name;
+  document.title = DATA.name + ' — OVERSTORY';
+  function renderFresh() {
+    var pct = Math.round(DATA.freshness * 100);
+    var numEl = document.getElementById('freshNum');
+    var label = document.getElementById('freshLabel');
+    if (pct < 100) numEl.classList.add('warn');
+    label.textContent = pct === 100
+      ? DATA.total + ' of ' + DATA.total + ' claims verified'
+      : (DATA.total - DATA.verified) + ' of ' + DATA.total + ' claims need attention';
+    if (reduced) { numEl.textContent = pct + '%'; return; }
+    var v = 0, target = pct, vel = 0, start = null;
+    function step(ts) {
+      if (!start) start = ts;
+      vel += (target - v) * 0.12;
+      vel *= 0.62;
+      v += vel;
+      if (Math.abs(target - v) < 0.5 && Math.abs(vel) < 0.5 || ts - start > 1000) {
+        numEl.textContent = target + '%';
+        return;
+      }
+      numEl.textContent = Math.round(v) + '%';
+      requestAnimationFrame(step);
+    }
+    requestAnimationFrame(step);
+  }
+  renderFresh();
+  /* tree rail */
+  function dotColor(worst) {
+    if (worst === 'VERIFIED') return 'var(--verified)';
+    if (worst === 'STALE') return 'var(--stale)';
+    return 'var(--missing)';
+  }
+  function renderTree() {
+    var host = document.getElementById('treeRoot');
+    host.textContent = '';
+    host.appendChild(renderTreeNode(DATA.root, 0));
+  }
+  function renderTreeNode(id, depth) {
+    var node = DATA.nodes[id];
+    var wrap = el('div', 'tnode');
+    var hasKids = node.childIds.length > 0;
+    var row = el('button', 'trow' + (state.current === id ? ' active' : '') + (state.open[id] ? ' open' : ''));
+    row.setAttribute('role', 'treeitem');
+    row.setAttribute('aria-expanded', hasKids ? String(!!state.open[id]) : 'false');
+    row.title = node.verified + ' of ' + node.total + ' claims verified in this subtree';
+    row.appendChild(el('span', 'caret', hasKids ? '\\u25B6' : ''));
+    var dot = el('span', 'dot');
+    dot.style.background = dotColor(node.worst);
+    row.appendChild(dot);
+    row.appendChild(el('span', 'name', node.kind === 'root' ? node.title : (node.title + (node.kind === 'dir' ? '/' : ''))));
+    row.addEventListener('click', function () {
+      if (hasKids) state.open[id] = !state.open[id];
+      go(id);
+    });
+    wrap.appendChild(row);
+    if (hasKids && state.open[id]) {
+      var kids = el('div', 'tchildren');
+      kids.setAttribute('role', 'group');
+      node.childIds.forEach(function (cid) { kids.appendChild(renderTreeNode(cid, depth + 1)); });
+      wrap.appendChild(kids);
+    }
+    return wrap;
+  }
+  /* main */
+  function crumbsFor(id) {
+    var chain = [];
+    var path = DATA.nodes[id].path;
+    chain.push({ id: DATA.root, label: DATA.nodes[DATA.root].title });
+    if (path) {
+      var parts = path.split('/');
+      var acc = '';
+      for (var i = 0; i < parts.length; i++) {
+        acc = acc ? acc + '/' + parts[i] : parts[i];
+        var nid = (i === parts.length - 1 && DATA.nodes[id].kind === 'leaf') ? 'leaf:' + acc : 'dir:' + acc;
+        if (DATA.nodes[nid]) chain.push({ id: nid, label: parts[i] });
+      }
+    }
+    return chain;
+  }
+  function welcomeCard() {
+    var pct = Math.round(DATA.freshness * 100);
+    var card = el('div', 'welcome');
+    card.appendChild(el('div', 'w-title', 'You\\u2019re looking at a verified map of ' + DATA.name));
+    var body = el('div', 'w-body');
+    body.innerHTML = 'A machine read this codebase and wrote it up as short statements \\u2014 then <b>checked every statement against the actual code</b>. Click any row to unfold its <b>receipt</b>: the exact lines it came from. Green means it still checks out; amber means the code changed since. Nothing here is taken on faith \\u2014 including from us.';
+    card.appendChild(body);
+    var row = el('div', 'w-row');
+    var got = el('button', 'w-got', 'Got it');
+    got.addEventListener('click', function () {
+      try { localStorage.setItem('overstory-welcomed', '1'); } catch (e) {}
+      state.welcomed = true;
+      renderMain();
+    });
+    row.appendChild(got);
+    row.appendChild(el('span', 'w-num', pct + '% of ' + DATA.total + ' statements verify right now'));
+    card.appendChild(row);
+    return card;
+  }
+  try { state.welcomed = !!localStorage.getItem('overstory-welcomed'); } catch (e) { state.welcomed = true; }
+  function renderMain() {
+    var main = document.getElementById('main');
+    main.textContent = '';
+    var hosted = document.body.hasAttribute('data-ask');
+    if (hosted && !state.welcomed && !state.fixes && !state.query) main.appendChild(welcomeCard());
+    if (state.fixes) { renderFixes(main); return; }
+    if (state.query) { renderSearch(main); return; }
+    var node = DATA.nodes[state.current];
+    var crumbs = el('div', 'crumbs');
+    crumbsFor(node.id).forEach(function (c, i, arr) {
+      var b = el('button', '', c.label);
+      b.addEventListener('click', function () { go(c.id); });
+      crumbs.appendChild(b);
+      if (i < arr.length - 1) crumbs.appendChild(el('span', 'sep', '/'));
+    });
+    main.appendChild(crumbs);
+    main.appendChild(el('h1', 'node-title', node.kind === 'root' ? node.title : node.title));
+    var meta = el('div', 'node-meta');
+    meta.appendChild(el('span', 'chip', node.kind));
+    meta.appendChild(el('span', 'chip', node.builtWith + (node.provider ? ' · ' + node.provider : '')));
+    meta.appendChild(el('span', '', node.verified + ' of ' + node.total + ' claims verified in this subtree'));
+    main.appendChild(meta);
+    if (node.claims.length === 0) {
+      var emptyBox = el('div', 'empty');
+      emptyBox.appendChild(el('div', '', 'No claims for this node. The file may be empty, binary, or skipped during the build.'));
+      main.appendChild(emptyBox);
+    } else {
+      var ledger = el('div', 'ledger');
+      var head = el('div', 'ledger-head');
+      head.appendChild(el('span', '', 'Claims'));
+      head.appendChild(el('span', '', 'Select a claim to unfold its receipt'));
+      ledger.appendChild(head);
+      node.claims.forEach(function (claim) { ledger.appendChild(renderClaim(claim)); });
+      main.appendChild(ledger);
+    }
+    var legend = el('div', 'legend');
+    legend.innerHTML = 'Seals are mechanical — <b>verified</b>: the cited lines exist and are unchanged · <b>stale</b>: the evidence changed since this build · <b>missing</b>: the citation no longer resolves. Faithfulness is the build-time semantic critique: claims <b>flagged</b> by it stay visible, never hidden. This page proves provenance, not truth — every claim is one click from its evidence.';
+    main.appendChild(legend);
+  }
+  function renderClaim(claim) {
+    var wrap = el('div', 'claim');
+    var row = el('button', 'claim-row');
+    row.setAttribute('aria-expanded', 'false');
+    var seal = el('span', 'seal ' + claim.verdict, SEAL_LABEL[claim.verdict]);
+    seal.title = SEAL_TITLE[claim.verdict];
+    row.appendChild(seal);
+    row.appendChild(el('span', 'claim-text', claim.text));
+    if (claim.faithfulness === 'unsupported') {
+      var f = el('span', 'flag', 'flagged by critique');
+      f.title = 'The build-time critique judged the cited lines do not support this claim. Kept visible on purpose.';
+      row.appendChild(f);
+    } else if (claim.faithfulness === 'unchecked') {
+      var f2 = el('span', 'flag unchecked', 'unchecked');
+      f2.title = 'No semantic critique ran for this claim (budget or provider limits).';
+      row.appendChild(f2);
+    }
+    var nReceipts = claim.spans.length + claim.refs.length;
+    var unfold = el('span', 'unfold');
+    unfold.appendChild(el('span', '', nReceipts + (nReceipts === 1 ? ' receipt' : ' receipts')));
+    unfold.appendChild(el('span', 'u-caret', '\\u25B8'));
+    row.appendChild(unfold);
+    var receipt = el('div', 'receipt');
+    receipt.hidden = true;
+    row.addEventListener('click', function () {
+      var openNow = receipt.hidden;
+      receipt.hidden = !openNow;
+      row.setAttribute('aria-expanded', String(openNow));
+      if (openNow && !receipt.firstChild) receipt.appendChild(renderReceipt(claim));
+    });
+    wrap.appendChild(row);
+    wrap.appendChild(receipt);
+    return wrap;
+  }
+  function renderReceipt(claim) {
+    var inner = el('div', 'receipt-inner');
+    if (claim.spans.length === 0 && claim.refs.length === 0) {
+      inner.appendChild(el('div', 'refline', 'No citations. This is what ungrounded looks like — the seal above says so.'));
+      return inner;
+    }
+    claim.spans.forEach(function (span) {
+      var top = el('div', 'receipt-top');
+      top.appendChild(el('span', 'file', span.file + ':' + span.startLine + '-' + span.endLine));
+      top.appendChild(el('span', 'hash', 'sha256 ' + span.hash.slice(0, 12)));
+      inner.appendChild(top);
+      var pre = el('pre');
+      var lines = span.text.split('\\n');
+      for (var i = 0; i < lines.length; i++) {
+        var lineRow = el('div', 'srcline');
+        lineRow.appendChild(el('span', 'ln', String(span.startLine + i)));
+        lineRow.appendChild(el('span', 'code', lines[i] === '' ? ' ' : lines[i]));
+        pre.appendChild(lineRow);
+      }
+      inner.appendChild(pre);
+    });
+    claim.refs.forEach(function (ref) {
+      var target = DATA.nodes[ref.nodeId];
+      var refClaim = null;
+      if (target) target.claims.forEach(function (c) { if (c.id === ref.claimId) refClaim = c; });
+      var line = el('div', 'refline');
+      line.appendChild(document.createTextNode('Grounded in '));
+      var link = el('button', '', target ? (target.path || target.title) : ref.nodeId);
+      link.addEventListener('click', function () { go(ref.nodeId); });
+      line.appendChild(link);
+      if (refClaim) line.appendChild(document.createTextNode(' — "' + refClaim.text + '"'));
+      inner.appendChild(line);
+    });
+    return inner;
+  }
+  /* search */
+  function renderSearch(main) {
+    var q = state.query.toLowerCase();
+    var terms = q.split(/\\s+/).filter(Boolean);
+    var hits = [];
+    Object.keys(DATA.nodes).forEach(function (nid) {
+      DATA.nodes[nid].claims.forEach(function (claim) {
+        var hay = (claim.text + ' ' + DATA.nodes[nid].path).toLowerCase();
+        var score = 0;
+        terms.forEach(function (t) { if (hay.indexOf(t) >= 0) score += 1; });
+        if (score === terms.length && terms.length > 0) hits.push({ nid: nid, claim: claim, score: score });
+      });
+    });
+    main.appendChild(el('h1', 'node-title', 'Search'));
+    var meta = el('div', 'node-meta');
+    meta.appendChild(el('span', '', hits.length + (hits.length === 1 ? ' claim matches "' : ' claims match "') + state.query + '"'));
+    main.appendChild(meta);
+    if (hits.length === 0) {
+      var none = el('div', 'empty');
+      none.appendChild(el('div', '', 'No claims match "' + state.query + '". Try a file name or an exported symbol.'));
+      main.appendChild(none);
+      return;
+    }
+    var ledger = el('div', 'ledger');
+    hits.slice(0, 50).forEach(function (hit) {
+      var wrap = el('div', 'claim');
+      var row = el('button', 'claim-row');
+      var seal = el('span', 'seal ' + hit.claim.verdict, SEAL_LABEL[hit.claim.verdict]);
+      row.appendChild(seal);
+      var txt = el('span', 'claim-text');
+      txt.appendChild(el('div', '', hit.claim.text));
+      var where = el('div', '');
+      where.style.cssText = 'font:400 11px var(--mono);color:var(--text3);margin-top:3px';
+      where.textContent = DATA.nodes[hit.nid].path || DATA.nodes[hit.nid].title;
+      txt.appendChild(where);
+      row.appendChild(txt);
+      row.addEventListener('click', function () {
+        state.query = '';
+        document.getElementById('searchInput').value = '';
+        go(hit.nid);
+      });
+      wrap.appendChild(row);
+      ledger.appendChild(wrap);
+    });
+    main.appendChild(ledger);
+  }
+  /* navigation + keyboard */
+  function openAncestors(id) {
+    var node = DATA.nodes[id];
+    if (!node) return;
+    var path = node.path;
+    state.open[DATA.root] = true;
+    if (!path) return;
+    var parts = path.split('/');
+    var acc = '';
+    for (var i = 0; i < parts.length; i++) {
+      acc = acc ? acc + '/' + parts[i] : parts[i];
+      if (DATA.nodes['dir:' + acc]) state.open['dir:' + acc] = true;
+    }
+  }
+  function renderFixes(main) {
+    main.appendChild(el('h1', 'node-title', 'Fix prompts'));
+    var intro = el('div', 'fix-intro');
+    intro.textContent = 'Paste-ready prompts for your coding agent, generated from this tree. Each one is grounded in receipts (the exact lines), scoped to one bounded change, and ends with machine-checkable acceptance criteria. One prompt per agent session; smallest diff wins.';
+    main.appendChild(intro);
+    var sevWord = { 1: 'fix first', 2: 'soon', 3: 'when convenient' };
+    (DATA.findings || []).forEach(function (f) {
+      var card = el('div', 'fix-card');
+      var row = el('div', 'fc-row');
+      row.appendChild(el('span', 'fc-sev s' + f.severity, sevWord[f.severity]));
+      var mainCol = el('div', 'fc-main');
+      mainCol.appendChild(el('div', 'fc-title', f.title));
+      mainCol.appendChild(el('div', 'fc-detail', f.detail));
+      mainCol.appendChild(el('div', 'fc-meta', f.kind + ' \\u00B7 ' + f.receipts + ' receipt' + (f.receipts === 1 ? '' : 's') + ' attached'));
+      row.appendChild(mainCol);
+      var copy = el('button', 'fc-copy', 'Copy prompt');
+      copy.addEventListener('click', function () {
+        navigator.clipboard.writeText(f.prompt).then(function () {
+          copy.textContent = 'Copied \\u2713';
+          setTimeout(function () { copy.textContent = 'Copy prompt'; }, 1500);
+        });
+      });
+      row.appendChild(copy);
+      card.appendChild(row);
+      main.appendChild(card);
+    });
+    if (!(DATA.findings || []).length) main.appendChild(el('div', 'empty', 'No findings — this tree is clean by every deterministic check.'));
+  }
+  function go(id) {
+    if (!DATA.nodes[id]) return;
+    state.current = id;
+    state.fixes = false;
+    openAncestors(id);
+    renderTree();
+    renderMain();
+    document.getElementById('rail').classList.remove('open');
+    document.getElementById('main').scrollTop = 0;
+  }
+  document.getElementById('searchInput').addEventListener('input', function (e) {
+    state.query = e.target.value.trim();
+    renderMain();
+  });
+  document.getElementById('searchInput').addEventListener('keydown', function (e) {
+    if (e.key === 'Escape') {
+      state.query = '';
+      e.target.value = '';
+      e.target.blur();
+      renderMain();
+    }
+  });
+  document.getElementById('railToggle').addEventListener('click', function () {
+    document.getElementById('rail').classList.toggle('open');
+  });
+  document.addEventListener('keydown', function (e) {
+    if (e.key === '/' && document.activeElement !== document.getElementById('searchInput')) {
+      e.preventDefault();
+      document.getElementById('searchInput').focus();
+    }
+  });
+  /* ---- Ask panel (present only when the page was rendered by the registry) ---- */
+  (function () {
+    var cfgEl = document.getElementById('overstory-ask-config');
+    var ASK = null;
+    try { ASK = JSON.parse(cfgEl.textContent); } catch (e) { ASK = null; }
+    if (!ASK) return;
+    document.body.setAttribute('data-ask', '1');
+    var panel = document.getElementById('askPanel');
+    panel.hidden = false;
+    var localBody = document.getElementById('apLocal');
+    var byokBody = document.getElementById('apByok');
+    function openPanel() { panel.classList.add('open'); }
+    function closePanel() { panel.classList.remove('open'); }
+    document.getElementById('askOpen').addEventListener('click', openPanel);
+    document.getElementById('askClose').addEventListener('click', closePanel);
+    document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closePanel(); });
+    document.getElementById('tabLocal').addEventListener('click', function () { setTab(true); });
+    document.getElementById('tabByok').addEventListener('click', function () { setTab(false); });
+    function setTab(local) {
+      document.getElementById('tabLocal').classList.toggle('on', local);
+      document.getElementById('tabByok').classList.toggle('on', !local);
+      localBody.hidden = !local;
+      byokBody.hidden = local;
+    }
+    /* Tab 1: run locally */
+    var cmds = 'git clone ' + ASK.cloneUrl + '\\ncd ' + ASK.repoLabel + '\\nnpx @northtek/overstory build   # local model or your API key\\nnpx @northtek/overstory serve   # opens the ask app';
+    localBody.appendChild(el('h4', '', 'The full ask experience runs on your machine'));
+    localBody.appendChild(el('p', '', 'Clone the repo and serve it locally: a ChatGPT-style app over this codebase where every answer sentence carries a receipt. Your code, your model, your machine — nothing is uploaded anywhere.'));
+    var pre = el('div', 'ap-cmds', cmds);
+    localBody.appendChild(pre);
+    var copyBtn = el('button', 'ap-copy', 'Copy commands');
+    copyBtn.addEventListener('click', function () {
+      navigator.clipboard.writeText(cmds).then(function () { copyBtn.textContent = 'Copied'; setTimeout(function () { copyBtn.textContent = 'Copy commands'; }, 1500); });
+    });
+    localBody.appendChild(copyBtn);
+    localBody.appendChild(el('p', 'ap-note', 'Works fully offline with a local model via Ollama. Private repos never touch this site — that is the point.'));
+    /* Tab 2: browser-side ask with the visitor’s own key */
+    byokBody.appendChild(el('h4', '', 'Ask right here, with your own API key'));
+    byokBody.appendChild(el('p', '', 'Your key is kept in this browser only and calls Anthropic directly from this page — it never touches this site’s server. Neither does your question or the answer.'));
+    var keyInput = document.createElement('input');
+    keyInput.type = 'password'; keyInput.className = 'ap-field'; keyInput.placeholder = 'sk-ant-…  (Anthropic API key)';
+    keyInput.value = sessionStorage.getItem('overstory-key') || localStorage.getItem('overstory-key') || '';
+    byokBody.appendChild(keyInput);
+    var rememberRow = el('div', 'ap-row');
+    var remember = document.createElement('input'); remember.type = 'checkbox'; remember.id = 'apRemember';
+    remember.checked = !!localStorage.getItem('overstory-key');
+    var rlabel = document.createElement('label'); rlabel.htmlFor = 'apRemember'; rlabel.textContent = 'remember on this device (otherwise this tab only)';
+    rememberRow.appendChild(remember); rememberRow.appendChild(rlabel);
+    byokBody.appendChild(rememberRow);
+    var modelSel = document.createElement('select'); modelSel.className = 'ap-field';
+    [['claude-haiku-4-5-20251001', 'Claude Haiku — fast, ~a cent per question'], ['claude-sonnet-5', 'Claude Sonnet — stronger answers']].forEach(function (m) {
+      var o = document.createElement('option'); o.value = m[0]; o.textContent = m[1]; modelSel.appendChild(o);
+    });
+    byokBody.appendChild(modelSel);
+    var qInput = document.createElement('textarea');
+    qInput.className = 'ap-field'; qInput.rows = 2; qInput.placeholder = 'What does this codebase…';
+    byokBody.appendChild(qInput);
+    var goBtn = el('button', 'ap-go', 'Ask — answers carry receipts');
+    byokBody.appendChild(goBtn);
+    var statusEl = el('div', 'ap-status', '');
+    var answerHost = el('div', '');
+    byokBody.appendChild(statusEl); byokBody.appendChild(answerHost);
+    byokBody.appendChild(el('p', 'ap-note', 'Every answer sentence must cite claims from this page’s verified tree; sentences that cite nothing verifiable are withheld and listed, never blended in. Manage or revoke keys at console.anthropic.com.'));
+    function evidenceSearch(q) {
+      var terms = q.toLowerCase().split(/[^a-z0-9_]+/).filter(function (t) { return t.length >= 2; });
+      var scored = [];
+      Object.keys(DATA.nodes).forEach(function (nid) {
+        DATA.nodes[nid].claims.forEach(function (c) {
+          var hay = (c.text + ' ' + DATA.nodes[nid].path).toLowerCase();
+          var score = 0;
+          terms.forEach(function (t) { if (hay.indexOf(t) >= 0) score += 1; });
+          if (c.verdict === 'VERIFIED') score += 0.5;
+          if (score > 0.5) scored.push({ claim: c, nid: nid, score: score });
+        });
+      });
+      scored.sort(function (a, b) { return b.score - a.score; });
+      return scored.slice(0, 8);
+    }
+    function renderAskAnswer(parsed, evidence) {
+      answerHost.textContent = '';
+      var box = el('div', 'ap-answer');
+      var withheld = [];
+      var used = {};
+      (parsed.answer || []).forEach(function (s) {
+        var refs = [];
+        (s.refs || []).forEach(function (r) {
+          var n = typeof r === 'number' ? r : parseInt(String(r).replace(/[^0-9]/g, ''), 10);
+          if (n >= 1 && n <= evidence.length) refs.push(n);
+        });
+        if (!refs.length) { withheld.push(s.text); return; }
+        box.appendChild(document.createTextNode(s.text + ' '));
+        refs.forEach(function (n) {
+          used[n] = true;
+          var ev = evidence[n - 1];
+          var chip = el('button', 'ap-chip');
+          chip.appendChild(document.createTextNode(String(n)));
+          var d = el('span', 'd');
+          d.style.background = ev.claim.verdict === 'VERIFIED' ? 'var(--verified)' : ev.claim.verdict === 'STALE' ? 'var(--stale)' : 'var(--missing)';
+          chip.appendChild(d);
+          chip.title = ev.claim.text;
+          chip.addEventListener('click', function () { toggleApReceipt(box, n, ev); });
+          box.appendChild(chip);
+        });
+      });
+      answerHost.appendChild(box);
+      if (withheld.length) {
+        var w = el('div', 'ap-withheld');
+        w.appendChild(el('div', '', withheld.length + ' statement' + (withheld.length === 1 ? '' : 's') + ' withheld (no verifiable citation):'));
+        withheld.forEach(function (t) { w.appendChild(el('div', '', '• ' + t)); });
+        answerHost.appendChild(w);
+      }
+      var total = (parsed.answer || []).length;
+      statusEl.textContent = total ? 'Grounded ' + Math.round(((total - withheld.length) / total) * 100) + '% · chips open receipts · computed in your browser' : 'No answer.';
+    }
+    function toggleApReceipt(box, n, ev) {
+      var existing = box.querySelector('[data-ap-receipt="' + n + '"]');
+      if (existing) { existing.remove(); return; }
+      var r = el('div', 'ap-receipt');
+      r.setAttribute('data-ap-receipt', String(n));
+      (ev.claim.spans || []).forEach(function (span) {
+        r.appendChild(el('div', 'rt', span.file + ':' + span.startLine + '-' + span.endLine + ' · ' + (ev.claim.verdict || '').toLowerCase()));
+        var pre = el('pre', '');
+        String(span.text).split('\\n').slice(0, 14).forEach(function (line, i) {
+          var lr = el('div', 'srcline');
+          lr.appendChild(el('span', 'ln', String(span.startLine + i)));
+          lr.appendChild(el('span', 'code', line === '' ? ' ' : line));
+          pre.appendChild(lr);
+        });
+        r.appendChild(pre);
+      });
+      if (!(ev.claim.spans || []).length) r.appendChild(el('div', 'rt', 'grounded in tree claim — open its node in the explorer'));
+      box.appendChild(r);
+    }
+    goBtn.addEventListener('click', function () {
+      var key = keyInput.value.trim();
+      var q = qInput.value.trim();
+      answerHost.textContent = '';
+      if (!key || key.indexOf('sk-') !== 0) { statusEl.textContent = ''; answerHost.appendChild(el('div', 'ap-err', 'Enter your Anthropic API key (starts with sk-ant-).')); return; }
+      if (!q) { answerHost.appendChild(el('div', 'ap-err', 'Ask something about this codebase.')); return; }
+      if (remember.checked) { localStorage.setItem('overstory-key', key); sessionStorage.removeItem('overstory-key'); }
+      else { sessionStorage.setItem('overstory-key', key); localStorage.removeItem('overstory-key'); }
+      var evidence = evidenceSearch(q);
+      if (!evidence.length) { statusEl.textContent = ''; answerHost.appendChild(el('div', 'ap-err', 'The tree has no claims matching that — try other words, or browse the tree.')); return; }
+      statusEl.textContent = 'Searching ' + DATA.total + ' claims → asking ' + (modelSel.value.indexOf('haiku') >= 0 ? 'Haiku' : 'Sonnet') + ' from your browser…';
+      goBtn.disabled = true;
+      var block = evidence.map(function (ev, i) { return '[' + (i + 1) + '] (' + (DATA.nodes[ev.nid].path || 'root') + ') ' + ev.claim.text; }).join('\\n');
+      var prompt = 'Answer the question using ONLY this numbered evidence about the codebase "' + DATA.name + '". Every answer sentence cites the evidence numbers that support it.\\n\\nReturn ONLY JSON: {"answer":[{"text":"one sentence","refs":[1,2]}]}\\n\\nEVIDENCE:\\n' + block + '\\n\\nQUESTION: ' + q;
+      fetch('https://api.anthropic.com/v1/messages', {
+        method: 'POST',
+        headers: {
+          'content-type': 'application/json',
+          'x-api-key': key,
+          'anthropic-version': '2023-06-01',
+          'anthropic-dangerous-direct-browser-access': 'true'
+        },
+        body: JSON.stringify({ model: modelSel.value, max_tokens: 1024, messages: [{ role: 'user', content: prompt }] })
+      }).then(function (res) {
+        if (res.status === 401) throw new Error('Anthropic rejected the key (401). Check it at console.anthropic.com.');
+        if (res.status === 429) throw new Error('Rate limited by Anthropic (429) — wait a moment.');
+        if (!res.ok) throw new Error('Anthropic returned HTTP ' + res.status + '.');
+        return res.json();
+      }).then(function (data) {
+        var text = ((data.content || []).find(function (b) { return b.type === 'text'; }) || {}).text || '';
+        var first = text.indexOf('{');
+        var last = text.lastIndexOf('}');
+        var parsed = JSON.parse(first >= 0 ? text.slice(first, last + 1) : text);
+        renderAskAnswer(parsed, evidence);
+      }).catch(function (err) {
+        statusEl.textContent = '';
+        answerHost.appendChild(el('div', 'ap-err', String(err && err.message ? err.message : err)));
+      }).finally(function () { goBtn.disabled = false; });
+    });
+  })();
+  /* fixes toggle */
+  (function () {
+    var n = (DATA.findings || []).length;
+    if (!n) return;
+    document.body.setAttribute('data-fixes', '1');
+    var btn = document.getElementById('fixesBtn');
+    btn.innerHTML = 'Fixes <span class="n">' + n + '</span>';
+    btn.addEventListener('click', function () {
+      state.fixes = !state.fixes;
+      btn.classList.toggle('on', state.fixes);
+      renderMain();
+    });
+  })();
+  renderTree();
+  renderMain();
+})();
+</script>
+</body>
+</html>
+`;
+};