agentimization 0.1.1 → 0.1.3

package/dist/index.js

@@ -4815,11 +4815,11 @@ var extractMetaTags = (html) => {
   const metaRegex = /<meta[^>]+(?:name|property)=["']([^"']+)["'][^>]+content=["']([^"']+)["']/gi;
   let match;
   while ((match = metaRegex.exec(html)) !== null) {
-    meta[match[1]] = match[2];
+    meta[match[1].toLowerCase()] = match[2];
   }
   const metaRegex2 = /<meta[^>]+content=["']([^"']+)["'][^>]+(?:name|property)=["']([^"']+)["']/gi;
   while ((match = metaRegex2.exec(html)) !== null) {
-    meta[match[2]] = match[1];
+    meta[match[2].toLowerCase()] = match[1];
   }
   return meta;
 };
@@ -4835,6 +4835,24 @@ var extractJsonLd = (html) => {
   }
   return results;
 };
+var readAttr = (attrs, name) => {
+  const re = new RegExp(`\\b${name}=(?:"([^"]*)"|'([^']*)')`, "i");
+  const m = attrs.match(re);
+  if (!m) return void 0;
+  return m[1] ?? m[2];
+};
+var extractImages = (html) => {
+  const images = [];
+  const imgRegex = /<img\b([^>]*)>/gi;
+  let match;
+  while ((match = imgRegex.exec(html)) !== null) {
+    const attrs = match[1];
+    const src = readAttr(attrs, "src");
+    if (src === void 0) continue;
+    images.push({ src, alt: readAttr(attrs, "alt") });
+  }
+  return images;
+};
 var extractHeadings = (html) => {
   const headings = [];
   const regex = /<h([1-6])[^>]*>([\s\S]*?)<\/h\1>/gi;
@@ -4946,6 +4964,53 @@ var renderingStrategy = {
     };
   }
 };
+var substantialTextContent = {
+  id: "substantial-text-content",
+  name: "Substantial Text Content",
+  category: "page-size",
+  description: "Checks for at least 100 words of readable body text",
+  weight: 0.8,
+  run: async (ctx) => {
+    const pages = ctx.sampledPages.slice(0, 10);
+    if (pages.length === 0) {
+      return {
+        id: "substantial-text-content",
+        name: "Substantial Text Content",
+        category: "page-size",
+        status: "skip",
+        message: "No pages sampled"
+      };
+    }
+    let withSubstantialContent = 0;
+    let totalWords = 0;
+    for (const page of pages) {
+      const text = stripHtml(page.html);
+      const words = text.split(/\s+/).filter((w) => w.length > 0).length;
+      totalWords += words;
+      if (words >= 100) withSubstantialContent++;
+    }
+    const avgWords = Math.round(totalWords / pages.length);
+    if (withSubstantialContent === pages.length) {
+      return {
+        id: "substantial-text-content",
+        name: "Substantial Text Content",
+        category: "page-size",
+        status: "pass",
+        message: `All ${pages.length} pages have \u2265100 words of body text (avg ${avgWords})`,
+        metadata: { withSubstantialContent, avgWords }
+      };
+    }
+    return {
+      id: "substantial-text-content",
+      name: "Substantial Text Content",
+      category: "page-size",
+      status: withSubstantialContent > 0 ? "warn" : "fail",
+      message: `${withSubstantialContent}/${pages.length} pages have \u2265100 words of body text (avg ${avgWords})`,
+      suggestion: "Generative engines can't cite pages that are mostly images or short copy. Add at least 100 words of substantive text content per page.",
+      metadata: { withSubstantialContent, avgWords }
+    };
+  }
+};
 var pageSizeHtml = {
   id: "page-size-html",
   name: "Page Size (HTML)",
@@ -5080,6 +5145,7 @@ var contentStartPosition = {
 };
 var pageSizeChecks = [
   renderingStrategy,
+  substantialTextContent,
   pageSizeHtml,
   pageSizeMarkdown,
   contentStartPosition
@@ -5251,11 +5317,103 @@ var tabbedContentSerialization = {
     };
   }
 };
