@1agh/maude 1.0.11 → 1.3.0

package/apps/studio/test/canvas-freshness-deps.test.ts

@@ -1,64 +0,0 @@
-// RC6 (rca/issue-canvas-hmr-optimistic-update-consistency) — the canvas
-// freshness signature must cover every relative import Bun.build inlines
-// (`.css` AND local `.tsx/.ts` modules), else editing an imported sibling is a
-// cache HIT and the stale build survives even a manual hard reload.
-
-import { describe, expect, test } from 'bun:test';
-import { join } from 'node:path';
-
-import { localDepsFromSource } from '../http.ts';
-
-const ROOT = join('/tmp', 'freshness-root', '.design');
-const CANVAS = join(ROOT, 'ui', 'Foo.tsx');
-
-describe('localDepsFromSource', () => {
-  test('collects relative css, tsx and extensionless module imports', () => {
-    const deps = localDepsFromSource(
-      [
-        `import './foo.css';`,
-        `import Card from './Card.tsx';`,
-        `import { util } from '../shared/util';`,
-        `export { Re } from './re.tsx';`,
-        `const lazy = () => import('./Lazy.tsx');`,
-      ].join('\n'),
-      CANVAS,
-      ROOT
-    );
-    expect(deps).toContain(join(ROOT, 'ui', 'foo.css'));
-    expect(deps).toContain(join(ROOT, 'ui', 'Card.tsx'));
-    expect(deps).toContain(join(ROOT, 'ui', 're.tsx'));
-    expect(deps).toContain(join(ROOT, 'ui', 'Lazy.tsx'));
-    // Extensionless → every resolution candidate rides the signature, so the
-    // dep APPEARING later also changes it.
-    expect(deps).toContain(join(ROOT, 'shared', 'util.tsx'));
-    expect(deps).toContain(join(ROOT, 'shared', 'util.ts'));
-    expect(deps).toContain(join(ROOT, 'shared', 'util', 'index.tsx'));
-  });
-
-  test('skips bare / virtual specifiers', () => {
-    const deps = localDepsFromSource(
-      `import { DesignCanvas } from '@maude/canvas-lib';\nimport React from 'react';`,
-      CANVAS,
-      ROOT
-    );
-    expect(deps).toEqual([]);
-  });
-
-  test('clamps traversal outside designRoot (DDR-054)', () => {
-    const deps = localDepsFromSource(
-      `import evil from '../../../../etc/passwd.ts';\nimport ok from './Ok.tsx';`,
-      CANVAS,
-      ROOT
-    );
-    expect(deps).toEqual([join(ROOT, 'ui', 'Ok.tsx')]);
-  });
-
-  test('dedupes repeated specifiers', () => {
-    const deps = localDepsFromSource(
-      `import a from './X.tsx';\nimport b from './X.tsx';`,
-      CANVAS,
-      ROOT
-    );
-    expect(deps).toEqual([join(ROOT, 'ui', 'X.tsx')]);
-  });
-});

package/apps/studio/test/canvas-header.test.ts

