@cueframe/kernel 0.2.53 → 0.2.54

package/dist/composition/graphics-plan.js

@@ -20,7 +20,7 @@ import {
   PlanRect,
   StyleRole,
   ZPlane
-} from "../chunk-UFNIB3JL.js";
+} from "../chunk-VKZTGD5Z.js";
 import "../chunk-WPZKOVYF.js";
 import "../chunk-B7J5UUUV.js";
 import {

package/dist/composition/ops.js

@@ -20,9 +20,9 @@ import {
   selectMediaClipAt,
   selectSceneMarkers,
   selectTracksByKind
-} from "../chunk-TPKPU4PE.js";
-import "../chunk-CJMUTCJW.js";
-import "../chunk-UFNIB3JL.js";
+} from "../chunk-T7WKIMTB.js";
+import "../chunk-QCGT3M7M.js";
+import "../chunk-VKZTGD5Z.js";
 import "../chunk-WPZKOVYF.js";
 import "../chunk-B7J5UUUV.js";
 import "../chunk-KYRDKK2D.js";

package/dist/composition/validators.js

@@ -48,7 +48,7 @@ import {
   WebhookDeliveryStatus,
   WebhookDestination,
   YoutubeDestination
-} from "../chunk-CJMUTCJW.js";
+} from "../chunk-QCGT3M7M.js";
 import {
   ANIMATABLE_PARAMS,
   ANIMATABLE_VALUE,
@@ -93,7 +93,7 @@ import {
   captionVisibilityIssues,
   captionWords,
   captionsAreBehindSubject
-} from "../chunk-UFNIB3JL.js";
+} from "../chunk-VKZTGD5Z.js";
 import {
   AUTHORED_GRAPHIC_KINDS
 } from "../chunk-WPZKOVYF.js";

package/dist/composition-ops.js

@@ -20,16 +20,16 @@ import {
   replaceRegion,
   resolveClipKind,
   wrapWithOpRecorder
-} from "./chunk-VTM7NEJC.js";
-import "./chunk-LPUQTBKU.js";
+} from "./chunk-SIGKJOSF.js";
+import "./chunk-GZMKTLO3.js";
 import "./chunk-QH3YI3ND.js";
 import "./chunk-JPMVNMF3.js";
 import "./chunk-IMIUHG2E.js";
 import "./chunk-VZ7TYX6Z.js";
 import "./chunk-T56BK7NS.js";
-import "./chunk-TPKPU4PE.js";
-import "./chunk-CJMUTCJW.js";
-import "./chunk-UFNIB3JL.js";
+import "./chunk-T7WKIMTB.js";
+import "./chunk-QCGT3M7M.js";
+import "./chunk-VKZTGD5Z.js";
 import "./chunk-WPZKOVYF.js";
 import "./chunk-B7J5UUUV.js";
 import "./chunk-KYRDKK2D.js";

package/dist/composition.js

@@ -73,7 +73,7 @@ import {
   WebhookDeliveryStatus,
   WebhookDestination,
   YoutubeDestination
-} from "./chunk-CJMUTCJW.js";
+} from "./chunk-QCGT3M7M.js";
 import {
   ANIMATABLE_PARAMS,
   ANIMATABLE_VALUE,
@@ -118,7 +118,7 @@ import {
   captionVisibilityIssues,
   captionWords,
   captionsAreBehindSubject
-} from "./chunk-UFNIB3JL.js";
+} from "./chunk-VKZTGD5Z.js";
 import {
   AUTHORED_GRAPHIC_KINDS
 } from "./chunk-WPZKOVYF.js";

package/dist/{context-UAS5WJRB.js → context-I7SPXR2Z.js}

@@ -1,9 +1,9 @@
 import {
   buildDirectorContext
-} from "./chunk-ZIPGDGBR.js";
-import "./chunk-TPKPU4PE.js";
-import "./chunk-CJMUTCJW.js";
-import "./chunk-UFNIB3JL.js";
+} from "./chunk-FYMXVYWS.js";
+import "./chunk-T7WKIMTB.js";
+import "./chunk-QCGT3M7M.js";
+import "./chunk-VKZTGD5Z.js";
 import "./chunk-WPZKOVYF.js";
 import "./chunk-B7J5UUUV.js";
 import "./chunk-KYRDKK2D.js";