+var imageAltText = {
+  id: "image-alt-text",
+  name: "Image Alt Text Coverage",
+  category: "content-structure",
+  description: "Checks that at least 50% of images have descriptive alt text",
+  weight: 0.5,
+  run: async (ctx) => {
+    const pages = ctx.sampledPages.slice(0, 10);
+    if (pages.length === 0) {
+      return {
+        id: "image-alt-text",
+        name: "Image Alt Text Coverage",
+        category: "content-structure",
+        status: "skip",
+        message: "No pages sampled"
+      };
+    }
+    const allImages = pages.flatMap((p) => extractImages(p.html));
+    const contentImages = allImages.filter((img) => img.alt === void 0 || img.alt.trim().length > 0);
+    const decorativeImages = allImages.length - contentImages.length;
+    const withAlt = contentImages.filter((img) => img.alt !== void 0 && img.alt.trim().length > 0).length;
+    if (allImages.length === 0) {
+      return {
+        id: "image-alt-text",
+        name: "Image Alt Text Coverage",
+        category: "content-structure",
+        status: "info",
+        message: `No images found across ${pages.length} sampled pages`
+      };
+    }
+    if (contentImages.length === 0) {
+      return {
+        id: "image-alt-text",
+        name: "Image Alt Text Coverage",
+        category: "content-structure",
+        status: "info",
+        message: `All ${allImages.length} sampled images are decorative (alt="")`,
+        metadata: { decorativeImages, totalImages: allImages.length }
+      };
+    }
+    const ratio = withAlt / contentImages.length;
+    const pct = Math.round(ratio * 100);
+    const summary = `${withAlt}/${contentImages.length} content images have descriptive alt text (${pct}%)${decorativeImages > 0 ? `; ${decorativeImages} decorative skipped` : ""}`;
+    if (ratio >= 0.5) {
+      return {
+        id: "image-alt-text",
+        name: "Image Alt Text Coverage",
+        category: "content-structure",
+        status: "pass",
+        message: summary,
+        metadata: { withAlt, contentImages: contentImages.length, decorativeImages, pct }
+      };
+    }
+    return {
+      id: "image-alt-text",
+      name: "Image Alt Text Coverage",
+      category: "content-structure",
+      status: ratio >= 0.25 ? "warn" : "fail",
+      message: summary,
+      suggestion: `Add descriptive alt text to at least 50% of content images. AI agents and screen readers rely on alt text to understand visual content. Mark purely decorative images with alt="" so they don't dilute the ratio.`,
+      metadata: { withAlt, contentImages: contentImages.length, decorativeImages, pct }
+    };
+  }
+};
 var contentStructureChecks = [
   markdownCodeFenceValidity,
   sectionHeaderQuality,
-  tabbedContentSerialization
+  tabbedContentSerialization,
+  imageAltText
 ];
+var httpsEnabled = {
+  id: "https-enabled",
+  name: "HTTPS Enabled",
+  category: "url-stability",
+  description: "Checks if the site is served over HTTPS",
+  weight: 0.7,
+  requiresNetwork: true,
+  run: async (ctx) => {
+    if (ctx.baseUrl.protocol === "https:") {
+      return {
+        id: "https-enabled",
+        name: "HTTPS Enabled",
+        category: "url-stability",
+        status: "pass",
+        message: "Site is served over HTTPS"
+      };
+    }
+    return {
+      id: "https-enabled",
+      name: "HTTPS Enabled",
+      category: "url-stability",
+      status: "fail",
+      message: `Site is served over ${ctx.baseUrl.protocol.replace(":", "")} \u2014 AI crawlers de-prioritize non-HTTPS sources`,
+      suggestion: "Serve your site over HTTPS. AI crawlers like GPTBot, ClaudeBot, and PerplexityBot strongly prefer HTTPS and may skip plain HTTP entirely."
+    };
+  }
+};
 var httpStatusCodes = {
   id: "http-status-codes",
   name: "HTTP Status Codes",
@@ -5367,6 +5525,7 @@ var cacheHeaderHygiene = {
   }
 };
 var urlStabilityChecks = [
+  httpsEnabled,
   httpStatusCodes,
   redirectBehavior,
   cacheHeaderHygiene
@@ -5772,6 +5931,185 @@ var faqSchema = {
     };
   }
 };
