@homie-rocks/studio 0.20.0 → 0.22.0

package/lib/style-presets.mjs

@@ -0,0 +1,121 @@
+/**
+ * THE STYLE VOCABULARY the decisions pick from (lib/decisions.mjs): render styles, named palettes, light and camera
+ * set-ups, fonts and the starter library's families, each with the words in a prompt that point at it. Taste, kept
+ * as data: the automatic path reads it, the style board mixes it, and a person steers past it with their own values.
+ */
+
+/** How the world is drawn. `family`: the starter library family that fits; `materials`: the material model. */
+export const RENDERS = Object.freeze({
+  'lowpoly-flat': { label: 'Flat low-poly', words: /\b(low[- ]?poly|cozy|cosy|cute|toy|minimal|clean|simple|wholesome|chill)\b/i, materials: 'flat', outline: false, family: 'kenney', fonts: { display: 'Fredoka', body: 'Nunito' }, vfx: 'soft', note: 'faceted shapes in flat palette colours: the cheapest look on a phone, the most coherent, and the richest free library' },
+  toon: { label: 'Toon / cel', words: /\b(toon|cel|cartoon|anime|comic|neon|cyber|synth|arcade)\b/i, materials: 'toon', outline: true, family: 'kaykit', fonts: { display: 'Lilita One', body: 'Nunito' }, vfx: 'toon', note: 'banded light and ink outlines: reads at any size, loud on a TV' },
+  painted: { label: 'Stylised hand-painted', words: /\b(painterly|painted|storybook|watercolou?r|ghibli-like|fairy ?tale|whimsical|hand[- ]painted)\b/i, materials: 'hand-painted', outline: false, family: 'kaykit', fonts: { display: 'Fraunces', body: 'Lora' }, vfx: 'soft', note: 'soft painted albedo with the light baked gently in: warm and storybook' },
+  'stylised-pbr': { label: 'Stylised PBR', words: /\b(realistic|real|photo|gritty|grounded|military|pbr)\b/i, materials: 'pbr', outline: false, family: 'polyhaven', fonts: { display: 'Rajdhani', body: 'Inter' }, vfx: 'soft', note: 'metal and roughness under real light: the most expensive look on a phone (textures and memory)' },
+  'pixel-hd2d': { label: 'Pixel / HD-2D', words: /\b(pixel|8[- ]?bit|16[- ]?bit|retro|hd[- ]?2d|sprite)\b/i, materials: 'pixel', outline: false, family: 'kenney', fonts: { display: 'Press Start 2P', body: 'Silkscreen' }, vfx: 'pixel', note: 'pixel sprites in a low-poly world with tilt-shift and bloom (the sprite branch is phase 3; the board shows the world)' },
+  voxel: { label: 'Voxel', words: /\b(voxel|blocky|blocks|cube|minecraft-like)\b/i, materials: 'flat', outline: false, family: 'kenney', fonts: { display: 'Silkscreen', body: 'Nunito' }, vfx: 'pixel', note: 'everything built of cubes: crisp, cheap, playful' },
+});
+
+/** The codex keys every palette fills (frontmatter `palette`), plus `ramp`: 12 to 16 colours for textures. */
+export const PALETTE_KEYS = Object.freeze(['bg', 'ink', 'accent', 'accent2', 'danger', 'good', 'gold']);
+
+export const PALETTES = Object.freeze({
+  'autumn-grove': { label: 'Autumn grove: rust, moss and cream', words: /\b(forest|woods?|grove|autumn|fall|fox(es)?|berr(y|ies)|mushroom|acorn|leaf|leaves)\b/i,
+    bg: '#1f2a24', ink: '#f6ecd9', accent: '#e9893a', accent2: '#8fbf5a', danger: '#e2553f', good: '#7fcf6a', gold: '#f2c14e',
+    ramp: ['#2c3b31', '#3f5640', '#5d7a4a', '#8fbf5a', '#c9d98a', '#6b4a2f', '#9a6a3d', '#c98a4b', '#e9893a', '#b8442e', '#f6ecd9', '#d9c7a3', '#f2c14e', '#7a5a8c'] },
+  'meadow-morning': { label: 'Meadow morning: sky blue, grass and butter', words: /\b(meadow|farm|garden|spring|sunny|bright|happy|picnic|village)\b/i,
+    bg: '#cfe8f5', ink: '#1d2b3a', accent: '#ff8a5b', accent2: '#5cbf8a', danger: '#e2553f', good: '#45b36b', gold: '#ffd25a',
+    ramp: ['#9fd3ef', '#cfe8f5', '#f8f3e6', '#8fd06a', '#5cbf8a', '#3f8f5a', '#ffd25a', '#ffb347', '#ff8a5b', '#e86a6a', '#b07ad9', '#8a6a4a', '#5a4a3a', '#ffffff'] },
+  'embers-night': { label: 'Embers at night: warm golds on soot', words: /\b(fire|ember|lava|volcano|forge|torch|lantern|burning|ash(en)?)\b/i,
+    bg: '#120c0a', ink: '#f6e7d3', accent: '#f4b23c', accent2: '#7ad38a', danger: '#ff5a4e', good: '#5fdc8b', gold: '#f2c14e',
+    ramp: ['#120c0a', '#2b1d16', '#4a2e20', '#6e3b22', '#a4512a', '#e0702f', '#f4b23c', '#ffd98a', '#f6e7d3', '#7ad38a', '#3f6b4a', '#5a4a6e'] },
+  'neon-dusk': { label: 'Neon dusk: magenta and cyan on ink', words: /\b(neon|cyber|synth(wave)?|city|night ?club|future|retro[- ]future|laser)\b/i,
+    bg: '#0b0a1a', ink: '#eef0ff', accent: '#ff3fa4', accent2: '#2ee6f2', danger: '#ff4d4d', good: '#4dff9a', gold: '#ffd84a',
+    ramp: ['#0b0a1a', '#1a1438', '#2c1f5e', '#4b2a8c', '#7a35c4', '#ff3fa4', '#ff7ac8', '#2ee6f2', '#7af3ff', '#ffd84a', '#eef0ff', '#3a3a5e'] },
+  'candy-pop': { label: 'Candy pop: bubblegum and mint', words: /\b(candy|sweet|sugar|pastel|toy|kawaii|party|bubble|jelly)\b/i,
+    bg: '#fff2f7', ink: '#2a1f3d', accent: '#ff5fa2', accent2: '#4fd1c5', danger: '#ff4f64', good: '#40c07a', gold: '#ffc94d',
+    ramp: ['#fff2f7', '#ffd6e8', '#ff9ec7', '#ff5fa2', '#c45fd1', '#8a7cff', '#4fd1c5', '#a6f0d9', '#ffc94d', '#ff9a5a', '#2a1f3d', '#ffffff'] },
+  'frost-blue': { label: 'Frost: ice blue and snow', words: /\b(snow|ice|icy|winter|frost|frozen|arctic|polar|penguin)\b/i,
+    bg: '#eaf3fb', ink: '#14243a', accent: '#3d8bff', accent2: '#8fe3ff', danger: '#ff5a6a', good: '#41c08a', gold: '#ffcc4d',
+    ramp: ['#ffffff', '#eaf3fb', '#cfe2f5', '#a9cbee', '#7fb0e6', '#3d8bff', '#2a5fb0', '#14243a', '#8fe3ff', '#c7f3ff', '#ffcc4d', '#b4a3d9'] },
+  'desert-noon': { label: 'Desert noon: sand, terracotta and turquoise', words: /\b(desert|sand|dune|canyon|western|cowboy|egypt|pyramid|savanna)\b/i,
+    bg: '#f5e2c0', ink: '#3a2412', accent: '#d9653b', accent2: '#2bb3a8', danger: '#c8322a', good: '#5aa84a', gold: '#f2b632',
+    ramp: ['#fff3dc', '#f5e2c0', '#e8c48f', '#d9a35f', '#c47a3f', '#d9653b', '#a8452a', '#6e2e1a', '#3a2412', '#2bb3a8', '#7ad3c8', '#f2b632'] },
+  'deep-sea': { label: 'Deep sea: teal dark with coral', words: /\b(ocean|sea|under ?water|reef|coral|fish|submarine|diver?|pirate|island|beach)\b/i,
+    bg: '#06222e', ink: '#e6fbff', accent: '#ff7a59', accent2: '#3fe0c5', danger: '#ff5a6a', good: '#5fe08a', gold: '#ffd166',
+    ramp: ['#03141b', '#06222e', '#0b3a4a', '#11566a', '#1a7a8c', '#3fe0c5', '#a6f5e6', '#ff7a59', '#ffb08a', '#ffd166', '#e6fbff', '#5a4a8c'] },
+  'moonlit-grove': { label: 'Moonlit grove: indigo, silver and firefly', words: /\b(night|moon(lit)?|dark|spooky|haunted|ghost|witch|owl|halloween|grave)\b/i,
+    bg: '#0e1430', ink: '#e8ecff', accent: '#c9a8ff', accent2: '#b8f26a', danger: '#ff5e7a', good: '#6fe0a0', gold: '#ffe08a',
+    ramp: ['#070a1c', '#0e1430', '#1b2350', '#2c3770', '#47509a', '#7c84c9', '#c9a8ff', '#e8ecff', '#b8f26a', '#ffe08a', '#3a5a4a', '#5e3a5a'] },
+  'heroic-dawn': { label: 'Heroic dawn: steel blue and gold', words: /\b(hero(ic)?|epic|fantasy|kingdom|castle|knight|quest|rpg|dungeon|sword|dragon|adventure)\b/i,
+    bg: '#1a2238', ink: '#f3efe6', accent: '#e8b84a', accent2: '#6aa8e0', danger: '#e04a3a', good: '#5ac07a', gold: '#f2c14e',
+    ramp: ['#0f1526', '#1a2238', '#2c3a5c', '#4a5f8c', '#6aa8e0', '#b8d4f0', '#f3efe6', '#d9c49a', '#e8b84a', '#a8742a', '#8c3a2a', '#4a6a3a'] },
+  'space-ink': { label: 'Space: ink black with signal orange', words: /\b(space|galaxy|planet|star(ship)?|rocket|alien|asteroid|sci[- ]?fi|moon ?base|orbit)\b/i,
+    bg: '#07080f', ink: '#eef2ff', accent: '#ff8a3d', accent2: '#5ad1ff', danger: '#ff4d5e', good: '#59e08a', gold: '#ffd24d',
+    ramp: ['#07080f', '#11142a', '#1e2447', '#2f3a6e', '#4a5aa0', '#5ad1ff', '#b8ecff', '#eef2ff', '#ff8a3d', '#ffb87a', '#ffd24d', '#8c5ad9'] },
+  'ash-dawn': { label: 'Ash dawn: muted greys with rose', words: /\b(ruin(s|ed)?|post[- ]?apocalyp\w*|grim|bleak|ash|ashen|wasteland|mist(y)?|fog(gy)?|quiet|melanchol\w*)\b/i,
+    bg: '#2a2a2e', ink: '#ece6e0', accent: '#e8927c', accent2: '#9cb8b0', danger: '#d9584a', good: '#86b886', gold: '#d9b86a',
+    ramp: ['#1a1a1e', '#2a2a2e', '#3e3d42', '#57555c', '#7a7680', '#a49ea6', '#ece6e0', '#e8927c', '#c26a5a', '#9cb8b0', '#6a8a84', '#d9b86a'] },
+});
+
+/** Light set-ups (the style.light decision). `key`: the sun's direction (from the light toward the scene). */
+export const LIGHTS = Object.freeze({
+  morning: { label: 'Soft morning', words: /\b(morning|dawn|spring|fresh)\b/i, key: [-0.5, -1, -0.35], intensity: 2.2, hardness: 0.35, sky: 'mix:bg>#ffffff:0.35', ground: 'mix:accent2>bg:0.25', fog: 0.35, shadows: 'blob', toonSteps: 3, bloom: 0.1, tiltShift: false },
+  noon: { label: 'Bright noon', words: /\b(noon|midday|sunny|bright|desert|beach)\b/i, key: [-0.2, -1, -0.15], intensity: 2.8, hardness: 0.75, sky: 'mix:bg>#ffffff:0.5', ground: 'mix:gold>accent2:0.45', fog: 0.2, shadows: 'blob', toonSteps: 2, bloom: 0.05, tiltShift: false },
+  golden: { label: 'Golden hour', words: /\b(golden|sunset|dusk|evening|warm|autumn|fall)\b/i, key: [-0.85, -0.55, -0.25], intensity: 2.4, hardness: 0.55, sky: 'mix:accent>#ffffff:0.45', ground: 'mix:accent2>accent:0.3', fog: 0.45, shadows: 'blob', toonSteps: 3, bloom: 0.25, tiltShift: false },
+  night: { label: 'Moonlight and lamps', words: /\b(night|moon(lit)?|dark|spooky|neon|stars?|lantern|ember|fire)\b/i, key: [0.4, -1, 0.3], intensity: 1.1, hardness: 0.4, sky: 'bg', ground: 'mix:accent2>bg:0.6', fog: 0.6, shadows: 'blob', toonSteps: 3, bloom: 0.5, tiltShift: false },
+  overcast: { label: 'Soft overcast', words: /\b(overcast|cloudy|grey|gray|misty|fog(gy)?|ash|quiet)\b/i, key: [-0.3, -1, -0.2], intensity: 1.6, hardness: 0.15, sky: 'mix:bg>#ffffff:0.25', ground: 'mix:accent2>bg:0.5', fog: 0.7, shadows: 'blob', toonSteps: 2, bloom: 0.05, tiltShift: false },
+});
+
+/** Camera set-ups (the style.camera decision): distance in metres, field of view in degrees, the angle above the ground. */
+export const CAMERAS = Object.freeze({
+  'high-3/4': { label: 'High three-quarter', projection: 'perspective', pitch: 52, distance: 22, fov: 38, note: 'the whole arena and every player readable on a phone' },
+  'low-3/4': { label: 'Low three-quarter', projection: 'perspective', pitch: 34, distance: 20, fov: 42, note: 'down among the players, the woods beyond the clearing in view: a place, not a board' },
+  'close-3/4': { label: 'Close three-quarter', projection: 'perspective', pitch: 40, distance: 11, fov: 42, note: 'nearer the characters: more detail on screen, less of the world' },
+  iso: { label: 'Isometric', projection: 'orthographic', pitch: 35.264, distance: 20, fov: 30, note: 'a diorama: tidy and readable, the HD-2D and tactics look' },
+  'top-down': { label: 'Top-down', projection: 'perspective', pitch: 80, distance: 24, fov: 35, note: 'the map is the screen: best for a crowd and for aiming' },
+  chase: { label: 'Chase', projection: 'perspective', pitch: 18, distance: 7, fov: 60, note: 'behind the player: speed and scale, one body at a time' },
+  side: { label: 'Side', projection: 'perspective', pitch: 6, distance: 14, fov: 35, note: 'a platformer\'s view: jumps read exactly' },
+});
+
+/** Genres (from the prompt and the codex), with the defaults they bring. */
+export const GENRES = Object.freeze({
+  gather: { words: /\b(gather|collect|harvest|forag\w*|berr(y|ies)|gems?|coins?|pick ?up|treasure|loot|farm)\b/i, camera: 'low-3/4', heads: 2.5, heightM: 0.9, clips: ['idle', 'walk', 'run', 'pick-up', 'emote'] },
+  brawl: { words: /\b(brawl|fight|arena|knock|bump|smash|wrestl\w*|sumo|battle royale)\b/i, camera: 'high-3/4', heads: 2.5, heightM: 1.0, clips: ['idle', 'run', 'jump', 'attack', 'hit', 'die'] },
+  race: { words: /\b(race|racing|kart|car|drive|driving|drift|speed)\b/i, camera: 'chase', heads: 3, heightM: 1.0, clips: ['idle', 'drive', 'boost', 'crash'] },
+  rpg: { words: /\b(rpg|quest|dungeon|adventure|mmo|wow|zones?|class(es)?|loot|level up)\b/i, camera: 'iso', heads: 4.5, heightM: 1.7, clips: ['idle', 'walk', 'run', 'attack', 'cast', 'hit', 'die', 'interact'] },
+  platformer: { words: /\b(platform(er)?|jump(ing)?|parkour|climb)\b/i, camera: 'side', heads: 3, heightM: 1.1, clips: ['idle', 'run', 'jump', 'fall', 'land'] },
+  shooter: { words: /\b(shoot(er|ing)?|blaster|gun|laser|tank|twin[- ]stick)\b/i, camera: 'top-down', heads: 5, heightM: 1.8, clips: ['idle', 'run', 'aim', 'shoot', 'hit', 'die'] },
+  party: { words: /\b(party|mini[- ]?games?|silly|chaos|couch)\b/i, camera: 'high-3/4', heads: 2.5, heightM: 1.0, clips: ['idle', 'run', 'jump', 'emote', 'win'] },
+  puzzle: { words: /\b(puzzle|match|tiles?|board game|cards?|chess)\b/i, camera: 'top-down', heads: 3, heightM: 1.0, clips: ['idle', 'emote', 'win'] },
+  sports: { words: /\b(soccer|football|golf|basketball|hockey|ball|sports?)\b/i, camera: 'high-3/4', heads: 3, heightM: 1.2, clips: ['idle', 'run', 'kick', 'jump', 'win'] },
+});
+
+/** Starter library families: which look each belongs to. */
+export const FAMILIES = Object.freeze({
+  kenney: { label: 'Kenney (CC0)', renders: ['lowpoly-flat', 'voxel', 'pixel-hd2d'], note: 'clean flat-colour low-poly kits: nature, food, pets, dungeons, cars' },
+  kaykit: { label: 'KayKit (CC0)', renders: ['toon', 'painted'], note: 'stylised gradient-atlas low-poly: adventurers, dungeons, props' },
+  polyhaven: { label: 'Poly Haven (CC0)', renders: ['stylised-pbr'], note: 'photo-scanned props, materials and skies' },
+});
+
+/** Shape language words. */
+export const SHAPES = Object.freeze({
+  round: { label: 'Round and soft', words: /\b(cozy|cosy|cute|soft|friendly|gentle|bubbly|kids?|round)\b/i, bevel: 0.6, note: 'round silhouettes and big soft bevels: friendly at a glance' },
+  angular: { label: 'Angular and sharp', words: /\b(tense|dark|grim|aggressive|sharp|edgy|horror|cyber|military)\b/i, bevel: 0.1, note: 'pointed silhouettes and crisp edges: tension and speed' },
+  blocky: { label: 'Blocky', words: /\b(blocky|voxel|cube|lego|toy|robot)\b/i, bevel: 0.25, note: 'boxes with small bevels: toy-like and readable' },
+});
+
+/** Google Fonts (OFL) by mood, for style.ui. */
+export const FONT_SETS = Object.freeze({
+  friendly: { display: 'Fredoka', body: 'Nunito' },
+  bold: { display: 'Lilita One', body: 'Nunito' },
+  storybook: { display: 'Fraunces', body: 'Lora' },
+  clean: { display: 'Rajdhani', body: 'Inter' },
+  pixel: { display: 'Press Start 2P', body: 'Silkscreen' },
+  future: { display: 'Orbitron', body: 'Inter' },
+});
+
+/** Which words mean which mood (palette, light and shape read them). */
+export const MOODS = Object.freeze({
+  cozy: /\b(cozy|cosy|cute|warm|gentle|calm|chill|relax\w*|wholesome|soft|friendly|sweet)\b/i,
+  tense: /\b(tense|dark|grim|horror|scary|creepy|spooky|survival|hardcore)\b/i,
+  loud: /\b(neon|loud|wild|chaos|crazy|party|arcade|electric)\b/i,
+});

