@aayambansal/squint 0.3.2 → 0.3.4

package/dist/{cdp-2XAU5MEA.js → cdp-UOIP4ZQZ.js}

@@ -3,7 +3,7 @@ import {
   cdpCapture,
   hasWebSocket,
   pixelDiffPct
-} from "./chunk-DAETGO2M.js";
+} from "./chunk-XOVOQJFL.js";
 export {
   cdpCapture,
   hasWebSocket,

package/dist/{chunk-S2ODU4MN.js → chunk-BNJGHNXB.js}

@@ -23,6 +23,7 @@ var COMMANDS = [
   { name: "btw", args: "<question>", group: "session", description: "read-only side question; the main thread is untouched" },
   { name: "copy", group: "session", description: "copy the last reply to the clipboard" },
   { name: "save", group: "session", description: "export the transcript to .squint/transcripts/" },
+  { name: "find", args: "<term>", group: "session", description: "search this session and saved transcripts" },
   { name: "resume", group: "session", description: "pick up the previous session for this repo" },
   { name: "clear", group: "session", description: "new session (transcript, totals, persisted state)" },
   { name: "help", group: "session", description: "list commands" },

package/dist/{chunk-4LAU5TGK.js → chunk-H5K55LXY.js}

@@ -1,8 +1,41 @@
 #!/usr/bin/env node
 
 // src/prompt/skills.ts
+import fs2 from "fs";
+import path2 from "path";
+
+// src/prompt/registry.ts
 import fs from "fs";
 import path from "path";
+function loadComponentInventory(cwd) {
+  let config;
+  try {
+    config = JSON.parse(fs.readFileSync(path.join(cwd, "components.json"), "utf8"));
+  } catch {
+    return null;
+  }
+  const alias = config.aliases?.ui ?? (config.aliases?.components ? `${config.aliases.components}/ui` : "@/components/ui");
+  const relative = alias.replace(/^@\//, "src/").replace(/^~\//, "");
+  const uiDir = path.join(cwd, relative);
+  let entries;
+  try {
+    entries = fs.readdirSync(uiDir);
+  } catch {
+    return null;
+  }
+  const components = entries.filter((f) => /\.(tsx|jsx|vue|svelte)$/.test(f)).map((f) => f.replace(/\.[^.]+$/, "")).sort();
+  if (components.length === 0) return null;
+  return { components, uiDir: relative };
+}
+function inventorySection(inventory) {
+  return `## Installed UI components (${inventory.uiDir})
+
+${inventory.components.join(" \xB7 ")}
+
+Compose from these before writing new primitives. More are one command away: \`npx shadcn@latest add <name>\`. Never invent props for these components \u2014 read the file when unsure.`;
+}
+
+// src/prompt/skills.ts
 var FRONTMATTER_RE = /^---\n([\s\S]*?)\n---\n?/;
 function parseSkill(name, raw) {
   const match = FRONTMATTER_RE.exec(raw);
@@ -22,17 +55,17 @@ function parseSkill(name, raw) {
   return { name, triggers, body };
 }
 function loadSkills(cwd) {
-  const dir = path.join(cwd, ".squint", "skills");
+  const dir = path2.join(cwd, ".squint", "skills");
   let entries;
   try {
-    entries = fs.readdirSync(dir).filter((f) => f.endsWith(".md"));
+    entries = fs2.readdirSync(dir).filter((f) => f.endsWith(".md"));
   } catch {
     return [];
   }
   const skills = [];
   for (const entry of entries.sort()) {
     try {
-      const skill = parseSkill(entry.replace(/\.md$/, ""), fs.readFileSync(path.join(dir, entry), "utf8"));
+      const skill = parseSkill(entry.replace(/\.md$/, ""), fs2.readFileSync(path2.join(dir, entry), "utf8"));
       if (skill) skills.push(skill);
     } catch {
     }
@@ -41,7 +74,7 @@ function loadSkills(cwd) {
 }
 function loadRules(cwd) {
   try {
-    const text = fs.readFileSync(path.join(cwd, ".squint", "rules.md"), "utf8").trim();
+    const text = fs2.readFileSync(path2.join(cwd, ".squint", "rules.md"), "utf8").trim();
     return text.length > 0 ? text : null;
   } catch {
     return null;
@@ -53,7 +86,7 @@ function matchSkills(skills, ask) {
 }
 function loadLocks(cwd) {
   try {
-    return fs.readFileSync(path.join(cwd, ".squint", "locks"), "utf8").split("\n").map((line) => line.trim()).filter((line) => line.length > 0 && !line.startsWith("#"));
+    return fs2.readFileSync(path2.join(cwd, ".squint", "locks"), "utf8").split("\n").map((line) => line.trim()).filter((line) => line.length > 0 && !line.startsWith("#"));
   } catch {
     return [];
   }
@@ -64,6 +97,8 @@ function enrich(cwd, ask) {
   if (rules) parts.push(`## Project rules (always apply)
 
 ${rules}`);
+  const inventory = loadComponentInventory(cwd);
+  if (inventory) parts.push(inventorySection(inventory));
   const locks = loadLocks(cwd);
   if (locks.length > 0) {
     parts.push(

package/dist/{chunk-OTCH66M7.js → chunk-SXF7CVRW.js}

@@ -6,7 +6,7 @@ import {
 import {
   cdpCapture,
   hasWebSocket
-} from "./chunk-DAETGO2M.js";
+} from "./chunk-XOVOQJFL.js";
 import {
   ensureSquintIgnore
 } from "./chunk-O2S6PAJE.js";
@@ -47,7 +47,7 @@ async function captureViewports(cwd, url) {
   const base = url.replace(/\/+$/, "");
   if (hasWebSocket()) {
     try {
-      const { report, shots: shots2, a11y, slop } = await cdpCapture(chrome, url, dir, VIEWPORTS, 2500, true);
+      const { report, shots: shots2, a11y, slop, narration } = await cdpCapture(chrome, url, dir, VIEWPORTS, 2500, true);
       const errors2 = [];
       for (const route of routes.slice(1)) {
         try {
@@ -62,7 +62,7 @@ async function captureViewports(cwd, url) {
           errors2.push(`${route}: capture failed`);
         }
       }
-      return { shots: shots2, errors: errors2, runtime: report, a11y, slop };
+      return { shots: shots2, errors: errors2, runtime: report, a11y, slop, narration };
     } catch {
     }
   }
@@ -133,7 +133,7 @@ async function probeRuntime(url, cwd) {
 async function comparePulse(previous, current) {
   const chrome = findChrome();
   if (!chrome || !hasWebSocket()) return null;
-  const { pixelDiffPct } = await import("./cdp-2XAU5MEA.js");
+  const { pixelDiffPct } = await import("./cdp-UOIP4ZQZ.js");
   return pixelDiffPct(chrome, previous, current);
 }
 function buildRuntimeFixPrompt(report) {
@@ -151,6 +151,16 @@ ${findings.join("\n")}
 
 Fix these as part of the pass \u2014 they are objective defects, not style preferences.`;
 }
+function narrationSection(narration) {
+  if (!narration || narration.length === 0) return "";
+  return `
+
+## What a screen reader would say (accessibility tree, in order)
+
+${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 slopSection(findings) {
   if (!findings || findings.length === 0) return "";
   return `
@@ -161,13 +171,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) {
+function buildReviewPrompt(shots, extra, runtime, a11y, slop, narration) {
   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)}`;
+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)}`;
 }
 
 export {

package/dist/{chunk-DAETGO2M.js → chunk-XOVOQJFL.js}

@@ -278,6 +278,7 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
   let a11y = [];
   let slop = [];
   let perf = {};
+  let narration = [];
   const requests = /* @__PURE__ */ new Map();
   let connection = null;
   try {
@@ -350,6 +351,47 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
         if (Array.isArray(result?.value)) slop = result.value.map(String);
       } catch {
       }
+      try {
+        await connection.send("Accessibility.enable", {}, sessionId);
+        const { nodes } = await connection.send("Accessibility.getFullAXTree", {}, sessionId);
+        const interesting = /* @__PURE__ */ new Set([
+          "heading",
+          "link",
+          "button",
+          "textbox",
+          "checkbox",
+          "radio",
+          "combobox",
+          "listbox",
+          "img",
+          "image",
+          "navigation",
+          "main",
+          "banner",
+          "contentinfo",
+          "form",
+          "search",
+          "tab",
+          "menuitem",
+          "switch",
+          "slider",
+          "alert",
+          "dialog",
+          "list"
+        ]);
+        if (Array.isArray(nodes)) {
+          for (const node of nodes) {
+            if (node.ignored) continue;
+            const role = node.role?.value;
+            if (!role || !interesting.has(role)) continue;
+            const name = (node.name?.value ?? "").toString().trim().replace(/\s+/g, " ").slice(0, 80);
+            const level = node.properties?.find((p) => p.name === "level")?.value?.value;
+            narration.push(`${role}${level ? ` ${level}` : ""}${name ? `: "${name}"` : " (no accessible name)"}`);
+            if (narration.length >= 80) break;
+          }
+        }
+      } catch {
+      }
     }
     for (const viewport of viewports) {
       await connection.send(
@@ -373,7 +415,7 @@ 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 };
+  return { report, shots, a11y, slop, perf, narration };
 }
 
 export {

package/dist/cli.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   completeCommand
-} from "./chunk-S2ODU4MN.js";
+} from "./chunk-BNJGHNXB.js";
 import {
   applySandbox,
   discardSandbox,
@@ -42,7 +42,7 @@ import {
   comparePulse,
   probeRuntime,
   runtimeSummary
-} from "./chunk-OTCH66M7.js";
+} from "./chunk-SXF7CVRW.js";
 import {
   runAgent
 } from "./chunk-VH7OOFQP.js";
@@ -53,10 +53,10 @@ import {
   detectEngines,
   getEngine
 } from "./chunk-KVYGPLWW.js";
-import "./chunk-DAETGO2M.js";
+import "./chunk-XOVOQJFL.js";
 import {
   enrich
-} from "./chunk-4LAU5TGK.js";
+} from "./chunk-H5K55LXY.js";
 import {
   composePrompt
 } from "./chunk-P3H4N2EN.js";
@@ -96,6 +96,8 @@ var ConfigSchema = z.object({
   budgetUsd: z.number().positive().optional(),
   /** Auto-run /review when the visual pulse shows a big change (default off). */
   autoReview: z.boolean().optional(),
+  /** Cheaper model used for auto-fix and /fix turns (mechanical work). */
+  fixModel: z.string().optional(),
   /** TUI theme name (amber, ocean, moss, rose, mono). */
   theme: z.string().optional()
 });
@@ -138,7 +140,7 @@ function resolveModel(config, engineId, override) {
 function setConfigValue(file, key, value) {
   const current = readConfigFile(file);
   let next;
-  if (key === "engine" || key === "theme") {
+  if (key === "engine" || key === "theme" || key === "fixModel") {
     next = { ...current, [key]: value };
   } else if (key === "autoDev" || key === "autoFix" || key === "autoProbe" || key === "autoCheck" || key === "autoReview" || key === "bell") {
     if (value !== "true" && value !== "false") {
@@ -157,7 +159,7 @@ function setConfigValue(file, key, value) {
     next = { ...current, models: { ...current.models, [engineId]: value } };
   } else {
     throw new Error(
-      `Unknown config key "${key}". Supported: engine, theme, autoDev, autoFix, autoProbe, autoCheck, autoReview, bell, budgetUsd, models.<engineId>`
+      `Unknown config key "${key}". Supported: engine, theme, autoDev, autoFix, autoProbe, autoCheck, autoReview, bell, budgetUsd, fixModel, models.<engineId>`
     );
   }
   fs.mkdirSync(path.dirname(file), { recursive: true });
@@ -236,7 +238,7 @@ function registerEnv(program2) {
       }
     }
     const { findChrome: findChrome2 } = await import("./chrome-SBV3H77F.js");
-    const { hasWebSocket } = await import("./cdp-2XAU5MEA.js");
+    const { hasWebSocket } = await import("./cdp-UOIP4ZQZ.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")}`
@@ -260,7 +262,7 @@ import pc3 from "picocolors";
 function registerProject(program2) {
   const skillsCommand = program2.command("skills").description("Project knowledge injected into asks (.squint/rules.md + .squint/skills/)");
   skillsCommand.command("list").description("Show always-on rules and trigger-matched skills").action(async () => {
-    const { loadRules, loadSkills } = await import("./skills-DNBHZAAU.js");
+    const { loadRules, loadSkills } = await import("./skills-ODOVNE6E.js");
     const cwd = process.cwd();
     const rules = loadRules(cwd);
     console.log(
@@ -459,7 +461,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-PS7WJ2KO.js");
+    const { captureViewports: captureViewports2 } = await import("./preview-S6FOTRRR.js");
     const result = await captureViewports2(process.cwd(), url);
     if (!result) {
       console.error(pc4.red("\u2717 no Chrome/Chromium found"));
@@ -756,10 +758,11 @@ var Session = class {
   dispatchFix(problems) {
     if (problems.length === 0) return;
     const prompt = this.combinedFixPrompt(problems);
-    const display = `\u26D1 fix: ${problems.map((p) => p.source).join(" + ")}`;
+    const fixModel = this.opts.fixModel;
+    const display = `\u26D1 fix: ${problems.map((p) => p.source).join(" + ")}${fixModel ? ` \xB7 ${fixModel}` : ""}`;
     for (const problem of problems) this.problemPrompts.delete(problem.id);
     this.notify({ problems: this.state.problems.filter((p) => !problems.includes(p)) });
-    void this.runTurn(prompt, display);
+    void this.runTurn(prompt, display, fixModel);
   }
   /** Launch a capped auto-fix turn over all open problems. Returns true if launched. */
   maybeAutoFix() {
@@ -820,7 +823,7 @@ ${question}`,
         return;
       }
       await this.runTurn(
-        buildReviewPrompt(result.shots, void 0, result.runtime, result.a11y, result.slop),
+        buildReviewPrompt(result.shots, void 0, result.runtime, result.a11y, result.slop, result.narration),
         `\u{1F441} polish round ${round}/${rounds}`
       );
     }
@@ -1006,7 +1009,7 @@ ${question}`,
     }
   };
   /** Run one engine turn. `display` is what the transcript shows as the ask. */
-  async runTurn(prompt, display) {
+  async runTurn(prompt, display, modelOverride) {
     this.push("user", display);
     this.turnEdits = 0;
     this.turnTools = 0;
@@ -1019,7 +1022,7 @@ ${question}`,
       {
         prompt,
         cwd: this.execCwd(),
-        model: this.state.model,
+        model: modelOverride ?? this.state.model,
         mode: this.state.mode,
         sessionId: engine.supportsResume ? this.sessionId : void 0
       },
@@ -1138,7 +1141,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, captureResult.slop),
+                  buildReviewPrompt(captureResult.shots, void 0, captureResult.runtime, captureResult.a11y, captureResult.slop, captureResult.narration),
                   "\u{1F441} auto-review rendered UI"
                 );
               }
@@ -1392,6 +1395,50 @@ They are objective defects, not style preferences.`
         }
         break;
       }
+      case "find": {
+        if (!arg) {
+          this.push("status", "usage: /find <term> \u2014 searches this session and saved transcripts");
+          break;
+        }
+        const needle = arg.toLowerCase();
+        const matches = [];
+        for (const item of this.state.items) {
+          if ((item.role === "user" || item.role === "assistant") && item.text.toLowerCase().includes(needle)) {
+            const line = item.text.split("\n").find((l) => l.toLowerCase().includes(needle)) ?? item.text;
+            matches.push(`[live] ${item.role === "user" ? "\u276F " : ""}${line.trim().slice(0, 90)}`);
+            if (matches.length >= 8) break;
+          }
+        }
+        if (matches.length < 8) {
+          void (async () => {
+            try {
+              const fs3 = await import("fs");
+              const path5 = await import("path");
+              const dir = path5.join(this.opts.cwd, ".squint", "transcripts");
+              const files = fs3.readdirSync(dir).filter((f) => f.endsWith(".md")).sort().reverse().slice(0, 20);
+              for (const file of files) {
+                if (matches.length >= 8) break;
+                const text = fs3.readFileSync(path5.join(dir, file), "utf8");
+                for (const line of text.split("\n")) {
+                  if (line.toLowerCase().includes(needle)) {
+                    matches.push(`[${file.replace(/\.md$/, "")}] ${line.trim().slice(0, 90)}`);
+                    break;
+                  }
+                }
+              }
+            } catch {
+            }
+            this.push(
+              "status",
+              matches.length > 0 ? `${matches.join("\n")}
+/checkpoints can rewind \xB7 /save archives this session` : `no matches for "${arg}"`
+            );
+          })();
+        } else {
+          this.push("status", matches.join("\n"));
+        }
+        break;
+      }
       case "save": {
         void (async () => {
           const fs3 = await import("fs");
@@ -1508,7 +1555,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),
+              buildReviewPrompt(result.shots, arg || void 0, result.runtime, result.a11y, result.slop, result.narration),
               `\u{1F441} review rendered UI${arg ? ` \xB7 ${arg}` : ""}`
             );
           }
@@ -1692,7 +1739,7 @@ ${sandboxFiles(this.opts.cwd).join("\n")}`);
         this.notify({ items: [], totals: { costUsd: 0, turns: 0 } });
         break;
       case "help": {
-        void import("./commands-Y5RUKBPS.js").then(({ commandHelp }) => this.push("status", commandHelp()));
+        void import("./commands-3HHBHBQV.js").then(({ commandHelp }) => this.push("status", commandHelp()));
         break;
       }
       case "quit":
@@ -2063,6 +2110,7 @@ function App({
   autoProbe,
   autoCheck,
   autoReview,
+  fixModel,
   bell,
   budgetUsd,
   initialTheme
@@ -2081,6 +2129,7 @@ function App({
       autoProbe,
       autoCheck,
       autoReview,
+      fixModel,
       budgetUsd,
       // Delay lets the goodbye summary land in the Static scrollback.
       onQuit: () => setTimeout(() => exit(), 60)
@@ -2298,6 +2347,7 @@ function registerTui(program2) {
           autoProbe: config.autoProbe,
           autoCheck: config.autoCheck,
           autoReview: config.autoReview,
+          fixModel: config.fixModel,
           bell: config.bell,
           budgetUsd: config.budgetUsd,
           initialTheme: theme2
@@ -2308,7 +2358,7 @@ function registerTui(program2) {
 }
 
 // src/cli.tsx
-var VERSION = true ? "0.3.2" : "0.0.0-dev";
+var VERSION = true ? "0.3.4" : "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/{commands-Y5RUKBPS.js → commands-3HHBHBQV.js}

@@ -3,7 +3,7 @@ import {
   COMMANDS,
   commandHelp,
   completeCommand
-} from "./chunk-S2ODU4MN.js";
+} from "./chunk-BNJGHNXB.js";
 export {
   COMMANDS,
   commandHelp,

package/dist/{preview-PS7WJ2KO.js → preview-S6FOTRRR.js}

@@ -10,10 +10,10 @@ import {
   probeRuntime,
   routeShotName,
   runtimeSummary
-} from "./chunk-OTCH66M7.js";
+} from "./chunk-SXF7CVRW.js";
 import "./chunk-IMDRXXFU.js";
 import "./chunk-KVYGPLWW.js";
-import "./chunk-DAETGO2M.js";
+import "./chunk-XOVOQJFL.js";
 import "./chunk-O2S6PAJE.js";
 export {
   VIEWPORTS,

package/dist/{skills-DNBHZAAU.js → skills-ODOVNE6E.js}

@@ -6,7 +6,7 @@ import {
   loadSkills,
   matchSkills,
   parseSkill
-} from "./chunk-4LAU5TGK.js";
+} from "./chunk-H5K55LXY.js";
 export {
   enrich,
   loadLocks,

package/package.json

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