@bongos/core 1.19.463 → 1.19.465

package/modules/ui-design/skills/impeccable/SKILL.md

@@ -136,7 +136,7 @@ Verification is **bounded passes, never an open loop**, and the budget covers th
 
 ## Not here, and where it went
 
-- **The anti-pattern detector**: task 1003329 lands it as rules in `kit/check-mock.js` and `kit/lib.js`; today `check-mock.js` (the platform rules and the instance's `DESIGN.md` bans over a mock), `render.js`'s floors and `contrast.js` are the deterministic floor. Run it once per review round, treat a clean scan as a floor and never as proof, verify every finding in context and name false positives out loud.
+- **The anti-pattern detector**: landed as rules in the kit (task 1003329, ADR 0223): `kit/tells.js` runs inside `check-mock.js` (two floors that FAIL, eighteen tells that WARN, a kicker above the h1 a FAIL where the world bans the eyebrow), and the rendered twins ride `render.js` as `~ tell:` lines per state; `contrast.js` is the pair floor. Run it once per review round, treat a clean scan as a floor and never as proof, verify every finding in context, and name a false positive where it fires with `kit-ignore: <rule> (reason)` rather than silencing the rule.
 - **The live loop**: `claude plugin install playwright@claude-plugins-official`, a prerequisite the module never installs, driving `kit/serve.js`'s stub (`SURFACE=<dir or module key>`, `STYLE=<look>`). Variants are states in the states file, rendered by the kit; accepting one is a commit and discarding one is a checkout; there is no in-page overlay, no injected script, no journal, and no leftover to sweep because nothing was injected.
 - **Hooks, the bypass agent, telemetry, the remote bundle, the installer, `doctor`, `pin`, `unpin`**: gone. The ship gate is the sweep; the materialiser is the install; a reviewer runs with ordinary permissions.
 - **The asset producer**: images are hero plates and hero objects by token (task 1003328 for the image family); nothing here generates, crops or cleans an image.

package/modules/ui-design/styles/grove/DESIGN.md

@@ -115,7 +115,7 @@ Everything in this look is cut from soft paper and set down in a garden. Contain
 
 - **Tinted shadows.** `0 10px 26px -14px shade, 0 2px 6px shade-soft`, where `shade` is the ink at 16% and `shade-soft` the ink at 7%; in dark, black at 60% and 35%. Grey shadows are banned: a shadow is the ground's own colour, deepened.
 - **The slab.** A deep-green panel (the sea mixed 62% into black, the same in both modes) with cream type and a 20%-white hairline inside it.
-- **Plates** (when a surface adds them): photographic leaf plates over the paper, a real-alpha hero object. A surface's plates are its own; this look brings none.
+- **Plates** (when a surface adds them): photographic leaf plates over the paper, a real-alpha hero object. A surface's plates are its own. This look's specimen carries one, as the worked example of the pair convention (task 1003328, `imagegen-frontend-web`): `assets/grove-pod.jpg` (the black-ground plate, dark) and `assets/grove-pod-cut.webp` (the alpha cutout, light), a sculpted paper seed pod in sage and tan, each with a `<file>.json` provenance sidecar; the tokens are `--plate-pod` / `--plate-pod-cut` on the mock's `body`.
 
 ## Motion
 

package/modules/ui-design/styles/grove/assets/grove-pod-cut.webp.json

@@ -0,0 +1,12 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_pro",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-09-02T00:57Z",
+  "round": 1,
+  "prompt": "Background removed (the art pipeline's image background remover) from the grove-pod generation: a single sculpted paper seed pod, hand-folded from thick pale sage and warm tan paper, soft rounded forms, matte fibrous paper texture, two curled paper leaves at its base, lit softly from the upper left with soft tinted shadows, studio still life, centred, no text, no letters, no logo, no watermark.",
+  "source": "the remover's PNG (2048px, real alpha verified with ffmpeg alphaextract, YAVG 118)",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept (yuva420p), 1600px (task 1003328)",
+  "use": "light mode: the specimen's hero object as an alpha cutout on the pale sage paper"
+}

package/modules/ui-design/styles/grove/assets/grove-pod.jpg.json

