demobite 1.18.2 → 1.18.4

package/launcher/index.mjs

@@ -89,11 +89,11 @@ 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(`  ● Connected 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 {
-    console.log(`  ○ Not listening.${st?.at ? ` Last check-in ${ago(st.at)}.` : ""}`);
+    console.log(`  ○ Not connected.${st?.at ? ` Last check-in ${ago(st.at)}.` : ""}`);
   }
   console.log(`    login service: ${serviceInstalled() ? "installed (starts at login, restarts if it dies)" : "not installed"} · run: demobite ${live ? "off" : "on"}`);
   console.log(`    log: ${LOG.replace(os.homedir(), "~")}`);
@@ -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 connected 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 connected                   │
+  │     demobite off       stop it and remove it             │
+  │     demobite on        bring it back                     │
+  │                                                          │
+  └──────────────────────────────────────────────────────────┘
+`);
   process.exit(0);
 }
 
@@ -369,7 +385,7 @@ if (arg === "listen") {
   {
     const cur = readJson(LOCK);
     if (cur?.pid && cur.pid !== process.pid && pidAlive(cur.pid)) {
-      console.log(`  ● Already listening (pid ${cur.pid}, since ${new Date(cur.since).toLocaleTimeString()}${cur.service ? ", the login service" : ""}). Nothing to do.\n    demobite status · demobite off`);
+      console.log(`  ● Already connected (pid ${cur.pid}, since ${new Date(cur.since).toLocaleTimeString()}${cur.service ? ", the login service" : ""}). Nothing to do.\n    demobite status · demobite off`);
       process.exit(0);
     }
     // the browsers of a listener that died hard
@@ -441,11 +457,11 @@ if (arg === "listen") {
   const event = (job_id, kind, payload) => api({ action: "event", job_id, kind, payload });
   const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
 
-  console.log(`\n  Listening as "${name}" for ${cfg.workspace?.name ?? "your workspace"} on ${base.replace(/^https?:\/\//, "")}.`);
+  console.log(`\n  Connected as "${name}" for ${cfg.workspace?.name ?? "your workspace"} on ${base.replace(/^https?:\/\//, "")}.`);
   console.log(`  Ask for a demo in the app (Create → Agentic Capture). ${engine === "claude" ? (agentBin ? `Claude Code${agentInfo.agent_version ? " " + agentInfo.agent_version : ""} plans the demos, on your own plan; they film on ${JOB_MODEL} unless you pick another model in the app.` : "! --engine=claude, but Claude Code was not found on this machine.") : `Demos are planned by the DemoBites agent on ${JOB_MODEL} (pick another model in the app)${process.env.DEMOBITES_NO_CODE ? "; code sharing is off" : repo ? "; the files it reads from this project are logged in each take" : ""}.`}`);
   // The one thing the person must know, boxed (founder 2026-10-15): this
   // window is the machine's side of every recording. The login service has no window: one line instead.
-  if (SERVICE) console.log(`  ${new Date().toISOString()} listening (login service, pid ${process.pid})`);
+  if (SERVICE) console.log(`  ${new Date().toISOString()} connected (login service, pid ${process.pid})`);
   else console.log(`
   ┌──────────────────────────────────────────────────────────┐
   │                                                          │
@@ -466,7 +482,7 @@ if (arg === "listen") {
     const s = Math.floor((Date.now() - startedAt) / 1000);
     const clock = `${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}`;
     const dot = s % 2 ? "●" : "○";
-    process.stdout.write(`\r\x1b[2K  ${dot} Listening · ${clock} · waiting for a demo from the app`);
+    process.stdout.write(`\r\x1b[2K  ${dot} Connected · ${clock} · waiting for a demo from the app`);
   };
   const waitOn = () => { if (tty && !ticker) { tick(); ticker = setInterval(tick, 1000); } };
   const waitOff = () => { if (ticker) { clearInterval(ticker); ticker = null; process.stdout.write("\r\x1b[2K"); } };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demobite",
-  "version": "1.18.2",
+  "version": "1.18.4",
   "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/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/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."; }