package/lib/template-history.json

@@ -887,6 +887,81 @@
      }
     }
    }
+  },
+  "0.21.0": {
+   "files": {
+    "CLAUDE.md": "ddf2b2a0376202f6",
+    "README.md": "684b3cca8001673c",
+    "HANDOFF.md": "ce7a8fd91c6bbee2",
+    "games/README.md": "5ad32fe80c61f117",
+    "music/README.md": "a3dc042dadd39df8",
+    "videos/README.md": "16babc3437d5545b",
+    "posts/README.md": "37841aae476bd540",
+    "site/README.md": "ca131cd0472464fb",
+    "site/src/worker.mjs": "ca3f1630f2420ad3"
+   },
+   "sections": {
+    "AGENTS.md": {
+     "(intro)": "214aa46eb3a895d5",
+     "## Layout": "43a4c5bf07db36f9",
+     "## Commands (all through the pinned CLI in node_modules)": "d80ec56e4b4fc4c6",
+     "## The site": "ab922bb6bde23293",
+     "## Making games": "a8a893eeada33bf5",
+     "## The Game Codex and progress": "0738ef719cef3a4c",
+     "## Running live games (the back office)": "4aa5f513a7cd2c3b",
+     "## Servers and AI seats": "0a332b07e22d3fce",
+     "## Continuing a build from the Claude app": "0d68081e924ca419",
+     "## Rules": "7e8458adc1b81ece",
+     "## Beta": "9d02638207a26e73"
+    }
+   },
+   "named": {
+    "Homie Arcade": {
+     "sections": {
+      "AGENTS.md": {
+       "## Commands (all through the pinned CLI in node_modules)": "b35df2c19cd4b534"
+      }
+     }
+    }
+   }
+  },
+  "0.22.0": {
+   "files": {
+    "CLAUDE.md": "ddf2b2a0376202f6",
+    "README.md": "684b3cca8001673c",
+    "HANDOFF.md": "ce7a8fd91c6bbee2",
+    "games/README.md": "5ad32fe80c61f117",
+    "music/README.md": "a3dc042dadd39df8",
+    "videos/README.md": "16babc3437d5545b",
+    "posts/README.md": "37841aae476bd540",
+    "site/README.md": "ca131cd0472464fb",
+    "site/src/worker.mjs": "ca3f1630f2420ad3"
+   },
+   "sections": {
+    "AGENTS.md": {
+     "(intro)": "214aa46eb3a895d5",
+     "## Layout": "8baf49e4291e7e88",
+     "## Commands (all through the pinned CLI in node_modules)": "d80ec56e4b4fc4c6",
+     "## The site": "ab922bb6bde23293",
+     "## Making games": "a8a893eeada33bf5",
+     "## The Game Codex and progress": "0738ef719cef3a4c",
+     "## Art direction and models": "124772c374de7390",
+     "## Running live games (the back office)": "4aa5f513a7cd2c3b",
+     "## Servers and AI seats": "0a332b07e22d3fce",
+     "## Continuing a build from the Claude app": "0d68081e924ca419",
+     "## Rules": "7e8458adc1b81ece",
+     "## Beta": "9d02638207a26e73"
+    }
+   },
+   "named": {
+    "Homie Arcade": {
+     "sections": {
+      "AGENTS.md": {
+       "## Commands (all through the pinned CLI in node_modules)": "b35df2c19cd4b534"
+      }
+     }
+    }
+   }
   }
  }
 }

