@hyperframes/studio 0.8.145 → 0.8.146

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   HyperframesLogo
-} from "./chunk-EEXSYY5F.js";
+} from "./chunk-C5BDT7NG.js";
 import {
   DOCK_PANEL_COMPONENT,
   PANEL_DEFINITIONS,
@@ -47,7 +47,7 @@ import {
   usePreviewVariablesStore,
   whenPreviewBooted,
   writeStudioUiPreferences
-} from "./chunk-NZPJUZKT.js";
+} from "./chunk-PHGBG7OG.js";
 import {
   Button,
   ContextMenu,
@@ -79,7 +79,7 @@ import {
   fieldBase,
   fieldText,
   popupSurface
-} from "./chunk-Y2OHHNM2.js";
+} from "./chunk-PVFBY7KR.js";
 import {
   DOM_EDIT_LAYER_OBSERVER_INIT,
   buildDefaultDomEditTextField,
@@ -105,7 +105,7 @@ import {
   resolveAllVisualDomEditTargets,
   resolveDomEditSelection,
   serializeDomEditTextFields
-} from "./chunk-TP6D3U37.js";
+} from "./chunk-HZDCMUG4.js";
 import {
   LAYER_REVEAL_PRIOR_POSITION_ATTR,
   LAYER_REVEAL_PRIOR_Z_ATTR,
@@ -172,8 +172,8 @@ import {
   studioApiFetch,
   toHexColor,
   wrapTimeline
-} from "./chunk-6JY3MTIX.js";
-import "./chunk-PZ5AY32C.js";
+} from "./chunk-T43DM7Q6.js";
+import "./chunk-MLKGABMK.js";
 
 // src/components/EditorShell.tsx
 import { memo as memo34, useCallback as useCallback74 } from "react";
@@ -878,7 +878,7 @@ var ShortcutsPanel = memo(function ShortcutsPanel2({
                       )
                     }
                   ) })
-                ] }) : /* @__PURE__ */ jsx("span", { className: "text-[10px] text-neutral-600", children: "\u2014" }) })
+                ] }) : /* @__PURE__ */ jsx("span", { className: "text-[10px] text-neutral-600", children: "Not set" }) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -908,7 +908,7 @@ var ShortcutsPanel = memo(function ShortcutsPanel2({
                       )
                     }
                   ) })
-                ] }) : /* @__PURE__ */ jsx("span", { className: "text-[10px] text-neutral-600", children: "\u2014" }) })
+                ] }) : /* @__PURE__ */ jsx("span", { className: "text-[10px] text-neutral-600", children: "Not set" }) })
               ] })
             ] })
           ] }),
