agenticreplay 0.1.0 → 0.1.2

package/capture/muse-shim.mjs

@@ -1,114 +0,0 @@
-/**
- * Muse Code's capture needs one thing agenticreplay will not do, and this is the smallest thing that does
- * it.
- *
- * Muse fetches a model catalogue with `GET /muse-code/models` and refuses to build a turn until
- * that succeeds. agenticreplay's proxy answers 404 to every non-POST by design — "Only a POST is ever a
- * model call", and relaxing that once let a PUT be recorded as a model exchange. Neither side is
- * wrong, so the catalogue is answered here instead: this process sits in front of agenticreplay, serves
- * that one GET itself, and forwards everything else byte for byte. The turn that carries the
- * prompt still goes to agenticreplay and is recorded as a `/responses` exchange, which is what the capture
- * is for.
- *
- * The second thing it handles is smaller but just as fatal. Muse takes its origin from a
- * `--base-url` flag rather than a variable, and *discards any path on it* — measured: given
- * `http://127.0.0.1:47001/deep/path` it still requests `/muse-code/models` at the root. So
- * `/forward/<origin>`, which is how every other config-route capture here carries the operator's
- * own upstream, cannot be used: the path is the payload and Muse throws it away. agenticreplay's proxy
- * origin is passed in bare, through `MUSE_PROXY`.
- *
- * Launched by `capture.mjs muse`. `MUSE_PROXY` is set by agenticreplay itself, named through
- * `AGENTICREPLAY_BASE_URL_VARS`; `MUSE_BIN` overrides the binary for an install that is not on PATH.
- */
-import { spawn } from 'node:child_process';
-import { createServer, request as httpRequest } from 'node:http';
-
-const PLACEHOLDER_KEY = 'agenticreplay-recorded';
-const prompt = process.argv[2] ?? '';
-const model = process.argv[3] || 'muse-spark-1.3';
-const bin = process.env.MUSE_BIN || 'muse';
-
-const proxy = process.env.MUSE_PROXY;
-if (!proxy || !/^https?:\/\//.test(proxy)) {
-  console.error(
-    'muse-shim: MUSE_PROXY is not an origin. It is set by agenticreplay from AGENTICREPLAY_BASE_URL_VARS; run this ' +
-      'through `capture.mjs muse` rather than directly.',
-  );
-  process.exit(2);
-}
-const up = new URL(proxy);
-
-/**
- * What the catalogue answer has to contain, and nothing more.
- *
- * Muse reads this to decide the model exists before it will build a request; the ids are the ones
- * its own binary names. A catalogue is not a model call, so serving it here does not put anything
- * in the trace that the harness did not send.
- */
-const catalogue = JSON.stringify({
-  object: 'list',
-  data: ['muse-spark-1.3', 'muse-spark-1.2'].map((id) => ({
-    id,
-    object: 'model',
-    display_name: id,
-    owned_by: 'meta',
-    created: 1750000000,
-    context_window: 1_000_000,
-    max_output_tokens: 64_000,
-    capabilities: {
-      text: true,
-      images: true,
-      tool_calls: true,
-      parallel_tool_calls: true,
-      structured_output: true,
-      reasoning: true,
-    },
-  })),
-});
-
-const server = createServer((req, res) => {
-  if (req.method === 'GET' && (req.url ?? '').includes('/models')) {
-    res.writeHead(200, { 'content-type': 'application/json' });
-    res.end(catalogue);
-    return;
-  }
-  const headers = { ...req.headers, host: up.host };
-  const forwarded = httpRequest(
-    { hostname: up.hostname, port: up.port, path: req.url, method: req.method, headers },
-    (from) => {
-      res.writeHead(from.statusCode ?? 502, from.headers);
-      from.pipe(res);
-    },
-  );
-  forwarded.on('error', (err) => {
-    if (!res.headersSent) res.writeHead(502, { 'content-type': 'application/json' });
-    res.end(JSON.stringify({ error: { message: `muse-shim: ${err.message}` } }));
-  });
-  req.pipe(forwarded);
-});
-
-server.listen(0, '127.0.0.1', () => {
-  const { port } = server.address();
-  const base = `http://127.0.0.1:${port}`;
-  console.error(`muse-shim: ${base} -> ${proxy} (catalogue served locally)`);
-  // `--api-key-stdin` rather than META_API_KEY: the variable path was measured answering without
-  // calling the model at all, and a capture that never reaches the proxy is not a capture.
-  const child = spawn(
-    bin,
-    ['exec', prompt, '--base-url', base, '--model', model, '--api-key-stdin'],
-    {
-      stdio: ['pipe', 'inherit', 'inherit'],
-      shell: process.platform === 'win32' && !/\.(exe|com)$/i.test(bin),
-    },
-  );
-  child.stdin.end(`${PLACEHOLDER_KEY}\n`);
-  child.on('error', (err) => {
-    console.error(`muse-shim: cannot launch ${bin}: ${err.message}`);
-    server.close();
-    process.exit(127);
-  });
-  child.on('exit', (code) => {
-    server.close();
-    process.exit(code ?? 0);
-  });
-});

