@aayambansal/squint 0.2.8 → 0.3.0

package/dist/cli.js

@@ -1,16 +1,34 @@
 #!/usr/bin/env node
+import {
+  completeCommand
+} from "./chunk-CFWKEIJJ.js";
+import {
+  applySandbox,
+  discardSandbox,
+  openSandbox,
+  sandboxDiffStat,
+  sandboxDir,
+  sandboxExists,
+  sandboxFiles
+} from "./chunk-XEQ6JXXL.js";
+import {
+  diffStatSince,
+  isGitRepo,
+  restoreSnapshot,
+  takeSnapshot
+} from "./chunk-YHRAOBI2.js";
 import {
   DevServer,
   buildFixPrompt,
   detectDevCommand,
   screenshotVariants
-} from "./chunk-5VKUJPOL.js";
+} from "./chunk-F6JZSXEO.js";
 import {
   applyVariant,
   cleanVariants,
   listVariants,
   runVariants
-} from "./chunk-X6MDBKED.js";
+} from "./chunk-A64VVTPU.js";
 import {
   buildGatePrompt,
   detectFastGates,
@@ -21,27 +39,21 @@ import {
   buildReviewPrompt,
   buildRuntimeFixPrompt,
   captureViewports,
-  clearState,
   comparePulse,
-  loadState,
   probeRuntime,
-  runtimeSummary,
-  saveState
-} from "./chunk-CHZE3UHK.js";
-import {
-  completeCommand
-} from "./chunk-YTO2YRF7.js";
+  runtimeSummary
+} from "./chunk-RQFFAJFE.js";
 import {
   runAgent
-} from "./chunk-C7WKNJG6.js";
+} from "./chunk-VH7OOFQP.js";
 import {
   findChrome
-} from "./chunk-B7LOERSP.js";
+} from "./chunk-IMDRXXFU.js";
 import {
   detectEngines,
   getEngine
-} from "./chunk-BWZFACBT.js";
-import "./chunk-OC6RU6XH.js";
+} from "./chunk-KVYGPLWW.js";
+import "./chunk-QEENJGCL.js";
 import {
   enrich
 } from "./chunk-4LAU5TGK.js";
@@ -49,11 +61,10 @@ import {
   composePrompt
 } from "./chunk-P3H4N2EN.js";
 import {
-  diffStatSince,
-  isGitRepo,
-  restoreSnapshot,
-  takeSnapshot
-} from "./chunk-YHRAOBI2.js";
+  clearState,
+  loadState,
+  saveState
+} from "./chunk-O2S6PAJE.js";
 
 // src/cli.tsx
 import { Command } from "commander";
@@ -202,7 +213,7 @@ function registerEnv(program2) {
       console.log(`${status} ${engine.name}${binaryPath ? "" : pc2.dim(` \u2014 install: ${engine.install}`)}`);
     }
     if (options.probe) {
-      const { runAgent: runAgent2 } = await import("./run-S772BPMZ.js");
+      const { runAgent: runAgent2 } = await import("./run-NDSNTVYP.js");
       console.log(pc2.dim("\nprobing engines with a one-word prompt (verifies auth end to end)\u2026"));
       for (const { engine, path: binaryPath } of detected) {
         if (!binaryPath) continue;
@@ -224,8 +235,8 @@ function registerEnv(program2) {
         );
       }
     }