@@ -1,127 +0,0 @@
-// canvas-header.ts — Phase 3.6 Task 12a. Tests the JSDoc header projector
-// (idempotent replace + ai_context surfacing).
-
-import { afterAll, beforeAll, describe, expect, test } from 'bun:test';
-import { mkdtempSync, rmSync } from 'node:fs';
-import { tmpdir } from 'node:os';
-import path from 'node:path';
-
-import {
-  applyHeader,
-  applyHeaderToSource,
-  buildHeader,
-  type MetaSidecar,
-} from '../canvas-header.ts';
-
-const META: MetaSidecar = {
-  title: 'Smoke Canvas',
-  subtitle: 'Single hero with CTA — smoke harness',
-  brief: 'Verify the JSDoc projection round-trips meta.',
-  platform: 'desktop',
-  designSystem: 'project',
-  opt_out_scope: 'palette',
-  css_mode: 'inline',
-  sections: [{ id: 's', artboards: [{ id: 'a1' }, { id: 'a2' }] }],
-};
-
-describe('canvas-header / buildHeader', () => {
-  test('renders all canonical @tags', () => {
-    const out = buildHeader({ name: 'Smoke Canvas', meta: META });
-    expect(out).toContain('@canvas      Smoke Canvas — Single hero with CTA');
-    expect(out).toContain('@ds          project');
-    expect(out).toContain('@platform    desktop');
-    expect(out).toContain('@opt_out     palette');
-    expect(out).toContain('@artboards   a1 | a2');
-    expect(out).toContain('@brief       Verify the JSDoc projection');
-    expect(out).toContain('@stack       React 19 · TSX · Bun.build · css_mode=inline');
-    expect(out).toContain('@history     .design/_history/smoke-canvas/');
-    expect(out).toContain('@handoff     bunx shadcn add file://./Smoke Canvas.registry.json');
-  });
-
-  test('surfaces ai_context fields when present', () => {
-    const meta: MetaSidecar = {
-      ...META,
-      ai_context: {
-        why_this_exists: 'Captures the cold-read contract for future Claude.',
-        pinned_decisions: ['Bun.hash over blake3-wasm (smaller dep tree)'],
-        known_quirks: ['IDs renumber on sibling-insert — documented in DDR-019'],
-      },
-    };
-    const out = buildHeader({ name: 'Smoke', meta });
-    expect(out).toContain('@notes       Captures the cold-read contract');
-    expect(out).toContain('@decision    Bun.hash over blake3-wasm');
-    expect(out).toContain('@quirk       IDs renumber on sibling-insert');
-  });
-
-  test('omits ai_context lines when absent', () => {
-    const out = buildHeader({ name: 'Smoke', meta: META });
-    expect(out).not.toContain('@notes');
-    expect(out).not.toContain('@decision');
-    expect(out).not.toContain('@quirk');
-  });
-});
-
-describe('canvas-header / applyHeaderToSource', () => {
-  test('replaces an existing leading block comment', () => {
-    const source = `/** STALE HEADER */\nimport { useState } from "react";\nexport default function X() { return <div/>; }\n`;
-    const header = '/** NEW HEADER */';
-    const out = applyHeaderToSource(source, header);
-    expect(out.startsWith('/** NEW HEADER */')).toBe(true);
-    expect(out).not.toContain('STALE HEADER');
-    expect(out).toContain('import { useState }');
-  });
-
-  test('prepends when no leading block comment exists', () => {
-    const source = `import { useState } from "react";\nexport default function X() { return <div/>; }\n`;
-    const header = '/** NEW HEADER */';
-    const out = applyHeaderToSource(source, header);
-    expect(out.startsWith('/** NEW HEADER */')).toBe(true);
-    expect(out).toContain('import { useState }');
-  });
-
-  test('idempotent — applying twice yields the same output', () => {
-    const source = `import { useState } from "react";\nexport default function X() { return <div/>; }\n`;
-    const header = '/** A */';
-    const once = applyHeaderToSource(source, header);
-    const twice = applyHeaderToSource(once, header);
-    expect(twice).toBe(once);
-  });
-});
-
-describe('canvas-header / applyHeader (fs)', () => {
-  let dir = '';
-  beforeAll(() => {
-    dir = mkdtempSync(path.join(tmpdir(), 'header-'));
-  });
-  afterAll(() => {
-    if (dir) rmSync(dir, { recursive: true, force: true });
-  });
-
-  test('writes a fresh header + persists meta projection', async () => {
-    const canvas = path.join(dir, 'Demo.tsx');
-    const meta = path.join(dir, 'Demo.meta.json');
-    await Bun.write(
-      canvas,
-      'import { useState } from "react";\nexport default function Demo() { return <div/>; }\n'
-    );
-    await Bun.write(meta, JSON.stringify(META, null, 2));
-    const r = await applyHeader(canvas);
-    expect(r.changed).toBe(true);
-    const out = await Bun.file(canvas).text();
-    expect(out.startsWith('/**')).toBe(true);
-    expect(out).toContain('@canvas      Demo');
-    expect(out).toContain('@ds          project');
-    expect(out).toContain('export default function Demo');
-  });
-
-  test('idempotent — second invocation is no-op', async () => {
-    const canvas = path.join(dir, 'Demo2.tsx');
-    const meta = path.join(dir, 'Demo2.meta.json');
-    await Bun.write(canvas, 'export default function Demo2() { return <div/>; }\n');
-    await Bun.write(meta, JSON.stringify(META, null, 2));
-    const r1 = await applyHeader(canvas);
-    expect(r1.changed).toBe(true);
-    const r2 = await applyHeader(canvas);
-    expect(r2.changed).toBe(false);
-  });
-});