package/lib/thumb.mjs

@@ -0,0 +1,82 @@
+/**
+ * A build's preview as raw pixels, for Claude Code's Homie mod (the plugin's hooks/homie.mjs): a mod's code has no
+ * image decoder, so the latest check frame is also kept, small, as plain RGB beside the feed:
+ *
+ *   .studio/progress/<build>.preview.<width>x<height>.rgb    width * height * 3 bytes, rows top to bottom
+ *
+ * The mod draws it as coloured terminal cells (or hands the file to the terminal as a picture). The feed's own JPEG
+ * stays what the Claude app's card shows. Plain Node: zlib inflates the PNG Chrome wrote; nothing else is needed.
+ */
+import { readdirSync, rmSync } from 'node:fs';
+import { join } from 'node:path';
+import { inflateSync } from 'node:zlib';
+
+/** A PNG (8-bit RGB or RGBA, not interlaced: what Chrome writes) as { w, h, rgba }. */
+export function decodePng(buf) {
+  if (!Buffer.isBuffer(buf) || buf.length < 33 || buf.readUInt32BE(0) !== 0x89504e47) throw new Error('not a PNG');
+  let at = 8; let w = 0; let h = 0; let type = 0; const idat = [];
+  while (at + 8 <= buf.length) {
+    const len = buf.readUInt32BE(at);
+    const kind = buf.toString('latin1', at + 4, at + 8);
+    const data = buf.subarray(at + 8, at + 8 + len);
+    if (kind === 'IHDR') {
+      w = data.readUInt32BE(0); h = data.readUInt32BE(4); type = data[9];
+      if (data[8] !== 8 || data[12] !== 0) throw new Error('only 8-bit, non-interlaced PNGs');
+    } else if (kind === 'IDAT') idat.push(data);
+    else if (kind === 'IEND') break;
+    at += 12 + len;
+  }
+  const bpp = type === 6 ? 4 : type === 2 ? 3 : 0;
+  if (!bpp || !w || !h) throw new Error('only RGB or RGBA PNGs');
+  const raw = inflateSync(Buffer.concat(idat));
+  const stride = w * bpp;
+  const px = Buffer.alloc(stride * h);
+  for (let y = 0; y < h; y++) {
+    const f = raw[y * (stride + 1)];
+    const line = raw.subarray(y * (stride + 1) + 1, (y + 1) * (stride + 1));
+    const o = y * stride;
+    for (let x = 0; x < stride; x++) {
+      const a = x >= bpp ? px[o + x - bpp] : 0;
+      const b = y ? px[o - stride + x] : 0;
+      const c = x >= bpp && y ? px[o - stride + x - bpp] : 0;
+      let v = line[x];
+      if (f === 1) v += a;
+      else if (f === 2) v += b;
+      else if (f === 3) v += (a + b) >> 1;
+      else if (f === 4) { const p = a + b - c; const pa = Math.abs(p - a); const pb = Math.abs(p - b); const pc = Math.abs(p - c); v += pa <= pb && pa <= pc ? a : pb <= pc ? b : c; }
+      px[o + x] = v & 255;
+    }
+  }
+  const rgba = Buffer.alloc(w * h * 4);
+  for (let i = 0, j = 0; i < w * h; i++, j += bpp) { rgba[i * 4] = px[j]; rgba[i * 4 + 1] = px[j + 1]; rgba[i * 4 + 2] = px[j + 2]; rgba[i * 4 + 3] = bpp === 4 ? px[j + 3] : 255; }
+  return { w, h, rgba };
+}
+
+/** A PNG scaled down (each pixel the average of the ones it covers) to at most `width` pixels wide, as plain RGB. */
+export function rgbThumb(png, width = 160) {
+  const img = decodePng(png);
+  const w = Math.max(1, Math.min(width, img.w));
+  const h = Math.max(1, Math.round((img.h * w) / img.w));
+  const rgb = Buffer.alloc(w * h * 3);
+  for (let y = 0; y < h; y++) {
+    const y0 = Math.floor((y * img.h) / h); const y1 = Math.max(y0 + 1, Math.floor(((y + 1) * img.h) / h));
+    for (let x = 0; x < w; x++) {
+      const x0 = Math.floor((x * img.w) / w); const x1 = Math.max(x0 + 1, Math.floor(((x + 1) * img.w) / w));
+      let r = 0; let g = 0; let b = 0; let n = 0;
+      for (let yy = y0; yy < y1; yy++) for (let xx = x0; xx < x1; xx++) { const i = (yy * img.w + xx) * 4; r += img.rgba[i]; g += img.rgba[i + 1]; b += img.rgba[i + 2]; n++; }
+      const o = (y * w + x) * 3;
+      rgb[o] = Math.round(r / n); rgb[o + 1] = Math.round(g / n); rgb[o + 2] = Math.round(b / n);
+    }
+  }
+  return { w, h, rgb };
+}
+
+/** The file name of a build's raw preview. */
+export const thumbName = (build, w, h) => `${build}.preview.${w}x${h}.rgb`;
+
+/** Remove a build's earlier raw previews (one is kept: the newest). */
+export function dropThumbs(dir, build) {
+  let names = [];
+  try { names = readdirSync(dir); } catch { return; }
+  for (const n of names) if (n.startsWith(`${build}.preview.`) && n.endsWith('.rgb')) rmSync(join(dir, n), { force: true });
+}

