@m0saic/templates 0.2.0

package/dist/m0saic/dsl-tutorial/v1/_shared/m0saic-logo.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Baked m0saic brand mark (data-URI). Generated from apps/mosaic/electron/icon.png,
+ * resized to 128x128. Self-contained + deterministic — no file-path resolution.
+ * Placed as a single media rect in the chrome header (see dsl-chrome.ts).
+ */
+export declare const M0SAIC_LOGO_DATA_URI = "data:image/png;base64,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";

package/dist/m0saic/dsl-tutorial/v1/_shared/m0saic-logo.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.M0SAIC_LOGO_DATA_URI = void 0;
+/**
+ * Baked m0saic brand mark (data-URI). Generated from apps/mosaic/electron/icon.png,
+ * resized to 128x128. Self-contained + deterministic — no file-path resolution.
+ * Placed as a single media rect in the chrome header (see dsl-chrome.ts).
+ */
+exports.M0SAIC_LOGO_DATA_URI = "data:image/png;base64,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";

package/dist/m0saic/dsl-tutorial/v1/_shared/node-kit.d.ts

@@ -0,0 +1,57 @@
+/**
+ * ============================================================================
+ * dsl-tutorial — Node combinator kit
+ * ============================================================================
+ *
+ * A local copy of the tight-rect Node kit (lifted from `@m0saic/charts/bar-graph/v2`
+ * via the Alpine pack) so this template is self-contained — NOT coupled to the
+ * Alpine pack. Build the m0 string and its sources together so source emission
+ * order always matches the DSL's DFS order (the Rect Thesis: every painted leaf
+ * is a real, addressable cell).
+ * ============================================================================
+ */
+import type { MosaicColor, MosaicSource, MosaicTextSource } from "@m0saic/types";
+/** One cell's m0 plus the sources its painted leaves contribute, in order. */
+export type Node = {
+    m0: string;
+    sources: MosaicSource[];
+};
+export type Band = {
+    weight: number;
+    node: Node;
+};
+export declare const EMPTY: Node;
+export declare const paint: (source: MosaicSource) => Node;
+/** Weighted split along an axis; drops zero/neg-weight bands, collapses singletons. */
+export declare function split(axis: "row" | "col", bands: Band[]): Node;
+export declare const rowSplit: (bands: Band[]) => Node;
+export declare const colSplit: (bands: Band[]) => Node;
+/** Overlay layers as nested overlays: base{l1{l2{…}}}. Sources concat in order.
+ *  Composition NESTS (never chains) so a base whose own m0 ends in a root overlay
+ *  stays valid (see {@link nestOverlayM0}). */
+export declare function overlay(layers: Node[]): Node;
+/** Wrap a node in empty margins so it occupies an inset rect of the parent. */
+export declare function insetNode(node: Node, top: number, right: number, bottom: number, left: number, W: number, H: number): Node;
+type HAlign = "left" | "center" | "right";
+type VAlign = "top" | "middle" | "bottom";
+/** A single fitted text cell. */
+export declare function textCell(text: string, fontSize: number, color: MosaicColor, hAlign?: HAlign, vAlign?: VAlign, padding?: {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}): MosaicTextSource;
+/** A solid (optionally rounded + bordered) color tile leaf source. */
+export declare function colorTile(color: MosaicColor, opts?: {
+    cornerRadius?: number;
+    cornerStyle?: "rounded" | "pill";
+    border?: {
+        color: MosaicColor;
+        width?: number;
+        alpha?: number;
+    };
+}): MosaicSource;
+/** A reference to a nested-template child document. Size the child's slot to the
+ *  cell rect (matched aspect) so `"contain"` fills it with no letterbox/distortion. */
+export declare function mosaicRef(ref: string, fit?: "contain" | "cover"): MosaicSource;
+export {};

package/dist/m0saic/dsl-tutorial/v1/_shared/node-kit.js