+var metaDescription = {
+  id: "meta-description",
+  name: "Meta Description",
+  category: "geo-signals",
+  description: "Checks for a meta description between 50 and 160 characters",
+  weight: 0.5,
+  run: async (ctx) => {
+    const pages = ctx.sampledPages.slice(0, 10);
+    if (pages.length === 0) {
+      return {
+        id: "meta-description",
+        name: "Meta Description",
+        category: "geo-signals",
+        status: "skip",
+        message: "No pages sampled"
+      };
+    }
+    let withGoodDescription = 0;
+    let missing = 0;
+    let tooShort = 0;
+    let tooLong = 0;
+    for (const page of pages) {
+      const meta = extractMetaTags(page.html);
+      const description = meta["description"]?.trim();
+      if (!description) {
+        missing++;
+        continue;
+      }
+      const len = description.length;
+      if (len >= 50 && len <= 160) withGoodDescription++;
+      else if (len < 50) tooShort++;
+      else tooLong++;
+    }
+    if (withGoodDescription === pages.length) {
+      return {
+        id: "meta-description",
+        name: "Meta Description",
+        category: "geo-signals",
+        status: "pass",
+        message: `All ${pages.length} pages have a meta description between 50\u2013160 characters`,
+        metadata: { withGoodDescription }
+      };
+    }
+    if (missing === pages.length) {
+      return {
+        id: "meta-description",
+        name: "Meta Description",
+        category: "geo-signals",
+        status: "fail",
+        message: "No meta description found on any sampled page",
+        suggestion: 'Add a <meta name="description"> between 50 and 160 characters to every page. Generative engines quote meta descriptions when summarizing your content.'
+      };
+    }
+    const detail = [
+      missing > 0 ? `${missing} missing` : null,
+      tooShort > 0 ? `${tooShort} too short` : null,
+      tooLong > 0 ? `${tooLong} too long` : null
+    ].filter(Boolean).join(" \xB7 ");
+    return {
+      id: "meta-description",
+      name: "Meta Description",
+      category: "geo-signals",
+      status: missing >= pages.length / 2 ? "fail" : "warn",
+      message: `${withGoodDescription}/${pages.length} pages have meta descriptions in the 50\u2013160 char range${detail ? ` \xB7 ${detail}` : ""}`,
+      suggestion: missing > 0 ? 'Add a <meta name="description"> between 50 and 160 characters to every page. Some pages are missing it entirely.' : "Aim for 50\u2013160 characters. Shorter descriptions lack context for AI; longer ones get truncated.",
+      metadata: { withGoodDescription, missing, tooShort, tooLong }
+    };
+  }
+};
+var openGraphTags = {
+  id: "open-graph-tags",
+  name: "Open Graph Tags",
+  category: "geo-signals",
+  description: "Checks for og:title, og:description, og:image, and og:url",
+  weight: 0.5,
+  run: async (ctx) => {
+    const pages = ctx.sampledPages.slice(0, 10);
+    if (pages.length === 0) {
+      return {
+        id: "open-graph-tags",
+        name: "Open Graph Tags",
+        category: "geo-signals",
+        status: "skip",
+        message: "No pages sampled"
+      };
+    }
+    const required = ["og:title", "og:description", "og:image", "og:url"];
+    let fullCoverage = 0;
+    let partialCoverage = 0;
+    const missingCounts = { "og:title": 0, "og:description": 0, "og:image": 0, "og:url": 0 };
+    for (const page of pages) {
+      const meta = extractMetaTags(page.html);
+      const missing = required.filter((tag) => !meta[tag]);
+      for (const tag of missing) missingCounts[tag] = (missingCounts[tag] ?? 0) + 1;
+      if (missing.length === 0) fullCoverage++;
+      else if (missing.length < required.length) partialCoverage++;
+    }
+    if (fullCoverage === pages.length) {
+      return {
+        id: "open-graph-tags",
+        name: "Open Graph Tags",
+        category: "geo-signals",
+        status: "pass",
+        message: `All ${pages.length} pages have complete Open Graph tags`
+      };
+    }
+    const mostMissing = Object.entries(missingCounts).filter(([, n]) => n > 0).sort(([, a], [, b]) => b - a).map(([tag]) => tag);
+    const noneCovered = pages.length - fullCoverage - partialCoverage;
+    return {
+      id: "open-graph-tags",
+      name: "Open Graph Tags",
+      category: "geo-signals",
+      status: fullCoverage + partialCoverage === 0 ? "fail" : "warn",
+      message: `${fullCoverage}/${pages.length} pages have complete Open Graph tags${partialCoverage > 0 ? ` \xB7 ${partialCoverage} partial` : ""}${noneCovered > 0 ? ` \xB7 ${noneCovered} with none` : ""}${mostMissing.length > 0 ? ` \xB7 most often missing: ${mostMissing.slice(0, 2).join(", ")}` : ""}`,
+      suggestion: "Add og:title, og:description, og:image, and og:url to every page. AI engines and link previews use these to render rich citations of your content.",
+      metadata: { fullCoverage, partialCoverage, noneCovered, missingCounts }
+    };
+  }
+};
+var externalCitations = {
+  id: "external-citations",
+  name: "External Citations",
+  category: "geo-signals",
+  description: "Checks for at least 2 outbound links to external sources per page",
+  weight: 0.5,
+  run: async (ctx) => {
+    if (ctx.mode === "local") {
+      return {
+        id: "external-citations",
+        name: "External Citations",
+        category: "geo-signals",
+        status: "info",
+        message: "External link detection requires a live origin to compare against"
+      };
+    }
+    const pages = ctx.sampledPages.slice(0, 10);
+    if (pages.length === 0) {
+      return {
+        id: "external-citations",
+        name: "External Citations",
+        category: "geo-signals",
+        status: "skip",
+        message: "No pages sampled"
+      };
+    }
+    const origin = ctx.baseUrl.origin;
+    let pagesWithCitations = 0;
+    let totalExternal = 0;
+    for (const page of pages) {
+      const links = extractLinks(page.html, origin);
+      const external = links.filter((l) => {
+        const u = new URL(l);
+        return u.protocol.startsWith("http") && u.origin !== origin;
+      });
+      totalExternal += external.length;
+      if (external.length >= 2) pagesWithCitations++;
+    }
+    const avgExternal = Math.round(totalExternal / pages.length);
+    if (pagesWithCitations >= pages.length * 0.7) {
+      return {
+        id: "external-citations",
+        name: "External Citations",
+        category: "geo-signals",
+        status: "pass",
+        message: `${pagesWithCitations}/${pages.length} pages have \u22652 outbound links (avg ${avgExternal}/page)`,
+        metadata: { pagesWithCitations, avgExternal }
+      };
+    }
+    return {
+      id: "external-citations",
+      name: "External Citations",
+      category: "geo-signals",
+      status: pagesWithCitations > 0 ? "warn" : "fail",
+      message: `Only ${pagesWithCitations}/${pages.length} pages have \u22652 outbound links (avg ${avgExternal}/page)`,
+      suggestion: "Add at least 2 outbound links to authoritative external sources per page. Citing sources signals credibility to generative engines, which weigh outbound links when deciding what to cite.",
+      metadata: { pagesWithCitations, avgExternal }
+    };
+  }
+};
 var canonicalUrlConsistency = {
   id: "canonical-url-consistency",
   name: "Canonical URL Consistency",
@@ -5842,6 +6180,9 @@ var geoSignalChecks = [
   contentFreshness,
   eeatSignals,
   faqSchema,
+  metaDescription,
+  openGraphTags,
+  externalCitations,
   canonicalUrlConsistency
 ];
 var mcpServerCard = {
@@ -6551,11 +6892,11 @@ var auditLocal = async (dirPath, config = {}) => {
 };
 
 // src/ui/app.tsx
-import { useState as useState4, useEffect as useEffect2 } from "react";
-import { Box as Box6, Text as Text6 } from "ink";
+import { useState as useState4 } from "react";
+import { Box as Box6, Text as Text6, Static, useStdout } from "ink";
 
 // src/ui/hero-card.tsx
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { Box, Text } from "ink";
 
 // src/ui/color.ts
@@ -6600,11 +6941,16 @@ var toInkColor = (input) => {
   return out;
 };
 
+// src/hooks/use-mount-effect.ts
+import { useEffect } from "react";
+var useMountEffect = (effect) => {
+  useEffect(effect, []);
+};
+
 // src/ui/hero-card.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CARD_WIDTH = 46;
+var DEFAULT_CARD_WIDTH = 46;
 var PATTERN_ROWS = 4;
-var PATTERN_COLS = CARD_WIDTH - 4;
 var PATTERN_GLYPHS = ["\u2591", "\u2592", "\u2593", "\u2588"];
 var ACCENT_BY_PHASE = {
   init: "oklch(0.787 0.119 304.8)",
@@ -6677,10 +7023,10 @@ var MiniLoader = ({
   intervalMs = 120
 }) => {
   const [frame, setFrame] = useState(0);
-  useEffect(() => {
+  useMountEffect(() => {
     const timer = setInterval(() => setFrame((f) => (f + 1) % 1e3), intervalMs);
     return () => clearInterval(timer);
-  }, [intervalMs]);
+  });
   const segments = [];
   let current = null;
   for (let c = 0; c < MINI_COLS; c++) {
@@ -6702,6 +7048,7 @@ var MiniLoader = ({
 var Pattern = ({
   accent,
   frame,
+  cols,
   overlay
 }) => {
   const overlayStart = overlay ? overlay.col : -1;
@@ -6710,7 +7057,7 @@ var Pattern = ({
     const segments = [];
     let current = null;
     const isOverlayRow = overlay && r === overlay.row;
-    for (let c = 0; c < PATTERN_COLS; c++) {
+    for (let c = 0; c < cols; c++) {
       let char;
       let color;
       if (isOverlayRow && c >= overlayStart && c < overlayEnd) {
@@ -6758,13 +7105,13 @@ var shimmerColor = (index, head, cycleLen, accent) => {
 };
 var Shimmer = ({ text, accent }) => {
   const [head, setHead] = useState(0);
-  useEffect(() => {
+  useMountEffect(() => {
     const cycleLen2 = text.length + SHIMMER_GAP;
     const timer = setInterval(() => {
       setHead((h) => (h + 1) % cycleLen2);
     }, SHIMMER_INTERVAL_MS);
     return () => clearInterval(timer);
-  }, [text.length]);
+  });
   const cycleLen = text.length + SHIMMER_GAP;
   const segments = [];
   let current = null;
@@ -6781,6 +7128,14 @@ var Shimmer = ({ text, accent }) => {
   if (current) segments.push(current);
   return /* @__PURE__ */ jsx(Text, { children: segments.map((s, i) => /* @__PURE__ */ jsx(Text, { color: toInkColor(s.color), children: s.text }, i)) });
 };
+var AnimatedPattern = ({ accent, cols, overlay }) => {
+  const [frame, setFrame] = useState(0);
+  useMountEffect(() => {
+    const timer = setInterval(() => setFrame((f) => (f + 1) % 1e3), 120);
+    return () => clearInterval(timer);
+  });
+  return /* @__PURE__ */ jsx(Pattern, { accent, frame, cols, overlay });
+};
 var HeroCard = ({
   target,
   isLocal,
@@ -6789,18 +7144,21 @@ var HeroCard = ({
   checksTotal,
   grade,
   score,
-  gradeColor
+  gradeColor,
+  width = DEFAULT_CARD_WIDTH
 }) => {
-  const [frame, setFrame] = useState(0);
-  useEffect(() => {
-    if (phase === "done" || phase === "error") return;
-    const timer = setInterval(() => setFrame((f) => (f + 1) % 1e3), 120);
-    return () => clearInterval(timer);
-  }, [phase]);
+  const cols = width - 4;
   const accent = phase === "done" && gradeColor ? gradeColor : ACCENT_BY_PHASE[phase];
   const status = STATUS_BY_PHASE(phase, isLocal, checksDone, checksTotal);
-  const targetLabel = truncate(target, PATTERN_COLS);
+  const targetLabel = truncate(target, cols);
   const showGrade = phase === "done" && grade !== void 0 && score !== void 0;
+  const isActive = phase !== "done" && phase !== "error";
+  const overlay = {
+    row: PATTERN_ROWS - 1,
+    col: cols - "agentimization".length - 1,
+    chars: Array.from(" agentimization"),
+    color: accent
+  };
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -6808,21 +7166,9 @@ var HeroCard = ({
       borderStyle: "round",
       borderColor: dim(accent, FRAME_INNER_FACTOR),
       paddingX: 1,
-      width: CARD_WIDTH,
+      width,
       children: [
-        /* @__PURE__ */ jsx(
-          Pattern,
-          {
-            accent,
-            frame,
-            overlay: {
-              row: PATTERN_ROWS - 1,
-              col: PATTERN_COLS - "agentimization".length - 1,
-              chars: Array.from(" agentimization"),
-              color: accent
-            }
-          }
-        ),
+        isActive ? /* @__PURE__ */ jsx(AnimatedPattern, { accent, cols, overlay }) : /* @__PURE__ */ jsx(Pattern, { accent, frame: 0, cols, overlay }),
         /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { children: targetLabel }) }),
         /* @__PURE__ */ jsx(Box, { marginTop: 1, children: showGrade ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Text, { color: toInkColor(accent), children: grade }),
@@ -6835,7 +7181,7 @@ var HeroCard = ({
             "   ",
             status
           ] })
-        ] }) : /* @__PURE__ */ jsx(Shimmer, { text: status, accent }) })
+        ] }) : /* @__PURE__ */ jsx(Shimmer, { text: status, accent }, status) })
       ]
     }
   );
@@ -6881,7 +7227,7 @@ var ACCENT_BLUE = "oklch(0.766 0.111 259.9)";
 var TEXT_DIM = "oklch(0.550 0.034 277.1)";
 
 // src/ui/result-card.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var SCORE_PAIRS = {
   pass: { bright: "oklch(0.858 0.109 142.7)", dim: "oklch(0.584 0.102 139.1)" },
   warn: { bright: "oklch(0.824 0.101 52.6)", dim: "oklch(0.572 0.072 53.0)" },
@@ -6889,8 +7235,7 @@ var SCORE_PAIRS = {
   empty: { bright: "oklch(0.404 0.032 280.2)", dim: "oklch(0.324 0.032 282.0)" }
 };
 var RESULT_CARD_WIDTH = 46;
-var RESULT_BAR_WIDTH = RESULT_CARD_WIDTH - 4;
-var SCORE_FIELD_ROWS = 2;
+var SCORE_FIELD_ROWS = 1;
 var SCORE_GLYPHS = ["\u2591", "\u2592", "\u2593", "\u2588"];
 var scoreCell = (row, col) => {
   const v = (row * 7 + col * 13) % 17;
@@ -6901,16 +7246,18 @@ var scoreCell = (row, col) => {
 var ScoreField = ({
   passWidth,
   warnWidth,
-  failWidth
+  failWidth,
+  barWidth
 }) => {
+  const emptyWidth = Math.max(0, barWidth - passWidth - warnWidth - failWidth);
   const colorAtCol = (col, bright) => {
-    const pair = col < passWidth ? SCORE_PAIRS.pass : col < passWidth + warnWidth ? SCORE_PAIRS.warn : col < passWidth + warnWidth + failWidth ? SCORE_PAIRS.fail : SCORE_PAIRS.empty;
+    const pair = col < emptyWidth ? SCORE_PAIRS.empty : col < emptyWidth + passWidth ? SCORE_PAIRS.pass : col < emptyWidth + passWidth + warnWidth ? SCORE_PAIRS.warn : SCORE_PAIRS.fail;
     return bright ? pair.bright : pair.dim;
   };
   return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: Array.from({ length: SCORE_FIELD_ROWS }, (_, r) => {
     const segments = [];
     let current = null;
-    for (let c = 0; c < RESULT_BAR_WIDTH; c++) {
+    for (let c = 0; c < barWidth; c++) {
       const cell = scoreCell(r, c);
       const color = colorAtCol(c, cell.bright);
       if (current && current.color === color) {
@@ -6924,15 +7271,21 @@ var ScoreField = ({
     return /* @__PURE__ */ jsx2(Text2, { children: segments.map((s, i) => /* @__PURE__ */ jsx2(Text2, { color: toInkColor(s.color), children: s.text }, i)) }, r);
   }) });
 };
-var ResultCard = ({ result, target }) => {
+var ResultCard = ({
+  result,
+  target,
+  width = RESULT_CARD_WIDTH
+}) => {
   const { grade, overall_score, summary, latency_ms } = result;
   const gc = GRADE_COLORS[grade] ?? "red";
+  const barWidth = width - 4;
   const total = summary.total || 1;
-  const passWidth = Math.max(Math.round(summary.passed / total * RESULT_BAR_WIDTH), summary.passed > 0 ? 1 : 0);
-  const warnWidth = Math.max(Math.round(summary.warned / total * RESULT_BAR_WIDTH), summary.warned > 0 ? 1 : 0);
-  const failWidth = Math.max(Math.round(summary.failed / total * RESULT_BAR_WIDTH), summary.failed > 0 ? 1 : 0);
+  const passWidth = Math.max(Math.round(summary.passed / total * barWidth), summary.passed > 0 ? 1 : 0);
+  const warnWidth = Math.max(Math.round(summary.warned / total * barWidth), summary.warned > 0 ? 1 : 0);
+  const failWidth = Math.max(Math.round(summary.failed / total * barWidth), summary.failed > 0 ? 1 : 0);
   const seconds = (latency_ms / 1e3).toFixed(1);
-  const targetMax = RESULT_BAR_WIDTH;
+  const headerChrome = `${grade} ${overall_score}/100`.length + 3 + 3 + `${seconds}s`.length;
+  const targetMax = Math.max(8, barWidth - headerChrome);
   const targetLabel = target.length <= targetMax ? target : target.slice(0, targetMax - 1) + "\u2026";
   return /* @__PURE__ */ jsxs2(
     Box2,
@@ -6942,7 +7295,7 @@ var ResultCard = ({ result, target }) => {
       borderStyle: "round",
       borderColor: dim(gc, FRAME_INNER_FACTOR),
       paddingX: 1,
-      width: RESULT_CARD_WIDTH,
+      width,
       children: [
         /* @__PURE__ */ jsxs2(Box2, { children: [
           /* @__PURE__ */ jsx2(Text2, { color: toInkColor(gc), children: grade }),
@@ -6951,22 +7304,34 @@ var ResultCard = ({ result, target }) => {
             overall_score,
             "/100"
           ] }),
+          /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+            "   ",
+            targetLabel
+          ] }),
           /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
             "   ",
             seconds,
             "s"
           ] })
         ] }),
-        /* @__PURE__ */ jsx2(Text2, { children: targetLabel }),
         /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(
           ScoreField,
           {
             passWidth,
             warnWidth,
-            failWidth
+            failWidth,
+            barWidth
           }
         ) }),
         /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
+          summary.skipped > 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+              STATUS_ICONS.skip,
+              " ",
+              summary.skipped
+            ] }),
+            /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "   " })
+          ] }) : null,
           /* @__PURE__ */ jsxs2(Text2, { color: toInkColor(SCORE_PAIRS.pass.bright), children: [
             STATUS_ICONS.pass,
             " ",
@@ -6983,12 +7348,6 @@ var ResultCard = ({ result, target }) => {
             STATUS_ICONS.fail,
             " ",
             summary.failed
-          ] }),
-          /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "   " }),
-          /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-            STATUS_ICONS.skip,
-            " ",
-            summary.skipped
           ] })
         ] })
       ]
