@aayambansal/squint 0.6.0 → 0.6.1

package/dist/{App-HPUWFBRV.js → App-54M5DS3T.js}

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
 import {
   App
-} from "./chunk-2KJLEM53.js";
+} from "./chunk-ZG3XQDUW.js";
 import "./chunk-3GHZOVAA.js";
-import "./chunk-VCDZGQBB.js";
+import "./chunk-5MQOJYUC.js";
 import "./chunk-UBADCBPT.js";
 import "./chunk-IEQGTVWN.js";
 import "./chunk-AUJJGMZG.js";
@@ -14,9 +14,9 @@ import "./chunk-DOWWBLX2.js";
 import "./chunk-K5QJMSJH.js";
 import "./chunk-WAJXATCO.js";
 import "./chunk-62JNF5M2.js";
-import "./chunk-7FAS2O3L.js";
+import "./chunk-UMDV4ITQ.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-P6D4RSWD.js";
+import "./chunk-N7YEWQGZ.js";
 import "./chunk-PZV2FJE5.js";
 import "./chunk-DABIMOMV.js";
 export {

package/dist/{cdp-RFQCIQFP.js → cdp-IGPGFMC6.js}

@@ -5,7 +5,7 @@ import {
   pixelDiffAttributed,
   pixelDiffPct,
   runFlow
-} from "./chunk-P6D4RSWD.js";
+} from "./chunk-N7YEWQGZ.js";
 export {
   cdpCapture,
   hasWebSocket,

package/dist/{chunk-K7JNVCCU.js → chunk-3XO3GF5X.js}

@@ -143,8 +143,8 @@ function stepExpression(step) {
 async function suggestFlows(cwd, baseUrl, chromePath) {
   const fs2 = await import("fs");
   const path2 = await import("path");
-  const { cdpCapture } = await import("./cdp-RFQCIQFP.js");
-  const { loadRoutes } = await import("./preview-WYFBPFFL.js");
+  const { cdpCapture } = await import("./cdp-IGPGFMC6.js");
+  const { loadRoutes } = await import("./preview-4OF6JB5B.js");
   const dir = path2.join(cwd, ".squint", "flows");
   fs2.mkdirSync(dir, { recursive: true });
   const created = [];

package/dist/{chunk-VCDZGQBB.js → chunk-5MQOJYUC.js}

@@ -51,7 +51,7 @@ import {
   comparePulseAttributed,
   probeRuntime,
   runtimeSummary
-} from "./chunk-7FAS2O3L.js";
+} from "./chunk-UMDV4ITQ.js";
 import {
   clearState,
   loadState,
@@ -769,7 +769,13 @@ squint verifies every turn \u2014 gates, runtime probe, page audits. Do not decl
       this.push("image", pulsePath);
       return null;
     }
-    const diff = await comparePulseAttributed(previous, current, this.state.devUrl ?? void 0);
+    const { previewDir } = await import("./preview-4OF6JB5B.js");
+    const diff = await comparePulseAttributed(
+      previous,
+      current,
+      this.state.devUrl ?? void 0,
+      (await import("path")).join(previewDir(this.opts.cwd), "triptych.png")
+    );
     if (diff === null) return null;
     const pct = diff.pct;
     this.push(
@@ -778,7 +784,7 @@ squint verifies every turn \u2014 gates, runtime probe, page audits. Do not decl
 ${diff.sentences.map((s) => `  ${s}`).join("\n")}` : ""}`
     );
     runHook(this.opts.cwd, "on-pulse-diff", { pct: pct.toFixed(1) });
-    if (pct >= 0.5) this.push("image", pulsePath);
+    if (pct >= 0.5) this.push("image", diff.triptychPath ?? pulsePath);
     return pct;
   }
   /** Screenshot the running app (and watch its runtime where CDP is available). */
@@ -1129,7 +1135,7 @@ every ask now carries it; auto-fix presses to ${MAX_GOAL_FIX_ATTEMPTS} attempts
               this.push("error", "no Chrome/Chromium found");
               return;
             }
-            const { suggestFlows } = await import("./flows-G5K3XYQZ.js");
+            const { suggestFlows } = await import("./flows-OY4BSCKD.js");
             this.push("status", "drafting flows from the live routes\u2026");
             const { created, skipped } = await suggestFlows(this.opts.cwd, this.state.devUrl, chrome);
             if (created.length > 0) this.push("status", `drafted ${created.length} flow(s): ${created.join(", ")} \u2014 edit .squint/flows/*.flow or ask the engine to deepen them`);
