@godxjp/ui 23.1.0 → 23.2.1

package/docs/navigation/tabs.tsx

@@ -625,6 +625,65 @@ export default function Demo() {
             />
           </CardContent>
         </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle level={2}>indicator · animated</CardTitle>
+            <CardDescription>
+              Ant Design の indicator
+              は下線バーの長さと寄せ方を決める。size=&quot;full&quot;(既定)はタブ全幅、size=&quot;label&quot;
+              はタブ自身の左右パディングを引いた分、つまりラベルの幅。align
+              はバーが短いときだけ効く。animated は inkBar(下線のクロスフェード・既定 ON)と
+              tabPane(パネルのフェードイン・既定 OFF)の二つのスイッチで、prefers-reduced-motion
+              では両方とも止まる。
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Flex direction="col" gap="lg">
+              <Tabs
+                id="antd-indicator-full"
+                defaultValue="pending"
+                variant="line"
+                items={journalItems}
+              />
+              <Tabs
+                id="antd-indicator-label"
+                defaultValue="pending"
+                variant="line"
+                indicator={{ size: "label" }}
+                items={journalItems}
+              />
+              <Tabs
+                id="antd-indicator-label-start"
+                defaultValue="pending"
+                variant="line"
+                indicator={{ size: "label", align: "start" }}
+                items={journalItems}
+              />
+              <Tabs
+                id="antd-indicator-label-end"
+                defaultValue="pending"
+                variant="line"
+                indicator={{ size: "label", align: "end" }}
+                items={journalItems}
+              />
+              <Tabs
+                id="antd-animated-off"
+                defaultValue="pending"
+                variant="line"
+                animated={false}
+                items={journalItems}
+              />
+              <Tabs
+                id="antd-animated-pane"
+                defaultValue="pending"
+                variant="line"
+                animated={{ tabPane: true }}
+                items={journalItems}
+              />
+            </Flex>
+          </CardContent>
+        </Card>
       </Flex>
     </PageContainer>
   );

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "23.1.0",
-  "godxUiMcp": "23.1.0",
+  "version": "23.2.1",
+  "godxUiMcp": "23.2.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -261,10 +261,6 @@
       "types": "./dist/components/data-entry/textarea.d.ts",
       "import": "./dist/components/data-entry/textarea.js"
     },