@@ -0,0 +1,156 @@
+"use strict";
+/**
+ * ============================================================================
+ * dsl-tutorial — Node combinator kit
+ * ============================================================================
+ *
+ * A local copy of the tight-rect Node kit (lifted from `@m0saic/charts/bar-graph/v2`
+ * via the Alpine pack) so this template is self-contained — NOT coupled to the
+ * Alpine pack. Build the m0 string and its sources together so source emission
+ * order always matches the DSL's DFS order (the Rect Thesis: every painted leaf
+ * is a real, addressable cell).
+ * ============================================================================
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colSplit = exports.rowSplit = exports.paint = exports.EMPTY = void 0;
+exports.split = split;
+exports.overlay = overlay;
+exports.insetNode = insetNode;
+exports.textCell = textCell;
+exports.colorTile = colorTile;
+exports.mosaicRef = mosaicRef;
+const template_utils_1 = require("@m0saic/template-utils");
+const dsl_stdlib_1 = require("@m0saic/dsl-stdlib");
+exports.EMPTY = { m0: "-", sources: [] };
+const paint = (source) => ({ m0: "F", sources: [source] });
+exports.paint = paint;
+// Cap a single split's cell count — scale weights to a small basis before
+// weightedSplit so coprime pixel weights don't expand the DSL to their sum.
+const SPLIT_BASIS_CAP = 120;
+/** Weighted split along an axis; drops zero/neg-weight bands, collapses singletons. */
+function split(axis, bands) {
+    const bs = bands.filter((b) => b.weight > 0);
+    if (bs.length === 0)
+        return exports.EMPTY;
+    if (bs.every((b) => b.node.sources.length === 0))
+        return exports.EMPTY;
+    if (bs.length === 1)
+        return bs[0].node;
+    const weights = bs.map((b) => Math.max(1, Math.round(b.weight)));
+    // Basis on the 5-smooth lattice (latticeWeights, @m0saic/template-utils):
+    // over the cap the bands are Hamilton-scaled to EXACTLY the cap (GCD ⇒ a
+    // divisor of it); a rough pixel sum under the cap drifts ≤ 1 px onto the
+    // nearest smooth basis; a symmetric inset or an item/gutter list is rewritten
+    // as the same pattern on a smooth total (every item stays equal to its
+    // siblings); smooth, tiny and equal-weight splits keep their basis.
+    const m0 = String((0, dsl_stdlib_1.weightedSplit)((0, template_utils_1.latticeWeights)(weights, { cap: SPLIT_BASIS_CAP }), axis, { claimants: bs.map((b) => b.node.m0) }));
+    return { m0, sources: bs.flatMap((b) => b.node.sources) };
+}
+const rowSplit = (bands) => split("row", bands);
+exports.rowSplit = rowSplit;
+const colSplit = (bands) => split("col", bands);
+exports.colSplit = colSplit;
+/** End index of a node's BODY — the count digits + balanced bracket group, or a
+ *  single leaf char — i.e. the position right before any ROOT-level overlay `{`. */
+function rootBodyEnd(m0) {
+    let i = 0;
+    while (i < m0.length && m0[i] >= "0" && m0[i] <= "9")
+        i++; // split count
+    if (i < m0.length && (m0[i] === "(" || m0[i] === "[")) {
+        let depth = 0;
+        for (; i < m0.length; i++) {
+            const c = m0[i];
+            if (c === "(" || c === "[")
+                depth++;
+            else if (c === ")" || c === "]") {
+                depth--;
+                if (depth === 0)
+                    return i + 1;
+            }
+        }
+        return i;
+    }
+    return Math.max(1, i); // a leaf is a single char (F/1/0/>/-)
+}
+/** Overlay `over` on top of `base`, NESTING into `base`'s deepest root overlay so
+ *  we never emit an illegal overlay CHAIN (`A{B}{C}`): when the base layout already
+ *  carries a root overlay (`A{B}`), the result is `A{B{over}}`, not `A{B}{over}`.
+ *  This is what lets the canvas composite its guides over a layout that itself uses
+ *  `{}` overlays (e.g. the brand M). */
+function nestOverlayM0(base, over) {
+    const end = rootBodyEnd(base);
+    if (end < base.length && base[end] === "{") {
+        const inner = base.slice(end + 1, base.length - 1); // strip the root `{ … }`
+        return base.slice(0, end) + "{" + nestOverlayM0(inner, over) + "}";
+    }
+    return base + "{" + over + "}";
+}
+/** Overlay layers as nested overlays: base{l1{l2{…}}}. Sources concat in order.
+ *  Composition NESTS (never chains) so a base whose own m0 ends in a root overlay
+ *  stays valid (see {@link nestOverlayM0}). */
+function overlay(layers) {
+    const ls = layers.filter((l) => l.sources.length > 0 || l.m0 !== "-");
+    if (ls.length === 0)
+        return exports.EMPTY;
+    if (ls.length === 1)
+        return ls[0];
+    let m0 = ls[ls.length - 1].m0;
+    for (let i = ls.length - 2; i >= 0; i--)
+        m0 = nestOverlayM0(ls[i].m0, m0);
+    return { m0, sources: ls.flatMap((l) => l.sources) };
+}
+/** Wrap a node in empty margins so it occupies an inset rect of the parent. */
+function insetNode(node, top, right, bottom, left, W, H) {
+    const mid = (0, exports.colSplit)([
+        { weight: left, node: exports.EMPTY },
+        { weight: W - left - right, node },
+        { weight: right, node: exports.EMPTY },
+    ]);
+    return (0, exports.rowSplit)([
+        { weight: top, node: exports.EMPTY },
+        { weight: H - top - bottom, node: mid },
+        { weight: bottom, node: exports.EMPTY },
+    ]);
+}
+/** A single fitted text cell. */
+function textCell(text, fontSize, color, hAlign = "center", vAlign = "middle", padding) {
+    const placement = { fit: "contain", hAlign, vAlign };
+    if (padding)
+        placement.padding = padding;
+    return {
+        type: "text",
+        visual: { backgroundColor: "black@0" },
+        layers: [
+            {
+                content: { kind: "literal", text: text || " " },
+                style: { fontSize, fontColor: color },
+                placement: placement,
+            },
+        ],
+    };
+}
+/** A solid (optionally rounded + bordered) color tile leaf source. */
+function colorTile(color, opts) {
+    var _a, _b, _c;
+    const effects = {};
+    if ((opts === null || opts === void 0 ? void 0 : opts.cornerRadius) != null) {
+        effects.rounding = {
+            cornerStyle: (_a = opts.cornerStyle) !== null && _a !== void 0 ? _a : "rounded",
+            borderRadius: opts.cornerRadius,
+        };
+    }
+    if (opts === null || opts === void 0 ? void 0 : opts.border) {
+        effects.stroke = {
+            position: "inner",
+            width: (_b = opts.border.width) !== null && _b !== void 0 ? _b : 0.002,
+            color: opts.border.color,
+            alpha: (_c = opts.border.alpha) !== null && _c !== void 0 ? _c : 1,
+        };
+    }
+    return (0, template_utils_1.makeColorTile)(color, Object.keys(effects).length ? { effects } : undefined);
+}
+/** A reference to a nested-template child document. Size the child's slot to the
+ *  cell rect (matched aspect) so `"contain"` fills it with no letterbox/distortion. */
+function mosaicRef(ref, fit = "contain") {
+    return { type: "mosaic", ref, placement: { fit } };
+}

