@tandryukha/aidemo 0.17.1 → 0.19.0

package/README.md

@@ -154,7 +154,7 @@ A bundled fixture store (search → results → cart → checkout) that renders
 finished demo with zero external dependencies:
 
 ```bash
-npm install                                # Node 20+, system Chrome, ffmpeg on PATH
+npm install                                # Node 22.12+, system Chrome, ffmpeg on PATH
 node examples/local-demo/serve.mjs         # terminal 1: fixture on :8787
 node bin/aidemo.mjs render examples/local-demo --headless   # terminal 2
 open examples/local-demo/output/final-demo.mp4   # xdg-open on Linux, start on Windows
@@ -165,8 +165,9 @@ Voice/captions need `OPENAI_API_KEY` in `.env` — **or** `AIDEMO_TTS_PROVIDER=l
 [docs/LOCAL_MODELS.md](docs/LOCAL_MODELS.md). No Playwright browser download is
 needed — the engine uses your system Chrome (`channel: "chrome"`; see
 [Setup](#setup) to use a different browser). The one Playwright download is
-its ~2 MB ffmpeg helper, which records the take: `aidemo doctor` checks for it
-and prints the exact install command (`npx playwright install ffmpeg`).
+its ~2 MB ffmpeg helper, which encodes the take: the first take installs it
+automatically (`AIDEMO_NO_AUTO_INSTALL=1` to manage it yourself with
+`npx playwright install ffmpeg`).
 
 [![Quickstart output — the bundled fixture rendered end-to-end](docs/quickstart.gif)](https://github.com/tandryukha/aidemo/releases/download/v0.3.0/quickstart-demo.mp4)
 
@@ -253,9 +254,9 @@ Codex).
 
 ## Setup
 
-Prereqs: **Node 20+**, **Google Chrome**, **ffmpeg + ffprobe** on `PATH`, and
-Playwright's ~2 MB ffmpeg helper that records the take (one per Playwright
-version; `aidemo doctor` prints the exact install command).
+Prereqs: **Node 22.12+**, **Google Chrome**, **ffmpeg + ffprobe** on `PATH`. The
+first take also fetches Playwright's ~2 MB ffmpeg helper, which encodes the
+recording (once per Playwright version; `AIDEMO_NO_AUTO_INSTALL=1` opts out).
 Developed and tested on macOS; Linux works for the default (Playwright) capture
 and `--capture obs`. Run `aidemo doctor` to check your setup.
 
@@ -298,12 +299,14 @@ demos/<name>/          ← your working area (untracked; scaffold with `aidemo i
   `postinstall`/`preinstall`).
 - **Network is user-initiated only:** `api.openai.com` (only `voice`/`captions`,
   your key — or a local server via `OPENAI_BASE_URL`), `api.elevenlabs.io` (opt-in),
-  `huggingface.co` (download-only, once, for `AIDEMO_TTS_PROVIDER=local`), and
+  `huggingface.co` (download-only, once, for `AIDEMO_TTS_PROVIDER=local`),
+  `cdn.playwright.dev` (download-only, once per Playwright version: the ~2 MB
+  ffmpeg helper that encodes the take; off with `AIDEMO_NO_AUTO_INSTALL=1`), and
   `github.com` (your own `gh`, for `aidemo feedback`). Recording/composing are
-  fully local. The MCP server is **stdio-only** — no listener.
-- **Small, auditable surface:** ~20 source files, 7 runtime deps, MIT. Pin an
+  otherwise fully local. The MCP server is **stdio-only** — no listener.
+- **Small, auditable surface:** ~50 source files, 7 runtime deps, MIT. Pin an
   immutable ref if you're wary of the moving `#stable` tag:
-  `npx -y github:tandryukha/aidemo#v0.14.0` (any released tag).
+  `npx -y github:tandryukha/aidemo#v0.18.0` (any released tag).
 - Full detail: [docs/LOCAL_MODELS.md](docs/LOCAL_MODELS.md#what-leaves-the-machine)
   · report vulnerabilities privately per [SECURITY.md](SECURITY.md).
 

package/bin/aidemo.mjs

@@ -6,6 +6,21 @@ import { createRequire } from "node:module";
 import { existsSync } from "node:fs";
 import { dirname, resolve } from "node:path";
 
+// Fail fast on an unsupported Node with the fix, instead of an arbitrary crash
+// deep inside a dependency (openai 7 needs Node 22, commander 15 22.12). Node
+// 20 reached end-of-life on 2026-04-30. Keep in sync with package.json
+// "engines" and the doctor check (src/distribute.ts).
+const MIN_NODE = [22, 12];
+const [nodeMajor, nodeMinor] = process.versions.node.split(".").map(Number);
+if (nodeMajor < MIN_NODE[0] || (nodeMajor === MIN_NODE[0] && nodeMinor < MIN_NODE[1])) {
+  console.error(
+    `aidemo: Node.js ${MIN_NODE.join(".")}+ is required (found ${process.version}). ` +
+      `Install Node ${MIN_NODE[0]} LTS or newer (nvm install ${MIN_NODE[0]}; in CI, ` +
+      `actions/setup-node with node-version: ${MIN_NODE[0]}) and re-run.`
+  );
+  process.exit(1);
+}
+
 const here = dirname(fileURLToPath(import.meta.url));
 const cli = resolve(here, "..", "src", "cli.ts");
 const require = createRequire(import.meta.url);

package/docs/AUTHORING.md

@@ -625,8 +625,8 @@ artifacts in `output/walkthrough/`: `index.html` (one card per scene with
 its payoff frame, title, narration and a jump-to-time button over the video;
 ← / → keys step through, Enter plays from a step), `guide.md` (the same as a
 README/SOP section: heading + frame + narration per scene), `scene-NN-<id>.png`
-frames, the SRT/VTT captions (timed to the video, like the sidecars), and
-`walkthrough.json`. Frames come from the
+frames, the SRT/VTT captions (timed to the video, like the sidecars; the
+page's player offers them as a captions track), and `walkthrough.json`. Frames come from the
 **final** video, so they carry zoom, cursor, overlays and the frame. Scene
 `title`s name the steps (falling back to ids).
 
@@ -1256,9 +1256,14 @@ CLI. If nothing came up, skip this.
   …) is set; the executable wins. Use `chromium` when a managed Chrome closes
   the automated session after a few seconds ("Target page, context or browser
   has been closed").
-- `doctor` checks Node, ffmpeg, the browser in use, the TTS/STT endpoint
-  (and flags LLM-only servers like Ollama, which have no audio endpoints — point
-  `OPENAI_BASE_URL` at a speech server such as speaches instead).
+- `doctor` checks Node (22+), ffmpeg, the browser in use, Playwright's ffmpeg
+  helper, the TTS/STT endpoint (and flags LLM-only servers like Ollama, which
+  have no audio endpoints — point `OPENAI_BASE_URL` at a speech server such as
+  speaches instead).
+- The first take installs Playwright's ~2 MB ffmpeg helper (it encodes the
+  recording; once per Playwright version) and logs `installing Playwright's
+  ffmpeg helper`. If that download is blocked, the error names the manual
+  command; `AIDEMO_NO_AUTO_INSTALL=1` turns the download off.
 
 ## Import from Playwright (trace or test file)
 

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@tandryukha/aidemo",
-  "version": "0.17.1",
+  "version": "0.19.0",
   "license": "MIT",
   "description": "AI Demo Engine — turn a storyboard into a narrated, captioned product demo video",
   "type": "module",
   "bin": {
     "aidemo": "bin/aidemo.mjs"
   },
+  "engines": {
+    "node": ">=22.12"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -28,6 +31,7 @@
     "build": "tsc --noEmit",
     "serve-example": "node examples/local-demo/serve.mjs",
     "mcp-smoke": "node test/mcp-smoke.mjs",
+    "test": "tsx --test test/issue-64.mjs test/issue-89.mjs test/runtime-setup.mjs test/mcp-schemas.mjs",
     "test:blank-open": "tsx --test test/blank-open.mjs",
     "mcp-env-test": "node test/mcp-env.mjs",
     "guard-openai-key": "tsx scripts/guard-openai-key.ts",
@@ -36,8 +40,8 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "1.32.2",
-    "commander": "^12.1.0",
-    "openai": "^6.49.0",
+    "commander": "^15.0.0",
+    "openai": "^7.47.0",
     "playwright": "^1.55.1",
     "re2js": "2.9.1",
     "tsx": "^4.23.1",

package/src/browser.ts

@@ -8,11 +8,13 @@
  * the options are exactly the engine's historical `{ channel: "chrome", ... }`.
  */
 import { chromium, type Browser, type BrowserContext, type LaunchOptions } from "playwright";
-import { readFileSync } from "node:fs";
+import { spawn } from "node:child_process";
+import { existsSync, readFileSync } from "node:fs";
 import { createRequire } from "node:module";
 import { homedir } from "node:os";
 import { dirname, isAbsolute, join, resolve } from "node:path";
 import { BrowserSetupError, chromeLaunchOptions, type ChromeLaunchTarget } from "./config.js";
+import { log, ok } from "./util.js";
 
 type PersistentOptions = NonNullable<Parameters<typeof chromium.launchPersistentContext>[1]>;
 
@@ -34,7 +36,13 @@ const FFMPEG_HELPER_EXE: Partial<Record<NodeJS.Platform, string>> = {
  * ms-playwright cache dir). `install` is the exact command for THIS engine's
  * Playwright. null when the location can't be determined.
  */
-export function recorderFfmpeg(): { path: string; revision: string; install: string } | null {
+export function recorderFfmpeg(): {
+  path: string;
+  revision: string;
+  /** This engine's playwright/cli.js — runs Playwright's own installer. */
+  cli: string;
+  install: string;
+} | null {
   try {
     const exe = FFMPEG_HELPER_EXE[process.platform];
     if (!exe) return null;
@@ -58,6 +66,7 @@ export function recorderFfmpeg(): { path: string; revision: string; install: str
     return {
       path: join(registry, `ffmpeg-${revision}`, exe),
       revision,
+      cli,
       install: `node "${cli}" install ffmpeg`,
     };
   } catch {
@@ -71,6 +80,72 @@ function defaultPlaywrightCacheDir(): string {
   return process.env.XDG_CACHE_HOME || join(homedir(), ".cache");
 }
 
+/** AIDEMO_NO_AUTO_INSTALL=1: never download the helper (air-gapped / managed caches). */
+export const recorderAutoInstall = (): boolean =>
+  !/^(1|true|yes)$/i.test(process.env.AIDEMO_NO_AUTO_INSTALL?.trim() ?? "");
+
+/**
+ * Before a built-in capture launches, make sure Playwright's ffmpeg helper is
+ * there, installing it with Playwright's own installer when it is not, so a
+ * fresh install records out of the box (the GitHub Action runs the same step).
+ * ~2 MB from Playwright's CDN, once per helper revision.
+ * PLAYWRIGHT_SKIP_BROWSER_GC=1 keeps the installer from pruning browsers other
+ * Playwright projects on the machine installed. With AIDEMO_NO_AUTO_INSTALL=1,
+ * an unknown layout or an already-installed helper this is a no-op (a missing
+ * helper then fails the launch with explainLaunchError's install command).
+ */
+export async function ensureRecorderFfmpeg(): Promise<void> {
+  const helper = recorderFfmpeg();
+  if (!helper || existsSync(helper.path) || !recorderAutoInstall()) return;
+  log(
+    `installing Playwright's ffmpeg helper (revision ${helper.revision}, ~2 MB, once per ` +
+      `Playwright version; it encodes the take — AIDEMO_NO_AUTO_INSTALL=1 skips this)`
+  );
+  let output = "";
+  const keep = (d: Buffer | string): void => {
+    output = (output + d.toString()).slice(-4000);
+  };
+  const code = await new Promise<number | null>((done) => {
+    const child = spawn(process.execPath, [helper.cli, "install", "ffmpeg"], {
+      env: { ...process.env, PLAYWRIGHT_SKIP_BROWSER_GC: "1" },
+      // Off stdout: under `aidemo mcp`, stdout is the JSON-RPC channel.
+      stdio: ["ignore", "pipe", "pipe"],
+    });
+    child.stdout.on("data", keep);
+    child.stderr.on("data", keep);
+    const timer = setTimeout(() => child.kill(), 5 * 60_000);
+    child.on("error", (err) => {
+      keep(String(err));
+      clearTimeout(timer);
+      done(null);
+    });
+    child.on("close", (c) => {
+      clearTimeout(timer);
+      done(c);
+    });
+  });
+  if (code !== 0 || !existsSync(helper.path)) {
+    // The installer prints the cause as "Error: …" between stack frames and an
+    // error-object dump; surface that line, not the frames.
+    const lines = output
+      .replace(/\u001b\[[0-9;]*m/g, "")
+      .split("\n")
+      .map((l) => l.trim())
+      .filter((l) => l && !l.startsWith("at ") && !/^[{}]$/.test(l));
+    // Root cause first ("connect ECONNREFUSED …", "server returned code 403"),
+    // then the installer's own summary line.
+    const errors = [...new Set(lines.filter((l) => /error/i.test(l)))];
+    const why = (errors.length ? errors.slice(0, 2) : lines.slice(-1))
+      .map((l) => l.slice(0, 200))
+      .join(" — ");
+    throw new BrowserSetupError(
+      `could not install Playwright's ffmpeg helper (revision ${helper.revision}), which the ` +
+        `take is recorded with${why ? `: ${why}` : ""}. Install it yourself: ${helper.install}`
+    );
+  }
+  ok(`Playwright ffmpeg helper installed (revision ${helper.revision})`);
+}
+
 /** A launch that failed on Playwright's missing ffmpeg helper, not on the browser. */
 const FFMPEG_HELPER_RE = /playwright install ffmpeg|[\\/]ffmpeg-\d+[\\/]ffmpeg/i;
 

package/src/caption-track.ts

@@ -75,6 +75,21 @@ export function mp4Language(tag: string | undefined): string {
   return ISO639_2T[primary] ?? "und";
 }
 
+/**
+ * `srclang` + human label for an HTML `<track>` of captions in `tag` (a BCP-47
+ * code: "en", "en-GB", "de"), e.g. { srclang: "en-GB", label: "British English" }.
+ */
+export function htmlTrackLanguage(tag: string | undefined): { srclang: string; label: string } {
+  const srclang = tag?.trim() || "en";
+  let label = srclang;
+  try {
+    label = new Intl.DisplayNames(["en"], { type: "language" }).of(srclang) ?? srclang;
+  } catch {
+    // not a valid BCP-47 tag — keep the raw code as the label
+  }
+  return { srclang, label };
+}
+
 /** Track handler types that carry subtitles/captions in ISO-BMFF / QuickTime. */
 const SUBTITLE_HANDLERS = new Set(["sbtl", "text", "subt"]);
 

package/src/capture.ts

@@ -348,7 +348,7 @@ interface ObsPending {
 }
 
 /**
- * Minimal obs-websocket v5 client on Node's global WebSocket (Node 22+).
+ * Minimal obs-websocket v5 client on Node's global WebSocket.
  * Assumes the current OBS scene captures the FULL primary display (Display
  * Capture) — the recorder crops to the viewport afterwards, same as native.
  */
@@ -366,11 +366,6 @@ export class ObsCapture implements CaptureProvider {
   }
 
   async start(): Promise<void> {
-    if (typeof WebSocket === "undefined") {
-      throw new Error(
-        "OBS capture needs Node 22+ (built-in WebSocket). Use --capture native instead."
-      );
-    }
     await this.connect();
     await this.request("StartRecord", {});
     await sleep(500); // let OBS write its first frames

package/src/distribute.ts

@@ -25,7 +25,12 @@ import {
   chromeLaunchOptions,
   type ChromeLaunchTarget,
 } from "./config.js";
-import { describeChromeTarget, probeConfiguredBrowser, recorderFfmpeg } from "./browser.js";
+import {
+  describeChromeTarget,
+  probeConfiguredBrowser,
+  recorderAutoInstall,
+  recorderFfmpeg,
+} from "./browser.js";
 import { localTtsStatus } from "./voice-local.js";
 import { Project } from "./project.js";
 import { STARTER_BRIEF, STARTER_STORYBOARD, briefFromInspect, storyboardFromInspect } from "./starter.js";
@@ -661,10 +666,17 @@ export interface DoctorReport {
   playwright: boolean;
   /**
    * Playwright's ffmpeg helper for THIS engine's Playwright — the encoder the
-   * built-in capture records every take with (see recorderFfmpeg). null when
-   * its location can't be determined.
+   * built-in capture records every take with (see recorderFfmpeg). Missing is
+   * only fatal with `autoInstall` off: the first take installs it otherwise.
+   * null when its location can't be determined.
    */
-  recorderFfmpeg: { found: boolean; path: string; revision: string; install: string } | null;
+  recorderFfmpeg: {
+    found: boolean;
+    path: string;
+    revision: string;
+    install: string;
+    autoInstall: boolean;
+  } | null;
   skill: {
     target: string;
     installed: { version: string; stableAvailable: string | null } | null;
@@ -673,6 +685,13 @@ export interface DoctorReport {
   ok: boolean;
 }
 
+/** Oldest supported Node (bin/aidemo.mjs fails fast below it; package.json "engines"). */
+const MIN_NODE: [number, number] = [22, 12];
+export const nodeSupported = (version: string): boolean => {
+  const [major, minor] = version.replace(/^v/, "").split(".").map(Number);
+  return major > MIN_NODE[0] || (major === MIN_NODE[0] && minor >= MIN_NODE[1]);
+};
+
 /** Build the structured preflight report (used by CLI doctor + MCP doctor). */
 export async function doctorReport(dir: string | undefined): Promise<DoctorReport> {
   const base = openAiBaseUrl();
@@ -732,7 +751,15 @@ export async function doctorReport(dir: string | undefined): Promise<DoctorRepor
         : {}),
     },
     playwright: playwrightOk,
-    recorderFfmpeg: helper ? { found: await exists(helper.path), ...helper } : null,
+    recorderFfmpeg: helper
+      ? {
+          found: await exists(helper.path),
+          path: helper.path,
+          revision: helper.revision,
+          install: helper.install,
+          autoInstall: recorderAutoInstall(),
+        }
+      : null,
     skill: {
       target,
       installed: manifest
@@ -746,10 +773,11 @@ export async function doctorReport(dir: string | undefined): Promise<DoctorRepor
     ok: false,
   };
   report.ok = Boolean(
-    report.ffmpeg &&
+    nodeSupported(report.node) &&
+      report.ffmpeg &&
       report.browser.found &&
       report.playwright &&
-      (report.recorderFfmpeg?.found ?? true) &&
+      (report.recorderFfmpeg ? report.recorderFfmpeg.found || report.recorderFfmpeg.autoInstall : true) &&
       // Local TTS needs no key: voice is in-process, captions auto-fall-back
       // to the offline derivation in `render`.
       (report.apiKey !== "missing" || report.tts.provider === "local") &&
@@ -767,7 +795,8 @@ export async function doctor(dir: string | undefined): Promise<void> {
   const line = (label: string, val: string | null) =>
     val ? ok(`${label}: ${val}`) : fail(`${label}: NOT FOUND`);
 
-  line("node", r.node);
+  if (nodeSupported(r.node)) ok(`node: ${r.node}`);
+  else fail(`node: ${r.node} — aidemo needs Node ${MIN_NODE.join(".")}+ (Node 20 is end-of-life)`);
   line("ffmpeg", r.ffmpeg);
   if (r.browser.source === "default") {
     line("chrome", r.chrome);
@@ -815,13 +844,18 @@ export async function doctor(dir: string | undefined): Promise<void> {
   );
   if (r.playwright) ok(`playwright: resolvable`);
   else fail(`playwright: not installed`);
-  if (r.recorderFfmpeg?.found) {
-    ok(`playwright ffmpeg helper: revision ${r.recorderFfmpeg.revision} (records the take)`);
-  } else if (r.recorderFfmpeg) {
+  const helper = r.recorderFfmpeg;
+  if (helper?.found) {
+    ok(`playwright ffmpeg helper: revision ${helper.revision} (records the take)`);
+  } else if (helper?.autoInstall) {
+    log(
+      `playwright ffmpeg helper: revision ${helper.revision} not installed yet — the first ` +
+        `take installs it (~2 MB from Playwright's CDN); or now: ${helper.install}`
+    );
+  } else if (helper) {
     fail(
-      `playwright ffmpeg helper: revision ${r.recorderFfmpeg.revision} NOT FOUND at ` +
-        `${r.recorderFfmpeg.path} — every take fails without it (~2 MB, once per ` +
-        `Playwright version): ${r.recorderFfmpeg.install}`
+      `playwright ffmpeg helper: revision ${helper.revision} NOT FOUND at ${helper.path} and ` +
+        `AIDEMO_NO_AUTO_INSTALL is set — every take fails without it: ${helper.install}`
     );
   }
 

package/src/embed.ts

@@ -12,10 +12,12 @@
  * hits the network beyond the local `git` invocation, and never renders.
  */
 import { execFile } from "node:child_process";
+import { readFile } from "node:fs/promises";
 import { promisify } from "node:util";
 import { resolve, isAbsolute, basename } from "node:path";
 import { exists } from "./util.js";
 import { UPSTREAM_REPO } from "./distribute.js";
+import { htmlTrackLanguage } from "./caption-track.js";
 
 const execFileAsync = promisify(execFile);
 
@@ -49,6 +51,8 @@ export interface EmbedResult {
     still: string;
     /** GitHub Pages MP4 (correct video/mp4 MIME for <video>) — needs Pages on the branch. */
     pagesMp4: string;
+    /** GitHub Pages WebVTT captions, timed to the video — the <video> embed's <track>. */
+    pagesVtt: string;
     /** GitHub Pages project-site base. */
     pagesBase: string;
   };
@@ -140,12 +144,25 @@ export async function buildEmbed(
   // GitHub Pages project-site host is the lowercased owner login.
   const pagesBase = `https://${owner.toLowerCase()}.github.io/${repo}`;
   const pagesMp4 = `${pagesBase}/media/${demo}/latest.mp4`;
+  const pagesVtt = `${pagesBase}/media/${demo}/latest.vtt`;
+  // Track language = the storyboard's narration language (best-effort read).
+  let language: string | undefined;
+  try {
+    const sb = JSON.parse(await readFile(resolve(demoDir, "generated", "storyboard.json"), "utf8"));
+    if (typeof sb?.language === "string") language = sb.language;
+  } catch {
+    // no storyboard here (or unreadable) — English
+  }
+  const { srclang, label } = htmlTrackLanguage(language);
 
   const markdownGif = `![${demo} demo](${gif})`;
   const markdownStill = `![${demo}](${stillUrl})`;
+  // crossorigin: the page embedding this is on another origin than Pages, and
+  // a cross-origin <track> only loads in CORS mode (Pages sends ACAO: *).
   const htmlVideo =
-    `<video controls muted loop playsinline width="960" poster="${stillUrl}">\n` +
+    `<video controls muted loop playsinline width="960" crossorigin="anonymous" poster="${stillUrl}">\n` +
     `  <source src="${pagesMp4}" type="video/mp4" />\n` +
+    `  <track kind="captions" src="${pagesVtt}" srclang="${srclang}" label="${label}" />\n` +
     `  <a href="${gif}">▶ Watch the ${demo} demo</a>\n` +
     `</video>`;
 
@@ -158,7 +175,7 @@ export async function buildEmbed(
     demo,
     branch: DEMO_MEDIA_BRANCH,
     still,
-    urls: { gif, mp4, still: stillUrl, pagesMp4, pagesBase },
+    urls: { gif, mp4, still: stillUrl, pagesMp4, pagesVtt, pagesBase },
     snippets: { markdownGif, markdownStill, htmlVideo },
     workflow: {
       path: PUBLISH_WORKFLOW_REL,

package/src/mcp/server.ts

@@ -81,6 +81,43 @@ function storyboardJsonSchema(): Record<string, unknown> {
   }) as Record<string, unknown>;
 }
 
+/**
+ * Tool input schemas advertise `additionalProperties: false` on every object,
+ * as they did before the zod 4 migration: the MCP SDK converts zod 4 schemas
+ * with io:"input", which leaves objects open. Metadata only — zod still
+ * strips unknown arguments at runtime, exactly as before. (An empty input
+ * stays a raw `{}`, which the SDK lists as it always has.)
+ */
+function closedInput<Shape extends z.ZodRawShape>(shape: Shape) {
+  for (const field of Object.values(shape)) closeObjects(field);
+  return z.object(shape).meta({ additionalProperties: false });
+}
+
+/** Mark every object schema reachable from `schema` closed (keeps existing metadata). */
+function closeObjects(schema: z.core.$ZodType, seen = new Set<unknown>()): void {
+  if (seen.has(schema)) return;
+  seen.add(schema);
+  const def = schema._zod.def as {
+    type: string;
+    shape?: Record<string, z.core.$ZodType>;
+    innerType?: z.core.$ZodType;
+    element?: z.core.$ZodType;
+    options?: z.core.$ZodType[];
+    valueType?: z.core.$ZodType;
+  };
+  if (def.type === "object") {
+    z.globalRegistry.add(schema, { ...z.globalRegistry.get(schema), additionalProperties: false });
+  }
+  const children = [
+    ...Object.values(def.shape ?? {}),
+    ...(def.options ?? []),
+    def.innerType,
+    def.element,
+    def.valueType,
+  ];
+  for (const child of children) if (child) closeObjects(child, seen);
+}
+
 type ToolResult = {
   content: Array<{ type: "text"; text: string }>;
   structuredContent?: Record<string, unknown>;
@@ -279,14 +316,14 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         `\`topic\` (${GUIDE_TOPIC_NAMES.join(" | ")}, or any H2 heading prefix) ` +
         "for one slice instead of the whole ~1000-line guide; start with " +
         "`core`, then fetch `attention`/`polish`/`chatgpt-apps` as needed.",
-      inputSchema: {
+      inputSchema: closedInput({
         topic: z
           .string()
           .optional()
           .describe(
             `Slice: ${GUIDE_TOPIC_NAMES.join(", ")} — or an H2 heading prefix. Omit for the full guide.`
           ),
-      },
+      }),
       outputSchema: {
         guide: z.string(),
         engineVersion: z.string(),
@@ -348,13 +385,13 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "anything. Pass exactly one of: dir (uses generated/storyboard.json), " +
         "path (a storyboard file), or json (storyboard JSON as a string). " +
         "relaxed makes narration optional (probe semantics).",
-      inputSchema: {
+      inputSchema: closedInput({
         dir: z.string().optional().describe("demo dir → generated/storyboard.json"),
         path: z.string().optional().describe("path to a storyboard .json file"),
         json: z.string().optional().describe("storyboard JSON as a string"),
         relaxed: z.boolean().optional(),
         params: PARAMS_INPUT,
-      },
+      }),
       outputSchema: {
         valid: z.boolean(),
         storyboardPath: z.string().optional(),
@@ -441,13 +478,13 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "Run it after every storyboard edit, before probe/render. Pass exactly " +
         "one of dir / path / json. lang lints a narrations[lang] translation at " +
         "that language's speaking rate.",
-      inputSchema: {
+      inputSchema: closedInput({
         dir: z.string().optional().describe("demo dir → generated/storyboard.json"),
         path: z.string().optional().describe("path to a storyboard .json file"),
         json: z.string().optional().describe("storyboard JSON as a string"),
         lang: z.string().optional(),
         params: PARAMS_INPUT,
-      },
+      }),
       outputSchema: {
         issues: z.array(LINT_ISSUE_SHAPE),
         estimate: z.array(
@@ -508,7 +545,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "With fromUrl the page is inspected first (no LLM): its headings become " +
         "scenes and its unique selectors become the beats + a `_candidates` list — " +
         "you then write the narration and turn the candidate hover into the real click.",
-      inputSchema: {
+      inputSchema: closedInput({
         name: z.string().describe("demo name (creates demos/<name>/)"),
         dir: z.string().optional(),
         force: z.boolean().optional(),
@@ -519,7 +556,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
           .object({ width: z.number(), height: z.number() })
           .optional()
           .describe("fromUrl: viewport (default 1280x720)"),
-      },
+      }),
       outputSchema: {
         demoDir: z.string(),
         storyboardPath: z.string(),
@@ -557,10 +594,11 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "Check prereqs: node, ffmpeg, Chrome (or the AIDEMO_CHROME_CHANNEL / " +
         "AIDEMO_CHROME_EXECUTABLE browser in use), TTS/STT endpoint (flags " +
         "LLM-only servers like Ollama), API key, playwright + its ffmpeg " +
-        "helper (records the take; missing = every take fails), installed skill.",
-      inputSchema: {
+        "helper (records the take; installed on the first take unless " +
+        "AIDEMO_NO_AUTO_INSTALL=1), installed skill.",
+      inputSchema: closedInput({
         dir: z.string().optional().describe("repo to check for an installed skill"),
-      },
+      }),
       outputSchema: {
         engineVersion: z.string(),
         node: z.string(),
@@ -593,6 +631,9 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
             path: z.string(),
             revision: z.string(),
             install: z.string().describe("exact command to install it"),
+            autoInstall: z
+              .boolean()
+              .describe("the first take installs it (off with AIDEMO_NO_AUTO_INSTALL=1)"),
           })
           .nullable()
           .describe("Playwright's ffmpeg helper the built-in capture records with"),
@@ -629,7 +670,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "Owner/repo come from the repo's origin remote; the demo name from the " +
         "directory basename. Pair with the demo-publish workflow so CI keeps " +
         "the URLs fresh. See docs/EMBEDS.md.",
-      inputSchema: {
+      inputSchema: closedInput({
         dir: DIR_INPUT,
         repo: z
           .string()
@@ -639,7 +680,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
           .string()
           .optional()
           .describe("still-frame basename under stills/ (default: poster)"),
-      },
+      }),
       outputSchema: {
         owner: z.string(),
         repo: z.string(),
@@ -651,6 +692,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
           mp4: z.string(),
           still: z.string(),
           pagesMp4: z.string(),
+          pagesVtt: z.string().describe("captions for the <video> embed's <track>"),
           pagesBase: z.string(),
         }),
         snippets: z.object({
@@ -694,7 +736,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "network call. Call this whenever something felt broken, surprising, " +
         "or needed a workaround; skip it if the session was clean. Set dryRun " +
         "to preview the assembled title/body without filing anything.",
-      inputSchema: {
+      inputSchema: closedInput({
         title: z.string().describe("short issue title"),
         body: z
           .string()
@@ -715,7 +757,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
           .boolean()
           .optional()
           .describe("assemble the title/body but don't file anything — preview only"),
-      },
+      }),
       outputSchema: {
         filed: z.boolean(),
         title: z.string(),
@@ -747,10 +789,10 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "compose), log tail, and final result or error (with failure-artifact " +
         "paths and, on a genuine failure, a feedbackHint pointing at the " +
         "feedback tool) of a pipeline job.",
-      inputSchema: {
+      inputSchema: closedInput({
         jobId: z.string(),
         tailLines: z.number().optional().describe("log lines to return (default 40)"),
-      },
+      }),
       outputSchema: JOB_STATUS_SHAPE,
       annotations: { readOnlyHint: true },
     },
@@ -810,7 +852,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "Best-effort cancel (checked between actions/scenes/stages). A " +
         "mid-record cancel salvages the partial timeline + footage. The job " +
         "settles asynchronously — poll job_status for the final state.",
-      inputSchema: { jobId: z.string() },
+      inputSchema: closedInput({ jobId: z.string() }),
       outputSchema: JOB_STATUS_SHAPE,
     },
     async (args) => {
@@ -836,7 +878,7 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         description:
           `${description} Returns a jobId immediately — poll job_status. ` +
           `Rejects if another job is running.`,
-        inputSchema: inputShape,
+        inputSchema: closedInput(inputShape),
         outputSchema: JOB_START_SHAPE,
       },
       (async (args: z.infer<z.ZodObject<Shape>>) => {
@@ -1015,12 +1057,12 @@ export function buildMcpServer(): { server: McpServer; jobs: JobManager } {
         "and selectors become scenes (cut at navigations and async payoffs), narration " +
         "is left as placeholders, and `_notes` lists what was approximated. No LLM, " +
         "no browser. Then write the narration and probe.",
-      inputSchema: {
+      inputSchema: closedInput({
         file: z.string().describe("absolute path to trace.zip or the test file"),
         name: z.string().describe("demo name (creates demos/<name>/)"),
         dir: z.string().optional().describe("repo to scaffold into (default: server cwd)"),
         force: z.boolean().optional(),
-      },
+      }),
       outputSchema: {
         demoDir: z.string(),
         storyboardPath: z.string(),

package/src/recorder.ts

@@ -1,4 +1,4 @@
-import { describeChromeTarget, launchChromePersistent } from "./browser.js";
+import { describeChromeTarget, ensureRecorderFfmpeg, launchChromePersistent } from "./browser.js";
 import { promises as fs } from "node:fs";
 import {
   TimelineSchema,
@@ -316,6 +316,10 @@ export async function record(
   const screenCapPath = join(videoDir, "capture.mkv");
   await fs.rm(screenCapPath, { force: true });
 
+  // The built-in capture encodes the take with Playwright's ffmpeg helper,
+  // which a fresh install (or a Playwright upgrade) may not have yet.
+  if (!external) await ensureRecorderFfmpeg();
+
   let context;
   try {
     context = await launchChromePersistent(profileDir, {

package/src/walkthrough.ts

@@ -13,7 +13,8 @@ import { Project } from "./project.js";
 import { ComposeReportSchema, type Storyboard } from "./types.js";
 import { runFfmpeg } from "./ffmpeg.js";
 import { toSrt, toVtt } from "./captions.js";
-import { finalVideoCues } from "./caption-track.js";
+import { finalVideoCues, htmlTrackLanguage } from "./caption-track.js";
+import { resolveNarrationLanguage } from "./i18n.js";
 import { ensureDir, exists, readJson, writeJson, log, step } from "./util.js";
 
 export interface WalkthroughOptions {
@@ -150,7 +151,15 @@ export async function exportWalkthrough(
   );
 
   const index = resolve(dir, "index.html");
-  await fs.writeFile(index, renderHtml(title, videoRel, scenes, report.durationMs));
+  // The page's player offers the shipped VTT as a captions track (off until
+  // the viewer turns it on, like the MP4's own subtitle track).
+  const track = captions.vtt
+    ? {
+        src: basename(captions.vtt),
+        ...htmlTrackLanguage(resolveNarrationLanguage(storyboard, project.lang)),
+      }
+    : undefined;
+  await fs.writeFile(index, renderHtml(title, videoRel, scenes, report.durationMs, track));
   const manifest = resolve(dir, "walkthrough.json");
   await writeJson(manifest, {
     title,
@@ -167,7 +176,8 @@ function renderHtml(
   title: string,
   videoRel: string,
   scenes: WalkthroughScene[],
-  durationMs: number
+  durationMs: number,
+  track?: { src: string; srclang: string; label: string }
 ): string {
   const cards = scenes
     .map(
@@ -215,7 +225,11 @@ function renderHtml(
   <h1>${esc(title)}</h1>
   <div class="hint">${scenes.length} steps · ${mmss(durationMs)} · ← → to move between steps, Enter to play from a step</div>
 </header>
-<video id="v" src="${esc(videoRel)}" controls preload="metadata"></video>
+<video id="v" src="${esc(videoRel)}" controls preload="metadata">${
+    track
+      ? `<track kind="captions" src="${esc(track.src)}" srclang="${esc(track.srclang)}" label="${esc(track.label)}">`
+      : ""
+  }</video>
 <main>${cards}
 </main>
 <script>