@vosjs/studio-core 0.24.1 → 0.26.0

package/dist/index.js

@@ -236,6 +236,210 @@ var MEDIA_FRAME_KEYS = [
   "focusFollow"
 ];
 
+// src/callout.ts
+var CALLOUT_SHAPES = ["tag", "note", "code"];
+var CALLOUT_TYPE_RATIO = 1.35;
+var CALLOUT_DEFAULT_BODY_PX = 14;
+var HOUSE_REGISTER = {
+  ground: "#ffffff",
+  accent: "#7c3aed"
+};
+var DEFAULT_FACE = "'Inter',-apple-system,system-ui,sans-serif";
+var DEFAULT_MONO = "'JetBrains Mono',ui-monospace,monospace";
+function calloutLook(register, scale = 1) {
+  const ground = hexToRgb(register.ground) ?? [255, 255, 255];
+  const accent = hexToRgb(register.accent) ?? [124, 58, 237];
+  const light = relativeLuminance(ground) > 0.4;
+  const [h, s] = rgbToHsl(accent);
+  const cardGround = light ? hslToHex(h, Math.min(0.35, s * 0.6), 0.07) : hslToHex(h, Math.min(0.25, s * 0.35), 0.97);
+  const bodyPx = register.body ?? CALLOUT_DEFAULT_BODY_PX;
+  const titlePx = Math.max(20, Math.round(CALLOUT_TYPE_RATIO * bodyPx * scale));
+  return {
+    light,
+    cardGround,
+    cardInk: light ? "#fafafa" : "#101012",
+    cardMuted: light ? "rgba(255,255,255,0.64)" : "rgba(16,16,18,0.6)",
+    hairline: light ? "rgba(255,255,255,0.12)" : "rgba(0,0,0,0.1)",
+    accent: rgbToHex(accent),
+    shadow: "0 24px 60px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.16)",
+    face: register.face ? quoteFamily(register.face) : DEFAULT_FACE,
+    mono: register.mono ? quoteFamily(register.mono) : DEFAULT_MONO,
+    kickerPx: Math.max(11, Math.round(titlePx * 0.55)),
+    titlePx,
+    bodyPx: Math.max(15, Math.round(titlePx * 0.75)),
+    codePx: Math.max(14, Math.round(titlePx * 0.68)),
+    radius: 16,
+    padX: 24,
+    padY: 20
+  };
+}
+function calloutBox(shape, look, words) {
+  const em = (px, chars, adv) => Math.ceil(px * adv * chars);
+  if (shape === "tag") {
+    const text = words.kicker ?? words.title ?? "";
+    const w = em(look.kickerPx * 1.1, text.length, 0.62) + 14 + 18 * 2;
+    return {
+      width: clamp(w, 120, 720),
+      height: Math.max(36, Math.round(look.kickerPx * 1.1 * 2.6))
+    };
+  }
+  if (shape === "code") {
+    const lines = (words.code ?? "").split("\n");
+    const longest = Math.max(1, ...lines.map((l) => l.length));
+    const lineH = Math.round(look.codePx * 1.7);
+    const w = em(look.codePx, longest, 0.62) + look.padX * 2;
+    const h = lines.length * lineH + look.padY * 2 + (words.kicker ? look.kickerPx * 2 : 0);
+    return { width: clamp(w, 360, 820), height: clamp(h, 72, 640) };
+  }
+  const title = words.title ?? "";
+  const body = words.body ?? "";
+  const titleW = em(look.titlePx, title.length, 0.56);
+  const width = clamp(Math.max(titleW, 320) + look.padX * 2, 360, 640);
+  const inner = width - look.padX * 2;
+  const bodyLines = body ? Math.max(1, Math.ceil(em(look.bodyPx, body.length, 0.54) / inner)) : 0;
+  const titleLines = Math.max(1, Math.ceil(titleW / inner));
+  const height = look.padY * 2 + (words.kicker ? Math.round(look.kickerPx * 1.6) : 0) + titleLines * Math.round(look.titlePx * 1.25) + (bodyLines ? 8 + bodyLines * Math.round(look.bodyPx * 1.5) : 0);
+  return { width, height: clamp(height, 64, 480) };
+}
+function calloutSource(shape, look, words, box) {
+  const base = `box-sizing:border-box;width:${box.width}px;height:${box.height}px;background:${look.cardGround};color:${look.cardInk};border:1px solid ${look.hairline};border-radius:${look.radius}px;box-shadow:${look.shadow};-webkit-font-smoothing:antialiased;`;
+  if (shape === "tag") {
+    const text = esc(words.kicker ?? words.title ?? "");
+    return {
+      html: `<div class="tag"><span class="dot"></span><span class="t">${text}</span></div>`,
+      css: `.tag{font-family:${look.face};display:flex;align-items:center;gap:10px;${base}border-radius:999px;padding:0 18px;background:${look.accent};color:#fff;border-color:rgba(255,255,255,0.18);font-size:${Math.round(look.kickerPx * 1.1)}px;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;white-space:nowrap}.dot{width:8px;height:8px;border-radius:99px;background:#fff;opacity:0.9;flex:none}`
+    };
+  }
+  if (shape === "code") {
+    const lines = (words.code ?? "").split("\n").map(
+      (l) => /^\s*(\/\/|#|\$)/.test(l) ? `<span class="mut">${esc(l)}</span>` : esc(l)
+    ).join("\n");
+    const kicker2 = words.kicker ? `<div class="k">${esc(words.kicker)}</div>` : "";
+    return {
+      html: `<div class="code">${kicker2}<pre class="p">${lines}</pre></div>`,
+      css: `.code{font-family:${look.mono};${base}padding:${look.padY}px ${look.padX}px;font-size:${look.codePx}px;line-height:1.7;letter-spacing:-0.01em}.k{font-family:${look.face};font-size:${look.kickerPx}px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:${look.accent};margin:0 0 ${Math.round(look.kickerPx * 0.9)}px}.p{margin:0;white-space:pre;font:inherit}.mut{color:${look.cardMuted}}`
+    };
+  }
+  const kicker = words.kicker ? `<div class="k"><span class="dot"></span>${esc(words.kicker)}</div>` : "";
+  const body = words.body ? `<div class="b">${esc(words.body)}</div>` : "";
+  return {
+    html: `<div class="note">${kicker}<div class="t">${esc(words.title ?? "")}</div>${body}</div>`,
+    css: `.note{font-family:${look.face};${base}padding:${look.padY}px ${look.padX}px;display:flex;flex-direction:column;justify-content:center}.k{display:flex;align-items:center;gap:8px;font-size:${look.kickerPx}px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:${look.accent};margin-bottom:${Math.round(look.kickerPx * 0.6)}px}.dot{width:7px;height:7px;border-radius:99px;background:${look.accent};box-shadow:0 0 10px ${look.accent}}.t{font-size:${look.titlePx}px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}.b{margin-top:8px;font-size:${look.bodyPx}px;line-height:1.5;color:${look.cardMuted}}`
+  };
+}
+function calloutClip(shape, register, words, opts) {
+  const look = calloutLook(register, opts.scale ?? 1);
+  const box = calloutBox(shape, look, words);
+  const { html, css } = calloutSource(shape, look, words, box);
+  return {
+    id: opts.id,
+    kind: "html",
+    start: opts.start,
+    duration: opts.duration,
+    html,
+    css,
+    box,
+    transform: {
+      x: opts.at?.x ?? 0.5,
+      y: opts.at?.y ?? 0.5,
+      scale: 1,
+      rotation: 0
+    },
+    anim: { enter: "rise", exit: "fade" },
+    ...opts.pin ? { pin: opts.pin } : {}
+  };
+}
+function calloutGroundOf(css) {
+  const m = /background(?:-color)?\s*:\s*(#[0-9a-fA-F]{3,8}|rgba?\([^)]*\))/.exec(css);
+  if (!m) return null;
+  const rgb = parseCssColour(m[1]);
+  return rgb ? rgbToHex(rgb) : null;
+}
+function hexToRgb(hex) {
+  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(hex.trim());
+  if (!m) return null;
+  let h = m[1];
+  if (h.length === 3)
+    h = h.split("").map((c) => c + c).join("");
+  return [
+    parseInt(h.slice(0, 2), 16),
+    parseInt(h.slice(2, 4), 16),
+    parseInt(h.slice(4, 6), 16)
+  ];
+}
+function rgbToHex([r, g, b]) {
+  const c = (v) => Math.round(clamp(v, 0, 255)).toString(16).padStart(2, "0");
+  return `#${c(r)}${c(g)}${c(b)}`;
+}
+function parseCssColour(s) {
+  const hex = hexToRgb(s);
+  if (hex) return hex;
+  const m = /rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/.exec(s);
+  if (!m) return null;
+  return [Number(m[1]), Number(m[2]), Number(m[3])];
+}
+function relativeLuminance([r, g, b]) {
+  const lin = (v) => {
+    const c = v / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+}
+function rgbToHsl([r, g, b]) {
+  const rr = r / 255;
+  const gg = g / 255;
+  const bb = b / 255;
+  const max = Math.max(rr, gg, bb);
+  const min = Math.min(rr, gg, bb);
+  const l = (max + min) / 2;
+  if (max === min) return [0, 0, l];
+  const d = max - min;
+  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+  let h = 0;
+  if (max === rr) h = (gg - bb) / d + (gg < bb ? 6 : 0);
+  else if (max === gg) h = (bb - rr) / d + 2;
+  else h = (rr - gg) / d + 4;
+  return [h / 6, s, l];
+}
+function hslToHex(h, s, l) {
+  const f = (n) => {
+    const k = (n + h * 12) % 12;
+    const a = s * Math.min(l, 1 - l);
+    return l - a * Math.max(-1, Math.min(k - 3, 9 - k, 1));
+  };
+  return rgbToHex([f(0) * 255, f(8) * 255, f(4) * 255]);
+}
+function deltaE(a, b) {
+  const la = rgbToLab(a);
+  const lb = rgbToLab(b);
+  return Math.hypot(la[0] - lb[0], la[1] - lb[1], la[2] - lb[2]);
+}
+function rgbToLab([r, g, b]) {
+  const lin = (v) => {
+    const c = v / 255;
+    return c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  };
+  const R = lin(r);
+  const G = lin(g);
+  const B = lin(b);
+  const x = (R * 0.4124 + G * 0.3576 + B * 0.1805) / 0.95047;
+  const y = R * 0.2126 + G * 0.7152 + B * 0.0722;
+  const z = (R * 0.0193 + G * 0.1192 + B * 0.9505) / 1.08883;
+  const f = (t) => t > 8856e-6 ? Math.cbrt(t) : 7.787 * t + 16 / 116;
+  return [116 * f(y) - 16, 500 * (f(x) - f(y)), 200 * (f(y) - f(z))];
+}
+function quoteFamily(family) {
+  const first = family.split(",")[0].trim().replace(/^['"]|['"]$/g, "");
+  const rest = family.includes(",") ? family.slice(family.indexOf(",") + 1).trim() : /mono/i.test(first) ? "ui-monospace,monospace" : "-apple-system,system-ui,sans-serif";
+  return /^[a-z-]+$/i.test(first) && /^(ui-|system-ui|sans-serif|serif|monospace)/.test(first) ? `${first},${rest}` : `'${first}',${rest}`;
+}
+function esc(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function clamp(v, lo, hi) {
+  return Math.max(lo, Math.min(hi, v));
+}
+
 // src/capture.ts
 var CHROME_TOP_MIN = 20;
 var CHROME_TOP_MAX = 220;
@@ -1056,362 +1260,226 @@ function outputEnd(doc, footageEnd) {
   return Math.max(footageEnd, lastLayerEnd(doc));
 }
 
-// src/docVersion.ts
-var DOC_SCHEMA_VERSION = 4;
-function migrateHostedDoc(raw) {
-  const version = typeof raw.docSchemaVersion === "number" ? raw.docSchemaVersion : 0;
-  if (version >= DOC_SCHEMA_VERSION) return raw;
-  let doc = raw;
-  if (version < 4 && doc.source && typeof doc.source === "object") {
-    doc = migrateMotion(doc);
-  }
-  return { ...doc, docSchemaVersion: DOC_SCHEMA_VERSION };
-}
-
-// src/doc/studioDoc.ts
-var anchorKindOf = (doc) => "source" in doc ? "recording" : "program";
-var isRecordingDoc = (doc) => "source" in doc;
-var isProgramDoc = (doc) => !("source" in doc);
-function programDuration(doc) {
-  const own = doc.program.duration;
-  if (typeof own === "number" && own > 0) return own;
-  const cfg = doc.program.config.duration;
-  return typeof cfg === "number" && cfg > 0 ? cfg : 0;
-}
-function anchorSourceDuration(doc) {
-  return isRecordingDoc(doc) ? doc.source.meta.durationMs / 1e3 : programDuration(doc);
-}
-
-// src/planner/smoothing.ts
-var SNAP_BEFORE = 0.12;
-var SNAP_AFTER = 0.18;
-var SNAP_GAIN = 0.5;
-function sampleAt(points, t) {
-  if (points.length === 0) return { x: 0, y: 0 };
-  if (t <= points[0].t) return { x: points[0].x, y: points[0].y };
-  const last = points[points.length - 1];
-  if (t >= last.t) return { x: last.x, y: last.y };
-  for (let i = 1; i < points.length; i++) {
-    if (points[i].t >= t) {
-      const a = points[i - 1];
-      const b = points[i];
-      const f = (t - a.t) / (b.t - a.t || 1);
-      return { x: a.x + (b.x - a.x) * f, y: a.y + (b.y - a.y) * f };
-    }
-  }
-  return { x: last.x, y: last.y };
-}
-function smoothCursor(track, options = {}) {
-  const factor = clamp(options.factor ?? 0.15, 0.01, 1);
-  const fps = options.fps ?? 60;
-  const raw = track.filter((e) => e.type === "move" || e.type === "down" || e.type === "up").map((e) => ({ t: e.t / 1e3, x: e.x, y: e.y }));
-  if (raw.length === 0) return [];
-  const clicks = options.clickSnap ? track.filter((e) => e.type === "down").map((e) => ({ t: e.t / 1e3, x: e.x, y: e.y })) : [];
-  const start = raw[0].t;
-  const end = raw[raw.length - 1].t;
-  const step = 1 / fps;
-  const out = [];
-  let cx = raw[0].x;
-  let cy = raw[0].y;
-  let ci = 0;
-  for (let t = start; t <= end + 1e-9; t += step) {
-    const target = sampleAt(raw, t);
-    cx += (target.x - cx) * factor;
-    cy += (target.y - cy) * factor;
-    if (clicks.length) {
-      while (ci < clicks.length - 1 && t > clicks[ci].t + SNAP_AFTER) ci++;
-      const ck = clicks[ci];
-      const u = clamp(
-        (t - (ck.t - SNAP_BEFORE)) / SNAP_BEFORE,
-        0,
-        t <= ck.t + SNAP_AFTER ? 1 : 0
-      );
-      const w = u * u * (3 - 2 * u) * SNAP_GAIN;
-      if (w > 0) {
-        cx += (ck.x - cx) * w;
-        cy += (ck.y - cy) * w;
-      }
-    }
-    out.push({ t, x: cx, y: cy });
-  }
-  return out;
-}
-function clamp(v, lo, hi) {
-  return Math.max(lo, Math.min(hi, v));
-}
-
 // src/zoomStyle.ts
-var ZOOM_STYLES = {
-  // Cursorful strategy — one steady zoom per activity session, travel by pans.
-  // The camera's timing was measured against a Cursorful take of the same
-  // steps: a zoom-in of ~0.55 s on a heavy ease-out (most of the move in
-  // the first quarter second, a long settle), a zoom-out of ~0.45 s, and
-  // holds of four to five seconds per beat. The old 1.1 s ramp started
-  // 0.75 s BEFORE the click and landed 0.35 s after it, so the frame was
-  // moving more of the time than it was resting.
-  glide: {
-    autoZoom: true,
-    clusterGap: 3,
-    minClusterClicks: 1,
-    targetFill: 0.42,
-    minLevel: 1.3,
-    maxLevel: 1.8,
-    dragLevel: 1.5,
-    lead: 0.35,
-    hold: 1.2,
-    followByDefault: true,
-    typingZoom: true,
-    typingGap: 2.5,
-    typingHold: 1.1,
-    typingMinLevel: 1.4,
+var RETIRED_ZOOM_STYLES = {
+  keynote: { style: "glide", tilt: "medium" },
+  drift: { style: "cinema", tilt: "subtle" }
+};
+function liveZoomStyleName(name) {
+  if (!name) return null;
+  if (name in ZOOM_STYLES) return name;
+  return RETIRED_ZOOM_STYLES[name]?.style ?? null;
+}
+var PUMP_REST = 1;
+function pumpFreeChainGap(p) {
+  return p.rampOut + (p.rampIn - p.rampInOverlap) + PUMP_REST;
+}
+var glide = {
+  autoZoom: true,
+  clusterGap: 3,
+  minClusterClicks: 1,
+  targetFill: 0.42,
+  minLevel: 1.3,
+  maxLevel: 1.8,
+  dragLevel: 1.5,
+  lead: 0.35,
+  hold: 1.2,
+  followByDefault: true,
+  typingZoom: true,
+  typingGap: 2.5,
+  typingHold: 1.1,
+  typingMinLevel: 1.4,
+  rampIn: 0.6,
+  rampInOverlap: 0.2,
+  rampOut: 0.5,
+  chainGap: 3,
+  pan: 0.55,
+  // The reference's corner trace at 60 fps: a quarter of the move by a
+  // fifth of the time, two thirds by half, nine tenths by three
+  // quarters, over ~0.6 s. Fitted against those three points,
+  // (0.36, 0, 0.4, 1) is the closest cubic (15 / 64 / 93 %; half the
+  // move at ~245 ms and 90 % at ~425 ms at 0.6 s): a gentle start and a
+  // long settle. CSS ease (0.25, 0.1, 0.25, 1) reached the midpoint
+  // 70 ms earlier and read a touch fast; (0.16, 1, 0.3, 1) put half the
+  // move in the first sixty milliseconds and read as a twitch.
+  ease: "css-bezier(0.36, 0, 0.4, 1)",
+  panEase: "css-bezier(0.36, 0, 0.4, 1)",
+  followSafeRatio: 0.45,
+  followRecenter: 0.55,
+  followLookahead: 0.4,
+  tilt: {
+    intensity: "off",
     rampIn: 0.6,
-    rampInOverlap: 0.2,
     rampOut: 0.5,
     chainGap: 3,
-    pan: 0.55,
-    // The reference's corner trace at 60 fps: a quarter of the move by a
-    // fifth of the time, two thirds by half, nine tenths by three
-    // quarters, over ~0.6 s. Fitted against those three points,
-    // (0.36, 0, 0.4, 1) is the closest cubic (15 / 64 / 93 %; half the
-    // move at ~245 ms and 90 % at ~425 ms at 0.6 s): a gentle start and a
-    // long settle. CSS ease (0.25, 0.1, 0.25, 1) reached the midpoint
-    // 70 ms earlier and read a touch fast; (0.16, 1, 0.3, 1) put half the
-    // move in the first sixty milliseconds and read as a twitch.
-    ease: "css-bezier(0.36, 0, 0.4, 1)",
-    panEase: "css-bezier(0.36, 0, 0.4, 1)",
-    followSafeRatio: 0.45,
-    followRecenter: 0.55,
-    followLookahead: 0.4,
-    tilt: { intensity: "off" }
-  },
-  // Screen Studio "Focused" / Recordly — block zooms, spring-settled, readable.
+    pan: 0.55
+  }
+};
+var ZOOM_STYLES = {
+  glide,
+  // Screen Studio "Focused" / Recordly — a block per click, framed and
+  // released, no travel. The spring-settled family ease (near-linear onset,
+  // long settle) at the default's tempo: 0.8 s in, 0.65 s out, and a beat
+  // of 1.5 s after the click so the block is read before it goes. At its
+  // 2026-07 timing (1.4 s in, 1.0 s out around a 1.35 s span) a lone click
+  // spent 74% of its beat moving and every dwell or sped-up click was
+  // shorter than the ramp, which the lowering compressed into a cut.
   focus: {
     autoZoom: true,
-    clusterGap: 1.2,
+    clusterGap: 1.5,
     minClusterClicks: 1,
     targetFill: 0.5,
-    minLevel: 1.5,
-    maxLevel: 2.2,
-    dragLevel: 1.7,
+    minLevel: 1.4,
+    maxLevel: 2,
+    dragLevel: 1.6,
     lead: 0.35,
-    hold: 1,
+    hold: 1.5,
     followByDefault: false,
     typingZoom: true,
     typingGap: 2,
-    typingHold: 1.2,
-    typingMinLevel: 1.6,
-    rampIn: 1.4,
-    rampInOverlap: 0.5,
-    rampOut: 1,
-    chainGap: 1.35,
-    pan: 1,
+    typingHold: 1.3,
+    typingMinLevel: 1.5,
+    rampIn: 0.8,
+    rampInOverlap: 0.25,
+    rampOut: 0.65,
+    chainGap: 2.4,
+    pan: 0.7,
     ease: "css-bezier(0.28, 0.03, 0.09, 1)",
     panEase: "css-bezier(0.26, 0.08, 0.2, 1)",
     followSafeRatio: 0.5,
-    followRecenter: 0.6,
+    followRecenter: 0.55,
     followLookahead: 0,
-    tilt: { intensity: "off" }
+    tilt: {
+      intensity: "off",
+      rampIn: 0.8,
+      rampOut: 0.65,
+      chainGap: 2.4,
+      pan: 0.7
+    }
   },
-  // Screen Studio "Smooth" — slower, more fluid; creative content over reading.
+  // Screen Studio "Smooth" — the long-HOLD style: 1.2 s in, 1.0 s out,
+  // two-second holds, chains across 3.5 s so a slow clip travels rather
+  // than pumps, and the default's level range, because a watched clip
+  // wants the frame, not the magnifier. Its ramps still exceed a dwell or
+  // a sped-up click; the lowering fits them to the room.
   cinema: {
     autoZoom: true,
-    clusterGap: 1.8,
+    clusterGap: 2.4,
     minClusterClicks: 1,
-    targetFill: 0.45,
-    minLevel: 1.35,
-    maxLevel: 2,
+    targetFill: 0.42,
+    minLevel: 1.3,
+    maxLevel: 1.8,
     dragLevel: 1.5,
     lead: 0.6,
-    hold: 1.4,
+    hold: 2,
     followByDefault: true,
     typingZoom: true,
     typingGap: 3,
-    typingHold: 1.6,
-    typingMinLevel: 1.45,
-    rampIn: 1.8,
-    rampInOverlap: 0.55,
-    rampOut: 1.5,
-    chainGap: 2.2,
-    pan: 1.4,
+    typingHold: 1.8,
+    typingMinLevel: 1.4,
+    rampIn: 1.2,
+    rampInOverlap: 0.4,
+    rampOut: 1,
+    chainGap: 3.5,
+    pan: 1.1,
     ease: "css-bezier(0.33, 0, 0.15, 1)",
     panEase: "css-bezier(0.33, 0, 0.22, 1)",
     followSafeRatio: 0.6,
-    followRecenter: 1,
+    followRecenter: 0.9,
     followLookahead: 0.5,
-    tilt: { intensity: "off" }
+    tilt: {
+      intensity: "off",
+      rampIn: 1.2,
+      rampOut: 1,
+      chainGap: 3.5,
+      pan: 1.1
+    }
   },
-  // The studio's original pace with the instant-velocity onset defect fixed.
+  // The studio's original pace with the instant-velocity onset defect fixed:
+  // 0.4 s cycles on the onset-capped ease, the 2.5× ceiling of the 2026-07
+  // comparison's defect two brought to 2.2, a chain gap past its pump band.
   snappy: {
     autoZoom: true,
     clusterGap: 1.2,
     minClusterClicks: 1,
     targetFill: 0.5,
     minLevel: 1.4,
-    maxLevel: 2.5,
-    dragLevel: 1.7,
+    maxLevel: 2.2,
+    dragLevel: 1.6,
     lead: 0.25,
-    hold: 1,
+    hold: 1.2,
     followByDefault: false,
     typingZoom: true,
     typingGap: 1.6,
-    typingHold: 0.8,
+    typingHold: 0.9,
     typingMinLevel: 1.5,
-    rampIn: 0.7,
-    rampInOverlap: 0.3,
-    rampOut: 0.75,
-    chainGap: 1.5,
-    pan: 0.8,
+    rampIn: 0.4,
+    rampInOverlap: 0.15,
+    rampOut: 0.4,
+    chainGap: 2,
+    pan: 0.5,
     ease: "css-bezier(0.3, 0.55, 0.2, 1)",
     panEase: "css-bezier(0.25, 0.1, 0.25, 1)",
     followSafeRatio: 0.5,
-    followRecenter: 0.5,
+    followRecenter: 0.45,
     followLookahead: 0,
-    tilt: { intensity: "off" }
+    tilt: {
+      intensity: "off",
+      rampIn: 0.4,
+      rampOut: 0.4,
+      chainGap: 2,
+      pan: 0.5
+    }
   },
-  // Screen Studio's "instant zoom" — a cut-in (2–4 frames), tutorial tempo.
+  // Screen Studio's "instant zoom" — a cut-in (eight frames at 60 fps),
+  // tutorial tempo. Untouched in motion (the one style that never pumped
+  // and never left a ramp unsettled); the ceiling comes down with the
+  // others and the hold gains the beat a cut-in needs to be read.
   cut: {
     autoZoom: true,
     clusterGap: 1.2,
     minClusterClicks: 1,
     targetFill: 0.5,
-    minLevel: 1.5,
-    maxLevel: 2.2,
-    dragLevel: 1.7,
+    minLevel: 1.4,
+    maxLevel: 2,
+    dragLevel: 1.6,
     lead: 0.2,
-    hold: 1,
+    hold: 1.2,
     followByDefault: false,
     typingZoom: true,
     typingGap: 1.2,
     typingHold: 0.6,
-    typingMinLevel: 1.6,
+    typingMinLevel: 1.5,
     rampIn: 0.14,
     rampInOverlap: 0.07,
     rampOut: 0.14,
-    chainGap: 1.2,
+    chainGap: 1.3,
     pan: 0.35,
     ease: "css-bezier(0.2, 0, 0.4, 1)",
     panEase: "css-bezier(0.2, 0, 0.4, 1)",
     followSafeRatio: 0.5,
     followRecenter: 0.35,
     followLookahead: 0,
-    tilt: { intensity: "off" }
-  },
-  // Auto-zoom off (every competitor ships this switch). Camera params still
-  // apply to MANUAL spans — they get the default (glide) motion.
-  none: {
-    autoZoom: false,
-    clusterGap: 3,
-    minClusterClicks: 2,
-    targetFill: 0.42,
-    minLevel: 1.3,
-    maxLevel: 1.8,
-    dragLevel: 1.5,
-    lead: 0.5,
-    hold: 0.6,
-    followByDefault: false,
-    typingZoom: true,
-    typingGap: 2.5,
-    typingHold: 1.1,
-    typingMinLevel: 1.4,
-    rampIn: 1.1,
-    rampInOverlap: 0.35,
-    rampOut: 1,
-    chainGap: 2.5,
-    pan: 1,
-    ease: "css-bezier(0.26, 0, 0.16, 1)",
-    panEase: "css-bezier(0.3, 0, 0.2, 1)",
-    followSafeRatio: 0.45,
-    followRecenter: 0.8,
-    followLookahead: 0,
-    tilt: { intensity: "off" }
-  },
-  // ── tilt-forward styles — the camera moves in DEPTH too.
-  // Research note (2026-08-03): no competitor ships a document-wide personality
-  // driving BOTH auto-zoom dynamics and focus-following tilt from one name —
-  // FocuSee's Subtle/Default/Strong 3D Motion is a separate layered effect,
-  // TiltIt/ScreenDrift sell per-clip templates. These two own that space.
-  //
-  // "keynote": the launch-film sentence (the Apple register: rehearsed,
-  // restrained, one move per beat) — glide's session-merged, modest zooms plus
-  // a MEDIUM lean toward each zoom's focus, tilt ramps MATCHED to the zoom
-  // ramps so lean and zoom read as one camera move; chained so back-to-back
-  // beats swing pose-to-pose. Never oscillation, ±5..18° band.
-  keynote: {
-    autoZoom: true,
-    clusterGap: 3,
-    minClusterClicks: 1,
-    targetFill: 0.42,
-    minLevel: 1.3,
-    maxLevel: 1.8,
-    dragLevel: 1.5,
-    lead: 0.5,
-    hold: 0.7,
-    followByDefault: true,
-    typingZoom: true,
-    typingGap: 2.5,
-    typingHold: 1.2,
-    typingMinLevel: 1.4,
-    rampIn: 1.2,
-    rampInOverlap: 0.35,
-    rampOut: 1.1,
-    chainGap: 2.5,
-    pan: 1.1,
-    ease: "css-bezier(0.26, 0, 0.16, 1)",
-    panEase: "css-bezier(0.3, 0, 0.2, 1)",
-    followSafeRatio: 0.45,
-    followRecenter: 0.8,
-    followLookahead: 0.4,
-    // Lean lands WITH the zoom (matched ramps read as one camera move).
     tilt: {
-      intensity: "medium",
-      rampIn: 1.2,
-      rampOut: 1.1,
-      chainGap: 2.5,
-      pan: 1.1
+      intensity: "off",
+      rampIn: 0.3,
+      rampOut: 0.3,
+      chainGap: 1.3,
+      pan: 0.35
     }
   },
-  // "drift": calm ambient depth — cinema's slow, fluid blocks with a SUBTLE
-  // lean that eases in over ~1.6s and lingers (long chain gap keeps the card
-  // from flattening between nearby beats). For watched-not-read content:
-  // launch films, portfolio clips, hero loops.
-  drift: {
-    autoZoom: true,
-    clusterGap: 1.8,
-    minClusterClicks: 1,
-    targetFill: 0.45,
-    minLevel: 1.35,
-    maxLevel: 2,
-    dragLevel: 1.5,
-    lead: 0.6,
-    hold: 1.4,
-    followByDefault: true,
-    typingZoom: true,
-    typingGap: 3,
-    typingHold: 1.6,
-    typingMinLevel: 1.45,
-    rampIn: 1.8,
-    rampInOverlap: 0.55,
-    rampOut: 1.5,
-    chainGap: 2.2,
-    pan: 1.4,
-    ease: "css-bezier(0.33, 0, 0.15, 1)",
-    panEase: "css-bezier(0.33, 0, 0.22, 1)",
-    followSafeRatio: 0.6,
-    followRecenter: 1,
-    followLookahead: 0.5,
-    tilt: {
-      intensity: "subtle",
-      rampIn: 1.6,
-      rampOut: 1.4,
-      chainGap: 3,
-      pan: 1.4
-    }
-  }
+  // Auto-zoom off (every competitor ships this switch). Camera params still
+  // apply to MANUAL spans — they move the way the default camera moves
+  // TODAY (spelled as a spread, never a copy that fossilises).
+  none: { ...glide, autoZoom: false }
 };
 var DEFAULT_ZOOM_STYLE = "glide";
 function resolveZoomStyle(name, overrides) {
-  const params = name ? ZOOM_STYLES[name] : void 0;
-  return { ...params ?? ZOOM_STYLES[DEFAULT_ZOOM_STYLE], ...overrides };
+  const live = liveZoomStyleName(name) ?? DEFAULT_ZOOM_STYLE;
+  const params = { ...ZOOM_STYLES[live], ...overrides };
+  const floor = pumpFreeChainGap(params);
+  if (params.chainGap < floor) params.chainGap = floor;
+  return params;
 }
 var ZOOM_STYLE_OPTIONS = [
   {
@@ -1419,22 +1487,16 @@ var ZOOM_STYLE_OPTIONS = [
     label: "Glide",
     hint: "One steady zoom that travels between clicks"
   },
-  {
-    name: "keynote",
-    label: "Keynote",
-    hint: "Gliding zooms that lean toward each focus"
-  },
-  {
-    name: "drift",
-    label: "Drift",
-    hint: "Slow, fluid moves with a subtle ambient lean"
-  },
   {
     name: "focus",
     label: "Focus",
-    hint: "A zoom per click cluster, settles fast"
+    hint: "A zoom per click, framed and released"
+  },
+  {
+    name: "cinema",
+    label: "Cinema",
+    hint: "Slow moves and long holds, for content that is watched"
   },
-  { name: "cinema", label: "Cinema", hint: "Slow, fluid camera moves" },
   { name: "snappy", label: "Snappy", hint: "Quick, energetic zoom cycles" },
   { name: "cut", label: "Cut", hint: "Instant zooms, no glide" },
   {
@@ -1444,6 +1506,102 @@ var ZOOM_STYLE_OPTIONS = [
   }
 ];
 
+// src/docVersion.ts
+var DOC_SCHEMA_VERSION = 5;
+function migrateHostedDoc(raw) {
+  const version = typeof raw.docSchemaVersion === "number" ? raw.docSchemaVersion : 0;
+  if (version >= DOC_SCHEMA_VERSION) return raw;
+  let doc = raw;
+  if (version < 4 && doc.source && typeof doc.source === "object") {
+    doc = migrateMotion(doc);
+  }
+  if (version < 5) doc = migrateZoomStyle(doc);
+  return { ...doc, docSchemaVersion: DOC_SCHEMA_VERSION };
+}
+function migrateZoomStyle(doc) {
+  const name = doc.zoomStyle;
+  if (typeof name !== "string") return doc;
+  const retired = RETIRED_ZOOM_STYLES[name];
+  if (!retired) return doc;
+  return {
+    ...doc,
+    zoomStyle: retired.style,
+    tiltStyle: doc.tiltStyle ?? retired.tilt
+  };
+}
+
+// src/doc/studioDoc.ts
+var anchorKindOf = (doc) => "source" in doc ? "recording" : "program";
+var isRecordingDoc = (doc) => "source" in doc;
+var isProgramDoc = (doc) => !("source" in doc);
+function programDuration(doc) {
+  const own = doc.program.duration;
+  if (typeof own === "number" && own > 0) return own;
+  const cfg = doc.program.config.duration;
+  return typeof cfg === "number" && cfg > 0 ? cfg : 0;
+}
+function anchorSourceDuration(doc) {
+  return isRecordingDoc(doc) ? doc.source.meta.durationMs / 1e3 : programDuration(doc);
+}
+
+// src/planner/smoothing.ts
+var SNAP_BEFORE = 0.12;
+var SNAP_AFTER = 0.18;
+var SNAP_GAIN = 0.5;
+function sampleAt(points, t) {
+  if (points.length === 0) return { x: 0, y: 0 };
+  if (t <= points[0].t) return { x: points[0].x, y: points[0].y };
+  const last = points[points.length - 1];
+  if (t >= last.t) return { x: last.x, y: last.y };
+  for (let i = 1; i < points.length; i++) {
+    if (points[i].t >= t) {
+      const a = points[i - 1];
+      const b = points[i];
+      const f = (t - a.t) / (b.t - a.t || 1);
+      return { x: a.x + (b.x - a.x) * f, y: a.y + (b.y - a.y) * f };
+    }
+  }
+  return { x: last.x, y: last.y };
+}
+function smoothCursor(track, options = {}) {
+  const factor = clamp2(options.factor ?? 0.15, 0.01, 1);
+  const fps = options.fps ?? 60;
+  const raw = track.filter((e) => e.type === "move" || e.type === "down" || e.type === "up").map((e) => ({ t: e.t / 1e3, x: e.x, y: e.y }));
+  if (raw.length === 0) return [];
+  const clicks = options.clickSnap ? track.filter((e) => e.type === "down").map((e) => ({ t: e.t / 1e3, x: e.x, y: e.y })) : [];
+  const start = raw[0].t;
+  const end = raw[raw.length - 1].t;
+  const step = 1 / fps;
+  const out = [];
+  let cx = raw[0].x;
+  let cy = raw[0].y;
+  let ci = 0;
+  for (let t = start; t <= end + 1e-9; t += step) {
+    const target = sampleAt(raw, t);
+    cx += (target.x - cx) * factor;
+    cy += (target.y - cy) * factor;
+    if (clicks.length) {
+      while (ci < clicks.length - 1 && t > clicks[ci].t + SNAP_AFTER) ci++;
+      const ck = clicks[ci];
+      const u = clamp2(
+        (t - (ck.t - SNAP_BEFORE)) / SNAP_BEFORE,
+        0,
+        t <= ck.t + SNAP_AFTER ? 1 : 0
+      );
+      const w = u * u * (3 - 2 * u) * SNAP_GAIN;
+      if (w > 0) {
+        cx += (ck.x - cx) * w;
+        cy += (ck.y - cy) * w;
+      }
+    }
+    out.push({ t, x: cx, y: cy });
+  }
+  return out;
+}
+function clamp2(v, lo, hi) {
+  return Math.max(lo, Math.min(hi, v));
+}
+
 // src/planner/autoZoom.ts
 var DWELL_MOVE_FRAC = 0.02;
 var DWELL_MIN = 0.45;
@@ -1720,7 +1878,8 @@ function dwellSpans(track, width, height, maxLevel, reserved) {
     if (!breaks) continue;
     const endT = i < moves.length ? moves[i].t : trackEnd;
     const dur = endT - moves[start].t;
-    if (dur >= DWELL_MIN && dur <= DWELL_MAX) {
+    const opening = start === 0;
+    if (!opening && dur >= DWELL_MIN && dur <= DWELL_MAX) {
       const run = moves.slice(start, i);
       candidates.push({
         center: (moves[start].t + endT) / 2,
@@ -1782,7 +1941,7 @@ function focusFor(cluster, width, height, targetFill, minLevel, maxLevel) {
   const cx = clamp012(sx / n / width);
   const cy = clamp012(sy / n / height);
   const level = fitLevel({ x: 0, y: 0, w: maxW, h: maxH }, width, height, targetFill) ?? maxLevel;
-  return { cx, cy, level: clamp2(level, minLevel, maxLevel) };
+  return { cx, cy, level: clamp3(level, minLevel, maxLevel) };
 }
 function clusterFocus(events, width, height) {
   let sx = 0;
@@ -1815,11 +1974,11 @@ function clusterFocus(events, width, height) {
   } : null;
   return { cx: clamp012(sx / n / width), cy: clamp012(sy / n / height), rect };
 }
-function clamp2(v, lo, hi) {
+function clamp3(v, lo, hi) {
   return Math.max(lo, Math.min(hi, v));
 }
 function clamp012(v) {
-  return clamp2(v, 0, 1);
+  return clamp3(v, 0, 1);
 }
 function round(v) {
   return Math.round(v * 1e3) / 1e3;
@@ -5065,6 +5224,13 @@ function spanOutputExtent(segments, sIn, sOut, media) {
 function spanEase(ease, fallback) {
   return ease && ease in EASINGS ? ease : fallback;
 }
+var RAMP_FLOOR = 0.14;
+function rampLanding(start, startWanted, duration, spanEnd) {
+  if (Math.abs(start - startWanted) < 1e-9) return start + duration;
+  const landWanted = startWanted + duration;
+  const landFull = Math.min(start + duration, spanEnd);
+  return Math.max(start + RAMP_FLOOR, landWanted, landFull);
+}
 function trackEmitter() {
   const keyframes = [];
   const push2 = (t, value, ease) => {
@@ -5093,17 +5259,19 @@ function zoomTrackFromDoc(zoom, segments, style = ZOOM_STYLES[DEFAULT_ZOOM_STYLE
     let cur = entry;
     const m = transitionMult(z.transition);
     if (!chained) {
-      const start = push2(
-        tIn - (style.rampIn - style.rampInOverlap) * m,
-        [1, z.cx, z.cy, 0],
-        "none"
+      const startWanted = tIn - (style.rampIn - style.rampInOverlap) * m;
+      const start = push2(startWanted, [1, z.cx, z.cy, 0], "none");
+      push2(
+        rampLanding(start, startWanted, style.rampIn * m, tOut),
+        entry,
+        spanEase(z.ease, style.ease)
       );
-      push2(start + style.rampIn * m, entry, spanEase(z.ease, style.ease));
     }
     let inPath = false;
     for (const e of z.followEvents ?? []) {
       const eOut = sourceToTimeline(segments, e.t);
       if (eOut === null || eOut <= tIn || eOut >= tOut) continue;
+      if (eOut - tIn < RAMP_FLOOR || tOut - eOut < RAMP_FLOOR) continue;
       const next2 = [cur[0], e.cx, e.cy, 1];
       if (e.path) {
         if (!inPath) {
@@ -5126,9 +5294,12 @@ function zoomTrackFromDoc(zoom, segments, style = ZOOM_STYLES[DEFAULT_ZOOM_STYLE
       const mNext = transitionMult(next.z.transition);
       const nextValue = [clampZoomLevel(next.z.level), next.z.cx, next.z.cy, 1];
       push2(
-        Math.min(
-          tOut + style.pan * mNext,
-          next.tIn + style.rampInOverlap * mNext
+        Math.max(
+          tOut + RAMP_FLOOR,
+          Math.min(
+            tOut + style.pan * mNext,
+            next.tIn + style.rampInOverlap * mNext
+          )
         ),
         nextValue,
         panEase
@@ -5166,15 +5337,23 @@ function tiltTrackFromDoc(tilt, segments, motion = {}) {
     const pose = [clampTiltDeg(z.rx), clampTiltDeg(z.ry)];
     const m = transitionMult(z.transition);
     if (!chained) {
-      const start = push2(tIn - rampInDur * m, rest, "none");
-      push2(start + rampInDur * m, pose, spanEase(z.ease, TILT_EASE));
+      const startWanted = tIn - rampInDur * m;
+      const start = push2(startWanted, rest, "none");
+      push2(
+        rampLanding(start, startWanted, rampInDur * m, tOut),
+        pose,
+        spanEase(z.ease, TILT_EASE)
+      );
     }
     push2(tOut, pose, "none");
     const next = mapped.at(i + 1);
     if (next && next.tIn - tOut <= chainGap) {
       const nextPose = [clampTiltDeg(next.z.rx), clampTiltDeg(next.z.ry)];
       push2(
-        Math.min(tOut + panDur * transitionMult(next.z.transition), next.tIn),
+        Math.max(
+          tOut + RAMP_FLOOR,
+          Math.min(tOut + panDur * transitionMult(next.z.transition), next.tIn)
+        ),
         nextPose,
         panEase
       );
@@ -7532,6 +7711,29 @@ function resolvePins(doc, layout, camera, zoomTrack) {
   }
   return out;
 }
+function pinCandidates(doc, clip) {
+  const rated = ratedSegments(doc);
+  const out = [];
+  const a0 = clip.start;
+  const a1 = clip.start + clip.duration;
+  for (const s of doc.source.meta.steps ?? []) {
+    if (s.skipped) continue;
+    const ref = pinReferent(doc, { step: s.id ?? s.step });
+    if (!ref) continue;
+    const ext = spanOutputExtent(rated, s.tStart, s.tEnd);
+    if (!ext) continue;
+    const overlap = Math.min(a1, ext.end) - Math.max(a0, ext.start);
+    if (overlap <= 0) continue;
+    out.push({
+      step: s.id ?? s.step,
+      do: s.do,
+      ...s.selector ? { selector: s.selector } : {},
+      output: { start: round7(ext.start), end: round7(ext.end) },
+      overlap: round7(overlap)
+    });
+  }
+  return out.sort((x, y) => y.overlap - x.overlap);
+}
 function overlayPinPoseAt(doc, o, t) {
   if (!o.pin) return null;
   const layout = docCardLayout(doc);
@@ -9079,24 +9281,31 @@ function destinationsForChannel(channel) {
 }
 
 // src/htmlStarters.ts
+function grammarStarter(id, name, words) {
+  const clip = calloutClip(id, HOUSE_REGISTER, words, {
+    id,
+    start: 0,
+    duration: 1,
+    scale: 1.4
+  });
+  return { id, name, html: clip.html, css: clip.css ?? "", box: clip.box };
+}
 var WORDS = "font-family:'Inter',-apple-system,system-ui,sans-serif;color:#fafafa;-webkit-font-smoothing:antialiased;";
 var MONO = "font-family:'JetBrains Mono',ui-monospace,monospace;";
 var CARD = "background:#0b0b0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);";
 var HTML_STARTERS = [
-  {
-    id: "callout",
-    name: "Callout",
-    box: { width: 420, height: 132 },
-    html: '<div class="callout"><div class="head"><span class="dot"></span><span class="title">Title</span></div><div class="body">One line that says what this is.</div></div>',
-    css: `.callout{${WORDS}${CARD}box-sizing:border-box;width:420px;height:132px;padding:22px 24px}.head{display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:99px;background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.9)}.title{font-size:20px;font-weight:600;letter-spacing:-0.01em}.body{margin-top:12px;font-size:15px;line-height:1.5;color:#8b8b94}`
-  },
-  {
-    id: "code",
-    name: "Code",
-    box: { width: 460, height: 168 },
-    html: '<div class="code"><span class="mut">// button.tsx</span>\n<span class="kw">export function</span> <span class="fn">Button</span>({ variant }) {\n  <span class="kw">return</span> <span class="tag">&lt;button</span> className={<span class="fn">cn</span>(variant)} <span class="tag">/&gt;</span>\n}</div>',
-    css: `.code{${MONO}${CARD}color:#e8e8ec;box-sizing:border-box;width:460px;height:168px;padding:22px 24px;font-size:14px;line-height:1.8;white-space:pre;letter-spacing:-0.01em}.kw{color:#c4b5fd}.fn{color:#7dd3fc}.tag{color:#f0abfc}.mut{color:#5b5b66}`
-  },
+  // The callout grammar (three shapes a viewer learns once), in the house
+  // register: a dark card in the house hue over a light app.
+  grammarStarter("note", "Note", {
+    kicker: "Presets",
+    title: "One of 43, picked here.",
+    body: "One line that says what this is about."
+  }),
+  grammarStarter("tag", "Tag", { kicker: "New in 2.0" }),
+  grammarStarter("code", "Code", {
+    kicker: "index.css",
+    code: ":root {\n  --primary: oklch(0.63 0.06 4.6);\n  --radius: 2.25rem;\n}"
+  }),
   {
     id: "terminal",
     name: "Terminal",
@@ -10637,6 +10846,9 @@ export {
   AUDIO_PLAN_STEP,
   BACKGROUND_Z,
   BASE_FRAME_STYLE,
+  CALLOUT_DEFAULT_BODY_PX,
+  CALLOUT_SHAPES,
+  CALLOUT_TYPE_RATIO,
   CAMERA_CENTRE_RAMP,
   CAMERA_COVER_MIN,
   CAMERA_FAR,
@@ -10711,6 +10923,7 @@ export {
   FREEZE_SECONDS_MAX,
   FREEZE_SECONDS_MIN,
   HOUSE_GRADIENT,
+  HOUSE_REGISTER,
   HTML_LAYER_FOREIGN_FIELDS,
   HTML_LAYER_MAX_BYTES,
   HTML_LAYER_SVG_CODE,
@@ -10744,8 +10957,10 @@ export {
   PLAYBACK_ACTIVITY,
   PRIMARY_MEDIA,
   PROGRAM_RETIME,
+  PUMP_REST,
   REJECT_OVERLAP,
   REST_TILT_ID,
+  RETIRED_ZOOM_STYLES,
   SCENE_MOTION,
   SCENE_QUIET,
   SEGMENT_ENTER_KINDS,
@@ -10802,6 +11017,11 @@ export {
   audioLane,
   backdropMedia,
   buildDigest,
+  calloutBox,
+  calloutClip,
+  calloutGroundOf,
+  calloutLook,
+  calloutSource,
   camBubbleRect,
   camBubbleRectAt,
   camLane,
@@ -10836,6 +11056,7 @@ export {
   cssFamilies,
   cssWeights,
   cursorIdleFade,
+  deltaE,
   deriveViewportCrop,
   destinationById,
   destinationsForChannel,
@@ -10873,6 +11094,7 @@ export {
   frameGeometry,
   freezeLane,
   freezeOutputExtents,
+  hexToRgb,
   hexToRgbTriplet,
   houseLook,
   htmlLayerBleed,
@@ -10903,6 +11125,7 @@ export {
   layerMedia,
   layoutOf,
   levelForFocusFraction,
+  liveZoomStyleName,
   lookFromBrand,
   lookKindForGround,
   lowerProgramDoc,
@@ -10918,6 +11141,7 @@ export {
   micLane,
   migrateHostedDoc,
   migrateMotion,
+  migrateZoomStyle,
   momentsFromDoc,
   motionTrack,
   musicBedClip,
@@ -10943,9 +11167,11 @@ export {
   overlaysLane,
   ownFreezes,
   pageDisplayUrl,
+  parseCssColour,
   parsePoseId,
   pickStyle,
   pinBox,
+  pinCandidates,
   pinPlacement,
   pinRectOnScreen,
   pinReferent,
@@ -10959,10 +11185,12 @@ export {
   platformBarKind,
   programDuration,
   projectFromArtifact,
+  pumpFreeChainGap,
   ratedSegments,
   recommendedExportResolution,
   refillAudioBeds,
   rejectSpan,
+  relativeLuminance,
   removeSourceRange,
   removeSpeedInRange,
   resolveExportSize,
@@ -10973,6 +11201,7 @@ export {
   resolveZoomStyle,
   restLeanOf,
   restSpansThroughTransitions,
+  rgbToHex,
   sameMedia,
   sceneChanges,
   scrollRuns,