@tangle-network/agent-eval 0.221.8 → 0.222.1

package/dist/storyboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/storyboard/code-edit.ts","../../src/storyboard/index.ts"],"sourcesContent":["/**\n * Code-edit extraction + the \"watch the agent write code\" animation.\n *\n * The base storyboard (./index) compresses a run into scenes but keeps scenes\n * payload-free (title + narration + evidence span ids). To actually SHOW the\n * code an agent wrote, this module pulls the concrete edit (path, diff,\n * before/after, language) out of the raw edit-tool spans and renders a\n * self-contained HTML replay that types each file out, character by character,\n * like an editor recording.\n *\n * Additive on purpose: it reuses the canonical `Span` (trace/schema) and the\n * `Storyboard` IR (./index) without modifying the reducer/compiler — so it\n * composes with the existing pipeline and a Remotion consumer can read the same\n * `CodeEdit[]` to render an MP4.\n */\n\nimport type { Span } from '../trace/schema'\n\n\nconst EDIT_TOOLS =\n  /(edit|write|patch|apply|str_replace|create.*file|save|insert|update.*file|multi_edit)/i\n\n/** A concrete code change lifted from a tool span. */\nexport interface CodeEdit {\n  /** Span the edit came from — back-reference into the trace. */\n  spanId: string\n  path: string\n  language?: string\n  /** Unified diff, when the tool carried one. */\n  diff?: string\n  /** Full file body before / after, when present — enables true keystroke\n   *  animation rather than only flashing a diff. */\n  before?: string\n  after?: string\n  additions: number\n  deletions: number\n  startedAt: number\n}\n\nfunction languageOf(path: string): string | undefined {\n  const ext = path.includes('.') ? path.split('.').pop()?.toLowerCase() : undefined\n  if (!ext) return undefined\n  const map: Record<string, string> = {\n    ts: 'ts',\n    tsx: 'tsx',\n    js: 'js',\n    jsx: 'jsx',\n    mjs: 'js',\n    cjs: 'js',\n    py: 'python',\n    rs: 'rust',\n    go: 'go',\n    sol: 'solidity',\n    java: 'java',\n    rb: 'ruby',\n    php: 'php',\n    c: 'c',\n    cpp: 'cpp',\n    cs: 'csharp',\n    css: 'css',\n    scss: 'scss',\n    html: 'html',\n    json: 'json',\n    yaml: 'yaml',\n    yml: 'yaml',\n    toml: 'toml',\n    md: 'markdown',\n    sh: 'bash',\n    sql: 'sql',\n  }\n  return map[ext] ?? ext\n}\n\nfunction pick(obj: unknown, keys: string[]): string | undefined {\n  if (!obj || typeof obj !== 'object') return undefined\n  const rec = obj as Record<string, unknown>\n  for (const k of Object.keys(rec)) {\n    if (keys.includes(k.toLowerCase())) {\n      const v = rec[k]\n      if (typeof v === 'string') return v\n    }\n  }\n  return undefined\n}\n\nfunction countDiff(diff?: string): { additions: number; deletions: number } {\n  if (!diff) return { additions: 0, deletions: 0 }\n  let additions = 0\n  let deletions = 0\n  for (const line of diff.split('\\n')) {\n    if (line.startsWith('+') && !line.startsWith('+++')) additions++\n    else if (line.startsWith('-') && !line.startsWith('---')) deletions++\n  }\n  return { additions, deletions }\n}\n\n/** Extract a CodeEdit from a single span, or undefined if it is not an edit. */\nfunction codeEditFromSpan(span: Span): CodeEdit | undefined {\n  if (span.kind !== 'tool') return undefined\n  const tool = span as Extract<Span, { kind: 'tool' }>\n  if (!EDIT_TOOLS.test(tool.toolName)) return undefined\n  const path = pick(tool.args, ['path', 'file_path', 'filepath', 'filename', 'file'])\n  if (!path) return undefined\n  const diff = pick(tool.args, ['diff', 'patch'])\n  const after = pick(tool.args, ['content', 'new_str', 'new_string', 'newtext', 'text', 'body'])\n  const before = pick(tool.args, ['old_str', 'old_string', 'oldtext', 'original'])\n  const counts = countDiff(diff)\n  return {\n    spanId: span.spanId,\n    path,\n    language: languageOf(path),\n    diff,\n    before,\n    after,\n    additions: diff ? counts.additions : after ? after.split('\\n').length : 0,\n    deletions: diff ? counts.deletions : 0,\n    startedAt: span.startedAt,\n  }\n}\n\n/** All code edits in a run, in chronological order. */\nexport function extractCodeEdits(spans: readonly Span[]): CodeEdit[] {\n  return spans\n    .map(codeEditFromSpan)\n    .filter((e): e is CodeEdit => e != null)\n    .sort((a, b) => a.startedAt - b.startedAt)\n}\n\n\n\n/** The text the animation types for an edit: prefer the full new file body,\n *  then the added lines of a diff, then a minimal placeholder so the scene is\n *  never blank. */\nexport function editAnimationText(edit: CodeEdit): string {\n  if (edit.after?.trim()) return edit.after\n  if (edit.diff) {\n    const added = edit.diff\n      .split('\\n')\n      .filter((l) => l.startsWith('+') && !l.startsWith('+++'))\n      .map((l) => l.slice(1))\n      .join('\\n')\n    if (added.trim()) return added\n  }\n  return `// ${edit.path}\\n// (${edit.additions} line${edit.additions === 1 ? '' : 's'} written)`\n}\n\nfunction esc(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')\n}\n\nexport interface CodeAnimationOptions {\n  /** Page title. Default \"Agent writing code\". */\n  title?: string\n  /** Characters typed per animation tick. Higher = faster. Default 4. */\n  charsPerTick?: number\n  /** Pause between files, ms. Default 900. */\n  pauseBetweenMs?: number\n}\n\n/**\n * Render a self-contained HTML page that animates the agent writing each file,\n * character by character, with a filename tab, line numbers, and a blinking\n * cursor — the shareable \"watch it build\" clip. No build step, no assets, no\n * deps. The same `CodeEdit[]` feeds a Remotion MP4 renderer in a consumer\n * package; this is the dependency-free baseline.\n */\nexport function renderCodeAnimationHtml(\n  source: readonly Span[] | readonly CodeEdit[],\n  opts: CodeAnimationOptions = {},\n): string {\n  const edits: CodeEdit[] =\n    source.length > 0 && 'path' in (source[0] as object)\n      ? (source as CodeEdit[])\n      : extractCodeEdits(source as readonly Span[])\n\n  const files = edits.map((e) => ({\n    path: e.path,\n    language: e.language ?? '',\n    additions: e.additions,\n    deletions: e.deletions,\n    code: editAnimationText(e),\n  }))\n  const title = opts.title ?? 'Agent writing code'\n  const charsPerTick = opts.charsPerTick ?? 4\n  const pauseBetweenMs = opts.pauseBetweenMs ?? 900\n  const filesJson = JSON.stringify(files)\n\n  return `<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>${esc(title)}</title>\n<style>\n  :root { color-scheme: dark; }\n  * { box-sizing: border-box; }\n  body { margin: 0; background: #0b0f17; color: #e6edf3;\n    font: 14px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n    display: flex; flex-direction: column; min-height: 100vh; align-items: center; justify-content: center; gap: 14px; }\n  h1 { font-family: ui-sans-serif, system-ui, sans-serif; font-size: 1rem; font-weight: 600; color: #9aa7b5; margin: 0; }\n  .editor { width: min(900px, 94vw); background: #0d1320; border: 1px solid #1e2a3a; border-radius: 12px;\n    overflow: hidden; box-shadow: 0 16px 50px rgba(0,0,0,.5); }\n  .tabbar { display: flex; align-items: center; gap: 8px; background: #111a29; padding: 9px 14px; border-bottom: 1px solid #1e2a3a; }\n  .dot { width: 11px; height: 11px; border-radius: 50%; }\n  .dot.r { background: #ff5f56; } .dot.y { background: #ffbd2e; } .dot.g { background: #27c93f; }\n  .tab { margin-left: 10px; background: #0d1320; padding: 5px 12px; border-radius: 7px 7px 0 0;\n    color: #cdd9e5; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .85rem; }\n  .lang { color: #5b6b7d; font-size: .75rem; margin-left: 6px; }\n  .adds { margin-left: auto; color: #3fb950; font-size: .78rem; font-family: ui-sans-serif, system-ui, sans-serif; }\n  .dels { color: #f85149; margin-left: 8px; }\n  .codewrap { display: flex; max-height: 60vh; overflow: auto; }\n  .gutter { padding: 14px 10px 14px 14px; text-align: right; color: #3a4757; user-select: none; white-space: pre; }\n  pre { margin: 0; padding: 14px 18px 14px 6px; white-space: pre; tab-size: 2; flex: 1; }\n  .cursor { display: inline-block; width: 8px; margin-left: 1px; background: #58a6ff; animation: blink .9s steps(1) infinite; }\n  @keyframes blink { 50% { opacity: 0; } }\n  .controls { display: flex; gap: 10px; align-items: center; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .85rem; color: #8b98a6; }\n  button { background: #1b2636; color: #e6edf3; border: 1px solid #2a3a4f; border-radius: 8px; padding: 6px 12px; cursor: pointer; font: inherit; }\n  button:hover { background: #243349; }\n  .empty { padding: 40px; color: #5b6b7d; }\n</style>\n</head>\n<body>\n  <h1>✏️ ${esc(title)}</h1>\n  <div class=\"editor\">\n    <div class=\"tabbar\">\n      <span class=\"dot r\"></span><span class=\"dot y\"></span><span class=\"dot g\"></span>\n      <span class=\"tab\" id=\"tab\">—</span><span class=\"lang\" id=\"lang\"></span>\n      <span class=\"adds\" id=\"adds\"></span>\n    </div>\n    <div class=\"codewrap\"><div class=\"gutter\" id=\"gutter\">1</div><pre id=\"code\"></pre></div>\n  </div>\n  <div class=\"controls\">\n    <button id=\"pp\">⏸ Pause</button><button id=\"restart\">↻ Restart</button>\n    <span id=\"counter\"></span>\n  </div>\n<script>\n  const FILES = ${filesJson};\n  const CPT = ${charsPerTick}, PAUSE = ${pauseBetweenMs};\n  const codeEl = document.getElementById('code'), gutterEl = document.getElementById('gutter');\n  const tabEl = document.getElementById('tab'), langEl = document.getElementById('lang');\n  const addsEl = document.getElementById('adds'), counterEl = document.getElementById('counter');\n  let fi = 0, ci = 0, playing = true, raf = 0, paused = false;\n  if (!FILES.length) { codeEl.innerHTML = '<span class=\"empty\">No code edits in this run.</span>'; }\n  function esc(s){return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');}\n  function setHeader(){ const f = FILES[fi]; tabEl.textContent = f.path; langEl.textContent = f.language || '';\n    addsEl.innerHTML = '+' + f.additions + (f.deletions ? ' <span class=\"dels\">-' + f.deletions + '</span>' : '');\n    counterEl.textContent = (fi+1) + ' / ' + FILES.length + ' files'; }\n  function paint(){ const f = FILES[fi]; const shown = f.code.slice(0, ci);\n    const lines = (shown.match(/\\\\n/g) || []).length + 1;\n    gutterEl.textContent = Array.from({length: lines}, (_, k) => k+1).join('\\\\n');\n    codeEl.innerHTML = esc(shown) + '<span class=\"cursor\">&nbsp;</span>';\n    const wrap = codeEl.parentElement; wrap.scrollTop = wrap.scrollHeight; }\n  function tick(){ if (paused || !FILES.length) return;\n    const f = FILES[fi];\n    if (ci < f.code.length){ ci = Math.min(f.code.length, ci + CPT); paint(); raf = requestAnimationFrame(tick); }\n    else if (fi < FILES.length - 1){ setTimeout(() => { fi++; ci = 0; setHeader(); paint(); raf = requestAnimationFrame(tick); }, PAUSE); }\n    else { playing = false; document.getElementById('pp').textContent = '▶ Play'; } }\n  document.getElementById('pp').onclick = () => { if (!playing){ playing = true; paused = false; tick(); } else { paused = !paused; if (!paused) tick(); } document.getElementById('pp').textContent = paused ? '▶ Play' : '⏸ Pause'; };\n  document.getElementById('restart').onclick = () => { fi = 0; ci = 0; playing = true; paused = false; document.getElementById('pp').textContent = '⏸ Pause'; setHeader(); paint(); cancelAnimationFrame(raf); tick(); };\n  if (FILES.length){ setHeader(); paint(); tick(); }\n</script>\n</body>\n</html>\n`\n}\n","/**\n * Storyboard — compile a raw agent trace into a small set of meaningful scenes,\n * then render them as a shareable, watchable replay.\n *\n *   Span[] → SemanticEvent[] → Storyboard{scenes} → { markdown | html }\n *\n * The trace is the source of truth; the storyboard is the IR; markdown/html\n * (and, in a consumer package, Remotion/MP4) are compiled targets. Everything\n * here is PURE — same spans in, same bytes out (no clock/random) — so a run's\n * replay is deterministic and diffable.\n *\n * Crucially, every scene carries a modality-typed VISUAL extracted from the\n * span — a browser/computer screenshot, a code diff, a terminal command +\n * output, file content, an API request/response, or reasoning prose — so no\n * matter what the agent did, the replay SHOWS it, not just narrates it. The\n * reducer is rules-based; an LLM pass can refine titles/summaries later, but\n * the structure + visuals do not depend on one. Renderers that need a browser\n * (Remotion, React) live in consumers; this module only emits strings.\n */\n\nimport { escapeHtml } from '../reporting-html'\nimport type { Span } from '../trace/schema'\n\n/** What the agent meaningfully did — the compressed vocabulary. */\nexport type SemanticKind =\n  | 'understood_task'\n  | 'user_message'\n  | 'agent_reply'\n  | 'reasoned'\n  | 'ran_command'\n  | 'read_file'\n  | 'edited_code'\n  | 'searched'\n  | 'used_browser'\n  | 'used_computer'\n  | 'called_api'\n  | 'called_tool'\n  | 'evaluated'\n  | 'observed_failure'\n  | 'completed'\n\n/** The modality-typed payload a scene shows. This is what makes any agent\n *  action — screen, browser, shell, code, API — actually viewable. */\nexport type SceneVisual =\n  | { type: 'screenshot'; src: string; caption?: string }\n  | { type: 'browser'; url?: string; action?: string; screenshot?: string }\n  | { type: 'diff'; path: string; patch: string }\n  | { type: 'code'; path: string; content: string }\n  | { type: 'terminal'; command: string; output?: string }\n  | {\n      type: 'api'\n      method?: string\n      url: string\n      status?: number\n      request?: string\n      response?: string\n    }\n  | { type: 'prose'; text: string }\n  | { type: 'none' }\n\nexport interface SemanticEvent {\n  kind: SemanticKind\n  /** One-line headline (the ticket/scene title). */\n  title: string\n  /** Short human summary. */\n  summary: string\n  /** The modality payload to show for this moment. */\n  visual: SceneVisual\n  /** Span ids backing this moment — the evidence trail. */\n  evidenceSpanIds: string[]\n  /** 1 (noise) … 5 (pivotal: failures, edits). Drives selection + duration. */\n  importance: 1 | 2 | 3 | 4 | 5\n  startTs: number\n  endTs: number\n}\n\nexport interface ReduceOptions {\n  /** Collapse adjacent same-kind moments into one. Default true. */\n  collapseAdjacent?: boolean\n}\n\n// ── Modality extraction ─────────────────────────────────────────────────────\n\nfunction str(v: unknown): string | undefined {\n  return typeof v === 'string' && v.length > 0 ? v : undefined\n}\n\nfunction num(v: unknown): number | undefined {\n  return typeof v === 'number' ? v : undefined\n}\n\nfunction attr(span: Span, ...keys: string[]): unknown {\n  const a = span.attributes as Record<string, unknown> | undefined\n  if (!a) return undefined\n  for (const k of keys) if (a[k] != null) return a[k]\n  return undefined\n}\n\nfunction asObj(v: unknown): Record<string, unknown> | undefined {\n  return v && typeof v === 'object' && !Array.isArray(v)\n    ? (v as Record<string, unknown>)\n    : undefined\n}\n\nfunction safeJson(v: unknown): string | undefined {\n  if (v == null) return undefined\n  if (typeof v === 'string') return v\n  try {\n    return JSON.stringify(v, null, 2)\n  } catch {\n    return String(v)\n  }\n}\n\n/** Is this string an embeddable image (data URI or http URL)? */\nfunction isImageSrc(s: string | undefined): s is string {\n  return !!s && (s.startsWith('data:image') || /^https?:\\/\\//.test(s))\n}\n\n/** Pull the modality-appropriate visual out of whatever the span carries.\n *  Conventions (checked in priority order): an image rides on\n *  `attributes.screenshot|image|frame|videoFrame` or `result.screenshot`; a\n *  diff on `attributes.diff|patch` or `args.diff`; a command on `args` /\n *  `args.command`; an API call on a `url`/`method` in args; file content on\n *  `result`. Unknown tools degrade to an args/result inspector. */\nfunction extractVisual(span: Span): SceneVisual {\n  const shot =\n    str(attr(span, 'screenshot', 'screenshotUrl', 'image', 'frame', 'videoFrame')) ??\n    (span.kind === 'tool'\n      ? (str(asObj(span.result)?.screenshot) ?? str(asObj(span.result)?.image))\n      : undefined)\n\n  if (span.kind === 'tool') {\n    const tn = span.toolName.toLowerCase()\n    const a = asObj(span.args)\n    // computer use (GUI / desktop control)\n    if (/computer|cua|desktop|\\bgui\\b|xdotool|mouse|keyboard|screen_|pyautogui/.test(tn)) {\n      return {\n        type: 'browser',\n        action: str(a?.action) ?? span.toolName,\n        url: str(a?.target),\n        screenshot: shot,\n      }\n    }\n    // browser use\n    if (\n      /browser|playwright|puppeteer|\\bpage\\b|navigate|goto|\\bclick\\b|\\btype\\b|screenshot|dom/.test(\n        tn,\n      )\n    ) {\n      return {\n        type: 'browser',\n        url: str(a?.url) ?? str(attr(span, 'url')),\n        action: str(a?.action) ?? str(a?.selector) ?? span.toolName,\n        screenshot: shot,\n      }\n    }\n    // code edit → diff\n    const diff = str(attr(span, 'diff', 'patch')) ?? str(a?.diff) ?? str(a?.patch)\n    if (diff && /edit|write|patch|apply|str_replace|create|save|file/.test(tn)) {\n      return {\n        type: 'diff',\n        path: str(a?.path) ?? str(a?.file) ?? str(attr(span, 'path')) ?? '',\n        patch: truncate(diff, 2000),\n      }\n    }\n    if (/edit|write|patch|apply|str_replace/.test(tn)) {\n      const newText = str(a?.new_str) ?? str(a?.content) ?? str(a?.text)\n      return {\n        type: 'diff',\n        path: str(a?.path) ?? str(a?.file) ?? '',\n        patch: newText ? `+ ${truncate(newText, 1600)}` : '(no diff captured)',\n      }\n    }\n    // file read → code\n    if (/read|\\bcat\\b|open|view|get_file|load|fetch_file/.test(tn)) {\n      const content =\n        str(asObj(span.result)?.content) ??\n        (typeof span.result === 'string' ? span.result : undefined) ??\n        str(attr(span, 'content'))\n      return {\n        type: 'code',\n        path: str(a?.path) ?? str(a?.file) ?? '',\n        content: truncate(content ?? '', 1400),\n      }\n    }\n    // search\n    if (/search|grep|find|glob|query/.test(tn)) {\n      return {\n        type: 'terminal',\n        command: `search ${str(a?.query) ?? str(a?.pattern) ?? ''}`.trim(),\n        output: truncate(safeJson(span.result) ?? '', 1000),\n      }\n    }\n    // api / http / network\n    const url = str(a?.url) ?? str(attr(span, 'url'))\n    if (url || /http|\\bapi\\b|fetch|request|webhook|rest|graphql|endpoint/.test(tn)) {\n      return {\n        type: 'api',\n        method: str(a?.method) ?? str(attr(span, 'method')),\n        url: url ?? span.toolName,\n        status: num(attr(span, 'status', 'statusCode')) ?? num(asObj(span.result)?.status),\n        request: truncate(str(a?.body) ?? safeJson(span.args) ?? '', 900),\n        response: truncate(str(attr(span, 'response')) ?? safeJson(span.result) ?? '', 900),\n      }\n    }\n    // shell / sandbox exec\n    if (/shell|exec|bash|\\brun\\b|terminal|command|sandbox|process/.test(tn)) {\n      const command =\n        typeof span.args === 'string'\n          ? span.args\n          : (str(a?.command) ?? str(a?.cmd) ?? span.toolName)\n      const output =\n        str(attr(span, 'output', 'stdout')) ??\n        (typeof span.result === 'string' ? span.result : safeJson(span.result))\n      return {\n        type: 'terminal',\n        command: truncate(command, 240),\n        output: truncate(output ?? '', 1400),\n      }\n    }\n    // generic tool — show the call\n    return {\n      type: 'api',\n      url: span.toolName,\n      request: truncate(safeJson(span.args) ?? '', 900),\n      response: truncate(safeJson(span.result) ?? '', 900),\n    }\n  }\n\n  if (isImageSrc(shot)) return { type: 'screenshot', src: shot }\n  if (span.kind === 'llm') {\n    const text = str(span.output) ?? str(span.messages?.[span.messages.length - 1]?.content)\n    return text ? { type: 'prose', text: truncate(text, 900) } : { type: 'none' }\n  }\n  if (span.kind === 'sandbox')\n    return { type: 'terminal', command: span.name, output: str(attr(span, 'output')) }\n  return { type: 'none' }\n}\n\n// ── Classification ──────────────────────────────────────────────────────────\n\ninterface Classified {\n  kind: SemanticKind\n  importance: 1 | 2 | 3 | 4 | 5\n  label: string\n}\n\nfunction toolLabel(span: Span): string {\n  if (span.kind === 'tool') {\n    const a = asObj(span.args)\n    const arg =\n      typeof span.args === 'string'\n        ? span.args\n        : a\n          ? (str(a.path) ??\n            str(a.url) ??\n            str(a.command) ??\n            str(a.query) ??\n            Object.values(a).find((v) => typeof v === 'string'))\n          : undefined\n    return typeof arg === 'string' && arg.length > 0\n      ? `${span.toolName}: ${truncate(arg, 60)}`\n      : span.toolName\n  }\n  return span.name\n}\n\nfunction classify(span: Span): Classified {\n  if (span.status === 'error' || span.error) {\n    return { kind: 'observed_failure', importance: 5, label: span.error ?? span.name }\n  }\n  if (span.kind === 'llm' || span.kind === 'agent')\n    return { kind: 'reasoned', importance: 2, label: span.name }\n  if (span.kind === 'judge') return { kind: 'evaluated', importance: 2, label: span.name }\n  if (span.kind === 'retrieval') return { kind: 'searched', importance: 2, label: span.name }\n  if (span.kind === 'sandbox') return { kind: 'ran_command', importance: 3, label: span.name }\n  if (span.kind === 'tool') {\n    const tn = span.toolName.toLowerCase()\n    const label = toolLabel(span)\n    if (/computer|cua|desktop|\\bgui\\b|xdotool|pyautogui/.test(tn))\n      return { kind: 'used_computer', importance: 3, label }\n    if (/browser|playwright|puppeteer|\\bpage\\b|navigate|goto|\\bclick\\b|screenshot|dom/.test(tn))\n      return { kind: 'used_browser', importance: 3, label }\n    if (/edit|write|patch|apply|str_replace|create.*file|save/.test(tn))\n      return { kind: 'edited_code', importance: 4, label }\n    if (/read|\\bcat\\b|open|view|get.*file|load/.test(tn))\n      return { kind: 'read_file', importance: 2, label }\n    if (/search|grep|find|glob|query/.test(tn)) return { kind: 'searched', importance: 2, label }\n    if (\n      /http|\\bapi\\b|fetch|request|webhook|rest|graphql|endpoint/.test(tn) ||\n      str(asObj(span.args)?.url)\n    ) {\n      return { kind: 'called_api', importance: 3, label }\n    }\n    if (/shell|exec|bash|\\brun\\b|terminal|command|process/.test(tn))\n      return { kind: 'ran_command', importance: 3, label }\n    return { kind: 'called_tool', importance: 3, label }\n  }\n  return { kind: 'called_tool', importance: 2, label: span.name }\n}\n\nconst KIND_VERB: Record<SemanticKind, string> = {\n  understood_task: 'Understood the task',\n  user_message: 'User said',\n  agent_reply: 'Agent replied',\n  reasoned: 'Reasoned',\n  ran_command: 'Ran a command',\n  read_file: 'Read files',\n  edited_code: 'Edited code',\n  searched: 'Searched',\n  used_browser: 'Used the browser',\n  used_computer: 'Controlled the computer',\n  called_api: 'Called an API',\n  called_tool: 'Used a tool',\n  evaluated: 'Evaluated the result',\n  observed_failure: 'Hit a failure',\n  completed: 'Finished',\n}\n\n/** Kinds that must never collapse into a neighbour — each is its own beat:\n *  a failure, and every conversation turn (so the dialogue reads in full). */\nconst STANDALONE_KINDS = new Set<SemanticKind>([\n  'observed_failure',\n  'understood_task',\n  'user_message',\n  'agent_reply',\n])\n\n/** Lift the conversation turns out of an LLM span. The user/assistant text\n *  lives in `LlmSpan.messages` (role:'user'|'assistant') and the new reply in\n *  `output`; the full history repeats across spans, so `seen` dedupes turns to\n *  the first time each is said. The first user turn becomes `understood_task`\n *  (the premise), later user turns `user_message`, assistant text `agent_reply`. */\nfunction conversationEvents(\n  span: Span,\n  seen: Set<string>,\n  state: { sawUser: boolean },\n): SemanticEvent[] {\n  if (span.kind !== 'llm') return []\n  const out: SemanticEvent[] = []\n  const emit = (kind: SemanticKind, text: string, importance: 1 | 2 | 3 | 4 | 5) => {\n    const t = text.trim()\n    if (!t) return\n    const who = kind === 'agent_reply' ? 'a' : 'u'\n    const key = `${who}\\n${t}`\n    if (seen.has(key)) return\n    seen.add(key)\n    const speaker = kind === 'understood_task' ? 'Task' : kind === 'user_message' ? 'User' : 'Agent'\n    out.push({\n      kind,\n      title: `${speaker}: ${truncate(t, 64)}`,\n      summary: truncate(t, 280),\n      visual: { type: 'prose', text: truncate(t, 1200) },\n      evidenceSpanIds: [span.spanId],\n      importance,\n      startTs: span.startedAt,\n      endTs: span.endedAt ?? span.startedAt,\n    })\n  }\n  for (const m of span.messages ?? []) {\n    const content = str(m.content)\n    if (!content) continue\n    if (m.role === 'user') {\n      emit(state.sawUser ? 'user_message' : 'understood_task', content, state.sawUser ? 4 : 5)\n      state.sawUser = true\n    } else if (m.role === 'assistant') {\n      emit('agent_reply', content, 3)\n    }\n  }\n  const reply = str(span.output)\n  if (reply) emit('agent_reply', reply, 3)\n  return out\n}\n\n/**\n * Reduce a span tree into the meaningful moments a viewer cares about. The\n * conversation (user asks, agent replies) is lifted from LLM spans first so the\n * dialogue is first-class; the remaining work spans are classified + have their\n * modality visual extracted. Adjacent same-kind work moments collapse (the\n * compression step), carrying the latest visual; failures and conversation\n * turns never collapse.\n */\nexport function reduceToSemanticEvents(\n  spans: readonly Span[],\n  opts: ReduceOptions = {},\n): SemanticEvent[] {\n  const collapse = opts.collapseAdjacent ?? true\n  const ordered = [...spans].sort((a, b) => a.startedAt - b.startedAt)\n  const seen = new Set<string>()\n  const convState = { sawUser: false }\n  const raw: SemanticEvent[] = []\n  for (const s of ordered) {\n    const conv = conversationEvents(s, seen, convState)\n    if (conv.length > 0) {\n      // this LLM span IS dialogue — surface the turns, not a generic \"reasoned\"\n      raw.push(...conv)\n      continue\n    }\n    const c = classify(s)\n    raw.push({\n      kind: c.kind,\n      title: c.label,\n      summary: `${KIND_VERB[c.kind]} — ${c.label}`,\n      visual: extractVisual(s),\n      evidenceSpanIds: [s.spanId],\n      importance: c.importance,\n      startTs: s.startedAt,\n      endTs: s.endedAt ?? s.startedAt,\n    })\n  }\n  if (!collapse) return raw\n\n  const merged: SemanticEvent[] = []\n  for (const ev of raw) {\n    const prev = merged[merged.length - 1]\n    if (prev && prev.kind === ev.kind && !STANDALONE_KINDS.has(ev.kind)) {\n      prev.evidenceSpanIds.push(...ev.evidenceSpanIds)\n      prev.endTs = Math.max(prev.endTs, ev.endTs)\n      if (ev.visual.type !== 'none') prev.visual = ev.visual // keep the latest state\n      const n = prev.evidenceSpanIds.length\n      prev.title = `${KIND_VERB[ev.kind]} (${n}×)`\n      prev.summary = `${KIND_VERB[ev.kind]} ${n} time${n === 1 ? '' : 's'} — latest: ${ev.title}`\n    } else {\n      merged.push({ ...ev, evidenceSpanIds: [...ev.evidenceSpanIds] })\n    }\n  }\n  return merged\n}\n\n// ── Storyboard ────────────────────────────────────────────────────────────\n\nexport type SceneType =\n  | 'title_card'\n  | 'prompt'\n  | 'reply'\n  | 'reasoning'\n  | 'terminal'\n  | 'file'\n  | 'diff'\n  | 'search'\n  | 'browser'\n  | 'computer'\n  | 'api'\n  | 'tool'\n  | 'eval'\n  | 'error'\n  | 'summary'\n\nexport interface Scene {\n  sceneType: SceneType\n  title: string\n  narration: string\n  /** The modality payload the renderer shows. */\n  visual: SceneVisual\n  durationMs: number\n  evidenceSpanIds: string[]\n}\n\nexport interface Storyboard {\n  title: string\n  totalMs: number\n  scenes: Scene[]\n}\n\nexport interface CompileOptions {\n  /** Headline for the title card. Default \"Agent run\". */\n  title?: string\n  /** Max action scenes between the title + summary cards. Default 16. */\n  maxScenes?: number\n}\n\nconst KIND_TO_SCENE: Record<SemanticKind, SceneType> = {\n  understood_task: 'title_card',\n  user_message: 'prompt',\n  agent_reply: 'reply',\n  reasoned: 'reasoning',\n  ran_command: 'terminal',\n  read_file: 'file',\n  edited_code: 'diff',\n  searched: 'search',\n  used_browser: 'browser',\n  used_computer: 'computer',\n  called_api: 'api',\n  called_tool: 'tool',\n  evaluated: 'eval',\n  observed_failure: 'error',\n  completed: 'summary',\n}\n\nconst DURATION_BY_IMPORTANCE: Record<1 | 2 | 3 | 4 | 5, number> = {\n  1: 2500,\n  2: 3000,\n  3: 4000,\n  4: 5000,\n  5: 6000,\n}\n\n/**\n * Select the moments worth showing and lay them out as scenes. Every failure\n * (importance 5) and edit (4) is always kept; the rest fill the budget by\n * importance, then re-sort chronological. A title card opens, a summary closes.\n */\nexport function compileStoryboard(\n  events: readonly SemanticEvent[],\n  opts: CompileOptions = {},\n): Storyboard {\n  const title = opts.title ?? 'Agent run'\n  const maxScenes = opts.maxScenes ?? 16\n\n  // The first user turn is the premise — it frames the title card rather than\n  // being shown twice, so it's excluded from the action selection below.\n  const taskEvent = events.find((e) => e.kind === 'understood_task')\n\n  const indexed = events.filter((ev) => ev.kind !== 'understood_task').map((ev, i) => ({ ev, i }))\n  const mustKeep = indexed.filter(({ ev }) => ev.importance >= 4)\n  const rest = indexed\n    .filter(({ ev }) => ev.importance < 4)\n    .sort((a, b) => b.ev.importance - a.ev.importance || a.i - b.i)\n  const budget = Math.max(0, maxScenes - mustKeep.length)\n  const selected = [...mustKeep, ...rest.slice(0, budget)].sort((a, b) => a.i - b.i)\n\n  const actionScenes: Scene[] = selected.map(({ ev }) => ({\n    sceneType: KIND_TO_SCENE[ev.kind],\n    title: ev.title,\n    narration: ev.summary,\n    visual: ev.visual,\n    durationMs: DURATION_BY_IMPORTANCE[ev.importance],\n    evidenceSpanIds: ev.evidenceSpanIds,\n  }))\n\n  const failures = events.filter((e) => e.kind === 'observed_failure').length\n  const edits = events.filter((e) => e.kind === 'edited_code').length\n  const commands = events.filter((e) => e.kind === 'ran_command').length\n  const summaryNarration =\n    `${events.length} moments · ${commands} command${commands === 1 ? '' : 's'} · ` +\n    `${edits} edit${edits === 1 ? '' : 's'} · ${failures} failure${failures === 1 ? '' : 's'}`\n\n  const scenes: Scene[] = [\n    {\n      sceneType: 'title_card',\n      title,\n      narration: taskEvent ? taskEvent.summary : 'The agent receives its task.',\n      visual: taskEvent ? taskEvent.visual : { type: 'none' },\n      durationMs: 3000,\n      evidenceSpanIds: taskEvent ? taskEvent.evidenceSpanIds : [],\n    },\n    ...actionScenes,\n    {\n      sceneType: 'summary',\n      title: failures > 0 ? 'Finished — with failures' : 'Finished',\n      narration: summaryNarration,\n      visual: { type: 'none' },\n      durationMs: 4000,\n      evidenceSpanIds: [],\n    },\n  ]\n  return { title, totalMs: scenes.reduce((s, sc) => s + sc.durationMs, 0), scenes }\n}\n\n// ── Renderers (pure string out) ─────────────────────────────────────────────\n\nconst SCENE_ICON: Record<SceneType, string> = {\n  title_card: '🎬',\n  prompt: '💬',\n  reply: '🤖',\n  reasoning: '🧠',\n  terminal: '⌨️',\n  file: '📄',\n  diff: '✏️',\n  search: '🔎',\n  browser: '🌐',\n  computer: '🖥️',\n  api: '🔌',\n  tool: '🔧',\n  eval: '⚖️',\n  error: '❌',\n  summary: '🏁',\n}\n\nfunction mmss(ms: number): string {\n  const s = Math.round(ms / 1000)\n  return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, '0')}`\n}\n\nfunction truncate(s: string, max: number): string {\n  return s.length <= max ? s : `${s.slice(0, Math.max(0, max - 1))}…`\n}\n\n/** A short modality tag for the markdown shot list. */\nfunction visualMarkdown(v: SceneVisual): string {\n  switch (v.type) {\n    case 'screenshot':\n      return `🖼 screenshot (${truncate(v.src, 60)})`\n    case 'browser':\n      return `🌐 ${v.action ?? 'browser'}${v.url ? ` → ${v.url}` : ''}${v.screenshot ? ' [screenshot]' : ''}`\n    case 'diff':\n      return `\\n\\n\\`\\`\\`diff\\n${truncate(v.patch, 600)}\\n\\`\\`\\`${v.path ? `\\n_${v.path}_` : ''}`\n    case 'code':\n      return `\\n\\n\\`\\`\\`\\n${truncate(v.content, 500)}\\n\\`\\`\\`${v.path ? `\\n_${v.path}_` : ''}`\n    case 'terminal':\n      return `\\n\\n\\`\\`\\`sh\\n$ ${v.command}${v.output ? `\\n${truncate(v.output, 500)}` : ''}\\n\\`\\`\\``\n    case 'api':\n      return `🔌 ${v.method ?? 'CALL'} ${v.url}${v.status != null ? ` → ${v.status}` : ''}`\n    case 'prose':\n      return `\\n\\n> ${truncate(v.text, 400).replace(/\\n/g, '\\n> ')}`\n    default:\n      return ''\n  }\n}\n\n/** Build the (escaped, structured) HTML for a scene's visual. We never inject\n *  raw agent markup — every text part is escaped; only image `src` (data/http)\n *  is passed through as an attribute. */\nfunction visualHtml(v: SceneVisual): string {\n  switch (v.type) {\n    case 'screenshot':\n      return `<img class=\"shot\" src=\"${escapeHtml(v.src)}\" alt=\"screenshot\" loading=\"lazy\"/>`\n    case 'browser': {\n      const bar = `<div class=\"urlbar\">${escapeHtml(v.url ?? v.action ?? 'browser')}</div>`\n      const body = isImageSrc(v.screenshot)\n        ? `<img class=\"shot\" src=\"${escapeHtml(v.screenshot)}\" alt=\"page\" loading=\"lazy\"/>`\n        : `<div class=\"browser-action\">${escapeHtml(v.action ?? 'navigated')}</div>`\n      return `<div class=\"browser\">${bar}${body}</div>`\n    }\n    case 'diff': {\n      const lines = v.patch.split('\\n').map((l) => {\n        const cls = l.startsWith('+') ? 'add' : l.startsWith('-') ? 'del' : ''\n        return `<span class=\"${cls}\">${escapeHtml(l)}</span>`\n      })\n      return `${v.path ? `<div class=\"pathhdr\">${escapeHtml(v.path)}</div>` : ''}<pre class=\"diff\">${lines.join('\\n')}</pre>`\n    }\n    case 'code':\n      return `${v.path ? `<div class=\"pathhdr\">${escapeHtml(v.path)}</div>` : ''}<pre class=\"code\">${escapeHtml(v.content)}</pre>`\n    case 'terminal':\n      return `<pre class=\"term\"><span class=\"cmd\">$ ${escapeHtml(v.command)}</span>${v.output ? `\\n${escapeHtml(v.output)}` : ''}</pre>`\n    case 'api': {\n      const badge = `<span class=\"method\">${escapeHtml(v.method ?? 'CALL')}</span> <span class=\"url\">${escapeHtml(v.url)}</span>${v.status != null ? ` <span class=\"status s${Math.floor(v.status / 100)}\">${v.status}</span>` : ''}`\n      const req = v.request\n        ? `<div class=\"kv\"><b>req</b><pre>${escapeHtml(v.request)}</pre></div>`\n        : ''\n      const res = v.response\n        ? `<div class=\"kv\"><b>res</b><pre>${escapeHtml(v.response)}</pre></div>`\n        : ''\n      return `<div class=\"api\"><div class=\"apihdr\">${badge}</div>${req}${res}</div>`\n    }\n    case 'prose':\n      return `<div class=\"prose\">${escapeHtml(v.text)}</div>`\n    default:\n      return ''\n  }\n}\n\n/** Render the storyboard as a Markdown timeline — the human-readable shot list. */\nexport function renderStoryboardMarkdown(storyboard: Storyboard): string {\n  const out: string[] = [\n    `# 🎬 ${storyboard.title}`,\n    '',\n    `_${storyboard.scenes.length} scenes · ${mmss(storyboard.totalMs)} replay_`,\n    '',\n  ]\n  let elapsed = 0\n  for (const sc of storyboard.scenes) {\n    out.push(`### [${mmss(elapsed)}] ${SCENE_ICON[sc.sceneType]} ${sc.title}`)\n    out.push('')\n    out.push(sc.narration)\n    const vm = visualMarkdown(sc.visual)\n    if (vm) out.push(vm)\n    if (sc.evidenceSpanIds.length > 0) {\n      out.push('')\n      out.push(`_evidence: ${sc.evidenceSpanIds.length} span(s)_`)\n    }\n    out.push('')\n    elapsed += sc.durationMs\n  }\n  return out.join('\\n')\n}\n\nexport interface HtmlRenderOptions {\n  /** Document title + on-page heading. Defaults to the storyboard title. */\n  title?: string\n}\n\n/**\n * Render the storyboard as a self-contained, auto-playing HTML replay — one\n * shareable file, no build step, no external assets. Each scene animates in\n * for its duration and SHOWS its modality (screenshot / diff / terminal / API\n * / browser / prose); controls let a viewer scrub. This is the \"free clip\" a\n * run produces; an MP4 is the same storyboard fed to Remotion in a consumer.\n */\nexport function renderStoryboardHtml(storyboard: Storyboard, opts: HtmlRenderOptions = {}): string {\n  const docTitle = opts.title ?? storyboard.title\n  // Pre-render each scene's visual to safe HTML here (testable, escaped); the\n  // player just sets innerHTML. `<` is escaped in the JSON so a payload can't\n  // break out of the <script> tag.\n  const scenesJson = JSON.stringify(\n    storyboard.scenes.map((s) => ({\n      icon: SCENE_ICON[s.sceneType],\n      type: s.sceneType,\n      title: s.title,\n      narration: s.narration,\n      durationMs: s.durationMs,\n      evidence: s.evidenceSpanIds.length,\n      visual: visualHtml(s.visual),\n    })),\n  ).replace(/</g, '\\\\u003c')\n\n  return `<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>${escapeHtml(docTitle)}</title>\n<style>\n  :root { color-scheme: dark; }\n  * { box-sizing: border-box; }\n  body { margin: 0; font: 16px/1.5 ui-sans-serif, system-ui, -apple-system, sans-serif;\n    background: #0b0f17; color: #e6edf3; display: flex; min-height: 100vh; align-items: center; justify-content: center; }\n  .stage { width: min(900px, 95vw); }\n  h1 { font-size: 1.1rem; font-weight: 600; color: #9aa7b5; margin: 0 0 14px; letter-spacing: .02em; }\n  .card { background: #111824; border: 1px solid #1e2a3a; border-radius: 14px; padding: 24px 28px;\n    min-height: 300px; box-shadow: 0 12px 40px rgba(0,0,0,.45); position: relative; overflow: hidden; }\n  .card::before { content: \"\"; position: absolute; inset: 0 0 auto 0; height: 3px; background: var(--accent, #3b82f6); }\n  .head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }\n  .icon { font-size: 2rem; line-height: 1; }\n  .title { font-size: 1.3rem; font-weight: 650; }\n  .narration { color: #9fb0c0; font-size: .95rem; margin-bottom: 14px; }\n  .visual { margin-top: 6px; }\n  .visual img.shot { max-width: 100%; max-height: 360px; border-radius: 8px; border: 1px solid #1e2a3a; display: block; }\n  .visual pre { background: #0a0e15; border: 1px solid #1e2a3a; border-radius: 8px; padding: 12px 14px;\n    overflow: auto; max-height: 340px; font: 13px/1.5 ui-monospace, \"SF Mono\", Menlo, monospace; white-space: pre-wrap; word-break: break-word; }\n  .pathhdr { font: 12px ui-monospace, monospace; color: #7d8da0; margin-bottom: 4px; }\n  .diff .add { color: #56d364; } .diff .del { color: #f85149; }\n  .term .cmd { color: #eab308; }\n  .browser { border: 1px solid #1e2a3a; border-radius: 8px; overflow: hidden; }\n  .urlbar { background: #0a0e15; padding: 7px 12px; font: 12px ui-monospace, monospace; color: #8b98a6; border-bottom: 1px solid #1e2a3a; }\n  .browser-action { padding: 28px; color: #9fb0c0; text-align: center; }\n  .api .apihdr { font: 13px ui-monospace, monospace; margin-bottom: 8px; }\n  .method { background: #1b2636; padding: 2px 8px; border-radius: 5px; color: #79c0ff; }\n  .status.s2 { color: #56d364; } .status.s4, .status.s5 { color: #f85149; }\n  .kv { margin-top: 6px; } .kv b { color: #7d8da0; font-weight: 600; font-size: 12px; }\n  .prose { color: #c9d4e0; font-size: 1rem; white-space: pre-wrap; max-height: 340px; overflow: auto; }\n  .type-error { --accent: #ef4444; } .type-diff { --accent: #22c55e; } .type-terminal { --accent: #eab308; }\n  .type-browser { --accent: #06b6d4; } .type-computer { --accent: #14b8a6; } .type-api { --accent: #79c0ff; }\n  .type-summary { --accent: #a855f7; } .type-title_card { --accent: #3b82f6; }\n  .type-prompt { --accent: #f59e0b; } .type-reply { --accent: #10b981; }\n  .scene-enter { animation: pop .45s cubic-bezier(.2,.7,.3,1.2); }\n  @keyframes pop { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }\n  .bar { height: 4px; background: #1e2a3a; border-radius: 4px; margin-top: 14px; overflow: hidden; }\n  .bar > i { display: block; height: 100%; width: 0; background: var(--accent, #3b82f6); transition: width .1s linear; }\n  .controls { display: flex; gap: 10px; align-items: center; margin-top: 14px; color: #8b98a6; font-size: .85rem; }\n  button { background: #1b2636; color: #e6edf3; border: 1px solid #2a3a4f; border-radius: 8px; padding: 6px 12px; cursor: pointer; font: inherit; }\n  button:hover { background: #243349; }\n  .dots { display: flex; gap: 5px; margin-left: auto; flex-wrap: wrap; }\n  .dot { width: 7px; height: 7px; border-radius: 50%; background: #2a3a4f; cursor: pointer; }\n  .dot.on { background: var(--accent, #3b82f6); }\n</style>\n</head>\n<body>\n<div class=\"stage\">\n  <h1>🎬 ${escapeHtml(docTitle)}</h1>\n  <div class=\"card\" id=\"card\">\n    <div class=\"head\"><span class=\"icon\" id=\"icon\"></span><span class=\"title\" id=\"title\"></span></div>\n    <div class=\"narration\" id=\"narration\"></div>\n    <div class=\"visual\" id=\"visual\"></div>\n    <div class=\"bar\"><i id=\"fill\"></i></div>\n  </div>\n  <div class=\"controls\">\n    <button id=\"playPause\">⏸ Pause</button>\n    <button id=\"prev\">◀ Prev</button>\n    <button id=\"next\">Next ▶</button>\n    <span id=\"counter\"></span>\n    <span class=\"dots\" id=\"dots\"></span>\n  </div>\n</div>\n<script>\n  const SCENES = ${scenesJson};\n  let i = 0, playing = true, raf = 0, start = 0;\n  const card = document.getElementById('card'), counter = document.getElementById('counter'), dotsEl = document.getElementById('dots');\n  SCENES.forEach((_, k) => { const d = document.createElement('span'); d.className = 'dot'; d.onclick = () => go(k); dotsEl.appendChild(d); });\n  function paint() {\n    const s = SCENES[i];\n    card.className = 'card scene-enter type-' + s.type;\n    document.getElementById('icon').textContent = s.icon;\n    document.getElementById('title').textContent = s.title;\n    document.getElementById('narration').textContent = s.narration;\n    document.getElementById('visual').innerHTML = s.visual || '';\n    counter.textContent = (i + 1) + ' / ' + SCENES.length;\n    [...dotsEl.children].forEach((d, k) => d.className = 'dot' + (k === i ? ' on' : ''));\n    void card.offsetWidth;\n  }\n  function tick(t) {\n    if (!start) start = t;\n    const s = SCENES[i], p = Math.min(1, (t - start) / s.durationMs);\n    document.getElementById('fill').style.width = (p * 100) + '%';\n    if (p >= 1) { if (i < SCENES.length - 1) { go(i + 1); } else { playing = false; updateBtn(); return; } }\n    if (playing) raf = requestAnimationFrame(tick);\n  }\n  function go(n) { i = Math.max(0, Math.min(SCENES.length - 1, n)); start = 0; cancelAnimationFrame(raf); paint(); if (playing) raf = requestAnimationFrame(tick); }\n  function updateBtn() { document.getElementById('playPause').textContent = playing ? '⏸ Pause' : '▶ Play'; }\n  document.getElementById('playPause').onclick = () => { playing = !playing; updateBtn(); start = 0; if (playing) raf = requestAnimationFrame(tick); else cancelAnimationFrame(raf); };\n  document.getElementById('next').onclick = () => go(i + 1);\n  document.getElementById('prev').onclick = () => go(i - 1);\n  paint(); raf = requestAnimationFrame(tick);\n</script>\n</body>\n</html>\n`\n}\n\n// The \"watch the agent write code\" keystroke animation + the CodeEdit IR a\n// Remotion consumer reads. Composes with this pipeline: a 'diff' scene shows an\n// inline card here; renderCodeAnimationHtml types the whole file out there.\nexport { editAnimationText, extractCodeEdits, renderCodeAnimationHtml } from './code-edit'\nexport type { CodeAnimationOptions, CodeEdit } from './code-edit'\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/storyboard/code-edit.ts","../../src/storyboard/index.ts"],"sourcesContent":["/**\n * Code-edit extraction + the \"watch the agent write code\" animation.\n *\n * The base storyboard (./index) compresses a run into scenes but keeps scenes\n * payload-free (title + narration + evidence span ids). To actually SHOW the\n * code an agent wrote, this module pulls the concrete edit (path, diff,\n * before/after, language) out of the raw edit-tool spans and renders a\n * self-contained HTML replay that types each file out, character by character,\n * like an editor recording.\n *\n * Additive on purpose: it reuses the canonical `Span` (trace/schema) and the\n * `Storyboard` IR (./index) without modifying the reducer/compiler — so it\n * composes with the existing pipeline and a Remotion consumer can read the same\n * `CodeEdit[]` to render an MP4.\n */\n\nimport type { Span } from '../trace/schema'\n\n\nconst EDIT_TOOLS =\n  /(edit|write|patch|apply|str_replace|create.*file|save|insert|update.*file|multi_edit)/i\n\n/** A concrete code change lifted from a tool span. */\nexport interface CodeEdit {\n  /** Span the edit came from — back-reference into the trace. */\n  spanId: string\n  path: string\n  language?: string\n  /** Unified diff, when the tool carried one. */\n  diff?: string\n  /** Full file body before / after, when present — enables true keystroke\n   *  animation rather than only flashing a diff. */\n  before?: string\n  after?: string\n  additions: number\n  deletions: number\n  startedAt: number\n}\n\nfunction languageOf(path: string): string | undefined {\n  const ext = path.includes('.') ? path.split('.').pop()?.toLowerCase() : undefined\n  if (!ext) return undefined\n  const map: Record<string, string> = {\n    ts: 'ts',\n    tsx: 'tsx',\n    js: 'js',\n    jsx: 'jsx',\n    mjs: 'js',\n    cjs: 'js',\n    py: 'python',\n    rs: 'rust',\n    go: 'go',\n    sol: 'solidity',\n    java: 'java',\n    rb: 'ruby',\n    php: 'php',\n    c: 'c',\n    cpp: 'cpp',\n    cs: 'csharp',\n    css: 'css',\n    scss: 'scss',\n    html: 'html',\n    json: 'json',\n    yaml: 'yaml',\n    yml: 'yaml',\n    toml: 'toml',\n    md: 'markdown',\n    sh: 'bash',\n    sql: 'sql',\n  }\n  return map[ext] ?? ext\n}\n\nfunction pick(obj: unknown, keys: string[]): string | undefined {\n  if (!obj || typeof obj !== 'object') return undefined\n  const rec = obj as Record<string, unknown>\n  for (const k of Object.keys(rec)) {\n    if (keys.includes(k.toLowerCase())) {\n      const v = rec[k]\n      if (typeof v === 'string') return v\n    }\n  }\n  return undefined\n}\n\nfunction countDiff(diff?: string): { additions: number; deletions: number } {\n  if (!diff) return { additions: 0, deletions: 0 }\n  let additions = 0\n  let deletions = 0\n  for (const line of diff.split('\\n')) {\n    if (line.startsWith('+') && !line.startsWith('+++')) additions++\n    else if (line.startsWith('-') && !line.startsWith('---')) deletions++\n  }\n  return { additions, deletions }\n}\n\n/** Extract a CodeEdit from a single span, or undefined if it is not an edit. */\nfunction codeEditFromSpan(span: Span): CodeEdit | undefined {\n  if (span.kind !== 'tool') return undefined\n  const tool = span as Extract<Span, { kind: 'tool' }>\n  if (!EDIT_TOOLS.test(tool.toolName)) return undefined\n  const path = pick(tool.args, ['path', 'file_path', 'filepath', 'filename', 'file'])\n  if (!path) return undefined\n  const diff = pick(tool.args, ['diff', 'patch'])\n  const after = pick(tool.args, ['content', 'new_str', 'new_string', 'newtext', 'text', 'body'])\n  const before = pick(tool.args, ['old_str', 'old_string', 'oldtext', 'original'])\n  const counts = countDiff(diff)\n  return {\n    spanId: span.spanId,\n    path,\n    language: languageOf(path),\n    diff,\n    before,\n    after,\n    additions: diff ? counts.additions : after ? after.split('\\n').length : 0,\n    deletions: diff ? counts.deletions : 0,\n    startedAt: span.startedAt,\n  }\n}\n\n/** All code edits in a run, in chronological order. */\nexport function extractCodeEdits(spans: readonly Span[]): CodeEdit[] {\n  return spans\n    .map(codeEditFromSpan)\n    .filter((e): e is CodeEdit => e != null)\n    .sort((a, b) => a.startedAt - b.startedAt)\n}\n\n\n\n/** The text the animation types for an edit: prefer the full new file body,\n *  then the added lines of a diff, then a minimal placeholder so the scene is\n *  never blank. */\nexport function editAnimationText(edit: CodeEdit): string {\n  if (edit.after?.trim()) return edit.after\n  if (edit.diff) {\n    const added = edit.diff\n      .split('\\n')\n      .filter((l) => l.startsWith('+') && !l.startsWith('+++'))\n      .map((l) => l.slice(1))\n      .join('\\n')\n    if (added.trim()) return added\n  }\n  return `// ${edit.path}\\n// (${edit.additions} line${edit.additions === 1 ? '' : 's'} written)`\n}\n\nfunction esc(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')\n}\n\nexport interface CodeAnimationOptions {\n  /** Page title. Default \"Agent writing code\". */\n  title?: string\n  /** Characters typed per animation tick. Higher = faster. Default 4. */\n  charsPerTick?: number\n  /** Pause between files, ms. Default 900. */\n  pauseBetweenMs?: number\n}\n\n/**\n * Render a self-contained HTML page that animates the agent writing each file,\n * character by character, with a filename tab, line numbers, and a blinking\n * cursor — the shareable \"watch it build\" clip. No build step, no assets, no\n * deps. The same `CodeEdit[]` feeds a Remotion MP4 renderer in a consumer\n * package; this is the dependency-free baseline.\n */\nexport function renderCodeAnimationHtml(\n  source: readonly Span[] | readonly CodeEdit[],\n  opts: CodeAnimationOptions = {},\n): string {\n  const edits: CodeEdit[] =\n    source.length > 0 && 'path' in (source[0] as object)\n      ? (source as CodeEdit[])\n      : extractCodeEdits(source as readonly Span[])\n\n  const files = edits.map((e) => ({\n    path: e.path,\n    language: e.language ?? '',\n    additions: e.additions,\n    deletions: e.deletions,\n    code: editAnimationText(e),\n  }))\n  const title = opts.title ?? 'Agent writing code'\n  const charsPerTick = opts.charsPerTick ?? 4\n  const pauseBetweenMs = opts.pauseBetweenMs ?? 900\n  const filesJson = JSON.stringify(files)\n\n  return `<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>${esc(title)}</title>\n<style>\n  :root { color-scheme: dark; }\n  * { box-sizing: border-box; }\n  body { margin: 0; background: #0b0f17; color: #e6edf3;\n    font: 14px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n    display: flex; flex-direction: column; min-height: 100vh; align-items: center; justify-content: center; gap: 14px; }\n  h1 { font-family: ui-sans-serif, system-ui, sans-serif; font-size: 1rem; font-weight: 600; color: #9aa7b5; margin: 0; }\n  .editor { width: min(900px, 94vw); background: #0d1320; border: 1px solid #1e2a3a; border-radius: 12px;\n    overflow: hidden; box-shadow: 0 16px 50px rgba(0,0,0,.5); }\n  .tabbar { display: flex; align-items: center; gap: 8px; background: #111a29; padding: 9px 14px; border-bottom: 1px solid #1e2a3a; }\n  .dot { width: 11px; height: 11px; border-radius: 50%; }\n  .dot.r { background: #ff5f56; } .dot.y { background: #ffbd2e; } .dot.g { background: #27c93f; }\n  .tab { margin-left: 10px; background: #0d1320; padding: 5px 12px; border-radius: 7px 7px 0 0;\n    color: #cdd9e5; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .85rem; }\n  .lang { color: #5b6b7d; font-size: .75rem; margin-left: 6px; }\n  .adds { margin-left: auto; color: #3fb950; font-size: .78rem; font-family: ui-sans-serif, system-ui, sans-serif; }\n  .dels { color: #f85149; margin-left: 8px; }\n  .codewrap { display: flex; max-height: 60vh; overflow: auto; }\n  .gutter { padding: 14px 10px 14px 14px; text-align: right; color: #3a4757; user-select: none; white-space: pre; }\n  pre { margin: 0; padding: 14px 18px 14px 6px; white-space: pre; tab-size: 2; flex: 1; }\n  .cursor { display: inline-block; width: 8px; margin-left: 1px; background: #58a6ff; animation: blink .9s steps(1) infinite; }\n  @keyframes blink { 50% { opacity: 0; } }\n  .controls { display: flex; gap: 10px; align-items: center; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .85rem; color: #8b98a6; }\n  button { background: #1b2636; color: #e6edf3; border: 1px solid #2a3a4f; border-radius: 8px; padding: 6px 12px; cursor: pointer; font: inherit; }\n  button:hover { background: #243349; }\n  .empty { padding: 40px; color: #5b6b7d; }\n</style>\n</head>\n<body>\n  <h1>✏️ ${esc(title)}</h1>\n  <div class=\"editor\">\n    <div class=\"tabbar\">\n      <span class=\"dot r\"></span><span class=\"dot y\"></span><span class=\"dot g\"></span>\n      <span class=\"tab\" id=\"tab\">—</span><span class=\"lang\" id=\"lang\"></span>\n      <span class=\"adds\" id=\"adds\"></span>\n    </div>\n    <div class=\"codewrap\"><div class=\"gutter\" id=\"gutter\">1</div><pre id=\"code\"></pre></div>\n  </div>\n  <div class=\"controls\">\n    <button id=\"pp\">⏸ Pause</button><button id=\"restart\">↻ Restart</button>\n    <span id=\"counter\"></span>\n  </div>\n<script>\n  const FILES = ${filesJson};\n  const CPT = ${charsPerTick}, PAUSE = ${pauseBetweenMs};\n  const codeEl = document.getElementById('code'), gutterEl = document.getElementById('gutter');\n  const tabEl = document.getElementById('tab'), langEl = document.getElementById('lang');\n  const addsEl = document.getElementById('adds'), counterEl = document.getElementById('counter');\n  let fi = 0, ci = 0, playing = true, raf = 0, paused = false;\n  if (!FILES.length) { codeEl.innerHTML = '<span class=\"empty\">No code edits in this run.</span>'; }\n  function esc(s){return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');}\n  function setHeader(){ const f = FILES[fi]; tabEl.textContent = f.path; langEl.textContent = f.language || '';\n    addsEl.innerHTML = '+' + f.additions + (f.deletions ? ' <span class=\"dels\">-' + f.deletions + '</span>' : '');\n    counterEl.textContent = (fi+1) + ' / ' + FILES.length + ' files'; }\n  function paint(){ const f = FILES[fi]; const shown = f.code.slice(0, ci);\n    const lines = (shown.match(/\\\\n/g) || []).length + 1;\n    gutterEl.textContent = Array.from({length: lines}, (_, k) => k+1).join('\\\\n');\n    codeEl.innerHTML = esc(shown) + '<span class=\"cursor\">&nbsp;</span>';\n    const wrap = codeEl.parentElement; wrap.scrollTop = wrap.scrollHeight; }\n  function tick(){ if (paused || !FILES.length) return;\n    const f = FILES[fi];\n    if (ci < f.code.length){ ci = Math.min(f.code.length, ci + CPT); paint(); raf = requestAnimationFrame(tick); }\n    else if (fi < FILES.length - 1){ setTimeout(() => { fi++; ci = 0; setHeader(); paint(); raf = requestAnimationFrame(tick); }, PAUSE); }\n    else { playing = false; document.getElementById('pp').textContent = '▶ Play'; } }\n  document.getElementById('pp').onclick = () => { if (!playing){ playing = true; paused = false; tick(); } else { paused = !paused; if (!paused) tick(); } document.getElementById('pp').textContent = paused ? '▶ Play' : '⏸ Pause'; };\n  document.getElementById('restart').onclick = () => { fi = 0; ci = 0; playing = true; paused = false; document.getElementById('pp').textContent = '⏸ Pause'; setHeader(); paint(); cancelAnimationFrame(raf); tick(); };\n  if (FILES.length){ setHeader(); paint(); tick(); }\n</script>\n</body>\n</html>\n`\n}\n","/**\n * Storyboard — compile a raw agent trace into a small set of meaningful scenes,\n * then render them as a shareable, watchable replay.\n *\n *   Span[] → SemanticEvent[] → Storyboard{scenes} → { markdown | html }\n *\n * The trace is the source of truth; the storyboard is the IR; markdown/html\n * (and, in a consumer package, Remotion/MP4) are compiled targets. Everything\n * here is PURE — same spans in, same bytes out (no clock/random) — so a run's\n * replay is deterministic and diffable.\n *\n * Crucially, every scene carries a modality-typed VISUAL extracted from the\n * span — a browser/computer screenshot, a code diff, a terminal command +\n * output, file content, an API request/response, or reasoning prose — so no\n * matter what the agent did, the replay SHOWS it, not just narrates it. The\n * reducer is rules-based; an LLM pass can refine titles/summaries later, but\n * the structure + visuals do not depend on one. Renderers that need a browser\n * (Remotion, React) live in consumers; this module only emits strings.\n */\n\nimport { escapeHtml } from '../reporting-html'\nimport type { Span } from '../trace/schema'\n\n/** What the agent meaningfully did — the compressed vocabulary. */\nexport type SemanticKind =\n  | 'understood_task'\n  | 'user_message'\n  | 'agent_reply'\n  | 'reasoned'\n  | 'ran_command'\n  | 'read_file'\n  | 'edited_code'\n  | 'searched'\n  | 'used_browser'\n  | 'used_computer'\n  | 'called_api'\n  | 'called_tool'\n  | 'evaluated'\n  | 'observed_failure'\n  | 'completed'\n\n/** The modality-typed payload a scene shows. This is what makes any agent\n *  action — screen, browser, shell, code, API — actually viewable. */\nexport type SceneVisual =\n  | { type: 'screenshot'; src: string; caption?: string }\n  | { type: 'browser'; url?: string; action?: string; screenshot?: string }\n  | { type: 'diff'; path: string; patch: string }\n  | { type: 'code'; path: string; content: string }\n  | { type: 'terminal'; command: string; output?: string }\n  | {\n      type: 'api'\n      method?: string\n      url: string\n      status?: number\n      request?: string\n      response?: string\n    }\n  | { type: 'prose'; text: string }\n  | { type: 'none' }\n\nexport interface SemanticEvent {\n  kind: SemanticKind\n  /** One-line headline (the ticket/scene title). */\n  title: string\n  /** Short human summary. */\n  summary: string\n  /** The modality payload to show for this moment. */\n  visual: SceneVisual\n  /** Span ids backing this moment — the evidence trail. */\n  evidenceSpanIds: string[]\n  /** 1 (noise) … 5 (pivotal: failures, edits). Drives selection + duration. */\n  importance: 1 | 2 | 3 | 4 | 5\n  startTs: number\n  endTs: number\n}\n\nexport interface ReduceOptions {\n  /** Collapse adjacent same-kind moments into one. Default true. */\n  collapseAdjacent?: boolean\n}\n\n// ── Modality extraction ─────────────────────────────────────────────────────\n\nfunction str(v: unknown): string | undefined {\n  return typeof v === 'string' && v.length > 0 ? v : undefined\n}\n\nfunction num(v: unknown): number | undefined {\n  return typeof v === 'number' ? v : undefined\n}\n\nfunction attr(span: Span, ...keys: string[]): unknown {\n  const a = span.attributes as Record<string, unknown> | undefined\n  if (!a) return undefined\n  for (const k of keys) if (a[k] != null) return a[k]\n  return undefined\n}\n\nfunction asObj(v: unknown): Record<string, unknown> | undefined {\n  return v && typeof v === 'object' && !Array.isArray(v)\n    ? (v as Record<string, unknown>)\n    : undefined\n}\n\nfunction safeJson(v: unknown): string | undefined {\n  if (v == null) return undefined\n  if (typeof v === 'string') return v\n  try {\n    return JSON.stringify(v, null, 2)\n  } catch {\n    return String(v)\n  }\n}\n\n/** Is this string an embeddable image (data URI or http URL)? */\nfunction isImageSrc(s: string | undefined): s is string {\n  return !!s && (s.startsWith('data:image') || /^https?:\\/\\//.test(s))\n}\n\n/** Pull the modality-appropriate visual out of whatever the span carries.\n *  Conventions (checked in priority order): an image rides on\n *  `attributes.screenshot|image|frame|videoFrame` or `result.screenshot`; a\n *  diff on `attributes.diff|patch` or `args.diff`; a command on `args` /\n *  `args.command`; an API call on a `url`/`method` in args; file content on\n *  `result`. Unknown tools degrade to an args/result inspector. */\nfunction extractVisual(span: Span): SceneVisual {\n  const shot =\n    str(attr(span, 'screenshot', 'screenshotUrl', 'image', 'frame', 'videoFrame')) ??\n    (span.kind === 'tool'\n      ? (str(asObj(span.result)?.screenshot) ?? str(asObj(span.result)?.image))\n      : undefined)\n\n  if (span.kind === 'tool') {\n    const tn = span.toolName.toLowerCase()\n    const a = asObj(span.args)\n    // computer use (GUI / desktop control)\n    if (/computer|cua|desktop|\\bgui\\b|xdotool|mouse|keyboard|screen_|pyautogui/.test(tn)) {\n      return {\n        type: 'browser',\n        action: str(a?.action) ?? span.toolName,\n        url: str(a?.target),\n        screenshot: shot,\n      }\n    }\n    // browser use\n    if (\n      /browser|playwright|puppeteer|\\bpage\\b|navigate|goto|\\bclick\\b|\\btype\\b|screenshot|dom/.test(\n        tn,\n      )\n    ) {\n      return {\n        type: 'browser',\n        url: str(a?.url) ?? str(attr(span, 'url')),\n        action: str(a?.action) ?? str(a?.selector) ?? span.toolName,\n        screenshot: shot,\n      }\n    }\n    // code edit → diff\n    const diff = str(attr(span, 'diff', 'patch')) ?? str(a?.diff) ?? str(a?.patch)\n    if (diff && /edit|write|patch|apply|str_replace|create|save|file/.test(tn)) {\n      return {\n        type: 'diff',\n        path: str(a?.path) ?? str(a?.file) ?? str(attr(span, 'path')) ?? '',\n        patch: truncate(diff, 2000),\n      }\n    }\n    if (/edit|write|patch|apply|str_replace/.test(tn)) {\n      const newText = str(a?.new_str) ?? str(a?.content) ?? str(a?.text)\n      return {\n        type: 'diff',\n        path: str(a?.path) ?? str(a?.file) ?? '',\n        patch: newText ? `+ ${truncate(newText, 1600)}` : '(no diff captured)',\n      }\n    }\n    // file read → code\n    if (/read|\\bcat\\b|open|view|get_file|load|fetch_file/.test(tn)) {\n      const content =\n        str(asObj(span.result)?.content) ??\n        (typeof span.result === 'string' ? span.result : undefined) ??\n        str(attr(span, 'content'))\n      return {\n        type: 'code',\n        path: str(a?.path) ?? str(a?.file) ?? '',\n        content: truncate(content ?? '', 1400),\n      }\n    }\n    // search\n    if (/search|grep|find|glob|query/.test(tn)) {\n      return {\n        type: 'terminal',\n        command: `search ${str(a?.query) ?? str(a?.pattern) ?? ''}`.trim(),\n        output: truncate(safeJson(span.result) ?? '', 1000),\n      }\n    }\n    // api / http / network\n    const url = str(a?.url) ?? str(attr(span, 'url'))\n    if (url || /http|\\bapi\\b|fetch|request|webhook|rest|graphql|endpoint/.test(tn)) {\n      return {\n        type: 'api',\n        method: str(a?.method) ?? str(attr(span, 'method')),\n        url: url ?? span.toolName,\n        status: num(attr(span, 'status', 'statusCode')) ?? num(asObj(span.result)?.status),\n        request: truncate(str(a?.body) ?? safeJson(span.args) ?? '', 900),\n        response: truncate(str(attr(span, 'response')) ?? safeJson(span.result) ?? '', 900),\n      }\n    }\n    // shell / sandbox exec\n    if (/shell|exec|bash|\\brun\\b|terminal|command|sandbox|process/.test(tn)) {\n      const command =\n        typeof span.args === 'string'\n          ? span.args\n          : (str(a?.command) ?? str(a?.cmd) ?? span.toolName)\n      const output =\n        str(attr(span, 'output', 'stdout')) ??\n        (typeof span.result === 'string' ? span.result : safeJson(span.result))\n      return {\n        type: 'terminal',\n        command: truncate(command, 240),\n        output: truncate(output ?? '', 1400),\n      }\n    }\n    // generic tool — show the call\n    return {\n      type: 'api',\n      url: span.toolName,\n      request: truncate(safeJson(span.args) ?? '', 900),\n      response: truncate(safeJson(span.result) ?? '', 900),\n    }\n  }\n\n  if (isImageSrc(shot)) return { type: 'screenshot', src: shot }\n  if (span.kind === 'llm') {\n    const text = str(span.output) ?? str(span.messages?.[span.messages.length - 1]?.content)\n    return text ? { type: 'prose', text: truncate(text, 900) } : { type: 'none' }\n  }\n  if (span.kind === 'sandbox')\n    return { type: 'terminal', command: span.name, output: str(attr(span, 'output')) }\n  return { type: 'none' }\n}\n\n// ── Classification ──────────────────────────────────────────────────────────\n\ninterface Classified {\n  kind: SemanticKind\n  importance: 1 | 2 | 3 | 4 | 5\n  label: string\n}\n\nfunction toolLabel(span: Span): string {\n  if (span.kind === 'tool') {\n    const a = asObj(span.args)\n    const arg =\n      typeof span.args === 'string'\n        ? span.args\n        : a\n          ? (str(a.path) ??\n            str(a.url) ??\n            str(a.command) ??\n            str(a.query) ??\n            Object.values(a).find((v) => typeof v === 'string'))\n          : undefined\n    return typeof arg === 'string' && arg.length > 0\n      ? `${span.toolName}: ${truncate(arg, 60)}`\n      : span.toolName\n  }\n  return span.name\n}\n\nfunction classify(span: Span): Classified {\n  if (span.status === 'error' || span.error) {\n    return { kind: 'observed_failure', importance: 5, label: span.error ?? span.name }\n  }\n  if (span.kind === 'llm' || span.kind === 'agent')\n    return { kind: 'reasoned', importance: 2, label: span.name }\n  if (span.kind === 'judge') return { kind: 'evaluated', importance: 2, label: span.name }\n  if (span.kind === 'retrieval') return { kind: 'searched', importance: 2, label: span.name }\n  if (span.kind === 'sandbox') return { kind: 'ran_command', importance: 3, label: span.name }\n  if (span.kind === 'tool') {\n    const tn = span.toolName.toLowerCase()\n    const label = toolLabel(span)\n    if (/computer|cua|desktop|\\bgui\\b|xdotool|pyautogui/.test(tn))\n      return { kind: 'used_computer', importance: 3, label }\n    if (/browser|playwright|puppeteer|\\bpage\\b|navigate|goto|\\bclick\\b|screenshot|dom/.test(tn))\n      return { kind: 'used_browser', importance: 3, label }\n    if (/edit|write|patch|apply|str_replace|create.*file|save/.test(tn))\n      return { kind: 'edited_code', importance: 4, label }\n    if (/read|\\bcat\\b|open|view|get.*file|load/.test(tn))\n      return { kind: 'read_file', importance: 2, label }\n    if (/search|grep|find|glob|query/.test(tn)) return { kind: 'searched', importance: 2, label }\n    if (\n      /http|\\bapi\\b|fetch|request|webhook|rest|graphql|endpoint/.test(tn) ||\n      str(asObj(span.args)?.url)\n    ) {\n      return { kind: 'called_api', importance: 3, label }\n    }\n    if (/shell|exec|bash|\\brun\\b|terminal|command|process/.test(tn))\n      return { kind: 'ran_command', importance: 3, label }\n    return { kind: 'called_tool', importance: 3, label }\n  }\n  return { kind: 'called_tool', importance: 2, label: span.name }\n}\n\nconst KIND_VERB: Record<SemanticKind, string> = {\n  understood_task: 'Understood the task',\n  user_message: 'User said',\n  agent_reply: 'Agent replied',\n  reasoned: 'Reasoned',\n  ran_command: 'Ran a command',\n  read_file: 'Read files',\n  edited_code: 'Edited code',\n  searched: 'Searched',\n  used_browser: 'Used the browser',\n  used_computer: 'Controlled the computer',\n  called_api: 'Called an API',\n  called_tool: 'Used a tool',\n  evaluated: 'Evaluated the result',\n  observed_failure: 'Hit a failure',\n  completed: 'Finished',\n}\n\n/** Kinds that must never collapse into a neighbour — each is its own beat:\n *  a failure, and every conversation turn (so the dialogue reads in full). */\nconst STANDALONE_KINDS = new Set<SemanticKind>([\n  'observed_failure',\n  'understood_task',\n  'user_message',\n  'agent_reply',\n])\n\n/** Lift the conversation turns out of an LLM span. The user/assistant text\n *  lives in `LlmSpan.messages` (role:'user'|'assistant') and the new reply in\n *  `output`; the full history repeats across spans, so `seen` dedupes turns to\n *  the first time each is said. The first user turn becomes `understood_task`\n *  (the premise), later user turns `user_message`, assistant text `agent_reply`. */\nfunction conversationEvents(\n  span: Span,\n  seen: Set<string>,\n  state: { sawUser: boolean },\n): SemanticEvent[] {\n  if (span.kind !== 'llm') return []\n  const out: SemanticEvent[] = []\n  const emit = (kind: SemanticKind, text: string, importance: 1 | 2 | 3 | 4 | 5) => {\n    const t = text.trim()\n    if (!t) return\n    const who = kind === 'agent_reply' ? 'a' : 'u'\n    const key = `${who}\\n${t}`\n    if (seen.has(key)) return\n    seen.add(key)\n    const speaker = kind === 'understood_task' ? 'Task' : kind === 'user_message' ? 'User' : 'Agent'\n    out.push({\n      kind,\n      title: `${speaker}: ${truncate(t, 64)}`,\n      summary: truncate(t, 280),\n      visual: { type: 'prose', text: truncate(t, 1200) },\n      evidenceSpanIds: [span.spanId],\n      importance,\n      startTs: span.startedAt,\n      endTs: span.endedAt ?? span.startedAt,\n    })\n  }\n  for (const m of span.messages ?? []) {\n    const content = str(m.content)\n    if (!content) continue\n    if (m.role === 'user') {\n      emit(state.sawUser ? 'user_message' : 'understood_task', content, state.sawUser ? 4 : 5)\n      state.sawUser = true\n    } else if (m.role === 'assistant') {\n      emit('agent_reply', content, 3)\n    }\n  }\n  const reply = str(span.output)\n  if (reply) emit('agent_reply', reply, 3)\n  return out\n}\n\n/**\n * Reduce a span tree into the meaningful moments a viewer cares about. The\n * conversation (user asks, agent replies) is lifted from LLM spans first so the\n * dialogue is first-class; the remaining work spans are classified + have their\n * modality visual extracted. Adjacent same-kind work moments collapse (the\n * compression step), carrying the latest visual; failures and conversation\n * turns never collapse.\n */\nexport function reduceToSemanticEvents(\n  spans: readonly Span[],\n  opts: ReduceOptions = {},\n): SemanticEvent[] {\n  const collapse = opts.collapseAdjacent ?? true\n  const ordered = [...spans].sort((a, b) => a.startedAt - b.startedAt)\n  const seen = new Set<string>()\n  const convState = { sawUser: false }\n  const raw: SemanticEvent[] = []\n  for (const s of ordered) {\n    const conv = conversationEvents(s, seen, convState)\n    if (conv.length > 0) {\n      // this LLM span IS dialogue — surface the turns, not a generic \"reasoned\"\n      raw.push(...conv)\n      continue\n    }\n    const c = classify(s)\n    raw.push({\n      kind: c.kind,\n      title: c.label,\n      summary: `${KIND_VERB[c.kind]} — ${c.label}`,\n      visual: extractVisual(s),\n      evidenceSpanIds: [s.spanId],\n      importance: c.importance,\n      startTs: s.startedAt,\n      endTs: s.endedAt ?? s.startedAt,\n    })\n  }\n  if (!collapse) return raw\n\n  const merged: SemanticEvent[] = []\n  for (const ev of raw) {\n    const prev = merged[merged.length - 1]\n    if (prev && prev.kind === ev.kind && !STANDALONE_KINDS.has(ev.kind)) {\n      prev.evidenceSpanIds.push(...ev.evidenceSpanIds)\n      prev.endTs = Math.max(prev.endTs, ev.endTs)\n      if (ev.visual.type !== 'none') prev.visual = ev.visual // keep the latest state\n      const n = prev.evidenceSpanIds.length\n      prev.title = `${KIND_VERB[ev.kind]} (${n}×)`\n      prev.summary = `${KIND_VERB[ev.kind]} ${n} time${n === 1 ? '' : 's'} — latest: ${ev.title}`\n    } else {\n      merged.push({ ...ev, evidenceSpanIds: [...ev.evidenceSpanIds] })\n    }\n  }\n  return merged\n}\n\n// ── Storyboard ────────────────────────────────────────────────────────────\n\nexport type SceneType =\n  | 'title_card'\n  | 'prompt'\n  | 'reply'\n  | 'reasoning'\n  | 'terminal'\n  | 'file'\n  | 'diff'\n  | 'search'\n  | 'browser'\n  | 'computer'\n  | 'api'\n  | 'tool'\n  | 'eval'\n  | 'error'\n  | 'summary'\n\nexport interface Scene {\n  sceneType: SceneType\n  title: string\n  narration: string\n  /** The modality payload the renderer shows. */\n  visual: SceneVisual\n  durationMs: number\n  evidenceSpanIds: string[]\n}\n\nexport interface Storyboard {\n  title: string\n  totalMs: number\n  scenes: Scene[]\n}\n\nexport interface CompileOptions {\n  /** Headline for the title card. Default \"Agent run\". */\n  title?: string\n  /** Max action scenes between the title + summary cards. Default 16. */\n  maxScenes?: number\n}\n\nconst KIND_TO_SCENE: Record<SemanticKind, SceneType> = {\n  understood_task: 'title_card',\n  user_message: 'prompt',\n  agent_reply: 'reply',\n  reasoned: 'reasoning',\n  ran_command: 'terminal',\n  read_file: 'file',\n  edited_code: 'diff',\n  searched: 'search',\n  used_browser: 'browser',\n  used_computer: 'computer',\n  called_api: 'api',\n  called_tool: 'tool',\n  evaluated: 'eval',\n  observed_failure: 'error',\n  completed: 'summary',\n}\n\nconst DURATION_BY_IMPORTANCE: Record<1 | 2 | 3 | 4 | 5, number> = {\n  1: 2500,\n  2: 3000,\n  3: 4000,\n  4: 5000,\n  5: 6000,\n}\n\n/**\n * Select the moments worth showing and lay them out as scenes. Every failure\n * (importance 5) and edit (4) is always kept; the rest fill the budget by\n * importance, then re-sort chronological. A title card opens, a summary closes.\n */\nexport function compileStoryboard(\n  events: readonly SemanticEvent[],\n  opts: CompileOptions = {},\n): Storyboard {\n  const title = opts.title ?? 'Agent run'\n  const maxScenes = opts.maxScenes ?? 16\n\n  // The first user turn is the premise — it frames the title card rather than\n  // being shown twice, so it's excluded from the action selection below.\n  const taskEvent = events.find((e) => e.kind === 'understood_task')\n\n  const indexed = events.filter((ev) => ev.kind !== 'understood_task').map((ev, i) => ({ ev, i }))\n  const mustKeep = indexed.filter(({ ev }) => ev.importance >= 4)\n  const rest = indexed\n    .filter(({ ev }) => ev.importance < 4)\n    .sort((a, b) => b.ev.importance - a.ev.importance || a.i - b.i)\n  const budget = Math.max(0, maxScenes - mustKeep.length)\n  const selected = [...mustKeep, ...rest.slice(0, budget)].sort((a, b) => a.i - b.i)\n\n  const actionScenes: Scene[] = selected.map(({ ev }) => ({\n    sceneType: KIND_TO_SCENE[ev.kind],\n    title: ev.title,\n    narration: ev.summary,\n    visual: ev.visual,\n    durationMs: DURATION_BY_IMPORTANCE[ev.importance],\n    evidenceSpanIds: ev.evidenceSpanIds,\n  }))\n\n  const failures = events.filter((e) => e.kind === 'observed_failure').length\n  const edits = events.filter((e) => e.kind === 'edited_code').length\n  const commands = events.filter((e) => e.kind === 'ran_command').length\n  const summaryNarration =\n    `${events.length} moments · ${commands} command${commands === 1 ? '' : 's'} · ` +\n    `${edits} edit${edits === 1 ? '' : 's'} · ${failures} failure${failures === 1 ? '' : 's'}`\n\n  const scenes: Scene[] = [\n    {\n      sceneType: 'title_card',\n      title,\n      narration: taskEvent ? taskEvent.summary : 'The agent receives its task.',\n      visual: taskEvent ? taskEvent.visual : { type: 'none' },\n      durationMs: 3000,\n      evidenceSpanIds: taskEvent ? taskEvent.evidenceSpanIds : [],\n    },\n    ...actionScenes,\n    {\n      sceneType: 'summary',\n      title: failures > 0 ? 'Finished — with failures' : 'Finished',\n      narration: summaryNarration,\n      visual: { type: 'none' },\n      durationMs: 4000,\n      evidenceSpanIds: [],\n    },\n  ]\n  return { title, totalMs: scenes.reduce((s, sc) => s + sc.durationMs, 0), scenes }\n}\n\n// ── Renderers (pure string out) ─────────────────────────────────────────────\n\nconst SCENE_ICON: Record<SceneType, string> = {\n  title_card: '🎬',\n  prompt: '💬',\n  reply: '🤖',\n  reasoning: '🧠',\n  terminal: '⌨️',\n  file: '📄',\n  diff: '✏️',\n  search: '🔎',\n  browser: '🌐',\n  computer: '🖥️',\n  api: '🔌',\n  tool: '🔧',\n  eval: '⚖️',\n  error: '❌',\n  summary: '🏁',\n}\n\nfunction mmss(ms: number): string {\n  const s = Math.round(ms / 1000)\n  return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, '0')}`\n}\n\nfunction truncate(s: string, max: number): string {\n  return s.length <= max ? s : `${s.slice(0, Math.max(0, max - 1))}…`\n}\n\n/** A short modality tag for the markdown shot list. */\nfunction visualMarkdown(v: SceneVisual): string {\n  switch (v.type) {\n    case 'screenshot':\n      return `🖼 screenshot (${truncate(v.src, 60)})`\n    case 'browser':\n      return `🌐 ${v.action ?? 'browser'}${v.url ? ` → ${v.url}` : ''}${v.screenshot ? ' [screenshot]' : ''}`\n    case 'diff':\n      return `\\n\\n\\`\\`\\`diff\\n${truncate(v.patch, 600)}\\n\\`\\`\\`${v.path ? `\\n_${v.path}_` : ''}`\n    case 'code':\n      return `\\n\\n\\`\\`\\`\\n${truncate(v.content, 500)}\\n\\`\\`\\`${v.path ? `\\n_${v.path}_` : ''}`\n    case 'terminal':\n      return `\\n\\n\\`\\`\\`sh\\n$ ${v.command}${v.output ? `\\n${truncate(v.output, 500)}` : ''}\\n\\`\\`\\``\n    case 'api':\n      return `🔌 ${v.method ?? 'CALL'} ${v.url}${v.status != null ? ` → ${v.status}` : ''}`\n    case 'prose':\n      return `\\n\\n> ${truncate(v.text, 400).replace(/\\n/g, '\\n> ')}`\n    default:\n      return ''\n  }\n}\n\n/** Build the (escaped, structured) HTML for a scene's visual. We never inject\n *  raw agent markup — every text part is escaped; only image `src` (data/http)\n *  is passed through as an attribute. */\nfunction visualHtml(v: SceneVisual): string {\n  switch (v.type) {\n    case 'screenshot':\n      return `<img class=\"shot\" src=\"${escapeHtml(v.src)}\" alt=\"screenshot\" loading=\"lazy\"/>`\n    case 'browser': {\n      const bar = `<div class=\"urlbar\">${escapeHtml(v.url ?? v.action ?? 'browser')}</div>`\n      const body = isImageSrc(v.screenshot)\n        ? `<img class=\"shot\" src=\"${escapeHtml(v.screenshot)}\" alt=\"page\" loading=\"lazy\"/>`\n        : `<div class=\"browser-action\">${escapeHtml(v.action ?? 'navigated')}</div>`\n      return `<div class=\"browser\">${bar}${body}</div>`\n    }\n    case 'diff': {\n      const lines = v.patch.split('\\n').map((l) => {\n        const cls = l.startsWith('+') ? 'add' : l.startsWith('-') ? 'del' : ''\n        return `<span class=\"${cls}\">${escapeHtml(l)}</span>`\n      })\n      return `${v.path ? `<div class=\"pathhdr\">${escapeHtml(v.path)}</div>` : ''}<pre class=\"diff\">${lines.join('\\n')}</pre>`\n    }\n    case 'code':\n      return `${v.path ? `<div class=\"pathhdr\">${escapeHtml(v.path)}</div>` : ''}<pre class=\"code\">${escapeHtml(v.content)}</pre>`\n    case 'terminal':\n      return `<pre class=\"term\"><span class=\"cmd\">$ ${escapeHtml(v.command)}</span>${v.output ? `\\n${escapeHtml(v.output)}` : ''}</pre>`\n    case 'api': {\n      const badge = `<span class=\"method\">${escapeHtml(v.method ?? 'CALL')}</span> <span class=\"url\">${escapeHtml(v.url)}</span>${v.status != null ? ` <span class=\"status s${Math.floor(v.status / 100)}\">${v.status}</span>` : ''}`\n      const req = v.request\n        ? `<div class=\"kv\"><b>req</b><pre>${escapeHtml(v.request)}</pre></div>`\n        : ''\n      const res = v.response\n        ? `<div class=\"kv\"><b>res</b><pre>${escapeHtml(v.response)}</pre></div>`\n        : ''\n      return `<div class=\"api\"><div class=\"apihdr\">${badge}</div>${req}${res}</div>`\n    }\n    case 'prose':\n      return `<div class=\"prose\">${escapeHtml(v.text)}</div>`\n    default:\n      return ''\n  }\n}\n\n/** Render the storyboard as a Markdown timeline — the human-readable shot list. */\nexport function renderStoryboardMarkdown(storyboard: Storyboard): string {\n  const out: string[] = [\n    `# 🎬 ${storyboard.title}`,\n    '',\n    `_${storyboard.scenes.length} scenes · ${mmss(storyboard.totalMs)} replay_`,\n    '',\n  ]\n  let elapsed = 0\n  for (const sc of storyboard.scenes) {\n    out.push(`### [${mmss(elapsed)}] ${SCENE_ICON[sc.sceneType]} ${sc.title}`)\n    out.push('')\n    out.push(sc.narration)\n    const vm = visualMarkdown(sc.visual)\n    if (vm) out.push(vm)\n    if (sc.evidenceSpanIds.length > 0) {\n      out.push('')\n      out.push(`_evidence: ${sc.evidenceSpanIds.length} span(s)_`)\n    }\n    out.push('')\n    elapsed += sc.durationMs\n  }\n  return out.join('\\n')\n}\n\nexport interface HtmlRenderOptions {\n  /** Document title + on-page heading. Defaults to the storyboard title. */\n  title?: string\n}\n\n/**\n * Render the storyboard as a self-contained, auto-playing HTML replay — one\n * shareable file, no build step, no external assets. Each scene animates in\n * for its duration and SHOWS its modality (screenshot / diff / terminal / API\n * / browser / prose); controls let a viewer scrub. This is the \"free clip\" a\n * run produces; an MP4 is the same storyboard fed to Remotion in a consumer.\n */\nexport function renderStoryboardHtml(storyboard: Storyboard, opts: HtmlRenderOptions = {}): string {\n  const docTitle = opts.title ?? storyboard.title\n  // Pre-render each scene's visual to safe HTML here (testable, escaped); the\n  // player just sets innerHTML. `<` is escaped in the JSON so a payload can't\n  // break out of the <script> tag.\n  const scenesJson = JSON.stringify(\n    storyboard.scenes.map((s) => ({\n      icon: SCENE_ICON[s.sceneType],\n      type: s.sceneType,\n      title: s.title,\n      narration: s.narration,\n      durationMs: s.durationMs,\n      evidence: s.evidenceSpanIds.length,\n      visual: visualHtml(s.visual),\n    })),\n  ).replace(/</g, '\\\\u003c')\n\n  return `<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>${escapeHtml(docTitle)}</title>\n<style>\n  :root { color-scheme: dark; }\n  * { box-sizing: border-box; }\n  body { margin: 0; font: 16px/1.5 ui-sans-serif, system-ui, -apple-system, sans-serif;\n    background: #0b0f17; color: #e6edf3; display: flex; min-height: 100vh; align-items: center; justify-content: center; }\n  .stage { width: min(900px, 95vw); }\n  h1 { font-size: 1.1rem; font-weight: 600; color: #9aa7b5; margin: 0 0 14px; letter-spacing: .02em; }\n  .card { background: #111824; border: 1px solid #1e2a3a; border-radius: 14px; padding: 24px 28px;\n    min-height: 300px; box-shadow: 0 12px 40px rgba(0,0,0,.45); position: relative; overflow: hidden; }\n  .card::before { content: \"\"; position: absolute; inset: 0 0 auto 0; height: 3px; background: var(--accent, #3b82f6); }\n  .head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }\n  .icon { font-size: 2rem; line-height: 1; }\n  .title { font-size: 1.3rem; font-weight: 650; }\n  .narration { color: #9fb0c0; font-size: .95rem; margin-bottom: 14px; }\n  .visual { margin-top: 6px; }\n  .visual img.shot { max-width: 100%; max-height: 360px; border-radius: 8px; border: 1px solid #1e2a3a; display: block; }\n  .visual pre { background: #0a0e15; border: 1px solid #1e2a3a; border-radius: 8px; padding: 12px 14px;\n    overflow: auto; max-height: 340px; font: 13px/1.5 ui-monospace, \"SF Mono\", Menlo, monospace; white-space: pre-wrap; word-break: break-word; }\n  .pathhdr { font: 12px ui-monospace, monospace; color: #7d8da0; margin-bottom: 4px; }\n  .diff .add { color: #56d364; } .diff .del { color: #f85149; }\n  .term .cmd { color: #eab308; }\n  .browser { border: 1px solid #1e2a3a; border-radius: 8px; overflow: hidden; }\n  .urlbar { background: #0a0e15; padding: 7px 12px; font: 12px ui-monospace, monospace; color: #8b98a6; border-bottom: 1px solid #1e2a3a; }\n  .browser-action { padding: 28px; color: #9fb0c0; text-align: center; }\n  .api .apihdr { font: 13px ui-monospace, monospace; margin-bottom: 8px; }\n  .method { background: #1b2636; padding: 2px 8px; border-radius: 5px; color: #79c0ff; }\n  .status.s2 { color: #56d364; } .status.s4, .status.s5 { color: #f85149; }\n  .kv { margin-top: 6px; } .kv b { color: #7d8da0; font-weight: 600; font-size: 12px; }\n  .prose { color: #c9d4e0; font-size: 1rem; white-space: pre-wrap; max-height: 340px; overflow: auto; }\n  .type-error { --accent: #ef4444; } .type-diff { --accent: #22c55e; } .type-terminal { --accent: #eab308; }\n  .type-browser { --accent: #06b6d4; } .type-computer { --accent: #14b8a6; } .type-api { --accent: #79c0ff; }\n  .type-summary { --accent: #a855f7; } .type-title_card { --accent: #3b82f6; }\n  .type-prompt { --accent: #f59e0b; } .type-reply { --accent: #10b981; }\n  .scene-enter { animation: pop .45s cubic-bezier(.2,.7,.3,1.2); }\n  @keyframes pop { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }\n  .bar { height: 4px; background: #1e2a3a; border-radius: 4px; margin-top: 14px; overflow: hidden; }\n  .bar > i { display: block; height: 100%; width: 0; background: var(--accent, #3b82f6); transition: width .1s linear; }\n  .controls { display: flex; gap: 10px; align-items: center; margin-top: 14px; color: #8b98a6; font-size: .85rem; }\n  button { background: #1b2636; color: #e6edf3; border: 1px solid #2a3a4f; border-radius: 8px; padding: 6px 12px; cursor: pointer; font: inherit; }\n  button:hover { background: #243349; }\n  .dots { display: flex; gap: 5px; margin-left: auto; flex-wrap: wrap; }\n  .dot { width: 7px; height: 7px; border-radius: 50%; background: #2a3a4f; cursor: pointer; }\n  .dot.on { background: var(--accent, #3b82f6); }\n</style>\n</head>\n<body>\n<div class=\"stage\">\n  <h1>🎬 ${escapeHtml(docTitle)}</h1>\n  <div class=\"card\" id=\"card\">\n    <div class=\"head\"><span class=\"icon\" id=\"icon\"></span><span class=\"title\" id=\"title\"></span></div>\n    <div class=\"narration\" id=\"narration\"></div>\n    <div class=\"visual\" id=\"visual\"></div>\n    <div class=\"bar\"><i id=\"fill\"></i></div>\n  </div>\n  <div class=\"controls\">\n    <button id=\"playPause\">⏸ Pause</button>\n    <button id=\"prev\">◀ Prev</button>\n    <button id=\"next\">Next ▶</button>\n    <span id=\"counter\"></span>\n    <span class=\"dots\" id=\"dots\"></span>\n  </div>\n</div>\n<script>\n  const SCENES = ${scenesJson};\n  let i = 0, playing = true, raf = 0, start = 0;\n  const card = document.getElementById('card'), counter = document.getElementById('counter'), dotsEl = document.getElementById('dots');\n  SCENES.forEach((_, k) => { const d = document.createElement('span'); d.className = 'dot'; d.onclick = () => go(k); dotsEl.appendChild(d); });\n  function paint() {\n    const s = SCENES[i];\n    card.className = 'card scene-enter type-' + s.type;\n    document.getElementById('icon').textContent = s.icon;\n    document.getElementById('title').textContent = s.title;\n    document.getElementById('narration').textContent = s.narration;\n    document.getElementById('visual').innerHTML = s.visual || '';\n    counter.textContent = (i + 1) + ' / ' + SCENES.length;\n    [...dotsEl.children].forEach((d, k) => d.className = 'dot' + (k === i ? ' on' : ''));\n    void card.offsetWidth;\n  }\n  function tick(t) {\n    if (!start) start = t;\n    const s = SCENES[i], p = Math.min(1, (t - start) / s.durationMs);\n    document.getElementById('fill').style.width = (p * 100) + '%';\n    if (p >= 1) { if (i < SCENES.length - 1) { go(i + 1); } else { playing = false; updateBtn(); return; } }\n    if (playing) raf = requestAnimationFrame(tick);\n  }\n  function go(n) { i = Math.max(0, Math.min(SCENES.length - 1, n)); start = 0; cancelAnimationFrame(raf); paint(); if (playing) raf = requestAnimationFrame(tick); }\n  function updateBtn() { document.getElementById('playPause').textContent = playing ? '⏸ Pause' : '▶ Play'; }\n  document.getElementById('playPause').onclick = () => { playing = !playing; updateBtn(); start = 0; if (playing) raf = requestAnimationFrame(tick); else cancelAnimationFrame(raf); };\n  document.getElementById('next').onclick = () => go(i + 1);\n  document.getElementById('prev').onclick = () => go(i - 1);\n  paint(); raf = requestAnimationFrame(tick);\n</script>\n</body>\n</html>\n`\n}\n\n// The \"watch the agent write code\" keystroke animation + the CodeEdit IR a\n// Remotion consumer reads. Composes with this pipeline: a 'diff' scene shows an\n// inline card here; renderCodeAnimationHtml types the whole file out there.\nexport { editAnimationText, extractCodeEdits, renderCodeAnimationHtml } from './code-edit'\nexport type { CodeAnimationOptions, CodeEdit } from './code-edit'\n"],"mappings":"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"}