package/dist/m0saic/dsl-tutorial/v1/_shared/text-fit.d.ts

@@ -0,0 +1,76 @@
+/**
+ * ============================================================================
+ * dsl-tutorial — width-aware text fitting (the CLI width model)
+ * ============================================================================
+ *
+ * The engine's `drawtext` never shrinks a string: `placement.fit` only picks
+ * the anchor, so a label whose ink is wider than its cell CLIPS at the cell
+ * edge (portrait canvases turned "Animated Wireframe" into "Animated" and
+ * every 4-digit inspector value into two digits). Every text the tutorial
+ * paints therefore sizes its font from BOTH axes: the band height (the look)
+ * AND the cell width under this model (the guarantee), ellipsizing only once
+ * the floor is reached.
+ *
+ * Two models, both deliberately CONSERVATIVE (a fit here never clips on either
+ * fallback face the CLI resolves — Helvetica / DejaVu Sans):
+ *
+ *  - {@link textEm} — prose / labels / numbers: the flat script-aware model the
+ *    layout contract's `textFits` rule uses (`textEmUnits` × a per-site em), so
+ *    the fit and the `debugLayout` check share one ruler.
+ *  - {@link m0GlyphEm} — the m0 alphabet, per glyph: the DSL strip positions
+ *    one glyph per column, so its font is bounded by the WIDEST glyph's ink
+ *    (`>` .85em, brackets .65em) — a flat model would over-measure the
+ *    comma-heavy string ~1.7× and shrink the strip for nothing.
+ *
+ * Pack-local on purpose (lifted from the wireframe family's gate-30 fit) so
+ * the tutorial stays self-contained, like `node-kit.ts`.
+ * ============================================================================
+ */
+/** Em per Latin char for prose / labels (matches the alpine pack's contract em). */
+export declare const PROSE_EM = 0.62;
+/** Em per char for digit-heavy values (DejaVu digits set .636em — .62 under-measures). */
+export declare const DIGIT_EM = 0.68;
+/** Em per char for ALL-CAPS captions (Helvetica caps ~.7, DejaVu ~.75). */
+export declare const CAPS_EM = 0.76;
+/** Proportional slack a fit leaves inside its cell (side bearings). */
+export declare const FIT_SLACK = 0.94;
+/** Absolute slack (px) per fit — the engine's floor quantization can hand a
+ *  leaf 1–2px less than its modelled share, and that loss is per split level,
+ *  not proportional (a 28px chip realized 24px at 800×450). */
+export declare const FIT_QUANT_PX = 2;
+/** The width budget a string may fill inside a `cellPx`-wide cell. */
+export declare function fitBudget(cellPx: number): number;
+/** Modelled ink width (px) of `text` at `fontSize` under a flat em. */
+export declare function textWidthPx(text: string, fontSize: number, em?: number): number;
+/** Em width of `text` under the flat model. */
+export declare function textEm(text: string, em?: number): number;
+/**
+ * Per-glyph em width of the m0 alphabet on the CLI face. Stays ABOVE both
+ * fallback faces (Helvetica comma .278 / paren .333 / bracket .278; DejaVu
+ * comma .318 / paren .39 / bracket .39 / digit .636 / `>` .838 / brace .635).
+ */
+export declare function m0GlyphEm(ch: string): number;
+/** The widest glyph (em) in a string of m0 glyphs — bounds a per-column font. */
+export declare function widestM0GlyphEm(glyphs: readonly string[]): number;
+/**
+ * The largest integer font size in `[minPx, maxPx]` whose modelled ink fits
+ * `availW`. `maxPx` is the height-driven size the design wants; the width
+ * model only ever shrinks it. Never returns below `minPx` (the caller then
+ * ellipsizes — see {@link fitLine}).
+ */
+export declare function fitFontPx(text: string, availW: number, maxPx: number, minPx: number, em?: number): number;
+/** The largest font in `[minPx, maxPx]` at which EVERY string fits its own width. */
+export declare function fitFontPxAll(items: ReadonlyArray<{
+    text: string;
+    availW: number;
+    em?: number;
+}>, maxPx: number, minPx: number): number;
+/**
+ * Fit one line into `availW`: shrink the font from `maxPx` down to `minPx`
+ * under the model; if it still doesn't fit at the floor, END-ellipsize the
+ * text to the em budget. The design's height-driven size is the ceiling.
+ */
+export declare function fitLine(text: string, availW: number, maxPx: number, minPx: number, em?: number): {
+    text: string;
+    fontSize: number;
+};

