@aayambansal/squint 0.4.7 → 0.4.8

package/README.md

@@ -174,6 +174,9 @@ squint doctor --probe             # run every engine end to end, verify auth act
   flagged from the live page, and on Next 16+ the framework's own `/_next/mcp`
   channel feeds structured errors straight into the fix loop. `/context` itemizes
   the injected-context bill per source, with staleness warnings.
+- **The sentinel**: gate evasion (deleted tests, added skips, suppressed
+  diagnostics, weakened checks, locked-path touches) detected deterministically per
+  turn and reported to you — never sent back to the engine that did it.
 - **Detachable sessions**: `squint serve` owns the session on a unix socket;
   `squint attach` joins from any terminal (observer seats for teammates, driver
   seat inherited on detach). Crash-proof, ssh-friendly, no cloud.

package/dist/{App-HWMVSRMF.js → App-766KSGON.js}

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
 import {
   App
-} from "./chunk-M25IQ7C7.js";
+} from "./chunk-JZMJGLIZ.js";
 import "./chunk-43NQNIJY.js";
-import "./chunk-7MOKOZOR.js";
+import "./chunk-YGPVP4YB.js";
 import "./chunk-ARDV4XH6.js";
 import "./chunk-AUJJGMZG.js";
 import "./chunk-YHRAOBI2.js";
@@ -13,9 +13,9 @@ import "./chunk-VH7OOFQP.js";
 import "./chunk-K5QJMSJH.js";
 import "./chunk-WAJXATCO.js";
 import "./chunk-62JNF5M2.js";
-import "./chunk-ZSDCMYZR.js";
+import "./chunk-7RFQWOQV.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-HC4E42SV.js";
+import "./chunk-BGBG2MNY.js";
 import "./chunk-IMDRXXFU.js";
 import "./chunk-KVYGPLWW.js";
 export {

package/dist/{cdp-PBQKXC6R.js → cdp-2VVQOHWM.js}

@@ -2,12 +2,14 @@
 import {
   cdpCapture,
   hasWebSocket,
+  pixelDiffAttributed,
   pixelDiffPct,
   runFlow
-} from "./chunk-HC4E42SV.js";
+} from "./chunk-BGBG2MNY.js";
 export {
   cdpCapture,
   hasWebSocket,
+  pixelDiffAttributed,
   pixelDiffPct,
   runFlow
 };

package/dist/{chunk-ZSDCMYZR.js → chunk-7RFQWOQV.js}