package/dist/{summary-report-C8V49Jt3.d.ts → summary-report-0La5vejY.d.ts}

@@ -1,8 +1,7 @@
-import { a as RunRecord } from "./run-record-C3awiXPf.js";
-import { r as PairedDecisionStatistic } from "./paired-promotion-decision-CQMJ5xGN.js";
-import "./reward-BeUgVVC_.js";
-import { n as FailureClusterReport } from "./failure-cluster-DN0t63Z0.js";
-//#region src/held-out-gate.d.ts
+import { a as RunRecord } from "./run-record-D2BFMPGl.js";
+import { r as PairedDecisionStatistic } from "./paired-promotion-decision-BDnqepZ1.js";
+import "./reward-ST4PXNXF.js";
+import { n as FailureClusterReport } from "./failure-cluster-DOoa7CBg.js";
 type HeldOutGateRejectionCode = 'few_runs' | 'incomplete_coverage' | 'missing_split_scores' | 'missing_cost' | 'negative_delta' | 'indeterminate_delta' | 'overfit_gap' | 'cost_ceiling';
 /**
  * How much of one split's DEALT work the comparison actually measured.
@@ -250,8 +249,6 @@ declare class HeldOutGate {
    */
   private chooseShape;
 }
-//#endregion
-//#region src/summary-report-figures.d.ts
 interface SummaryTableOptions {
   /** Comparator candidate id. Wilcoxon + paired Cohen's dz are computed
    *  versus this candidate. Required for paired stats columns. */
@@ -361,16 +358,12 @@ interface GainDistributionOptions {
  * delta — same primitive the promotion gate uses.
  */
 declare function gainHistogram(runs: RunRecord[], candidateId: string, comparator: string, opts?: GainDistributionOptions): GainDistributionFigureSpec;
-//#endregion
-//#region src/research-report-analysis.d.ts
 /**
  * Hard floor below which a paired comparison is treated as uninformative
  * regardless of `minPairs`. Mirrors the lower limit on Wilcoxon signed-rank
  * exact tables; below this the test has no power to separate effect sizes.
  */
 declare const RESEARCH_REPORT_HARD_PAIR_FLOOR = 6;
-//#endregion
-//#region src/research-report.d.ts
 type ResearchReportDecision = 'promote' | 'hold' | 'reject' | 'equivalent' | 'needs_more_data';
 interface ResearchReportOptions {
   /** Human-readable report title. */
@@ -536,6 +529,5 @@ interface ResearchReport {
  * for any fixed `runs`, `seed`, and ROPE.
  */
 declare function researchReport(runs: RunRecord[], opts?: ResearchReportOptions): Promise<ResearchReport>;
-//#endregion
 export { HeldOutGateRejectionCode as C, HeldOutGateDecision as S, gainHistogram as _, ResearchReportOptions as a, HeldOutGate as b, RESEARCH_REPORT_HARD_PAIR_FLOOR as c, GainDistributionOptions as d, ParetoFigureSpec as f, SummaryTableRow as g, SummaryTableOptions as h, ResearchReportMethodology as i, GainDistributionBin as l, SummaryTable as m, ResearchReportCandidate as n, ResearchReportRecommendation as o, ParetoPoint as p, ResearchReportDecision as r, researchReport as s, ResearchReport as t, GainDistributionFigureSpec as u, summaryTable as v, SplitCoverage as w, HeldOutGateConfig as x, GateEvidence as y };
-//# sourceMappingURL=summary-report-C8V49Jt3.d.ts.map
+//# sourceMappingURL=summary-report-0La5vejY.d.ts.map

package/dist/summary-report-0La5vejY.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-report-0La5vejY.d.ts","names":[],"sources":["../src/held-out-gate.ts","../src/summary-report-figures.ts","../src/research-report-analysis.ts","../src/research-report.ts"],"mappings":";;;;KAuIY;;;;;;;;UAiBK;;EAEf;;;EAGA;;;;EAIA;;EAEA;;EAEA;;;EAGA;;UAGe;;;;EAIf;;;;;EAKA;;;;;;;;;;;EAWA;;;;EAIA;;;EAGA;;EAEA;;EAEA;;;;EAIA;;;;;;;;;;;;;;;;;EAiBA;;;;;;;;;;;;;;EAcA;;;;KAKG,iBAAiB;UAEL;;EAEf;;EAEA;;EAEA;;;;;;;;EAQA,iBAAiB;;;;;EAKjB,gBAAgB;;;;;EAKhB;;;;;;;;;EASA,gBAAgB;;;EAGhB;;;EAGA;IAAY;IAAa;;;;EAGzB;;;;;;;EAOA;IAAW;IAAW;IAAW;IAAqB;;;;;;EAKtD;;;;;EAKA;;EAEA;;EAEA;;EAEA;;EAEA;;;;;EAKA;;;EAGA;;;;;;;EAOA;;UAGe;;EAEf;;EAEA;;EAEA;;EAEA,UAAU;;EAEV;;EAEA,eAAe;;;;;;;cAQJ;mBACM;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;mBACA;EAEL,YAAA,QAAQ;;;;EAoCpB,SAAS,WAAW,aAAa,UAAU,cAAc;;;UAiCjD;;;;;;UAoEA;;;UAiCA;;;UAkEA;;;;;;;UAqDA;;UCvnBO;;;EAGf;;EAEA;;EAEA;;EAEA;;UAGe;EACf;EACA;EACA;EACA;EACA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;UAGe;EACf,MAAM;EACN;EACA;;EAEA;;;;;;;iBAQc,aAAa,MAAM,aAAa,OAAM,sBAA2B;UAkHhE;EACf;;EAEA;;EAEA;;EAEA;;;EAGA;;;EAGA;;UAGe;EACf;EACA;EACA,QAAQ;EACR;IAAQ;IAAc;;;UAoEP;;EAEf;;EAEA;;EAEA;;UAGe;EACf;EACA;EACA;EACA;;EAEA;;EAEA;;EAEA;EACA,MAAM;EACN;EACA;IAAM;IAAa;;;UAGJ;;EAEf;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;iBAQc,cACd,MAAM,aACN,qBACA,oBACA,OAAM,0BACL;;;;;;cCrSU;KCWD;UAOK;;EAEf;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;;;EASA;;;;;;;EAOA;IAAS;IAAa;;;;;;EAKtB;;;;;EAKA;;EAEA,gBAAgB,eAAe;;EAE/B,kBAAkB;;EAElB;;EAEA;;EAEA;;;;;;EAMA;;UAGe;EACf,UAAU;EACV;EACA;EACA;EACA;;UAGe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;IAAU;IAAa;;;;;;;EAMvB;EACA;;;;;;;EAOA;EACA;EACA,OAAO;EACP,UAAU;EACV;;UAGe;;;;;EAKf;;EAEA;;EAEA;;EAEA;;EAEA;;UAGe;EACf;EACA;EACA;EACA;EACA;;;;;;EAMA;EACA;EACA;IAAQ;IAAa;;EACrB;EACA,gBAAgB;EAChB,YAAY;EACZ,SAAS;EACT;IACE,QAAQ;IACR,OAAO;;EAET,aAAa;EACb,kBAAkB;EAClB;EACA;;;;;;;;;;;;;;;;;;;;;iBAsBoB,eACpB,MAAM,aACN,OAAM,wBACL,QAAQ"}

package/dist/{summary-report-DHDWxe6p.js → summary-report-CPfsrLac.js}

@@ -1,14 +1,15 @@
-import { s as ValidationError } from "./errors-BcOs5MKW.js";
-import { l as hashJson } from "./agent-profile-cell-B1V1gUZs.js";
-import { r as observedSplitScore } from "./reward-nw2xZGZG.js";
-import { n as renderResearchHtml } from "./reporting-html-Kvlc8oMt.js";
-import { a as wilcoxonSignedRank, r as pairRunRecords } from "./paired-arms-B2ttLc0_.js";
-import { i as makeRng } from "./internal-BTK91Bqt.js";
-import { t as confidenceInterval } from "./descriptive-CVNy48rR.js";
-import { t as benjaminiHochberg } from "./multiplicity-Sg0U7h8j.js";
-import { i as pairedBootstrap, t as mean } from "./mean-BbA_JCzW.js";
-import { r as pairedMde } from "./power-and-mde-CQX-0weG.js";
-//#region src/research-report-render.ts
+import { s as ValidationError } from "./errors-DeEEV9Vx.js";
+import { l as hashJson } from "./agent-profile-cell-CT5JYueM.js";
+import { r as observedSplitScore } from "./reward-P0VD_Aft.js";
+import { n as renderResearchHtml } from "./reporting-html-DMXIjATy.js";
+import { t as interpolatedQuantile } from "./quantile-CncXP-Ss.js";
+import { a as wilcoxonSignedRank, r as pairRunRecords } from "./paired-arms-D-54hO-k.js";
+import { i as makeRng } from "./internal-v6XfOeJW.js";
+import { t as confidenceInterval } from "./descriptive-cPwITVfy.js";
+import { t as benjaminiHochberg } from "./multiplicity-DAd4xaDC.js";
+import { i as pairedBootstrap, t as mean } from "./mean-CdDYG-us.js";
+import { r as pairedMde } from "./power-and-mde-ClI6RWw4.js";
+// src/research-report-render.ts
 function renderResearchMarkdown(report) {
 	const lines = [];
 	lines.push(`# ${report.title}`);
@@ -114,8 +115,7 @@ function fmt(x) {
 	if (!Number.isFinite(x)) return String(x);
 	return x.toFixed(4);
 }
-//#endregion
-//#region src/research-report-analysis.ts
+// src/research-report-analysis.ts
 /**
 * Hard floor below which a paired comparison is treated as uninformative
 * regardless of `minPairs`. Mirrors the lower limit on Wilcoxon signed-rank
@@ -287,8 +287,7 @@ function decisionWeight(decision) {
 	if (decision === "needs_more_data") return 2;
 	return 1;
 }
-//#endregion
-//#region src/statistics/effect-sizes.ts
+// src/statistics/effect-sizes.ts
 /**
 * Standardized effect sizes: Cohen's d family and Cliff's delta, with the
 * shared degenerate-input contract (null where the effect is undefined).
@@ -365,8 +364,7 @@ function interpretCliffs(delta) {
 	if (d < .474) return "medium";
 	return "large";
 }
-//#endregion
-//#region src/summary-report-evidence.ts
+// src/summary-report-evidence.ts
 /** Matched split scores and paired statistical evidence for report consumers. */
 function pairScoresByKey(candidate, baseline, split) {
 	const scoreOf = (run) => {
@@ -401,7 +399,8 @@ function pairedPosterior(runs, candidateId, comparator, opts) {
 	if (n === 0) return null;
 	const deltas = before.map((b, i) => after[i] - b);
 	const meanDelta = deltas.reduce((s, x) => s + x, 0) / n;
-	const medianDelta = medianOfSorted([...deltas].sort((a, b) => a - b));
+	const sortedDeltas = [...deltas].sort((a, b) => a - b);
+	const medianDelta = interpolatedQuantile(sortedDeltas, .5);
 	const sdDelta = stdev(deltas, meanDelta);
 	const ci = pairedBootstrap(before, after, {
 		confidence: opts.confidence,
@@ -456,13 +455,7 @@ function stdev(xs, mean) {
 	for (const x of xs) sse += (x - mean) ** 2;
 	return Math.sqrt(sse / (xs.length - 1));
 }
-function medianOfSorted(sorted) {
-	if (sorted.length === 0) return 0;
-	const mid = Math.floor(sorted.length / 2);
-	return sorted.length % 2 === 0 ? (sorted[mid - 1] + sorted[mid]) / 2 : sorted[mid];
-}
-//#endregion
-//#region src/summary-report-figures.ts
+// src/summary-report-figures.ts
 /**
 * Table 1 helper. Buckets runs by `candidateId`, computes mean +
 * bootstrap CI on the chosen split, and (when a comparator is given)
@@ -631,7 +624,7 @@ function gainHistogram(runs, candidateId, comparator, opts = {}) {
 	};
 	const deltas = before.map((b, i) => after[i] - b);
 	const sortedDeltas = [...deltas].sort((a, b) => a - b);
-	const median = medianOfSorted(sortedDeltas);
+	const median = interpolatedQuantile(sortedDeltas, .5);
 	const min = sortedDeltas[0];
 	const max = sortedDeltas[sortedDeltas.length - 1];
 	const bound = Math.max(Math.abs(min), Math.abs(max), 1e-6);
@@ -671,8 +664,7 @@ function gainHistogram(runs, candidateId, comparator, opts = {}) {
 		}
 	};
 }
-//#endregion
-//#region src/research-report.ts
+// src/research-report.ts
 /**
 * Executive research report for CPO / AI-lead / launch-review consumption.
 *
@@ -846,7 +838,6 @@ async function researchReport(runs, opts = {}) {
 		html
 	};
 }
-//#endregion
 export { cliffsDelta as a, pairedCohensDz as c, summaryTable as i, RESEARCH_REPORT_HARD_PAIR_FLOOR as l, gainHistogram as n, cohensD as o, paretoChart as r, interpretCliffs as s, researchReport as t };
 
-//# sourceMappingURL=summary-report-DHDWxe6p.js.map
+//# sourceMappingURL=summary-report-CPfsrLac.js.map