@1agh/maude 0.28.1 → 0.29.0

package/apps/studio/whats-new.ts

@@ -0,0 +1,87 @@
+// whats-new.ts — server-side loader for the Maude "What's New" feed.
+//
+// Single source of truth: `<DEV_SERVER_ROOT>/whats-new.json` (DDR-A). The feed
+// describes **Maude's own product** updates — it is resolved from the maude
+// package root (via paths.ts, NOT cwd), so the dev-server surfaces the same
+// product news whether it runs in this repo or a downstream user's project.
+//
+// Disk paths MUST come from paths.ts (DDR-045) — never
+// `dirname(fileURLToPath(import.meta.url))`, which is the virtual `/$bunfs/root`
+// inside a `bun --compile` standalone binary.
+
+import { existsSync, readFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { DEV_SERVER_ROOT } from './paths.ts';
+
+export type WhatsNewKind = 'feature' | 'improvement' | 'usage' | 'fix';
+
+export interface WhatsNewTourStep {
+  target: string;
+  title: string;
+  body: string;
+  placement?: 'top' | 'bottom' | 'left' | 'right' | 'auto';
+}
+
+export interface WhatsNewEntry {
+  id: string;
+  version: string | null;
+  date: string | null;
+  kind: WhatsNewKind;
+  title: string;
+  summary: string;
+  learnMore?: string;
+  surface?: string;
+  tour?: WhatsNewTourStep[];
+}
+
+export interface WhatsNewFeed {
+  /** The installed maude version (key the client compares "seen" against). */
+  version: string;
+  entries: WhatsNewEntry[];
+}
+
+let cache: WhatsNewFeed | null = null;
+
+/**
+ * Read the installed maude version from the design plugin manifest.
+ * `apps/studio/` → `plugins/design/.claude-plugin/plugin.json`.
+ * That manifest ships in BOTH npm installs and marketplace-cache clones
+ * (same rationale as build.ts `readPluginVersion`). Falls back to `dev`.
+ */
+export function resolveMaudeVersion(root: string = DEV_SERVER_ROOT): string {
+  const manifest = join(root, '..', '..', 'plugins', 'design', '.claude-plugin', 'plugin.json');
+  try {
+    const parsed = JSON.parse(readFileSync(manifest, 'utf8')) as { version?: unknown };
+    if (typeof parsed.version === 'string') return parsed.version;
+  } catch {
+    /* fall through */
+  }
+  return 'dev';
+}
+
+/**
+ * Load `<root>/whats-new.json`. Fails soft to an empty entry list — a missing
+ * or malformed feed must never 500 the dev-server (it's a non-critical chrome
+ * surface). Caches the default-root result; pass `{ root }` for an uncached
+ * read (tests) and `{ fresh: true }` to bypass the cache.
+ */
+export function loadWhatsNew(opts: { root?: string; fresh?: boolean } = {}): WhatsNewFeed {
+  const usingDefaultRoot = opts.root === undefined;
+  if (cache && usingDefaultRoot && !opts.fresh) return cache;
+
+  const root = opts.root ?? DEV_SERVER_ROOT;
+  const file = join(root, 'whats-new.json');
+  let entries: WhatsNewEntry[] = [];
+  try {
+    if (existsSync(file)) {
+      const parsed = JSON.parse(readFileSync(file, 'utf8')) as { entries?: unknown };
+      if (Array.isArray(parsed.entries)) entries = parsed.entries as WhatsNewEntry[];
+    }
+  } catch {
+    /* malformed feed → empty, never throw */
+  }
+
+  const feed: WhatsNewFeed = { version: resolveMaudeVersion(root), entries };
+  if (usingDefaultRoot) cache = feed;
+  return feed;
+}

package/cli/bin/maude.mjs

@@ -50,6 +50,16 @@ async function main(argv) {
     return run({ args: [], pkgRoot: PKG_ROOT });
   }
 
+  // `maude studio [...]` — top-level alias for `maude design serve` (DDR-095:
+  // the verb now matches the apps/studio home). Checked BEFORE the COMMANDS map
+  // so it never falls through to the unknown-command branch; it is deliberately
+  // NOT a COMMANDS entry (that would dispatch design.run with positional[0]
+  // wrong). `maude design serve` keeps working unchanged.
+  if (cmd === 'studio') {
+    const { run } = await COMMANDS.design();
+    return run({ args: ['serve', ...args.slice(1)], pkgRoot: PKG_ROOT });
+  }
+
   const loader = COMMANDS[cmd];
   if (!loader) {
     process.stderr.write(

package/cli/commands/design.mjs

@@ -40,6 +40,8 @@ const BIN_VERBS = new Set([
   'draw-build',
   'draw-proof',
   'svg-optimize',
+  'to-lottie',
+  'read-annotations',
 ]);
 
 // Bin verbs that boot the dev-server (directly, or by shelling into server-up.sh).
@@ -86,11 +88,16 @@ function runBinDispatch(verb, { args, pkgRoot }) {
     process.stderr.write(`maude design: "${verb}" is not a dev-tooling verb.\n${usage()}`);
     process.exit(2);
   }
+  // CLAUDE_PLUGIN_ROOT stays the design *plugin* dir (plugins/design) — that's
+  // its true meaning, and it remains 2 levels under pkgRoot so the helpers'
+  // `$PLUGIN_ROOT/../../cli` side-channel + `$PLUGIN_ROOT/../..` pkg-root math
+  // still resolve. The bin scripts themselves now live under apps/studio/bin
+  // (DDR-095) and resolve the dev-server tree via $SCRIPT_DIR/.. regardless.
   const pluginRoot = join(pkgRoot, 'plugins', 'design');
-  const script = join(pluginRoot, 'dev-server', 'bin', `${verb}.sh`);
+  const script = join(pkgRoot, 'apps', 'studio', 'bin', `${verb}.sh`);
   if (!existsSync(script)) {
     process.stderr.write(
-      `maude design ${verb}: helper not found at ${script}. Reinstall maude (the dev-server bin ships in the npm package).\n`
+      `maude design ${verb}: helper not found at ${script}. Reinstall maude (the studio bin ships in the npm package).\n`
     );
     process.exit(1);
   }
@@ -127,7 +134,7 @@ Lifecycle:
 Dev-tooling (dispatch to the dev-server bash helpers — DDR-062):
   screenshot · server-up · prep · slug · bootstrap-check · runtime-health
   smoke · canvas-edit · handoff · asset-sweep · visual-sanity
-  draw-build · draw-proof · svg-optimize
+  draw-build · draw-proof · svg-optimize · to-lottie · read-annotations
         Invoke the bundled helper of the same name. maude resolves it from its
         own package root and sets CLAUDE_PLUGIN_ROOT for the child; stdout,
         stderr, and exit code pass straight through (so command-substitution
@@ -140,7 +147,8 @@ Dev-tooling (dispatch to the dev-server bash helpers — DDR-062):
 
   serve [--port N] [--root PATH]
         Start the design plugin's dev server in the current repo. Equivalent
-        to invoking 'claude-design-server'. Forwards all remaining args.
+        to 'maude studio' (top-level alias) or invoking 'claude-design-server'.
+        Forwards all remaining args.
 
   init  [--name <slug>] [--ds <name>] [--force] [--dry-run]
         [--no-discovery | --discovery-payload <path>]
@@ -259,8 +267,8 @@ async function runServe({ args, pkgRoot }) {
     process.exit(1);
   }
 
-  const tsEntry = resolve(pkgRoot, 'plugins', 'design', 'dev-server', 'server.ts');
-  const mjsEntry = resolve(pkgRoot, 'plugins', 'design', 'dev-server', 'server.mjs');
+  const tsEntry = resolve(pkgRoot, 'apps', 'studio', 'server.ts');
+  const mjsEntry = resolve(pkgRoot, 'apps', 'studio', 'server.mjs');
 
   const hasBun = await new Promise((res) => {
     const probe = spawn('bun', ['--version'], { stdio: 'ignore' });
@@ -414,7 +422,7 @@ function checkDevDeps({ pkgRoot }) {
   // with a less actionable error.
   const required = ['magic-string', 'oxc-parser'];
   const missing = [];
-  const paths = [resolve(pkgRoot, 'plugins', 'design', 'dev-server'), resolve(pkgRoot)];
+  const paths = [resolve(pkgRoot, 'apps', 'studio'), resolve(pkgRoot)];
   for (const dep of required) {
     try {
       require.resolve(dep, { paths });

package/cli/commands/design.test.mjs

@@ -150,3 +150,39 @@ test('isPlausiblePlatformBinary — accepts maude-<slug>/maude, rejects everythi
   assert.equal(isPlausiblePlatformBinary(''), false);
   assert.equal(isPlausiblePlatformBinary(null), false);
 });
+
+// DDR-095 — `maude studio` is a top-level alias for `maude design serve`. Both
+// must resolve the same server-entry path. We prove parity by booting each
+// against a temp dir with no .design/: the dev-server fails loud (exit 1) with
+// an identical first-line signature, which only happens if `studio` routed
+// through design-serve resolution (`apps/studio/server.{ts,mjs}` / the binary).
+test('`maude studio` aliases `maude design serve` (identical boot resolution)', () => {
+  const BIN_PATH = resolve(dirname(fileURLToPath(import.meta.url)), '..', 'bin', 'maude.mjs');
+  function bootAgainstEmpty(argv) {
+    const cwd = mkdtempSync(join(tmpdir(), 'maude-studio-'));
+    try {
+      const r = spawnSync(process.execPath, [BIN_PATH, ...argv, '--root', cwd], {
+        encoding: 'utf8',
+        timeout: 30000,
+      });
+      return { status: r.status, firstErr: (r.stderr || '').split('\n').find(Boolean) ?? '' };
+    } finally {
+      rmSync(cwd, { recursive: true, force: true });
+    }
+  }
+  const viaDesign = bootAgainstEmpty(['design', 'serve']);
+  const viaStudio = bootAgainstEmpty(['studio']);
+  // Both fail loud (no .design/) — same exit code, same first-line diagnostic.
+  assert.notEqual(viaStudio.status, 0, `studio should not boot cleanly: ${viaStudio.firstErr}`);
+  assert.equal(viaStudio.status, viaDesign.status);
+  assert.equal(viaStudio.firstErr, viaDesign.firstErr);
+});
+
+test('`maude studio` is recognized (not an unknown command)', () => {
+  const BIN_PATH = resolve(dirname(fileURLToPath(import.meta.url)), '..', 'bin', 'maude.mjs');
+  const r = spawnSync(process.execPath, [BIN_PATH, 'studio', '--root', '/nonexistent-xyz'], {
+    encoding: 'utf8',
+    timeout: 30000,
+  });
+  assert.doesNotMatch(r.stderr || '', /unknown command/);
+});

package/cli/commands/help.mjs

@@ -29,9 +29,14 @@ COMMANDS
         contract — see DDR-061); 'list' shows layers + sizes; 'stats' shows
         hit-rate; 'inspect' pretty-prints entries; 'clear' wipes a layer or all.
 
+  studio [--port N] [--root PATH]
+        Alias for 'maude design serve' — boot the canvas studio (the design
+        dev server) in the current repo. Forwards all remaining args.
+
   design serve [--port N] [--root PATH]
         Start the design plugin's dev server in the current repo. Equivalent
-        to invoking 'claude-design-server'. Forwards all remaining args.
+        to 'maude studio' / invoking 'claude-design-server'. Forwards all
+        remaining args.
 
   design init [--name <slug>] [--ds <name>] [--force] [--dry-run]
               [--no-discovery | --discovery-payload <path>]
@@ -43,7 +48,7 @@ COMMANDS
 
   design <screenshot|server-up|prep|slug|bootstrap-check|runtime-health
           |smoke|canvas-edit|handoff|asset-sweep|visual-sanity> [args]
-        Dispatch to the dev-server's bundled bash helper of the same name.
+        Dispatch to the studio's bundled bash helper of the same name.
         maude resolves it from its own package root and sets CLAUDE_PLUGIN_ROOT
         for the child; stdout/stderr/exit-code pass straight through. This is
         the contract plugin markdown uses instead of a raw bin path (DDR-062).
@@ -88,6 +93,7 @@ EXAMPLES
   maude config get motion.complex
   maude cache list
   maude cache clear research/domain
+  maude studio --port 4399
   maude design serve --port 4399
   maude design init --no-discovery --name acme-app
   maude design slug "Some Canvas Name"

package/cli/commands/hub.mjs

@@ -82,7 +82,7 @@ function usage() {
         exact commands to run next. Does NOT execute fly/docker for you —
         review the emitted files first, then run the printed command.
 
-        fly     → fly.toml (+ reuses plugins/design/hub/Dockerfile).
+        fly     → fly.toml (+ reuses apps/hub/Dockerfile).
                   --name   app name (default maude-hub-<rand>)
                   --region Fly region code (default iad)
         docker  → docker-compose.yml + Caddyfile (universal — Lightsail, EC2,
@@ -91,7 +91,7 @@ function usage() {
 
 NOTES
   serve / token / deploy run inside a 'maude' source checkout (they read the
-  bundled hub workspace at plugins/design/hub). Production hubs run the
+  bundled hub workspace at apps/hub). Production hubs run the
   published Docker image (ghcr.io/1agh/maude-hub) — see 'maude hub deploy'.
   status works from anywhere (plain HTTP GET against /health).
 
@@ -433,7 +433,7 @@ function randHex(bytes) {
 // ---------------------------------------------------------------- helpers
 
 function findHubRoot(pkgRoot) {
-  const dev = resolve(pkgRoot, 'plugins', 'design', 'hub');
+  const dev = resolve(pkgRoot, 'apps', 'hub');
   if (existsSync(resolve(dev, 'package.json'))) {
     try {
       const pkg = JSON.parse(readFileSync(resolve(dev, 'package.json'), 'utf8'));

package/cli/commands/hub.test.mjs

@@ -9,7 +9,7 @@ import { dirname, join, resolve } from 'node:path';
 import { test } from 'node:test';
 import { fileURLToPath } from 'node:url';
 
-import { readTokens } from '../../plugins/design/hub/src/tokens.mjs';
+import { readTokens } from '../../apps/hub/src/tokens.mjs';
 
 const BIN = resolve(dirname(fileURLToPath(import.meta.url)), '..', 'bin', 'maude.mjs');
 

package/cli/commands/scenario-report.mjs

@@ -5,7 +5,7 @@ import { pathToFileURL } from 'node:url';
 // `maude scenario-report <run-dir> [--out <path>]` — deterministic cross-platform
 // scenario report generator (Phase C / DDR-061). Thin wrapper that resolves the
 // bundled generator from maude's OWN package root (NOT $CLAUDE_PLUGIN_ROOT — the
-// flow plugin can't reach the design plugin's dev-server dir; only the on-PATH
+// flow plugin can't reach the studio app's bin dir; only the on-PATH
 // `maude` binary resolves it reliably across install shapes — see DDR-062), runs
 // it, and writes report.md. Output stdout = the written path (capture idiom).
 
@@ -22,14 +22,7 @@ export async function run({ args, pkgRoot }) {
     return;
   }
 
-  const generatorPath = resolve(
-    pkgRoot,
-    'plugins',
-    'design',
-    'dev-server',
-    'bin',
-    'scenario-report.mjs'
-  );
+  const generatorPath = resolve(pkgRoot, 'apps', 'studio', 'bin', 'scenario-report.mjs');
   const { generateReport } = await import(pathToFileURL(generatorPath).href);
 
   const absRunDir = resolve(process.cwd(), runDir);

package/cli/lib/flow-design-integration.test.mjs

@@ -26,7 +26,7 @@ import { lintConfig } from './config-lint.mjs';
 const read = (p) => readFileSync(resolve(p), 'utf8');
 const readJson = (p) => JSON.parse(read(p));
 
-const META_SCHEMA = readJson('plugins/design/dev-server/canvas-meta.schema.json');
+const META_SCHEMA = readJson('apps/studio/canvas-meta.schema.json');
 const FLOW_SCHEMA = readJson('plugins/flow/.claude-plugin/config.schema.json');
 const SKELETON = readJson('plugins/flow/templates/ai-skeleton/workflows.config.json');
 

package/cli/lib/gitignore-block.mjs

@@ -31,6 +31,7 @@ export function buildBlock(designRel = '.design') {
     `${root}/_active.json`,
     `${root}/_sync.json`, // linked-mode offline/sync status (Task 8)
     `${root}/_history/`,
+    `${root}/_trash/`, // soft-deleted canvases (recoverable locally — Phase 22 delete)
     `${root}/_draw/`, // draw-agent proof canvases (regenerable — Phase 25)
     `${root}/_canvas-state/`, // per-machine canvas undo/redo + scratch state
     `${root}/_chat/`, // ACP transcripts (per-machine)

package/cli/lib/plugin-cli-reachability.test.mjs

@@ -10,12 +10,13 @@
 // SAME file also offers a `command -v maude` fallback (the sibling-first /
 // maude-fallback pattern). This test fails loudly if a new straggler lands.
 //
-// DDR-062: plugin MARKDOWN must reach the dev-server bash helpers through
-// `maude design <verb>`, never `bash "$CLAUDE_PLUGIN_ROOT/dev-server/bin/<x>.sh"`.
-// The marketplace never copies the dev-server beside a plugin, and a flow
-// command's $CLAUDE_PLUGIN_ROOT points at plugins/flow (no dev-server/ at all).
-// Prose mentions of the path are fine; INVOCATIONS (bash/sh/exec/$( prefixed)
-// are banned.
+// DDR-062: plugin MARKDOWN must reach the studio bash helpers through
+// `maude design <verb>`, never `bash "$CLAUDE_PLUGIN_ROOT/dev-server/bin/<x>.sh"`
+// or `bash apps/studio/bin/<x>.sh`. The marketplace never copies the studio app
+// beside a plugin, and a flow command's $CLAUDE_PLUGIN_ROOT points at
+// plugins/flow (no bin/ at all). Per DDR-095 the helpers live under
+// apps/studio/bin (was plugins/design/dev-server/bin). Prose mentions of the
+// path are fine; INVOCATIONS (bash/sh/exec/$( prefixed) are banned.
 
 import assert from 'node:assert/strict';
 import { execSync } from 'node:child_process';
@@ -43,7 +44,7 @@ test('no plugin markdown invokes a $CLAUDE_PLUGIN_ROOT/dev-server/bin/*.sh helpe
   // command substitution. Prose mentions of the path (backtick-wrapped, no verb)
   // are exempt — they don't run anything. Matches both the $CLAUDE_PLUGIN_ROOT
   // form and the repo-relative `plugins/<x>/dev-server/bin/` form.
-  const pattern = String.raw`(bash|sh|exec) +"?(\$\{?CLAUDE_PLUGIN_ROOT\}?|plugins/[a-z]+)/dev-server/bin/[A-Za-z0-9_-]+\.sh|\$\("?\$?\{?CLAUDE_PLUGIN_ROOT\}?/dev-server/bin/[A-Za-z0-9_-]+\.sh`;
+  const pattern = String.raw`(bash|sh|exec) +"?(\$\{?CLAUDE_PLUGIN_ROOT\}?|plugins/[a-z]+)/dev-server/bin/[A-Za-z0-9_-]+\.sh|\$\("?\$?\{?CLAUDE_PLUGIN_ROOT\}?/dev-server/bin/[A-Za-z0-9_-]+\.sh|(bash|sh|exec) +"?[^"\n]*apps/studio/bin/[A-Za-z0-9_-]+\.sh|\$\("?[^"\n]*apps/studio/bin/[A-Za-z0-9_-]+\.sh`;
   const out = execSync(`grep -rnE '${pattern}' plugins --include='*.md' || true`, {
     encoding: 'utf8',
   });

package/cli/lib/preflight.mjs

@@ -5,7 +5,7 @@
 // Used by:
 //   - cli/commands/doctor.mjs (the unified diagnostic CLI)
 //   - plugins/flow/commands/init.md (the wired pre-flight Step 1)
-//   - plugins/design/dev-server/bin/preflight.sh (which re-shells to node
+//   - apps/studio/bin/preflight.sh (which re-shells to node
 //     for the actual checks — keeps detection logic in one place).
 //
 // Pure-ish: no process.exit; returns an envelope. printReport() is here

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1agh/maude",
-  "version": "0.28.1",
+  "version": "0.29.0",
   "description": "Marketplace of Claude Code plugins by Michal Dovrtěl: `design` (canvas-first design iteration) + `flow` (generic agentic workflow loop with .ai second brain). Ships the `maude` CLI (with `mdcc` legacy alias) to scaffold workspace, run the design dev server, and manage configs.",
   "type": "module",
   "engines": {
@@ -14,16 +14,16 @@
     "mdcc": "cli/bin/mdcc.mjs",
     "maude-safe": "cli/cli-wrapper.cjs",
     "mdcc-safe": "cli/cli-wrapper.cjs",
-    "claude-design-server": "plugins/design/dev-server/server.mjs"
+    "claude-design-server": "apps/studio/server.mjs"
   },
   "scripts": {
-    "start": "bun run plugins/design/dev-server/server.ts",
-    "dev": "bun run plugins/design/dev-server/server.ts --port 4555",
+    "start": "bun run apps/studio/server.ts",
+    "dev": "bun run apps/studio/server.ts --port 4555",
     "dev:site": "pnpm --filter @maude/site dev --port 4398",
     "build": "pnpm -r --if-present run build",
-    "build:binary": "bun run plugins/design/dev-server/build.ts --release",
+    "build:binary": "bun run apps/studio/build.ts --release",
     "test": "node --test --test-reporter=spec cli/**/*.test.mjs",
-    "test:dev-server": "cd plugins/design/dev-server && bun test",
+    "test:dev-server": "cd apps/studio && bun test",
     "lint": "biome check .",
     "format": "biome format --write .",
     "changeset": "changeset",
@@ -38,20 +38,20 @@
     "video:render": "cd scripts/video/final && pnpm run render",
     "video:studio": "cd scripts/video/final && pnpm run studio",
     "postinstall": "node cli/install.cjs",
-    "prepublishOnly": "bash scripts/check-version-parity.sh && bash plugins/design/dev-server/bin/check-runtime-bundles.sh"
+    "prepublishOnly": "bash scripts/check-version-parity.sh && bash apps/studio/bin/check-runtime-bundles.sh"
   },
   "optionalDependencies": {
-    "@1agh/maude-darwin-arm64": "0.28.1",
-    "@1agh/maude-darwin-x64": "0.28.1",
-    "@1agh/maude-linux-arm64": "0.28.1",
-    "@1agh/maude-linux-arm64-musl": "0.28.1",
-    "@1agh/maude-linux-x64": "0.28.1",
-    "@1agh/maude-linux-x64-musl": "0.28.1",
-    "@1agh/maude-win32-x64": "0.28.1"
+    "@1agh/maude-darwin-arm64": "0.29.0",
+    "@1agh/maude-darwin-x64": "0.29.0",
+    "@1agh/maude-linux-arm64": "0.29.0",
+    "@1agh/maude-linux-arm64-musl": "0.29.0",
+    "@1agh/maude-linux-x64": "0.29.0",
+    "@1agh/maude-linux-x64-musl": "0.29.0",
+    "@1agh/maude-win32-x64": "0.29.0"
   },
   "files": [
     "cli",
-    "plugins/design/dev-server",
+    "apps/studio",
     "plugins/design/dependencies.json",
     "plugins/design/dependencies.schema.json",
     "plugins/design/templates",

package/plugins/design/templates/brief-board.tsx.template

@@ -0,0 +1,61 @@
+/**
+ * @canvas      {{NAME}} — brief board
+ * @ds          {{DS_NAME}}
+ * @platform    {{PLATFORM}}
+ * @kind        brief-board
+ * @stack       React 19 · TSX · Bun.build
+ * @history     {{HISTORY_DIR}}
+ *
+ * Annotation-only brief board (Phase 22). This canvas is born EMPTY on purpose:
+ * one framed reference artboard you fill with sticky notes (N), text (T), and
+ * arrows (A) describing what each screen should do. When you run `/design:new`
+ * again while this board is the active canvas, Claude reads those annotations as
+ * a VERBATIM brief and inserts the matching generated artboards right here, below
+ * this frame — the board becomes a living brief you sketch and Claude fills in.
+ *
+ * The annotation layer lives in a sibling `<slug>.annotations.svg` (NEVER in this
+ * file), so your notes stay floating on top across every regeneration. No design
+ * system tokens or classes are wired in — the board is a neutral surface; the
+ * generated artboards bring the DS with them on ingest.
+ */
+
+import { DCArtboard, DCSection, DesignCanvas } from "@maude/canvas-lib";
+
+export default function {{COMPONENT_NAME}}() {
+  return (
+    <DesignCanvas>
+      <DCSection id="brief-board" title="Brief">
+        <DCArtboard id="brief" label="Brief — annotate me" width={1280} height={800}>
+          <div
+            style={{
+              boxSizing: "border-box",
+              width: "100%",
+              height: "100%",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: "14px",
+              padding: "48px",
+              textAlign: "center",
+              fontFamily: "ui-sans-serif, system-ui, -apple-system, sans-serif",
+              color: "#9aa0a6",
+              background: "#ffffff",
+              border: "1.5px dashed #d4d8dd",
+            }}
+          >
+            <div style={{ fontSize: "22px", fontWeight: 600, color: "#5f6571" }}>
+              {{NAME}}
+            </div>
+            <div style={{ fontSize: "14px", color: "#8a9099" }}>{{SEED_HINT}}</div>
+            <div style={{ fontSize: "13px", maxWidth: "460px", lineHeight: 1.55 }}>
+              Drop sticky notes (N), text (T) &amp; arrows (A) here describing what
+              each screen should do — then run <code>/design:new</code> again to have
+              Claude read your notes and lay the matching artboards out right here.
+            </div>
+          </div>
+        </DCArtboard>
+      </DCSection>
+    </DesignCanvas>
+  );
+}

package/plugins/design/templates/canvas.tsx.template

@@ -20,7 +20,7 @@
  * The envelope primitives (`DesignCanvas`, `DCSection`, `DCArtboard`) and any
  * specimen helpers come from the dev-server-bundled canvas library via the
  * virtual specifier — the dev-server resolves it to
- * `plugins/design/dev-server/canvas-lib.tsx` (single source, ships with the
+ * `apps/studio/canvas-lib.tsx` (single source, ships with the
  * dev-server install per DDR-025), and `/design:handoff` AST-inlines the used
  * exports so the registry-item drop is self-contained. Read that file for the
  * full export surface (helpers + hooks) before reaching for new components.

package/plugins/design/templates/design-system-inspiration/core/config.json.tpl

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://raw.githubusercontent.com/1aGh/maude/main/plugins/design/dev-server/config.schema.json",
+  "$schema": "https://raw.githubusercontent.com/1aGh/maude/main/apps/studio/config.schema.json",
   "name": "{{project_name}}",
   "projectLabel": "{{project_label}}",
   "designRoot": ".design",

package/plugins/design/templates/design-system-inspiration/core/preview/_motion-readme.md.tpl

@@ -56,7 +56,7 @@ Per DDR-049: a canvas that imports `<MotionDemo>` or any sibling motion helper f
 
 ## Cross-links
 
-- Library source: `plugins/design/dev-server/canvas-lib.tsx` (`MotionDemo`, `MotionTrack`, `TokenPlayback`, `ReducedMotionToggle`, `useMotionTokens`, `easingFromToken`)
+- Library source: `apps/studio/canvas-lib.tsx` (`MotionDemo`, `MotionTrack`, `TokenPlayback`, `ReducedMotionToggle`, `useMotionTokens`, `easingFromToken`)
 - Library decision: `.ai/decisions/DDR-049-motion-one-as-canonical-motion-library.md`
 - Sub-agent safety block: `plugins/design/templates/design-system-inspiration/SUB-AGENT-PROMPTS.md` → ANIMATION SAFETY
 - Tokens: `colors_and_type.css.tpl` (lines around `--dur-*` + `--ease-*`)

package/plugins/flow/.claude-plugin/config.schema.json

@@ -408,6 +408,22 @@
             "mcp": { "type": "string" },
             "defaults": { "type": "object", "additionalProperties": true }
           }
+        },
+        "whatsNew": {
+          "type": "object",
+          "additionalProperties": false,
+          "description": "In-product \"What's New\" feed. When enabled, /flow:done offers to append a user-facing entry for the closed-out feature to `feed`, delegating to the named project skill if set. Generic + opt-in: absent or `enabled:false` → /flow:done skips it silently. Maude wires this to apps/studio/whats-new.json, surfaced in the canvas browser.",
+          "properties": {
+            "enabled": { "type": "boolean", "default": false },
+            "feed": {
+              "type": "string",
+              "description": "Repo-relative path to the What's New feed JSON the entry is appended to."
+            },
+            "skill": {
+              "type": "string",
+              "description": "Optional name of a project skill (in .claude/skills/) that authors the entry; /flow:done invokes it instead of inlining the append."
+            }
+          }
         }
       }
     }