package/dist/core/render.js

@@ -69,7 +69,7 @@ import {
   splitIntoSentences,
   validateComposition,
   visiblePackedHostWindows
-} from "../chunk-LPUQTBKU.js";
+} from "../chunk-GZMKTLO3.js";
 import {
   buildEasedZooms,
   buildPannedCenters,

package/dist/core.js

@@ -10,7 +10,7 @@ import {
   ensureEven,
   extractCaptionWordsFromDoc,
   isEmphasized
-} from "./chunk-LPUQTBKU.js";
+} from "./chunk-GZMKTLO3.js";
 import "./chunk-QH3YI3ND.js";
 import "./chunk-JPMVNMF3.js";
 import "./chunk-IMIUHG2E.js";

package/dist/mcp/adapter.js

@@ -2,7 +2,7 @@ import {
   querySchemaShape,
   serializeQuery,
   waitForJob
-} from "../chunk-ZFW35DLG.js";
+} from "../chunk-VYSBZUXZ.js";
 import {
   CURATED_TOOLS
 } from "../chunk-4WBSXHQA.js";
@@ -16,7 +16,7 @@ import {
   opById,
   safeParse,
   sniffImageMediaType
-} from "../chunk-46DGDPXR.js";
+} from "../chunk-V6GL37RZ.js";
 import "../chunk-2ESYSVXG.js";
 
 // ../mcp/src/adapter.ts

package/dist/mcp/core.js

@@ -18,7 +18,7 @@ import {
   text,
   textWithData,
   withMedia
-} from "../chunk-46DGDPXR.js";
+} from "../chunk-V6GL37RZ.js";
 import "../chunk-2ESYSVXG.js";
 export {
   __resetPreviewCache,

package/dist/mcp/scene-shot.js

@@ -5,8 +5,8 @@ import {
   SCENE_SHOT_RULES,
   sceneBrandTokens,
   sceneShotContract
-} from "../chunk-7AUHC2X7.js";
-import "../chunk-46DGDPXR.js";
+} from "../chunk-ZDE5S3DE.js";
+import "../chunk-V6GL37RZ.js";
 import "../chunk-2ESYSVXG.js";
 export {
   SCENE_SHOT_LIMITS,

package/dist/mcp/server.js

@@ -8,21 +8,21 @@ import {
   registerRawTools,
   registerSkillPrompts,
   titleCase
-} from "../chunk-P3DYA5NA.js";
-import "../chunk-7AUHC2X7.js";
-import "../chunk-ZFW35DLG.js";
+} from "../chunk-C3ARYFN6.js";
+import "../chunk-ZDE5S3DE.js";
+import "../chunk-VYSBZUXZ.js";
 import "../chunk-4WBSXHQA.js";
-import "../chunk-46DGDPXR.js";
-import "../chunk-VTM7NEJC.js";
-import "../chunk-LPUQTBKU.js";
+import "../chunk-V6GL37RZ.js";
+import "../chunk-SIGKJOSF.js";
+import "../chunk-GZMKTLO3.js";
 import "../chunk-QH3YI3ND.js";
 import "../chunk-JPMVNMF3.js";
 import "../chunk-IMIUHG2E.js";
 import "../chunk-VZ7TYX6Z.js";
 import "../chunk-T56BK7NS.js";
-import "../chunk-TPKPU4PE.js";
-import "../chunk-CJMUTCJW.js";
-import "../chunk-UFNIB3JL.js";
+import "../chunk-T7WKIMTB.js";
+import "../chunk-QCGT3M7M.js";
+import "../chunk-VKZTGD5Z.js";
 import "../chunk-WPZKOVYF.js";
 import "../chunk-B7J5UUUV.js";
 import "../chunk-KYRDKK2D.js";

package/dist/mcp.js

@@ -8,21 +8,21 @@ import {
   buildServer,
   registerCuratedTools,
   registerRawTools
-} from "./chunk-P3DYA5NA.js";
-import "./chunk-7AUHC2X7.js";
-import "./chunk-ZFW35DLG.js";
+} from "./chunk-C3ARYFN6.js";
+import "./chunk-ZDE5S3DE.js";
+import "./chunk-VYSBZUXZ.js";
 import "./chunk-4WBSXHQA.js";