@@ -1469,7 +1469,7 @@ function createStableContext(name, defaultValue) {
   const store = registry();
   if (store.has(name) && seenNames.get(name) !== defaultValue) {
     console.warn(
-      `[hmrStableContext] "${name}" was registered twice with different defaults \u2014 two contexts are sharing one identity. Use module path + export name.`
+      `[hmrStableContext] "${name}" was registered twice with different defaults: two contexts are sharing one identity. Use module path + export name.`
     );
   }
   seenNames.set(name, defaultValue);
@@ -6001,7 +6001,7 @@ var METHOD_LABELS = {
   fromTo: "From \u2192 To"
 };
 var METHOD_TOOLTIPS = {
-  set: "Instantly snap to these values \u2014 no transition",
+  set: "Instantly snap to these values, no transition",
   to: "Smoothly animate the element to these target values",
   from: "Element starts at these values and transitions to its normal state",
   fromTo: "Animate from one state to another"
@@ -6071,7 +6071,7 @@ var PROP_TOOLTIPS = {
   rotationY: "Rotate around the vertical Y axis",
   rotationZ: "Rotate around the screen-facing Z axis",
   perspective: "3D depth context for child elements; set it on a parent when rotating children in 3D",
-  transformPerspective: "3D depth for THIS element's own X/Y rotation \u2014 lower = stronger perspective (try 600\u20131000)",
+  transformPerspective: "3D depth for THIS element's own X/Y rotation: lower = stronger perspective (try 600 to 1000)",
   transformOrigin: "Pivot point for transforms, for example center center or 50% 50%",
   width: "Element width",
   height: "Element height",
@@ -10139,7 +10139,7 @@ function persistMoveEdits(edits, deps, coalesceKey, operation = "timing") {
   const { updateElement, onMoveElement, onMoveElements } = deps;
   if (!onMoveElements) {
     console.warn(
-      onMoveElement ? `[Timeline] persistMoveEdits: only single-clip onMoveElement wired \u2014 this ${edits.length}-clip move degrades to a per-clip persist race (no atomic single-undo)` : `[Timeline] persistMoveEdits: no move persist handler wired \u2014 ${edits.length} edit(s) applied to the store only, not saved`
+      onMoveElement ? `[Timeline] persistMoveEdits: only single-clip onMoveElement wired, so this ${edits.length}-clip move degrades to a per-clip persist race (no atomic single-undo)` : `[Timeline] persistMoveEdits: no move persist handler wired, so ${edits.length} edit(s) applied to the store only, not saved`
     );
   }
   const prev = edits.map((e) => ({
@@ -18889,7 +18889,7 @@ function resolveResizePlaybackStart(original, target, element, updates) {
 function applyTimelineMoveAttributes(original, target, start, duration, track2, audioGroup) {
   if (!Number.isFinite(start) || !Number.isFinite(duration)) {
     console.warn(
-      `[Timeline] applyTimelineMoveAttributes: non-finite timing (start=${start}, duration=${duration}) \u2014 patch skipped`
+      `[Timeline] applyTimelineMoveAttributes: non-finite timing (start=${start}, duration=${duration}). Patch skipped`
     );
     return original;
   }
@@ -19399,7 +19399,7 @@ var OutOfSyncBadge = memo12(function OutOfSyncBadge2({ el }) {
         tabIndex: -1,
         "aria-haspopup": "menu",
         "aria-label": `Out of sync with ${partnerName} by ${label} frames`,
-        title: `Out of sync with ${partnerName} by ${label} \u2014 click for Move or Slip into Sync`,
+        title: `Out of sync with ${partnerName} by ${label}. Click for Move or Slip into Sync`,
         "data-testid": "out-of-sync-badge",
         className: "absolute bottom-0.5 left-1 z-[12] cursor-pointer rounded-[3px] bg-red-600 px-1 font-mono text-[9px] leading-[14px] text-white tabular-nums",
         onPointerDown: stop,
@@ -19553,7 +19553,7 @@ var TimelineClip = memo13(function TimelineClip2({
       "aria-description": isGestureActor || !capabilities.canMove ? void 0 : "Space picks up. Up and Down choose a new track. Enter drops. Escape cancels.",
       className: clipClassName,
       style,
-      title: isComposition ? `${el.compositionSrc} \u2022 Double-click to open` : `${displayLabel} \u2022 ${startLabel}s \u2013 ${endLabel}s`,
+      title: isComposition ? `${el.compositionSrc} \u2022 Double-click to open` : `${displayLabel} \u2022 ${startLabel}s to ${endLabel}s`,
       onPointerEnter: onHoverStart,
       onPointerLeave: onHoverEnd,
       onPointerDown,
@@ -21563,7 +21563,7 @@ function ClipAutomationLanes({
         onSelect: bound.onSelect,
         snapTimes,
         readOnly: bound.readOnly || isCarveLane(lane.target, bound.chain),
-        readOnlyNote: isCarveLane(lane.target, bound.chain) ? "Owned by the voiceover carve \u2014 re-derived on every analysis. Change strength in the FX rack, or turn the carve off to edit these by hand." : bound.readOnly ? "Read-only here." : void 0,
+        readOnlyNote: isCarveLane(lane.target, bound.chain) ? "Owned by the voiceover carve and re-derived on every analysis. Change strength in the FX rack, or turn the carve off to edit these by hand." : bound.readOnly ? "Read-only here." : void 0,
         rangeSelection: bound.selection?.target === lane.target ? {
           t0: bound.selection.t0,
           t1: bound.selection.t1,
@@ -22877,7 +22877,7 @@ function TimelineFxButton(props) {
           type: "button",
           tabIndex: -1,
           ref: buttonRef,
-          "aria-label": "Effects \u2014 group these clips first",
+          "aria-label": "Effects: group these clips first",
           title: "Group these clips to add effects to all of them",
           className: "flex h-6 items-center justify-center rounded-sm border-0 bg-transparent px-1 text-[10px] font-semibold text-[var(--timeline-text-faint)] hover:text-[var(--timeline-text-soft)]",
           onPointerDown: (event) => event.stopPropagation(),
@@ -22916,7 +22916,7 @@ function TimelineFxButton(props) {
         type: "button",
         tabIndex: -1,
         ref: buttonRef,
-        "aria-label": nodeCount > 0 ? `Effects \u2014 ${nodeCount} applied` : "Effects",
+        "aria-label": nodeCount > 0 ? `Effects: ${nodeCount} applied` : "Effects",
         title: "Effects",
         className: `flex h-6 items-center justify-center gap-0.5 rounded border-0 bg-transparent px-1 text-[10px] font-semibold transition-colors ${open || nodeCount > 0 ? "text-[var(--timeline-accent)]" : "text-[var(--timeline-text-faint)] hover:text-[var(--timeline-text-soft)]"}`,
         onPointerDown: (event) => event.stopPropagation(),
@@ -23392,7 +23392,7 @@ function AutomationLaneHeaderRow({
                 {
                   "data-automation-lane-also": "",
                   className: "truncate text-[9px] text-warning-ink",
-                  title: `${alsoAutomatedBy} is also fading this \u2014 the two multiply.`,
+                  title: `${alsoAutomatedBy} is also fading this. The two multiply.`,
                   children: [
                     alsoAutomatedBy,
                     " is also fading this."
@@ -25696,8 +25696,9 @@ function AudioGainDialog({
                 }
               ),
               /* @__PURE__ */ jsxs40("div", { className: "mt-3 text-neutral-400", "data-testid": "audio-gain-peak", children: [
-                "Peak Amplitude: ",
-                peaks === null ? "measuring\u2026" : peakDb === null ? "\u2014" : dbText(peakDb)
+                "Peak Amplitude:",
+                " ",
+                peaks === null ? "measuring\u2026" : peakDb === null ? "Unavailable" : dbText(peakDb)
               ] }),
               outOfRange && /* @__PURE__ */ jsx63("div", { className: "mt-1 text-red-400", children: "Peak targets must be 0 dB or lower." }),
               /* @__PURE__ */ jsxs40("div", { className: "mt-4 flex justify-end gap-2", children: [
@@ -25905,7 +25906,7 @@ function EditPopover({ rangeStart, rangeEnd, anchorX, anchorY, onClose }) {
         /* @__PURE__ */ jsx64("div", { className: "w-1.5 h-1.5 rounded-full bg-studio-accent" }),
         /* @__PURE__ */ jsxs41("span", { className: "text-[11px] font-medium text-neutral-300", children: [
           formatTime(start),
-          " \u2014 ",
+          " to ",
           formatTime(end)
         ] })
       ] }),
@@ -25939,7 +25940,7 @@ function EditPopover({ rangeStart, rangeEnd, anchorX, anchorY, onClose }) {
         className: "w-full px-3 py-2 text-xs bg-neutral-800/60 border border-neutral-700/40 rounded-lg text-neutral-200 placeholder:text-neutral-600 resize-none focus:outline-hidden focus:border-studio-accent/40 transition-colors"
       }
     ) }),
-    copyError && /* @__PURE__ */ jsx64("p", { className: "px-3 pb-2 text-[10px] text-danger-ink", role: "alert", children: "Copy failed \u2014 check clipboard permissions and try again." }),
+    copyError && /* @__PURE__ */ jsx64("p", { className: "px-3 pb-2 text-[10px] text-danger-ink", role: "alert", children: "Copy failed. Check clipboard permissions and try again." }),
     /* @__PURE__ */ jsxs41("div", { className: "grid grid-cols-2 gap-2 px-3 pb-3", children: [
       /* @__PURE__ */ jsx64(
         "button",
@@ -26054,7 +26055,7 @@ function KeyframeDiamondContextMenu({
               onClick: () => {
                 void handleCopyProperties();
               },
-              children: copyStatus === "copied" ? "Copied!" : copyStatus === "failed" ? "Copy failed \u2014 check permissions" : "Copy Properties"
+              children: copyStatus === "copied" ? "Copied!" : copyStatus === "failed" ? "Copy failed. Check permissions" : "Copy Properties"
             }
           ),
           onDelete && /* @__PURE__ */ jsx65(
@@ -35858,7 +35859,7 @@ var CaptionOverlay = memo26(function CaptionOverlay2({ iframeRef }) {
       onPointerUp: handlePointerUp,
       onLostPointerCapture: handlePointerUp,
       children: [
-        wordBoxes.length === 0 && model && model.segments.size > 0 && /* @__PURE__ */ jsx91("div", { className: "absolute inset-x-0 top-3 flex justify-center pointer-events-none", children: /* @__PURE__ */ jsx91("span", { className: "px-2.5 py-1 rounded-full bg-black/60 border border-neutral-700 text-2xs text-neutral-300", children: "No captions visible at this frame \u2014 scrub to a caption, or select one in the track below" }) }),
+        wordBoxes.length === 0 && model && model.segments.size > 0 && /* @__PURE__ */ jsx91("div", { className: "absolute inset-x-0 top-3 flex justify-center pointer-events-none", children: /* @__PURE__ */ jsx91("span", { className: "px-2.5 py-1 rounded-full bg-black/60 border border-neutral-700 text-2xs text-neutral-300", children: "No captions visible at this frame. Scrub to a caption, or select one in the track below" }) }),
         wordBoxes.map((box) => {
           const isSelected2 = selectedSegmentIds.has(box.segmentId);
           return /* @__PURE__ */ jsx91(
@@ -37509,7 +37510,7 @@ function OffCanvasIndicators({
     const selectOffCanvas = async () => {
       const el = elements.current.get(r.key);
       if (!el) return;
-      const { resolveDomEditSelection: resolveDomEditSelection2 } = await import("./domEditingLayers-PTP2ICGM.js");
+      const { resolveDomEditSelection: resolveDomEditSelection2 } = await import("./domEditingLayers-SMVA3FEW.js");
       const acp = activeCompositionPathRef.current ?? "index.html";
       const sel = await resolveDomEditSelection2(el, {
         activeCompositionPath: acp,
@@ -37530,7 +37531,7 @@ function OffCanvasIndicators({
         "aria-label": `Select off-canvas element ${r.key}`,
         className: "pointer-events-auto absolute inset-0 border-2 border-dashed border-studio-accent/10 rounded-md cursor-pointer hover:border-studio-accent hover:bg-studio-accent/10 transition-colors",
         style: clipOutside ? { clipPath: clipOutside } : void 0,
-        title: `Off-canvas: ${r.key} \u2014 click to select`,
+        title: `Off-canvas: ${r.key}. Click to select`,
         onClick: handleClick,
         onKeyDown: (e) => {
           if (e.key === "Enter" || e.key === " ") {
@@ -48419,7 +48420,7 @@ var SnapToolbar = memo31(function SnapToolbar2() {
                 if (gridPopoverOpen) settleGridSpacing();
                 setGridPopoverOpen((v) => !v);
               },
-              title: prefs.gridVisible ? "Grid visible (G) \u2014 right-click for spacing options" : "Grid hidden (G) \u2014 right-click for spacing options",
+              title: prefs.gridVisible ? "Grid visible (G). Right-click for spacing options" : "Grid hidden (G). Right-click for spacing options",
               "aria-label": "Toggle grid",
               children: /* @__PURE__ */ jsx109(GridFour, { size: 16, weight: prefs.gridVisible ? "fill" : "regular" })
             }
@@ -54494,7 +54495,7 @@ function createTransformCommitHandlers({
     if (await commitAnimatedTransformValue(
       axis,
       parsed,
-      "This element's position can't be edited here yet \u2014 it is driven by its animation"
+      "This element's position can't be edited here yet: its animation drives it"
     ))
       return;
     const plainTranslate = editsPlainCss(element.element, "move");
@@ -54517,7 +54518,7 @@ function createTransformCommitHandlers({
       return;
     }
     if (hasGsapAnimation) {
-      showToast?.("This element's size can't be edited here yet \u2014 it is driven by its animation");
+      showToast?.("This element's size can't be edited here yet: its animation drives it");
       return;
     }
     const current = readStudioBoxSize(element.element);
@@ -54536,7 +54537,7 @@ function createTransformCommitHandlers({
     if (await commitAnimatedTransformValue(
       "rotation",
       parsed,
-      "This element's rotation can't be edited here yet \u2014 it is driven by its animation"
+      "This element's rotation can't be edited here yet: its animation drives it"
     ))
       return;
     await Promise.resolve(onSetManualRotation(element, { angle: parsed }));
@@ -55533,7 +55534,7 @@ function ColorGradingControls({
                 setLutImporting(true);
                 setLutImportError(null);
                 void actions.importLut(files, onImportAssets, () => track2("button", "Import LUT")).catch(
-                  () => setLutImportError("LUT import failed \u2014 check the .cube file and try again.")
+                  () => setLutImportError("LUT import failed. Check the .cube file and try again.")
                 ).finally(() => setLutImporting(false));
                 event.currentTarget.value = "";
               }
@@ -56143,7 +56144,7 @@ function useColorGradingController({
         const reverted = confirmedGradingRef.current;
         latestGradingRef.current = reverted;
         setGrading(reverted);
-        setRuntimeStatus({ state: "unavailable", message: "Save failed \u2014 reverted" });
+        setRuntimeStatus({ state: "unavailable", message: "Save failed, changes reverted" });
       };
       const result = setAttributeLive(COLOR_GRADING_DATA_KEY, value ?? null, applySettled);
       return trackStudioPendingEdit(
@@ -57301,7 +57302,7 @@ function FontFamilyField({
         setFontNotice("No supported font files were imported.");
       }
     } catch {
-      setFontNotice("Font import failed \u2014 the files were not added. Try again.");
+      setFontNotice("Font import failed. The files were not added. Try again.");
     } finally {
       setImportingFonts(false);
     }
@@ -57379,10 +57380,10 @@ function FontFamilyField({
           setQuery("");
           setOpen(false);
         } else {
-          setFontNotice(`Couldn't import "${option.family}" \u2014 the font was not applied.`);
+          setFontNotice(`Couldn't import "${option.family}", so the font was not applied.`);
         }
       } catch {
-        setFontNotice(`Couldn't import "${option.family}" \u2014 the font was not applied.`);
+        setFontNotice(`Couldn't import "${option.family}", so the font was not applied.`);
       } finally {
         setImportingFonts(false);
       }
@@ -57881,7 +57882,7 @@ function VariablesBindElement({
           String(existingDecl.default),
           ")"
         ] }),
-        `, not the element's own \u2014 binding won't change "`,
+        `, not the element's own, so binding won't change "`,
         trimmedId,
         '".'
       ] }),
@@ -58041,7 +58042,7 @@ function PromotableControl({
   useEffect79(() => {
     if (danglingId != null) {
       console.warn(
-        `[hyperframes] Control is bound to variable "${danglingId}", but no such declaration exists. The element still carries the binding on disk \u2014 re-declare the variable or unbind the element.`
+        `[hyperframes] Control is bound to variable "${danglingId}", but no such declaration exists. The element still carries the binding on disk. Re-declare the variable or unbind the element.`
       );
     }
   }, [danglingId]);
@@ -58536,7 +58537,7 @@ function ImageFillField({
         commitImage(toProjectRootAssetPath(nextImage), true);
       }
     } catch {
-      setUploadError("Upload failed \u2014 check the file and try again.");
+      setUploadError("Upload failed. Check the file and try again.");
     } finally {
       setUploading(false);
     }
@@ -60044,7 +60045,7 @@ function buildTweenSummary(animation2) {
       const label = (PROP_LABELS[p] ?? p).toLowerCase();
       return `${label} ${formatPropValue(p, v)}`;
     });
-    const fromText = fromDescs.length > 0 ? fromDescs.join(", ") : "\u2014";
+    const fromText = fromDescs.length > 0 ? fromDescs.join(", ") : "none";
     return `Starting at ${pos}s, over ${dur}s, ${target} animates from [${fromText}] to [${propText}] using a ${ease.toLowerCase()} curve.`;
   }
   return `Starting at ${pos}s, over ${dur}s, animate ${target}'s ${propText} using a ${ease.toLowerCase()} curve.`;
@@ -60187,14 +60188,14 @@ function ComputedTweenNotice({
   const editability = editabilityForProvenance2(provenance);
   if (editability === "direct") return null;
   if (editability === "source") {
-    return /* @__PURE__ */ jsx142("div", { className: "rounded-md border border-neutral-800 bg-neutral-900/50 px-2 py-1.5 text-[9px] text-neutral-400", children: "Computed value \u2014 edit it in the Code tab." });
+    return /* @__PURE__ */ jsx142("div", { className: "rounded-md border border-neutral-800 bg-neutral-900/50 px-2 py-1.5 text-[9px] text-neutral-400", children: "Computed value. Edit it in the Code tab." });
   }
   const source = provenance?.fn ? `${provenance.fn}()` : "a loop";
   return /* @__PURE__ */ jsxs104("div", { className: "flex items-center justify-between gap-2 rounded-md border border-neutral-800 bg-neutral-900/50 px-2 py-1.5 text-[9px] text-neutral-400", children: [
     /* @__PURE__ */ jsxs104("span", { children: [
       "Generated by ",
       source,
-      " \u2014 not directly editable."
+      ", not directly editable."
     ] }),
     onUnroll && /* @__PURE__ */ jsx142(
       "button",
@@ -60402,7 +60403,7 @@ function PropertyRow({
             onClick: () => onCommit(isVisible ? "hidden" : "visible"),
             className: "shrink-0 rounded-full transition-colors duration-200 relative",
             style: { width: 28, height: 16, background: isVisible ? P.accent : P.borderInput },
-            title: isVisible ? "Visible \u2014 click to hide" : "Hidden \u2014 click to show",
+            title: isVisible ? "Visible: click to hide" : "Hidden: click to show",
             children: /* @__PURE__ */ jsx144(
               "span",
               {
@@ -60666,7 +60667,7 @@ var AnimationCard = memo38(function AnimationCard2({
                   children: [
                     typeof animation2.position === "number" ? `${parseFloat(animation2.position.toFixed(3))}s` : animation2.position,
                     " ",
-                    "\u2013 ",
+                    "to ",
                     typeof endTime === "number" ? `${parseFloat(endTime.toFixed(3))}s` : endTime
                   ]
                 }
@@ -60716,7 +60717,7 @@ var AnimationCard = memo38(function AnimationCard2({
                     }
                   }
                 ),
-                "Keyframed \u2014 click a segment below to edit its curve"
+                "Keyframed: click a segment below to edit its curve"
               ] }),
               runEase && runEase !== "none" && /* @__PURE__ */ jsxs107("p", { className: "mt-1 text-[9px] text-neutral-500", "data-card-run-ease": true, children: [
                 "Run ease: ",
@@ -60733,7 +60734,7 @@ var AnimationCard = memo38(function AnimationCard2({
                   setTimeout(() => setCopied(false), 1500);
                 },
                 className: "shrink-0 rounded-sm px-1.5 py-0.5 text-[9px] font-medium text-neutral-500 transition-colors hover:bg-neutral-800 hover:text-neutral-300",
-                title: "Copy description to clipboard \u2014 paste into agent prompts",
+                title: "Copy description for agent prompts",
                 children: copied ? "Copied" : "Copy"
               }
             )
@@ -61072,7 +61073,7 @@ function GsapAnimationList({
     }
   }, [focusedHere]);
   return /* @__PURE__ */ jsxs109("div", { className: "space-y-2", children: [
-    animations.length === 0 && /* @__PURE__ */ jsx147("p", { className: "text-[11px] leading-4 text-neutral-500", children: "No animations on this element yet \u2014 add an effect below to animate it." }),
+    animations.length === 0 && /* @__PURE__ */ jsx147("p", { className: "text-[11px] leading-4 text-neutral-500", children: "No animations on this element yet. Add an effect below to animate it." }),
     animations.map((animation2, index) => /* @__PURE__ */ createElement2(
       AnimationCard,
       {
@@ -61109,7 +61110,7 @@ var GsapAnimationSection = memo39(function GsapAnimationSection2({
   ...callbacks
 }) {
   return /* @__PURE__ */ jsxs110(Section, { title: "Animation", icon: /* @__PURE__ */ jsx148(Film, { size: 15 }), children: [
-    multipleTimelines && /* @__PURE__ */ jsx148("p", { className: "mb-2 rounded-lg bg-amber-500/10 px-3 py-2 text-[11px] leading-relaxed text-warning-ink", children: "This file has multiple GSAP timelines. Animation editing is disabled to prevent data loss \u2014 consolidate into a single timeline to enable editing." }),
+    multipleTimelines && /* @__PURE__ */ jsx148("p", { className: "mb-2 rounded-lg bg-amber-500/10 px-3 py-2 text-[11px] leading-relaxed text-warning-ink", children: "This file has multiple GSAP timelines. Animation editing is disabled to prevent data loss. Consolidate into a single timeline to enable editing." }),
     unsupportedTimelinePattern && /* @__PURE__ */ jsx148("p", { className: "mb-2 rounded-lg bg-amber-500/10 px-3 py-2 text-[11px] leading-relaxed text-warning-ink", children: `This timeline uses a computed key (window.__timelines[variable]) the editor can't resolve statically. Use a string-literal key (window.__timelines["id"]) or a variable declaration (const tl = gsap.timeline()) to enable editing.` }),
     multipleTimelines || unsupportedTimelinePattern ? null : /* @__PURE__ */ jsx148(
       GsapAnimationList,
@@ -61449,7 +61450,7 @@ function Transform3DCube({
       {
         type: "button",
         onClick: onKeyframe,
-        title: keyframed ? "3D transform is keyframed \u2014 click a field diamond to add keyframes" : "Keyframe the 3D transform (animate it over time)",
+        title: keyframed ? "3D transform is keyframed. Click a field diamond to add keyframes" : "Keyframe the 3D transform (animate it over time)",
         "aria-label": "Keyframe 3D transform",
         "aria-pressed": keyframed,
         className: `absolute left-1.5 top-1.5 rounded p-0.5 hover:bg-neutral-800 ${keyframed ? "text-accent-ink" : "text-neutral-500 hover:text-neutral-200"}`,
@@ -62169,7 +62170,7 @@ function FlatSelectRow({
         {
           type: "button",
           "data-flat-select-reset": "true",
-          title: "Remove \u2014 fall back to default",
+          title: "Remove and fall back to default",
           disabled,
           onClick: () => {
             track2("button", `Reset ${trackName}`);
@@ -62230,7 +62231,7 @@ function FlatRow({
         {
           type: "button",
           "data-flat-row-reset": "true",
-          title: "Remove \u2014 fall back to default",
+          title: "Remove and fall back to default",
           onClick: () => {
             track2("button", `Reset ${label}`);
             onReset();
@@ -62557,7 +62558,7 @@ function FlatSlider({
       {
         type: "button",
         "data-flat-slider-reset": "true",
-        title: "Remove \u2014 fall back to default",
+        title: "Remove and fall back to default",
         disabled,
         onClick: () => {
           track2("button", `Reset ${label}`);
@@ -62598,7 +62599,7 @@ var ALIGN_OPTIONS = [
   { key: "justify", label: "justify", node: "J" }
 ];
 var CASE_OPTIONS = [
-  { key: "none", label: "none", node: "\u2013" },
+  { key: "none", label: "none", node: "None" },
   { key: "uppercase", label: "uppercase", node: "AG" },
   { key: "lowercase", label: "lowercase", node: "ag" },
   { key: "capitalize", label: "capitalize", node: "Ag" }
@@ -63824,7 +63825,7 @@ function TimingSection({
         onCommit: commitDuration
       }
     ) }),
-    derived && /* @__PURE__ */ jsx161("p", { className: "mt-2 text-[10px] leading-snug text-neutral-500", children: "Inferred from this element\u2019s animation \u2014 edit to pin an explicit clip range." })
+    derived && /* @__PURE__ */ jsx161("p", { className: "mt-2 text-[10px] leading-snug text-neutral-500", children: "Inferred from this element\u2019s animation. Edit to pin an explicit clip range." })
   ] });
 }
 
@@ -63918,7 +63919,7 @@ function FlatTimingRow({
     cell("Start", formatTimingValue(start), commitStart),
     cell("End", formatTimingValue(end), commitEnd),
     cell("Duration", formatTimingValue(duration), commitDuration),
-    derived && /* @__PURE__ */ jsx162("p", { className: "col-span-3 mt-1 text-[10px] leading-snug text-panel-text-3", children: "Inferred from this element's animation \u2014 edit to pin an explicit clip range." })
+    derived && /* @__PURE__ */ jsx162("p", { className: "col-span-3 mt-1 text-[10px] leading-snug text-panel-text-3", children: "Inferred from this element's animation. Edit to pin an explicit clip range." })
   ] });
 }
 function FlatMotionSection({
@@ -63945,7 +63946,7 @@ function FlatMotionSection({
       }
     ),
     showEffects && /* @__PURE__ */ jsxs122(Fragment46, { children: [
-      multipleTimelines && /* @__PURE__ */ jsx162("p", { className: "rounded-lg bg-amber-500/10 px-3 py-2 text-[11px] leading-relaxed text-warning-ink", children: "This file has multiple GSAP timelines. Animation editing is disabled to prevent data loss \u2014 consolidate into a single timeline to enable editing." }),
+      multipleTimelines && /* @__PURE__ */ jsx162("p", { className: "rounded-lg bg-amber-500/10 px-3 py-2 text-[11px] leading-relaxed text-warning-ink", children: "This file has multiple GSAP timelines. Animation editing is disabled to prevent data loss. Consolidate into a single timeline to enable editing." }),
       unsupportedTimelinePattern && /* @__PURE__ */ jsx162("p", { className: "rounded-lg bg-amber-500/10 px-3 py-2 text-[11px] leading-relaxed text-warning-ink", children: "This timeline uses a computed key the editor can't resolve statically." }),
       !multipleTimelines && !unsupportedTimelinePattern && /* @__PURE__ */ jsx162(
         GsapAnimationList,
@@ -63964,7 +63965,7 @@ function motionSectionLabel(args) {
   if (args.timingOnly) {
     return {
       title: "Timing",
-      summary: `${formatTimingValue(args.start)} \u2013 ${formatTimingValue(args.start + args.duration)}`
+      summary: `${formatTimingValue(args.start)} to ${formatTimingValue(args.start + args.duration)}`
     };
   }
   return {
@@ -64986,7 +64987,7 @@ function FxBandRuler({ band, at }) {
       return /* @__PURE__ */ jsx166(
         "span",
         {
-          title: `${range.name} \u2014 ${range.says}`,
+          title: `${range.name}: ${range.says}`,
           className: range.name === here.name ? "hf-fx-ruler-band bg-panel-accent" : reachable ? "hf-fx-ruler-band bg-panel-text-4/50" : "hf-fx-ruler-band bg-panel-text-4/15",
           style: {
             width: `${(positionOf(range.to) - positionOf(range.from)) * 100}%`
@@ -64997,7 +64998,7 @@ function FxBandRuler({ band, at }) {
     }) }),
     /* @__PURE__ */ jsxs126("p", { className: "hf-fx-ruler-label truncate pt-0.5 text-[9px] text-panel-text-2", children: [
       /* @__PURE__ */ jsx166("span", { className: "hf-fx-ruler-name text-panel-text-1", children: here.name }),
-      " \u2014 ",
+      ": ",
       here.says
     ] })
   ] });
@@ -65220,12 +65221,12 @@ function FxNodeOpenBody({
         onClick: onToggleDetails,
         children: [
           /* @__PURE__ */ jsx168("span", { "aria-hidden": "true", children: details ? "\u25BE" : "\u25B8" }),
-          "Details \u2014 ",
+          "Details: ",
           registryDef.label
         ]
       }
     ) : /* @__PURE__ */ jsxs127("p", { className: "hf-fx-node-mechanism border-t border-panel-border-input px-1.5 pt-1 font-mono text-[9px] uppercase tracking-wide text-panel-text-2", children: [
-      "Details \u2014 ",
+      "Details: ",
       registryDef.label
     ] }),
     details || !oneKnob ? /* @__PURE__ */ jsx168(
@@ -71614,12 +71615,12 @@ var PropertyPanel = memo40(function PropertyPanel2(props) {
   const handleCopyElementInfo = () => {
     const text = buildElementInfoText(element, sourceLabel, gsapAnimations, previewIframeRef);
     navigator.clipboard.writeText(text).then(() => {
-      showToast(`Copied element info for ${element.label} \u2014 paste into any AI agent`, "info");
+      showToast(`Copied element info for ${element.label}. Paste it into any AI agent`, "info");
       setClipboardCopied(true);
       clearTimeout(clipboardTimerRef.current);
       clipboardTimerRef.current = setTimeout(() => setClipboardCopied(false), 1500);
     }).catch(() => {
-      showToast("Couldn't copy to the clipboard \u2014 check browser permissions", "error");
+      showToast("Couldn't copy to the clipboard. Check browser permissions", "error");
     });
   };
   if (STUDIO_FLAT_INSPECTOR_ENABLED) {
@@ -72756,7 +72757,7 @@ var FileTree = memo42(function FileTree2({
           ),
           children.length === 0 && !inlineInput && /* @__PURE__ */ jsxs150("div", { className: "px-3 py-4 text-center text-[11px] text-neutral-600", children: [
             "No files yet",
-            hasFileOps ? " \u2014 use + above to create one" : "",
+            hasFileOps ? ". Use + above to create one" : "",
             "."
           ] }),
           children.map(
@@ -73401,7 +73402,7 @@ function useRenderQueue(projectId, activeCompPathRef) {
       try {
         const res = await studioApiFetch(`/api/render/${jobId}/cancel`, { method: "POST" });
         if (!res.ok && res.status !== 404) {
-          setActionError("Couldn't cancel on the server \u2014 the render may still be running.");
+          setActionError("Couldn't cancel on the server. The render may still be running.");
           return;
         }
         if (res.ok) {
@@ -73411,7 +73412,7 @@ function useRenderQueue(projectId, activeCompPathRef) {
           }
         }
       } catch {
-        setActionError("Couldn't reach the server to cancel \u2014 the render may still be running.");
+        setActionError("Couldn't reach the server to cancel. The render may still be running.");
       }
     },
     [closeActiveEventSource, loadRenders]
@@ -73423,7 +73424,7 @@ function useRenderQueue(projectId, activeCompPathRef) {
       try {
         const res = await studioApiFetch(`/api/render/${jobId}`, { method: "DELETE" });
         if (!res.ok) {
-          setActionError("Couldn't delete the render \u2014 it's still on disk.");
+          setActionError("Couldn't delete the render. It's still on disk.");
           return;
         }
       } catch {
@@ -73662,7 +73663,7 @@ ${pathLine}${lines.join("\n\n")}`;
               {
                 onClick: handleCopyToAgent,
                 className: `px-3 py-1 text-xs font-medium rounded-lg transition-colors active:scale-[0.98] ${copied ? "bg-accent text-on-accent" : copyFailed ? "bg-danger text-on-danger" : "bg-accent hover:bg-accent-hover text-on-accent"}`,
-                children: copied ? "Copied!" : copyFailed ? "Copy failed \u2014 check permissions" : "Copy to Agent"
+                children: copied ? "Copied!" : copyFailed ? "Copy failed. Check permissions" : "Copy to Agent"
               }
             ) }),
             /* @__PURE__ */ jsxs151("div", { className: "flex-1 overflow-y-auto px-5 py-3", children: [
@@ -74563,7 +74564,7 @@ function ProjectUnreachableBanner({ projectId }) {
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsx202("span", { children: "Couldn't open this project \u2014 it may have been renamed, moved, or deleted." })
+      ] }) : /* @__PURE__ */ jsx202("span", { children: "Couldn't open this project. It may have been renamed, moved, or deleted." })
     }
   );
 }
@@ -74744,7 +74745,7 @@ function useCaptionSync(projectId) {
       suppressSaveRef.current = true;
       useCaptionStore.getState().setModel({ ...model, segments: newSegments });
     } catch {
-      useCaptionStore.getState().setSyncError("caption-overrides.json is corrupt \u2014 earlier caption edits didn't load");
+      useCaptionStore.getState().setSyncError("caption-overrides.json is corrupt, so earlier caption edits didn't load");
     }
   }, []);
   return { save, loadOverrides };
@@ -75203,7 +75204,7 @@ function useEditorSave({
       if (lastFailureToastAtRef.current === null || now2 - lastFailureToastAtRef.current >= FAILURE_BURST_MS) {
         lastFailureToastAtRef.current = now2;
         showToast(
-          `Couldn't save ${path} \u2014 your latest edits are NOT persisted. Check the preview server; editing again retries the save.`,
+          `Couldn't save ${path}. Your latest edits are NOT persisted. Check the preview server; editing again retries the save.`,
           "error"
         );
       }
@@ -76321,7 +76322,6 @@ function buildCutTarget(element, target, splitTime) {
     elementDuration: element.duration,
     ...element.playbackStart != null ? { playbackStart: element.playbackStart } : {},
     ...element.playbackRate != null ? { playbackRate: element.playbackRate } : {},
-    ...element.kind === "composition" ? { isComposition: true } : {},
     // Pin both halves to the current track: unstamped, the runtime's positional
     // fallback (parseAuthoredTrack) renumbers the new sibling onto a new row.
     track: resolveElementTrack(element)
@@ -78344,7 +78344,7 @@ async function createAudioGroupAndAssignMembers({
   pendingTimelineEditPathRef
 }) {
   if (elements.length < 2) {
-    throw new Error(`Cannot group ${elements.length} clip(s) \u2014 a group needs at least two`);
+    throw new Error(`Cannot group ${elements.length} clip(s): a group needs at least two`);
   }
   if (!GROUP_ID_PATTERN.test(groupId)) {
     throw new Error(`Invalid audio group id ${JSON.stringify(groupId)}`);
@@ -83250,7 +83250,7 @@ function showUnchangedMutationFeedback(mutations, result, showToast) {
 async function runMutationRequest(mutations, options, showToast, request2) {
   const unsafeFields = mutations.flatMap((mutation) => findUnsafeMutationValues(mutation));
   if (unsafeFields.length > 0) {
-    showToast?.("Couldn't read element layout \u2014 try again at a different playhead time", "error");
+    showToast?.("Couldn't read element layout. Try again at a different playhead time", "error");
     if (options.skipReload) return;
     throw markStudioSaveErrorAlreadyToasted(
       new Error(
@@ -86354,7 +86354,7 @@ function useDomEditSession({
     }
     if (members.some((m) => isAudioDomElement(m.element))) {
       showToast(
-        members.every((m) => isAudioDomElement(m.element)) ? "Audio clips group into a bus \u2014 use FX on the track header" : "Can't group audio clips with layout elements",
+        members.every((m) => isAudioDomElement(m.element)) ? "Audio clips group into a bus. Use FX on the track header" : "Can't group audio clips with layout elements",
         "info"
       );
       return;
@@ -87651,7 +87651,7 @@ function useBlockHandlers({
   const runBlockInstall = useCallback152(
     async (blockName, install) => {
       if (installingBlockRef.current) {
-        showToast("A block is already installing \u2014 one moment\u2026", "info");
+        showToast("A block is already installing. One moment\u2026", "info");
         return null;
       }
       installingBlockRef.current = true;
@@ -89230,7 +89230,7 @@ function useFrameCapture({
         } catch (fetchErr) {
           clearTimeout(timeout);
           if (fetchErr instanceof DOMException && fetchErr.name === "AbortError") {
-            throw new Error("Capture timed out \u2014 the server took too long to respond");
+            throw new Error("Capture timed out: the server took too long to respond");
           }
           throw fetchErr;
         }
@@ -90939,11 +90939,11 @@ function useGestureCommit({
       }
       const duration = frozenSamples.length > 0 ? frozenSamples[frozenSamples.length - 1]?.time ?? 0 : 0;
       if (frozenSamples.length <= 2) {
-        showToast("No gesture detected \u2014 move the pointer while recording", "error");
+        showToast("No gesture detected. Move the pointer while recording", "error");
         return;
       }
       if (duration <= 0) {
-        showToast("Recording too short \u2014 try again", "error");
+        showToast("Recording too short. Try again", "error");
         return;
       }
       const simplified = simplifyGestureSamples(frozenSamples, duration, (key2) => {
@@ -90958,7 +90958,7 @@ function useGestureCommit({
       }
       const selector = sel.id ? idSelector(sel.id) : sel.selector;
       if (!selector) {
-        showToast("Cannot save \u2014 element has no selector", "error");
+        showToast("Cannot save: element has no selector", "error");
         return;
       }
       const writeSelector = writeTargetSelector(sel);
@@ -91126,7 +91126,7 @@ function useGestureCommit({
       }
       const iframe = previewIframeRef.current;
       if (!iframe) {
-        showToast("Preview not ready \u2014 try again", "error");
+        showToast("Preview not ready. Try again", "error");
         return;
       }
       const store = usePlayerStore.getState();
@@ -91341,7 +91341,7 @@ function MediaErrorPanel({ name, filePath }) {
     ),
     /* @__PURE__ */ jsx212("span", { className: "text-sm text-neutral-400 font-medium", children: name }),
     /* @__PURE__ */ jsx212("span", { className: "text-[11px] text-neutral-600 font-mono", children: filePath }),
-    /* @__PURE__ */ jsx212("span", { className: "text-[10px] text-neutral-500", children: "Couldn't load this file \u2014 it may be missing or corrupt" })
+    /* @__PURE__ */ jsx212("span", { className: "text-[10px] text-neutral-500", children: "Couldn't load this file. It may be missing or corrupt" })
   ] });
 }
 function MediaPreview({ projectId, filePath }) {
@@ -91428,7 +91428,7 @@ function MediaPreview({ projectId, filePath }) {
     ),
     /* @__PURE__ */ jsx212("span", { className: "text-sm text-neutral-400 font-medium", children: name }),
     /* @__PURE__ */ jsx212("span", { className: "text-[11px] text-neutral-600 font-mono", children: filePath }),
-    /* @__PURE__ */ jsx212("span", { className: "text-[10px] text-neutral-600", children: "Binary file \u2014 preview not available" })
+    /* @__PURE__ */ jsx212("span", { className: "text-[10px] text-neutral-600", children: "Binary file: preview not available" })
   ] });
 }
 
@@ -91954,7 +91954,7 @@ function AudioRow({
         onPointerUp: handlePointerUp,
         role: "button",
         tabIndex: 0,
-        "aria-label": `${name} \u2014 open, drag to timeline, right-click for actions`,
+        "aria-label": `${name}: open, drag to timeline, right-click for actions`,
         onKeyDown: (e) => {
           if (e.target !== e.currentTarget) return;
           if (e.key === "Enter" || e.key === " ") {
@@ -92293,7 +92293,7 @@ function AssetCard({
         draggable: true,
         role: "button",
         tabIndex: 0,
-        "aria-label": `${name} \u2014 open, drag to timeline, right-click for actions`,
+        "aria-label": `${name}: open, drag to timeline, right-click for actions`,
         onPointerDown: handlePointerDown,
         onPointerUp: handlePointerUp,
         onKeyDown: (e) => {
@@ -92387,7 +92387,7 @@ function FontRow({
         draggable: true,
         role: "button",
         tabIndex: 0,
-        "aria-label": `${name} \u2014 copy path, drag to timeline, right-click for actions`,
+        "aria-label": `${name}: copy path, drag to timeline, right-click for actions`,
         onClick: () => onCopy(asset),
         onKeyDown: (e) => {
           if (e.target !== e.currentTarget) return;
@@ -92888,7 +92888,7 @@ function PromptPreviewModal({
           ref: containerRef,
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": `Ask agent \u2014 ${title}`,
+          "aria-label": `Ask agent: ${title}`,
           tabIndex: -1,
           className: "w-[560px] max-h-[80vh] flex flex-col rounded-2xl border border-neutral-800 bg-neutral-950 shadow-2xl outline-hidden",
           onClick: (e) => e.stopPropagation(),
@@ -93079,7 +93079,7 @@ function formatCompositionContext(ctx3) {
       "",
       `Elements visible at ${formatTime(ctx3.currentTime)}:`,
       ...visibleNow.map(
-        (el) => `- ${el.label || el.id} (track ${el.track}, ${formatTime(el.start)}\u2013${formatTime(el.start + el.duration)}${el.compositionSrc ? `, src: ${el.compositionSrc}` : ""})`
+        (el) => `- ${el.label || el.id} (track ${el.track}, ${formatTime(el.start)} to ${formatTime(el.start + el.duration)}${el.compositionSrc ? `, src: ${el.compositionSrc}` : ""})`
       )
     );
   }
@@ -93105,7 +93105,7 @@ function buildAgentPrompt(title, name, description, category, blockType, context
     transitions: [
       `Using /hyperframes, add the "${title}" transition (registry: ${name}) between my scenes.`,
       `${description}`,
-      `Place this transition at the cut point between the current scene and the next. Set the duration to 0.5\u20131s, position it at the scene boundary on the timeline, and make sure the z-index is above both scenes. Adjust colors to match my palette.`
+      `Place this transition at the cut point between the current scene and the next. Set the duration to 0.5 to 1s, position it at the scene boundary on the timeline, and make sure the z-index is above both scenes. Adjust colors to match my palette.`
     ].join("\n\n"),
     effects: [
       `Using /hyperframes, add the "${title}" effect (registry: ${name}) as an overlay on my composition.`,
@@ -93606,8 +93606,8 @@ function CompCard({
                 isRoot && /* @__PURE__ */ jsx222(
                   "span",
                   {
-                    "aria-label": "Root composition \u2014 opens automatically on load",
-                    title: "Root composition \u2014 opens automatically on load",
+                    "aria-label": "Root composition: opens automatically on load",
+                    title: "Root composition: opens automatically on load",
                     className: "flex-shrink-0 rounded-full bg-neutral-700/60 px-1.5 py-px text-[8px] font-bold uppercase tracking-wide text-neutral-300",
                     children: "Root"
                   }
@@ -95136,7 +95136,7 @@ var BlockParamsPanel = memo54(function BlockParamsPanel2({
         if (matches === 0) {
           setCommitState({
             tone: "error",
-            message: `Couldn't find the current value in ${compositionPath} \u2014 it may have been edited by hand.`
+            message: `Couldn't find the current value in ${compositionPath}. It may have been edited by hand.`
           });
           trackBlockParamCommit({ tone: "error", blockName, key: key2 });
           return;
@@ -95144,7 +95144,7 @@ var BlockParamsPanel = memo54(function BlockParamsPanel2({
         if (matches > 1) {
           setCommitState({
             tone: "error",
-            message: `"${previous}" appears ${matches}\xD7 in ${compositionPath} \u2014 the panel can't tell which one belongs to this parameter, so it won't risk changing unrelated content. Edit the file directly to disambiguate.`
+            message: `"${previous}" appears ${matches}\xD7 in ${compositionPath}. The panel can't tell which one belongs to this parameter, so it won't risk changing unrelated content. Edit the file directly to disambiguate.`
           });
           trackBlockParamCommit({ tone: "error", blockName, key: key2 });
           return;
@@ -95233,7 +95233,7 @@ var BlockParamsPanel = memo54(function BlockParamsPanel2({
     /* @__PURE__ */ jsxs182("div", { className: "flex-1 overflow-y-auto p-3 space-y-3", children: [
       /* @__PURE__ */ jsx230("div", { className: "text-[9px] font-medium text-neutral-500 uppercase tracking-wider", children: "Parameters" }),
       params.length === 0 && /* @__PURE__ */ jsx230("div", { className: "text-[10px] text-neutral-500", children: "This block has no editable parameters." }),
-      !fileManager && params.length > 0 && /* @__PURE__ */ jsx230("div", { className: "text-[10px] text-warning-ink", children: "Block params can't be edited here \u2014 no project file access." }),
+      !fileManager && params.length > 0 && /* @__PURE__ */ jsx230("div", { className: "text-[10px] text-warning-ink", children: "Block params can't be edited here: no project file access." }),
       params.map((param) => /* @__PURE__ */ jsx230(
         ParamControl,
         {
@@ -95716,7 +95716,7 @@ function scaleOptionLabel(scale, dims) {
   const resolved2 = resolvedDimensions(scale, dims);
   const base2 = resolved2 ? `${SCALE_LABEL[scale]} \xB7 ${resolved2.width}\xD7${resolved2.height}` : SCALE_LABEL[scale];
   if (dims && !scaleApplies(scale, dims)) {
-    return `${base2} \u2014 not an integer scale of ${dims.width}\xD7${dims.height}`;
+    return `${base2} (not an integer scale of ${dims.width}\xD7${dims.height})`;
   }
   return base2;
 }
@@ -95816,7 +95816,7 @@ function FormatInfoTooltip({ format }) {
             /* @__PURE__ */ jsx234("p", { className: "text-step-9 text-text-3 leading-tight", children: info.desc }),
             /* @__PURE__ */ jsx234("div", { className: "mt-1.5 pt-1.5 border-t border-border", children: ["mp4", "mov", "webm"].filter((f) => f !== format).map((f) => /* @__PURE__ */ jsxs186("p", { className: "text-step-9 text-text-4 leading-relaxed", children: [
               /* @__PURE__ */ jsx234("span", { className: "text-text-3 font-medium", children: FORMAT_INFO[f].label }),
-              " \u2014 ",
+              ": ",
               FORMAT_INFO[f].desc
             ] }, f)) })
           ]
@@ -96559,7 +96559,7 @@ function HotspotTool({
         /* @__PURE__ */ jsx236("span", { className: "text-neutral-200 font-mono", children: elementKey3 ?? "none" })
       ] }),
       !elementKey3 && /* @__PURE__ */ jsx236("p", { className: "text-[10px] text-neutral-500 italic", children: "Click an element on the canvas to choose the hotspot target." }),
-      sequences.length === 0 && /* @__PURE__ */ jsx236("p", { className: "text-[10px] text-neutral-500 italic", children: "Create a branch in the Branches section first \u2014 hotspots jump to a branch." }),
+      sequences.length === 0 && /* @__PURE__ */ jsx236("p", { className: "text-[10px] text-neutral-500 italic", children: "Create a branch in the Branches section first. Hotspots jump to a branch." }),
       /* @__PURE__ */ jsx236("label", { className: "text-[11px] text-neutral-400", children: "Hotspot label" }),
       /* @__PURE__ */ jsx236(
         "input",
@@ -96581,7 +96581,7 @@ function HotspotTool({
           onChange: (e) => setTargetSequenceId(e.target.value),
           "aria-label": "Target branch sequence",
           children: [
-            /* @__PURE__ */ jsx236("option", { value: "", children: "\u2014 select branch \u2014" }),
+            /* @__PURE__ */ jsx236("option", { value: "", children: "Select branch" }),
             sequences.map((seq) => /* @__PURE__ */ jsx236("option", { value: seq.id, children: seq.label }, seq.id))
           ]
         }
@@ -97828,7 +97828,7 @@ function HandoffFooter({
   ] });
 }
 var EMPTY_STATE = /* @__PURE__ */ jsxs191("p", { className: "text-[10px] leading-relaxed text-neutral-500", children: [
-  "No variables declared. Variables make parts of this composition dynamic \u2014 declare them here (or in ",
+  "No variables declared. Variables make parts of this composition dynamic. Declare them here (or in ",
   /* @__PURE__ */ jsx241("code", { className: "font-mono", children: "data-composition-variables" }),
   "), read them with",
   " ",
@@ -98004,7 +98004,7 @@ var VariablesPanel = memo59(function VariablesPanel2({
       const wanted = action.declaration(id).type;
       if (existing && existing.type !== wanted) {
         showToast(
-          `"${id}" is already a ${existing.type} variable \u2014 pick another id for this ${wanted} binding`,
+          `"${id}" is already a ${existing.type} variable. Pick another id for this ${wanted} binding`,
           "error"
         );
         return;
@@ -98064,7 +98064,7 @@ var VariablesPanel = memo59(function VariablesPanel2({
           onDeclare: (id) => handleAdd({ id, type: "string", label: id, default: "" })
         }
       ),
-      usage?.scanIncomplete && /* @__PURE__ */ jsx241("p", { className: "text-[9px] text-neutral-600", children: "Scripts access variables dynamically \u2014 usage info may be incomplete." }),
+      usage?.scanIncomplete && /* @__PURE__ */ jsx241("p", { className: "text-[9px] text-neutral-600", children: "Scripts access variables dynamically, so usage info may be incomplete." }),
       declarations.length > 0 && /* @__PURE__ */ jsx241(
         HandoffFooter,
         {
@@ -98676,7 +98676,7 @@ var StudioRightPanels = memo60(function StudioRightPanels2({
   );
   const handleHideAllSelected = useCallback188(() => {
     if (!canHideSelections(domEditGroupSelections)) {
-      showToast("Audio can't be hidden \u2014 use the group's own controls", "info");
+      showToast("Audio can't be hidden. Use the group's own controls", "info");
       return;
     }
     const { elements } = usePlayerStore.getState();
@@ -99078,7 +99078,7 @@ function LinkedSelectionToggle() {
     /* @__PURE__ */ jsx249(
       Tooltip,
       {
-        label: linkedSelection ? "Linked Selection on \u2014 a click selects both halves (\u2325-click for one)" : "Linked Selection off \u2014 a click selects one clip",
+        label: linkedSelection ? "Linked Selection on: a click selects both halves (\u2325-click for one)" : "Linked Selection off: a click selects one clip",
         children: /* @__PURE__ */ jsx249(
           "button",
           {
@@ -99234,7 +99234,7 @@ var TimelineToolbar = memo61(function TimelineToolbar2({
       /* @__PURE__ */ jsx250(
         Tooltip,
         {
-          label: rippleEditEnabled ? "Ripple on \u2014 keeps the main track gapless" : "Ripple off \u2014 deleting a main-track clip leaves a gap",
+          label: rippleEditEnabled ? "Ripple on: keeps the main track gapless" : "Ripple off: deleting a main-track clip leaves a gap",
           children: /* @__PURE__ */ jsx250(
             "button",
             {
@@ -99395,12 +99395,12 @@ var TimelineToolbar = memo61(function TimelineToolbar2({
       /* @__PURE__ */ jsx250(
         Tooltip,
         {
-          label: thumbnailsVisible ? "Hide thumbnails \u2014 labels only" : "Show thumbnails \u2014 posters stay visible; richer previews appear on interaction",
+          label: thumbnailsVisible ? "Hide thumbnails: labels only" : "Show thumbnails: posters stay visible; richer previews appear on interaction",
           children: /* @__PURE__ */ jsx250(
             "button",
             {
               type: "button",
-              "aria-label": thumbnailsVisible ? "Hide thumbnails \u2014 labels only" : "Show thumbnails \u2014 posters stay visible; richer previews appear on interaction",
+              "aria-label": thumbnailsVisible ? "Hide thumbnails: labels only" : "Show thumbnails: posters stay visible; richer previews appear on interaction",
               "aria-pressed": thumbnailsVisible,
               onClick: () => setThumbnailMode(thumbnailsVisible ? "hidden" : "adaptive"),
               className: `h-7 px-2 rounded-md text-[11px] font-medium transition-colors ${thumbnailsVisible ? "bg-studio-accent/10 text-accent-ink" : "text-neutral-400 hover:bg-hover hover:text-neutral-200"}`,
@@ -100949,4 +100949,3 @@ export {
   useTimelinePlayer,
   zoomTimelineToRange
 };
-//# sourceMappingURL=index.js.map