package/dist/m0saic/dsl-tutorial/v1/_shared/text-fit.js

@@ -0,0 +1,127 @@
+"use strict";
+/**
+ * ============================================================================
+ * dsl-tutorial — width-aware text fitting (the CLI width model)
+ * ============================================================================
+ *
+ * The engine's `drawtext` never shrinks a string: `placement.fit` only picks
+ * the anchor, so a label whose ink is wider than its cell CLIPS at the cell
+ * edge (portrait canvases turned "Animated Wireframe" into "Animated" and
+ * every 4-digit inspector value into two digits). Every text the tutorial
+ * paints therefore sizes its font from BOTH axes: the band height (the look)
+ * AND the cell width under this model (the guarantee), ellipsizing only once
+ * the floor is reached.
+ *
+ * Two models, both deliberately CONSERVATIVE (a fit here never clips on either
+ * fallback face the CLI resolves — Helvetica / DejaVu Sans):
+ *
+ *  - {@link textEm} — prose / labels / numbers: the flat script-aware model the
+ *    layout contract's `textFits` rule uses (`textEmUnits` × a per-site em), so
+ *    the fit and the `debugLayout` check share one ruler.
+ *  - {@link m0GlyphEm} — the m0 alphabet, per glyph: the DSL strip positions
+ *    one glyph per column, so its font is bounded by the WIDEST glyph's ink
+ *    (`>` .85em, brackets .65em) — a flat model would over-measure the
+ *    comma-heavy string ~1.7× and shrink the strip for nothing.
+ *
+ * Pack-local on purpose (lifted from the wireframe family's gate-30 fit) so
+ * the tutorial stays self-contained, like `node-kit.ts`.
+ * ============================================================================
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIT_QUANT_PX = exports.FIT_SLACK = exports.CAPS_EM = exports.DIGIT_EM = exports.PROSE_EM = void 0;
+exports.fitBudget = fitBudget;
+exports.textWidthPx = textWidthPx;
+exports.textEm = textEm;
+exports.m0GlyphEm = m0GlyphEm;
+exports.widestM0GlyphEm = widestM0GlyphEm;
+exports.fitFontPx = fitFontPx;
+exports.fitFontPxAll = fitFontPxAll;
+exports.fitLine = fitLine;
+const template_utils_1 = require("@m0saic/template-utils");
+/** Em per Latin char for prose / labels (matches the alpine pack's contract em). */
+exports.PROSE_EM = 0.62;
+/** Em per char for digit-heavy values (DejaVu digits set .636em — .62 under-measures). */
+exports.DIGIT_EM = 0.68;
+/** Em per char for ALL-CAPS captions (Helvetica caps ~.7, DejaVu ~.75). */
+exports.CAPS_EM = 0.76;
+/** Proportional slack a fit leaves inside its cell (side bearings). */
+exports.FIT_SLACK = 0.94;
+/** Absolute slack (px) per fit — the engine's floor quantization can hand a
+ *  leaf 1–2px less than its modelled share, and that loss is per split level,
+ *  not proportional (a 28px chip realized 24px at 800×450). */
+exports.FIT_QUANT_PX = 2;
+/** The width budget a string may fill inside a `cellPx`-wide cell. */
+function fitBudget(cellPx) {
+    return Math.max(1, cellPx * exports.FIT_SLACK - exports.FIT_QUANT_PX);
+}
+/** Modelled ink width (px) of `text` at `fontSize` under a flat em. */
+function textWidthPx(text, fontSize, em = exports.PROSE_EM) {
+    return (0, template_utils_1.textEmUnits)(text) * fontSize * em;
+}
+/** Em width of `text` under the flat model. */
+function textEm(text, em = exports.PROSE_EM) {
+    return (0, template_utils_1.textEmUnits)(text) * em;
+}
+/**
+ * Per-glyph em width of the m0 alphabet on the CLI face. Stays ABOVE both
+ * fallback faces (Helvetica comma .278 / paren .333 / bracket .278; DejaVu
+ * comma .318 / paren .39 / bracket .39 / digit .636 / `>` .838 / brace .635).
+ */
+function m0GlyphEm(ch) {
+    if (ch === ">")
+        return 0.86;
+    if (ch === "{" || ch === "}")
+        return 0.66;
+    if (ch === "F")
+        return 0.62;
+    if (ch >= "0" && ch <= "9")
+        return 0.66;
+    if (ch === "," || ch === "-" || ch === " ")
+        return 0.42;
+    if (ch === "(" || ch === ")" || ch === "[" || ch === "]")
+        return 0.42;
+    if (ch === "·")
+        return 0.42;
+    return (0, template_utils_1.textEmUnits)(ch) * 0.72;
+}
+/** The widest glyph (em) in a string of m0 glyphs — bounds a per-column font. */
+function widestM0GlyphEm(glyphs) {
+    let em = 0;
+    for (const g of glyphs)
+        em = Math.max(em, m0GlyphEm(g));
+    return em || 0.62;
+}
+/**
+ * The largest integer font size in `[minPx, maxPx]` whose modelled ink fits
+ * `availW`. `maxPx` is the height-driven size the design wants; the width
+ * model only ever shrinks it. Never returns below `minPx` (the caller then
+ * ellipsizes — see {@link fitLine}).
+ */
+function fitFontPx(text, availW, maxPx, minPx, em = exports.PROSE_EM) {
+    const hi = Math.max(1, Math.round(maxPx));
+    const lo = Math.max(1, Math.min(hi, Math.round(minPx)));
+    const units = (0, template_utils_1.textEmUnits)(text || " ");
+    if (units <= 0 || availW <= 0)
+        return lo;
+    const byWidth = Math.floor(availW / (units * em));
+    return Math.max(lo, Math.min(hi, byWidth));
+}
+/** The largest font in `[minPx, maxPx]` at which EVERY string fits its own width. */
+function fitFontPxAll(items, maxPx, minPx) {
+    let font = Math.max(1, Math.round(maxPx));
+    for (const it of items)
+        font = Math.min(font, fitFontPx(it.text, it.availW, maxPx, minPx, it.em));
+    return Math.max(Math.max(1, Math.round(minPx)), font);
+}
+/**
+ * Fit one line into `availW`: shrink the font from `maxPx` down to `minPx`
+ * under the model; if it still doesn't fit at the floor, END-ellipsize the
+ * text to the em budget. The design's height-driven size is the ceiling.
+ */
+function fitLine(text, availW, maxPx, minPx, em = exports.PROSE_EM) {
+    const fontSize = fitFontPx(text, availW, maxPx, minPx, em);
+    if (textWidthPx(text, fontSize, em) <= availW)
+        return { text, fontSize };
+    const maxUnits = Math.max(1, availW / (fontSize * em));
+    return { text: (0, template_utils_1.fitEmUnits)(text, maxUnits), fontSize };
+}