@@ -1139,7 +1145,7 @@ every ask now carries it; auto-fix presses to ${MAX_GOAL_FIX_ATTEMPTS} attempts
           break;
         }
         void (async () => {
-          const { loadFlows } = await import("./flows-G5K3XYQZ.js");
+          const { loadFlows } = await import("./flows-OY4BSCKD.js");
           const flows = loadFlows(this.opts.cwd);
           if (flows.length === 0) {
             this.push("status", "no flows \u2014 add .squint/flows/<name>.flow (goto/click/fill/press/expect/shot lines), or ask the engine to write one");
@@ -1150,8 +1156,8 @@ every ask now carries it; auto-fix presses to ${MAX_GOAL_FIX_ATTEMPTS} attempts
             this.push("error", "no Chrome/Chromium found for flows");
             return;
           }
-          const { runFlow } = await import("./cdp-RFQCIQFP.js");
-          const { previewDir } = await import("./preview-WYFBPFFL.js");
+          const { runFlow } = await import("./cdp-IGPGFMC6.js");
+          const { previewDir } = await import("./preview-4OF6JB5B.js");
           this.push("status", `replaying ${flows.length} flow(s)\u2026`);
           this.notify({ running: true, runStartedAt: Date.now() });
           const failures = [];

package/dist/{chunk-P6D4RSWD.js → chunk-N7YEWQGZ.js}

@@ -179,7 +179,7 @@ var describe = (value) => {
   return String(value);
 };
 async function runFlow(chromePath, baseUrl, flow, outDir) {
-  const { stepExpression } = await import("./flows-G5K3XYQZ.js");
+  const { stepExpression } = await import("./flows-OY4BSCKD.js");
   const { child, wsUrl, profileDir } = await launchChrome(chromePath);
   const shots = [];
   let connection = null;
@@ -238,7 +238,7 @@ async function runFlow(chromePath, baseUrl, flow, outDir) {
     setTimeout(() => fs.rmSync(profileDir, { recursive: true, force: true }), 500).unref?.();
   }
 }
-async function pixelDiffAttributed(chromePath, pngA, pngB, url) {
+async function pixelDiffAttributed(chromePath, pngA, pngB, url, outPath) {
   const { child, wsUrl, profileDir } = await launchChrome(chromePath);
   let connection = null;
   try {
@@ -312,7 +312,35 @@ async function pixelDiffAttributed(chromePath, pngA, pngB, url) {
       }
       regions.sort((p, q) => q.cells - p.cells);
       const sizePenalty = (a.width !== b.width || a.height !== b.height) ? 1 : 0;
-      return { pct: Math.min(100, (differ / total) * 100 + sizePenalty), regions: regions.slice(0, 5), w, h };
+      const pct = Math.min(100, (differ / total) * 100 + sizePenalty);
+      let triptych = null;
+      if (pct >= 0.5) {
+        // before | after | heatmap, half scale, labeled.
+        const panelW = Math.round(w / 2), panelH = Math.round(h / 2), gap = 6;
+        const c = document.createElement('canvas');
+        c.width = panelW * 3 + gap * 2; c.height = panelH + 22;
+        const ctx = c.getContext('2d');
+        ctx.fillStyle = '#111'; ctx.fillRect(0, 0, c.width, c.height);
+        ctx.drawImage(a, 0, 22, panelW, panelH);
+        ctx.drawImage(b, panelW + gap, 22, panelW, panelH);
+        ctx.globalAlpha = 0.3;
+        ctx.drawImage(b, (panelW + gap) * 2, 22, panelW, panelH);
+        ctx.globalAlpha = 1;
+        ctx.fillStyle = 'rgba(255,60,40,0.75)';
+        const sx = panelW / w, sy = panelH / h;
+        for (let cy = 0; cy < gh; cy++) {
+          for (let cx = 0; cx < gw; cx++) {
+            if (!marked[cy * gw + cx]) continue;
+            ctx.fillRect((panelW + gap) * 2 + cx * CELL * sx, 22 + cy * CELL * sy, CELL * sx, CELL * sy);
+          }
+        }
+        ctx.fillStyle = '#ddd'; ctx.font = '12px system-ui';
+        ctx.fillText('before', 2, 14);
+        ctx.fillText('after', panelW + gap + 2, 14);
+        ctx.fillText('changed ' + pct.toFixed(1) + '%', (panelW + gap) * 2 + 2, 14);
+        triptych = c.toDataURL('image/png');
+      }
+      return { pct, regions: regions.slice(0, 5), w, h, triptych };
     })()`;
     const { result } = await connection.send(
       "Runtime.evaluate",
@@ -321,7 +349,15 @@ async function pixelDiffAttributed(chromePath, pngA, pngB, url) {
     );
     const value = result?.value;
     if (!value || typeof value.pct !== "number") return null;
-    if (!url || value.regions.length === 0 || value.pct < 0.5) return { pct: value.pct, sentences: [] };
+    let triptychPath;
+    if (value.triptych && outPath) {
+      try {
+        fs.writeFileSync(outPath, Buffer.from(value.triptych.split(",")[1] ?? "", "base64"));
+        triptychPath = outPath;
+      } catch {
+      }
+    }
+    if (!url || value.regions.length === 0 || value.pct < 0.5) return { pct: value.pct, sentences: [], triptychPath };
     let sentences = [];
     try {
       const page = await connection.send("Target.createTarget", { url: "about:blank" });
@@ -368,7 +404,7 @@ async function pixelDiffAttributed(chromePath, pngA, pngB, url) {
       if (Array.isArray(hit.result?.value)) sentences = hit.result.value.map(String);
     } catch {
     }
-    return { pct: value.pct, sentences };
+    return { pct: value.pct, sentences, triptychPath };
   } catch {
     return null;
   } finally {

package/dist/{chunk-BYT6OOGK.js → chunk-SKNZ2PJF.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   Session
-} from "./chunk-VCDZGQBB.js";
+} from "./chunk-5MQOJYUC.js";
 
 // src/daemon/client.ts
 import net from "net";

package/dist/{chunk-7FAS2O3L.js → chunk-UMDV4ITQ.js}

@@ -5,7 +5,7 @@ import {
 import {
   cdpCapture,
   hasWebSocket
-} from "./chunk-P6D4RSWD.js";
+} from "./chunk-N7YEWQGZ.js";
 import {
   findChrome,
   screenshot
@@ -164,14 +164,14 @@ async function probeRuntime(url, cwd) {
 async function comparePulse(previous, current) {
   const chrome = findChrome();
   if (!chrome || !hasWebSocket()) return null;
-  const { pixelDiffPct } = await import("./cdp-RFQCIQFP.js");
+  const { pixelDiffPct } = await import("./cdp-IGPGFMC6.js");
   return pixelDiffPct(chrome, previous, current);
 }
-async function comparePulseAttributed(previous, current, url) {
+async function comparePulseAttributed(previous, current, url, outPath) {
   const chrome = findChrome();
   if (!chrome || !hasWebSocket()) return null;
-  const { pixelDiffAttributed } = await import("./cdp-RFQCIQFP.js");
-  return pixelDiffAttributed(chrome, previous, current, url);
+  const { pixelDiffAttributed } = await import("./cdp-IGPGFMC6.js");
+  return pixelDiffAttributed(chrome, previous, current, url, outPath);
 }
 function buildRuntimeFixPrompt(report) {
   return `The running app has runtime problems.${runtimeSection(report)}

package/dist/{chunk-2KJLEM53.js → chunk-ZG3XQDUW.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-3GHZOVAA.js";
 import {
   Session
-} from "./chunk-VCDZGQBB.js";
+} from "./chunk-5MQOJYUC.js";
 
 // src/tui/App.tsx
 import { Box as Box3, Static, Text as Text3, useApp, useInput } from "ink";

package/dist/cli.js

@@ -1,14 +1,14 @@
 #!/usr/bin/env node
 import {
   App
-} from "./chunk-2KJLEM53.js";
+} from "./chunk-ZG3XQDUW.js";
 import "./chunk-3GHZOVAA.js";
 import {
   connectDaemon,
   socketPath,
   startDaemon
-} from "./chunk-BYT6OOGK.js";
-import "./chunk-VCDZGQBB.js";
+} from "./chunk-SKNZ2PJF.js";
+import "./chunk-5MQOJYUC.js";
 import "./chunk-UBADCBPT.js";
 import "./chunk-IEQGTVWN.js";
 import "./chunk-AUJJGMZG.js";
@@ -23,9 +23,9 @@ import {
   composePrompt
 } from "./chunk-WAJXATCO.js";
 import "./chunk-62JNF5M2.js";
-import "./chunk-7FAS2O3L.js";
+import "./chunk-UMDV4ITQ.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-P6D4RSWD.js";
+import "./chunk-N7YEWQGZ.js";
 import "./chunk-PZV2FJE5.js";
 import {
   detectEngines,
@@ -187,18 +187,18 @@ function registerDaemon(program2) {
     process.on("SIGTERM", stop);
   });
   program2.command("mcp").description("serve the gates as MCP tools over stdio (check, shot, flows, context)").action(async () => {
-    const { runMcpServer } = await import("./server-BCHVAJJQ.js");
+    const { runMcpServer } = await import("./server-N2PGAV2C.js");
     runMcpServer(process.cwd());
   });
   program2.command("attach").description("attach this terminal to a running squint daemon (full TUI; --plain for line mode)").option("--plain", "line-mode attach instead of the full TUI").action(async (opts) => {
     const cwd = process.cwd();
     if (!opts.plain) {
       try {
-        const { RemoteSession } = await import("./remote-WS6XGUBU.js");
+        const { RemoteSession } = await import("./remote-LOQ5WKAS.js");
         const remote = await RemoteSession.connect(cwd);
         const config = loadConfig(defaultPaths(cwd));
         const { render: render2 } = await import("ink");
-        const { App: App2 } = await import("./App-HPUWFBRV.js");
+        const { App: App2 } = await import("./App-54M5DS3T.js");
         const React = await import("react");
         render2(
           React.createElement(App2, {
@@ -315,7 +315,7 @@ function registerEnv(program2) {
       }
     }
     const { findChrome } = await import("./chrome-CAN7TVH6.js");
-    const { hasWebSocket } = await import("./cdp-RFQCIQFP.js");
+    const { hasWebSocket } = await import("./cdp-IGPGFMC6.js");
     const chrome = findChrome();
     console.log(
       chrome ? `${pc3.green("\u2713")} Chrome ${pc3.dim(chrome)}` : `${pc3.yellow("\u25CB")} Chrome ${pc3.dim("\u2014 screenshots and runtime probing disabled")}`
@@ -551,7 +551,7 @@ function registerQuality(program2) {
     report.gates = gateResults.map((r) => ({ id: r.gate.id, ok: r.ok, durationMs: r.durationMs, outputTail: r.ok ? void 0 : r.outputTail }));
     if (gateResults.some((r) => !r.ok)) failed = true;
     if (opts.url) {
-      const { captureViewports, runtimeSummary, previewDir } = await import("./preview-WYFBPFFL.js");
+      const { captureViewports, runtimeSummary, previewDir } = await import("./preview-4OF6JB5B.js");
       const capture = await captureViewports(cwd, opts.url);
       if (!capture) {
         console.log(pc5.red("\u2717 audit: capture failed (Chrome missing or URL unreachable)"));
@@ -583,14 +583,14 @@ function registerQuality(program2) {
           console.log(`${pc5.green("\u2713")} audit ${pc5.dim(`(${advisories.a11y.length} a11y, ${advisories.slop.length} slop, ${advisories.jank.length} jank advisories)`)}`);
         }
       }
-      const { loadFlows } = await import("./flows-G5K3XYQZ.js");
+      const { loadFlows } = await import("./flows-OY4BSCKD.js");
       const flows = loadFlows(cwd);
       if (flows.length > 0) {
         const { findChrome } = await import("./chrome-CAN7TVH6.js");
         const chrome = findChrome();
         const flowReport = [];
         if (chrome) {
-          const { runFlow } = await import("./cdp-RFQCIQFP.js");
+          const { runFlow } = await import("./cdp-IGPGFMC6.js");
           for (const flow of flows) {
             const result = await runFlow(chrome, opts.url, flow, previewDir(cwd));
             flowReport.push({ name: flow.name, ok: result.ok, detail: result.ok ? void 0 : `step ${result.failedStep}: ${result.detail}` });
@@ -604,7 +604,7 @@ function registerQuality(program2) {
     report.ok = !failed;
     report.finishedAt = (/* @__PURE__ */ new Date()).toISOString();
     try {
-      const { writeReceipt } = await import("./receipts-INSRID6M.js");
+      const { writeReceipt } = await import("./receipts-JEOMBMFI.js");
       console.log(pc5.dim(`receipt \u2192 ${writeReceipt(cwd, report)}`));
     } catch {
     }
@@ -616,7 +616,7 @@ function registerQuality(program2) {
     if (failed) 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 } = await import("./preview-WYFBPFFL.js");
+    const { captureViewports } = await import("./preview-4OF6JB5B.js");
     const result = await captureViewports(process.cwd(), url);
     if (!result) {
       console.error(pc5.red("\u2717 no Chrome/Chromium found"));
@@ -803,7 +803,7 @@ function registerTui(program2) {
 }
 
 // src/cli.tsx
-var VERSION = true ? "0.6.0" : "0.0.0-dev";
+var VERSION = true ? "0.6.1" : "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);

package/dist/{flows-G5K3XYQZ.js → flows-OY4BSCKD.js}

@@ -4,7 +4,7 @@ import {
   parseFlow,
   stepExpression,
   suggestFlows
-} from "./chunk-K7JNVCCU.js";
+} from "./chunk-3XO3GF5X.js";
 export {
   loadFlows,
   parseFlow,

package/dist/{preview-WYFBPFFL.js → preview-4OF6JB5B.js}

@@ -11,9 +11,9 @@ import {
   probeRuntime,
   routeShotName,
   runtimeSummary
-} from "./chunk-7FAS2O3L.js";
+} from "./chunk-UMDV4ITQ.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-P6D4RSWD.js";
+import "./chunk-N7YEWQGZ.js";
 import "./chunk-PZV2FJE5.js";
 import "./chunk-DABIMOMV.js";
 export {

package/dist/{receipts-INSRID6M.js → receipts-JEOMBMFI.js}

@@ -31,7 +31,7 @@ function buildReceipt(cwd, report) {
     }
   }
   const unsigned = {
-    version: true ? "0.6.0" : "0.0.0-dev",
+    version: true ? "0.6.1" : "0.0.0-dev",
     node: process.version,
     gitHead,
     report,

package/dist/{remote-WS6XGUBU.js → remote-LOQ5WKAS.js}

@@ -2,8 +2,8 @@
 import {
   connectDaemon,
   socketPath
-} from "./chunk-BYT6OOGK.js";
-import "./chunk-VCDZGQBB.js";
+} from "./chunk-SKNZ2PJF.js";
+import "./chunk-5MQOJYUC.js";
 import "./chunk-UBADCBPT.js";
 import "./chunk-IEQGTVWN.js";
 import "./chunk-AUJJGMZG.js";
@@ -14,9 +14,9 @@ import "./chunk-DOWWBLX2.js";
 import "./chunk-K5QJMSJH.js";
 import "./chunk-WAJXATCO.js";
 import "./chunk-62JNF5M2.js";
-import "./chunk-7FAS2O3L.js";
+import "./chunk-UMDV4ITQ.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-P6D4RSWD.js";
+import "./chunk-N7YEWQGZ.js";
 import "./chunk-PZV2FJE5.js";
 import "./chunk-DABIMOMV.js";
 

package/dist/{server-BCHVAJJQ.js → server-N2PGAV2C.js}

@@ -12,14 +12,14 @@ import {
 } from "./chunk-62JNF5M2.js";
 import {
   loadFlows
-} from "./chunk-K7JNVCCU.js";
+} from "./chunk-3XO3GF5X.js";
 import {
   captureViewports,
   previewDir,
   runtimeSummary
-} from "./chunk-7FAS2O3L.js";
+} from "./chunk-UMDV4ITQ.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-P6D4RSWD.js";
+import "./chunk-N7YEWQGZ.js";
 import {
   findChrome
 } from "./chunk-PZV2FJE5.js";
@@ -75,7 +75,7 @@ ${list.join("\n")}`);
       if (flows.length === 0) return "no flows declared \u2014 add .squint/flows/<name>.flow";
       const chrome = findChrome();
       if (!chrome) return "no Chrome/Chromium found";
-      const { runFlow } = await import("./cdp-RFQCIQFP.js");
+      const { runFlow } = await import("./cdp-IGPGFMC6.js");
       const lines = [];
       for (const flow of flows) {
         const result = await runFlow(chrome, url, flow, previewDir(cwd));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aayambansal/squint",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Lovable for your terminal \u2014 a frontend harness on top of Claude Code, Codex, and other coding agents.",
   "type": "module",
   "license": "MIT",