@m0saic/templates 0.2.0

package/dist/m0saic/alpine/treemap/v2/treemap.js

@@ -0,0 +1,323 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlpineTreemapV2 = void 0;
+const types_1 = require("@m0saic/types");
+const template_utils_1 = require("@m0saic/template-utils");
+const alpine_card_1 = require("../../_shared/alpine-card");
+const alpine_theme_1 = require("../../_shared/alpine-theme");
+const alpine_anim_1 = require("../../_shared/alpine-anim");
+const onboarding_cover_1 = require("../../../_shared/onboarding-cover");
+const DEFAULT_PRESET = "light";
+const DEFAULT_RENDER_MODE = "premium";
+const DEFAULT_ANIM = { renderMode: DEFAULT_RENDER_MODE, introFrac: 0.7, easing: "easeOut", reduceMotion: false };
+const DEFAULT_VALUE_MODE = "percent";
+const MAX_ITEMS = 12;
+// ---------------------------------------------------------------------------
+// Color / format helpers
+// ---------------------------------------------------------------------------
+function luminance(hex) {
+    const m = /^#?([0-9a-f]{6})/i.exec(String(hex));
+    if (!m)
+        return 0;
+    const v = parseInt(m[1], 16);
+    return (0.2126 * ((v >> 16) & 0xff) + 0.7152 * ((v >> 8) & 0xff) + 0.0722 * (v & 0xff)) / 255;
+}
+function onColor(hex, light, dark) {
+    return luminance(hex) > 0.62 ? dark : light;
+}
+function compactNum(v) {
+    const n = Math.round(v);
+    const abs = Math.abs(n);
+    const fmt = (x, suf) => `${x.toFixed(1).replace(/\.0$/, "")}${suf}`;
+    if (abs < 1000)
+        return String(n);
+    if (abs < 1e6)
+        return fmt(n / 1e3, "K");
+    if (abs < 1e9)
+        return fmt(n / 1e6, "M");
+    return fmt(n / 1e9, "B");
+}
+/** Script-aware single-line clip (fitEmUnits at the pack's 0.62em model) —
+ *  flat chars under-cut wide scripts ~1.5× and still clipped. */
+function truncateToWidth(text, font, maxW) {
+    return (0, alpine_card_1.fitEmUnits)(text, Math.max(1, maxW / (font * 0.62)));
+}
+/** Worst (largest) aspect ratio of a row of areas laid along a side of length `side`. */
+function worstRatio(areas, side) {
+    if (areas.length === 0)
+        return Infinity;
+    const s = areas.reduce((a, b) => a + b, 0);
+    const rmax = Math.max(...areas), rmin = Math.min(...areas);
+    return Math.max((side * side * rmax) / (s * s), (s * s) / (side * side * rmin));
+}
+/**
+ * Build a Node for `tiles` filling a `w×h` rect, via squarified nested splits.
+ * `mk(tile, pxW, pxH)` renders one tile Node given its pixel footprint.
+ */
+function squarifyNode(tiles, rect, mk) {
+    if (tiles.length === 0)
+        return alpine_card_1.EMPTY;
+    if (tiles.length === 1)
+        return mk(tiles[0], { w: rect.w, h: rect.h });
+    // Greedily accumulate the first row while it keeps aspect ratios improving.
+    const side = Math.min(rect.w, rect.h);
+    let split = 1;
+    while (split < tiles.length &&
+        worstRatio(tiles.slice(0, split + 1).map((t) => t.area), side) <= worstRatio(tiles.slice(0, split).map((t) => t.area), side)) {
+        split++;
+    }
+    const row = tiles.slice(0, split);
+    const rest = tiles.slice(split);
+    const rowSum = row.reduce((a, t) => a + t.area, 0);
+    const horizontal = rect.w >= rect.h; // carve a COLUMN down the left edge
+    // Weights are PX/4 along the split axis (px-per-weight ≥4 law) — raw px²
+    // areas rescale to a 120 basis even inside a ~40px strip (0.3px cells →
+    // SPLIT_EXCEEDS_AXIS at small canvases; max12@360×640 refused to render).
+    const q4 = (v) => Math.max(1, Math.round(v / 4));
+    if (horizontal) {
+        const rw = rest.length ? rowSum / rect.h : rect.w; // last group fills the width
+        const colNode = (0, alpine_card_1.rowSplit)(row.map((t) => ({ weight: q4((t.area / rowSum) * rect.h), node: mk(t, { w: rw, h: (t.area / rowSum) * rect.h }) })));
+        if (!rest.length)
+            return colNode;
+        return (0, alpine_card_1.colSplit)([
+            { weight: q4(rw), node: colNode },
+            { weight: q4(rect.w - rw), node: squarifyNode(rest, { w: rect.w - rw, h: rect.h }, mk) },
+        ]);
+    }
+    else {
+        const rh = rest.length ? rowSum / rect.w : rect.h; // last group fills the height
+        const rowNode = (0, alpine_card_1.colSplit)(row.map((t) => ({ weight: q4((t.area / rowSum) * rect.w), node: mk(t, { w: (t.area / rowSum) * rect.w, h: rh }) })));
+        if (!rest.length)
+            return rowNode;
+        return (0, alpine_card_1.rowSplit)([
+            { weight: q4(rh), node: rowNode },
+            { weight: q4(rect.h - rh), node: squarifyNode(rest, { w: rect.w, h: rect.h - rh }, mk) },
+        ]);
+    }
+}
+// ---------------------------------------------------------------------------
+// Template
+// ---------------------------------------------------------------------------
+const propsSchema = (0, template_utils_1.definePropsSchema)({
+    items: { type: "array", required: true, description: "Treemap items. Each: a label, a value (sizes the tile), an optional color.", meta: { control: { flavor: "objectRows", columns: [{ label: "Label", key: "label", kind: "text", placeholder: "Segment" }, { label: "Value", key: "value", kind: "number" }, { label: "Color", key: "color", kind: "color" }] }, ui: { label: "Items", order: 1 } } },
+    title: { type: "string", required: false, description: "Card title.", meta: { control: { placeholder: "e.g., MARKET SHARE" }, ui: { label: "Title", order: 2 } } },
+    subtitle: { type: "string", required: false, description: "Card subtitle.", meta: { ui: { label: "Subtitle", order: 3 } } },
+    valueMode: { type: "string", required: false, description: "Second label line: percent share, raw value, or none.", meta: { constraints: { oneOf: ["percent", "value", "none"] }, ui: { label: "Value mode", order: 4 } } },
+    preset: { type: "string", required: false, description: "Alpine theme variant.", meta: { constraints: { oneOf: ["light", "dark"] }, ui: { label: "Preset", order: 5 } } },
+    showValue: { type: "boolean", required: false, description: "Show the value / share line in each tile.", meta: { ui: { label: "Show value", order: 6 } } },
+    tiles: {
+        type: "group", required: false, description: "Tile geometry.",
+        meta: { ui: { label: "Tiles", order: 7, collapsedByDefault: true } },
+        fields: { cornerRadius: (0, alpine_anim_1.fFrac)("Tile radius", "Tile corner radius (0..0.5).") },
+    },
+    anim: {
+        type: "group", required: false, description: "Reveal mode + tile-cascade intro.",
+        meta: { ui: { label: "Animation", order: 8, collapsedByDefault: true } },
+        fields: {
+            renderMode: (0, alpine_anim_1.fEnum)("Render mode", ["premium", "light"], "\"premium\" (default): tiles + text fade in — a geq each. \"light\": the same cascade via free enable-gate pops — no geq, composable, cheap when nested."),
+            reduceMotion: alpine_anim_1.ALPINE_ANIM_FIELDS.reduceMotion,
+            introFrac: alpine_anim_1.ALPINE_ANIM_FIELDS.introFrac,
+            easing: alpine_anim_1.ALPINE_ANIM_FIELDS.easing,
+        },
+    },
+    theme: {
+        type: "group", required: false, description: "Opt into a theme source. Uses the alpine preset by default; set a producer slug + namespace to pull shared design tokens. Explicit color props still win.",
+        meta: { ui: { label: "Theme", order: 9, collapsedByDefault: true } },
+        fields: { slug: (0, alpine_anim_1.fStr)("Producer slug", "Producer template to seed tokens from (e.g. \"@m0saic/theming/v1\").", "preset palette (no producer)"), preset: (0, alpine_anim_1.fStr)("Preset", "Producer preset/variant (light | dark | high-contrast; producer-defined).", "producer default"), namespace: (0, alpine_anim_1.fStr)("Namespace", "Upstream alias to read tokens from. Default \"theme\".", "theme"), forceFetch: (0, alpine_anim_1.fBool)("Force fetch", "Re-seed via the slug even if the namespace is populated.") },
+    },
+    debugLayout: { type: "boolean", required: false, description: "Dev-only: draw the layout contract (tile text fits its slot) instead of the card.", meta: { ui: { label: "Debug layout", order: 10 } } },
+});
+exports.AlpineTreemapV2 = {
+    id: (0, types_1.asTemplateId)("@m0saic/alpine/treemap/v2"),
+    label: "Alpine Treemap",
+    version: 2,
+    description: "Alpine treemap — friendly mobile-marketing card: value-sized rounded tiles (squarified) filling the card, each labelled with its name + share, tiles fading in biggest→smallest. Standalone Alpine brand flavor. v2 rebuilds the geometry as a ratio layout (squarified nested splits + gap-as-inset) so it composes at any canvas without the absolute-placement precision blowup.",
+    capabilities: { tier: "core" },
+    primitive: true,
+    tags: ["data-viz", "alpine", "treemap", "proportion", "animated", "analysts", "developers", "breakdown", "composition"],
+    outputHints: { format: { kind: "video", container: "mp4" }, width: 1280, height: 800, fps: 30, durationMs: 2000 },
+    propsSchema,
+    defaultProps: {
+        debugLayout: false,
+        theme: { forceFetch: false },
+        items: [
+            { label: "Engineering", value: 42 },
+            { label: "Sales", value: 26 },
+            { label: "Marketing", value: 16 },
+            { label: "Support", value: 9 },
+            { label: "Design", value: 7 },
+        ],
+        title: "HEADCOUNT",
+        subtitle: "By department",
+        preset: DEFAULT_PRESET,
+        valueMode: DEFAULT_VALUE_MODE,
+        tiles: { cornerRadius: 0.06 },
+        showValue: true,
+        anim: DEFAULT_ANIM,
+    },
+    async render(props, ctx) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const W = Math.max(1, Math.round(ctx.target.width));
+        const H = Math.max(1, Math.round(ctx.target.height));
+        // Keep each drawn item's ORIGINAL index into props.items: the leaf bindings
+        // (Make's double-click edit of items[i].label / value) must address the prop
+        // value, not the culled / truncated / size-sorted draw order.
+        const rawEntries = ((_a = props.items) !== null && _a !== void 0 ? _a : [])
+            .map((it, srcIndex) => ({ it, srcIndex }))
+            .filter(({ it }) => it && typeof it.label === "string" && Number.isFinite(it.value) && it.value > 0)
+            .slice(0, MAX_ITEMS);
+        const raw = rawEntries.map((e) => e.it);
+        if (raw.length === 0) {
+            return (0, template_utils_1.makeErrorMosaic)("items[] must have at least one item with value > 0", { title: `${this.id} props`, width: W, height: H });
+        }
+        const theme = await (0, alpine_theme_1.resolveAlpineTheme)((_b = props.preset) !== null && _b !== void 0 ? _b : DEFAULT_PRESET, ctx, props.theme);
+        const anim = { ...DEFAULT_ANIM, ...((_c = props.anim) !== null && _c !== void 0 ? _c : {}) };
+        const animate = !anim.reduceMotion;
+        const light = ((_d = anim.renderMode) !== null && _d !== void 0 ? _d : DEFAULT_RENDER_MODE) === "light";
+        const revealOv = (s, dur) => light ? { startAtSec: s, enable: `gte(t,${s.toFixed(3)})` } : { startAtSec: s, alpha: (0, template_utils_1.fadeInExpr)(s, dur) };
+        const ffText = (src, s, dur) => { var _a; return !animate ? src : light ? (0, alpine_anim_1.revealGate)(src, s) : { ...src, overlay: { ...((_a = src.overlay) !== null && _a !== void 0 ? _a : {}), alpha: (0, template_utils_1.fadeInExpr)(s, dur) } }; };
+        const showValue = (_e = props.showValue) !== null && _e !== void 0 ? _e : true;
+        const valueMode = (_f = props.valueMode) !== null && _f !== void 0 ? _f : DEFAULT_VALUE_MODE;
+        const cornerRadius = Math.max(0, Math.min(0.5, (_h = (_g = props.tiles) === null || _g === void 0 ? void 0 : _g.cornerRadius) !== null && _h !== void 0 ? _h : 0.06));
+        // Sort biggest→smallest (squarify expects descending); keep the original index
+        // so per-item color overrides + palette cycling track the input order.
+        const order = raw.map((_, i) => i).sort((a, b) => raw[b].value - raw[a].value);
+        const total = raw.reduce((s, it) => s + it.value, 0);
+        const tileColor = (origIdx) => (0, alpine_card_1.resolveColor)(raw[origIdx].color, alpine_theme_1.ALPINE_PALETTE[origIdx % alpine_theme_1.ALPINE_PALETTE.length]);
+        const card = (0, alpine_card_1.alpineCard)({ theme, W, H, title: props.title, subtitle: props.subtitle });
+        const cr = card.contentRect;
+        const gap = Math.max(2, Math.round(Math.min(cr.w, cr.h) * 0.012));
+        const baseNameFont = Math.max(12, Math.round(H * 0.028));
+        const baseValFont = Math.max(10, Math.round(H * 0.022));
+        const minNameFont = Math.max(10, Math.round(H * 0.018));
+        const clipSec = Math.max(0.1, ((_j = ctx.target.durationMs) !== null && _j !== void 0 ? _j : 2000) / 1000);
+        const introT = Math.max(0.1, Math.min(1, anim.introFrac) * clipSec);
+        const fadeDur = Math.max(0.08, introT * 0.45);
+        const N = order.length;
+        const startAt = (rank) => (animate ? (introT - fadeDur) * (N > 1 ? rank / (N - 1) : 0) : 0);
+        // One tile: a rounded color cell with the gap as a per-tile inset (axis-even px),
+        // plus its name/value labels in the top-left of the cell.
+        const mkTile = (t, px) => {
+            const fill = tileColor(t.origIdx);
+            const s = startAt(t.rank);
+            // Leaf binding into the `items` prop at the item's ORIGINAL index
+            // (t.origIdx indexes the culled `raw` list; its entry remembers the prop index).
+            const bindItem = (src, field, kind) => (0, template_utils_1.bindPropPath)(src, "items", [rawEntries[t.origIdx].srcIndex, field], kind);
+            // Gap as a placement.inset — half-gap per side, in cell-relative fractions so
+            // the pixel gap is even on both axes (zero DSL tokens, the heatmap move).
+            const insetX = Math.min(0.45, gap / 2 / Math.max(1, px.w));
+            const insetY = Math.min(0.45, gap / 2 / Math.max(1, px.h));
+            // The tile's AREA is the value — one surface per item — so it binds items[i].value.
+            const tileBg = bindItem((0, template_utils_1.makeColorTile)(fill, {
+                effects: { rounding: { cornerStyle: "rounded", borderRadius: cornerRadius } },
+                placement: { inset: { top: insetY, right: insetX, bottom: insetY, left: insetX } },
+                ...(animate ? { overlay: revealOv(s, fadeDur) } : {}),
+            }), "value", "number");
+            // The visible (post-inset) tile footprint, for label sizing.
+            const tw = px.w - gap, th = px.h - gap;
+            const pad = Math.max(2, Math.round(Math.min(tw, th) * 0.1));
+            const innerW = tw - pad * 2;
+            const nameLen = Math.max(1, (0, template_utils_1.textEmUnits)(raw[t.origIdx].label));
+            const nameFont = Math.max(minNameFont, Math.min(baseNameFont, Math.floor(innerW / (nameLen * 0.62))));
+            const valFont = Math.max(8, Math.round(nameFont * (baseValFont / baseNameFont)));
+            const txtColor = onColor(fill, "#FFFFFF", theme.title);
+            const subColor = onColor(fill, "#FFFFFF", theme.subtitle);
+            const wantValue = showValue && valueMode !== "none";
+            const fitsName = innerW >= nameFont * 2 && th >= nameFont * 1.9;
+            const fitsValue = wantValue && th >= pad * 2 + nameFont * 1.7 + valFont * 1.2;
+            if (!fitsName)
+                return (0, alpine_card_1.paint)(tileBg);
+            const name = truncateToWidth(raw[t.origIdx].label, nameFont, innerW);
+            const padFracL = pad / Math.max(1, px.w);
+            // `bind` = the items[i] leaf this text SHOWS (name → label; a raw value → value).
+            const mkText = (text, font, color, sd, kind, bind) => {
+                const src = ffText((0, alpine_card_1.tag)((0, alpine_card_1.textCell)(text, font, color, "left", "middle", { left: padFracL }), kind), s + sd, fadeDur);
+                return (0, alpine_card_1.paint)(bind ? bindItem(src, bind[0], bind[1]) : src);
+            };
+            // Label stack in the top of the cell: [padTop · name · (gap · value)? · rest].
+            // Weights are PX/4 (px-per-weight ≥4 law), NOT a forced 100 basis — a
+            // 100-unit split inside a ~30px tile is sub-pixel, and the engine folds
+            // those cells away (paint-slot/sources count mismatch → doc refused;
+            // 20/84 baseline battery canvases failed exactly here).
+            const q4 = (v) => Math.max(1, Math.round(v / 4));
+            const padTop = pad, nameH = Math.round(nameFont * 1.5);
+            const gapH = Math.round(nameFont * 0.35), valH = Math.round(valFont * 1.4);
+            const bands = [{ weight: q4(padTop), node: alpine_card_1.EMPTY }];
+            bands.push({ weight: q4(nameH), node: mkText(name, nameFont, txtColor, fadeDur * 0.3, "tile-name", ["label", "string"]) });
+            let usedPx = padTop + nameH;
+            if (fitsValue) {
+                const vText = valueMode === "percent" ? `${Math.round((raw[t.origIdx].value / total) * 100)}%` : compactNum(raw[t.origIdx].value);
+                bands.push({ weight: q4(gapH), node: alpine_card_1.EMPTY });
+                // A percent share is value/total — it merges every item's value, so it
+                // stays unbound; the raw compact value is a formatting of the one leaf.
+                bands.push({ weight: q4(valH), node: mkText(vText, valFont, subColor, fadeDur * 0.4, "tile-value", valueMode === "value" ? ["value", "number"] : undefined) });
+                usedPx += gapH + valH;
+            }
+            if (usedPx < px.h - 4)
+                bands.push({ weight: q4(px.h - usedPx), node: alpine_card_1.EMPTY });
+            return (0, alpine_card_1.overlay)([(0, alpine_card_1.paint)(tileBg), (0, alpine_card_1.rowSplit)(bands)]);
+        };
+        // Areas scaled to the content rect's PIXEL area — squarify's aspect-ratio + strip
+        // math (rw = area/height) needs px², not fractions.
+        const areaPx = Math.max(1, cr.w * cr.h);
+        const tileInfos = order.map((oi, rank) => ({ origIdx: oi, rank, area: (raw[oi].value / total) * areaPx }));
+        const body = squarifyNode(tileInfos, { w: cr.w, h: cr.h }, mkTile);
+        const root = card.compose(body);
+        const doc = {
+            kind: "mosaic_document",
+            version: 1,
+            assets: {},
+            m0: root.m0,
+            sources: root.sources,
+            backgroundColor: card.backgroundColor,
+            fps: ctx.target.fps,
+            durationMs: ctx.target.durationMs,
+        };
+        // Dev tripwire: every painted tile label FITS its slot at the CLI's
+        // metrics (the tile sizes themselves are value-proportional by
+        // construction — no equal relation applies; an area-proportionality rule
+        // is a future contract primitive). No expr text → full coverage. Falsy
+        // debugLayout (default) returns the doc untouched at zero cost.
+        // hasNames/hasValues: tiny tiles legitimately DROP their labels
+        // (fitsName/fitsValue gates) — an unmatched label is a violation.
+        const hasNames = doc.sources.some((x) => { var _a; return ((_a = x.editor) === null || _a === void 0 ? void 0 : _a.label) === "tile-name"; });
+        const hasValues = doc.sources.some((x) => { var _a; return ((_a = x.editor) === null || _a === void 0 ? void 0 : _a.label) === "tile-value"; });
+        return Promise.resolve((0, template_utils_1.withLayoutContract)(doc, ctx, {
+            templateId: "@m0saic/alpine/treemap/v2",
+            constraints: [
+                ...card.constraints,
+                ...(hasNames ? [{ label: "tile-name", textFits: { charWidthEm: 0.62 } }] : []),
+                ...(hasValues ? [{ label: "tile-value", textFits: { charWidthEm: 0.62 } }] : []),
+            ],
+            debug: props.debugLayout === true,
+        }));
+    },
+    // Editor-only first-open cover — the mosaic-branding theme; hero = the
+    // template's own static default render, INLINED flat (gate-15/21 keeper).
+    async renderCover(_props, ctx) {
+        const heroBox = (0, onboarding_cover_1.brandedCoverHeroBox)(ctx, "band");
+        const heroCtx = {
+            ...ctx,
+            target: { ...ctx.target, width: heroBox.width, height: heroBox.height },
+            output: { ...ctx.output, width: heroBox.width, height: heroBox.height },
+        };
+        const hero = (await exports.AlpineTreemapV2.render({
+            ...exports.AlpineTreemapV2.defaultProps,
+            anim: { ...DEFAULT_ANIM, reduceMotion: true },
+        }, heroCtx));
+        return (0, onboarding_cover_1.buildBrandedCover)({
+            ctx,
+            // Band variant (founder ruling 08-30): basic viz needs no
+            // explanation — hero full-bleed + brand band, nothing else.
+            variant: "band",
+            copy: {
+                productName: "Treemap",
+                title: "A treemap.",
+            },
+            hero: (theme) => (0, onboarding_cover_1.onboardingFrame)((0, onboarding_cover_1.inlineHeroDoc)(hero), theme.borderStrong),
+            heroAssets: hero.assets,
+            children: hero.children,
+        });
+    },
+};
+(0, template_utils_1.registerTemplate)(exports.AlpineTreemapV2);