-    const { findChrome: findChrome2 } = await import("./chrome-NVU47PLK.js");
-    const { hasWebSocket } = await import("./cdp-SFWNP7OA.js");
+    const { findChrome: findChrome2 } = await import("./chrome-SBV3H77F.js");
+    const { hasWebSocket } = await import("./cdp-4IZHB3W5.js");
     const chrome = findChrome2();
     console.log(
       chrome ? `${pc2.green("\u2713")} Chrome ${pc2.dim(chrome)}` : `${pc2.yellow("\u25CB")} Chrome ${pc2.dim("\u2014 screenshots and runtime probing disabled")}`
@@ -265,22 +276,22 @@ function registerProject(program2) {
     }
   });
   skillsCommand.command("init").description("Scaffold .squint/rules.md and an example skill").action(async () => {
-    const fs3 = await import("fs");
+    const fs2 = await import("fs");
     const nodePath = await import("path");
     const cwd = process.cwd();
     const skillsDir = nodePath.join(cwd, ".squint", "skills");
-    fs3.mkdirSync(skillsDir, { recursive: true });
+    fs2.mkdirSync(skillsDir, { recursive: true });
     const rules = nodePath.join(cwd, ".squint", "rules.md");
-    if (!fs3.existsSync(rules)) {
-      fs3.writeFileSync(
+    if (!fs2.existsSync(rules)) {
+      fs2.writeFileSync(
         rules,
         "# Project rules\n\nThese ride along on every squint ask. Keep them short \u2014 cut anything that would not cause a mistake if removed.\n"
       );
       console.log(pc3.green("\u2713 .squint/rules.md"));
     }
     const example = nodePath.join(skillsDir, "example.md");
-    if (!fs3.existsSync(example)) {
-      fs3.writeFileSync(
+    if (!fs2.existsSync(example)) {
+      fs2.writeFileSync(
         example,
         "---\ntriggers: example, sample\n---\n\nThis note is injected only when an ask mentions one of the triggers above.\nDocument the parts of this repo an agent would otherwise rediscover every time:\nwhere state lives, which helpers to reuse, what not to touch.\n"
       );
@@ -289,7 +300,7 @@ function registerProject(program2) {
     console.log(pc3.dim("rules are always-on; skills inject when an ask mentions a trigger"));
   });
   program2.command("brief").description("Set a committed design direction for this project (.squint/brief.md)").argument("[family]", "aesthetic family id (omit to list)").option("--force", "overwrite an existing project brief").action(async (familyId, options) => {
-    const fs3 = await import("fs");
+    const fs2 = await import("fs");
     const nodePath = await import("path");
     const { FAMILIES, getFamily, renderFamilyBrief } = await import("./families-2G5SLLY7.js");
     if (!familyId) {
@@ -307,16 +318,49 @@ function registerProject(program2) {
       return;
     }
     const target = nodePath.join(process.cwd(), ".squint", "brief.md");
-    if (fs3.existsSync(target) && !options.force) {
+    if (fs2.existsSync(target) && !options.force) {
       console.error(pc3.red(`\u2717 ${target} exists \u2014 use --force to overwrite`));
       process.exitCode = 1;
       return;
     }
-    fs3.mkdirSync(nodePath.dirname(target), { recursive: true });
-    fs3.writeFileSync(target, renderFamilyBrief(family) + "\n");
+    fs2.mkdirSync(nodePath.dirname(target), { recursive: true });
+    fs2.writeFileSync(target, renderFamilyBrief(family) + "\n");
     console.log(pc3.green(`\u2713 ${family.name} direction written to .squint/brief.md`));
     console.log(pc3.dim("every squint ask in this repo now holds this direction \u2014 edit the file to remix"));
   });
+  const sandboxCommand = program2.command("sandbox").description("Cumulative diff worktree \u2014 asks accumulate until you apply");
+  sandboxCommand.command("diff").description("Show accumulated sandbox changes").action(async () => {
+    const { sandboxDiffStat: sandboxDiffStat2, sandboxExists: sandboxExists2, sandboxFiles: sandboxFiles2 } = await import("./sandbox-J2NCPYHJ.js");
+    const cwd = process.cwd();
+    if (!sandboxExists2(cwd)) {
+      console.log(pc3.dim("no sandbox open \u2014 /sandbox on inside the TUI"));
+      return;
+    }
+    const stat = sandboxDiffStat2(cwd);
+    if (!stat) {
+      console.log(pc3.dim("sandbox is clean"));
+      return;
+    }
+    console.log(stat);
+    for (const line of sandboxFiles2(cwd)) console.log(pc3.dim(line));
+  });
+  sandboxCommand.command("apply").description("Land the sandbox diff on the real tree and close it").action(async () => {
+    const { applySandbox: applySandbox2, discardSandbox: discardSandbox2 } = await import("./sandbox-J2NCPYHJ.js");
+    const cwd = process.cwd();
+    const result = applySandbox2(cwd);
+    if (!result.ok) {
+      console.error(pc3.red(`\u2717 ${result.detail}`));
+      process.exitCode = 1;
+      return;
+    }
+    discardSandbox2(cwd);
+    console.log(pc3.green("\u2713 sandbox applied to the real tree") + pc3.dim(" \u2014 review with git diff"));
+  });
+  sandboxCommand.command("discard").description("Close the sandbox without touching the real tree").action(async () => {
+    const { discardSandbox: discardSandbox2 } = await import("./sandbox-J2NCPYHJ.js");
+    const had = discardSandbox2(process.cwd());
+    console.log(pc3.dim(had ? "sandbox discarded" : "no sandbox open"));
+  });
   const variantsCommand = program2.command("variants").description("Parallel design explorations \u2014 one aesthetic family each, pick with your eyes");
   variantsCommand.command("gen").description("Generate n variants of one ask in parallel (n engine runs \u2014 n\xD7 cost)").argument("<n>", "how many variants (max 4)").argument("<prompt...>", "what to build").option("-e, --engine <id>", "engine to use").option("-m, --model <name>", "model override").option("--no-shots", "skip the screenshot pass").action(
     async (nRaw, promptWords, options) => {
@@ -333,7 +377,7 @@ function registerProject(program2) {
         process.exitCode = 1;
         return;
       }
-      const { runVariants: runVariants2, cleanVariants: cleanVariants2 } = await import("./variants-UULPQ7Q5.js");
+      const { runVariants: runVariants2, cleanVariants: cleanVariants2 } = await import("./variants-3ZSINJGX.js");
       const config = loadConfig(defaultPaths(cwd));
       const engineId = resolveEngineId(config, options.engine);
       const engine = getEngine(engineId);
@@ -351,7 +395,7 @@ function registerProject(program2) {
       );
       const succeeded = runs.filter((r) => r.result.ok);
       if (options.shots && succeeded.length > 0) {
-        const { screenshotVariants: screenshotVariants2 } = await import("./shots-FVG4CDVK.js");
+        const { screenshotVariants: screenshotVariants2 } = await import("./shots-E2AWBDCN.js");
         console.log(pc3.dim("capturing screenshots\u2026"));
         const shots = await screenshotVariants2(cwd, succeeded.map((r) => r.variant));
         for (const shot of shots) {
@@ -366,7 +410,7 @@ ${succeeded.length}/${runs.length} variants ready in .squint/variants/ \u2014 `
     }
   );
   variantsCommand.command("list").description("List generated variants").action(async () => {
-    const { listVariants: listVariants2 } = await import("./variants-UULPQ7Q5.js");
+    const { listVariants: listVariants2 } = await import("./variants-3ZSINJGX.js");
     const ids = listVariants2(process.cwd());
     if (ids.length === 0) {
       console.log(pc3.dim('no variants \u2014 squint variants gen <n> "<ask>"'));
@@ -375,7 +419,7 @@ ${succeeded.length}/${runs.length} variants ready in .squint/variants/ \u2014 `
     for (const id of ids) console.log(id);
   });
   variantsCommand.command("apply").description("Apply one variant\u2019s changes to the main tree and discard the rest").argument("<id>", "family id of the winning variant").action(async (id) => {
-    const { applyVariant: applyVariant2, cleanVariants: cleanVariants2 } = await import("./variants-UULPQ7Q5.js");
+    const { applyVariant: applyVariant2, cleanVariants: cleanVariants2 } = await import("./variants-3ZSINJGX.js");
     const cwd = process.cwd();
     const result = applyVariant2(cwd, id);
     if (!result.ok) {
@@ -387,7 +431,7 @@ ${succeeded.length}/${runs.length} variants ready in .squint/variants/ \u2014 `
     console.log(pc3.green(`\u2713 applied ${id} to the working tree`) + pc3.dim(" \u2014 review with git diff"));
   });
   variantsCommand.command("clean").description("Discard all variants").action(async () => {
-    const { cleanVariants: cleanVariants2 } = await import("./variants-UULPQ7Q5.js");
+    const { cleanVariants: cleanVariants2 } = await import("./variants-3ZSINJGX.js");
     const count = cleanVariants2(process.cwd());
     console.log(pc3.dim(`removed ${count} variant(s)`));
   });
@@ -415,7 +459,7 @@ function registerQuality(program2) {
     if (results.some((r) => !r.ok)) process.exitCode = 1;
   });
   program2.command("shot").description("Screenshot a running app at mobile/tablet/desktop viewports (+ .squint/routes)").argument("<url>", "URL of the running app (e.g. http://localhost:5173)").action(async (url) => {
-    const { captureViewports: captureViewports2 } = await import("./preview-XGASKUXR.js");
+    const { captureViewports: captureViewports2 } = await import("./preview-56UCV5A3.js");
     const result = await captureViewports2(process.cwd(), url);
     if (!result) {
       console.error(pc4.red("\u2717 no Chrome/Chromium found"));
@@ -533,21 +577,21 @@ Next: ${pc6.bold(`${cd}${options.install ? "" : "npm install && "}squint`)}`);
     console.log(pc6.dim("then describe what to build \u2014 /dev starts the preview server"));
   });
   program2.command("tag").description("Add the element picker to this Vite app (Alt+S in the browser \u2192 click \u2192 file:line:col)").action(async () => {
-    const fs3 = await import("fs");
+    const fs2 = await import("fs");
     const nodePath = await import("path");
     const { patchViteConfig, TAGGER_FILENAME, TAGGER_SOURCE } = await import("./source-ZZU245VN.js");
     const cwd = process.cwd();
     const taggerPath = nodePath.join(cwd, TAGGER_FILENAME);
-    fs3.writeFileSync(taggerPath, TAGGER_SOURCE);
+    fs2.writeFileSync(taggerPath, TAGGER_SOURCE);
     console.log(pc6.green(`\u2713 ${TAGGER_FILENAME} written`));
-    const configPath = ["vite.config.ts", "vite.config.js", "vite.config.mjs"].map((name) => nodePath.join(cwd, name)).find((candidate) => fs3.existsSync(candidate));
+    const configPath = ["vite.config.ts", "vite.config.js", "vite.config.mjs"].map((name) => nodePath.join(cwd, name)).find((candidate) => fs2.existsSync(candidate));
     if (!configPath) {
       console.log(pc6.yellow("\u25CB no vite config found \u2014 add the plugin manually:"));
       console.log(pc6.dim(`  import squintTagger from './${TAGGER_FILENAME}'
   plugins: [squintTagger(), \u2026]`));
       return;
     }
-    const source = fs3.readFileSync(configPath, "utf8");
+    const source = fs2.readFileSync(configPath, "utf8");
     const patched = patchViteConfig(source);
     if (patched === "already") {
       console.log(pc6.dim("vite config already wired"));
@@ -556,7 +600,7 @@ Next: ${pc6.bold(`${cd}${options.install ? "" : "npm install && "}squint`)}`);
       console.log(pc6.dim(`  import squintTagger from './${TAGGER_FILENAME}'
   plugins: [squintTagger(), \u2026]`));
     } else {
-      fs3.writeFileSync(configPath, patched);
+      fs2.writeFileSync(configPath, patched);
       console.log(pc6.green(`\u2713 ${nodePath.basename(configPath)} wired`));
     }
     console.log(
@@ -569,98 +613,13 @@ Next: ${pc6.bold(`${cd}${options.install ? "" : "npm install && "}squint`)}`);
 import { render } from "ink";
 
 // src/tui/App.tsx
-import { Box as Box2, Static, Text as Text3, useApp, useInput } from "ink";
-import path4 from "path";
+import { Box as Box3, Static, Text as Text3, useApp, useInput } from "ink";
+import { InkPictureProvider } from "ink-picture";
+import path3 from "path";
 import { useMemo, useRef, useState as useState2, useSyncExternalStore } from "react";
 
 // src/session/engine.ts
-import path3 from "path";
-
-// src/vcs/sandbox.ts
-import { execFileSync } from "child_process";
-import fs2 from "fs";
 import path2 from "path";
-function git(cwd, args) {
-  return execFileSync("git", args, { cwd, encoding: "utf8", stdio: ["ignore", "pipe", "pipe"] }).trim();
-}
-function sandboxDir(cwd) {
-  return path2.join(cwd, ".squint", "sandbox");
-}
-function sandboxExists(cwd) {
-  return fs2.existsSync(path2.join(sandboxDir(cwd), ".git"));
-}
-function openSandbox(cwd) {
-  const dir = sandboxDir(cwd);
-  if (sandboxExists(cwd)) return { dir, reused: true };
-  fs2.rmSync(dir, { recursive: true, force: true });
-  fs2.mkdirSync(path2.dirname(dir), { recursive: true });
-  git(cwd, ["worktree", "add", "--force", "--detach", dir, "HEAD"]);
-  const mainModules = path2.join(cwd, "node_modules");
-  const sandboxModules = path2.join(dir, "node_modules");
-  if (fs2.existsSync(mainModules) && !fs2.existsSync(sandboxModules)) {
-    fs2.symlinkSync(mainModules, sandboxModules, "dir");
-  }
-  return { dir, reused: false };
-}
-function sandboxDiffStat(cwd) {
-  if (!sandboxExists(cwd)) return null;
-  const dir = sandboxDir(cwd);
-  try {
-    git(dir, ["add", "-A"]);
-    const stat = git(dir, ["diff", "--cached", "--shortstat", "HEAD"]);
-    return stat.length > 0 ? stat : null;
-  } catch {
-    return null;
-  }
-}
-function sandboxFiles(cwd) {
-  if (!sandboxExists(cwd)) return [];
-  const dir = sandboxDir(cwd);
-  try {
-    git(dir, ["add", "-A"]);
-    const out = git(dir, ["diff", "--cached", "--name-status", "HEAD"]);
-    return out.length > 0 ? out.split("\n") : [];
-  } catch {
-    return [];
-  }
-}
-function applySandbox(cwd) {
-  if (!sandboxExists(cwd)) return { ok: false, detail: "no sandbox open" };
-  const dir = sandboxDir(cwd);
-  try {
-    git(dir, ["add", "-A"]);
-    const patch = git(dir, ["diff", "--binary", "--cached", "HEAD"]);
-    if (patch.length === 0) return { ok: false, detail: "sandbox has no changes" };
-    const patchFile = path2.join(cwd, ".squint", "sandbox.patch");
-    fs2.writeFileSync(patchFile, patch + "\n");
-    git(cwd, ["apply", "--whitespace=nowarn", patchFile]);
-    fs2.rmSync(patchFile, { force: true });
-    return { ok: true };
-  } catch (err) {
-    return { ok: false, detail: err instanceof Error ? err.message.split("\n")[0] : String(err) };
-  }
-}
-function discardSandbox(cwd) {
-  if (!sandboxExists(cwd)) return false;
-  const dir = sandboxDir(cwd);
-  try {
-    const link = path2.join(dir, "node_modules");
-    if (fs2.existsSync(link) && fs2.lstatSync(link).isSymbolicLink()) fs2.rmSync(link);
-  } catch {
-  }
-  try {
-    git(cwd, ["worktree", "remove", "--force", dir]);
-  } catch {
-    fs2.rmSync(dir, { recursive: true, force: true });
-  }
-  try {
-    git(cwd, ["worktree", "prune"]);
-  } catch {
-  }
-  return true;
-}
-
-// src/session/engine.ts
 var MAX_AUTO_FIX_ATTEMPTS = 2;
 var delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 var Session = class {
@@ -807,6 +766,18 @@ var Session = class {
         this.push("status", "queue cleared");
         return;
       }
+      const drop = /^\/queue drop (\d+)$/.exec(value);
+      if (drop) {
+        const index = Number.parseInt(drop[1], 10) - 1;
+        if (index >= 0 && index < this.state.queue.length) {
+          const removed = this.state.queue[index];
+          this.notify({ queue: this.state.queue.filter((_, i) => i !== index) });
+          this.push("status", `dropped from queue: ${removed}`);
+        } else {
+          this.push("status", `queue has ${this.state.queue.length} item(s) \u2014 /queue drop <1-${Math.max(this.state.queue.length, 1)}>`);
+        }
+        return;
+      }
       this.notify({ queue: [...this.state.queue, value] });
       return;
     }
@@ -992,6 +963,7 @@ var Session = class {
           sessionId: this.sessionId,
           model: this.state.model,
           lastAsk: display.length > 80 ? `${display.slice(0, 79)}\u2026` : display,
+          totals: this.state.totals,
           at: Date.now()
         });
       }
@@ -1054,7 +1026,7 @@ ${errors.slice(-5).join("\n")}`);
               const captureResult = await this.capture();
               if (captureResult) {
                 await this.runTurn(
-                  buildReviewPrompt(captureResult.shots, void 0, captureResult.runtime, captureResult.a11y),
+                  buildReviewPrompt(captureResult.shots, void 0, captureResult.runtime, captureResult.a11y, captureResult.slop),
                   "\u{1F441} auto-review rendered UI"
                 );
               }
@@ -1128,6 +1100,7 @@ ${errors.slice(-5).join("\n")}`);
     this.lastPulse = current;
     if (!previous) {
       this.push("status", "visual pulse: baseline captured");
+      this.push("image", pulsePath);
       return null;
     }
     const pct = await comparePulse(previous, current);
@@ -1136,16 +1109,18 @@ ${errors.slice(-5).join("\n")}`);
       "status",
       pct < 0.5 ? "visual pulse: stable vs last turn" : `visual pulse: ${pct.toFixed(1)}% of the page changed vs last turn`
     );
+    if (pct >= 0.5) this.push("image", pulsePath);
     return pct;
   }
   /** Screenshot the running app (and watch its runtime where CDP is available). */
-  async capture() {
-    if (!this.state.devUrl) {
-      this.push("error", "dev server not running \u2014 /dev first");
+  async capture(urlOverride) {
+    const url = urlOverride || this.state.devUrl;
+    if (!url) {
+      this.push("error", "dev server not running \u2014 /dev first, or /shot <url>");
       return null;
     }
     this.push("status", "capturing screenshots\u2026");
-    const result = await captureViewports(this.opts.cwd, this.state.devUrl);
+    const result = await captureViewports(this.opts.cwd, url);
     if (!result) {
       this.push("error", "no Chrome/Chromium found for screenshots");
       return null;
@@ -1154,8 +1129,10 @@ ${errors.slice(-5).join("\n")}`);
     if (result.shots.length > 0) {
       this.push(
         "status",
-        `captured ${result.shots.map((s) => s.name).join(", ")} \u2192 ${path3.dirname(result.shots[0].path)}`
+        `captured ${result.shots.map((s) => s.name).join(", ")} \u2192 ${path2.dirname(result.shots[0].path)}`
       );
+      const desktop = result.shots.find((s) => s.name === "desktop") ?? result.shots[0];
+      this.push("image", desktop.path);
     }
     if (result.runtime) {
       const summary = runtimeSummary(result.runtime);
@@ -1168,6 +1145,10 @@ ${errors.slice(-5).join("\n")}`);
         this.push("status", "runtime clean \u2014 no console errors, exceptions, or failed requests");
       }
     }
+    if (result.slop && result.slop.length > 0) {
+      this.push("status", `distinctiveness: ${result.slop.length} tell(s)
+${result.slop.join("\n")}`);
+    }
     if (result.a11y && result.a11y.length > 0) {
       this.push("error", `a11y: ${result.a11y.length} finding(s)
 ${result.a11y.slice(0, 5).join("\n")}`);
@@ -1191,7 +1172,7 @@ They are objective defects, not style preferences.`
     const arg = rest.join(" ").trim();
     switch (name) {
       case "engines": {
-        void import("./registry-S3PCXJVF.js").then(({ detectEngines: detectEngines2 }) => {
+        void import("./registry-MIJ6LSAY.js").then(({ detectEngines: detectEngines2 }) => {
           const lines = detectEngines2().map(({ engine, path: binaryPath }) => {
             const mark = binaryPath ? "\u2713" : "\u2717";
             const traits = [engine.createParser ? "stream" : "text", engine.supportsResume ? "resume" : null].filter(Boolean).join(" \xB7 ");
@@ -1281,12 +1262,12 @@ They are objective defects, not style preferences.`
       }
       case "save": {
         void (async () => {
-          const fs3 = await import("fs");
-          const path5 = await import("path");
-          const dir = path5.join(this.opts.cwd, ".squint", "transcripts");
-          fs3.mkdirSync(dir, { recursive: true });
+          const fs2 = await import("fs");
+          const path4 = await import("path");
+          const dir = path4.join(this.opts.cwd, ".squint", "transcripts");
+          fs2.mkdirSync(dir, { recursive: true });
           const stamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
-          const file = path5.join(dir, `${stamp}.md`);
+          const file = path4.join(dir, `${stamp}.md`);
           const lines = [`# squint session \u2014 ${(/* @__PURE__ */ new Date()).toISOString().slice(0, 16)}`, ""];
           for (const item of this.state.items) {
             switch (item.role) {
@@ -1299,6 +1280,9 @@ They are objective defects, not style preferences.`
               case "tool":
                 lines.push(`- \u2699 ${item.text}`);
                 break;
+              case "image":
+                lines.push(`![screenshot](${item.text})`, "");
+                break;
               case "thinking":
                 break;
               default:
@@ -1306,8 +1290,8 @@ They are objective defects, not style preferences.`
             }
           }
           lines.push("", `> ${this.summary()}`);
-          fs3.writeFileSync(file, lines.join("\n") + "\n");
-          this.push("status", `saved transcript \u2192 ${path5.relative(this.opts.cwd, file)}`);
+          fs2.writeFileSync(file, lines.join("\n") + "\n");
+          this.push("status", `saved transcript \u2192 ${path4.relative(this.opts.cwd, file)}`);
         })();
         break;
       }
@@ -1364,14 +1348,14 @@ They are objective defects, not style preferences.`
         })();
         break;
       case "shot":
-        void this.capture();
+        void this.capture(arg || void 0);
         break;
       case "review":
         void (async () => {
           const result = await this.capture();
           if (result) {
             await this.runTurn(
-              buildReviewPrompt(result.shots, arg || void 0, result.runtime, result.a11y),
+              buildReviewPrompt(result.shots, arg || void 0, result.runtime, result.a11y, result.slop),
               `\u{1F441} review rendered UI${arg ? ` \xB7 ${arg}` : ""}`
             );
           }
@@ -1421,7 +1405,11 @@ They are objective defects, not style preferences.`
           break;
         }
         this.sessionId = saved.sessionId;
-        this.notify({ engineId: saved.engine, model: saved.model ?? this.state.model });
+        this.notify({
+          engineId: saved.engine,
+          model: saved.model ?? this.state.model,
+          totals: saved.totals ?? this.state.totals
+        });
         this.push("status", `resumed ${saved.engine} session${saved.lastAsk ? ` \xB7 "${saved.lastAsk}"` : ""}`);
         break;
       }
@@ -1551,7 +1539,7 @@ ${sandboxFiles(this.opts.cwd).join("\n")}`);
         this.notify({ items: [], totals: { costUsd: 0, turns: 0 } });
         break;
       case "help": {
-        void import("./commands-N33DKZKC.js").then(({ commandHelp }) => this.push("status", commandHelp()));
+        void import("./commands-QKDWUD4K.js").then(({ commandHelp }) => this.push("status", commandHelp()));
         break;
       }
       case "quit":
@@ -1813,9 +1801,23 @@ function Markdown({ text }) {
 }
 
 // src/tui/messages.tsx
-import { Text as Text2 } from "ink";
+import { Box as Box2, Text as Text2 } from "ink";
+import Image from "ink-picture";
 import { useEffect, useState } from "react";
+
+// src/tui/termImage.ts
+function supportsInlineImages(env = process.env) {
+  if (env.TMUX) return false;
+  if (env.TERM === "xterm-kitty" || env.KITTY_WINDOW_ID) return true;
+  if (env.TERM === "xterm-ghostty" || env.GHOSTTY_RESOURCES_DIR) return true;
+  if (env.TERM_PROGRAM === "WezTerm") return true;
+  if (env.TERM_PROGRAM === "iTerm.app") return true;
+  return false;
+}
+
+// src/tui/messages.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var INLINE_IMAGES = supportsInlineImages();
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var PHRASES = ["working", "thinking", "squinting", "crafting", "still at it"];
 function WorkingLine({ startedAt }) {
@@ -1880,6 +1882,20 @@ function MessageLine({ message }) {
         "\u2717 ",
         message.text
       ] });
+    case "image":
+      if (!INLINE_IMAGES) {
+        return /* @__PURE__ */ jsxs2(Text2, { color: theme2.dim, wrap: "wrap", children: [
+          "\u25A3 ",
+          message.text
+        ] });
+      }
+      return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx2(Image, { src: message.text, width: 48, height: 14, alt: "screenshot" }),
+        /* @__PURE__ */ jsxs2(Text2, { color: theme2.dim, children: [
+          "\u25A3 ",
+          message.text
+        ] })
+      ] });
   }
 }
 
@@ -2039,20 +2055,23 @@ function App({
   });
   const devBadge = state.devState === "running" ? ` \xB7 ${state.devUrl ?? "dev running"}` : state.devState === "starting" ? " \xB7 dev starting\u2026" : state.devState === "crashed" ? " \xB7 dev crashed" : "";
   const totalsBadge = state.totals.turns > 0 ? ` \xB7 ${state.totals.turns} turn${state.totals.turns === 1 ? "" : "s"}${state.totals.costUsd > 0 ? ` \xB7 $${state.totals.costUsd.toFixed(2)}` : ""}` : "";
-  return /* @__PURE__ */ jsx3(ThemeProvider, { value: theme2, children: /* @__PURE__ */ jsxs3(Box2, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx3(Static, { items: state.items, children: (item) => /* @__PURE__ */ jsx3(Box2, { children: /* @__PURE__ */ jsx3(MessageLine, { message: item }) }, item.id) }),
-    state.liveText.length > 0 && /* @__PURE__ */ jsx3(Box2, { children: /* @__PURE__ */ jsx3(Markdown, { text: state.liveText }) }),
-    state.items.length === 0 && state.liveText.length === 0 && !state.running && /* @__PURE__ */ jsxs3(Box2, { flexDirection: "column", marginTop: 1, children: [
+  return /* @__PURE__ */ jsx3(ThemeProvider, { value: theme2, children: /* @__PURE__ */ jsx3(InkPictureProvider, { children: /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Static, { items: state.items, children: (item) => /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(MessageLine, { message: item }) }, item.id) }),
+    state.liveText.length > 0 && /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Markdown, { text: state.liveText }) }),
+    state.items.length === 0 && state.liveText.length === 0 && !state.running && /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsx3(Text3, { color: theme2.dim, children: "describe what to build \u2014 or try:" }),
       /* @__PURE__ */ jsx3(Text3, { color: theme2.dim, children: "  /dev start the preview server \xB7 /review after a change \xB7 /variants 3 explore wide" }),
       /* @__PURE__ */ jsx3(Text3, { color: theme2.dim, children: "  shift+tab cycles plan/safe/yolo \xB7 type while the agent works to queue asks" })
     ] }),
-    state.running && /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx3(WorkingLine, { startedAt: state.runStartedAt }) }),
-    state.queue.map((queued, index) => /* @__PURE__ */ jsx3(Box2, { children: /* @__PURE__ */ jsxs3(Text3, { color: theme2.dim, children: [
-      "\u22EF queued: ",
-      queued
+    state.running && /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(WorkingLine, { startedAt: state.runStartedAt }) }),
+    state.queue.map((queued, index) => /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { color: theme2.dim, children: [
+      "\u22EF ",
+      index + 1,
+      ". ",
+      queued,
+      index === state.queue.length - 1 ? "   (/queue drop <n> removes)" : ""
     ] }) }, index)),
-    line.text.startsWith("/") && !line.text.includes(" ") && /* @__PURE__ */ jsx3(Box2, { flexDirection: "column", children: completeCommand(line.text.slice(1)).slice(0, 5).map((command, index) => /* @__PURE__ */ jsxs3(Text3, { color: index === 0 ? theme2.accent : theme2.dim, children: [
+    line.text.startsWith("/") && !line.text.includes(" ") && /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: completeCommand(line.text.slice(1)).slice(0, 5).map((command, index) => /* @__PURE__ */ jsxs3(Text3, { color: index === 0 ? theme2.accent : theme2.dim, children: [
       "/",
       command.name,
       command.args ? ` ${command.args}` : "",
@@ -2062,13 +2081,13 @@ function App({
         command.description
       ] })
     ] }, command.name)) }),
-    /* @__PURE__ */ jsx3(Box2, { marginTop: state.running ? 0 : 1, children: /* @__PURE__ */ jsxs3(Text3, { children: [
+    /* @__PURE__ */ jsx3(Box3, { marginTop: state.running ? 0 : 1, children: /* @__PURE__ */ jsxs3(Text3, { children: [
       /* @__PURE__ */ jsx3(Text3, { color: theme2.accent, children: "\u276F " }),
       line.text.slice(0, line.cursor),
       /* @__PURE__ */ jsx3(Text3, { inverse: true, children: line.text[line.cursor] ?? " " }),
       line.text.slice(line.cursor + 1)
     ] }) }),
-    /* @__PURE__ */ jsx3(Box2, { children: /* @__PURE__ */ jsxs3(Text3, { color: theme2.dim, children: [
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { color: theme2.dim, children: [
       /* @__PURE__ */ jsxs3(
         Text3,
         {
@@ -2086,7 +2105,7 @@ function App({
       state.engineId,
       state.model ? ` \xB7 ${state.model}` : "",
       " \xB7 ",
-      path4.basename(cwd),
+      path3.basename(cwd),
       devBadge,
       totalsBadge,
       state.problems.length > 0 && /* @__PURE__ */ jsxs3(Text3, { color: theme2.error, children: [
@@ -2098,7 +2117,7 @@ function App({
       " ",
       "\xB7 shift+tab mode \xB7 /help"
     ] }) })
-  ] }) });
+  ] }) }) });
 }
 
 // src/cli/tui.tsx
@@ -2136,7 +2155,7 @@ function registerTui(program2) {
 }
 
 // src/cli.tsx
-var VERSION = "0.2.8";
+var VERSION = true ? "0.3.0" : "0.0.0-dev";
 var program = new Command();
 program.name("squint").description("Lovable for your terminal \u2014 a frontend harness on top of Claude Code, Codex, and friends.").version(VERSION);
 registerRun(program);