@@ -7022,14 +7381,13 @@ var CheckLine = ({ check, loaderColor }) => {
           r.id
         ] })
       ] }),
-      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
-        "    ",
-        r.message
-      ] }),
-      showSuggestion ? /* @__PURE__ */ jsxs3(Text3, { color: toInkColor("oklch(0.858 0.109 142.7)"), children: [
-        "    \u2192 ",
-        r.suggestion
-      ] }) : null
+      /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingLeft: 2, children: [
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: r.message }),
+        showSuggestion ? /* @__PURE__ */ jsxs3(Text3, { color: toInkColor("oklch(0.858 0.109 142.7)"), children: [
+          "\u2192 ",
+          r.suggestion
+        ] }) : null
+      ] })
     ] });
   }
   return null;
@@ -7210,7 +7568,7 @@ var copyToClipboard = async (text) => {
 // src/ui/action-menu.tsx
 import { writeFileSync } from "fs";
 import { resolve } from "path";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var FEEDBACK_OK = "oklch(0.858 0.109 142.7)";
 var FEEDBACK_ERR = "oklch(0.718 0.181 10.0)";
 var buildMenuOptions = (hasIssues) => [
@@ -7338,7 +7696,7 @@ var ActionMenu = ({
         ] }) : null
       ] }, opt.value);
     }) }),