package/capture/render-run.mjs

@@ -1,125 +0,0 @@
-/**
- * Render one `capture.mjs` run as the README's opening animation.
- *
- * The lines are the real output of `node capture/capture.mjs claude --model claude-opus-5
- * --port 46081`, with the two absolute paths replaced by a placeholder repository so the clip is
- * shareable. Nothing else is reworded.
- *
- * Same machinery as render.mjs: a headless Chromium renders one PNG per state change, each frame
- * carrying its own hold, then gifenc packs them under a single palette. The holds are stretched
- * where the real run waits — the pause before `captured seq=4` is the agent starting up in its own
- * console and sending its first turn, which is most of the wall clock.
- *
- * Frames go to a fresh directory in the OS temp space, the way scripts/render-demo.mjs and
- * scripts/render-cards.mjs do it. An earlier version pointed them at `join(process.cwd(), ...)`
- * and removed that directory before starting, which silently deleted any folder of that name in
- * whatever directory the script was run from. Outputs are written to an explicit path beside this
- * script rather than relative to the caller's directory.
- */
-import { chromium } from 'playwright-core';
-import { mkdtempSync, readFileSync, readdirSync, rmSync, writeFileSync } from 'node:fs';
-import { dirname, join } from 'node:path';
-import { tmpdir } from 'node:os';
-import { fileURLToPath } from 'node:url';
-import { PNG } from 'pngjs';
-import gifenc from 'gifenc';
-
-const { GIFEncoder, quantize, applyPalette } = gifenc;
-const EDGE = 'C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe';
-const HERE = dirname(fileURLToPath(import.meta.url));
-const TARGET = join(HERE, 'capture-run.gif');
-const FRAMES = mkdtempSync(join(tmpdir(), 'agenticreplay-capture-run-'));
-
-/** [class, text, hold in ms] */
-const LINES = [
-  ['cmd', '$ node capture/capture.mjs claude --model claude-opus-5 --port 46081', 900],
-  ['ink', 'capturing claude · claude-opus-5 · interactive', 420],
-  ['dim', '  cwd D:\\your\\repo', 380],
-  [
-    'dim',
-    '  agenticreplay attach --for claude --port 46081 --upstream-anthropic https://api.anthropic.com',
-    700,
-  ],
-  ['ok', '  launched pid=33076 in its own console', 2600],
-  ['ok', '  captured seq=4 tools=35 bytes=171461', 900],
-  ['gap', '', 200],
-  ['ink', '  claude-opus-5/', 380],
-  ['row', '    prompt    22,760 chars in 4 blocks', 420],
-  ['row', '    tools     35', 380],
-  ['row', '    request   171,461 bytes', 380],
-  ['row', '    prefix    58,938 tokens', 420],
-  ['ok', '    scrubbed  clean', 800],
-  ['gap', '', 200],
-  ['dim', 'written to capture\\claude-opus-5', 420],
-  ['dim', '  mirrored prompt/CLAUDECODE/claude-opus-5-system-prompt.md', 3400],
-];
-
-const CSS = `
-  :root { --ground:#08090A; --ink:#E8ECEC; --dim:#6B7578; --ok:#C6D6DA; --row:#9AA4A7; }
-  * { box-sizing: border-box; }
-  body { margin:0; background:var(--ground); color:var(--ink); width:900px; height:410px;
-         font: 13px/1.68 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
-  .chrome { display:flex; align-items:center; gap:.6rem; padding:.7rem 1.1rem;
-            border-bottom:1px solid #1F2426; color:var(--dim);
-            font-size:10.5px; letter-spacing:.14em; }
-  .dot { width:9px; height:9px; border-radius:50%; background:#1F2426; }
-  .body { padding:.9rem 1.15rem; white-space:pre; }
-  .l { opacity:0; }
-  .l.on { opacity:1; }
-  .cmd { color:var(--ink); font-weight:600; }
-  .dim { color:var(--dim); }
-  .ok { color:var(--ok); }
-  .row, .ink { color:var(--ink); }
-  .gap { height:.5rem; }
-`;
-
-const esc = (s) => s.replace(/&/g, '&amp;').replace(/</g, '&lt;');
-const html =
-  `<!doctype html><meta charset="utf-8"><style>${CSS}</style>` +
-  `<div class="chrome"><span class="dot"></span><span class="dot"></span><span class="dot"></span>` +
-  `<span style="margin-left:.4rem">ONE COMMAND, ONE SYSTEM PROMPT ON DISK</span></div>` +
-  `<div class="body">${LINES.map(
-    ([k, t], i) => `<div class="l ${k}" id="l${i}">${esc(t) || '&nbsp;'}</div>`,
-  ).join('')}</div>`;
-
-const browser = await chromium.launch({ executablePath: EDGE });
-const page = await browser.newPage({ viewport: { width: 900, height: 410 }, deviceScaleFactor: 1 });
-await page.setContent(html);
-
-let frame = 0;
-const delays = [];
-const snap = async (ms) => {
-  await page.screenshot({ path: join(FRAMES, `f${String(frame++).padStart(4, '0')}.png`) });
-  delays.push(ms);
-};
-
-await snap(500);
-for (const [i, [, , hold]] of LINES.entries()) {
-  await page.evaluate((n) => document.getElementById(`l${n}`)?.classList.add('on'), i);
-  await snap(hold);
-}
-await browser.close();
-
-const files = readdirSync(FRAMES)
-  .filter((f) => f.endsWith('.png'))
-  .sort();
-const enc = GIFEncoder();
-const ref = PNG.sync.read(readFileSync(join(FRAMES, files[files.length - 1])));
-const palette = quantize(new Uint8ClampedArray(ref.data), 48, { format: 'rgb565' });
-for (const [i, f] of files.entries()) {
-  const png = PNG.sync.read(readFileSync(join(FRAMES, f)));
-  const indexed = applyPalette(new Uint8ClampedArray(png.data), palette, 'rgb565');
-  enc.writeFrame(indexed, png.width, png.height, {
-    palette: i === 0 ? palette : undefined,
-    delay: delays[i] ?? 420,
-    repeat: 0,
-  });
-}
-enc.finish();
-const bytes = Buffer.from(enc.bytes());
-writeFileSync(TARGET, bytes);
-rmSync(FRAMES, { recursive: true, force: true });
-console.log(
-  `${TARGET}: ${files.length} frames, ${(bytes.length / 1024).toFixed(0)} KB, ` +
-    `${(delays.reduce((a, b) => a + b, 0) / 1000).toFixed(1)}s`,
-);

