@godxjp/ui 32.8.0 → 32.9.0

package/dist/tokens/components/card.css

@@ -57,7 +57,9 @@
     calc(var(--font-size-base) / var(--font-size-ratio))
   );
   --stat-card-label-font-weight: var(--font-weight-medium);
-  --stat-card-label-letter-spacing: 0.04em;
+
+  --stat-card-label-letter-spacing: normal;
+  --stat-card-label-letter-case: none;
   --stat-card-value-font-size: var(
     --font-size-2xl,
     calc(

package/dist/tokens/components/data-display.css

@@ -61,6 +61,8 @@
   --prose-columns-gap: var(--space-6);
 
   --block-editor-gutter-inline-size: calc(2 * var(--control-height-xs) + var(--space-2));
+
+  --block-editor-compact-gutter-inline-size: var(--block-editor-frame-padding);
   --block-editor-min-height: var(--band-height-3xl);
 
   --block-editor-frame-padding: var(--space-3);

package/dist/tokens/components/shell.css

@@ -6,6 +6,9 @@
     --font-size-2xs,
     calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
   );
+
+  --sidebar-section-label-letter-case: none;
+  --sidebar-section-label-letter-spacing: normal;
   --sidebar-product-tenant-font-size: var(
     --font-size-2xs,
     calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
@@ -157,6 +160,10 @@
 
   --topbar-center-compact-display: none;
 
+  --topbar-search-min-text-inline-size: 8ch;
+
+  --topbar-search-inline-size: 16rem;
+
   --topbar-item-padding-inline: var(--space-3);
 
   --topbar-item-padding-inline-compact: var(--space-2);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "32.8.0",
-  "godxUiMcp": "32.8.0",
+  "version": "32.9.0",
+  "godxUiMcp": "32.9.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/scripts/_agent-setup.mjs

@@ -209,9 +209,13 @@ Follow this every time you create or change a page, component or form.
 ## After JSX
 5. \`npx @godxjp/ui audit <files>\` — zero errors (a PostToolUse hook also runs it on each edit).
    Run it from the package that owns the files; \`--help\` lists the flags.
-6. Screenshot at 390 / 768 / 1280 next to the exemplar, list the top 3 differences, fix them,
-   repeat — at most 3 rounds.
-7. Before a visual review: \`npx @godxjp/ui visual-audit <url>\` (axe + contrast + layout).
+6. \`npx @godxjp/ui visual-audit <url> <routes>\` — every route at 320 / 390 / 768 / 1024 / 1280 /
+   844×390; zero machine failures; "unmapped" is not a pass.
+7. Inspect every screenshot at every width, region by region (top bar, header, body, aside/rail,
+   menus/drawers), including regions you must not change — defects there become issues.
+8. No top-N, no round cap: stop at zero failures and a fully resolved checklist. Then report
+   "probes passed; independent acceptance pending" with the artifacts — never "done" on your own
+   review. Acceptance comes from someone who did not build it.
 
 In a workspace, \`node_modules/@godxjp/ui\` may be hoisted to the repo root: read its files there,
 or through the MCP (\`get_design\`, \`get_rule\`).
@@ -231,8 +235,9 @@ Before any JSX for a screen:
    dashboard, approval-queue) — match its structure.
 
 After building:
-4. \`npx @godxjp/ui audit <files>\` — zero errors.
-5. Screenshot at 390 / 768 / 1280 beside the exemplar; fix the top 3 differences; max 3 rounds.
+4. \`npx @godxjp/ui audit <files>\` and \`npx @godxjp/ui visual-audit <url> <routes>\` (6 widths) — zero.
+5. Inspect every screenshot at every width, region by region; no top-N cap. Report "probes passed;
+   independent acceptance pending" — the builder never accepts its own screen.
 
 Rules: \`node_modules/@godxjp/ui/docs/CONSUMER-RULES.md\`. Details: \`.claude/godxjp-ui-workflow.md\`.
 <!-- godxjp-ui:end -->

package/scripts/cli.mjs

@@ -4,7 +4,7 @@
  *   init-agent     scaffold the agent forcing-kit (MCP + auto-audit hook + mandate)
  *   sync-rules     write/refresh package-owned agent rules (--dry-run previews)
  *   audit          static UI audit (regex over source)
- *   visual-audit   runtime audit (Playwright + axe-core) against a running app
+ *   visual-audit   runtime audit (Playwright) against a running app, at six widths
  *   prune-css      emit a stylesheet with only the CSS layers the app uses (gh#971)
  *   codemod v32    apply the mechanical half of the v32 upgrade (docs/migrations/v32.md)
  */
@@ -85,15 +85,21 @@ const HELP = {
     --dry-run   list every change without writing
   What it cannot decide (a component move that changes props, an AppProvider that relied on the
   old vi default) is printed as a "note" for you to finish.`,
-  "visual-audit": `godxjp-ui visual-audit [--format json] [--strict] <baseUrl> [route …]
+  "visual-audit": `godxjp-ui visual-audit [--format json] [--strict] [--widths WxH,…] <baseUrl> [route …]
 
-  Runtime audit (Playwright + axe-core) against an app you are ALREADY running locally.
+  Runtime audit (Playwright) against an app you are ALREADY running locally, at six widths.
     baseUrl         the running app, e.g. http://localhost:5173
     route …         paths appended to baseUrl (default "/")
+    --widths        viewports to audit (default 320x900,390x844,768x1024,1024x900,1280x900,844x390;
+                    a bare width uses height 900)
     --strict        exit non-zero on any finding, not only errors
-    --format json   machine-readable findings
+    --format json   machine-readable: findings (viewport, element, threshold + origin), unmapped
+                    items (reviewer required), per-width rule status + reviewer checklist
     --rules         print the visual rule catalog as JSON and exit
-  Needs the playwright peer installed.`,
+  Responsive probes C01–C12 are advisory; thresholds are repo-chosen unless marked WCAG. A clean
+  run ends "probes passed; independent acceptance pending" — the checklist still needs a reviewer.
+  Map your own components with data-audit-role (search, search-trigger, account-name, editor,
+  task-actions, rail-toggle, content-column, section-label, metadata). Needs the playwright peer.`,
 };
 
 const USAGE = `usage: godxjp-ui <command> [args]
@@ -103,7 +109,7 @@ commands:
   sync-rules     write/refresh package-owned agent rules (--dry-run previews)
   audit          static UI audit over source
   audit-hook     the per-edit audit hook (wired by init-agent)
-  visual-audit   runtime audit (Playwright + axe-core) against a running app
+  visual-audit   runtime audit (Playwright) against a running app, at six widths
   prune-css      emit a stylesheet with only the CSS layers your app uses
 
 godxjp-ui <command> --help   details and flags for one command`;