-import "./chunk-46DGDPXR.js";
-import "./chunk-VTM7NEJC.js";
-import "./chunk-LPUQTBKU.js";
+import "./chunk-V6GL37RZ.js";
+import "./chunk-SIGKJOSF.js";
+import "./chunk-GZMKTLO3.js";
 import "./chunk-QH3YI3ND.js";
 import "./chunk-JPMVNMF3.js";
 import "./chunk-IMIUHG2E.js";
 import "./chunk-VZ7TYX6Z.js";
 import "./chunk-T56BK7NS.js";
-import "./chunk-TPKPU4PE.js";
-import "./chunk-CJMUTCJW.js";
-import "./chunk-UFNIB3JL.js";
+import "./chunk-T7WKIMTB.js";
+import "./chunk-QCGT3M7M.js";
+import "./chunk-VKZTGD5Z.js";
 import "./chunk-WPZKOVYF.js";
 import "./chunk-B7J5UUUV.js";
 import "./chunk-KYRDKK2D.js";

package/dist/primitives/captions.js

@@ -1,6 +1,6 @@
 import {
   Marker
-} from "../chunk-D2EG7J7X.js";
+} from "../chunk-DFB7UFZD.js";
 import {
   fillStyle
 } from "../chunk-XLIPPLG3.js";
@@ -154,15 +154,16 @@ function plateStyleFor(kind, backgroundColor) {
 }
 var COMBINE_TOKENS_MS = 1500;
 var CAPTION_LINGER_MS = 600;