@@ -5,7 +5,7 @@ import {
 import {
   cdpCapture,
   hasWebSocket
-} from "./chunk-HC4E42SV.js";
+} from "./chunk-BGBG2MNY.js";
 import {
   findChrome,
   screenshot
@@ -75,7 +75,7 @@ async function captureViewports(cwd, url) {
   if (hasWebSocket()) {
     try {
       const checks = loadChecks(cwd);
-      const { report, shots: shots2, a11y, slop, narration, phantoms, viewTransitions, components, checkFailures, webmcp } = await cdpCapture(chrome, url, dir, VIEWPORTS, 2500, true, checks);
+      const { report, shots: shots2, a11y, slop, narration, phantoms, viewTransitions, components, checkFailures, webmcp, jank } = await cdpCapture(chrome, url, dir, VIEWPORTS, 2500, true, checks);
       const errors2 = [];
       for (const route of routes.slice(1)) {
         try {
@@ -90,7 +90,7 @@ async function captureViewports(cwd, url) {
           errors2.push(`${route}: capture failed`);
         }
       }
-      return { shots: shots2, errors: errors2, runtime: report, a11y, slop, narration, phantoms, viewTransitions, components, checkFailures, webmcp };
+      return { shots: shots2, errors: errors2, runtime: report, a11y, slop, narration, phantoms, viewTransitions, components, checkFailures, webmcp, jank };
     } catch {
     }
   }
@@ -163,9 +163,15 @@ async function probeRuntime(url, cwd) {
 async function comparePulse(previous, current) {
   const chrome = findChrome();
   if (!chrome || !hasWebSocket()) return null;
-  const { pixelDiffPct } = await import("./cdp-PBQKXC6R.js");
+  const { pixelDiffPct } = await import("./cdp-2VVQOHWM.js");
   return pixelDiffPct(chrome, previous, current);
 }
+async function comparePulseAttributed(previous, current, url) {
+  const chrome = findChrome();
+  if (!chrome || !hasWebSocket()) return null;
+  const { pixelDiffAttributed } = await import("./cdp-2VVQOHWM.js");
+  return pixelDiffAttributed(chrome, previous, current, url);
+}
 function buildRuntimeFixPrompt(report) {
   return `The running app has runtime problems.${runtimeSection(report)}
 
@@ -191,6 +197,16 @@ ${narration.join("\n")}
 
 Judge this narration as an experience: does the reading order make sense? do names actually describe their targets? is anything announced as "(no accessible name)"? Fix real incoherence \u2014 this is how non-visual users meet the page.`;
 }
+function jankSection(jank) {
+  if (!jank || jank.length === 0) return "";
+  return `
+
+## Jank attribution (main-thread frames \u226550ms)
+
+${jank.join("\n")}
+
+Each line names the function behind a long animation frame observed during load and a scripted scroll. Fix the work (memoize, virtualize, move off the main thread) \u2014 do not remove the animation.`;
+}
 function webmcpSection(webmcp) {
   if (!webmcp || webmcp.length === 0) return "";
   return `
@@ -241,13 +257,13 @@ ${findings.join("\n")}
 
 These patterns make the page read as template output. Rework them within the committed design direction \u2014 this is style debt, not a defect list.`;
 }
-function buildReviewPrompt(shots, extra, runtime, a11y, slop, narration, phantoms, viewTransitions, components, webmcp) {
+function buildReviewPrompt(shots, extra, runtime, a11y, slop, narration, phantoms, viewTransitions, components, webmcp, jank) {
   const list = shots.map((s) => `- ${s.name}: ${s.path}`).join("\n");
   return `Screenshots of the running app were just captured:
 
 ${list}
 
-Read each screenshot and review the rendered UI against the design standards you were given. Check: visual hierarchy and spacing rhythm, typography, color and contrast, alignment, empty-looking or broken regions, and whether the mobile capture shows horizontal overflow or cramped layout. List the concrete issues you can SEE (not hypothetical ones), ranked by visual impact${extra ? `, with special attention to: ${extra}` : ""}. Then fix them and verify the app still builds.${runtimeSection(runtime)}${a11ySection(a11y)}${slopSection(slop)}${narrationSection(narration)}${phantomSection(phantoms)}${vtSection(viewTransitions)}${componentSection(components)}${webmcpSection(webmcp)}`;
+Read each screenshot and review the rendered UI against the design standards you were given. Check: visual hierarchy and spacing rhythm, typography, color and contrast, alignment, empty-looking or broken regions, and whether the mobile capture shows horizontal overflow or cramped layout. List the concrete issues you can SEE (not hypothetical ones), ranked by visual impact${extra ? `, with special attention to: ${extra}` : ""}. Then fix them and verify the app still builds.${runtimeSection(runtime)}${a11ySection(a11y)}${slopSection(slop)}${narrationSection(narration)}${phantomSection(phantoms)}${vtSection(viewTransitions)}${componentSection(components)}${webmcpSection(webmcp)}${jankSection(jank)}`;
 }
 
 export {
@@ -259,6 +275,7 @@ export {
   runtimeSummary,
   probeRuntime,
   comparePulse,
+  comparePulseAttributed,
   buildRuntimeFixPrompt,
   buildReviewPrompt
 };

package/dist/{chunk-NX7XQY2X.js → chunk-ATNTD3V5.js}

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

package/dist/{chunk-HC4E42SV.js → chunk-BGBG2MNY.js}

@@ -189,6 +189,7 @@ async function runFlow(chromePath, baseUrl, flow, outDir) {
     const { sessionId } = await connection.send("Target.attachToTarget", { targetId, flatten: true });
     await connection.send("Page.enable", {}, sessionId);
     await connection.send("Page.addScriptToEvaluateOnNewDocument", { source: WEBMCP_SHIM }, sessionId).catch(() => null);
+    await connection.send("Page.addScriptToEvaluateOnNewDocument", { source: LOAF_SHIM }, sessionId).catch(() => null);
     await connection.send(
       "Emulation.setDeviceMetricsOverride",
       { width: 1280, height: 800, deviceScaleFactor: 1, mobile: false },
@@ -237,6 +238,145 @@ async function runFlow(chromePath, baseUrl, flow, outDir) {
     setTimeout(() => fs.rmSync(profileDir, { recursive: true, force: true }), 500).unref?.();
   }
 }
+async function pixelDiffAttributed(chromePath, pngA, pngB, url) {
+  const { child, wsUrl, profileDir } = await launchChrome(chromePath);
+  let connection = null;
+  try {
+    connection = await CdpConnection.connect(wsUrl, 1e4);
+    const { targetId } = await connection.send("Target.createTarget", { url: "about:blank" });
+    const { sessionId } = await connection.send("Target.attachToTarget", { targetId, flatten: true });
+    await connection.send("Runtime.enable", {}, sessionId);
+    const expression = `(async () => {
+      const load = (src) => new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => resolve(img);
+        img.onerror = () => reject(new Error('decode'));
+        img.src = src;
+      });
+      const a = await load('data:image/png;base64,${pngA.toString("base64")}');
+      const b = await load('data:image/png;base64,${pngB.toString("base64")}');
+      const w = Math.min(a.width, b.width), h = Math.min(a.height, b.height);
+      if (w === 0 || h === 0) return null;
+      const draw = (img) => {
+        const c = document.createElement('canvas');
+        c.width = w; c.height = h;
+        const ctx = c.getContext('2d');
+        ctx.drawImage(img, 0, 0);
+        return ctx.getImageData(0, 0, w, h).data;
+      };
+      const da = draw(a), db = draw(b);
+      const CELL = 32;
+      const gw = Math.ceil(w / CELL), gh = Math.ceil(h / CELL);
+      const marked = new Uint8Array(gw * gh);
+      let differ = 0, total = 0;
+      for (let y = 0; y < h; y += 2) {
+        for (let x = 0; x < w; x += 2) {
+          total++;
+          const i = (y * w + x) * 4;
+          if (Math.abs(da[i] - db[i]) > 8 || Math.abs(da[i + 1] - db[i + 1]) > 8 || Math.abs(da[i + 2] - db[i + 2]) > 8) {
+            differ++;
+            marked[Math.floor(y / CELL) * gw + Math.floor(x / CELL)] = 1;
+          }
+        }
+      }
+      // Flood-fill marked cells into region bounding boxes.
+      const seen = new Uint8Array(gw * gh);
+      const regions = [];
+      for (let cy = 0; cy < gh; cy++) {
+        for (let cx = 0; cx < gw; cx++) {
+          const start = cy * gw + cx;
+          if (!marked[start] || seen[start]) continue;
+          let minX = cx, maxX = cx, minY = cy, maxY = cy, cells = 0;
+          const stack = [start];
+          seen[start] = 1;
+          while (stack.length) {
+            const cell = stack.pop();
+            const x = cell % gw, y = Math.floor(cell / gw);
+            cells++;
+            if (x < minX) minX = x; if (x > maxX) maxX = x;
+            if (y < minY) minY = y; if (y > maxY) maxY = y;
+            for (const [dx, dy] of [[1,0],[-1,0],[0,1],[0,-1]]) {
+              const nx = x + dx, ny = y + dy;
+              if (nx < 0 || ny < 0 || nx >= gw || ny >= gh) continue;
+              const n = ny * gw + nx;
+              if (marked[n] && !seen[n]) { seen[n] = 1; stack.push(n); }
+            }
+          }
+          regions.push({
+            x: minX * CELL, y: minY * CELL,
+            w: Math.min(w, (maxX + 1) * CELL) - minX * CELL,
+            h: Math.min(h, (maxY + 1) * CELL) - minY * CELL,
+            cells,
+          });
+        }
+      }
+      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 { result } = await connection.send(
+      "Runtime.evaluate",
+      { expression, awaitPromise: true, returnByValue: true },
+      sessionId
+    );
+    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 sentences = [];
+    try {
+      const page = await connection.send("Target.createTarget", { url: "about:blank" });
+      const attach = await connection.send("Target.attachToTarget", { targetId: page.targetId, flatten: true });
+      const pageSession = attach.sessionId;
+      await connection.send("Runtime.enable", {}, pageSession);
+      await connection.send("Page.enable", {}, pageSession);
+      await connection.send(
+        "Emulation.setDeviceMetricsOverride",
+        { width: value.w, height: value.h, deviceScaleFactor: 1, mobile: false },
+        pageSession
+      );
+      await connection.send("Page.navigate", { url }, pageSession);
+      await new Promise((resolve) => setTimeout(resolve, 1200));
+      const hitTest = `((regions) => regions.map((r) => {
+        const el = document.elementsFromPoint(r.x + r.w / 2, r.y + r.h / 2)
+          .find((e) => e !== document.documentElement && e !== document.body);
+        const where = r.w + '\xD7' + r.h + ' region @ (' + r.x + ',' + r.y + ')';
+        if (!el) return where + ' changed';
+        let label = el.tagName.toLowerCase();
+        if (el.id) label += '#' + el.id;
+        else if (el.classList[0]) label += '.' + el.classList[0];
+        const key = Object.keys(el).find((k) => k.startsWith('__reactFiber$'));
+        let chain = '';
+        if (key) {
+          let fiber = el[key];
+          const names = [];
+          let hops = 0;
+          while (fiber && hops < 50 && names.length < 2) {
+            const t = fiber.type;
+            const n = typeof t === 'function' ? (t.displayName || t.name || '') : '';
+            if (n && !names.includes(n)) names.push(n);
+            fiber = fiber.return; hops++;
+          }
+          chain = names.join(' < ');
+        }
+        return '<' + label + '>' + (chain ? ' (' + chain + ')' : '') + ': ' + where + ' changed';
+      }))(${JSON.stringify(value.regions)})`;
+      const hit = await connection.send(
+        "Runtime.evaluate",
+        { expression: hitTest, returnByValue: true },
+        pageSession
+      );
+      if (Array.isArray(hit.result?.value)) sentences = hit.result.value.map(String);
+    } catch {
+    }
+    return { pct: value.pct, sentences };
+  } catch {
+    return null;
+  } finally {
+    connection?.close();
+    child.kill("SIGKILL");
+    setTimeout(() => fs.rmSync(profileDir, { recursive: true, force: true }), 500).unref?.();
+  }
+}
 async function pixelDiffPct(chromePath, pngA, pngB) {
   const { child, wsUrl, profileDir } = await launchChrome(chromePath);
   let connection = null;
@@ -457,6 +597,40 @@ var WEBMCP_SHIM = `(() => {
   wrap(document.modelContext || (document.modelContext = {}));
   wrap(navigator.modelContext || (navigator.modelContext = {}));
 })()`;
+var LOAF_SHIM = `(() => {
+  window.__squintLoaf = [];
+  try {
+    new PerformanceObserver((list) => {
+      for (const e of list.getEntries()) {
+        if (e.duration < 50) continue;
+        const s = (e.scripts && e.scripts[0]) || {};
+        window.__squintLoaf.push({
+          duration: Math.round(e.duration),
+          fn: s.sourceFunctionName || '',
+          url: (s.sourceURL || s.name || '').split('/').pop() || '',
+          invoker: s.invoker || '',
+        });
+      }
+    }).observe({ type: 'long-animation-frame', buffered: true });
+  } catch {}
+})()`;
+var SCRIPTED_SCROLL = `(async () => {
+  const half = Math.max(0, (document.body.scrollHeight - innerHeight) / 2);
+  window.scrollTo({ top: half, behavior: 'smooth' });
+  await new Promise((r) => setTimeout(r, 400));
+  window.scrollTo({ top: 0, behavior: 'smooth' });
+  await new Promise((r) => setTimeout(r, 300));
+  const seen = new Map();
+  for (const e of window.__squintLoaf || []) {
+    const key = e.fn + '@' + e.url + '@' + e.invoker;
+    const prev = seen.get(key);
+    if (!prev || e.duration > prev.duration) seen.set(key, e);
+  }
+  return [...seen.values()]
+    .sort((a, b) => b.duration - a.duration)
+    .slice(0, 6)
+    .map((e) => e.duration + 'ms frame \u2014 ' + (e.fn || e.invoker || 'script') + (e.url ? ' @ ' + e.url : ''));
+})()`;
 async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, audit = false, checks = []) {
   const { child, wsUrl, profileDir } = await launchChrome(chromePath);
   const report = { consoleErrors: [], pageErrors: [], failedRequests: [] };
@@ -470,6 +644,7 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
   let components = [];
   const checkFailures = [];
   let webmcp = [];
+  let jank = [];
   const requests = /* @__PURE__ */ new Map();
   let connection = null;
   try {
@@ -509,6 +684,7 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
     await connection.send("Network.enable", {}, sessionId);
     await connection.send("Page.enable", {}, sessionId);
     await connection.send("Page.addScriptToEvaluateOnNewDocument", { source: WEBMCP_SHIM }, sessionId).catch(() => null);
+    await connection.send("Page.addScriptToEvaluateOnNewDocument", { source: LOAF_SHIM }, sessionId).catch(() => null);
     await connection.send("Page.navigate", { url }, sessionId);
     const deadline = Date.now() + 12e3;
     while (!loaded && Date.now() < deadline) {
@@ -524,6 +700,15 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
       if (result?.value && typeof result.value === "object") perf = result.value;
     } catch {
     }
+    try {
+      const { result } = await connection.send(
+        "Runtime.evaluate",
+        { expression: SCRIPTED_SCROLL, returnByValue: true, awaitPromise: true },
+        sessionId
+      );
+      if (Array.isArray(result?.value)) jank = result.value.map(String);
+    } catch {
+    }
     try {
       const { result } = await connection.send(
         "Runtime.evaluate",
@@ -659,12 +844,13 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
     child.kill("SIGKILL");
     setTimeout(() => fs.rmSync(profileDir, { recursive: true, force: true }), 500).unref?.();
   }
-  return { report, shots, a11y, slop, perf, narration, phantoms, viewTransitions, components, checkFailures, webmcp };
+  return { report, shots, a11y, slop, perf, narration, phantoms, viewTransitions, components, checkFailures, webmcp, jank };
 }
 
 export {
   hasWebSocket,
   runFlow,
+  pixelDiffAttributed,
   pixelDiffPct,
   cdpCapture
 };

package/dist/{chunk-M25IQ7C7.js → chunk-JZMJGLIZ.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-43NQNIJY.js";
 import {
   Session
-} from "./chunk-7MOKOZOR.js";
+} from "./chunk-YGPVP4YB.js";
 
 // src/tui/App.tsx
 import { Box as Box3, Static, Text as Text3, useApp, useInput } from "ink";

package/dist/{chunk-7MOKOZOR.js → chunk-YGPVP4YB.js}

@@ -46,10 +46,10 @@ import {
   buildReviewPrompt,
   buildRuntimeFixPrompt,
   captureViewports,
-  comparePulse,
+  comparePulseAttributed,
   probeRuntime,
   runtimeSummary
-} from "./chunk-ZSDCMYZR.js";
+} from "./chunk-7RFQWOQV.js";
 import {
   clearState,
   loadState,
@@ -267,7 +267,7 @@ ${question}`,
         return;
       }
       await this.runTurn(
-        buildReviewPrompt(result.shots, void 0, result.runtime, result.a11y, result.slop, result.narration, result.phantoms, result.viewTransitions, result.components, result.webmcp),
+        buildReviewPrompt(result.shots, void 0, result.runtime, result.a11y, result.slop, result.narration, result.phantoms, result.viewTransitions, result.components, result.webmcp, result.jank),
         `\u{1F441} polish round ${round}/${rounds}`
       );
     }
@@ -509,6 +509,17 @@ ${driftSummary(drift)}`);
           }
         } catch {
         }
+        try {
+          const { scanEvasion, sentinelSummary } = await import("./sentinel-42NZRTTS.js");
+          const evasions = scanEvasion(this.execCwd(), checkpoint.snapshot.stashHash ?? "HEAD");
+          if (evasions.length > 0) {
+            this.push("error", `\u26A0 sentinel: ${evasions.length} gate-evasion pattern(s) this turn
+${sentinelSummary(evasions)}
+Review before trusting green \u2014 /undo rolls the turn back.`);
+            runHook(this.opts.cwd, "on-sentinel", { count: String(evasions.length), summary: sentinelSummary(evasions) });
+          }
+        } catch {
+        }
         try {
           const { rulePackSummary, scanRulePacks } = await import("./rulepacks-JOA675OJ.js");
           const findings = scanRulePacks(this.execCwd(), checkpoint.snapshot.stashHash ?? "HEAD");
@@ -647,7 +658,7 @@ ${probe.checkFailures.slice(0, 5).join("\n")}`);
               const captureResult = await this.capture();
               if (captureResult) {
                 await this.runTurn(
-                  buildReviewPrompt(captureResult.shots, void 0, captureResult.runtime, captureResult.a11y, captureResult.slop, captureResult.narration, captureResult.phantoms, captureResult.viewTransitions, captureResult.components, captureResult.webmcp),
+                  buildReviewPrompt(captureResult.shots, void 0, captureResult.runtime, captureResult.a11y, captureResult.slop, captureResult.narration, captureResult.phantoms, captureResult.viewTransitions, captureResult.components, captureResult.webmcp, captureResult.jank),
                   "\u{1F441} auto-review rendered UI"
                 );
               }
@@ -744,11 +755,13 @@ ${probe.checkFailures.slice(0, 5).join("\n")}`);
       this.push("image", pulsePath);
       return null;
     }
-    const pct = await comparePulse(previous, current);
-    if (pct === null) return null;
+    const diff = await comparePulseAttributed(previous, current, this.state.devUrl ?? void 0);
+    if (diff === null) return null;
+    const pct = diff.pct;
     this.push(
       "status",
-      pct < 0.5 ? "visual pulse: stable vs last turn" : `visual pulse: ${pct.toFixed(1)}% of the page changed vs last turn`
+      pct < 0.5 ? "visual pulse: stable vs last turn" : `visual pulse: ${pct.toFixed(1)}% of the page changed vs last turn${diff.sentences.length > 0 ? `
+${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);
@@ -1070,8 +1083,8 @@ They are objective defects, not style preferences.`
             this.push("error", "no Chrome/Chromium found for flows");
             return;
           }
-          const { runFlow } = await import("./cdp-PBQKXC6R.js");
-          const { previewDir } = await import("./preview-WT34NVCH.js");
+          const { runFlow } = await import("./cdp-2VVQOHWM.js");
+          const { previewDir } = await import("./preview-FBNVDQIV.js");
           this.push("status", `replaying ${flows.length} flow(s)\u2026`);
           this.notify({ running: true, runStartedAt: Date.now() });
           const failures = [];
@@ -1209,7 +1222,7 @@ They are objective defects, not style preferences.`
           const result = await this.capture();
           if (result) {
             await this.runTurn(
-              buildReviewPrompt(result.shots, arg || void 0, result.runtime, result.a11y, result.slop, result.narration, result.phantoms, result.viewTransitions, result.components, result.webmcp),
+              buildReviewPrompt(result.shots, arg || void 0, result.runtime, result.a11y, result.slop, result.narration, result.phantoms, result.viewTransitions, result.components, result.webmcp, result.jank),
               `\u{1F441} review rendered UI${arg ? ` \xB7 ${arg}` : ""}`
             );
           }

package/dist/cli.js

@@ -3,12 +3,12 @@ import {
   connectDaemon,
   socketPath,
   startDaemon
-} from "./chunk-NX7XQY2X.js";
+} from "./chunk-ATNTD3V5.js";
 import {
   App
-} from "./chunk-M25IQ7C7.js";
+} from "./chunk-JZMJGLIZ.js";
 import "./chunk-43NQNIJY.js";
-import "./chunk-7MOKOZOR.js";
+import "./chunk-YGPVP4YB.js";
 import "./chunk-ARDV4XH6.js";
 import "./chunk-AUJJGMZG.js";
 import "./chunk-YHRAOBI2.js";
@@ -22,9 +22,9 @@ import {
   composePrompt
 } from "./chunk-WAJXATCO.js";
 import "./chunk-62JNF5M2.js";
-import "./chunk-ZSDCMYZR.js";
+import "./chunk-7RFQWOQV.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-HC4E42SV.js";
+import "./chunk-BGBG2MNY.js";
 import "./chunk-IMDRXXFU.js";
 import {
   detectEngines,
@@ -189,11 +189,11 @@ function registerDaemon(program2) {
     const cwd = process.cwd();
     if (!opts.plain) {
       try {
-        const { RemoteSession } = await import("./remote-6O6FPTUF.js");
+        const { RemoteSession } = await import("./remote-OH2P4S2H.js");
         const remote = await RemoteSession.connect(cwd);
         const config = loadConfig(defaultPaths(cwd));
         const { render: render2 } = await import("ink");
-        const { App: App2 } = await import("./App-HWMVSRMF.js");
+        const { App: App2 } = await import("./App-766KSGON.js");
         const React = await import("react");
         render2(
           React.createElement(App2, {
@@ -310,7 +310,7 @@ function registerEnv(program2) {
       }
     }
     const { findChrome } = await import("./chrome-SBV3H77F.js");
-    const { hasWebSocket } = await import("./cdp-PBQKXC6R.js");
+    const { hasWebSocket } = await import("./cdp-2VVQOHWM.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")}`
@@ -533,7 +533,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 } = await import("./preview-WT34NVCH.js");
+    const { captureViewports } = await import("./preview-FBNVDQIV.js");
     const result = await captureViewports(process.cwd(), url);
     if (!result) {
       console.error(pc5.red("\u2717 no Chrome/Chromium found"));
@@ -720,7 +720,7 @@ function registerTui(program2) {
 }
 
 // src/cli.tsx
-var VERSION = true ? "0.4.7" : "0.0.0-dev";
+var VERSION = true ? "0.4.8" : "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/{preview-WT34NVCH.js → preview-FBNVDQIV.js}

@@ -5,14 +5,15 @@ import {
   buildRuntimeFixPrompt,
   captureViewports,
   comparePulse,
+  comparePulseAttributed,
   loadRoutes,
   previewDir,
   probeRuntime,
   routeShotName,
   runtimeSummary
-} from "./chunk-ZSDCMYZR.js";
+} from "./chunk-7RFQWOQV.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-HC4E42SV.js";
+import "./chunk-BGBG2MNY.js";
 import "./chunk-IMDRXXFU.js";
 import "./chunk-KVYGPLWW.js";
 export {
@@ -21,6 +22,7 @@ export {
   buildRuntimeFixPrompt,
   captureViewports,
   comparePulse,
+  comparePulseAttributed,
   loadRoutes,
   previewDir,
   probeRuntime,

package/dist/{remote-6O6FPTUF.js → remote-OH2P4S2H.js}

@@ -2,8 +2,8 @@
 import {
   connectDaemon,
   socketPath
-} from "./chunk-NX7XQY2X.js";
-import "./chunk-7MOKOZOR.js";
+} from "./chunk-ATNTD3V5.js";
+import "./chunk-YGPVP4YB.js";
 import "./chunk-ARDV4XH6.js";
 import "./chunk-AUJJGMZG.js";
 import "./chunk-YHRAOBI2.js";
@@ -13,9 +13,9 @@ import "./chunk-VH7OOFQP.js";
 import "./chunk-K5QJMSJH.js";
 import "./chunk-WAJXATCO.js";
 import "./chunk-62JNF5M2.js";
-import "./chunk-ZSDCMYZR.js";
+import "./chunk-7RFQWOQV.js";
 import "./chunk-7CAGWFAQ.js";
-import "./chunk-HC4E42SV.js";
+import "./chunk-BGBG2MNY.js";
 import "./chunk-IMDRXXFU.js";
 import "./chunk-KVYGPLWW.js";
 

package/package.json

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