crewswarm 0.9.2 → 0.9.4

package/apps/vibe/capture-demo.mjs

@@ -1,160 +0,0 @@
-#!/usr/bin/env node
-/**
- * CrewSwarm Demo Video — Real UI Recording
- *
- * Records a ~45s demo: Vibe IDE chat + Dashboard tour
- * Outputs mp4 + webm via ffmpeg.
- *
- * Requires: dashboard on :4319, vibe on :3333, playwright, ffmpeg
- */
-import { chromium } from "playwright";
-import { mkdirSync, rmSync, existsSync, statSync, renameSync, readdirSync } from "node:fs";
-import { join, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { execSync } from "node:child_process";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const OUT = join(__dirname, "..", "..", "website", "vibe-assets");
-const FINAL_MP4 = join(OUT, "vibe-demo.mp4");
-const FINAL_WEBM = join(OUT, "vibe-demo.webm");
-
-const DASHBOARD_URL = "http://127.0.0.1:4319";
-const VIBE_URL = "http://127.0.0.1:3333";
-const VIEWPORT = { width: 1440, height: 900 };
-
-mkdirSync(OUT, { recursive: true });
-
-async function record() {
-  console.log("⏳ Checking services...");
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext({
-    recordVideo: { dir: OUT, size: VIEWPORT },
-    viewport: VIEWPORT,
-    colorScheme: "dark",
-  });
-  const page = await context.newPage();
-
-  try {
-    // ─── SCENE 1: Vibe IDE ──────────────────────────
-    console.log("🎬 Scene 1: Vibe IDE");
-    await page.goto(VIBE_URL, { waitUntil: "load", timeout: 30_000 });
-    await page.waitForTimeout(3_000);
-
-    // Select Studio Workspace project
-    console.log("   → Selecting project...");
-    try {
-      const selects = page.locator("select");
-      const count = await selects.count();
-      if (count > 0) {
-        await selects.first().selectOption({ label: "Studio Workspace" });
-        await page.waitForTimeout(2_000);
-      }
-    } catch (e) { console.log("   (skip project select:", e.message, ")"); }
-
-    // Click a file in the explorer
-    console.log("   → Opening file...");
-    try {
-      // Click on server.mjs in the file tree
-      await page.locator("text=server.mjs").first().click({ timeout: 3000 });
-      await page.waitForTimeout(3_000);
-    } catch { console.log("   (no file to click)"); }
-
-    // Type a message in chat
-    console.log("   → Typing in chat...");
-    try {
-      const textarea = page.locator("textarea").first();
-      await textarea.click();
-      const msg = "Add a GET /health endpoint that returns { status: \"ok\" }";
-      for (const ch of msg) {
-        await page.keyboard.type(ch, { delay: 30 });
-      }
-      await page.waitForTimeout(500);
-      console.log("   → Sending message...");
-      await page.keyboard.press("Enter");
-      // Wait for agent response to stream
-      console.log("   → Waiting for response (20s)...");
-      await page.waitForTimeout(20_000);
-    } catch (e) { console.log("   (chat error:", e.message, ")"); }
-
-    // Show terminal
-    console.log("   → Toggling terminal...");
-    try {
-      await page.locator("button", { hasText: "Terminal" }).click({ timeout: 2000 });
-      await page.waitForTimeout(2_000);
-    } catch { console.log("   (no terminal button)"); }
-
-    // Hold for a beat
-    await page.waitForTimeout(2_000);
-
-    // ─── SCENE 2: Dashboard ─────────────────────────
-    console.log("🎬 Scene 2: Dashboard");
-    await page.goto(DASHBOARD_URL, { waitUntil: "load", timeout: 60_000 });
-    await page.waitForTimeout(4_000);
-
-    // Click through sidebar tabs
-    const tabs = ["Sessions", "Agents", "Models", "Engines", "Swarm"];
-    for (const name of tabs) {
-      try {
-        console.log(`   → ${name}...`);
-        await page.locator(`text="${name}"`).first().click({ timeout: 2000 });
-        await page.waitForTimeout(3_500);
-      } catch { console.log(`   (skip ${name})`); }
-    }
-
-    // End on Chat
-    try {
-      await page.locator('text="Chat"').first().click({ timeout: 2000 });
-      await page.waitForTimeout(3_000);
-    } catch {}
-
-  } finally {
-    console.log("💾 Saving...");
-    await page.close();
-    await context.close();
-    await browser.close();
-  }
-
-  // Find the recorded webm (Playwright names it randomly)
-  const webms = readdirSync(OUT).filter(f => f.endsWith(".webm") && f !== "vibe-demo.webm");
-  if (webms.length === 0) {
-    console.error("❌ No recording found");
-    process.exit(1);
-  }
-  // Use the newest one
-  webms.sort((a, b) => statSync(join(OUT, b)).mtimeMs - statSync(join(OUT, a)).mtimeMs);
-  const rawPath = join(OUT, webms[0]);
-  console.log(`📼 Raw recording: ${rawPath}`);
-
-  // Convert to mp4
-  console.log("🎞️  Converting to mp4...");
-  rmSync(FINAL_MP4, { force: true });
-  execSync(
-    `ffmpeg -y -i "${rawPath}" -vcodec libx264 -crf 23 -preset slow -vf "scale=1440:900:flags=lanczos" -movflags +faststart -an "${FINAL_MP4}"`,
-    { stdio: "inherit" }
-  );
-
-  // Convert to webm (for web embed)
-  console.log("🎞️  Converting to webm...");
-  rmSync(FINAL_WEBM, { force: true });
-  execSync(
-    `ffmpeg -y -i "${rawPath}" -c:v libvpx-vp9 -crf 30 -b:v 0 -vf "scale=1440:900:flags=lanczos" -an "${FINAL_WEBM}"`,
-    { stdio: "inherit" }
-  );
-
-  // Clean up raw
-  rmSync(rawPath, { force: true });
-
-  const mp4KB = Math.round(statSync(FINAL_MP4).size / 1024);
-  const webmKB = Math.round(statSync(FINAL_WEBM).size / 1024);
-  console.log(`\n✨ Done:`);
-  console.log(`   mp4:  ${FINAL_MP4} (${mp4KB} KB)`);
-  console.log(`   webm: ${FINAL_WEBM} (${webmKB} KB)`);
-}
-
-record()
-  .then(() => console.log("\n🎬 Demo capture complete!"))
-  .catch((err) => {
-    console.error("❌ Failed:", err.message);
-    process.exit(1);
-  });

package/apps/vibe/capture-full-demo.mjs

@@ -1,255 +0,0 @@
-#!/usr/bin/env node
-/**
- * CrewSwarm Full Demo — Screenshot Capture + Slideshow Video
- *
- * Takes screenshots of all key features across Vibe + Dashboard,
- * then stitches them into a crossfade slideshow video.
- *
- * Requires: vibe on :3333, dashboard on :4319, playwright, ffmpeg
- */
-import { chromium } from "playwright";
-import { mkdirSync, rmSync, existsSync, statSync, readdirSync } from "node:fs";
-import { join, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { execSync } from "node:child_process";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const OUT = join(__dirname, "..", "..", "website", "vibe-assets");
-const FINAL_MP4 = join(OUT, "vibe-demo.mp4");
-const FINAL_WEBM = join(OUT, "vibe-demo.webm");
-
-const VIBE_URL = "http://127.0.0.1:3333";
-const DASHBOARD_URL = "http://127.0.0.1:4319";
-const VIEWPORT = { width: 1440, height: 900 };
-
-// Slide duration in seconds for the final video
-const SLIDE_DURATION = 3.5;
-const CROSSFADE_DURATION = 0.8;
-
-mkdirSync(OUT, { recursive: true });
-
-// Clean old slides
-for (const f of readdirSync(OUT)) {
-  if (f.startsWith("slide-") && f.endsWith(".png")) {
-    rmSync(join(OUT, f), { force: true });
-  }
-}
-
-let slideNum = 0;
-function slidePath() {
-  slideNum++;
-  return join(OUT, `slide-${String(slideNum).padStart(2, "0")}.png`);
-}
-
-async function capture() {
-  console.log("Checking services...");
-
-  const browser = await chromium.launch({ headless: true });
-
-  // ─── VIBE SCREENSHOTS ─────────────────────────────────
-  console.log("\n=== VIBE IDE ===");
-  const vibeCtx = await browser.newContext({
-    viewport: VIEWPORT,
-    colorScheme: "dark",
-  });
-  const vibe = await vibeCtx.newPage();
-
-  // Slide 1: Vibe IDE — editor view
-  console.log("  [1] Vibe IDE — editor overview");
-  await vibe.goto(VIBE_URL, { waitUntil: "load", timeout: 30_000 });
-  await vibe.waitForTimeout(3_000);
-  // Try to open a file
-  try {
-    await vibe.locator("text=server.mjs").first().click({ timeout: 3000 });
-    await vibe.waitForTimeout(2_000);
-  } catch { console.log("      (no file to open)"); }
-  await vibe.screenshot({ path: slidePath() });
-
-  // Slide 2: Vibe — Claude Code selected
-  console.log("  [2] Vibe — Claude Code engine");
-  try {
-    const sel = vibe.locator("#chat-mode-selector");
-    await sel.selectOption("cli:claude");
-    await vibe.waitForTimeout(1_000);
-  } catch { console.log("      (skip engine select)"); }
-  await vibe.screenshot({ path: slidePath() });
-
-  // Slide 3: Vibe — Cursor CLI selected
-  console.log("  [3] Vibe — Cursor CLI engine");
-  try {
-    const sel = vibe.locator("#chat-mode-selector");
-    await sel.selectOption("cli:cursor");
-    await vibe.waitForTimeout(1_000);
-  } catch { console.log("      (skip engine select)"); }
-  await vibe.screenshot({ path: slidePath() });
-
-  // Slide 4: Vibe — Gemini CLI selected
-  console.log("  [4] Vibe — Gemini CLI engine");
-  try {
-    const sel = vibe.locator("#chat-mode-selector");
-    await sel.selectOption("cli:gemini");
-    await vibe.waitForTimeout(1_000);
-  } catch { console.log("      (skip engine select)"); }
-  await vibe.screenshot({ path: slidePath() });
-
-  // Slide 5: Vibe — typing a prompt in the chat input
-  console.log("  [5] Vibe — typing prompt");
-  try {
-    const sel = vibe.locator("#chat-mode-selector");
-    await sel.selectOption("cli:claude");
-    await vibe.waitForTimeout(500);
-    const chatInput = vibe.locator("#chat-input");
-    await chatInput.click({ timeout: 5000 });
-    const msg = "Add session resume for all CLI engines with --resume flag";
-    await chatInput.fill(msg);
-    await vibe.waitForTimeout(500);
-  } catch (e) { console.log("      (skip prompt:", e.message, ")"); }
-  await vibe.screenshot({ path: slidePath() });
-
-  // Slide 6: Vibe — send and capture response
-  console.log("  [6] Vibe — agent working");
-  try {
-    await vibe.keyboard.press("Enter");
-    // Wait for response to stream
-    await vibe.waitForTimeout(18_000);
-  } catch { console.log("      (skip response)"); }
-  await vibe.screenshot({ path: slidePath() });
-
-  // Slide 7: Vibe — terminal view
-  console.log("  [7] Vibe — terminal");
-  try {
-    await vibe.locator("button", { hasText: "Terminal" }).click({ timeout: 2000 });
-    await vibe.waitForTimeout(2_000);
-  } catch { console.log("      (no terminal)"); }
-  await vibe.screenshot({ path: slidePath() });
-
-  await vibe.close();
-  await vibeCtx.close();
-
-  // ─── DASHBOARD SCREENSHOTS ────────────────────────────
-  console.log("\n=== DASHBOARD ===");
-  const dashCtx = await browser.newContext({
-    viewport: VIEWPORT,
-    colorScheme: "dark",
-  });
-  const dash = await dashCtx.newPage();
-
-  await dash.goto(DASHBOARD_URL, { waitUntil: "load", timeout: 60_000 });
-  await dash.waitForTimeout(4_000);
-
-  // Slide 8: Dashboard — Chat view (default)
-  console.log("  [8] Dashboard — Chat");
-  await dash.screenshot({ path: slidePath() });
-
-  // Dashboard tabs to cycle through
-  const dashTabs = [
-    { name: "Sessions", label: "9" },
-    { name: "Agents", label: "10" },
-    { name: "Engines", label: "11" },
-    { name: "Models", label: "12" },
-    { name: "Build", label: "13" },
-    { name: "Swarm", label: "14" },
-  ];
-
-  for (const tab of dashTabs) {
-    console.log(`  [${tab.label}] Dashboard — ${tab.name}`);
-    try {
-      await dash.locator(`text="${tab.name}"`).first().click({ timeout: 3000 });
-      await dash.waitForTimeout(2_500);
-      await dash.screenshot({ path: slidePath() });
-    } catch {
-      console.log(`      (skip ${tab.name})`);
-    }
-  }
-
-  await dash.close();
-  await dashCtx.close();
-  await browser.close();
-
-  console.log(`\n${slideNum} screenshots captured.`);
-  return slideNum;
-}
-
-function buildVideo(totalSlides) {
-  console.log("\n=== BUILDING VIDEO ===");
-
-  // Build ffmpeg filter for crossfade slideshow
-  // Each slide shows for SLIDE_DURATION, with CROSSFADE_DURATION transition
-  const slides = [];
-  for (let i = 1; i <= totalSlides; i++) {
-    const p = join(OUT, `slide-${String(i).padStart(2, "0")}.png`);
-    if (!existsSync(p)) continue;
-    slides.push(p);
-  }
-
-  if (slides.length === 0) {
-    console.error("No slides found!");
-    process.exit(1);
-  }
-
-  // Simple approach: use concat demuxer with each image shown for SLIDE_DURATION
-  // Then add crossfade in a second pass
-  const totalDuration = slides.length * SLIDE_DURATION;
-  console.log(`  ${slides.length} slides, ${SLIDE_DURATION}s each = ~${Math.round(totalDuration)}s video`);
-
-  // Build input args and filter complex for crossfade
-  const inputs = slides.map(s => `-loop 1 -t ${SLIDE_DURATION} -i "${s}"`).join(" ");
-
-  let filterComplex = "";
-  if (slides.length === 1) {
-    filterComplex = `[0:v]scale=${VIEWPORT.width}:${VIEWPORT.height},format=yuv420p[outv]`;
-  } else {
-    // Chain crossfades: [0][1]xfade -> [v01], [v01][2]xfade -> [v012], etc.
-    const cf = CROSSFADE_DURATION;
-    let lastLabel = "0:v";
-    for (let i = 1; i < slides.length; i++) {
-      const offset = i * SLIDE_DURATION - i * cf;
-      const outLabel = i === slides.length - 1 ? "outv" : `v${i}`;
-      filterComplex += `[${lastLabel}][${i}:v]xfade=transition=fade:duration=${cf}:offset=${offset.toFixed(2)}[${outLabel}];\n`;
-      lastLabel = outLabel;
-    }
-    // Remove trailing semicolon+newline if present
-    filterComplex = filterComplex.replace(/;\n$/, "");
-  }
-
-  // Generate MP4
-  console.log("  Converting to mp4...");
-  rmSync(FINAL_MP4, { force: true });
-  const mp4Cmd = `ffmpeg -y ${inputs} -filter_complex "${filterComplex}" -map "[outv]" -c:v libx264 -crf 23 -preset slow -pix_fmt yuv420p -movflags +faststart -an "${FINAL_MP4}"`;
-  try {
-    execSync(mp4Cmd, { stdio: "pipe", timeout: 120_000 });
-  } catch (e) {
-    console.error("  mp4 error:", e.stderr?.toString().slice(-500));
-    // Fallback: simple concat without crossfade
-    console.log("  Trying simple concat fallback...");
-    const concatInputs = slides.map(s => `-loop 1 -t ${SLIDE_DURATION} -i "${s}"`).join(" ");
-    const concatFilter = slides.map((_, i) => `[${i}:v]scale=${VIEWPORT.width}:${VIEWPORT.height},format=yuv420p,setpts=PTS-STARTPTS[v${i}]`).join(";") +
-      ";" + slides.map((_, i) => `[v${i}]`).join("") + `concat=n=${slides.length}:v=1:a=0[outv]`;
-    execSync(`ffmpeg -y ${concatInputs} -filter_complex "${concatFilter}" -map "[outv]" -c:v libx264 -crf 23 -preset slow -movflags +faststart -an "${FINAL_MP4}"`,
-      { stdio: "pipe", timeout: 120_000 });
-  }
-
-  // Generate WebM
-  console.log("  Converting to webm...");
-  rmSync(FINAL_WEBM, { force: true });
-  execSync(
-    `ffmpeg -y -i "${FINAL_MP4}" -c:v libvpx-vp9 -crf 30 -b:v 0 -an "${FINAL_WEBM}"`,
-    { stdio: "pipe", timeout: 120_000 }
-  );
-
-  const mp4KB = Math.round(statSync(FINAL_MP4).size / 1024);
-  const webmKB = Math.round(statSync(FINAL_WEBM).size / 1024);
-  console.log(`\nDone:`);
-  console.log(`  mp4:  ${FINAL_MP4} (${mp4KB} KB)`);
-  console.log(`  webm: ${FINAL_WEBM} (${webmKB} KB)`);
-}
-
-capture()
-  .then((total) => {
-    buildVideo(total);
-    console.log("\nDemo capture complete!");
-  })
-  .catch((err) => {
-    console.error("Failed:", err.message);
-    process.exit(1);
-  });

package/apps/vibe/capture-quickstart.mjs

@@ -1,256 +0,0 @@
-#!/usr/bin/env node
-/**
- * CrewSwarm Quickstart Video — Simulated Install + First Run
- *
- * Creates a terminal-style recording showing the install and first use flow.
- * Uses Playwright to render HTML terminal frames and capture as screenshots,
- * then stitches into a video with ffmpeg.
- */
-import { chromium } from "playwright";
-import { mkdirSync, rmSync, existsSync, statSync, readdirSync, writeFileSync } from "node:fs";
-import { join, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { execSync } from "node:child_process";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const OUT = join(__dirname, "..", "..", "website", "vibe-assets");
-const FINAL_MP4 = join(OUT, "quickstart.mp4");
-const FINAL_WEBM = join(OUT, "quickstart.webm");
-const VIEWPORT = { width: 900, height: 560 };
-const SLIDE_DURATION = 3;
-
-mkdirSync(OUT, { recursive: true });
-
-// Clean old quickstart slides
-for (const f of readdirSync(OUT)) {
-  if (f.startsWith("qs-") && f.endsWith(".png")) rmSync(join(OUT, f), { force: true });
-}
-
-function terminalHTML(lines, title = "Terminal — crewswarm") {
-  const content = lines.map(l => {
-    if (l.startsWith("$")) return `<span style="color:#4ade80;">${esc(l)}</span>`;
-    if (l.startsWith("//")) return `<span style="color:#6b7280;font-style:italic;">${esc(l)}</span>`;
-    if (l.includes("✓") || l.includes("✔") || l.includes("Done") || l.includes("ready")) return `<span style="color:#4ade80;">${esc(l)}</span>`;
-    if (l.includes("⚡") || l.includes("→")) return `<span style="color:#60a5fa;">${esc(l)}</span>`;
-    if (l.includes("🧠") || l.includes("📐") || l.includes("🔧")) return `<span style="color:#fbbf24;">${esc(l)}</span>`;
-    return esc(l);
-  }).join("\n");
-
-  return `<!DOCTYPE html>
-<html><head><style>
-  * { margin:0; padding:0; box-sizing:border-box; }
-  body { background:#0a0e17; font-family:'SF Mono','Fira Code',monospace; padding:20px; }
-  .terminal { background:#0d1117; border:1px solid #21262d; border-radius:12px; overflow:hidden; }
-  .bar { background:#161b22; padding:10px 14px; display:flex; align-items:center; gap:8px; }
-  .dot { width:12px; height:12px; border-radius:50%; }
-  .red { background:#ff5f57; } .yellow { background:#febc2e; } .green { background:#28c840; }
-  .title { color:#8b949e; font-size:13px; margin-left:8px; }
-  .body { padding:16px 20px; color:#c9d1d9; font-size:14px; line-height:1.7; white-space:pre-wrap; min-height:400px; }
-</style></head><body>
-<div class="terminal">
-  <div class="bar">
-    <div class="dot red"></div><div class="dot yellow"></div><div class="dot green"></div>
-    <span class="title">${esc(title)}</span>
-  </div>
-  <div class="body">${content}</div>
-</div>
-</body></html>`;
-}
-
-function esc(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-
-const frames = [
-  {
-    title: "Install — real output from Docker",
-    lines: [
-      "$ npm install -g crewswarm",
-      "",
-      "added 59 packages in 9s",
-      "",
-      "$ crewswarm --version",
-      "0.8.2-beta",
-      "",
-      "$ crewswarm",
-      "",
-      "⚡ crewswarm v0.8.2-beta",
-      "→ Dashboard:  http://localhost:4319",
-      "→ Vibe IDE:   http://localhost:3333",
-      "→ crew-lead:  http://localhost:5010",
-      "→ MCP server: http://localhost:5020",
-      "",
-      "✓ All services ready",
-    ],
-  },
-  {
-    title: "Configure — pick your models",
-    lines: [
-      "// Open Dashboard → Models tab",
-      "// Set a model per agent — or use CLI OAuth (no keys needed)",
-      "",
-      "  crew-lead ......... Groq Llama 3.3 70B      Free",
-      "  crew-pm ........... Gemini 2.5 Flash         $0.075/M",
-      "  crew-coder ........ Claude Sonnet 4.6        $3/M",
-      "  crew-coder-front .. Cursor (composer-2)      Cursor sub",
-      "  crew-qa ........... Gemini CLI (OAuth)       Free",
-      "  crew-fixer ........ Codex CLI (OAuth)        Codex sub",
-      "",
-      "// Or use Claude Code / Cursor / Gemini CLI directly —",
-      "// just login once with OAuth, no API keys",
-      "",
-      "✓ Models configured from dashboard — no config files",
-    ],
-  },
-  {
-    title: "Build — one sentence, full feature",
-    lines: [
-      '$ crew run "Build a REST API with auth, tests, and docs"',
-      "",
-      "🧠 crew-pm planning...",
-      "  → Phase MVP: 3 tasks (auth, routes, tests)",
-      "  → Phase 1:   2 tasks (docs, error handling)",
-      "",
-      "📐 Wave 1: dispatching to 3 agents in parallel",
-      "  → crew-coder-back: auth middleware + JWT",
-      "  → crew-coder-back: CRUD routes + validation",
-      "  → crew-qa:         test suite (jest)",
-      "",
-      "✓ Wave 1 complete (2m 14s)",
-      "",
-      "📐 Wave 2: dispatching to 2 agents",
-      "  → crew-coder:  API docs (OpenAPI spec)",
-      "  → crew-fixer:  error handling + edge cases",
-    ],
-  },
-  {
-    title: "Build — done",
-    lines: [
-      "✓ Wave 2 complete (1m 38s)",
-      "",
-      "🧠 crew-pm: all phases complete",
-      "",
-      "  Files created:",
-      "    src/middleware/auth.js      ✓",
-      "    src/routes/users.js         ✓",
-      "    src/routes/posts.js         ✓",
-      "    tests/auth.test.js          ✓",
-      "    tests/routes.test.js        ✓",
-      "    docs/openapi.yaml           ✓",
-      "",
-      "  Tests: 14 passed, 0 failed",
-      "  Duration: 3m 52s (2 phases, 2 waves)",
-      "",
-      "✓ Build complete. Files on disk. Ship it.",
-    ],
-  },
-  {
-    title: "Rate limited? Switch engines",
-    lines: [
-      "// Claude hit rate limit mid-session?",
-      "// Switch to Cursor or Gemini — session context preserved",
-      "",
-      "  Dashboard → Engines tab → click any engine",
-      "",
-      "  Claude Code .... --resume <session-id>",
-      "  Cursor CLI ..... --resume=<chat-id>",
-      "  Gemini CLI ..... --resume <session-id>",
-      "  Codex CLI ...... codex resume <thread-id>",
-      "  OpenCode ....... --continue",
-      "",
-      "// Or in Vibe: just pick a different CLI from the dropdown",
-      "// Your conversation continues where you left off",
-      "",
-      "✓ 6 engines. Native session resume. No vendor lock-in.",
-    ],
-  },
-  {
-    title: "Vibe IDE — code in your browser",
-    lines: [
-      "// Open http://localhost:3333",
-      "",
-      "  ┌─────────────────────────────────────────────┐",
-      "  │  Files  │  Monaco Editor    │  Chat         │",
-      "  │         │                   │               │",
-      "  │  src/   │  server.mjs       │  Claude Code  │",
-      "  │  tests/ │  import http...   │  Cursor CLI   │",
-      "  │  docs/  │  const app = ...  │  Gemini CLI   │",
-      "  │         │                   │  OpenCode     │",
-      "  │         │──────────────────│  Codex CLI    │",
-      "  │         │  Terminal         │               │",
-      "  │         │  $ npm test       │  [Clear]      │",
-      "  └─────────────────────────────────────────────┘",
-      "",
-      "  Editor + terminal + chat + 6 engines. All in one tab.",
-    ],
-  },
-];
-
-async function capture() {
-  console.log("Capturing quickstart frames...");
-  const browser = await chromium.launch({ headless: true });
-  const ctx = await browser.newContext({ viewport: VIEWPORT, colorScheme: "dark" });
-
-  let slideNum = 0;
-  for (const frame of frames) {
-    slideNum++;
-    const page = await ctx.newPage();
-    const html = terminalHTML(frame.lines, frame.title);
-    const tmpHtml = join(OUT, `_qs_tmp.html`);
-    writeFileSync(tmpHtml, html);
-    await page.goto(`file://${tmpHtml}`, { waitUntil: "load" });
-    await page.waitForTimeout(500);
-    const path = join(OUT, `qs-${String(slideNum).padStart(2, "0")}.png`);
-    await page.screenshot({ path });
-    console.log(`  [${slideNum}] ${frame.title}`);
-    await page.close();
-  }
-
-  rmSync(join(OUT, "_qs_tmp.html"), { force: true });
-  await ctx.close();
-  await browser.close();
-  return slideNum;
-}
-
-function buildVideo(totalSlides) {
-  console.log("\nBuilding quickstart video...");
-  const slides = [];
-  for (let i = 1; i <= totalSlides; i++) {
-    const p = join(OUT, `qs-${String(i).padStart(2, "0")}.png`);
-    if (existsSync(p)) slides.push(p);
-  }
-
-  const inputs = slides.map(s => `-loop 1 -t ${SLIDE_DURATION} -i "${s}"`).join(" ");
-  const cf = 0.6;
-
-  let filterComplex = "";
-  let lastLabel = "0:v";
-  for (let i = 1; i < slides.length; i++) {
-    const offset = i * SLIDE_DURATION - i * cf;
-    const outLabel = i === slides.length - 1 ? "outv" : `v${i}`;
-    filterComplex += `[${lastLabel}][${i}:v]xfade=transition=fade:duration=${cf}:offset=${offset.toFixed(2)}[${outLabel}];`;
-    lastLabel = outLabel;
-  }
-  filterComplex = filterComplex.replace(/;$/, "");
-
-  rmSync(FINAL_MP4, { force: true });
-  rmSync(FINAL_WEBM, { force: true });
-
-  console.log("  → mp4...");
-  execSync(`ffmpeg -y ${inputs} -filter_complex "${filterComplex}" -map "[outv]" -c:v libx264 -crf 23 -preset slow -pix_fmt yuv420p -movflags +faststart -an "${FINAL_MP4}"`,
-    { stdio: "pipe", timeout: 60_000 });
-
-  console.log("  → webm...");
-  execSync(`ffmpeg -y -i "${FINAL_MP4}" -c:v libvpx-vp9 -crf 30 -b:v 0 -an "${FINAL_WEBM}"`,
-    { stdio: "pipe", timeout: 60_000 });
-
-  const mp4KB = Math.round(statSync(FINAL_MP4).size / 1024);
-  const webmKB = Math.round(statSync(FINAL_WEBM).size / 1024);
-  console.log(`\nDone:`);
-  console.log(`  mp4:  ${mp4KB} KB`);
-  console.log(`  webm: ${webmKB} KB`);
-}
-
-capture()
-  .then(n => { buildVideo(n); console.log("\nQuickstart video complete!"); })
-  .catch(e => { console.error("Failed:", e.message); process.exit(1); });