@@ -0,0 +1,12 @@
+{
+  "kind": "plate",
+  "model": "nano_banana_pro",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-09-02T00:55Z",
+  "round": 1,
+  "prompt": "A single sculpted paper seed pod, hand-folded from thick pale sage and warm tan paper, soft rounded forms, matte fibrous paper texture, two curled paper leaves at its base, lit softly from the upper left with soft tinted shadows, studio still life, centred, pure black everywhere the object is not, no text, no letters, no logo, no watermark.",
+  "source": "the generation returned a white ground (the one-in-six case); this plate is the real-alpha cutout (grove-pod-cut.webp's source) composited on pure black with ffmpeg, then scaled to 1600px",
+  "encoded": "ffmpeg overlay on color=black, scale=1600, JPEG -q:v 3 (task 1003328)",
+  "use": "dark mode: the specimen's hero object as a masthead on the black ground"
+}

package/modules/ui-design/styles/grove/mock.html

@@ -39,6 +39,10 @@ body {
   --radius: 22px;
   --radius-sm: 12px;
   --radius-pill: 999px;
+  --plate-pod: url(/assets/grove-pod.jpg);
+  --plate-pod-cut: url(/assets/grove-pod-cut.webp);
+  --plate-pod-hero: var(--plate-pod-cut);
+  --pod-shade: drop-shadow(0 18px 22px var(--shade));
   --top-h: 64px;
   --gutter: clamp(16px, 4vw, 26px);
   --band: clamp(40px, 7vh, 72px);
@@ -73,6 +77,8 @@ body {
   --label-face: var(--font-body);
   --label-size: 11.5px;
   --label-space: .06em;
+  --plate-pod-hero: var(--plate-pod);
+  --pod-shade: none;
 }
 @media (prefers-color-scheme: dark) {
   :root:not([data-mode="light"]) body {
@@ -98,6 +104,8 @@ body {
   --label-face: var(--font-body);
   --label-size: 11.5px;
   --label-space: .06em;
+  --plate-pod-hero: var(--plate-pod);
+  --pod-shade: none;
   }
 }
 
@@ -125,6 +133,11 @@ body[data-state="signed-in"] .who { display: inline-flex; }
 
 /* the bands */
 .band { padding: var(--band) 0; }
+/* the hero object: the specimen's one plate, a sculpted paper seed pod, as a masthead above the
+   words, offset right and bleeding past the wrap by a gutter (the masthead anchor of
+   imagegen-frontend-web; never text-left image-right). Light takes the alpha cutout on the paper
+   under a tinted lift; dark takes the black-ground plate on the black. Decorative: aria-hidden. */
+.pod { width: min(360px, 58vw); aspect-ratio: 1; margin: calc(-1 * var(--band) / 2) calc(-1 * var(--gutter)) 6px auto; background: var(--plate-pod-hero) center / contain no-repeat; filter: var(--pod-shade); }
 h1 { font-family: var(--font-display); font-weight: 800; font-size: clamp(34px, 6.4vw, 84px); line-height: .96; letter-spacing: -.03em; margin: 0 0 18px; max-width: 12ch; }
 h2 { font-family: var(--font-display); font-weight: 800; font-size: clamp(24px, 3vw, 38px); line-height: 1.08; letter-spacing: -.02em; margin: 0 0 14px; }
 .lede { color: var(--ink-soft); max-width: 56ch; margin: 0; }
@@ -189,7 +202,7 @@ footer a { color: var(--accent-ink); display: inline-block; padding: 3px 0; font
 </style>
 </head>
 <body>
-<!-- THESIS: the grove as a specimen sheet. The thirteen colours and the two faces the pack carries, laid through this look's own derived recipes (its DESIGN.md frontmatter): a bar that floats as a soft card, a rounded heavy display voice, tiles under tinted shadows mixed from the ink, the sea green as a slab a whole band sits on, door pills with the primary in tan, a rail of soft tiles with one lit, ledger rows inside a sculpted panel. This page declares no :root and no colour of its own: the pack is spliced by the stub (STYLE=grove) and every value is a var() or a color-mix() of it. Dark restates the platform's black tier on body, since a mock links no sheet; the candidate's green dark ground cannot travel in a pack, so dark is the black under the tan and the sea. STATES: rest (signed out), signed-in. MODES: ?mode=dark|light. -->
+<!-- THESIS: the grove as a specimen sheet. The thirteen colours and the two faces the pack carries, laid through this look's own derived recipes (its DESIGN.md frontmatter): a bar that floats as a soft card, a rounded heavy display voice, tiles under tinted shadows mixed from the ink, the sea green as a slab a whole band sits on, door pills with the primary in tan, a rail of soft tiles with one lit, ledger rows inside a sculpted panel, and one hero object (a sculpted paper seed pod, the pair convention: the alpha cutout on the paper in light, the black-ground plate in dark, each with a provenance sidecar under assets/). This page declares no :root and no colour of its own: the pack is spliced by the stub (STYLE=grove) and every value is a var() or a color-mix() of it. Dark restates the platform's black tier on body, since a mock links no sheet; the candidate's green dark ground cannot travel in a pack, so dark is the black under the tan and the sea. STATES: rest (signed out), signed-in. MODES: ?mode=dark|light. -->
 <a class="skip" href="#main">Skip to content</a>
 <header class="bar">
   <div class="wrap">
@@ -207,6 +220,7 @@ footer a { color: var(--accent-ink); display: inline-block; padding: 3px 0; font
 <main id="main" tabindex="-1">
   <section class="band">
     <div class="wrap">
+      <div class="pod" aria-hidden="true"></div>
       <p class="label badge">A look from the style library</p>
       <h1>The grove</h1>
       <p class="lede">A sculpted paper garden. Pale sage paper, soft corners on everything that holds content, shadows tinted from the ink and never grey, the sea green as a second voice, and one lit tan on everything you can press.</p>

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.19.463",
+  "version": "1.19.465",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.19.463",
+      "version": "1.19.465",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "express": "^4.21.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.19.463",
+  "version": "1.19.465",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/src/module-api.js

@@ -33,7 +33,7 @@ const { validateOrRespond, LIMITS, parseId, asyncHandler, corsPublicGet, parsePa
 // there. scripts/gds/bump-version.js still rewrites the literal below; it appends
 // the entry to that file. Look for a version's history there, not here.
 // ---------------------------------------------------------------------------
-const CORE_VERSION = '1.19.463'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.19.465'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('dev-box'); log.info('mounted');

package/tests/ui_design_kit.mjs

@@ -185,6 +185,92 @@ test('checkMock: a taste ban applies only when the instance declared it', () =>
   assert.ok(!withoutBan.some((r) => r[1].startsWith('taste:')), 'no taste rule is even evaluated without a ban');
 });
 
+// ── the anti-pattern detector (task 1003329, ADR 0223): every rule trips on a fixture and passes on one ──
+const tellsMod = require(path.join(KIT, 'tells.js'));
+const CLEAN = `<!doctype html><html><head><style>
+::selection{background:var(--accent)} body{color:var(--ink);--font:var(--font-body)} p{max-width:64ch}
+.x{transition:opacity 200ms cubic-bezier(.2,.7,.3,1)} .lift{box-shadow:0 10px 26px -14px var(--shade)}
+</style></head><body><main><h1>Short title</h1><p>Plain copy.</p></main></body></html>`;
+const withSnippet = (snippet) => (typeof snippet === 'function' ? snippet(CLEAN) : CLEAN.replace('</main>', snippet + '</main>'));
+const tripped = (html, prefix, opts) => tellsMod.scanTells(html, opts).find((r) => r[1].includes(prefix) && r[0] !== 'PASS');
+const DETECTOR_CASES = [
+  ['bounce easing', 'FAIL', '<style>.b{transition:transform 200ms cubic-bezier(.34,1.56,.64,1)}</style>'],
+  ['a card nested in a card', 'FAIL', '<div class="card"><div class="card">x</div></div>'],
+  ['identical icon-heading-text', 'WARN', '<ul><li><svg></svg><h3>a</h3><p>b</p></li><li><svg></svg><h3>a</h3><p>b</p></li><li><svg></svg><h3>a</h3><p>b</p></li></ul>'],
+  ['the hero-metric', 'WARN', '<section><b>99%</b> <b>10k</b> <b>24+</b> uptime</section>'],
+  ['decorative section numbering', 'WARN', '<p>01 Features</p><p>02 Pricing</p>'],
+  ['a kicker', 'WARN', (c) => c.replace('<h1>Short title</h1>', '<p class="label">Eyebrow</p><h1>Short title</h1>')],
+  ['a coloured side stripe', 'WARN', '<style>.q{border-left:4px solid var(--accent)}</style>'],
+  ['a hard zero-blur', 'WARN', '<style>.h{box-shadow:6px 6px 0 var(--ink)}</style>'],
+  ['a zero-offset coloured halo', 'WARN', '<style>.g{box-shadow:0 0 24px var(--accent)}</style>'],
+  ['decorative glass', 'WARN', '<style>.a{backdrop-filter:blur(8px)}.b{backdrop-filter:blur(8px)}.c{backdrop-filter:blur(8px)}</style>'],
+  ['a default typeface', 'WARN', '<style>h2{font-family:Inter,sans-serif}</style>'],
+  ['a prose measure', 'WARN', '<style>.wide{max-width:96ch}</style>'],
+  ['a headline longer', 'WARN', (c) => c.replace('<h1>Short title</h1>', `<h1>${'word '.repeat(22)}</h1>`)],
+  ['the same entrance', 'WARN', '<style>.a{animation:rise 1s}.b{animation:rise 1s}.c{animation:rise 1s}</style>'],
+  ['a geometric mask', 'WARN', '<style>img.plate{clip-path:circle(50%)}</style>'],
+  ['unicode glyphs', 'WARN', '<p>→ one ★ two ✓ three</p>'],
+  ['a rainbow', 'WARN', '<style>.m{background:conic-gradient(var(--a),var(--b))}</style>'],
+  ['the browser surfaces', 'WARN', '<style>a{text-decoration:underline}</style><a href="#">x</a>'],
+  ['proportional numerals', 'WARN', '<table><tr><td>1,200</td><td>34,000</td><td>12345</td></tr></table>'],
+  ['tiny type', 'WARN', '<style>.s{font-size:9px}</style>'],
+];
+
+test('the detector: a clean page trips nothing, and every rule class trips on its own fixture at its own tier', () => {
+  const clean = tellsMod.scanTells(CLEAN);
+  assert.equal(clean.length, tellsMod.FLOOR_RULES.length + tellsMod.TELL_RULES.length, 'every rule reports a row');
+  assert.deepEqual(clean.filter((r) => r[0] !== 'PASS'), [], 'the clean fixture passes every floor and tell');
+  for (const [prefix, tier, snippet] of DETECTOR_CASES) {
+    const row = tripped(withSnippet(snippet), prefix);
+    assert.ok(row, `${prefix}: trips on its fixture`);
+    assert.equal(row[0], tier, `${prefix}: reported as ${tier}`);
+    assert.ok(row[2], `${prefix}: names what it saw`);
+  }
+  assert.equal(DETECTOR_CASES.length, tellsMod.FLOOR_RULES.length + tellsMod.TELL_RULES.length, 'one tripping fixture per rule, no rule unpinned');
+});
+
+test('the detector: a kicker above the h1 is a tell by default and a FAIL only where the instance bans the eyebrow', () => {
+  const page = withSnippet((c) => c.replace('<h1>Short title</h1>', '<p class="eyebrow">Eyebrow</p><h1>Short title</h1>'));
+  assert.equal(tripped(page, 'a kicker')[0], 'WARN');
+  assert.equal(tripped(page, 'a kicker', { bans: new Set(['eyebrow']) })[0], 'FAIL');
+  assert.ok(mock.readDesignBans(fs.readFileSync(path.join(ROOT, 'DESIGN.md'), 'utf8')).has('eyebrow'), 'the chrome world bans it by name');
+});
+
+test('the detector: a per-file kit-ignore waiver turns a hit into WAIVE with its reason, and --raw ignores waivers', () => {
+  const page = withSnippet('<style>.s{font-size:9px}</style><!-- kit-ignore: tell: tiny type (the mono label is 9px by the world\'s own rule) -->');
+  const waivers = tellsMod.parseWaivers(page);
+  assert.equal(waivers.get('tell: tiny type'), 'the mono label is 9px by the world\'s own rule');
+  const row = tellsMod.scanTells(page, { waivers }).find((r) => r[1].includes('tiny type'));
+  assert.equal(row[0], 'WAIVE'); assert.match(row[2], /9px; the mono label/);
+  assert.equal(tellsMod.scanTells(page).find((r) => r[1].includes('tiny type'))[0], 'WARN', 'with no waiver map (--raw) the tell stands');
+  const file = tmp('m.html', page);
+  const raw = run('check-mock.js', ['--file', file, '--no-taste', '--raw']);
+  assert.match(raw.stdout, /WARN\s+tell: tiny type/);
+  const json = run('check-mock.js', ['--file', file, '--no-taste', '--json']);
+  const parsed = JSON.parse(json.stdout);
+  assert.ok(parsed.results.some((r) => r.status === 'WAIVE' && /tiny type/.test(r.rule)), '--json carries the WAIVE row');
+  assert.ok(!parsed.results.some((r) => r.status === 'FAIL' && /^(floor|tell):/.test(r.rule)), 'a waived tell is not a failure (the fixture fails only the structural platform rules a bare fragment cannot meet)');
+  assert.equal(parsed.fails, parsed.results.filter((r) => r.status === 'FAIL').length, '--json counts its own FAIL rows');
+});
+
+test('the detector runs inside checkMock (floors fail the mock; a tell never does) and --no-tells switches it off', () => {
+  const f = fails(mock.checkMock(GOOD_MOCK.replace('<style>', '<style>.c{transition:transform 200ms cubic-bezier(.34,1.56,.64,1)}')));
+  assert.ok(f.some((r) => r.startsWith('floor: bounce easing')), f.join(' | '));
+  const rows = mock.checkMock(GOOD_MOCK.replace('<style>', '<style>.s{font-size:9px}'));
+  assert.ok(rows.some((r) => r[0] === 'WARN' && /tiny type/.test(r[1])));
+  assert.deepEqual(fails(rows), []);
+  assert.ok(!mock.checkMock(GOOD_MOCK, { noTells: true }).some((r) => /^(floor|tell):/.test(r[1])), '--no-tells evaluates no detector rule');
+  assert.ok(mock.TASTE_BANS.eyebrow.test('an eyebrow above the h1'));
+});
+
+test('the rendered tells: craftTells reads the in-page facts as warning lines and never as problems', () => {
+  assert.deepEqual(lib.craftTells(clean()), []);
+  const t = lib.craftTells({ ...clean(), tells: ['prose-measure: p.lede ~110ch', 'tiny-type: small 9px'] });
+  assert.deepEqual(t, ['tell: prose-measure: p.lede ~110ch', 'tell: tiny-type: small 9px']);
+  assert.deepEqual(lib.auditFloors({ ...clean(), tells: ['tiny-type: small 9px'] }, { width: 1440, mode: 'dark' }), [], 'a tell is not a floor');
+  assert.match(String(lib.factsInPage), /out\.tells = tells/, 'factsInPage collects the tells in the page');
+});
+
 test('readDesignBans reads the Don\'t section — the live DESIGN.md declares the five, an empty file none', () => {
   const live = mock.readDesignBans(fs.readFileSync(path.join(ROOT, 'DESIGN.md'), 'utf8'));
   for (const k of ['em-dash', 'emoji', 'gradient-text', 'text-glow', 'box-shadow']) assert.ok(live.has(k), `live DESIGN.md bans ${k}`);

package/tests/ui_design_skills.mjs

@@ -148,6 +148,58 @@ test('impeccable carries none of the behaviour that made its origin dangerous: n
   assert.match(skill, /1003329/, 'the detector is named as its own task, not shipped here');
 });
 
+// ── the image family (task 1003328, ADR 0222): plates and hero objects only, never screens ──
+const IMAGE_FAMILY = ['image-to-code', 'imagegen-frontend-web', 'imagegen-frontend-mobile', 'brandkit'];
+
+test('the image family of task 1003328 exists as four in-house skills, declared, each naming the sidecar, "text-free" and the art pipeline key in its own rules', () => {
+  const pre = read(path.join(SKILLS, 'PREAMBLE.md')).trimEnd();
+  for (const name of IMAGE_FAMILY) {
+    assert.ok(ownDirs.includes(name), `${name}: skills/${name}/SKILL.md exists`);
+    assert.ok(manifest.contributes.skills.includes(name), `${name}: declared in contributes.skills`);
+    const text = read(path.join(SKILLS, name, 'SKILL.md'));
+    const own = text.slice(text.indexOf(pre) + pre.length);
+    assert.match(own, /sidecar/i, `${name}: names the provenance sidecar beside every plate (DESIGN.md's materials contract)`);
+    assert.match(own, /text-free/i, `${name}: restates that a plate carries no text`);
+    assert.match(own, /art[- ]key|art pipeline/i, `${name}: generation goes through the instance's art pipeline key, never a credential of its own`);
+    assert.match(own, /1003328/, `${name}: names the port task`);
+  }
+});
+
+test('no image-family skill carries the directives the panel flagged: no eagerness, no image-count mandate, no one-image-per-section or per-screen rule, no must-invoke-any-image-tool', () => {
+  const pre = read(path.join(SKILLS, 'PREAMBLE.md')).trimEnd();
+  for (const name of IMAGE_FAMILY) {
+    const text = read(path.join(SKILLS, name, 'SKILL.md'));
+    const own = text.slice(text.indexOf(pre) + pre.length);
+    assert.doesNotMatch(own, /IMAGE_GENERATION_EAGERNESS|eagerness\s*[:=]/i, `${name}: no eagerness setting`);
+    assert.doesNotMatch(own, /do not be lazy|don't be lazy/i, `${name}: no image-count goad`);
+    assert.doesNotMatch(own, /\b(exactly|generate|produce|render)\s+one\s+(image|frame|render)\s+per\s+(section|screen)\b/i, `${name}: no one-image-per-section or per-screen rule as a directive (naming the upstream's rule in the Rebuilt-from is fine)`);
+    assert.doesNotMatch(own, /\b(must|always)\s+(invoke|call|use)\s+(any|every|an?|the)\s+(available\s+)?image[- ]generat/i, `${name}: no must-invoke-any-image-tool directive`);
+    assert.doesNotMatch(own, /scale[s]?\s+(the\s+)?image\s+count\s+with/i, `${name}: no count scaled with sections (naming it as the upstream's is fine; directing it is not)`);
+  }
+  for (const name of ['imagegen-frontend-mobile', 'brandkit']) {
+    const own = read(path.join(SKILLS, name, 'SKILL.md'));
+    assert.match(own, /never (a|an) (screen|phone mockup|generated logo)|no phone mockups?/i, `${name}: says what it will not generate`);
+  }
+});
+
+test('the worked example of the image family is the grove specimen: the pair with a sidecar beside every raster, referenced as tokens on the mock body', () => {
+  const grove = path.join(MODULE, 'styles', 'grove');
+  for (const f of ['grove-pod.jpg', 'grove-pod-cut.webp']) {
+    assert.ok(fs.existsSync(path.join(grove, 'assets', f)), `styles/grove/assets/${f} exists`);
+    const side = path.join(grove, 'assets', `${f}.json`);
+    assert.ok(fs.existsSync(side), `${f}.json sidecar beside it (named WITH the extension)`);
+    const meta = readJson(side);
+    for (const k of ['kind', 'model', 'prompt', 'encoded', 'use']) assert.ok(meta[k], `${f}.json carries ${k}`);
+    assert.match(meta.prompt, /no text/i, 'the prompt carries the text-free refusal');
+  }
+  const mock = read(path.join(grove, 'mock.html'));
+  assert.match(mock, /--plate-pod:\s*url\(\/assets\/grove-pod\.jpg\)/, 'the dark plate is a token on body, root-absolute');
+  assert.match(mock, /--plate-pod-cut:\s*url\(\/assets\/grove-pod-cut\.webp\)/, 'the light cutout is a token on body, root-absolute');
+  assert.ok(!/<img\b/i.test(mock), 'the plate is a token, not an <img>');
+  const design = read(path.join(grove, 'DESIGN.md'));
+  assert.match(design, /grove-pod\.jpg/, 'the look\'s DESIGN.md names its specimen\'s plate instead of claiming it brings none');
+});
+
 test('every in-house SKILL.md opens with the PLATFORM PREAMBLE, byte-identical to PREAMBLE.md, exactly once, right after its frontmatter', () => {
   const pre = read(path.join(SKILLS, 'PREAMBLE.md')).trimEnd();
   for (const name of ownDirs) {