package/capture/render.mjs

@@ -1,228 +0,0 @@
-/**
- * Render the successful Fable 5.1 prompt capture: attach, launch, record, extract, scrub.
- *
- * Every line is real output from run_bc749535e248, trimmed for width and not otherwise reworded.
- * Nothing here failed — the earlier gateway 400 and the winpty assertion are left out on purpose,
- * this is the path that works.
- *
- * Same approach as scripts/render-demo.mjs in the repo: a headless Chromium renders one PNG per
- * state change, each frame carrying its own hold, then gifenc packs them with a single palette,
- * and ffmpeg turns the same frames into the mp4.
- *
- * Frames go to a fresh directory in the OS temp space, the way scripts/render-demo.mjs and
- * scripts/render-cards.mjs do it. An earlier version pointed them at `join(process.cwd(), ...)`
- * and removed that directory before starting, which silently deleted any folder of that name in
- * whatever directory the script was run from. Outputs are written to an explicit path beside this
- * script rather than relative to the caller's directory.
- */
-import { chromium } from 'playwright-core';
-import { mkdtempSync, readFileSync, readdirSync, writeFileSync } from 'node:fs';
-import { dirname, join } from 'node:path';
-import { tmpdir } from 'node:os';
-import { fileURLToPath } from 'node:url';
-import { PNG } from 'pngjs';
-import gifenc from 'gifenc';
-
-const { GIFEncoder, quantize, applyPalette } = gifenc;
-const EDGE = 'C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe';
-const HERE = dirname(fileURLToPath(import.meta.url));
-const TARGET = join(HERE, 'fable-capture.gif');
-const FRAMES = mkdtempSync(join(tmpdir(), 'agenticreplay-capture-'));
-
-const SCENES = [
-  {
-    label: '1/6 · hold a proxy open',
-    lines: [
-      ['cmd', '$ agenticreplay attach --for claude --port 46001 \\'],
-      ['cmd', '    --upstream-anthropic https://api.anthropic.com'],
-      ['dim', 'info attached run=run_bc749535e248 proxy=http://127.0.0.1:46001 for=claude-code'],
-      ['gap', ''],
-      ['out', '  # in the sandbox, before starting your agent:'],
-      ['ok', "  export ANTHROPIC_BASE_URL='http://127.0.0.1:46001'"],
-      ['out', "  # your agent's own credential is unchanged - agenticreplay forwards it upstream"],
-      ['gap', ''],
-      ['dim', '  Recording. Press ctrl-C when the agent is done.'],
-    ],
-  },
-  {
-    label: '2/6 · launch claude in a real console',
-    lines: [
-      ['cmd', "PS> $env:ANTHROPIC_BASE_URL = 'http://127.0.0.1:46001'"],
-      ['cmd', 'PS> Start-Process claude.exe -WindowStyle Minimized `'],
-      ['cmd', "      -ArgumentList '--model','claude-fable-5-1','\"say only the word ok\"'"],
-      ['ok', 'launched pid=18544'],
-      ['gap', ''],
-      ['out', 'ok'],
-      ['gap', ''],
-      ['note', 'a new window is a real console, so process.stdin.isTTY is true'],
-      ['note', 'and Claude Code assembles its interactive prompt, not the -p one'],
-    ],
-  },
-  {
-    label: '3/6 · what the proxy wrote',
-    lines: [
-      ['cmd', '$ agenticreplay show run_bc749535e248'],
-      ['head', 'SEQ  TYPE            DETAIL'],
-      ['row', '  4  model.request   claude-fable-5-1   tools=35   blob=175,255 bytes'],
-      ['row', '  5  model.response  200  end_turn  cache_read=59,811 tokens'],
-      ['gap', ''],
-      ['note', 'the system prompt travels in the request, so it is on disk the'],
-      ['note', 'moment the agent sends it - no response needed to read it'],
-    ],
-  },
-  {
-    label: '4/6 · open the request body',
-    lines: [
-      ['cmd', '$ node -e "JSON.parse(blob).system"'],
-      ['dim', '  [0]     70 chars  cache=none      billing header'],
-      ['dim', '  [1]     57 chars  cache=1h        identity'],
-      ['dim', '  [2]    907 chars  cache=none      reporting outcomes'],
-      ['ok', '  [3]  13919 chars  cache=1h        the body'],
-      ['dim', '  role:system  11529 chars          agents · skills · permission mode'],
-      ['dim', '  tools            35'],
-      ['gap', ''],
-      ['row', 'system prompt total: 26,482 chars'],
-    ],
-  },
-  {
-    label: '5/6 · the prompt itself',
-    lines: [
-      ['cmd', '$ head fable-5-1-interactive-system-prompt.txt'],
-      ['out', 'x-anthropic-billing-header: cc_version=2.1.258.a5e; cc_entrypoint=cli;'],
-      ['ink', 'You are Claude Code, Anthropic\u2019s official CLI for Claude.'],
-      ['ink', 'You are an interactive agent that helps users with software engineering tasks.'],
-      ['dim', '# Harness'],
-      ['out', ' - Text you output outside of tool use is displayed to the user as Github-'],
-      ['out', '   flavored markdown in a terminal.'],
-      ['ink', 'This iteration of Claude is Claude Fable 5.1, the newest model in Anthropic\u2019s'],
-      ['ink', 'Claude 5 family and part of the Mythos-class model tier that sits above Claude'],
-      ['ink', 'Opus in capability.'],
-    ],
-  },
-  {
-    label: '6/6 · scrubbed, ready to share',
-    lines: [
-      ['cmd', '$ node sanitise.mjs'],
-      ['dim', 'system blocks         : 70 + 57 + 907 + 13473'],
-      ['dim', 'system-role turn      : 11529'],
-      ['dim', 'file chars            : 26045'],
-      ['ok', 'remaining identifiers : none'],
-      ['gap', ''],
-      ['row', '-> Claude-Fable-5.1-ClaudeCode.md'],
-      ['gap', ''],
-      ['note', 'no email, account uuid, device id, session id or commit hash left in it'],
-    ],
-  },
-];
-
-const CSS = `
-  :root { --ground:#08090A; --ink:#E8ECEC; --dim:#6B7578; --ok:#C6D6DA;
-          --row:#9AA4A7; }
-  * { box-sizing: border-box; }
-  body { margin:0; background:var(--ground); color:var(--ink); width:960px; height:330px;
-         font: 13px/1.68 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
-  .chrome { display:flex; align-items:center; gap:.6rem; padding:.7rem 1.1rem;
-            border-bottom:1px solid #1F2426; color:var(--dim);
-            font-size:10.5px; letter-spacing:.14em; }
-  .dot { width:9px; height:9px; border-radius:50%; background:#1F2426; }
-  .label { margin-left:auto; letter-spacing:.1em; color:#4E585B; }
-  .scene { display:none; padding:.9rem 1.15rem; white-space:pre; }
-  .scene.live { display:block; }
-  .l { opacity:0; }
-  .l.on { opacity:1; }
-  .cmd { color:var(--ink); font-weight:600; }
-  .dim, .head { color:var(--dim); }
-  .out { color:var(--row); }
-  .ok { color:var(--ok); }
-  .row, .ink { color:var(--ink); }
-  .note { color:var(--dim); font-style:italic; }
-  .gap { height:.5rem; }
-`;
-
-const esc = (s) => s.replace(/&/g, '&amp;').replace(/</g, '&lt;');
-const html =
-  `<!doctype html><meta charset="utf-8"><style>${CSS}</style>` +
-  `<div class="chrome"><span class="dot"></span><span class="dot"></span><span class="dot"></span>` +
-  `<span style="margin-left:.4rem">AGENTICREPLAY — CAPTURING THE CLAUDE FABLE 5.1 SYSTEM PROMPT</span>` +
-  `<span class="label" id="label"></span></div>` +
-  SCENES.map(
-    (s, si) =>
-      `<div class="scene" id="s${si}">` +
-      s.lines
-        .map(([k, t], li) => `<div class="l ${k}" id="s${si}l${li}">${esc(t) || '&nbsp;'}</div>`)
-        .join('') +
-      `</div>`,
-  ).join('');
-
-const browser = await chromium.launch({ executablePath: EDGE });
-const page = await browser.newPage({ viewport: { width: 960, height: 330 }, deviceScaleFactor: 1 });
-await page.setContent(html);
-
-let frame = 0;
-const delays = [];
-const snap = async (ms) => {
-  await page.screenshot({ path: join(FRAMES, `f${String(frame++).padStart(4, '0')}.png`) });
-  delays.push(ms);
-};
-
-const hold = (kind, last) =>
-  last
-    ? 2600
-    : kind === 'cmd'
-      ? 540
-      : kind === 'gap'
-        ? 190
-        : kind === 'note'
-          ? 1000
-          : kind === 'ink'
-            ? 620
-            : 450;
-
-for (const [si, scene] of SCENES.entries()) {
-  await page.evaluate(
-    ([n, text]) => {
-      document.querySelectorAll('.scene').forEach((el) => el.classList.remove('live'));
-      document.getElementById(`s${n}`).classList.add('live');
-      document.getElementById('label').textContent = text;
-    },
-    [si, scene.label],
-  );
-  await snap(520);
-  for (const [li, [kind]] of scene.lines.entries()) {
-    await page.evaluate((id) => document.getElementById(id)?.classList.add('on'), `s${si}l${li}`);
-    await snap(hold(kind, li === scene.lines.length - 1));
-  }
-}
-delays[delays.length - 1] = 3600;
-await browser.close();
-
-const files = readdirSync(FRAMES)
-  .filter((f) => f.endsWith('.png'))
-  .sort();
-const enc = GIFEncoder();
-const ref = PNG.sync.read(readFileSync(join(FRAMES, files[files.length - 1])));
-const palette = quantize(new Uint8ClampedArray(ref.data), 64, { format: 'rgb565' });
-for (const [i, f] of files.entries()) {
-  const png = PNG.sync.read(readFileSync(join(FRAMES, f)));
-  const indexed = applyPalette(new Uint8ClampedArray(png.data), palette, 'rgb565');
-  enc.writeFrame(indexed, png.width, png.height, {
-    palette: i === 0 ? palette : undefined,
-    delay: delays[i] ?? 450,
-    repeat: 0,
-  });
-}
-enc.finish();
-const bytes = Buffer.from(enc.bytes());
-writeFileSync(TARGET, bytes);
-
-// The mp4 is encoded from the same frames, so the concat list is written next to them: ffmpeg's
-// concat demuxer wants one `duration` per frame and the last frame repeated.
-const list = `${files.map((f, i) => `file ${f}\nduration ${((delays[i] ?? 460) / 1000).toFixed(3)}\n`).join('')}file ${files[files.length - 1]}\n`;
-writeFileSync(join(FRAMES, 'list.txt'), list, 'utf8');
-console.log(`${TARGET}: ${files.length} frames, ${(bytes.length / 1024).toFixed(0)} KB`);
-console.log(`total runtime: ${(delays.reduce((a, b) => a + b, 0) / 1000).toFixed(1)}s`);
-console.log('for the mp4:');
-console.log(`  ffmpeg -f concat -safe 0 -i ${join(FRAMES, 'list.txt')}`);
-console.log(
-  `    -vf fps=25,format=yuv420p -c:v libx264 -crf 20 ${join(HERE, 'fable-capture.mp4')}`,
-);