package/dist/m0saic/benchmark/battery/assets/media/README.md

@@ -0,0 +1,16 @@
+# Bundled benchmark media
+
+Small, redistributable clips referenced by the media / audio workloads (and by
+captured `real` workloads that need real footage). Extracted from **Big Buck
+Bunny** (© Blender Foundation, Creative Commons Attribution 3.0,
+peach.blender.org) with ffmpeg. Kept intentionally tiny.
+
+| File | What | Used by |
+|---|---|---|
+| `bbb-clip-01.mp4` … `bbb-clip-04.mp4` | 4× 1280×720, ~4s, video-only (h264) | `sources-media` (2×2 decode bank) |
+| `bbb-av.mp4` | 1280×720, ~8s, video + AAC audio | `sources-audio` |
+
+Workloads reference these by relative path (e.g. `"path": "../media/bbb-av.mp4"`).
+Regenerate via `tools/bake-benchmark-battery.mjs` (the clips themselves are
+produced by the ffmpeg commands recorded in this repo's benchmark plan). Only
+commit clearly redistributable assets, and note the source/license here.

package/dist/m0saic/benchmark/battery/assets/scenarios/duration-long.mosaic

@@ -0,0 +1,80 @@
+{
+  "_comment": "Benchmark · duration: a 16-cell grid rendered for 60s. Longest wall-clock; exposes how per-frame cost scales with length.",
+  "_generated": "baked by tools/bake-benchmark-battery.mjs — frozen workload, edit via the baker + a set version bump",
+  "kind": "mosaic_document",
+  "version": 1,
+  "m0": "4[4(1,1,1,1),4(1,1,1,1),4(1,1,1,1),4(1,1,1,1)]",
+  "fps": 30,
+  "durationMs": 60000,
+  "size": {
+    "width": 1920,
+    "height": 1080
+  },
+  "assets": {},
+  "sources": [
+    {
+      "type": "lavfi",
+      "color": "#1b1f3b"
+    },
+    {
+      "type": "lavfi",
+      "color": "#2d3a8c"
+    },
+    {
+      "type": "lavfi",
+      "color": "#3f8efc"
+    },
+    {
+      "type": "lavfi",
+      "color": "#43c59e"
+    },
+    {
+      "type": "lavfi",
+      "color": "#f6c177"
+    },
+    {
+      "type": "lavfi",
+      "color": "#eb6f92"
+    },
+    {
+      "type": "lavfi",
+      "color": "#9ccfd8"
+    },
+    {
+      "type": "lavfi",
+      "color": "#c4a7e7"
+    },
+    {
+      "type": "lavfi",
+      "color": "#1b1f3b"
+    },
+    {
+      "type": "lavfi",
+      "color": "#2d3a8c"
+    },
+    {
+      "type": "lavfi",
+      "color": "#3f8efc"
+    },
+    {
+      "type": "lavfi",
+      "color": "#43c59e"
+    },
+    {
+      "type": "lavfi",
+      "color": "#f6c177"
+    },
+    {
+      "type": "lavfi",
+      "color": "#eb6f92"
+    },
+    {
+      "type": "lavfi",
+      "color": "#9ccfd8"
+    },
+    {
+      "type": "lavfi",
+      "color": "#c4a7e7"
+    }
+  ]
+}

package/dist/m0saic/benchmark/battery/assets/scenarios/encoders-base.mosaic

@@ -0,0 +1,32 @@
+{
+  "_comment": "Benchmark · encoders: one canonical workload re-rendered across video codecs (software baseline + auto-detected hw encoders) via make --video-codec. Content is codec-agnostic.",
+  "_generated": "baked by tools/bake-benchmark-battery.mjs — frozen workload, edit via the baker + a set version bump",
+  "kind": "mosaic_document",
+  "version": 1,
+  "m0": "4(1,1,1,1)",
+  "fps": 30,
+  "durationMs": 8000,
+  "size": {
+    "width": 1920,
+    "height": 1080
+  },
+  "assets": {},
+  "sources": [
+    {
+      "type": "lavfi",
+      "lavfi": "mandelbrot"
+    },
+    {
+      "type": "lavfi",
+      "lavfi": "testsrc2"
+    },
+    {
+      "type": "lavfi",
+      "color": "#1b1f3b"
+    },
+    {
+      "type": "lavfi",
+      "color": "#43c59e"
+    }
+  ]
+}