-function italicAwareTextBox(maxWidth, maxLines) {
+function measuredTextBox(maxWidth, maxLines, gapPx) {
   const lineWidths = [0];
   return {
     add: (word) => {
       const widthOf = (text) => measureText({ ...word, text }).width;
       const current = lineWidths.length - 1;
       const width = widthOf(lineWidths[current] === 0 ? word.text.trimStart() : word.text);
-      if (Math.ceil(lineWidths[current] + width) < maxWidth) {
-        lineWidths[current] += width;
+      const nextWidth = lineWidths[current] + (lineWidths[current] ? gapPx : 0) + width;
+      if (Math.ceil(nextWidth) < maxWidth) {
+        lineWidths[current] = nextWidth;
         return { exceedsBox: false, newLine: false };
       }
       const firstWidth = widthOf(word.text.trimStart());
@@ -174,10 +175,11 @@ function italicAwareTextBox(maxWidth, maxLines) {
     }
   };
 }
-function tokenBox(maxWidth, maxLines, emphasis) {
-  return emphasis?.emphasisFontStyle === "italic" ? italicAwareTextBox(maxWidth, maxLines) : fillTextBox({ maxBoxWidth: maxWidth, maxLines });
+function tokenBox(maxWidth, maxLines, fontSize, letterSpacing, wordGapEm, textTransform, emphasis) {
+  const needsMeasured = emphasis?.emphasisFontStyle === "italic" || letterSpacing !== 0 || (emphasis?.emphasisLetterSpacing ?? 0) !== 0 || wordGapEm !== void 0 || textTransform !== void 0 && textTransform !== "none" || emphasis?.emphasisTextTransform !== void 0 && emphasis.emphasisTextTransform !== "none";
+  return needsMeasured ? measuredTextBox(maxWidth, maxLines, fontSize * (wordGapEm ?? 0.35)) : fillTextBox({ maxBoxWidth: maxWidth, maxLines });
 }
-function addTokenToBox(box, token, fontFamily, fontSize, fontWeight, emphasis) {
+function addTokenToBox(box, token, fontFamily, fontSize, fontWeight, letterSpacing, textTransform, emphasis) {
   const isEmp = emphasis?.emphasisSet.has(token.fromMs) ?? false;
   const tokenSize = isEmp ? Math.round(fontSize * (emphasis?.emphasisScale ?? 1.2)) : fontSize;
   const tokenWeight = emphasis && isEmp ? emphasis.emphasisFontWeight : fontWeight;
@@ -187,22 +189,24 @@ function addTokenToBox(box, token, fontFamily, fontSize, fontWeight, emphasis) {
     fontFamily: tokenFamily,
     fontSize: tokenSize,
     fontWeight: String(tokenWeight),
+    ...(isEmp ? emphasis?.emphasisLetterSpacing : letterSpacing) ? { letterSpacing: `${isEmp ? emphasis?.emphasisLetterSpacing : letterSpacing}px` } : {},
+    ...isEmp ? { textTransform: emphasis?.emphasisTextTransform } : { textTransform },
     ...isEmp && emphasis?.emphasisFontStyle === "italic" ? { additionalStyles: { fontStyle: "italic" } } : {}
   });
 }
-function makeBoxFactory(maxWidth, maxLines, fontFamily, fontSize, fontWeight, emphasis) {
+function makeBoxFactory(maxWidth, maxLines, fontFamily, fontSize, fontWeight, letterSpacing, wordGapEm, textTransform, emphasis) {
   return () => {
-    const box = tokenBox(maxWidth, maxLines, emphasis);
+    const box = tokenBox(maxWidth, maxLines, fontSize, letterSpacing, wordGapEm, textTransform, emphasis);
     return {
-      add: (token) => !addTokenToBox(box, token, fontFamily, fontSize, fontWeight, emphasis).exceedsBox
+      add: (token) => !addTokenToBox(box, token, fontFamily, fontSize, fontWeight, letterSpacing, textTransform, emphasis).exceedsBox
     };
   };
 }
-function layoutTokensIntoLines(tokens, maxWidth, maxLines, fontFamily, fontSize, fontWeight, emphasis) {
-  const box = tokenBox(maxWidth, maxLines, emphasis);
+function layoutTokensIntoLines(tokens, maxWidth, maxLines, fontFamily, fontSize, fontWeight, letterSpacing, wordGapEm, textTransform, emphasis) {
+  const box = tokenBox(maxWidth, maxLines, fontSize, letterSpacing, wordGapEm, textTransform, emphasis);
   const lines = [[]];
   for (const token of tokens) {
-    const result = addTokenToBox(box, token, fontFamily, fontSize, fontWeight, emphasis);
+    const result = addTokenToBox(box, token, fontFamily, fontSize, fontWeight, letterSpacing, textTransform, emphasis);
     if (result.newLine) {
       lines.push([token]);
     } else {
@@ -211,8 +215,10 @@ function layoutTokensIntoLines(tokens, maxWidth, maxLines, fontFamily, fontSize,
   }
   return lines.filter((line) => line.length > 0);
 }
-function layoutFitError(label) {
-  return new Error(`Caption layout${label ? ` ${label}` : " word range"} does not fit one page in its region; enlarge the region or split the range`);
+function layoutFitError(label, detail) {
+  const error = new Error(`Caption layout${label ? ` ${label}` : " word range"} does not fit one page in its region${detail ? ` (${detail})` : ""}; enlarge the region or split the range`);
+  error.name = "CaptionLayoutFitError";
+  return error;
 }
 function tokenRuns(tokens, emphasisSet, emphasisPlate) {
   const runs = [];
@@ -224,34 +230,38 @@ function tokenRuns(tokens, emphasisSet, emphasisPlate) {
   }
   return runs;
 }
+function measureVisualRun(run, fontSize, style, faces) {
+  const plate = style.emphasisPlate ?? false;
+  const emph = run.emph;
+  const text = emph && plate ? run.tokens.map((token) => token.text.trim()).join(" ") : plate ? run.tokens[0].text.trim() : run.tokens[0].text;
+  const size = emph ? Math.round(fontSize * (style.emphasisScale ?? 1.08)) : fontSize;
+  const transform = emph ? style.emphasisTextTransform ?? style.textTransform : style.textTransform;
+  const letterSpacing = emph ? style.emphasisLetterSpacing ?? style.letterSpacing : style.letterSpacing;
+  return measureText({
+    text,
+    fontFamily: emph ? faces.emphasis.stack : faces.base.stack,
+    fontSize: size,
+    fontWeight: String(emph ? faces.emphasis.weight : faces.base.weight),
+    ...transform ? { textTransform: transform } : {},
+    ...letterSpacing !== void 0 ? { letterSpacing: `${letterSpacing}px` } : {},
+    ...emph && faces.emphasis.style === "italic" ? { additionalStyles: { fontStyle: "italic" } } : {}
+  }).width + (emph && plate ? 2 * Math.round(size * (style.emphasisPlatePadX ?? 0.16)) : 0);
+}
 function layoutAuthoredTokensIntoLines(tokens, maxWidth, maxLines, fontSize, style, emphasisSet, faces, label) {
   const lines = [[]];
   let lineWidth = 0;
   const plate = style.emphasisPlate ?? false;
-  const runGap = fontSize * 0.35;
+  const runGap = fontSize * (style.wordGapEm ?? 0.35);
   for (const run of tokenRuns(tokens, emphasisSet, plate)) {
-    const emph = run.emph;
-    const text = emph && plate ? run.tokens.map((token) => token.text.trim()).join(" ") : plate ? run.tokens[0].text.trim() : run.tokens[0].text;
-    const size = emph ? Math.round(fontSize * (style.emphasisScale ?? 1.08)) : fontSize;
-    const transform = emph ? style.emphasisTextTransform ?? style.textTransform : style.textTransform;
-    const letterSpacing = emph ? style.emphasisLetterSpacing : void 0;
-    const width = measureText({
-      text,
-      fontFamily: emph ? faces.emphasis.stack : faces.base.stack,
-      fontSize: size,
-      fontWeight: String(emph ? faces.emphasis.weight : faces.base.weight),
-      ...transform ? { textTransform: transform } : {},
-      ...letterSpacing ? { letterSpacing: `${letterSpacing}px` } : {},
-      ...emph && faces.emphasis.style === "italic" ? { additionalStyles: { fontStyle: "italic" } } : {}
-    }).width + (emph && plate ? 2 * Math.round(size * (style.emphasisPlatePadX ?? 0.16)) : 0);
+    const width = measureVisualRun(run, fontSize, style, faces);
     if (Math.ceil(width) > maxWidth) {
-      throw layoutFitError(label);
+      throw layoutFitError(label, `run needs ${Math.ceil(width)}px, box has ${Math.floor(maxWidth)}px`);
     }
     const current = lines[lines.length - 1];
     const nextWidth = lineWidth + (current.length ? runGap : 0) + width;
     if (Math.ceil(nextWidth) > maxWidth) {
       if (lines.length >= maxLines) {
-        throw layoutFitError(label);
+        throw layoutFitError(label, `needs ${lines.length + 1} lines, box allows ${maxLines}`);
       }
       lines.push([...run.tokens]);
       lineWidth = width;
@@ -287,7 +297,8 @@ function Captions({
   const emphasisFontFamily = faces.emphasis.stack;
   const emphasisFontWeight = faces.emphasis.weight;
   const emphasisTextTransform = style.emphasisTextTransform ?? style.textTransform;
-  const emphasisLetterSpacing = style.emphasisLetterSpacing ?? 0;
+  const letterSpacing = style.letterSpacing ?? 0;
+  const emphasisLetterSpacing = style.emphasisLetterSpacing ?? letterSpacing;
   const emphasisFontStyle = faces.emphasis.style;
   const entrance = style.entrance ?? "none";
   const entranceFrames = Math.max(1, Math.round((style.entranceMs ?? 160) / 1e3 * fps));
@@ -301,18 +312,25 @@ function Captions({
   const plateRadius = style.emphasisPlateRadius ?? 6;
   const platePadX = style.emphasisPlatePadX ?? 0.16;
   const platePadY = style.emphasisPlatePadY ?? 0.04;
+  const plateReveal = style.emphasisPlateReveal ?? false;
   const annotationColor = style.annotationColor ?? VIOLET;
+  const annotationStrokeWidth = style.annotationStrokeWidth ?? 4;
   const maxWidthPercent = style.maxWidthPercent ?? 80;
   const plateStyle = plateStyleFor(style.plate ?? "glass", style.backgroundColor);
   const fontSize = Math.round(height * (style.fontSize / 100));
+  const wordGapPx = fontSize * (style.wordGapEm ?? 0.35);
+  const lineGapPx = fontSize * (style.lineGapEm ?? 0.25);
   const authoredRegion = userStyle?.region;
   const regionWidth = authoredRegion ? width * authoredRegion.w : width;
   const maxTextWidth = authoredRegion ? Math.min(width * (maxWidthPercent / 100), regionWidth - fontSize * 1.6) : width * (maxWidthPercent / 100);
   const availableHeight = authoredRegion ? height * authoredRegion.h - fontSize * 0.8 : Infinity;
   const lineHeight = fontSize * Math.max(1, emphasisScale) * 1.2;
-  const maxLines = authoredRegion ? Math.min(3, Math.floor((availableHeight + fontSize * 0.25) / (lineHeight + fontSize * 0.25))) : 3;
+  const maxLines = authoredRegion ? Math.min(3, Math.floor((availableHeight + lineGapPx) / (lineHeight + lineGapPx))) : 3;
   if (authoredRegion && (maxTextWidth <= 0 || maxLines < 1)) {
-    if (singlePageRequired) throw layoutFitError(layoutLabel);
+    if (singlePageRequired) throw layoutFitError(
+      layoutLabel,
+      maxTextWidth <= 0 ? `box has ${Math.floor(maxTextWidth)}px text width` : "box allows no complete line"
+    );
     throw new Error("Caption style.region is too small for one caption line at the authored font size");
   }
   const { emphasisStartMs, annotateKind } = useMemo(() => {
@@ -325,12 +343,38 @@ function Captions({
     return { emphasisStartMs: emph, annotateKind: ann };
   }, [segments]);
   const emphasisLayout = useMemo(
-    () => emphasisStartMs.size > 0 ? { emphasisSet: emphasisStartMs, emphasisScale, emphasisFontFamily, emphasisFontWeight, emphasisFontStyle } : void 0,
-    [emphasisStartMs, emphasisScale, emphasisFontFamily, emphasisFontWeight, emphasisFontStyle]
+    () => emphasisStartMs.size > 0 ? {
+      emphasisSet: emphasisStartMs,
+      emphasisScale,
+      emphasisFontFamily,
+      emphasisFontWeight,
+      emphasisFontStyle,
+      emphasisLetterSpacing,
+      emphasisTextTransform
+    } : void 0,
+    [
+      emphasisStartMs,
+      emphasisScale,
+      emphasisFontFamily,
+      emphasisFontWeight,
+      emphasisFontStyle,
+      emphasisLetterSpacing,
+      emphasisTextTransform
+    ]
   );
   const pages = useMemo(
     () => {
-      const makeBox = makeBoxFactory(maxTextWidth, maxLines, style.fontFamily, fontSize, style.fontWeight, emphasisLayout);
+      const makeBox = makeBoxFactory(
+        maxTextWidth,
+        maxLines,
+        style.fontFamily,
+        fontSize,
+        style.fontWeight,
+        letterSpacing,
+        style.wordGapEm,
+        style.textTransform,
+        emphasisLayout
+      );
       const paginated = paginateCaptionSegments(segments, {
         combineMs: singlePageRequired ? Number.MAX_SAFE_INTEGER : COMBINE_TOKENS_MS,
         makeBox: singlePageRequired ? () => ({ add: () => true }) : makeBox,
@@ -357,7 +401,20 @@ function Captions({
       }
       return paginated;
     },
-    [segments, maxTextWidth, maxLines, fontSize, style, emphasisStartMs, faces, emphasisLayout, holdUntilMs, singlePageRequired, layoutLabel]
+    [
+      segments,
+      maxTextWidth,
+      maxLines,
+      fontSize,
+      style,
+      emphasisStartMs,
+      faces,
+      emphasisLayout,
+      letterSpacing,
+      holdUntilMs,
+      singlePageRequired,
+      layoutLabel
+    ]
   );
   if (pages.length === 0) return null;
   const currentTimeMs = frame / fps * 1e3;
@@ -398,6 +455,9 @@ function Captions({
     style.fontFamily,
     fontSize,
     style.fontWeight,
+    letterSpacing,
+    style.wordGapEm,
+    style.textTransform,
     emphasisLayout
   );
   const wrapperStyle = resolveCaptionPlacement(userStyle?.position, region, authoredRegion);
@@ -413,7 +473,7 @@ function Captions({
         display: "flex",
         flexDirection: "column",
         alignItems: authoredRegion ? "flex-start" : "center",
-        gap: `${fontSize * 0.25}px`,
+        gap: `${lineGapPx}px`,
         padding: `${fontSize * 0.4}px ${fontSize * 0.8}px`,
         borderRadius: fontSize * 0.5,
         ...plateStyle,
@@ -451,7 +511,7 @@ function Captions({
       };
       return lines.map((line, lineIdx) => {
         const segs = tokenRuns(line, emphasisStartMs, emphasisPlate);
-        return /* @__PURE__ */ React.createElement("div", { key: lineIdx, style: { display: "flex", justifyContent: authoredRegion ? "flex-start" : "center", alignItems: "baseline", gap: `${fontSize * 0.35}px` } }, segs.map((seg, si) => {
+        return /* @__PURE__ */ React.createElement("div", { key: lineIdx, style: { display: "flex", justifyContent: authoredRegion ? "flex-start" : "center", alignItems: "baseline", gap: `${wordGapPx}px` } }, segs.map((seg, si) => {
           const first = seg.tokens[0];
           const entered = entranceOf(first, seg.emph);
           const opacity = syncWordVisibility && currentTimeMs < first.fromMs ? 0 : entered.opacity;
@@ -469,7 +529,16 @@ function Captions({
             const bg = idx % 2 === 0 ? plateColor : plateAltColor;
             const fg = idx % 2 === 0 ? plateTextColor : plateAltTextColor;
             const efs = Math.round(fontSize * emphasisScale);
-            return /* @__PURE__ */ React.createElement("span", { key: si, style: { position: "relative", display: "inline-block", opacity, transform: entranceTransform, transformOrigin: "center" } }, /* @__PURE__ */ React.createElement(
+            const plateTokens = plateReveal ? seg.tokens.filter((token2) => currentTimeMs >= token2.fromMs) : seg.tokens;
+            const reservedWidth = plateReveal ? measureVisualRun(seg, fontSize, style, faces) : void 0;
+            return /* @__PURE__ */ React.createElement("span", { key: si, style: {
+              position: "relative",
+              display: "inline-block",
+              ...reservedWidth !== void 0 ? { width: reservedWidth } : {},
+              opacity,
+              transform: entranceTransform,
+              transformOrigin: "center"
+            } }, /* @__PURE__ */ React.createElement(
               "span",
               {
                 style: {
@@ -488,10 +557,10 @@ function Captions({
                   whiteSpace: "nowrap"
                 }
               },
-              seg.tokens.map((token2, tokenIndex) => /* @__PURE__ */ React.createElement("span", { key: token2.fromMs, style: {
+              plateTokens.map((token2, tokenIndex) => /* @__PURE__ */ React.createElement("span", { key: token2.fromMs, style: {
                 opacity: syncWordVisibility && tokenIndex > 0 ? currentTimeMs < token2.fromMs ? 0 : entranceOf(token2, true).opacity : 1
               } }, tokenIndex > 0 ? " " : "", token2.text.trim()))
-            ), annKind && annotatedToken && currentTimeMs >= annotatedToken.fromMs ? /* @__PURE__ */ React.createElement(Marker, { spec: { kind: annKind, color: annotationColor }, progress: markerP }) : null);
+            ), annKind && annotatedToken && currentTimeMs >= annotatedToken.fromMs ? /* @__PURE__ */ React.createElement(Marker, { spec: { kind: annKind, color: annotationColor, strokeWidth: annotationStrokeWidth }, progress: markerP }) : null);
           }
           const token = first;
           const isActive = token === activeToken;
@@ -500,7 +569,7 @@ function Captions({
           const tokenWeight = isEmphasis ? emphasisFontWeight : style.fontWeight;
           const tokenFamily = isEmphasis ? emphasisFontFamily : style.fontFamily;
           const tokenTransform = isEmphasis ? emphasisTextTransform : style.textTransform;
-          const tokenLetterSpacing = isEmphasis && emphasisLetterSpacing ? `${emphasisLetterSpacing}px` : void 0;
+          const tokenLetterSpacing = isEmphasis ? emphasisLetterSpacing ? `${emphasisLetterSpacing}px` : void 0 : letterSpacing ? `${letterSpacing}px` : void 0;
           const tokenFontStyle = isEmphasis ? emphasisFontStyle : "normal";
           let tokenColor = style.color;
           if (isActive && !emphasisPlate) tokenColor = style.highlightColor;
@@ -523,7 +592,7 @@ function Captions({
             },
             emphasisPlate ? token.text.trim() : token.text
           );
-          return /* @__PURE__ */ React.createElement("span", { key: si, style: { position: "relative", display: "inline-block", opacity, transform: entranceTransform, transformOrigin: "center" } }, inner, annKind && annotatedToken && currentTimeMs >= annotatedToken.fromMs ? /* @__PURE__ */ React.createElement(Marker, { spec: { kind: annKind, color: annotationColor }, progress: markerP }) : null);
+          return /* @__PURE__ */ React.createElement("span", { key: si, style: { position: "relative", display: "inline-block", opacity, transform: entranceTransform, transformOrigin: "center" } }, inner, annKind && annotatedToken && currentTimeMs >= annotatedToken.fromMs ? /* @__PURE__ */ React.createElement(Marker, { spec: { kind: annKind, color: annotationColor, strokeWidth: annotationStrokeWidth }, progress: markerP }) : null);
         }));
       });
     })()

package/dist/primitives/lib/text/marker.js

@@ -1,6 +1,6 @@
 import {
   Marker
-} from "../../../chunk-D2EG7J7X.js";
+} from "../../../chunk-DFB7UFZD.js";
 import "../../../chunk-2ESYSVXG.js";
 export {
   Marker

package/dist/render-harness.js

@@ -46,7 +46,7 @@ import {
   parseSceneComponentCaptureIntentV1,
   prepareSceneShotRenderInput,
   readSceneShotManifest
-} from "./chunk-LPUQTBKU.js";
+} from "./chunk-GZMKTLO3.js";
 import "./chunk-QH3YI3ND.js";
 import "./chunk-JPMVNMF3.js";
 import "./chunk-IMIUHG2E.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cueframe/kernel",
-  "version": "0.2.53",
+  "version": "0.2.54",
   "type": "module",
   "description": "Publish-only aggregate of CueFrame's isomorphic kernel packages — composition, primitives, authoring, MCP, and friends shipped as one npm artifact. Members remain separate workspace packages; this only changes what ships.",
   "files": [
@@ -16,26 +16,26 @@
   "devDependencies": {
     "tsup": "^8.3.5",
     "typescript": "^5.9.3",
-    "@cueframe/brand-derivation": "0.1.0",
     "@cueframe/animate": "0.1.0",
-    "@cueframe/cloud-import": "0.1.0",
-    "@cueframe/account-model": "0.1.0",
     "@cueframe/authoring": "0.1.0",
+    "@cueframe/account-model": "0.1.0",
+    "@cueframe/cloud-import": "0.1.0",
     "@cueframe/compose": "0.1.0",
     "@cueframe/composition": "0.1.0",
+    "@cueframe/composition-ops": "0.1.0",
     "@cueframe/component-runtime": "0.1.0",
-    "@cueframe/director": "0.1.0",
+    "@cueframe/brand-derivation": "0.1.0",
     "@cueframe/core": "0.1.0",
-    "@cueframe/mcp": "0.1.0",
-    "@cueframe/composition-ops": "0.1.0",
-    "@cueframe/foundation": "0.1.0",
+    "@cueframe/director": "0.1.0",
     "@cueframe/errors": "0.1.0",
+    "@cueframe/foundation": "0.1.0",
+    "@cueframe/nle-export": "0.1.0",
     "@cueframe/media-model": "0.1.0",
     "@cueframe/perception": "0.1.0",
-    "@cueframe/nle-export": "0.1.0",
-    "@cueframe/plane": "0.1.0",
+    "@cueframe/mcp": "0.1.0",
+    "@cueframe/primitives": "0.1.0",
     "@cueframe/render-harness": "0.1.0",
-    "@cueframe/primitives": "0.1.0"
+    "@cueframe/plane": "0.1.0"
   },
   "peerDependencies": {
     "gsap": "3.13.0",