package/dist/m0saic/dsl-tutorial/v1/dsl-tutorial.d.ts

@@ -0,0 +1,124 @@
+/**
+ * ============================================================================
+ * @m0saic/dsl-tutorial/v1 — animated DSL geometry-walk tutorial (orchestrator)
+ * ============================================================================
+ *
+ * A premium, SaaS-clean IDE/debugger that teaches how the m0 DSL parses and
+ * walks geometry. The parent owns the ONE deterministic timeline (`Step[]` from
+ * the DSL trace) + theme, lays the IDE shell out as a REAL m0 split (every panel
+ * a concrete cell — the Rect Thesis), and fills each panel with a coordinated
+ * subtemplate rendered at its exact slot size. All animation is ffmpeg
+ * expressions over precomputed time windows; children inherit the parent clock,
+ * so every panel stays frame-synchronized.
+ *
+ * Milestone M0b: IDE shell + chrome (header with the live counting Step pill +
+ * status bar) wired to the real pipeline. The four content panels are labeled
+ * placeholders here; M1–M4 replace each with its subtemplate.
+ *
+ * Gate 33 (v1 cut): the chrome rows are sized off `min(H, 0.75·W)` so a portrait
+ * or square canvas keeps app-bar-sized chrome (not 9% of a 1920px height); every
+ * panel width-fits its text (`_shared/text-fit`); `debugLayout` runs the
+ * label-keyed layout contract THROUGH the nested panels (`textFits` on every
+ * fitted string) and shows the contract wireframe; the walk's NATURAL length is
+ * authored on `durationMs` and only an explicit user ask (`ctx.userIntent`)
+ * pins it — the 12s output hint is a hint, never a pin.
+ * ============================================================================
+ */
+import type { MosaicTemplate } from "@m0saic/types";
+import type { M0String } from "@m0saic/dsl";
+import type { LayoutConstraint } from "@m0saic/template-utils";
+import type { DslTutorialPreset } from "./theme/tokens";
+import type { StepEventMode } from "./pipeline/buildSteps";
+import type { PaceTier } from "./pipeline/timing";
+export type DslTutorialProps = {
+    M0String: M0String;
+    /** Animation speed (>1 = faster). Unset = AUTO pacing by step count (1× for a
+     *  lesson-sized layout, up to 15× for a huge one — see `autoSpeed`). The Speed
+     *  pill always shows the EFFECTIVE speed. */
+    speedMultiplier?: number;
+    /** Pacing tier. "auto" (default) picks by the layout's character count: teach
+     *  (≤ 400 chars: show everything, read it), summarize (≤ 8,000: the whole walk in
+     *  ~30 s, light passthrough visuals), sloth (beyond: ~20 s, passthroughs not
+     *  drawn). Tile labels are size-driven in every tier. Force one to preview it. */
+    tier?: "auto" | PaceTier;
+    preset?: DslTutorialPreset;
+    title?: string;
+    /** Step granularity for the walk. */
+    stepEvents?: StepEventMode;
+    /** Canvas camera zoom override. Omit = AUTO (zoom only when tiles are too small
+     *  to label legibly). 1 = force fit-to-panel; >1 = force zoom + follow. */
+    cameraZoom?: number;
+    /** TARGET canvas dimensions the layout is PARSED at (default 1920×1080). The
+     *  viewframe container is sized to this aspect, so a portrait/square layout
+     *  previews at its true shape (letterboxed) instead of stretched to the panel.
+     *  X/Y/W/H, feasibility, and the tile dims all reflect these dimensions. */
+    canvasWidth?: number;
+    canvasHeight?: number;
+    showCanvas?: boolean;
+    showInspector?: boolean;
+    showDslString?: boolean;
+    showChrome?: boolean;
+    /** Dev tripwire: run the layout contract (text-fit on every fitted string,
+     *  through the nested panels) and render the contract wireframe. */
+    debugLayout?: boolean;
+};
+/** The chrome unit: the canvas height, capped to 3/4 of its width — so a portrait
+ *  or square canvas sizes its bars like a landscape one of the same width (a
+ *  9%-of-1920px header is a 173px slab; 9% of 810 is an app bar). Landscape
+ *  canvases are unchanged (`H ≤ 0.75·W`). */
+export declare function chromeUnitPx(W: number, H: number): number;
+/** The `debugLayout` contract: every fitted string, keyed by the label its panel
+ *  tags it with, must fit its cell under the SAME em model its fit used. Only the
+ *  visible panels' labels are listed (a hidden panel's labels never land). */
+export declare function dslTutorialLayoutConstraints(show: {
+    chrome: boolean;
+    dslString: boolean;
+    inspector: boolean;
+}): LayoutConstraint[];
+/** The taught layout's feasibility floor (`computeFeasibility` — exact, no probing). */
+type FeasibilityFloor = {
+    minWidthPx: number;
+    minHeightPx: number;
+};
+/** The tutorial's density CEILING (founder direction, 2026-09-05).
+ *
+ *  The canvas child re-parses the taught layout at its own PANEL size (fit-to-
+ *  panel), so the layout must be feasible in the panel, not just at its parse
+ *  dims: a 1080-row split fits a 1920×1080 parse at 1px a row and is a 0-size
+ *  frame in the 756px-tall panel. Until now the only message was the raw parser
+ *  refusal ("Split produced a 0-size frame" — the 52k-char dictionary pick at
+ *  precision 1080, which reads as a syntax error).
+ *
+ *  The tutorial teaches layouts that fit its canvas. Past the floor it REFUSES in
+ *  its own words — it does not chase the layout with a bigger canvas (a denser
+ *  layout just moves the wall; Layout is the tool for those). Returns the refusal
+ *  (ASCII — `makeErrorMosaic` draws it with drawtext, which turns `×`/`—` into
+ *  `?`), or null when the layout fits. Four walls, checked in order: the
+ *  ABSOLUTE size ({@link MAX_CHARS} — output-independent, so the wall can't be
+ *  chased with a bigger canvas: the 52k pick that 1080p refused rendered at 4K in
+ *  93 minutes, founder 2026-09-06), the ABSOLUTE frame count ({@link MAX_FRAMES} —
+ *  the reveal-curtain budget), the parse dims (`canvasWidth`/`canvasHeight`
+ *  — the caller's own knobs, fixable) and the canvas panel (omit `panel` when the
+ *  canvas is hidden — the string + inspector still teach a layout the panel can't
+ *  draw). */
+export declare function dslTutorialCeiling(args: {
+    /** Character count of the PRETTY string (the tiers' own measure). */
+    chars: number;
+    /** Frame (tile) count — `getComplexityMetricsFast(...).frameCount`. */
+    frames: number;
+    feas: FeasibilityFloor;
+    parse: {
+        width: number;
+        height: number;
+    };
+    panel?: {
+        width: number;
+        height: number;
+    };
+    output: {
+        width: number;
+        height: number;
+    };
+}): string | null;
+export declare const DslTutorial: MosaicTemplate<DslTutorialProps>;
+export {};