-    feedback ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    feedback ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
       /* @__PURE__ */ jsx4(Box4, { marginTop: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { color: toInkColor(feedback.startsWith("\u2713") ? FEEDBACK_OK : FEEDBACK_ERR), children: feedback }) }),
       /* @__PURE__ */ jsx4(Box4, { height: 1, children: /* @__PURE__ */ jsx4(Text4, { children: " " }) })
     ] }) : null
@@ -7471,7 +7829,7 @@ var resolveTarget = (input) => {
 };
 
 // src/ui/app.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var App = ({
   target: initialTarget,
   isLocal: initialIsLocal,
@@ -7481,22 +7839,95 @@ var App = ({
 }) => {
   const [target, setTarget] = useState4(initialTarget);
   const [isLocal, setIsLocal] = useState4(initialIsLocal);
+  const [retryError, setRetryError] = useState4(null);
+  const { stdout } = useStdout();
+  const [columns, setColumns] = useState4(stdout?.columns ?? 80);
+  useMountEffect(() => {
+    if (!stdout) return;
+    const onResize = () => setColumns(stdout.columns);
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  });
+  const cardWidth = Math.max(40, Math.min(columns - 2, 72));
+  const handleRetry = (newInput) => {
+    const resolved = resolveTarget(newInput);
+    if ("error" in resolved) {
+      setRetryError(resolved.error);
+      return;
+    }
+    setRetryError(null);
+    setTarget(resolved.target);
+    setIsLocal(resolved.isLocal);
+  };
+  if (retryError) {
+    return /* @__PURE__ */ jsx6(ErrorCard, { message: retryError, target, cardWidth, onRetry: handleRetry });
+  }
+  return /* @__PURE__ */ jsx6(
+    AuditRunner,
+    {
+      target,
+      isLocal,
+      categories,
+      sampleSize,
+      autoDetectedFrom,
+      cardWidth,
+      onRetry: handleRetry
+    },
+    `${target}|${isLocal}`
+  );
+};
+var ErrorCard = ({
+  message,
+  target,
+  cardWidth,
+  onRetry
+}) => {
+  const errorColor = "oklch(0.718 0.181 10.0)";
+  const lines = message.split("\n");
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingLeft: 1, children: [
+    /* @__PURE__ */ jsxs6(
+      Box6,
+      {
+        flexDirection: "column",
+        marginTop: 1,
+        borderStyle: "round",
+        borderColor: dim(errorColor, FRAME_INNER_FACTOR),
+        paddingX: 1,
+        width: cardWidth,
+        children: [
+          /* @__PURE__ */ jsx6(Text6, { bold: true, color: toInkColor(errorColor), children: "Error" }),
+          /* @__PURE__ */ jsx6(Text6, { children: target }),
+          /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: lines.map((line, i) => /* @__PURE__ */ jsx6(Text6, { dimColor: i > 0, children: line }, i)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx6(ErrorActions, { onRetry })
+  ] });
+};
+var AuditRunner = ({
+  target,
+  isLocal,
+  categories,
+  sampleSize,
+  autoDetectedFrom,
+  cardWidth,
+  onRetry
+}) => {
   const [phase, setPhase] = useState4("init");
   const [checks, setChecks] = useState4([]);
   const [result, setResult] = useState4(null);
   const [error, setError] = useState4(null);
   const [networkSkipped, setNetworkSkipped] = useState4(0);
-  useEffect2(() => {
+  useMountEffect(() => {
     const onEvent = (event) => {
       switch (event.type) {
         case "phase":
           setPhase(event.phase);
           break;
         case "check-start":
-          setChecks((prev) => [
-            ...prev,
-            { ...event.check, status: "running" }
-          ]);
+          setChecks((prev) => [...prev, { ...event.check, status: "running" }]);
           break;
         case "check-complete":
           setChecks(
@@ -7512,7 +7943,7 @@ var App = ({
         const config = { categories, sampleSize, onEvent };
         const res = isLocal ? await auditLocal(target, config) : await audit(target, config);
         if (isLocal) {
-          setNetworkSkipped(35 - res.summary.total);
+          setNetworkSkipped(ALL_CHECKS.length - res.summary.total);
         }
         setResult(res);
         setPhase("done");
@@ -7527,89 +7958,69 @@ var App = ({
       }
     };
     run();
-  }, [target, isLocal, categories, sampleSize]);
-  const handleRetry = (newInput) => {
-    const resolved = resolveTarget(newInput);
-    if ("error" in resolved) {
-      setError(resolved.error);
-      return;
-    }
-    setError(null);
-    setResult(null);
-    setChecks([]);
-    setNetworkSkipped(0);
-    setPhase("init");
-    setTarget(resolved.target);
-    setIsLocal(resolved.isLocal);
-  };
+  });
   const checksByCategory = /* @__PURE__ */ new Map();
   for (const check of checks) {
     const existing = checksByCategory.get(check.category) ?? [];
     existing.push(check);
     checksByCategory.set(check.category, existing);
   }
+  const categoryEntries = [...checksByCategory.entries()];
+  const committedCount = phase === "done" ? categoryEntries.length : Math.max(0, categoryEntries.length - 1);
+  const committedCategories = categoryEntries.slice(0, committedCount);
+  const liveCategory = categoryEntries[committedCount];
   if (phase === "error") {
-    const errorColor = "oklch(0.718 0.181 10.0)";
-    const lines = (error ?? "Unknown error").split("\n");
-    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingLeft: 1, children: [
-      /* @__PURE__ */ jsxs6(
-        Box6,
-        {
-          flexDirection: "column",
-          marginTop: 1,
-          borderStyle: "round",
-          borderColor: dim(errorColor, FRAME_INNER_FACTOR),
-          paddingX: 1,
-          width: RESULT_CARD_WIDTH,
-          children: [
-            /* @__PURE__ */ jsx6(Text6, { bold: true, color: toInkColor(errorColor), children: "Error" }),
-            /* @__PURE__ */ jsx6(Text6, { children: target }),
-            /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: lines.map((line, i) => /* @__PURE__ */ jsx6(Text6, { dimColor: i > 0, children: line }, i)) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx6(ErrorActions, { onRetry: handleRetry })
-    ] });
-  }
-  const checksDone = checks.filter((c) => c.status === "done").length;
-  const accent = result ? GRADE_COLORS[result.grade] ?? ACCENT_BY_PHASE[phase] : ACCENT_BY_PHASE[phase];
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(
-      HeroCard,
+    return /* @__PURE__ */ jsx6(
+      ErrorCard,
       {
+        message: error ?? "Unknown error",
         target,
-        isLocal,
-        phase,
-        checksDone,
-        checksTotal: checks.length,
-        grade: result?.grade,
-        score: result?.overall_score,
-        gradeColor: result ? GRADE_COLORS[result.grade] : void 0
+        cardWidth,
+        onRetry
       }
-    ) }),
-    autoDetectedFrom ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-      "auto-detected build output (was ",
-      autoDetectedFrom,
-      ")"
-    ] }) : null,
-    isLocal && networkSkipped > 0 && phase === "done" ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-      networkSkipped,
-      " network-only checks skipped"
-    ] }) : null,
-    checks.length > 0 ? /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: [...checksByCategory.entries()].map(([cat, catChecks]) => /* @__PURE__ */ jsx6(
-      CategorySection,
-      {
-        category: cat,
-        checks: catChecks,
-        score: result?.categories[cat]?.score,
-        loaderColor: accent
-      },
-      cat
-    )) }) : null,
-    result ? /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(ResultCard, { result, target }),
-      /* @__PURE__ */ jsx6(ActionMenu, { result, target, isLocal, onRetry: handleRetry })
-    ] }) : null
+    );
+  }
+  const checksDone = checks.filter((c) => c.status === "done").length;
+  const accent = result ? GRADE_COLORS[result.grade] ?? ACCENT_BY_PHASE[phase] : ACCENT_BY_PHASE[phase];
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx6(Static, { items: committedCategories, children: ([cat, catChecks]) => /* @__PURE__ */ jsx6(Box6, { paddingLeft: 1, children: /* @__PURE__ */ jsx6(CategorySection, { category: cat, checks: catChecks, loaderColor: accent }) }, cat) }),
+    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(
+        HeroCard,
+        {
+          target,
+          isLocal,
+          phase,
+          checksDone,
+          checksTotal: checks.length,
+          grade: result?.grade,
+          score: result?.overall_score,
+          gradeColor: result ? GRADE_COLORS[result.grade] : void 0,
+          width: cardWidth
+        }
+      ) }),
+      autoDetectedFrom ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "auto-detected build output (was ",
+        autoDetectedFrom,
+        ")"
+      ] }) : null,
+      isLocal && networkSkipped > 0 && phase === "done" ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        networkSkipped,
+        " network-only checks skipped"
+      ] }) : null,
+      liveCategory ? /* @__PURE__ */ jsx6(
+        CategorySection,
+        {
+          category: liveCategory[0],
+          checks: liveCategory[1],
+          loaderColor: accent
+        }
+      ) : null,
+      result ? /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx6(ResultCard, { result, target, width: cardWidth }),
+        /* @__PURE__ */ jsx6(ActionMenu, { result, target, isLocal, onRetry })
+      ] }) : null
+    ] })
   ] });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentimization",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "GEO audit CLI — check if your website is agent-ready",
   "license": "MIT",
   "author": "Anthony Lio <hello@antl.io>",