package/mcp/ui/card.css

@@ -72,4 +72,19 @@ ol.list,ul.list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
 .ready{margin:0 0 8px;font-size:13px;color:var(--c-fg2)}.ready .ok{color:var(--c-ok);font-weight:600}
 .tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
 .tabs span{padding:4px 9px;border-radius:var(--r-full);background:var(--c-bg2);font-size:12px;color:var(--c-fg2)}
+.dirs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;margin:8px 0}
+.dir{display:grid;gap:6px;align-content:start;padding:8px;border-radius:var(--r-md);background:var(--c-bg2)}.dir.chosen{box-shadow:inset 0 0 0 2px var(--accent)}
+.dir img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);display:block;background:var(--c-bg3)}
+.dirhead{display:flex;gap:8px;align-items:baseline}.dirhead b{font-size:15px}.dirhead span{font-size:13px;color:var(--c-fg2)}
+.dir .type{margin:0;font-size:20px;line-height:1.2;color:var(--c-fg)}.dir .fine{margin:0}
+.chips{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:4px}.swatch{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--c-line2);display:inline-block}
+.list.decisions li{flex-wrap:wrap}.list.decisions li.locked{box-shadow:inset 3px 0 0 var(--c-ok)}.list li .actions{margin-left:auto}
+.steer{flex-basis:100%;display:flex;gap:8px;margin-top:6px}
+input[type=text]{flex:1;min-width:0;font:14px/1.2 var(--f-sans);padding:8px 10px;border-radius:var(--r-sm);border:1px solid var(--c-line2);background:var(--c-bg);color:var(--c-fg)}
+.mix{display:grid;gap:6px;margin:10px 0}.mixrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mixname{min-width:84px;font:600 12px/1.2 var(--f-mono);color:var(--c-fg2)}
+.list.cast li{align-items:center}.thumb{flex:none;width:52px;height:52px;border-radius:var(--r-sm);background:var(--c-bg3);display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}
+.sil{display:block;max-width:100%;margin-top:8px;border-radius:var(--r-sm);background:#fff}
+.budget{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;font-size:13px;color:var(--c-fg2);margin:6px 0}.budget .n{font:12px/1 var(--f-mono)}
+.budget .track{height:8px;border-radius:4px;background:var(--c-bg3);overflow:hidden}.budget .track i{display:block;height:100%;background:var(--c-ok)}.budget .track i.over{background:var(--c-bad)}
+details summary{cursor:pointer;color:var(--c-fg2);font-size:13px;margin-top:10px}
 @media (max-width:420px){.card{padding:14px 12px 12px;border-radius:var(--r-md)}h1{font-size:18px}.stages{grid-auto-flow:row;grid-auto-columns:auto}.frame{height:520px}}

package/mcp/ui/cast.js

@@ -0,0 +1,62 @@
+/* The cast card: the assets a game needs with their route (the engine, the free CC0 starter library, generated, the
+ * person's own), a library match with its thumbnail or a price, against the art budget (assets_plan); or the starter
+ * library's matches for some words (assets_find), each with Add. Adding a library item is free; anything paid goes
+ * through the person's yes in the chat (asset_make prices it first). */
+(function () {
+  var C = Card;
+  var busy = {};
+  function thumb(src, alt) { var t = C.el('div', 'thumb'); var i = src ? C.img(src, alt) : null; if (i) t.appendChild(i); else t.appendChild(C.el('span', '', '·')); return t; }
+  function addItem(sc, item, extra) {
+    if (busy[item.id] || !sc.game) return;
+    busy[item.id] = 'Adding…'; C.render();
+    var a = { game: sc.game, item: item.id };
+    for (var k in (extra || {})) if (extra[k] !== null && extra[k] !== undefined) a[k] = extra[k];
+    C.call('asset_add', a).then(function (r) {
+      busy[item.id] = r && r.isError ? C.textOf(r) : 'Added';
+      if (!(r && r.isError)) C.tell('add:' + item.id, 'The person added ' + item.id + ' (CC0, free) from the starter library to ' + sc.game + ' on the cast card.');
+      if (sc.mode === 'plan') C.call('assets_plan', { game: sc.game }).then(C.take).catch(C.render); else C.render();
+    }).catch(function () { busy[item.id] = 'Not added'; C.render(); });
+  }
+  function plan(card, sc) {
+    var list = C.el('ul', 'list cast');
+    (sc.rows || []).forEach(function (r) {
+      var li = C.el('li', r.state === 'made' ? 'done' : r.state === 'stale' ? 'now' : 'todo');
+      li.appendChild(thumb(r.match && r.match.thumb, r.match ? r.match.name : r.id));
+      li.appendChild(C.add(C.el('div', 'cb'), C.el('b', '', r.id + (r.card ? ' · ' + r.card : '')), C.el('span', '', r.kind + ', ' + r.tier + ' · ' + (r.state === 'planned' ? (r.match ? 'library match: ' + r.match.name + ' (' + r.match.tris + ' triangles, CC0)' : r.route === 'procedural' ? 'drawn by the game\'s code (free)' : 'no library match: generated, about US$' + r.usd) : r.state + ' (' + r.route + ')'))));
+      var side = C.el('div', 'actions');
+      if (r.state === 'planned' && r.match) side.appendChild(C.btn(busy[r.match.id] || 'Use it (free)', 'small', function () { addItem(sc, r.match, { as: r.id, card: r.card, height: r.heightM || null }); }));
+      else if (r.state === 'planned' && r.usd) side.appendChild(C.btn('Generate', 'ghost small', function () { C.tell('gen:' + r.id, 'The person wants ' + r.id + ' (' + (r.card || r.kind) + ') generated: price it with asset_make (a dry run) and ask before paying.'); busy[r.id] = 'Asked your AI to price it'; C.render(); }));
+      else side.appendChild(C.pill(r.state === 'made' ? 'Made' : r.state === 'stale' ? 'Stale' : r.state, r.state === 'made' ? 'ok' : r.state === 'stale' ? 'warn' : ''));
+      if (busy[r.id]) side.appendChild(C.el('span', 'fine', busy[r.id]));
+      li.appendChild(side);
+      list.appendChild(li);
+    });
+    card.appendChild(list);
+    card.appendChild(C.el('p', 'fine', 'To generate what the library cannot cover: about US$' + (sc.total || 0) + (sc.budget !== null && sc.budget !== undefined ? ' against an art budget of US$' + sc.budget : ' (no art budget: free routes only until you set one)') + '. Spent so far: US$' + (sc.spend ? sc.spend.used.toFixed(2) : '0.00') + '.'));
+  }
+  function find(card, sc) {
+    var grid = C.el('div', 'games');
+    (sc.items || []).forEach(function (it) {
+      var g = C.el('div', 'game');
+      var art = C.el('div', 'art'); var i = it.thumb ? C.img(it.thumb, it.name) : null; if (i) art.appendChild(i); else art.appendChild(document.createTextNode(it.name.slice(0, 1)));
+      g.appendChild(art);
+      g.appendChild(C.el('b', '', it.name));
+      g.appendChild(C.el('span', '', it.kind + ' · ' + it.tris + ' triangles · ' + it.kb + ' KB · ' + it.family + (it.rigged ? ' · rigged' : '')));
+      if (sc.game) g.appendChild(C.btn(busy[it.id] || 'Add (free)', 'small', function () { addItem(sc, it); }));
+      grid.appendChild(g);
+    });
+    card.appendChild(grid);
+    card.appendChild(C.el('p', 'fine', 'Every item is CC0 (free for any use, no credit required), already phone-sized. Adding one copies it into the game: it never loads from anywhere else.'));
+  }
+  function render(sc) {
+    var card = C.el('main', 'card');
+    var title = sc.mode === 'find' ? 'Free models for “' + sc.query + '”' : sc.mode === 'added' ? 'Added ' + (sc.added && sc.added.asset) : 'The cast of ' + sc.game;
+    C.add(card, C.top('Cast', sc.mode === 'plan' ? C.pill((sc.rows || []).filter(function (r) { return r.state === 'made'; }).length + ' of ' + (sc.rows || []).length + ' made', '') : null), C.el('h1', '', title));
+    if (sc.library && sc.library.error) card.appendChild(C.el('p', 'note', 'Starter library: ' + sc.library.error));
+    if (sc.mode === 'plan') plan(card, sc);
+    else if (sc.mode === 'find') find(card, sc);
+    else if (sc.added) card.appendChild(C.el('p', 'sub', sc.added.asset + ' is in games/' + sc.game + (sc.added.after ? ': ' + sc.added.after.tris + ' triangles, ' + sc.added.after.kb + ' KB' : '') + '. Licence: ' + (sc.added.license || 'CC0') + '.'));
+    return card;
+  }
+  C.start({ kind: 'cast', label: 'Cast', fullscreen: true, render: render, poll: null });
+})();

package/mcp/ui/decision.js

@@ -0,0 +1,61 @@
+/* The look-decision card: what one decision_set did. For a LOCKED decision about to change, the blast radius first:
+ * every asset made under it that would go stale, what remaking each would cost, and what a free palette re-tint fixes.
+ * Nothing changes until the person presses "Change it"; nothing is ever remade by itself. */
+(function () {
+  var C = Card;
+  var STATE = { auto: 'Auto', steered: 'Steered', pinned: 'Pinned by use', locked: 'Locked' };
+  var done = null;
+  function chips(colours) {
+    var row = C.el('span', 'chips');
+    (colours || []).forEach(function (c) { var s = C.el('span', 'swatch'); s.style.background = c; s.title = c; row.appendChild(s); });
+    return row;
+  }
+  function blast(card, b) {
+    var list = C.el('ul', 'list');
+    (b.assets || []).forEach(function (a) {
+      var li = C.el('li', a.free ? 'done' : '');
+      li.appendChild(C.add(C.el('div', 'cb'), C.el('b', '', a.id + (a.card ? ' · ' + a.card : '')), C.el('span', '', a.route + ', made under its ' + a.why)));
+      li.appendChild(a.free ? C.pill('Free: ' + a.free.replace(/ \(.*\)$/, ''), 'ok') : a.remake.usd ? C.pill('US$' + a.remake.usd.toFixed(2) + ' to remake', 'warn') : C.pill(a.remake.how, ''));
+      list.appendChild(li);
+    });
+    card.appendChild(list);
+    card.appendChild(C.el('p', 'fine', (b.assets || []).length + ' asset' + ((b.assets || []).length === 1 ? '' : 's') + ' would go stale. Remaking those with no free fix: about US$' + (b.totals ? b.totals.usd.toFixed(2) : '0.00') + '. ' + (b.note || '')));
+  }
+  function render(sc) {
+    var card = C.el('main', 'card');
+    var r = sc.record;
+    var head = sc.pending ? C.pill('Not changed yet', 'warn') : sc.ok ? C.pill(r ? (STATE[r.state] || r.state) : 'Done', r && r.state === 'locked' ? 'ok' : '') : C.pill('Not done', 'bad');
+    C.add(card, C.top('Look decision', head), C.el('h1', '', sc.pending ? 'Change the locked ' + (sc.decision || '').replace('style.', '') + '?' : r ? r.id + ': ' + r.label : (sc.action === 'pick' ? 'Picked from the style board' : 'Done')));
+    if (r && r.colours) card.appendChild(chips(r.colours));
+    if (sc.why) card.appendChild(C.el('p', sc.ok ? 'sub' : 'note bad', sc.why));
+    if (sc.pending && sc.blast) {
+      card.appendChild(C.el('p', 'sub', 'From ' + (sc.blast.from || '?') + (sc.blast.to ? ' to ' + sc.blast.to : '') + '. This is what it would make stale:'));
+      blast(card, sc.blast);
+      if (done) card.appendChild(C.el('p', 'note ' + (done === 'changed' ? 'ok' : ''), done === 'changed' ? 'Changed. The stale assets are listed; nothing was remade.' : 'Kept as it was.'));
+      else {
+        var acts = C.el('div', 'actions');
+        acts.appendChild(C.btn('Change it', 'danger', function () {
+          var a = sc.ask || {};
+          C.call('decision_set', { game: sc.game, decision: a.decision, value: a.value, unlock: true, reason: a.reason || 'the person confirmed on the card', confirm: true, by: 'person' }).then(function (res) {
+            done = 'changed';
+            C.tell('changed:' + Date.now(), 'The person confirmed changing the locked ' + a.decision + ' on the card. ' + ((sc.blast.assets || []).length) + ' asset(s) are now stale; nothing was remade. Ask before remaking any.');
+            C.take(res);
+          });
+        }));
+        acts.appendChild(C.btn('Keep it', 'ghost', function () { done = 'kept'; C.tell('kept:' + Date.now(), 'The person kept the locked ' + (sc.ask && sc.ask.decision) + ' as it is.'); C.render(); }));
+        card.appendChild(acts);
+      }
+    } else if (sc.blast) {
+      card.appendChild(C.el('p', 'sub', 'Made under the old one (stale now, nothing remade):'));
+      blast(card, sc.blast);
+    }
+    if (sc.changed && sc.changed.length && sc.action !== 'set') card.appendChild(C.el('p', 'fine', 'Changed: ' + sc.changed.join(', ')));
+    if (sc.refused && sc.refused.length) card.appendChild(C.el('p', 'fine', 'Left as locked: ' + sc.refused.join(', ')));
+    if (!sc.pending && sc.stale && sc.stale.length) card.appendChild(C.el('p', 'note', 'Stale: ' + sc.stale.join(', ') + '. Remaking any is the person\'s call, priced first.'));
+    var foot = C.el('div', 'foot');
+    foot.appendChild(C.el('span', 'when', 'Spent US$' + (sc.spend ? sc.spend.used.toFixed(2) : '0.00') + (sc.spend && sc.spend.cap !== null ? ' of US$' + sc.spend.cap : '')));
+    card.appendChild(foot);
+    return card;
+  }
+  C.start({ kind: 'decision', label: 'Look decision', render: render, poll: null });
+})();

package/mcp/ui/lineup.js

@@ -0,0 +1,68 @@
+/* The lineup card: every made asset at true scale on a 1 m grid under the game's light, front and three-quarter, their
+ * silhouettes at phone size, each asset's flags (over budget, palette drift, an unreadable silhouette, another library
+ * family, stale) and the scene's budgets as bars (asset_lineup). Also a generated prop on its way (asset_make): the price
+ * before anything is paid, the concept to look at, then the model; each paid step only on the person's press. */
+(function () {
+  var C = Card;
+  var state = { busy: null };
+  function bar(label, value, budget, unit) {
+    if (value === null || value === undefined || !budget) return null;
+    var row = C.el('div', 'budget');
+    var pct = Math.min(100, Math.round((value / budget) * 100));
+    var b = C.el('div', 'track'); var f = C.el('i'); f.style.width = pct + '%'; if (value > budget) f.className = 'over'; b.appendChild(f);
+    C.add(row, C.el('span', '', label), b, C.el('span', 'n', (typeof value === 'number' ? value.toLocaleString('en-US') : value) + ' / ' + budget.toLocaleString('en-US') + (unit || '')));
+    return row;
+  }
+  function lineup(card, sc) {
+    var pics = C.el('div', 'preview');
+    [['front', 'Front, true scale on a 1 m grid'], ['quarter', 'Three-quarter, under the game\'s light']].forEach(function (p) { var i = sc.images && C.img(sc.images[p[0]], p[1]); if (i) { i.style.maxHeight = 'none'; i.style.objectFit = 'contain'; pics.appendChild(i); } });
+    card.appendChild(pics);
+    if (sc.images && sc.images.silhouettes) { var s = C.img(sc.images.silhouettes, 'Silhouettes at 64 px'); if (s) { s.className = 'sil'; card.appendChild(s); } }
+    var list = C.el('ul', 'list');
+    (sc.rows || []).forEach(function (r) {
+      var li = C.el('li', r.flags.length ? 'now' : 'done');
+      li.appendChild(C.add(C.el('div', 'cb'), C.el('b', '', r.label + (r.size ? ' · ' + r.size[1] + ' m' : '')), C.el('span', '', r.kind + ', ' + r.route + (r.drift ? (r.drift.repaint ? ' · repainted from style.json in the game' : ' · palette distance ' + r.drift.mean) : '')), r.flags.length ? C.el('span', 'fix', r.flags.join(' · ')) : null));
+      li.appendChild(C.pill(r.flags.length ? r.flags.length + ' flag' + (r.flags.length === 1 ? '' : 's') : 'Fits', r.flags.length ? 'warn' : 'ok'));
+      list.appendChild(li);
+    });
+    card.appendChild(list);
+    if (sc.totals && sc.budgets) {
+      card.appendChild(C.el('h2', '', 'Phone budgets, the whole scene'));
+      [bar('Draw calls', sc.totals.drawCalls, sc.budgets.drawCalls), bar('Triangles', sc.totals.triangles, sc.budgets.triangles), bar('Picture memory', sc.totals.textureMB, sc.budgets.textureMB, ' MB'), bar('First play', sc.totals.firstPlayMB, sc.budgets.firstPlayMB, ' MB')].forEach(function (b) { if (b) card.appendChild(b); });
+    }
+  }
+  function make(card, sc) {
+    var run = function (args, note) {
+      state.busy = note; C.render();
+      var a = { game: sc.game, asset: sc.asset };
+      for (var q in (sc.request || {})) a[q] = sc.request[q];
+      for (var k in args) a[k] = args[k];
+      C.call('asset_make', a).then(function (r) { state.busy = null; C.take(r); }).catch(function () { state.busy = 'That did not reach the studio.'; C.render(); });
+    };
+    if (sc.concept) { var i = C.img(sc.concept, 'The concept for ' + sc.asset); if (i) { i.style.maxHeight = '360px'; i.style.objectFit = 'contain'; card.appendChild(C.add(C.el('div', 'preview'), i)); } }
+    if (sc.dryRun) {
+      card.appendChild(C.el('p', 'sub', (sc.step === 'mesh' ? 'The 3D model' : 'The concept image') + ' costs about US$' + (sc.price ? sc.price.usd : '?') + (sc.total ? '; the whole prop about US$' + sc.total : '') + ', on your own fal account.'));
+      card.appendChild(C.add(C.el('div', 'actions'), C.btn('Make it (US$' + (sc.price ? sc.price.usd : '?') + ')', '', function () { C.tell('approve:' + sc.asset + sc.step, 'The person approved US$' + (sc.price && sc.price.usd) + ' for the ' + sc.step + ' of ' + sc.asset + ' on the card.'); run({ step: sc.step, approve: true }, 'Making it…'); })));
+    } else if (sc.needs === 'approval' || sc.why) card.appendChild(C.el('p', 'note', sc.why || 'Needs the person\'s yes.'));
+    else if ((sc.step === 'concept' || sc.step === 'look') && sc.concept) {
+      card.appendChild(C.el('p', 'sub', 'Look at it: the thing, whole, in the game\'s style, on a plain background? Then the 3D model (about US$' + (sc.then ? sc.then.usd : '0.50') + ').'));
+      card.appendChild(C.add(C.el('div', 'actions'), C.btn('Make the 3D model', '', function () { C.tell('mesh:' + sc.asset, 'The person approved the 3D model of ' + sc.asset + ' (about US$' + (sc.then ? sc.then.usd : '0.50') + ') on the card.'); run({ step: 'mesh', approve: true }, 'Making the model (1 to 3 minutes)…'); })));
+    } else if (sc.step === 'mesh' && sc.after) {
+      card.appendChild(C.el('p', 'note ok', sc.asset + ': ' + sc.before.tris + ' → ' + sc.after.tris + ' triangles, ' + sc.after.kb + ' KB, ' + sc.after.heightM + ' m. Recorded with its receipts and licence.'));
+      card.appendChild(C.add(C.el('div', 'actions'), C.btn('Show the lineup', 'ghost', function () { state.busy = 'Drawing the lineup…'; C.render(); C.call('asset_lineup', { game: sc.game }).then(function (r) { state.busy = null; C.take(r); }); })));
+    }
+  }
+  function render(sc) {
+    var card = C.el('main', 'card');
+    var flagged = sc.mode === 'lineup' ? sc.flagged : null;
+    C.add(card, C.top(sc.mode === 'make' ? 'Make a prop' : 'Lineup', C.add(C.el('div', 'actions'), flagged !== null && flagged !== undefined ? C.pill(flagged ? flagged + ' flagged' : 'One look', flagged ? 'warn' : 'ok') : null, C.fullscreenButton())),
+      C.el('h1', '', sc.mode === 'make' ? sc.asset : 'The cast of ' + sc.game + ', at true scale'));
+    if (state.busy) card.appendChild(C.el('p', 'note', state.busy));
+    if (sc.mode === 'make') make(card, sc); else lineup(card, sc);
+    var foot = C.el('div', 'foot');
+    foot.appendChild(C.el('span', 'when', 'Spent US$' + (sc.spend ? sc.spend.used.toFixed(2) : '0.00') + (sc.spend && sc.spend.cap !== null ? ' of US$' + sc.spend.cap : '') + ' · receipts in art/receipts.jsonl'));
+    card.appendChild(foot);
+    return card;
+  }
+  C.start({ kind: 'lineup', label: 'Lineup', fullscreen: true, render: render, poll: null });
+})();

package/mcp/ui/rights.js

@@ -0,0 +1,30 @@
+/* The rights card: every asset's licence in plain words (asset_rights): where it came from, its licence, the credit it
+ * owes, what a remixer gets; what would stop a public game from publishing, with its fix; and RIGHTS.md itself. */
+(function () {
+  var C = Card;
+  var REMIX = { include: 'A remix gets it', reference: 'A remix fetches it from its origin', none: 'A remix gets a placeholder' };
+  var LICENCE = { cc0: 'CC0 (public domain)', 'cc-by-4.0': 'CC BY 4.0', 'cc-by-3.0': 'CC BY 3.0', own: 'Your own work', generated: 'Generated on your account', qal: 'Quaternius licence', mixamo: 'Mixamo', other: 'Other' };
+  function render(sc) {
+    var card = C.el('main', 'card');
+    var refuse = (sc.problems || []).filter(function (p) { return p.level === 'refuse'; });
+    C.add(card, C.top('Rights', C.pill(refuse.length ? refuse.length + ' to fix' : 'Publishable', refuse.length ? 'bad' : 'ok')), C.el('h1', '', 'Who owns what in ' + sc.game));
+    var list = C.el('ul', 'list');
+    (sc.rows || []).forEach(function (r) {
+      var li = C.el('li', r.license ? 'done' : 'now');
+      li.appendChild(C.add(C.el('div', 'cb'), C.el('b', '', r.id + ' · ' + r.kind), C.el('span', '', (LICENCE[r.license] || r.license || 'NO LICENCE RECORDED') + ' · ' + r.route + (r.from ? ' (' + r.from + ')' : '') + (r.placeholder ? ' · a placeholder' : '')), r.attribution ? C.el('span', 'fix', 'Credit: ' + r.attribution) : null));
+      li.appendChild(C.pill(REMIX[r.remix] || 'No remix rule', r.remix === 'include' ? 'ok' : 'warn'));
+      list.appendChild(li);
+    });
+    card.appendChild(list);
+    (sc.problems || []).forEach(function (p) { card.appendChild(C.el('p', 'note' + (p.level === 'refuse' ? ' bad' : ''), p.asset + ': ' + p.problem + (p.fix ? ' (' + p.fix + ')' : ''))); });
+    if (sc.text) {
+      var d = C.el('details'); d.appendChild(C.el('summary', '', sc.file || 'RIGHTS.md'));
+      d.appendChild(C.el('pre', 'log', sc.text));
+      d.ontoggle = function () { C.size(); };
+      card.appendChild(d);
+    }
+    card.appendChild(C.el('p', 'fine', 'Terms change: read the providers\' live pages again before publishing anything commercial.'));
+    return card;
+  }
+  C.start({ kind: 'rights', label: 'Rights', render: render, poll: null });
+})();