demobite 1.18.1 → 1.18.3

package/launcher/index.mjs

@@ -89,7 +89,7 @@ const printStatus = () => {
   const cfgThere = lock?.cwd ? readJson(path.join(lock.cwd, ".recorder", "config.json")) : null;
   const st = { base: cfgThere?.base ?? null, workspace: cfgThere?.workspace?.name ?? null, ...(readJson(STATE) ?? {}) };
   if (live) {
-    console.log(`  ● Listening as "${st?.name ?? os.hostname()}" since ${new Date(lock.since).toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" })} · for ${st?.workspace ?? "your workspace"} on ${(st?.base ?? "").replace(/^https?:\/\//, "") || "app.demobites.com"}  (pid ${lock.pid}${lock.service ? ", login service" : ", a Terminal window"})`);
+    console.log(`  ● Listening as "${st?.name ?? os.hostname().replace(/\.local$/, "")}" since ${new Date(lock.since).toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" })} · for ${st?.workspace ?? "your workspace"} on ${(st?.base ?? "").replace(/^https?:\/\//, "") || "app.demobites.com"}  (pid ${lock.pid}${lock.service ? ", login service" : ", a Terminal window"})`);
     if (st?.at) console.log(`    last check-in ${ago(st.at)} · ${st.busy ? `recording: ${st.job ?? ""}` : "idle"}${st.last_error ? ` · last error: ${st.last_error}` : ""}`);
     console.log(`    working in ${lock.cwd.replace(os.homedir(), "~")}${lock.repo ? ` · code: ${lock.repo}` : ""}`);
   } else {
@@ -272,7 +272,7 @@ if (arg === "on") {
   const base = (flag("--base") || cfgAt()?.base || "https://app.demobites.com").replace(/\/+$/, "");
   const code = flag("--connect");
   if (code || !cfgAt()?.api_key || (flag("--base") && cfgAt()?.base && cfgAt().base.replace(/\/+$/, "") !== base)) {
-    console.log("\n  Connecting this machine to your DemoBites account…\n");
+    console.log("");
     const r = spawnSync(process.execPath, [path.join(dest, "scripts", "login.mjs"), base, ...(code ? ["--connect", code] : [])], { stdio: "inherit", cwd });
     if (r.status !== 0) process.exit(r.status ?? 1);
   }
@@ -336,9 +336,25 @@ if (arg === "on") {
   // a moment for the first check-in, then the truth
   const until = Date.now() + 8000;
   while (Date.now() < until) { const l = readJson(LOCK); if (l?.pid && pidAlive(l.pid) && l.service) break; spawnSync(process.execPath, ["-e", "setTimeout(()=>{},400)"]); }
-  console.log("");
-  printStatus();
-  console.log("\n  It starts with the machine from now on. No window to keep open.\n");
+  // The closing box (founder 2026-10-16: "something not frightening"): done, close this, it runs by itself.
+  console.log(`
+  ┌──────────────────────────────────────────────────────────┐
+  │                                                          │
+  │   ✓  Done. DemoBites is listening on this ${process.platform === "darwin" ? "Mac" : "machine"}.${process.platform === "darwin" ? "          " : "      "}│
+  │                                                          │
+  │   You can close this window. The recorder keeps          │
+  │   running quietly in the background, and starts          │
+  │   again with your ${process.platform === "darwin" ? "Mac" : "machine"}. Nothing to keep open.${process.platform === "darwin" ? "             " : "         "}│
+  │                                                          │
+  │   Back in the app, the Recorder box says Connected.      │
+  │                                                          │
+  │   Any time, in a Terminal:                               │
+  │     demobite status    is it listening                   │
+  │     demobite off       stop it and remove it             │
+  │     demobite on        bring it back                     │
+  │                                                          │
+  └──────────────────────────────────────────────────────────┘
+`);
   process.exit(0);
 }
 
@@ -480,6 +496,8 @@ if (arg === "listen") {
     console.log(`\n  ${isLook ? "◉ Looking at" : "⚿ Sign-in at"} ${job.url}`);
     noteState({ busy: true, job: job.id });
     await event(job.id, "started", { machine: name });
+    // Alive while the person signs in (a window can wait minutes): the heartbeat, or the rail calls this machine offline.
+    const heartbeat = setInterval(() => { void api({ action: "checkin", machine_id: listen.machine_id, name, readiness: readiness(), busy: true }); }, 5000);
     const { spawn } = await import("node:child_process");
     const child = spawn(process.execPath, [script, job.url], { cwd: process.cwd(), env: { ...process.env, RECORDER_JOB: job.id, RECORDER_BASE: base, RECORDER_LISTEN: "1" }, stdio: ["ignore", "pipe", "pipe"], detached: process.platform !== "win32" });
     track(child);
@@ -498,6 +516,7 @@ if (arg === "listen") {
     });
     child.stderr.on("data", (d) => { const t = d.toString().trim(); if (t) console.log(`  ! ${t.split("\n")[0].slice(0, 160)}`); });
     const code = await new Promise((r) => child.on("close", r));
+    clearInterval(heartbeat);
     if (isLook) {
       if (verdict) await event(job.id, "looked", verdict);
       else await event(job.id, "failed", { message: "The look did not finish" });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demobite",
-  "version": "1.18.1",
+  "version": "1.18.3",
   "description": "The DemoBites agentic recorder — you prompt, it films a real browser, and DemoBites turns the take into an editable demo bite.",
   "bin": {
     "demobite": "launcher/index.mjs"

package/scripts/record.mjs

@@ -207,7 +207,7 @@ const launchOpts = {
   viewport: VIEW,
   recordVideo: { dir: DIR, size: VIEW },
   deviceScaleFactor: 1,
-  args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled"],
+  args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled", "--disable-features=MediaRouter,DialMediaRouteProvider", "--disable-component-update", "--no-default-browser-check"],
 };
 
 // THREE ways to get a browser. ONE script serves both lanes — the cloud

package/skill/scripts/explore.mjs

@@ -29,7 +29,7 @@ const DANGER = /\b(delete|remove|pay|purchase|buy|subscribe|upgrade|publish|send
 
 const { chromium } = await import("playwright");
 const profileDir = process.env.RECORDER_PROFILE || path.resolve(process.cwd(), ".recorder", "profile");
-const launchOpts = { headless: true, viewport: { width: 1440, height: 900 }, args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled"], ignoreDefaultArgs: ["--enable-automation"] };
+const launchOpts = { headless: true, viewport: { width: 1440, height: 900 }, args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled", "--disable-features=MediaRouter,DialMediaRouteProvider", "--disable-component-update", "--no-default-browser-check"], ignoreDefaultArgs: ["--enable-automation"] };
 let ctx;
 try { ctx = await chromium.launchPersistentContext(profileDir, { ...launchOpts, channel: "chrome" }); }
 catch { ctx = await chromium.launchPersistentContext(profileDir, launchOpts); }

package/skill/scripts/login.mjs

@@ -161,7 +161,7 @@ while (Date.now() < deadline) {
         : data.workspace;
     const canManage = cfg.scopes.includes("manage");
     console.log(`Approved. Recorder key saved to .recorder/config.json (workspace: ${wsName}).`);
-    console.log(canManage
+    if (!connectCode) console.log(canManage
       ? "This key can also MANAGE your centers — wire your agent with: npx demobite mcp"
       : "This key records only. Managing by agent (MCP) comes with the Grow plan.");
     process.exit(0);

package/skill/scripts/look.mjs

@@ -27,7 +27,7 @@ const profileDir = process.env.RECORDER_PROFILE || path.resolve(process.cwd(), "
 const launchOpts = {
   headless: true,
   viewport: { width: 1440, height: 900 },
-  args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled"],
+  args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled", "--disable-features=MediaRouter,DialMediaRouteProvider", "--disable-component-update", "--no-default-browser-check"],
   ignoreDefaultArgs: ["--enable-automation"],
 };
 let ctx;

package/skill/scripts/plan.mjs

@@ -218,7 +218,7 @@ const plan = async () => {
     const res = await relay(messages);
     const content = Array.isArray(res.content) ? res.content : [];
     messages.push({ role: "assistant", content });
-    for (const b of content) if (b.type === "text" && b.text?.trim()) console.log(`  ${b.text.trim().split("\n")[0].slice(0, 140)}`);
+    for (const b of content) if (b.type === "text" && b.text?.trim()) say(b.text.trim().split("\n")[0].replace(/^[#*\-\s]+/, "").slice(0, 140));
     const uses = content.filter((b) => b.type === "tool_use");
     if (!uses.length) {
       if (storyboard) return;
@@ -232,13 +232,15 @@ const plan = async () => {
       const input = u.input || {};
       let out;
       try {
-        if (u.name === "list_files") out = listFiles();
-        else if (u.name === "read_file") out = readFile(input.path);
-        else if (u.name === "harvest_words") { console.log(`  harvesting ${(input.urls || []).join(", ")}`); out = harvest(input.urls); }
-        else if (u.name === "explore") out = explore(input.from, input.looking_for, input.depth);
-        else if (u.name === "screenshot") { console.log(`  looking at ${input.url}`); out = screenshot(input.url); }
-        else if (u.name === "probe") { console.log("  dry run…"); out = probe(input.storyboard); }
+        const where = (u) => { try { const x = new URL(u); return (x.pathname === "/" ? x.host : x.pathname).slice(0, 60); } catch { return String(u || "").slice(0, 60); } };
+        if (u.name === "list_files") { say("Listing the project's files…"); out = listFiles(); }
+        else if (u.name === "read_file") { say(`Reading ${String(input.path || "").slice(0, 80)}…`); out = readFile(input.path); }
+        else if (u.name === "harvest_words") { say(`Reading the app's own words on ${(input.urls || []).length} page${(input.urls || []).length === 1 ? "" : "s"}…`); out = harvest(input.urls); }
+        else if (u.name === "explore") { say(`Walking the app from ${where(input.from)}, looking for ${String(input.looking_for || "the brief's words").slice(0, 60)}…`); out = explore(input.from, input.looking_for, input.depth); }
+        else if (u.name === "screenshot") { say(`Looking at ${where(input.url)}…`); out = screenshot(input.url); }
+        else if (u.name === "probe") { say(`Dry run of the storyboard, ${(input.storyboard?.steps || []).length} steps…`); out = probe(input.storyboard); }
         else if (u.name === "submit_storyboard") {
+          say("Handing in the storyboard…");
           const bad = validate(input.storyboard);
           if (bad) out = `Not accepted: ${bad}`;
           else { storyboard = input.storyboard; creates = typeof input.creates === "string" ? input.creates : ""; out = "Accepted."; }

package/skill/scripts/signin.mjs

@@ -49,7 +49,7 @@ const launchOpts = {
   headless: false,
   viewport: { width: 1440, height: 900 },
   deviceScaleFactor: 1,
-  args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled"],
+  args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled", "--disable-features=MediaRouter,DialMediaRouteProvider", "--disable-component-update", "--no-default-browser-check"],
   ignoreDefaultArgs: ["--enable-automation"],
 };
 let ctx;