package/apps/studio/test/canvas-hide-chrome.test.ts

@@ -1,88 +0,0 @@
-// canvas-hide-chrome.test.ts — regression guard for RCA
-// issue-pdf-print-export-marks-missing (Bug A). `_shell.html`'s
-// `#canvas-hide-chrome` style block is the sanctioned "never leaks into an
-// export" list every exporter relies on (`?hide-chrome=1` flips it from
-// `media="not all"` to `media="all"` — see exporters/index.ts
-// canvasShellUrl()). `.dc-artboard-guides` (the print bleed/trim/margin guide
-// overlay, artboard-guides-overlay.tsx) was never added to this list when
-// feature-2-print-artboards shipped, so it rendered straight into every PDF/
-// PNG/SVG capture whenever a canvas had it toggled on. Grep-based, mirrors
-// shell-importmap.test.ts's own style for the same file.
-
-import { describe, expect, test } from 'bun:test';
-import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
-
-import { CAPTURE_HIDDEN_SELECTORS } from '../exporters/capture-chrome.ts';
-import { DEV_SERVER_ROOT } from '../paths.ts';
-
-const SHELL_HTML_PATH = join(
-  DEV_SERVER_ROOT,
-  '..',
-  '..',
-  'plugins',
-  'design',
-  'templates',
-  '_shell.html'
-);
-
-describe('_shell.html #canvas-hide-chrome covers every overlay mount class', () => {
-  const shellHtml = readFileSync(SHELL_HTML_PATH, 'utf8');
-  const blockMatch = shellHtml.match(/<style id="canvas-hide-chrome"[^>]*>([\s\S]*?)<\/style>/);
-
-  test('the #canvas-hide-chrome style block exists', () => {
-    expect(blockMatch).not.toBeNull();
-  });
-
-  const block = blockMatch?.[1] ?? '';
-
-  // Every editor-chrome overlay class that must never leak into a capture
-  // render. `.dc-artboard-guides` is the one this RCA adds; the rest already
-  // guard against the same class of regression for their own overlays.
-  const REQUIRED_SELECTORS = [
-    '.dc-mm',
-    '.dc-tool-palette',
-    '.dc-participants',
-    '.dc-cv-halo',
-    '.dc-snap-guide',
-    '.dc-annot-svg',
-    '.cm-layer',
-    '.dc-artboard-label',
-    '.dc-artboard-guides',
-  ];
-
-  for (const selector of REQUIRED_SELECTORS) {
-    test(`"${selector}" is hidden during capture`, () => {
-      expect(block.includes(selector)).toBe(true);
-    });
-  }
-});
-
-// DDR-231 Phase 2 T2 — the SECOND consumer. The browser lane captures the live
-// canvas (it never navigates to `?hide-chrome=1`), so it applies the same
-// suppression from `exporters/capture-chrome.ts`. Two copies of a selector list
-// drift; this is the tripwire that makes them fail loudly instead. Same shape
-// as the `isMaudeRuntimeState` / `isRuntimeStateRel` agreement pin.
-describe('capture-chrome.ts agrees with the _shell.html block', () => {
-  const shellHtml = readFileSync(SHELL_HTML_PATH, 'utf8');
-  const block =
-    shellHtml.match(/<style id="canvas-hide-chrome"[^>]*>([\s\S]*?)<\/style>/)?.[1] ?? '';
-
-  /** Selectors declared in the shell's style block, comments stripped. */
-  const shellSelectors = block
-    .replace(/\/\*[\s\S]*?\*\//g, '')
-    .replace(/\{[\s\S]*$/, '')
-    .split(',')
-    .map((s) => s.trim())
-    .filter(Boolean);
-
-  test('every shell selector is in CAPTURE_HIDDEN_SELECTORS', () => {
-    const ours = new Set(CAPTURE_HIDDEN_SELECTORS);
-    expect(shellSelectors.filter((s) => !ours.has(s))).toEqual([]);
-  });
-
-  test('every CAPTURE_HIDDEN_SELECTORS entry is in the shell block', () => {
-    const theirs = new Set(shellSelectors);
-    expect(CAPTURE_HIDDEN_SELECTORS.filter((s) => !theirs.has(s))).toEqual([]);
-  });
-});

package/apps/studio/test/canvas-hmr-runtime.test.tsx

@@ -1,114 +0,0 @@
-// canvas-hmr-runtime — Phase 13.1 / DDR-077. The resettable error boundary that
-// keeps the last good render (no white flash) when an agent edit produces a
-// broken intermediate, and recovers when a good build lands.
-//
-// Error boundaries don't run under renderToStaticMarkup (SSR rethrows), so this
-// needs a live DOM. We register happy-dom for THIS file only (like
-// annotations-roundtrip.test.ts) and drive a real createRoot.
-
-import { afterAll, beforeAll, describe, expect, test } from 'bun:test';
-import { GlobalRegistrator } from '@happy-dom/global-registrator';
-
-beforeAll(() => {
-  GlobalRegistrator.register();
-  (globalThis as unknown as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
-});
-afterAll(() => {
-  GlobalRegistrator.unregister();
-});
-
-import { act, createElement } from 'react';
-import { createRoot, type Root } from 'react-dom/client';
-
-import { CanvasErrorBoundary } from '../canvas-comment-mount.tsx';
-
-function Good({ tag }: { tag: string }) {
-  return createElement('div', { 'data-good': tag }, `good:${tag}`);
-}
-function Boom(): never {
-  throw new Error('render exploded (missing import)');
-}
-
-function mount(el: HTMLElement) {
-  let root!: Root;
-  act(() => {
-    root = createRoot(el);
-  });
-  return root;
-}
-
-describe('CanvasErrorBoundary', () => {
-  test('renders children when they do not throw', () => {
-    const host = document.createElement('div');
-    const root = mount(host);
-    act(() => {
-      root.render(
-        createElement(
-          CanvasErrorBoundary,
-          {
-            attempt: 0,
-            onError: () => {},
-            fallback: () => createElement(Good, { tag: 'fallback' }),
-          },
-          createElement(Good, { tag: 'live' })
-        )
-      );
-    });
-    expect(host.querySelector('[data-good="live"]')).not.toBeNull();
-    expect(host.querySelector('[data-good="fallback"]')).toBeNull();
-    act(() => root.unmount());
-  });
-
-  test('a throwing child → renders fallback (NOT blank) and fires onError once', () => {
-    const host = document.createElement('div');
-    const root = mount(host);
-    let errors = 0;
-    act(() => {
-      root.render(
-        createElement(
-          CanvasErrorBoundary,
-          {
-            attempt: 0,
-            onError: () => {
-              errors++;
-            },
-            fallback: () => createElement(Good, { tag: 'lastgood' }),
-          },
-          createElement(Boom)
-        )
-      );
-    });
-    // The boundary held a render (the fallback) — the host is NOT empty.
-    expect(host.querySelector('[data-good="lastgood"]')).not.toBeNull();
-    expect(host.textContent).toContain('good:lastgood');
-    expect(errors).toBe(1);
-    act(() => root.unmount());
-  });
-
-  test('a new attempt with a good child recovers (swaps fallback → live)', () => {
-    const host = document.createElement('div');
-    const root = mount(host);
-    const render = (attempt: number, child: ReturnType<typeof createElement>) =>
-      act(() => {
-        root.render(
-          createElement(
-            CanvasErrorBoundary,
-            {
-              attempt,
-              onError: () => {},
-              fallback: () => createElement(Good, { tag: 'lastgood' }),
-            },
-            child
-          )
-        );
-      });
-
-    render(0, createElement(Boom)); // broken build → fallback
-    expect(host.querySelector('[data-good="lastgood"]')).not.toBeNull();
-
-    render(1, createElement(Good, { tag: 'fixed' })); // good build lands
-    expect(host.querySelector('[data-good="fixed"]')).not.toBeNull();
-    expect(host.querySelector('[data-good="lastgood"]')).toBeNull();
-    act(() => root.unmount());
-  });
-});

package/apps/studio/test/canvas-lib-inline.test.ts

@@ -1,146 +0,0 @@
-// canvas-lib-inline — Phase 3.6.1 Task 9. Inline used canvas-lib exports
-// (+ transitive deps) into a handoff drop.
-
-import { describe, expect, test } from 'bun:test';
-
-import { buildLibMap, inlineUsedExports, type LibMap } from '../canvas-lib-inline.ts';
-
-const LIB_PATH = '/virtual/_lib/canvas-lib.tsx';
-
-const SAMPLE_LIB =
-  `import type { ReactNode } from "react";\n` +
-  '\n' +
-  '/** Root wrapper. */\n' +
-  'export function DesignCanvas({ children }: { children: ReactNode }) {\n' +
-  `  return <div className="dc-canvas">{children}</div>;\n` +
-  '}\n' +
-  '\n' +
-  'export function DCArtboard({ children }: { children: ReactNode }) {\n' +
-  `  return <article className="dc-artboard">{children}</article>;\n` +
-  '}\n' +
-  '\n' +
-  'function internalHelper(name: string): string {\n' +
-  '  return name.toUpperCase();\n' +
-  '}\n' +
-  '\n' +
-  'export function TokenChip({ name }: { name: string }) {\n' +
-  '  return <code>{internalHelper(name)}</code>;\n' +
-  '}\n' +
-  '\n' +
-  'export function ColorSwatch({ token }: { token: string }) {\n' +
-  '  return <div><TokenChip name={token} /></div>;\n' +
-  '}\n';
-
-function map(): LibMap {
-  return buildLibMap(LIB_PATH, SAMPLE_LIB);
-}
-
-describe('canvas-lib-inline / buildLibMap', () => {
-  test('records every named export', () => {
-    const m = map();
-    expect(m.has('DesignCanvas')).toBe(true);
-    expect(m.has('DCArtboard')).toBe(true);
-    expect(m.has('TokenChip')).toBe(true);
-    expect(m.has('ColorSwatch')).toBe(true);
-  });
-
-  test('also records internal helpers (reachable for transitive resolution)', () => {
-    const m = map();
-    expect(m.has('internalHelper')).toBe(true);
-  });
-
-  test('captures dep edges (ColorSwatch → TokenChip)', () => {
-    const m = map();
-    expect(m.get('ColorSwatch')?.deps).toContain('TokenChip');
-  });
-
-  test('captures dep edges (TokenChip → internalHelper)', () => {
-    const m = map();
-    expect(m.get('TokenChip')?.deps).toContain('internalHelper');
-  });
-
-  test('captures leading JSDoc comment', () => {
-    const m = map();
-    expect(m.get('DesignCanvas')?.source).toContain('Root wrapper');
-  });
-
-  test('strips leading `export` token from inlined source', () => {
-    const m = map();
-    expect(m.get('DesignCanvas')?.source).not.toMatch(/^export\s+/);
-  });
-});
-
-describe('canvas-lib-inline / inlineUsedExports', () => {
-  test('no-op when canvas has no @maude/canvas-lib import', () => {
-    const canvas = 'export default function X() { return <button>x</button>; }\n';
-    const r = inlineUsedExports(canvas, map());
-    expect(r.droppedImport).toBe(false);
-    expect(r.content).toBe(canvas);
-    expect(r.inlined).toEqual([]);
-  });
-
-  test('inlines a single export + strips import line', () => {
-    const canvas =
-      `import { DesignCanvas } from "@maude/canvas-lib";\n` +
-      'export default function X() { return <DesignCanvas>hi</DesignCanvas>; }\n';
-    const r = inlineUsedExports(canvas, map());
-    expect(r.droppedImport).toBe(true);
-    expect(r.inlined).toEqual(['DesignCanvas']);
-    expect(r.content).not.toContain('@maude/canvas-lib');
-    expect(r.content).toContain('function DesignCanvas');
-  });
-
-  test('inlines transitive internal deps (ColorSwatch → TokenChip → internalHelper)', () => {
-    const canvas =
-      `import { ColorSwatch } from "@maude/canvas-lib";\n` +
-      `export default function X() { return <ColorSwatch token="--accent" />; }\n`;
-    const r = inlineUsedExports(canvas, map());
-    expect(r.inlined.sort()).toEqual(['ColorSwatch', 'TokenChip', 'internalHelper']);
-    expect(r.content).toContain('function ColorSwatch');
-    expect(r.content).toContain('function TokenChip');
-    expect(r.content).toContain('function internalHelper');
-  });
-
-  test('handles multi-line import with trailing commas', () => {
-    const canvas =
-      `import {\n  DesignCanvas,\n  DCArtboard,\n} from "@maude/canvas-lib";\n` +
-      'export default function X() { return <DesignCanvas><DCArtboard /></DesignCanvas>; }\n';
-    const r = inlineUsedExports(canvas, map());
-    expect(r.inlined.sort()).toEqual(['DCArtboard', 'DesignCanvas']);
-    expect(r.content).not.toMatch(/from\s*["']@maude\/canvas-lib["']/);
-  });
-
-  test('throws when canvas imports an unknown export', () => {
-    const canvas =
-      `import { DoesNotExist } from "@maude/canvas-lib";\n` +
-      'export default function X() { return <DoesNotExist />; }\n';
-    expect(() => inlineUsedExports(canvas, map())).toThrow(/no such export/);
-  });
-
-  test('inlined content keeps the canvas default export at the top', () => {
-    const canvas =
-      `import { DesignCanvas } from "@maude/canvas-lib";\n` +
-      'export default function X() { return <DesignCanvas>x</DesignCanvas>; }\n';
-    const r = inlineUsedExports(canvas, map());
-    const defaultIdx = r.content.indexOf('export default');
-    const helperIdx = r.content.indexOf('function DesignCanvas');
-    expect(defaultIdx).toBeGreaterThan(-1);
-    expect(helperIdx).toBeGreaterThan(defaultIdx);
-  });
-
-  test('zero @maude references remain in output', () => {
-    const canvas =
-      `import { DesignCanvas, ColorSwatch } from "@maude/canvas-lib";\n` +
-      `export default function X() { return <DesignCanvas><ColorSwatch token="--x"/></DesignCanvas>; }\n`;
-    const r = inlineUsedExports(canvas, map());
-    expect(r.content.match(/@maude/g)).toBeNull();
-  });
-
-  test('result is at least as large as the original canvas (helpers added)', () => {
-    const canvas =
-      `import { DesignCanvas } from "@maude/canvas-lib";\n` +
-      'export default function X() { return <DesignCanvas>x</DesignCanvas>; }\n';
-    const r = inlineUsedExports(canvas, map());
-    expect(r.content.length).toBeGreaterThan(canvas.length);
-  });
-});

package/apps/studio/test/canvas-lib-motion.test.ts

@@ -1,131 +0,0 @@
-// canvas-lib-motion — Phase 3.7 Task 14 / DDR-049.
-//
-// Pure-logic + AST tests for the canvas-lib motion helpers. The full DOM
-// path (MotionDemo render, useMotionTokens MutationObserver, ReducedMotionToggle
-// click) belongs to the agent-browser smoke step — bun:test runs in a
-// non-DOM environment, so we exercise (a) the role config table shape, (b)
-// easingFromToken's pure mapping, (c) the canvas-lib export surface (the
-// motion helpers must be exported by name so handoff inlining can resolve
-// them), (d) the canvas-lib-inline pass A walk picking up motion helpers
-// transitively.
-
-import { describe, expect, test } from 'bun:test';
-
-import { buildLibMap, inlineUsedExports } from '../canvas-lib-inline.ts';
-import { canvasLibPath } from '../canvas-lib-resolver.ts';
-
-const PROJECT_DESIGN_ROOT = `${process.cwd()}/.design`;
-
-describe('canvas-lib motion exports', () => {
-  test('motion helpers exported by name', async () => {
-    const libPath = canvasLibPath(PROJECT_DESIGN_ROOT);
-    const libSource = await Bun.file(libPath).text();
-    const map = buildLibMap(libPath, libSource);
-    for (const name of [
-      'MotionDemo',
-      'MotionTrack',
-      'TokenPlayback',
-      'ReducedMotionToggle',
-      'useMotionTokens',
-      'easingFromToken',
-    ]) {
-      expect(map.has(name), `expected '${name}' to be a top-level export`).toBe(true);
-    }
-  });
-
-  test('motion helpers are re-exported under canonical names', async () => {
-    // The lib aliases motion/react primitives to _motionImpl / _useReducedMotion /
-    // _MotionAnimatePresence but re-exports them as `motion`, `useReducedMotion`,
-    // `AnimatePresence`. Handoff inlining relies on the canonical names being in
-    // the libMap (so a canvas importing `useReducedMotion` from @maude/canvas-lib
-    // resolves correctly).
-    const libPath = canvasLibPath(PROJECT_DESIGN_ROOT);
-    const libSource = await Bun.file(libPath).text();
-    expect(libSource).toContain("from 'motion/react'");
-    expect(libSource).toMatch(/_motionImpl\s+as\s+motion/);
-    expect(libSource).toMatch(/_useReducedMotion\s+as\s+useReducedMotion/);
-    expect(libSource).toMatch(/_MotionAnimatePresence\s+as\s+AnimatePresence/);
-  });
-});
-
-describe('canvas-lib motion inline (handoff path)', () => {
-  test('inlining MotionDemo carries transitive deps', async () => {
-    const libPath = canvasLibPath(PROJECT_DESIGN_ROOT);
-    const libSource = await Bun.file(libPath).text();
-    const map = buildLibMap(libPath, libSource);
-
-    // Synthetic canvas that imports just MotionDemo from canvas-lib.
-    const canvas = [
-      'import { MotionDemo } from "@maude/canvas-lib";',
-      '',
-      'export default function Probe() {',
-      '  return <MotionDemo role="flip" />;',
-      '}',
-      '',
-    ].join('\n');
-
-    const inlined = inlineUsedExports(canvas, map);
-    expect(inlined.droppedImport).toBe(true);
-
-    const inlinedNames = new Set(inlined.inlined);
-    // MotionDemo's body references useMotionTokens + easingFromToken + the
-    // aliased _motionImpl + _useReducedMotion. Transitive walk should pull
-    // useMotionTokens + easingFromToken (the function symbols), and the
-    // module-level role table constant.
-    expect(inlinedNames.has('MotionDemo')).toBe(true);
-    // The role config table.
-    expect(inlinedNames.has('MOTION_ROLE_DEFAULTS')).toBe(true);
-    // Reads-tokens hook (referenced inside MotionDemo).
-    expect(inlinedNames.has('useMotionTokens')).toBe(true);
-    expect(inlinedNames.has('easingFromToken')).toBe(true);
-  });
-
-  test('inlined motion code references aliased motion/react imports', async () => {
-    const libPath = canvasLibPath(PROJECT_DESIGN_ROOT);
-    const libSource = await Bun.file(libPath).text();
-    const map = buildLibMap(libPath, libSource);
-
-    const canvas = [
-      'import { MotionDemo } from "@maude/canvas-lib";',
-      '',
-      'export default function Probe() {',
-      '  return <MotionDemo role="soft" />;',
-      '}',
-      '',
-    ].join('\n');
-
-    const inlined = inlineUsedExports(canvas, map);
-    // The inlined body must reference the aliased symbols (handoff.ts then
-    // splices a synthetic import re-binding them to motion/react). If this
-    // assertion fails, the handoff path will produce a TSX with undefined
-    // identifiers.
-    expect(inlined.content).toMatch(/_motionImpl\b/);
-    expect(inlined.content).toMatch(/_useReducedMotion\b/);
-  });
-
-  test('role keys are stable (8-role vocabulary fixed per DDR-049)', async () => {
-    const libPath = canvasLibPath(PROJECT_DESIGN_ROOT);
-    const libSource = await Bun.file(libPath).text();
-    // The 8-role vocabulary is part of the DS contract — design-system-keeper
-    // + motion-critic both grep against it. Lock the role list with a
-    // structural assertion against the source.
-    for (const role of ['flip', 'panel', 'route', 'soft', 'spring', 'scroll', 'drag', 'presence']) {
-      expect(libSource).toContain(`  ${role}: {`);
-    }
-  });
-});
-
-describe('motion peer-dep in package.json', () => {
-  test('motion declared in dependencies', async () => {
-    const pkg = await Bun.file('./package.json').json();
-    expect(pkg.dependencies.motion).toBeDefined();
-    expect(typeof pkg.dependencies.motion).toBe('string');
-  });
-
-  test('motion + motion/react in RUNTIME_PACKAGES', async () => {
-    const { RUNTIME_PACKAGES } = await import('../runtime-bundle.ts');
-    const list = [...RUNTIME_PACKAGES];
-    expect(list).toContain('motion');
-    expect(list).toContain('motion/react');
-  });
-});