-    "./ui/time-input": {
-      "types": "./dist/components/data-entry/time-input.d.ts",
-      "import": "./dist/components/data-entry/time-input.js"
-    },
     "./ui/dialog": {
       "types": "./dist/components/feedback/dialog.d.ts",
       "import": "./dist/components/feedback/dialog.js"
@@ -336,7 +332,7 @@
     "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:frame-coverage && pnpm test",
     "verify:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:token-scale-bypass && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm check:visual-audit && pnpm test",
     "verify:ci": "pnpm verify:ci:static && pnpm check:frame-contracts && pnpm test",
-    "verify:ci:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:registry && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:no-antd-runtime && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-token-sync && pnpm check:email-token-sync && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:gate-coverage && pnpm check:mcp-prop-sync && pnpm check:catalog-contradictions && pnpm check:catalog-snippets",
+    "verify:ci:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:registry && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:no-antd-runtime && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-token-sync && pnpm check:email-token-sync && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-catalog-completeness && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:gate-coverage && pnpm check:mcp-prop-sync && pnpm check:catalog-contradictions && pnpm check:catalog-snippets",
     "verify:browser": "pnpm check:contrast && pnpm check:text-ink-clip && pnpm check:font-fallback-metrics && pnpm check:visual-audit",
     "verify:release": "pnpm verify:static && pnpm check:frame-contracts && pnpm check:frame-coverage",
     "verify:publish-tree": "pnpm build && pnpm check:packed-public-contract && pnpm check:use-client && pnpm check:dist-tokens-resolve",
@@ -347,6 +343,7 @@
     "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
     "check:mcp-catalog-coverage": "node scripts/check-mcp-catalog-coverage.mjs",
     "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
+    "check:mcp-catalog-completeness": "node scripts/check-mcp-catalog-completeness.mjs",
     "check:catalog-contradictions": "node scripts/check-catalog-contradictions.mjs",
     "check:mcp-prop-sync": "node scripts/check-mcp-prop-sync.mjs",
     "check:doc-prop-existence": "node scripts/check-doc-prop-existence.mjs",

package/scripts/_agent-setup.mjs

@@ -3,10 +3,16 @@
  * init-agent-kit.mjs (explicit, full kit). Every writer is IDEMPOTENT and
  * NON-DESTRUCTIVE: it only creates a missing file or ADDS a missing key, never
  * overwrites existing config.
+ *
+ * That sentence was a claim, not a guarantee, until gh#541: `readJson` returned `null` for BOTH
+ * "no file" and "file I cannot parse", so `readJson(path) ?? {}` read a consumer's malformed
+ * `.mcp.json` as an empty one and wrote over it — their other MCP servers went with it, silently.
+ * The guarantee is now structural: a file that exists but cannot be read, parsed, or recognised is
+ * NEVER written to. We leave a `.godxjp-ui-suggested` sidecar next to it and say so.
  */
 import { createHash } from "node:crypto";
-import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
-import { dirname, join } from "node:path";
+import { existsSync, mkdirSync, readFileSync, renameSync, writeFileSync } from "node:fs";
+import { basename, dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 
 /** The godxjp-ui MCP server — pulled on demand via npx (no extra dependency to ship). */
@@ -20,6 +26,14 @@ export const MCP_KEY = "godx-ui";
 export const AUDIT_HOOK_CMD = "node node_modules/@godxjp/ui/scripts/audit-hook.mjs";
 export const PRIMER_CMD = "cat .claude/godxjp-ui-workflow.md";
 
+/** What `.claude/settings.json` would get, used only for the `.godxjp-ui-suggested` sidecar. */
+const SUGGESTED_HOOKS = {
+  PostToolUse: [
+    { matcher: "Write|Edit|MultiEdit", hooks: [{ type: "command", command: AUDIT_HOOK_CMD }] },
+  ],
+  SessionStart: [{ hooks: [{ type: "command", command: PRIMER_CMD }] }],
+};
+
 /** The per-session workflow mandate the SessionStart hook injects into the agent. */
 export const KIT_VERSION = readJson(join(SELF_ROOT, "package.json"))?.version ?? "0.0.0";
 
@@ -145,12 +159,65 @@ Full guide: \`.claude/godxjp-ui-workflow.md\`.
 <!-- godxjp-ui:end -->
 `;
 
-function readJson(path) {
+/**
+ * Read a JSON file and say WHICH failure happened. Collapsing "absent" and "corrupt" into one
+ * `null` is the whole of gh#541 — see the module header.
+ *
+ * @returns {{state:"ok",json:object}|{state:"missing"}|{state:"unreadable"}|{state:"invalid-json"}|{state:"wrong-shape"}}
+ */
+function readJsonFile(path) {
+  let raw;
+  try {
+    raw = readFileSync(path, "utf8");
+  } catch (error) {
+    return error.code === "ENOENT" ? { state: "missing" } : { state: "unreadable" };
+  }
+  let json;
   try {
-    return JSON.parse(readFileSync(path, "utf8"));
+    json = JSON.parse(raw);
   } catch {
-    return null;
+    return { state: "invalid-json" };
   }
+  // `JSON.parse` happily returns `null`, `[]` or `"text"`. Merging keys into any of those and
+  // writing the result back is the same data loss by a different door, so it is a refusal too.
+  if (json === null || typeof json !== "object" || Array.isArray(json))
+    return { state: "wrong-shape" };
+  return { state: "ok", json };
+}
+
+/** The sentence that goes in the refusal, so a consumer knows which of the three it hit. */
+const READ_FAILURE = {
+  "invalid-json": "not valid JSON",
+  "wrong-shape": "JSON, but not an object",
+  unreadable: "unreadable",
+};
+
+/** Unusable-as-absent — only for the read-only callers, which never write anything back. */
+function readJson(path) {
+  const read = readJsonFile(path);
+  return read.state === "ok" ? read.json : null;
+}
+
+/**
+ * Write through a temp file + rename. `writeFileSync` is NOT atomic: an interrupt mid-write (^C
+ * during `npm install`, a full disk, the OOM killer) leaves a truncated file behind, which the
+ * next run reads as malformed. That is how the two halves of gh#541 fed each other — one bad
+ * write manufactured the precondition for the overwrite.
+ */
+function writeFileAtomic(path, data) {
+  const tmp = `${path}.godxjp-ui-tmp`;
+  writeFileSync(tmp, data);
+  renameSync(tmp, path);
+}
+
+/**
+ * Refuse to touch `path`, leave what we WOULD have written beside it, and return the sentence the
+ * caller prints. A diff the consumer can read beats a config we guessed at.
+ */
+function refuseAndSuggest(path, data, reason) {
+  const suggested = `${path}.godxjp-ui-suggested`;
+  writeFileAtomic(suggested, data);
+  return `left untouched (${reason}) — see ${basename(suggested)}`;
 }
 
 /** Ensure `.mcp.json` registers the godx-ui MCP server. Returns 'created' | 'added' | 'present'. */
@@ -164,22 +231,61 @@ function readJson(path) {
  * agent reading whatever guidance shipped the day the package was FIRST installed. The library
  * moved; the instructions for using it did not.
  */
+/**
+ * Replace the delimited managed region, or REFUSE.
+ *
+ * The old shape set `tail = ""` when the closing marker was missing and returned
+ * `current.slice(0, i) + next` — so a file whose end marker had been deleted (or truncated away by
+ * a half-finished write) lost everything after the opening marker. Whatever the consumer wrote
+ * below our block was simply gone (gh#541).
+ *
+ * There is no safe way to guess where a region ends, so we do not guess. Two refusals, both
+ * returning `null` for the caller to report:
+ *   • the opening marker appears more than once — which region is ours is ambiguous;
+ *   • the closing marker is missing — the region has no end.
+ * A closing marker that appears more than once is NOT a refusal: the first one after the opening
+ * marker is the region's end, and everything past it is preserved either way.
+ *
+ * @returns {string|null} the rewritten file, or `null` to say "do not write".
+ */
 export function refreshBlock(current, next, startMarker, endMarker) {
-  const i = current.indexOf(startMarker);
-  if (i < 0) return current.replace(/\s*$/, "") + "\n\n" + next;
-  const j = endMarker ? current.indexOf(endMarker, i) : -1;
-  const tail = j < 0 ? "" : current.slice(j + endMarker.length);
-  return current.slice(0, i) + next + tail;
+  const first = current.indexOf(startMarker);
+  if (first < 0) return current.replace(/\s*$/, "") + "\n\n" + next;
+  if (current.indexOf(startMarker, first + startMarker.length) >= 0) return null;
+  if (!endMarker) return null;
+  const j = current.indexOf(endMarker, first);
+  if (j < 0) return null;
+  return current.slice(0, first) + next + current.slice(j + endMarker.length);
 }
 
 export function ensureMcpJson(root) {
   const path = join(root, ".mcp.json");
-  const json = readJson(path) ?? {};
+  const read = readJsonFile(path);
+  if (read.state !== "ok" && read.state !== "missing") {
+    return refuseAndSuggest(
+      path,
+      JSON.stringify({ mcpServers: { [MCP_KEY]: MCP_SERVER } }, null, 2) + "\n",
+      READ_FAILURE[read.state],
+    );
+  }
+  const json = read.state === "ok" ? read.json : {};
+  if (
+    json.mcpServers !== undefined &&
+    (json.mcpServers === null ||
+      typeof json.mcpServers !== "object" ||
+      Array.isArray(json.mcpServers))
+  ) {
+    return refuseAndSuggest(
+      path,
+      JSON.stringify({ mcpServers: { [MCP_KEY]: MCP_SERVER } }, null, 2) + "\n",
+      "`mcpServers` is not an object",
+    );
+  }
   json.mcpServers = json.mcpServers ?? {};
   if (json.mcpServers[MCP_KEY]) return "present";
-  const created = !existsSync(path);
+  const created = read.state === "missing";
   json.mcpServers[MCP_KEY] = MCP_SERVER;
-  writeFileSync(path, JSON.stringify(json, null, 2) + "\n");
+  writeFileAtomic(path, JSON.stringify(json, null, 2) + "\n");
   return created ? "created" : "added";
 }
 
@@ -187,7 +293,31 @@ export function ensureMcpJson(root) {
 export function ensureClaudeHooks(root) {
   const path = join(root, ".claude", "settings.json");
   mkdirSync(dirname(path), { recursive: true });
-  const json = readJson(path) ?? {};
+  const read = readJsonFile(path);
+  if (read.state !== "ok" && read.state !== "missing") {
+    // Same guard as ensureMcpJson, and the reason it is here rather than only there: this file
+    // holds the consumer's OWN hooks. Rewriting it from `{}` silently unhooks their tooling.
+    return [
+      refuseAndSuggest(
+        path,
+        JSON.stringify({ hooks: SUGGESTED_HOOKS }, null, 2) + "\n",
+        READ_FAILURE[read.state],
+      ),
+    ];
+  }
+  const json = read.state === "ok" ? read.json : {};
+  if (
+    json.hooks !== undefined &&
+    (json.hooks === null || typeof json.hooks !== "object" || Array.isArray(json.hooks))
+  ) {
+    return [
+      refuseAndSuggest(
+        path,
+        JSON.stringify({ hooks: SUGGESTED_HOOKS }, null, 2) + "\n",
+        "`hooks` is not an object",
+      ),
+    ];
+  }
   json.hooks = json.hooks ?? {};
   const added = [];
 
@@ -209,7 +339,7 @@ export function ensureClaudeHooks(root) {
     added.push("SessionStart:workflow-primer");
   }
 
-  writeFileSync(path, JSON.stringify(json, null, 2) + "\n");
+  writeFileAtomic(path, JSON.stringify(json, null, 2) + "\n");
   return added;
 }
 
@@ -225,10 +355,10 @@ export function writeWorkflowMd(root) {
   if (existsSync(path)) {
     const cur = readFileSync(path, "utf8");
     if (cur.trim() === WORKFLOW_MD.trim()) return false;
-    writeFileSync(path, WORKFLOW_MD);
+    writeFileAtomic(path, WORKFLOW_MD);
     return "refreshed";
   }
-  writeFileSync(path, WORKFLOW_MD);
+  writeFileAtomic(path, WORKFLOW_MD);
   return true;
 }
 
@@ -248,7 +378,8 @@ function blockIsCurrent(existing, block) {
   const wanted = stampedDigest(block);
   const have = stampedDigest(existing);
   if (wanted && have) return wanted === have;
-  const region = (text) => text.slice(text.indexOf("<!-- godxjp-ui:start"), text.indexOf("<!-- godxjp-ui:end -->"));
+  const region = (text) =>
+    text.slice(text.indexOf("<!-- godxjp-ui:start"), text.indexOf("<!-- godxjp-ui:end -->"));
   return region(existing).trim() === region(block).trim();
 }
 
@@ -264,17 +395,22 @@ export function ensureClaudeMd(root) {
     // reached nobody, and the block still read as current. A file written before digest stamping
     // has no digest at all, so fall back to comparing the rendered body.
     if (blockIsCurrent(existing, CLAUDE_MD_BLOCK)) return "present";
-    writeFileSync(
-      path,
-      refreshBlock(existing, CLAUDE_MD_BLOCK, "<!-- godxjp-ui:start", "<!-- godxjp-ui:end -->"),
+    const next = refreshBlock(
+      existing,
+      CLAUDE_MD_BLOCK,
+      "<!-- godxjp-ui:start",
+      "<!-- godxjp-ui:end -->",
     );
+    if (next === null)
+      return refuseAndSuggest(path, CLAUDE_MD_BLOCK, "godxjp-ui markers are broken");
+    writeFileAtomic(path, next);
     return "refreshed";
   }
   if (existing == null) {
-    writeFileSync(path, CLAUDE_MD_BLOCK);
+    writeFileAtomic(path, CLAUDE_MD_BLOCK);
     return "created";
   }
-  writeFileSync(path, existing.replace(/\s*$/, "") + "\n\n" + CLAUDE_MD_BLOCK);
+  writeFileAtomic(path, existing.replace(/\s*$/, "") + "\n\n" + CLAUDE_MD_BLOCK);
   return "appended";
 }
 
@@ -323,8 +459,8 @@ export function refreshGuineaPigSkill(root) {
   const current = readFileSync(target, "utf8");
   const marker = "\n---\n\n# 8. ";
   const i = current.indexOf(marker);
-  writeFileSync(target, base.replace(/\s*$/, "") + "\n" + (i < 0 ? "" : current.slice(i)));
-  writeFileSync(optin, `${stamp}\n`);
+  writeFileAtomic(target, base.replace(/\s*$/, "") + "\n" + (i < 0 ? "" : current.slice(i)));
+  writeFileAtomic(optin, `${stamp}\n`);
   return true;
 }
 
@@ -370,7 +506,7 @@ export function ensureConsumerRules(root) {
     return false;
   }
   mkdirSync(dir, { recursive: true });
-  writeFileSync(target, next);
+  writeFileAtomic(target, next);
 
   // Prettier and this writer were fighting over the same file: the body holds aligned markdown
   // tables, Prettier reformats them, the digest changes, the next install writes it back, and
@@ -383,7 +519,7 @@ export function ensureConsumerRules(root) {
       (line) => !cur.includes(line),
     );
     if (owned.length) {
-      writeFileSync(
+      writeFileAtomic(
         ignoreFile,
         `${cur.replace(/\s*$/, "")}\n\n# Owned by @godxjp/ui — rewritten on every install, never hand-formatted.\n${owned.join("\n")}\n`,
       );
@@ -396,7 +532,7 @@ export function ensureConsumerRules(root) {
   if (existsSync(index)) {
     const cur = readFileSync(index, "utf8");
     if (!cur.includes(".ai/rules/godxjp-ui.md")) {
-      writeFileSync(
+      writeFileAtomic(
         index,
         cur.replace(/\s*$/, "") + `\n| ${uiDir}/** | .ai/rules/godxjp-ui.md |\n`,
       );

package/scripts/consumer-rule.md

@@ -9,6 +9,22 @@
 `docs/CONSUMER-RULES.md` (10 luật) và, với kho chuột bạch, ở
 `.claude/skills/godx-ui-guinea-pig/SKILL.md`.
 
+## Nạp style: HAI lối vào, và lối thứ hai không chở font
+
+```css
+@import "@godxjp/ui/styles";      /* mọi layer + Noto Sans JP / M PLUS 2 đóng gói sẵn */
+@import "@godxjp/ui/styles/core"; /* CÙNG các layer ấy, KHÔNG một @font-face nào */
+```
+
+Chọn `core` khi kho tự lo mặt chữ, hoặc khi không muốn chở font: `@fontsource` cắt
+Noto Sans JP thành hàng trăm lát `unicode-range`, và trình duyệt chỉ biết cần lát nào
+SAU khi đã dựng bố cục — một consumer đo được **737 lát / 13 MB**, gấp bảy lần toàn bộ
+JavaScript của họ, cộng ~8 vòng tải mỗi lần chuyển màn.
+
+`core` không phải cherry-pick: nó là một trong hai lối vào được hỗ trợ, và thứ tự layer
+vẫn nguyên vẹn. Cherry-pick từng layer riêng lẻ thì vẫn cấm — đó là thứ làm vỡ hợp đồng
+thứ tự, không phải việc chọn lối vào.
+
 ## Bố cục chuẩn của platform: BA CỘT, và ba cột là BA PHẠM VI
 
 Vỏ mặc định của mọi app trên platform là ba cột, dựng bằng một `AppShell`:

package/scripts/postinstall.mjs

@@ -20,13 +20,22 @@ if (skip) process.exit(0); // silent: CI / opt-out / self-install / no consumer
 
 try {
   const r = ensureMcpJson(root);
+  // A refusal is a full sentence, not one of the three status words — say it on its own line
+  // rather than folding it into "MCP in .mcp.json (…)", where it would read as a success.
+  if (r.startsWith("left untouched")) {
+    console.log(`\n  @godxjp/ui → .mcp.json ${r}\n`);
+  }
   // The mandate is plain text the agent reads every turn (CLAUDE.md block + workflow file). It
   // changes nothing in the dev loop, so it is installed by default: an agent that never saw the
   // but no mandate). Only the hooks — which DO change the loop — stay behind `init-agent`.
   const md = ensureClaudeMd(root);
+  if (md.startsWith("left untouched")) {
+    console.log(`  @godxjp/ui → CLAUDE.md ${md}\n`);
+  }
   const wf = writeWorkflowMd(root);
   const skill = refreshGuineaPigSkill(root);
   const rules = ensureConsumerRules(root);
+  if (r.startsWith("left untouched") || md.startsWith("left untouched")) process.exit(0); // already reported
   if (r === "present" && md === "present" && !wf && !skill && !rules) process.exit(0); // current — stay quiet
   console.log(
     `\n  @godxjp/ui → MCP in .mcp.json (${r}); workflow mandate in CLAUDE.md (${md}).\n` +

package/scripts/ui-audit.mjs

@@ -32,29 +32,72 @@ const dirArgs = args.filter((a) => !a.startsWith("--") && a !== "json");
  * local gate or in CI then covers every edit path, including the ones nobody thought of.
  */
 function changedFiles() {
-  const base =
-    spawnSync("git", ["merge-base", "HEAD", "origin/main"], { encoding: "utf8" }).stdout.trim() ||
-    "HEAD";
-  const run = (a) => spawnSync("git", a, { encoding: "utf8" }).stdout ?? "";
+  // A git command that FAILED used to be indistinguishable from one that found nothing: `run`
+  // returned `stdout ?? ""`, so a shallow clone with no `origin/main`, or a directory that is not
+  // a repository at all, produced an empty list and a clean, green, zero-exit run (gh#542).
+  const run = (a) => {
+    const r = spawnSync("git", a, { encoding: "utf8" });
+    return r.status === 0 ? (r.stdout ?? "") : null;
+  };
 
-  return [
-    ...new Set(
-      [
-        run(["diff", "--name-only", "--diff-filter=ACMR", base, "--"]),
-        run(["diff", "--name-only", "--diff-filter=ACMR", "--cached"]),
-        run(["ls-files", "--others", "--exclude-standard"]),
-      ]
-        .join("\n")
-        .split("\n")
-        .map((f) => f.trim())
-        .filter((f) => /\.(tsx|jsx)$/.test(f) && existsSync(join(CWD, f))),
-    ),
+  const mergeBase = run(["merge-base", "HEAD", "origin/main"]);
+  if (mergeBase === null) {
+    return {
+      error:
+        "ui-audit --changed could not resolve `git merge-base HEAD origin/main`. " +
+        "Without a base there is no such thing as \u201cwhat this branch changed\u201d, and reporting a " +
+        "clean audit from that is not a result. Fetch origin/main (a shallow clone may need " +
+        "`git fetch --unshallow`), or pass the directories to scan instead of `--changed`.",
+    };
+  }
+
+  const parts = [
+    run(["diff", "--name-only", "--diff-filter=ACMR", mergeBase.trim(), "--"]),
+    run(["diff", "--name-only", "--diff-filter=ACMR", "--cached"]),
+    run(["ls-files", "--others", "--exclude-standard"]),
   ];
+  if (parts.some((out) => out === null)) {
+    return {
+      error:
+        "ui-audit --changed: a `git diff`/`git ls-files` call failed; refusing to report a clean run.",
+    };
+  }
+
+  return {
+    files: [
+      ...new Set(
+        parts
+          .join("\n")
+          .split("\n")
+          .map((f) => f.trim())
+          // SCANNABLE, not a second hand-written list. Selecting `.jsx` here while `walk()` below
+          // accepted only `.tsx`/`.ts` meant a changed `.jsx` was picked, counted in the summary
+          // line as scanned, and then dropped by the walker without being opened — and if it was
+          // the only change, the run exited 0 saying "no .tsx/.jsx changed" (gh#542).
+          .filter((f) => SCANNABLE.test(f) && existsSync(join(CWD, f))),
+      ),
+    ],
+  };
 }
 
+/**
+ * The ONE extension set. `changedFiles()` selects with it and `walk()` admits with it, so the
+ * selector and the walker cannot drift apart again — that drift was gh#542.
+ */
+const SCANNABLE = /\.(tsx|jsx|ts)$/;
+
 const CHANGED = args.includes("--changed");
+const changed = CHANGED ? changedFiles() : null;
+if (changed?.error) {
+  if (asJson) {
+    process.stdout.write(JSON.stringify({ error: changed.error }, null, 2) + "\n");
+  } else {
+    console.error(changed.error);
+  }
+  process.exit(2);
+}
 const SCAN_DIRS = CHANGED
-  ? changedFiles()
+  ? changed.files
   : dirArgs.length
     ? dirArgs
     : SELF
@@ -173,7 +216,7 @@ const RULES = [
       return /\brounded(?:-(?:full|sm|md|lg|xl|2xl))?\b/.test(cls) && /\b(?:border|bg-)/.test(cls);
     },
     message:
-      "Hand-rolled surface (rounded + border/bg) — use Card, Badge, Avatar, ListRow, Descriptions or EmptyState so height, padding and radius come from the tokens (docs/CONSUMER-RULES.md §4).",
+      "Hand-rolled surface (rounded + border/bg) — use Card, Badge, Avatar, ListRow, Descriptions or EmptyState so height, padding and radius come from the tokens (docs/CONSUMER-RULES.md §4). A read-only sample of a colour a USER chose is Swatch, which takes that value as a prop.",
   },
   {
     id: "no-space-xy",
@@ -728,7 +771,7 @@ function walk(dir, acc = []) {
   // Accept a FILE path directly (the per-file editor hook passes one), not just a directory.
   try {
     if (statSync(dir).isFile()) {
-      if (dir.endsWith(".tsx") || dir.endsWith(".ts")) acc.push(dir);
+      if (SCANNABLE.test(dir)) acc.push(dir);
       return acc;
     }
   } catch {
@@ -747,10 +790,7 @@ function walk(dir, acc = []) {
       // Test/story dirs are not product UI — never hold them to the UI-standardization rules.
       if (name === "__tests__" || name === "node_modules") continue;
       walk(full, acc);
-    } else if (
-      (name.endsWith(".tsx") || name.endsWith(".ts")) &&
-      !/\.(test|spec|stories)\.tsx?$/.test(name)
-    ) {
+    } else if (SCANNABLE.test(name) && !/\.(test|spec|stories)\.[jt]sx?$/.test(name)) {
       acc.push(full);
     }
   }
@@ -871,8 +911,7 @@ function staleOwnedRules() {
       `This file is written by @godxjp/ui and says version ${stamped}, but the installed package ` +
       `is ${installed}. Its rules describe a different library than the one you are building ` +
       "against — most likely because `ignore-scripts=true` kept our postinstall from running.",
-    replacement:
-      "INIT_CWD=\"$PWD\" node node_modules/@godxjp/ui/scripts/postinstall.mjs",
+    replacement: 'INIT_CWD="$PWD" node node_modules/@godxjp/ui/scripts/postinstall.mjs',
     snippet: `<!-- godxjp-ui:version ${stamped} --> vs installed ${installed}`,
   };
 }
@@ -881,12 +920,15 @@ const findings = [];
 const stale = staleOwnedRules();
 if (stale) findings.push(stale);
 let filesScanned = 0;
+/** What was actually OPENED. The summary used to name the selection instead (gh#542). */
+const scannedFiles = [];
 for (const dir of SCAN_DIRS) {
   for (const file of walk(isAbsolute(dir) ? dir : join(CWD, dir))) {
     const rel = relative(CWD, file);
     // Framework test support is executable fixture markup, not a shipped product screen.
     if (SELF && !args.includes("--consumer") && rel.startsWith("src/test/")) continue;
     filesScanned += 1;
+    scannedFiles.push(rel);
     // A primitive implements native controls; asking Input to render Input recurses.
     // Consumer applications and executable docs still receive these composition checks.
     const fileRules =
@@ -903,7 +945,7 @@ for (const dir of SCAN_DIRS) {
     /** Both opt-outs, by line index: the per-line markers and the reason-carrying block. */
     const suppressed = (ruleId, i) =>
       isSuppressed(ruleId, origLines[i], origLines[i - 1]) || inDisabledBlock(ruleId, i);
-    const isJsx = file.endsWith(".tsx");
+    const isJsx = file.endsWith(".tsx") || file.endsWith(".jsx");
     // This compiler output intentionally resolves CSS variables to email-safe literals.
     // gen-email-tokens.mjs --check verifies it against its canonical token sources.
     const compiledEmailTokens =
@@ -980,7 +1022,7 @@ for (const dir of SCAN_DIRS) {
       let depth = 0;
       const tag = /<(\/?)Card(Content|Header|Cover|Footer|Bar)?\b/g;
       tag.lastIndex = from;
-      for (let m; (m = tag.exec(scanContent)); ) {
+      for (let m; (m = tag.exec(scanContent));) {
         const [, closing, slot] = m;
         if (!slot) {
           if (closing) {
@@ -1119,7 +1161,7 @@ if (filesScanned === 0) {
     console.log(`      ${C.dim}${f.snippet}${C.reset}`);
   }
   console.log(
-    `\ngodxjp-ui audit: ${C.red}${errors.length} error(s)${C.reset}, ${C.yellow}${warnings.length} warning(s)${C.reset} across ${SCAN_DIRS.join(", ")}.`,
+    `\ngodxjp-ui audit: ${C.red}${errors.length} error(s)${C.reset}, ${C.yellow}${warnings.length} warning(s)${C.reset} across ${scannedFiles.join(", ")}.`,
   );
   if (errors.length === 0 && warnings.length === 0) {
     console.log("✓ No UI-standardization violations found.");