@signalsandsorcery/plugin-sdk 2.35.4 → 2.35.6

package/dist/index.js

@@ -43,6 +43,9 @@ __export(index_exports, {
   DownloadPackButton: () => DownloadPackButton,
   EMPTY_FX_DETAIL_STATE: () => EMPTY_FX_DETAIL_STATE,
   EMPTY_FX_STATE: () => EMPTY_FX_STATE,
+  ENSEMBLE_MAX_VOICES: () => ENSEMBLE_MAX_VOICES,
+  ENSEMBLE_MIN_VOICES: () => ENSEMBLE_MIN_VOICES,
+  ENSEMBLE_STYLES: () => ENSEMBLE_STYLES,
   EQUAL_POWER_GAIN: () => EQUAL_POWER_GAIN,
   FX_CATEGORIES: () => FX_CATEGORIES,
   FX_CHAIN_ORDER: () => FX_CHAIN_ORDER,
@@ -54,9 +57,11 @@ __export(index_exports, {
   FxToggleBar: () => FxToggleBar,
   GUTTER_W: () => GUTTER_W,
   GeneratorPanelShell: () => GeneratorPanelShell,
+  GroupFadeTrackRow: () => GroupFadeTrackRow,
   ImportTrackModal: () => ImportTrackModal,
   InstrumentDrawer: () => TrackDrawer,
   LevelMeter: () => LevelMeter,
+  MIN_NOTE_DURATION_BEATS: () => MIN_NOTE_DURATION_BEATS,
   Modal: () => Modal,
   OffsetScrubber: () => OffsetScrubber,
   PLUGIN_SDK_VERSION: () => PLUGIN_SDK_VERSION,
@@ -68,6 +73,8 @@ __export(index_exports, {
   RESIZE_HANDLE_PX: () => RESIZE_HANDLE_PX,
   ROW_HEIGHT: () => ROW_HEIGHT,
   SLIDER_UNITY: () => SLIDER_UNITY,
+  STYLE_RULES: () => STYLE_RULES,
+  SUBMIT_ENSEMBLE_TOOL_NAME: () => SUBMIT_ENSEMBLE_TOOL_NAME,
   SamplePackCTACard: () => SamplePackCTACard,
   ScrollingWaveform: () => ScrollingWaveform,
   SorceryProgressBar: () => SorceryProgressBar,
@@ -80,6 +87,7 @@ __export(index_exports, {
   TransitionDesigner: () => TransitionDesigner,
   VolumeSlider: () => VolumeSlider,
   WaveformView: () => WaveformView,
+  analyzeEnsemble: () => analyzeEnsemble,
   analyzeWavPeak: () => analyzeWavPeak,
   asAudioEffect: () => asAudioEffect,
   asCrossfadeMeta: () => asCrossfadeMeta,
@@ -87,8 +95,11 @@ __export(index_exports, {
   asTransitionDesignerDraft: () => asTransitionDesignerDraft,
   buildCrossfadeInpaintPrompt: () => buildCrossfadeInpaintPrompt,
   buildCrossfadeVolumeCurves: () => buildCrossfadeVolumeCurves,
+  buildEnsembleSystemPrompt: () => buildEnsembleSystemPrompt,
   buildFadeVolumeCurve: () => buildFadeVolumeCurve,
   buildRowSlots: () => buildRowSlots,
+  buildSubmitEnsembleParameters: () => buildSubmitEnsembleParameters,
+  buildViolationRetrySuffix: () => buildViolationRetrySuffix,
   calculateTimeBasedTarget: () => calculateTimeBasedTarget,
   cellToPx: () => cellToPx,
   centerScrollTop: () => centerScrollTop,
@@ -97,15 +108,21 @@ __export(index_exports, {
   dbIdsFromKeys: () => dbIdsFromKeys,
   dbToSlider: () => dbToSlider,
   defaultFadeGesture: () => defaultFadeGesture,
+  defaultVoiceSpecs: () => defaultVoiceSpecs,
+  describeViolations: () => describeViolations,
   drawWaveform: () => drawWaveform,
+  enforceVoice: () => enforceVoice,
+  foldPitchToRegister: () => foldPitchToRegister,
   formatConcurrentTracks: () => formatConcurrentTracks,
   hashString: () => hashString,
   moveItem: () => moveItem,
+  nearestPitchWithPc: () => nearestPitchWithPc,
   newTrackState: () => newTrackState,
   normalizeSlots: () => normalizeSlots,
   padPair: () => padPair,
   padSlots: () => padSlots,
   parseCrossfadePairs: () => parseCrossfadePairs,
+  parseEnsembleArgs: () => parseEnsembleArgs,
   parseFades: () => parseFades,
   parseLLMNoteResponse: () => parseLLMNoteResponse,
   parseTrackGroups: () => parseTrackGroups,
@@ -122,6 +139,7 @@ __export(index_exports, {
   sliderToDb: () => sliderToDb,
   slotsEqual: () => slotsEqual,
   soundIdentity: () => soundIdentity,
+  splitFadeEntries: () => splitFadeEntries,
   synthesizeCuePoints: () => synthesizeCuePoints,
   tokenizePrompt: () => tokenizePrompt,
   trackDataKey: () => trackDataKey,
@@ -2991,7 +3009,10 @@ function asFadeMeta(val) {
     sourceSceneId: typeof m.sourceSceneId === "string" ? m.sourceSceneId : "",
     sourceName: typeof m.sourceName === "string" ? m.sourceName : "",
     soundLabel: typeof m.soundLabel === "string" ? m.soundLabel : "",
-    sliderPos: typeof m.sliderPos === "number" ? m.sliderPos : 0.5
+    sliderPos: typeof m.sliderPos === "number" ? m.sliderPos : 0.5,
+    groupId: typeof m.groupId === "string" && m.groupId ? m.groupId : void 0,
+    memberIndex: typeof m.memberIndex === "number" ? m.memberIndex : void 0,
+    memberLabel: typeof m.memberLabel === "string" && m.memberLabel ? m.memberLabel : void 0
   };
 }
 function parseFades(sceneData) {
@@ -3005,6 +3026,33 @@ function parseFades(sceneData) {
   }
   return out;
 }
+function splitFadeEntries(entries) {
+  const singles = [];
+  const byGroup = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const gid = entry.meta.groupId;
+    if (!gid) {
+      singles.push(entry);
+      continue;
+    }
+    const list = byGroup.get(gid) ?? [];
+    list.push(entry);
+    byGroup.set(gid, list);
+  }
+  const groups = [];
+  for (const [groupId, members] of byGroup) {
+    members.sort((a, b) => (a.meta.memberIndex ?? 0) - (b.meta.memberIndex ?? 0));
+    const head = members[0].meta;
+    groups.push({
+      groupId,
+      direction: head.direction,
+      gesture: head.gesture,
+      sliderPos: head.sliderPos,
+      members
+    });
+  }
+  return { singles, groups };
+}
 function buildFadeVolumeCurve(bars, bpm, direction, sliderPos, gesture, steps = 32) {
   const durationSeconds = bars * 4 * 60 / Math.max(1, bpm);
   if (gesture === "build") {
@@ -3189,9 +3237,191 @@ function FadeTrackRow({
   );
 }
 
-// src/components/FadeModal.tsx
-var import_react14 = require("react");
+// src/components/GroupFadeTrackRow.tsx
+var import_react14 = __toESM(require("react"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
+function MemberCaption({
+  member,
+  direction
+}) {
+  const tag = direction === "in" ? "Fade in" : "Fade out";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1.5 min-w-0 px-2 py-0.5", children: [
+    member.memberLabel && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[9px] font-bold uppercase tracking-wide text-sas-accent flex-shrink-0", children: member.memberLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[11px] text-sas-text truncate", title: member.sourceName ?? member.name, children: member.sourceName ?? member.name }),
+    member.soundLabel && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "text-[9px] text-sas-muted/60 truncate flex-shrink-0", title: member.soundLabel, children: [
+      "\xB7 ",
+      member.soundLabel
+    ] }),
+    !member.memberLabel && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "text-[9px] text-sas-muted/50 flex-shrink-0", children: [
+      "\xB7 ",
+      tag
+    ] })
+  ] });
+}
+function GroupFadeTrackRow({
+  groupLabel,
+  direction,
+  gesture,
+  sliderPos = 0.5,
+  members,
+  onMemberMuteToggle,
+  onMemberSoloToggle,
+  onMemberVolumeChange,
+  onMemberPanChange,
+  onMuteAll,
+  onSoloAll,
+  onDelete,
+  onSliderChange,
+  levels,
+  accentColor = "#9333EA"
+}) {
+  const [confirmDelete, setConfirmDelete] = import_react14.default.useState(false);
+  const allMuted = members.length > 0 && members.every((m) => m.runtimeState.muted);
+  const allSolo = members.length > 0 && members.every((m) => m.runtimeState.solo);
+  const badge = direction === "in" ? "\u2197 Fade in" : "\u2198 Fade out";
+  const leftLabel = direction === "in" ? "(silent)" : groupLabel;
+  const rightLabel = direction === "in" ? groupLabel : "(silent)";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      "data-testid": "group-fade-track-row",
+      className: "w-full rounded-sm border border-sas-border bg-sas-panel/40 overflow-hidden",
+      style: { borderLeftColor: accentColor, borderLeftWidth: "3px" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between px-2 py-1 bg-sas-panel-alt/60 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "span",
+              {
+                "data-testid": "group-fade-direction-badge",
+                className: "text-[10px] font-bold uppercase tracking-wide flex-shrink-0",
+                style: { color: accentColor },
+                children: badge
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "span",
+              {
+                "data-testid": "group-fade-label",
+                className: "text-[11px] text-sas-text truncate",
+                title: `${groupLabel} \xB7 ${gesture}`,
+                children: groupLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "button",
+              {
+                "data-testid": "group-fade-mute-button",
+                onClick: onMuteAll,
+                className: `px-1.5 py-0.5 text-[9px] font-bold rounded-sm border transition-colors ${allMuted ? "bg-sas-danger/20 border-sas-danger text-sas-danger" : "border-sas-border text-sas-muted hover:text-sas-text"}`,
+                title: allMuted ? "Unmute all members" : "Mute all members",
+                children: "M"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "button",
+              {
+                "data-testid": "group-fade-solo-button",
+                onClick: onSoloAll,
+                className: `px-1.5 py-0.5 text-[9px] font-bold rounded-sm border transition-colors ${allSolo ? "bg-sas-accent/20 border-sas-accent text-sas-accent" : "border-sas-border text-sas-muted hover:text-sas-text"}`,
+                title: allSolo ? "Unsolo all members" : "Solo all members",
+                children: "S"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "button",
+              {
+                "data-testid": "group-fade-delete-button",
+                onClick: () => setConfirmDelete(true),
+                className: "text-sas-danger/70 hover:text-sas-danger px-1 transition-colors text-sm",
+                title: "Delete group fade",
+                "aria-label": "Delete group fade",
+                children: "x"
+              }
+            )
+          ] })
+        ] }),
+        members.map((member) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          TrackRow,
+          {
+            track: { id: member.trackId, name: "", role: member.role },
+            runtimeState: member.runtimeState,
+            fxDetailState: EMPTY_FX_DETAIL_STATE,
+            drawerOpen: false,
+            drawerTab: "fx",
+            levels,
+            accentColor,
+            contentSlot: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MemberCaption, { member, direction }),
+            onMuteToggle: () => onMemberMuteToggle(member.trackId),
+            onSoloToggle: () => onMemberSoloToggle(member.trackId),
+            onVolumeChange: (vol) => onMemberVolumeChange(member.trackId, vol),
+            onPanChange: (pan) => onMemberPanChange(member.trackId, pan)
+          },
+          member.trackId
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 px-3 py-1.5", "data-testid": "group-fade-slider-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "span",
+            {
+              className: "text-[9px] text-sas-muted/60 truncate max-w-[70px] text-right flex-shrink-0",
+              title: leftLabel,
+              children: leftLabel
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "input",
+            {
+              type: "range",
+              "data-testid": "group-fade-slider",
+              min: 0,
+              max: 1,
+              step: 0.01,
+              value: sliderPos,
+              disabled: !onSliderChange,
+              onChange: onSliderChange ? (e) => onSliderChange(Number(e.target.value)) : void 0,
+              style: { accentColor },
+              className: "flex-1 disabled:opacity-60 disabled:cursor-not-allowed",
+              "aria-label": "Group fade position"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "span",
+            {
+              className: "text-[9px] text-sas-muted/60 truncate max-w-[70px] flex-shrink-0",
+              title: rightLabel,
+              children: rightLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          ConfirmDialog,
+          {
+            open: confirmDelete,
+            title: "Delete group fade?",
+            message: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+              "All ",
+              members.length,
+              " member tracks of this fade will be permanently removed from this scene. This cannot be undone."
+            ] }),
+            confirmLabel: "Delete",
+            onConfirm: () => {
+              setConfirmDelete(false);
+              onDelete();
+            },
+            onCancel: () => setConfirmDelete(false),
+            testIdPrefix: "group-fade-delete-confirm"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/FadeModal.tsx
+var import_react15 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function shortId(dbId) {
   return dbId.length > 8 ? dbId.slice(0, 8) : dbId;
 }
@@ -3234,7 +3464,7 @@ function OrphanRow({
 }) {
   const primary = track.prompt?.trim() || track.name;
   const meta = [track.role, shortId(track.dbId), gesture].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "button",
     {
       type: "button",
@@ -3246,8 +3476,8 @@ function OrphanRow({
       disabled,
       className: `w-full text-left px-2 py-1.5 rounded-sm border transition-colors disabled:opacity-50 ${selected ? "bg-sas-accent/15 border-sas-accent" : "bg-sas-panel border-sas-border hover:border-sas-accent/50"}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-xs text-sas-text truncate", title: primary, children: primary }),
-        meta && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-[10px] text-sas-muted truncate mt-0.5", title: track.dbId, children: meta })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-xs text-sas-text truncate", title: primary, children: primary }),
+        meta && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-[10px] text-sas-muted truncate mt-0.5", title: track.dbId, children: meta })
       ]
     }
   );
@@ -3264,14 +3494,14 @@ function FadeModal({
   onCreate,
   testIdPrefix = "fade-modal"
 }) {
-  const [load, setLoad] = (0, import_react14.useState)({ status: "loading" });
-  const [selectedDbId, setSelectedDbId] = (0, import_react14.useState)("");
-  const [isCreating, setIsCreating] = (0, import_react14.useState)(false);
-  const [error, setError] = (0, import_react14.useState)(null);
-  const [fromName, setFromName] = (0, import_react14.useState)(null);
-  const [toName, setToName] = (0, import_react14.useState)(null);
-  const cancelRef = (0, import_react14.useRef)(null);
-  const refresh = (0, import_react14.useCallback)(async () => {
+  const [load, setLoad] = (0, import_react15.useState)({ status: "loading" });
+  const [selectedDbId, setSelectedDbId] = (0, import_react15.useState)("");
+  const [isCreating, setIsCreating] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)(null);
+  const [fromName, setFromName] = (0, import_react15.useState)(null);
+  const [toName, setToName] = (0, import_react15.useState)(null);
+  const cancelRef = (0, import_react15.useRef)(null);
+  const refresh = (0, import_react15.useCallback)(async () => {
     if (!host.listSceneFamilyTracks) {
       setLoad({ status: "error", message: "This host does not support fades." });
       return;
@@ -3291,7 +3521,7 @@ function FadeModal({
       setLoad({ status: "error", message: err instanceof Error ? err.message : "Failed to load tracks." });
     }
   }, [host, fromSceneId, toSceneId]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (open) {
       setError(null);
       setIsCreating(false);
@@ -3299,29 +3529,29 @@ function FadeModal({
       void refresh();
     }
   }, [open, refresh]);
-  const excludeSet = (0, import_react14.useMemo)(() => new Set(excludeSourceDbIds ?? []), [excludeSourceDbIds]);
-  const { fadeOut, fadeIn } = (0, import_react14.useMemo)(
+  const excludeSet = (0, import_react15.useMemo)(() => new Set(excludeSourceDbIds ?? []), [excludeSourceDbIds]);
+  const { fadeOut, fadeIn } = (0, import_react15.useMemo)(
     () => load.status === "ready" ? computeOrphans(load.from, load.to, excludeSet) : { fadeOut: [], fadeIn: [] },
     [load, excludeSet]
   );
-  const allOrphans = (0, import_react14.useMemo)(
+  const allOrphans = (0, import_react15.useMemo)(
     () => [
       ...fadeOut.map((t) => ({ track: t, direction: "out" })),
       ...fadeIn.map((t) => ({ track: t, direction: "in" }))
     ],
     [fadeOut, fadeIn]
   );
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!allOrphans.some((o) => o.track.dbId === selectedDbId)) {
       setSelectedDbId(allOrphans[0]?.track.dbId ?? "");
     }
   }, [allOrphans, selectedDbId]);
   const selected = allOrphans.find((o) => o.track.dbId === selectedDbId) ?? null;
   const canCreate = !isCreating && !!selected;
-  const handleClose = (0, import_react14.useCallback)(() => {
+  const handleClose = (0, import_react15.useCallback)(() => {
     if (!isCreating) onClose();
   }, [isCreating, onClose]);
-  const handleCreate = (0, import_react14.useCallback)(async () => {
+  const handleCreate = (0, import_react15.useCallback)(async () => {
     if (!selected) return;
     setIsCreating(true);
     setError(null);
@@ -3342,16 +3572,16 @@ function FadeModal({
   if (!open) return null;
   const renderSection = (heading, list, section) => {
     if (list.length === 0) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "block", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "div",
         {
           role: "radiogroup",
           "aria-label": heading,
           "data-testid": `${testIdPrefix}-${section === "out" ? "fade-out" : "fade-in"}-list`,
           className: "mt-1 space-y-1 max-h-40 overflow-y-auto pr-0.5",
-          children: list.map((t) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          children: list.map((t) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             OrphanRow,
             {
               track: t,
@@ -3367,32 +3597,32 @@ function FadeModal({
       )
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Modal, { open, onClose: handleClose, testIdPrefix, initialFocusRef: cancelRef, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Modal, { open, onClose: handleClose, testIdPrefix, initialFocusRef: cancelRef, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       className: "bg-sas-panel border border-sas-border rounded-md shadow-xl w-[420px] max-w-[92vw] p-4 space-y-3",
       onClick: (e) => e.stopPropagation(),
       "data-testid": `${testIdPrefix}-box`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { className: "text-sm font-bold text-sas-text", children: "Add fade" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "text-[11px] text-sas-muted leading-relaxed", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "text-sm font-bold text-sas-text", children: "Add fade" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-[11px] text-sas-muted leading-relaxed", children: [
           "Tracks with no counterpart between",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sas-text", children: fromLabel ?? "the origin scene" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sas-text", children: fromLabel ?? "the origin scene" }),
           " and",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sas-text", children: toLabel ?? "the target scene" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sas-text", children: toLabel ?? "the target scene" }),
           " can gracefully fade out (leaving) or fade in (entering) across this transition."
         ] }),
-        load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-xs text-sas-muted py-4 text-center", children: "Loading tracks\u2026" }),
-        load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-xs text-sas-danger py-4 text-center", children: load.message }),
-        load.status === "ready" && (allOrphans.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-xs text-sas-muted py-4 text-center", "data-testid": `${testIdPrefix}-empty`, children: "Every track has a counterpart in the other scene \u2014 nothing to fade. Use \u201C+ Crossfade\u201D to bridge matching tracks." }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+        load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-xs text-sas-muted py-4 text-center", children: "Loading tracks\u2026" }),
+        load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-xs text-sas-danger py-4 text-center", children: load.message }),
+        load.status === "ready" && (allOrphans.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-xs text-sas-muted py-4 text-center", "data-testid": `${testIdPrefix}-empty`, children: "Every track has a counterpart in the other scene \u2014 nothing to fade. Use \u201C+ Crossfade\u201D to bridge matching tracks." }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
           renderSection(`Fade out${fromLabel ? ` (from ${fromLabel})` : ""}`, fadeOut, "out"),
           renderSection(`Fade in${toLabel ? ` (to ${toLabel})` : ""}`, fadeIn, "in")
         ] })),
-        error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-xs text-sas-danger", "data-testid": `${testIdPrefix}-error`, children: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex justify-end gap-2 pt-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-xs text-sas-danger", "data-testid": `${testIdPrefix}-error`, children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-end gap-2 pt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "button",
             {
               ref: cancelRef,
@@ -3403,7 +3633,7 @@ function FadeModal({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "button",
             {
               "data-testid": `${testIdPrefix}-confirm`,
@@ -3420,8 +3650,8 @@ function FadeModal({
 }
 
 // src/components/ImportTrackModal.tsx
-var import_react15 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function ImportTrackModal({
   host,
   open,
@@ -3433,10 +3663,10 @@ function ImportTrackModal({
   onPick,
   onPortTrack
 }) {
-  const [load, setLoad] = (0, import_react15.useState)({ status: "loading" });
-  const [selectedSceneId, setSelectedSceneId] = (0, import_react15.useState)(null);
-  const [importingTrackId, setImportingTrackId] = (0, import_react15.useState)(null);
-  const refresh = (0, import_react15.useCallback)(async () => {
+  const [load, setLoad] = (0, import_react16.useState)({ status: "loading" });
+  const [selectedSceneId, setSelectedSceneId] = (0, import_react16.useState)(null);
+  const [importingTrackId, setImportingTrackId] = (0, import_react16.useState)(null);
+  const refresh = (0, import_react16.useCallback)(async () => {
     if (!host.listImportableTracks) {
       setLoad({ status: "error", message: "This host does not support importing tracks." });
       return;
@@ -3452,14 +3682,14 @@ function ImportTrackModal({
       setLoad({ status: "error", message: err instanceof Error ? err.message : "Failed to load scenes." });
     }
   }, [host, mode, onPortTrack]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (open) {
       setSelectedSceneId(null);
       setImportingTrackId(null);
       void refresh();
     }
   }, [open, refresh]);
-  const handleImport = (0, import_react15.useCallback)(
+  const handleImport = (0, import_react16.useCallback)(
     async (track, sourceSceneId, sceneName, isSameScene) => {
       if (isSameScene && onPortTrack) {
         if (!track.importable) return;
@@ -3500,16 +3730,16 @@ function ImportTrackModal({
   if (!open) return null;
   const scenes = load.status === "ready" ? load.scenes : [];
   const selectedScene = scenes.find((s) => s.sceneId === selectedSceneId) ?? null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Modal, { open, onClose, testIdPrefix, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Modal, { open, onClose, testIdPrefix, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: "w-[420px] max-h-[70vh] overflow-hidden flex flex-col rounded-md border border-sas-border bg-sas-panel shadow-xl",
       onClick: (e) => e.stopPropagation(),
       "data-testid": `${testIdPrefix}-modal`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-sas-border", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
-            selectedScene && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-sas-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
+            selectedScene && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "button",
               {
                 className: "text-sas-muted hover:text-sas-accent text-xs",
@@ -3518,9 +3748,9 @@ function ImportTrackModal({
                 children: "\u2190"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium text-sas-text", children: selectedScene ? selectedScene.sceneName : title })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium text-sas-text", children: selectedScene ? selectedScene.sceneName : title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               className: "text-sas-muted hover:text-sas-accent text-sm",
@@ -3530,30 +3760,30 @@ function ImportTrackModal({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "overflow-y-auto p-2 flex-1", children: [
-          load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "py-8 text-center text-xs text-sas-muted", "data-testid": `${testIdPrefix}-loading`, children: "Loading scenes\u2026" }),
-          load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "py-8 text-center text-xs text-red-400", "data-testid": `${testIdPrefix}-error`, children: load.message }),
-          load.status === "ready" && scenes.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "py-8 text-center text-xs text-sas-muted", "data-testid": `${testIdPrefix}-empty`, children: mode === "sound" ? "No other scenes have a sound to import." : "No other scenes have a compatible track to import." }),
-          load.status === "ready" && scenes.length > 0 && !selectedScene && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-1", "data-testid": `${testIdPrefix}-scene-list`, children: scenes.map((scene) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "overflow-y-auto p-2 flex-1", children: [
+          load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "py-8 text-center text-xs text-sas-muted", "data-testid": `${testIdPrefix}-loading`, children: "Loading scenes\u2026" }),
+          load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "py-8 text-center text-xs text-red-400", "data-testid": `${testIdPrefix}-error`, children: load.message }),
+          load.status === "ready" && scenes.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "py-8 text-center text-xs text-sas-muted", "data-testid": `${testIdPrefix}-empty`, children: mode === "sound" ? "No other scenes have a sound to import." : "No other scenes have a compatible track to import." }),
+          load.status === "ready" && scenes.length > 0 && !selectedScene && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "flex flex-col gap-1", "data-testid": `${testIdPrefix}-scene-list`, children: scenes.map((scene) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "button",
             {
               className: "w-full flex items-center justify-between px-2 py-1.5 rounded-sm border border-sas-border bg-sas-panel-alt text-left text-xs text-sas-text hover:border-sas-accent hover:text-sas-accent transition-colors",
               onClick: () => setSelectedSceneId(scene.sceneId),
               "data-testid": `${testIdPrefix}-scene`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate", children: scene.sceneName }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-sas-muted", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate", children: scene.sceneName }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-sas-muted", children: [
                   scene.tracks.length,
                   " \u2192"
                 ] })
               ]
             }
           ) }, scene.sceneId)) }),
-          selectedScene && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-1", "data-testid": `${testIdPrefix}-track-list`, children: selectedScene.tracks.map((track) => {
+          selectedScene && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "flex flex-col gap-1", "data-testid": `${testIdPrefix}-track-list`, children: selectedScene.tracks.map((track) => {
             const busy = importingTrackId === track.trackId;
             const gated = mode === "track" && !track.importable;
             const disabled = gated || busy;
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "button",
               {
                 className: `w-full flex items-center justify-between px-2 py-1.5 rounded-sm border text-left text-xs transition-colors ${disabled ? "bg-sas-panel border-sas-border text-sas-muted/50 cursor-not-allowed" : "bg-sas-panel-alt border-sas-border text-sas-text hover:border-sas-accent hover:text-sas-accent"}`,
@@ -3563,14 +3793,14 @@ function ImportTrackModal({
                 "data-testid": `${testIdPrefix}-track`,
                 "data-importable": mode === "sound" || track.importable ? "true" : "false",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "truncate", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "truncate", children: [
                     track.name,
-                    track.role ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-sas-muted", children: [
+                    track.role ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-sas-muted", children: [
                       " \xB7 ",
                       track.role
                     ] }) : null
                   ] }),
-                  busy ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sas-muted", children: "\u2026" }) : gated ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sas-muted", children: "\u2298" }) : null
+                  busy ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sas-muted", children: "\u2026" }) : gated ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sas-muted", children: "\u2298" }) : null
                 ]
               }
             ) }, track.dbId);
@@ -3582,8 +3812,8 @@ function ImportTrackModal({
 }
 
 // src/components/CrossfadeModal.tsx
-var import_react16 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function shortId2(dbId) {
   return dbId.length > 8 ? dbId.slice(0, 8) : dbId;
 }
@@ -3596,7 +3826,7 @@ function CandidateRow({
 }) {
   const primary = track.prompt?.trim() || track.name;
   const meta = [track.role, shortId2(track.dbId)].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "button",
     {
       type: "button",
@@ -3608,8 +3838,8 @@ function CandidateRow({
       disabled,
       className: `w-full text-left px-2 py-1.5 rounded-sm border transition-colors disabled:opacity-50 ${selected ? "bg-sas-accent/15 border-sas-accent" : "bg-sas-panel border-sas-border hover:border-sas-accent/50"}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-xs text-sas-text truncate", title: primary, children: primary }),
-        meta && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-[10px] text-sas-muted truncate mt-0.5", title: track.dbId, children: meta })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-sas-text truncate", title: primary, children: primary }),
+        meta && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-[10px] text-sas-muted truncate mt-0.5", title: track.dbId, children: meta })
       ]
     }
   );
@@ -3626,15 +3856,15 @@ function CrossfadeModal({
   onCreate,
   testIdPrefix = "crossfade-modal"
 }) {
-  const [load, setLoad] = (0, import_react16.useState)({ status: "loading" });
-  const [originDbId, setOriginDbId] = (0, import_react16.useState)("");
-  const [targetDbId, setTargetDbId] = (0, import_react16.useState)("");
-  const [isCreating, setIsCreating] = (0, import_react16.useState)(false);
-  const [error, setError] = (0, import_react16.useState)(null);
-  const [fromName, setFromName] = (0, import_react16.useState)(null);
-  const [toName, setToName] = (0, import_react16.useState)(null);
-  const cancelRef = (0, import_react16.useRef)(null);
-  const refresh = (0, import_react16.useCallback)(async () => {
+  const [load, setLoad] = (0, import_react17.useState)({ status: "loading" });
+  const [originDbId, setOriginDbId] = (0, import_react17.useState)("");
+  const [targetDbId, setTargetDbId] = (0, import_react17.useState)("");
+  const [isCreating, setIsCreating] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const [fromName, setFromName] = (0, import_react17.useState)(null);
+  const [toName, setToName] = (0, import_react17.useState)(null);
+  const cancelRef = (0, import_react17.useRef)(null);
+  const refresh = (0, import_react17.useCallback)(async () => {
     if (!host.listSceneFamilyTracks) {
       setLoad({ status: "error", message: "This host does not support crossfade tracks." });
       return;
@@ -3654,7 +3884,7 @@ function CrossfadeModal({
       setLoad({ status: "error", message: err instanceof Error ? err.message : "Failed to load tracks." });
     }
   }, [host, fromSceneId, toSceneId]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (open) {
       setError(null);
       setIsCreating(false);
@@ -3663,21 +3893,21 @@ function CrossfadeModal({
       void refresh();
     }
   }, [open, refresh]);
-  const excludeSet = (0, import_react16.useMemo)(() => new Set(excludeSourceDbIds ?? []), [excludeSourceDbIds]);
-  const originCandidates = (0, import_react16.useMemo)(
+  const excludeSet = (0, import_react17.useMemo)(() => new Set(excludeSourceDbIds ?? []), [excludeSourceDbIds]);
+  const originCandidates = (0, import_react17.useMemo)(
     () => load.status === "ready" ? load.origin.filter((t) => !excludeSet.has(t.dbId)) : [],
     [load, excludeSet]
   );
-  const targetCandidates = (0, import_react16.useMemo)(
+  const targetCandidates = (0, import_react17.useMemo)(
     () => load.status === "ready" ? load.target.filter((t) => !excludeSet.has(t.dbId)) : [],
     [load, excludeSet]
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!originCandidates.some((t) => t.dbId === originDbId)) {
       setOriginDbId(originCandidates[0]?.dbId ?? "");
     }
   }, [originCandidates, originDbId]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!targetCandidates.some((t) => t.dbId === targetDbId)) {
       setTargetDbId(targetCandidates[0]?.dbId ?? "");
     }
@@ -3685,10 +3915,10 @@ function CrossfadeModal({
   const originTrack = originCandidates.find((t) => t.dbId === originDbId) ?? null;
   const targetTrack = targetCandidates.find((t) => t.dbId === targetDbId) ?? null;
   const canCreate = !isCreating && !!originTrack && !!targetTrack;
-  const handleClose = (0, import_react16.useCallback)(() => {
+  const handleClose = (0, import_react17.useCallback)(() => {
     if (!isCreating) onClose();
   }, [isCreating, onClose]);
-  const handleCreate = (0, import_react16.useCallback)(async () => {
+  const handleCreate = (0, import_react17.useCallback)(async () => {
     if (!originTrack || !targetTrack) return;
     setIsCreating(true);
     setError(null);
@@ -3706,26 +3936,26 @@ function CrossfadeModal({
   const fromLabel = fromName ?? fromSceneName ?? null;
   const toLabel = toName ?? toSceneName ?? null;
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Modal, { open, onClose: handleClose, testIdPrefix, initialFocusRef: cancelRef, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Modal, { open, onClose: handleClose, testIdPrefix, initialFocusRef: cancelRef, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       className: "bg-sas-panel border border-sas-border rounded-md shadow-xl w-[420px] max-w-[92vw] p-4 space-y-3",
       onClick: (e) => e.stopPropagation(),
       "data-testid": `${testIdPrefix}-box`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "text-sm font-bold text-sas-text", children: "Add crossfade" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-[11px] text-sas-muted leading-relaxed", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "text-sm font-bold text-sas-text", children: "Add crossfade" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "text-[11px] text-sas-muted leading-relaxed", children: [
           "Bridge a track from",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sas-text", children: fromLabel ?? "the origin scene" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sas-text", children: fromLabel ?? "the origin scene" }),
           " into one from",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sas-text", children: toLabel ?? "the target scene" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sas-text", children: toLabel ?? "the target scene" }),
           ". Both layers share one generated part; each keeps its own preset."
         ] }),
-        load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-xs text-sas-muted py-4 text-center", children: "Loading tracks\u2026" }),
-        load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-xs text-sas-danger py-4 text-center", children: load.message }),
-        load.status === "ready" && (originCandidates.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-sas-muted py-4 text-center", children: "Loading tracks\u2026" }),
+        load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-sas-danger py-4 text-center", children: load.message }),
+        load.status === "ready" && (originCandidates.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "div",
           {
             className: "text-xs text-sas-muted py-4 text-center",
@@ -3736,20 +3966,20 @@ function CrossfadeModal({
               ". Add one (or free one from another crossfade) first."
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: [
+        ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "block", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: [
               "Origin ",
               fromLabel ? `(${fromLabel})` : "(top)"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "div",
               {
                 role: "radiogroup",
                 "aria-label": "Origin track",
                 "data-testid": `${testIdPrefix}-origin-list`,
                 className: "mt-1 space-y-1 max-h-40 overflow-y-auto pr-0.5",
-                children: originCandidates.map((t) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                children: originCandidates.map((t) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   CandidateRow,
                   {
                     track: t,
@@ -3763,23 +3993,23 @@ function CrossfadeModal({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "block", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: [
               "Target ",
               toLabel ? `(${toLabel})` : "(bottom)"
             ] }),
-            targetCandidates.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "text-xs text-sas-danger mt-0.5", "data-testid": `${testIdPrefix}-empty-target`, children: [
+            targetCandidates.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "text-xs text-sas-danger mt-0.5", "data-testid": `${testIdPrefix}-empty-target`, children: [
               "No available tracks in ",
               toLabel ?? "the target scene",
               " to crossfade into."
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "div",
               {
                 role: "radiogroup",
                 "aria-label": "Target track",
                 "data-testid": `${testIdPrefix}-target-list`,
                 className: "mt-1 space-y-1 max-h-40 overflow-y-auto pr-0.5",
-                children: targetCandidates.map((t) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                children: targetCandidates.map((t) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   CandidateRow,
                   {
                     track: t,
@@ -3794,9 +4024,9 @@ function CrossfadeModal({
             )
           ] })
         ] })),
-        error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-xs text-sas-danger", "data-testid": `${testIdPrefix}-error`, children: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-end gap-2 pt-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-sas-danger", "data-testid": `${testIdPrefix}-error`, children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-end gap-2 pt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "button",
             {
               ref: cancelRef,
@@ -3807,7 +4037,7 @@ function CrossfadeModal({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "button",
             {
               "data-testid": `${testIdPrefix}-confirm`,
@@ -3824,10 +4054,10 @@ function CrossfadeModal({
 }
 
 // src/components/TransitionDesigner.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/hooks/useTrackReorder.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 function moveItem(arr, from, to) {
   const next = arr.slice();
   if (from === to || from < 0 || to < 0 || from >= next.length || to >= next.length) {
@@ -3844,12 +4074,12 @@ function useTrackReorder({
   getId,
   onError
 }) {
-  const [draggingIndex, setDraggingIndex] = (0, import_react17.useState)(null);
-  const [dragOverIndex, setDragOverIndex] = (0, import_react17.useState)(null);
-  const fromRef = (0, import_react17.useRef)(null);
-  const itemsRef = (0, import_react17.useRef)(items);
+  const [draggingIndex, setDraggingIndex] = (0, import_react18.useState)(null);
+  const [dragOverIndex, setDragOverIndex] = (0, import_react18.useState)(null);
+  const fromRef = (0, import_react18.useRef)(null);
+  const itemsRef = (0, import_react18.useRef)(items);
   itemsRef.current = items;
-  const dragPropsFor = (0, import_react17.useCallback)(
+  const dragPropsFor = (0, import_react18.useCallback)(
     (index) => ({
       handleProps: {
         draggable: true,
@@ -4031,7 +4261,7 @@ function dbIdsFromKeys(keys) {
 }
 
 // src/components/TransitionDesigner.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var CROSSFADE_ESTIMATE_MS = 15e3;
 var FADE_ESTIMATE_MS = 11e3;
 var CREATE_ALL_CONCURRENCY = 5;
@@ -4052,56 +4282,67 @@ function TransitionDesigner({
   onCreateCrossfade,
   onCreateFade,
   onCreateAudioTransition,
+  mapColumnSubjects,
+  fadeEstimateMs,
   familyLabel,
   testIdPrefix = "transition-designer"
 }) {
-  const [load, setLoad] = (0, import_react18.useState)({ status: "loading" });
-  const [fromName, setFromName] = (0, import_react18.useState)(null);
-  const [toName, setToName] = (0, import_react18.useState)(null);
-  const [originSlots, setOriginSlots] = (0, import_react18.useState)([]);
-  const [targetSlots, setTargetSlots] = (0, import_react18.useState)([]);
-  const [creatingKeys, setCreatingKeys] = (0, import_react18.useState)(() => /* @__PURE__ */ new Set());
-  const [rowErrors, setRowErrors] = (0, import_react18.useState)({});
-  const [rowEffects, setRowEffects] = (0, import_react18.useState)({});
-  const rowEffectsRef = (0, import_react18.useRef)(rowEffects);
+  const fadeOnly = !onCreateCrossfade;
+  const [load, setLoad] = (0, import_react19.useState)({ status: "loading" });
+  const [fromName, setFromName] = (0, import_react19.useState)(null);
+  const [toName, setToName] = (0, import_react19.useState)(null);
+  const [originSlots, setOriginSlots] = (0, import_react19.useState)([]);
+  const [targetSlots, setTargetSlots] = (0, import_react19.useState)([]);
+  const [creatingKeys, setCreatingKeys] = (0, import_react19.useState)(() => /* @__PURE__ */ new Set());
+  const [rowErrors, setRowErrors] = (0, import_react19.useState)({});
+  const [rowEffects, setRowEffects] = (0, import_react19.useState)({});
+  const rowEffectsRef = (0, import_react19.useRef)(rowEffects);
   rowEffectsRef.current = rowEffects;
   const audioEffectsEnabled = !!onCreateAudioTransition;
-  const excludeRef = (0, import_react18.useRef)(excludeSourceDbIds);
+  const excludeRef = (0, import_react19.useRef)(excludeSourceDbIds);
   excludeRef.current = excludeSourceDbIds;
-  const originSlotsRef = (0, import_react18.useRef)(originSlots);
+  const originSlotsRef = (0, import_react19.useRef)(originSlots);
   originSlotsRef.current = originSlots;
-  const targetSlotsRef = (0, import_react18.useRef)(targetSlots);
+  const targetSlotsRef = (0, import_react19.useRef)(targetSlots);
   targetSlotsRef.current = targetSlots;
-  const creatingKeysRef = (0, import_react18.useRef)(creatingKeys);
+  const creatingKeysRef = (0, import_react19.useRef)(creatingKeys);
   creatingKeysRef.current = creatingKeys;
-  const dragRef = (0, import_react18.useRef)(null);
-  const [dragging, setDragging] = (0, import_react18.useState)(null);
-  const [dragOver, setDragOver] = (0, import_react18.useState)(null);
-  const excludeSet = (0, import_react18.useMemo)(() => new Set(excludeSourceDbIds ?? []), [excludeSourceDbIds]);
-  const originPool = (0, import_react18.useMemo)(
+  const dragRef = (0, import_react19.useRef)(null);
+  const [dragging, setDragging] = (0, import_react19.useState)(null);
+  const [dragOver, setDragOver] = (0, import_react19.useState)(null);
+  const excludeSet = (0, import_react19.useMemo)(() => new Set(excludeSourceDbIds ?? []), [excludeSourceDbIds]);
+  const originPool = (0, import_react19.useMemo)(
     () => load.status === "ready" ? load.origin.filter((t) => !excludeSet.has(t.dbId)) : [],
     [load, excludeSet]
   );
-  const targetPool = (0, import_react18.useMemo)(
+  const targetPool = (0, import_react19.useMemo)(
     () => load.status === "ready" ? load.target.filter((t) => !excludeSet.has(t.dbId)) : [],
     [load, excludeSet]
   );
-  const originById = (0, import_react18.useMemo)(() => new Map(originPool.map((t) => [t.dbId, t])), [originPool]);
-  const targetById = (0, import_react18.useMemo)(() => new Map(targetPool.map((t) => [t.dbId, t])), [targetPool]);
-  const originByIdRef = (0, import_react18.useRef)(originById);
+  const originById = (0, import_react19.useMemo)(() => new Map(originPool.map((t) => [t.dbId, t])), [originPool]);
+  const targetById = (0, import_react19.useMemo)(() => new Map(targetPool.map((t) => [t.dbId, t])), [targetPool]);
+  const originByIdRef = (0, import_react19.useRef)(originById);
   originByIdRef.current = originById;
-  const targetByIdRef = (0, import_react18.useRef)(targetById);
+  const targetByIdRef = (0, import_react19.useRef)(targetById);
   targetByIdRef.current = targetById;
-  const refresh = (0, import_react18.useCallback)(async () => {
+  const refresh = (0, import_react19.useCallback)(async () => {
     if (!host.listSceneFamilyTracks) {
       setLoad({ status: "error", message: "This host does not support transition tracks." });
       return;
     }
     setLoad({ status: "loading" });
     try {
-      const [origin, target, fName, tName, draftRaw] = await Promise.all([
+      let [origin, target] = await Promise.all([
         host.listSceneFamilyTracks(fromSceneId),
-        host.listSceneFamilyTracks(toSceneId),
+        host.listSceneFamilyTracks(toSceneId)
+      ]);
+      if (mapColumnSubjects) {
+        [origin, target] = await Promise.all([
+          mapColumnSubjects(fromSceneId, origin),
+          mapColumnSubjects(toSceneId, target)
+        ]);
+      }
+      const [fName, tName, draftRaw] = await Promise.all([
         host.getSceneName ? host.getSceneName(fromSceneId) : Promise.resolve(null),
         host.getSceneName ? host.getSceneName(toSceneId) : Promise.resolve(null),
         host.getSceneData ? host.getSceneData(transitionSceneId, TRANSITION_DESIGNER_DRAFT_KEY) : Promise.resolve(null)
@@ -4126,11 +4367,11 @@ function TransitionDesigner({
         message: err instanceof Error ? err.message : "Failed to load tracks."
       });
     }
-  }, [host, fromSceneId, toSceneId, transitionSceneId]);
-  (0, import_react18.useEffect)(() => {
+  }, [host, fromSceneId, toSceneId, transitionSceneId, mapColumnSubjects]);
+  (0, import_react19.useEffect)(() => {
     void refresh();
   }, [refresh]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (load.status !== "ready") return;
     const [po, pt] = padPair(
       reconcileSlots(originSlotsRef.current, originPool.map((t) => t.dbId)),
@@ -4139,7 +4380,7 @@ function TransitionDesigner({
     if (!slotsEqual(po, originSlotsRef.current)) setOriginSlots(po);
     if (!slotsEqual(pt, targetSlotsRef.current)) setTargetSlots(pt);
   }, [originPool, targetPool, load.status]);
-  const mutate = (0, import_react18.useCallback)(
+  const mutate = (0, import_react19.useCallback)(
     (nextOrigin, nextTarget) => {
       const norm = normalizeSlots(nextOrigin, nextTarget);
       const [po, pt] = padPair(norm.originOrder, norm.targetOrder);
@@ -4152,7 +4393,7 @@ function TransitionDesigner({
     },
     [host, transitionSceneId]
   );
-  const setRowEffect = (0, import_react18.useCallback)(
+  const setRowEffect = (0, import_react19.useCallback)(
     (sourceDbId, effect) => {
       setRowEffects((prev) => {
         const next = { ...prev, [sourceDbId]: effect };
@@ -4166,7 +4407,7 @@ function TransitionDesigner({
     },
     [host, transitionSceneId]
   );
-  const insertGapAbove = (0, import_react18.useCallback)(
+  const insertGapAbove = (0, import_react19.useCallback)(
     (col, index) => {
       const slots = col === "origin" ? originSlots : targetSlots;
       const next = [...slots.slice(0, index), null, ...slots.slice(index)];
@@ -4175,7 +4416,7 @@ function TransitionDesigner({
     },
     [originSlots, targetSlots, mutate]
   );
-  const removeGap = (0, import_react18.useCallback)(
+  const removeGap = (0, import_react19.useCallback)(
     (col, index) => {
       const slots = col === "origin" ? originSlots : targetSlots;
       const next = slots.filter((_, i) => i !== index);
@@ -4184,7 +4425,7 @@ function TransitionDesigner({
     },
     [originSlots, targetSlots, mutate]
   );
-  const handleDrop = (0, import_react18.useCallback)(
+  const handleDrop = (0, import_react19.useCallback)(
     (col, to) => {
       const from = dragRef.current;
       dragRef.current = null;
@@ -4196,16 +4437,34 @@ function TransitionDesigner({
     },
     [originSlots, targetSlots, mutate]
   );
-  const rows = (0, import_react18.useMemo)(() => buildRowSlots(originSlots, targetSlots), [originSlots, targetSlots]);
-  const creatingDbIds = (0, import_react18.useMemo)(() => dbIdsFromKeys(creatingKeys), [creatingKeys]);
-  const eligibleCount = (0, import_react18.useMemo)(
-    () => rows.filter((r) => {
+  const rows = (0, import_react19.useMemo)(() => buildRowSlots(originSlots, targetSlots), [originSlots, targetSlots]);
+  const fadeOnlyRows = (0, import_react19.useMemo)(
+    () => fadeOnly ? [
+      ...originPool.map((t) => ({
+        originId: t.dbId,
+        targetId: null,
+        type: "fade-out"
+      })),
+      ...targetPool.map((t) => ({
+        originId: null,
+        targetId: t.dbId,
+        type: "fade-in"
+      }))
+    ] : [],
+    [fadeOnly, originPool, targetPool]
+  );
+  const fadeOnlyRowsRef = (0, import_react19.useRef)(fadeOnlyRows);
+  fadeOnlyRowsRef.current = fadeOnlyRows;
+  const effectiveRows = fadeOnly ? fadeOnlyRows : rows;
+  const creatingDbIds = (0, import_react19.useMemo)(() => dbIdsFromKeys(creatingKeys), [creatingKeys]);
+  const eligibleCount = (0, import_react19.useMemo)(
+    () => effectiveRows.filter((r) => {
       const k = rowKey(r);
       return k !== null && !creatingKeys.has(k);
     }).length,
-    [rows, creatingKeys]
+    [effectiveRows, creatingKeys]
   );
-  const createRow = (0, import_react18.useCallback)(
+  const createRow = (0, import_react19.useCallback)(
     async (row) => {
       const key = rowKey(row);
       if (!key || !row.type || creatingKeysRef.current.has(key)) return;
@@ -4221,6 +4480,7 @@ function TransitionDesigner({
           const o = row.originId ? originByIdRef.current.get(row.originId) : void 0;
           const t = row.targetId ? targetByIdRef.current.get(row.targetId) : void 0;
           if (!o || !t) throw new Error("Track is no longer available \u2014 refresh and retry.");
+          if (!onCreateCrossfade) throw new Error("This panel does not support crossfades.");
           await onCreateCrossfade(
             { dbId: o.dbId, name: o.name, role: o.role },
             { dbId: t.dbId, name: t.name, role: t.role }
@@ -4259,8 +4519,9 @@ function TransitionDesigner({
     },
     [onCreateCrossfade, onCreateFade, onCreateAudioTransition]
   );
-  const createAll = (0, import_react18.useCallback)(async () => {
-    const eligible = buildRowSlots(originSlotsRef.current, targetSlotsRef.current).filter((r) => {
+  const createAll = (0, import_react19.useCallback)(async () => {
+    const source = fadeOnly ? fadeOnlyRowsRef.current : buildRowSlots(originSlotsRef.current, targetSlotsRef.current);
+    const eligible = source.filter((r) => {
       const k = rowKey(r);
       return k !== null && !creatingKeysRef.current.has(k);
     });
@@ -4276,7 +4537,7 @@ function TransitionDesigner({
     await Promise.all(
       Array.from({ length: Math.min(CREATE_ALL_CONCURRENCY, eligible.length) }, () => worker())
     );
-  }, [createRow]);
+  }, [createRow, fadeOnly]);
   const fromLabel = fromName ?? "origin";
   const toLabel = toName ?? "target";
   const cellDragProps = (col, index, locked) => ({
@@ -4327,15 +4588,15 @@ function TransitionDesigner({
     const base = "group relative rounded-sm border px-2 py-1.5 text-left transition-colors select-none";
     const tone = isDragTarget ? "border-sas-accent bg-sas-accent/10" : "border-sas-border bg-sas-panel";
     if (slotId === null) {
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           ...cellDragProps(col, index, false),
           "data-testid": `${testIdPrefix}-${col}-gap-${index}`,
           className: `${base} ${tone} border-dashed flex items-center justify-between ${isDragging ? "opacity-40" : "opacity-70"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: "\u2014 gap \u2014" }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: "\u2014 gap \u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
@@ -4352,7 +4613,7 @@ function TransitionDesigner({
     }
     const primary = track ? track.prompt?.trim() || track.name : slotId;
     const meta = track ? [track.role, shortId3(track.dbId)].filter(Boolean).join(" \xB7 ") : "missing";
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         ...cellDragProps(col, index, locked),
@@ -4360,13 +4621,13 @@ function TransitionDesigner({
         "data-value": slotId,
         className: `${base} ${tone} ${isDragging ? "opacity-40" : ""} ${locked ? "opacity-60" : "cursor-grab active:cursor-grabbing"}`,
         title: track ? track.dbId : "Track no longer available",
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-start gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sas-muted/60 text-xs leading-tight pt-0.5", "aria-hidden": true, children: "\u283F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-sas-text truncate", children: primary }),
-            meta && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-[10px] text-sas-muted truncate mt-0.5", children: meta })
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-start gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sas-muted/60 text-xs leading-tight pt-0.5", "aria-hidden": true, children: "\u283F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-sas-text truncate", children: primary }),
+            meta && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-[10px] text-sas-muted truncate mt-0.5", children: meta })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "button",
             {
               type: "button",
@@ -4382,22 +4643,159 @@ function TransitionDesigner({
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-2", "data-testid": `${testIdPrefix}-box`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between gap-3 pb-1 border-b border-sas-border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "text-[11px] text-sas-muted leading-snug min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sas-text", children: fromLabel }),
+  const renderFadeOnlyRow = (row, i) => {
+    const slotId = row.originId ?? row.targetId;
+    const byId = row.type === "fade-out" ? originById : targetById;
+    const track = byId.get(slotId);
+    const key = rowKey(row);
+    const isCreatingThis = key !== null && creatingKeys.has(key);
+    const errMsg = key !== null ? rowErrors[key] : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "div",
+      {
+        "data-testid": `${testIdPrefix}-row-${i}`,
+        className: "grid grid-cols-[1fr_auto] gap-2 items-center",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            "div",
+            {
+              "data-testid": `${testIdPrefix}-subject-${slotId}`,
+              className: `rounded-sm border border-sas-border bg-sas-panel px-2 py-1.5 ${isCreatingThis ? "opacity-60" : ""}`,
+              title: track ? track.dbId : "Track no longer available",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-sas-text truncate", children: track ? track.prompt?.trim() || track.name : slotId }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-[10px] text-sas-muted truncate mt-0.5", children: track ? [track.role, shortId3(track.dbId)].filter(Boolean).join(" \xB7 ") : "missing" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w-[160px] flex flex-col items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "span",
+              {
+                "data-testid": `${testIdPrefix}-type-${i}`,
+                className: "text-[10px] font-medium px-1.5 py-0.5 rounded-sm border border-sas-border text-sas-muted",
+                children: row.type ? TYPE_LABEL[row.type] : "\u2014"
+              }
+            ),
+            isCreatingThis ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              SorceryProgressBar,
+              {
+                isLoading: true,
+                heightClass: "h-5",
+                statusText: "CREATING",
+                estimatedDurationMs: fadeEstimateMs ?? FADE_ESTIMATE_MS
+              }
+            ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "button",
+              {
+                type: "button",
+                "data-testid": `${testIdPrefix}-create-${i}`,
+                onClick: () => createRow(row),
+                className: "w-full px-2 py-0.5 text-[10px] font-medium rounded-sm border transition-colors bg-sas-accent/20 border-sas-accent text-sas-accent hover:bg-sas-accent hover:text-sas-bg",
+                children: "Create"
+              }
+            ),
+            errMsg && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "span",
+              {
+                "data-testid": `${testIdPrefix}-row-error-${i}`,
+                className: "text-[10px] text-sas-danger text-center leading-tight",
+                children: errMsg
+              }
+            )
+          ] })
+        ]
+      },
+      slotId
+    );
+  };
+  if (fadeOnly) {
+    const outRows = fadeOnlyRows.filter((r) => r.type === "fade-out");
+    const inRows = fadeOnlyRows.filter((r) => r.type === "fade-in");
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-2", "data-testid": `${testIdPrefix}-box`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between gap-3 pb-1 border-b border-sas-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "text-[11px] text-sas-muted leading-snug min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sas-text", children: fromLabel }),
+          " \u2192",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sas-text", children: toLabel }),
+          familyLabel ? ` \xB7 ${familyLabel}` : "",
+          " \xB7 each entry fades on its own \u2014 origin fades out, target fades in."
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+          creatingKeys.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            "span",
+            {
+              className: "text-[10px] text-sas-accent whitespace-nowrap",
+              "data-testid": `${testIdPrefix}-creating-count`,
+              children: [
+                creatingKeys.size,
+                " creating\u2026"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            "button",
+            {
+              type: "button",
+              "data-testid": `${testIdPrefix}-create-all`,
+              onClick: createAll,
+              disabled: eligibleCount === 0,
+              title: "Create every fade at once (runs several concurrently)",
+              className: `px-2 py-0.5 text-[10px] font-medium rounded-sm border transition-colors whitespace-nowrap ${eligibleCount > 0 ? "bg-sas-accent/20 border-sas-accent text-sas-accent hover:bg-sas-accent hover:text-sas-bg" : "bg-sas-panel border-sas-border text-sas-muted/50 cursor-not-allowed"}`,
+              children: [
+                "Create all",
+                eligibleCount > 0 ? ` (${eligibleCount})` : ""
+              ]
+            }
+          )
+        ] })
+      ] }),
+      load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-sas-muted py-6 text-center", children: "Loading tracks\u2026" }),
+      load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-sas-danger py-6 text-center", "data-testid": `${testIdPrefix}-error`, children: load.message }),
+      load.status === "ready" && (fadeOnlyRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-xs text-sas-muted py-6 text-center", "data-testid": `${testIdPrefix}-empty`, children: [
+        "Nothing to fade in this panel for either scene. Add tracks to ",
+        fromLabel,
+        " or ",
+        toLabel,
+        " ",
+        "first (or free one by deleting an existing fade)."
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-3", children: [
+        outRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-2", "data-testid": `${testIdPrefix}-fade-out-section`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: [
+            "Origin (",
+            fromLabel,
+            ") \u2014 fades out"
+          ] }),
+          outRows.map((row, i) => renderFadeOnlyRow(row, i))
+        ] }),
+        inRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-2", "data-testid": `${testIdPrefix}-fade-in-section`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted", children: [
+            "Target (",
+            toLabel,
+            ") \u2014 fades in"
+          ] }),
+          inRows.map((row, j) => renderFadeOnlyRow(row, outRows.length + j))
+        ] })
+      ] }))
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-2", "data-testid": `${testIdPrefix}-box`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between gap-3 pb-1 border-b border-sas-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "text-[11px] text-sas-muted leading-snug min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sas-text", children: fromLabel }),
         " \u2192",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sas-text", children: toLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sas-text", children: toLabel }),
         familyLabel ? ` \xB7 ${familyLabel}` : "",
         " \xB7 line up a track on each side to crossfade; leave one blank (or insert a gap) to fade."
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
-        creatingKeys.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-[10px] text-sas-accent whitespace-nowrap", "data-testid": `${testIdPrefix}-creating-count`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+        creatingKeys.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-[10px] text-sas-accent whitespace-nowrap", "data-testid": `${testIdPrefix}-creating-count`, children: [
           creatingKeys.size,
           " creating\u2026"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "button",
           {
             type: "button",
@@ -4414,49 +4812,49 @@ function TransitionDesigner({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid grid-cols-[1fr_auto_1fr] gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted truncate", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid grid-cols-[1fr_auto_1fr] gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted truncate", children: [
         "Origin (",
         fromLabel,
         ")"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted text-center px-2", children: "Transition" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted truncate text-right", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted text-center px-2", children: "Transition" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-sas-muted truncate text-right", children: [
         "Target (",
         toLabel,
         ")"
       ] })
     ] }),
-    load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-sas-muted py-6 text-center", children: "Loading tracks\u2026" }),
-    load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-sas-danger py-6 text-center", "data-testid": `${testIdPrefix}-error`, children: load.message }),
-    load.status === "ready" && (rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "text-xs text-sas-muted py-6 text-center", "data-testid": `${testIdPrefix}-empty`, children: [
+    load.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-sas-muted py-6 text-center", children: "Loading tracks\u2026" }),
+    load.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-sas-danger py-6 text-center", "data-testid": `${testIdPrefix}-error`, children: load.message }),
+    load.status === "ready" && (rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-xs text-sas-muted py-6 text-center", "data-testid": `${testIdPrefix}-empty`, children: [
       "No tracks to arrange in this panel for either scene. Add tracks to ",
       fromLabel,
       " or ",
       toLabel,
       " ",
       "first (or free one by deleting an existing crossfade/fade)."
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "space-y-2", children: rows.map((row, i) => {
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "space-y-2", children: rows.map((row, i) => {
       const key = rowKey(row);
       const isCreatingThis = key !== null && creatingKeys.has(key);
       const errMsg = key !== null ? rowErrors[key] : void 0;
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           "data-testid": `${testIdPrefix}-row-${i}`,
           className: "grid grid-cols-[1fr_auto_1fr] gap-2 items-center",
           children: [
             renderCell("origin", i, row.originId),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "w-[160px] flex flex-col items-center gap-1", children: [
-              !row.type ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-sas-muted/50", children: "\u2014" }) : row.type === "crossfade" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w-[160px] flex flex-col items-center gap-1", children: [
+              !row.type ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[10px] text-sas-muted/50", children: "\u2014" }) : row.type === "crossfade" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "span",
                 {
                   "data-testid": `${testIdPrefix}-type-${i}`,
                   className: "text-[10px] font-medium px-1.5 py-0.5 rounded-sm border border-sas-accent/50 text-sas-accent",
                   children: TYPE_LABEL[row.type]
                 }
-              ) : audioEffectsEnabled ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-1", "data-testid": `${testIdPrefix}-type-${i}`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              ) : audioEffectsEnabled ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1", "data-testid": `${testIdPrefix}-type-${i}`, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "select",
                   {
                     "data-testid": `${testIdPrefix}-effect-${i}`,
@@ -4466,11 +4864,11 @@ function TransitionDesigner({
                       if (id) setRowEffect(id, e.target.value);
                     },
                     className: "text-[10px] bg-sas-panel border border-sas-border rounded-sm px-1 py-0.5 text-sas-text",
-                    children: AUDIO_EFFECTS.map((eff) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: eff, children: AUDIO_EFFECT_LABEL[eff] }, eff))
+                    children: AUDIO_EFFECTS.map((eff) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: eff, children: AUDIO_EFFECT_LABEL[eff] }, eff))
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[9px] text-sas-muted", children: row.type === "fade-out" ? "out" : "in" })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[9px] text-sas-muted", children: row.type === "fade-out" ? "out" : "in" })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "span",
                 {
                   "data-testid": `${testIdPrefix}-type-${i}`,
@@ -4478,7 +4876,7 @@ function TransitionDesigner({
                   children: TYPE_LABEL[row.type]
                 }
               ),
-              isCreatingThis ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              isCreatingThis ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 SorceryProgressBar,
                 {
                   isLoading: true,
@@ -4486,7 +4884,7 @@ function TransitionDesigner({
                   statusText: "CREATING",
                   estimatedDurationMs: row.type === "crossfade" ? CROSSFADE_ESTIMATE_MS : FADE_ESTIMATE_MS
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
                   type: "button",
@@ -4497,7 +4895,7 @@ function TransitionDesigner({
                   children: "Create"
                 }
               ),
-              errMsg && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              errMsg && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "span",
                 {
                   "data-testid": `${testIdPrefix}-row-error-${i}`,
@@ -4516,8 +4914,8 @@ function TransitionDesigner({
 }
 
 // src/components/PanelMasterStrip.tsx
-var import_react19 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function PanelMasterStrip({
   bus,
   levels = null,
@@ -4536,22 +4934,22 @@ function PanelMasterStrip({
   onToggleFxEnabled,
   onShowFxEditor
 }) {
-  const [search, setSearch] = (0, import_react19.useState)("");
-  const filtered = (0, import_react19.useMemo)(() => {
+  const [search, setSearch] = (0, import_react20.useState)("");
+  const filtered = (0, import_react20.useMemo)(() => {
     const q = search.trim().toLowerCase();
     if (!q) return availableFx;
     return availableFx.filter(
       (fx) => fx.name.toLowerCase().includes(q) || fx.manufacturer.toLowerCase().includes(q)
     );
   }, [availableFx, search]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       "data-testid": "panel-master-strip",
       className: `flex flex-col gap-1 px-2 py-1.5 rounded-sm border border-sas-border border-l-2 border-l-sas-accent/50 bg-sas-accent/5 transition-opacity ${soloedOut ? "opacity-40" : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "span",
             {
               className: "text-[9px] font-bold tracking-widest text-sas-muted/70 select-none",
@@ -4559,8 +4957,8 @@ function PanelMasterStrip({
               children: "BUS"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 min-w-[8rem] flex flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 min-w-[8rem] flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               VolumeSlider,
               {
                 value: dbToSlider(bus.volume),
@@ -4568,8 +4966,8 @@ function PanelMasterStrip({
                 disabled
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-px", "data-testid": "bus-meter", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-px", "data-testid": "bus-meter", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 LevelMeter,
                 {
                   peakDb: levels?.leftDb ?? -120,
@@ -4579,7 +4977,7 @@ function PanelMasterStrip({
                   "data-testid": "bus-meter-left"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 LevelMeter,
                 {
                   peakDb: levels?.rightDb ?? -120,
@@ -4590,7 +4988,7 @@ function PanelMasterStrip({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "button",
             {
               "data-testid": "bus-mute-button",
@@ -4601,7 +4999,7 @@ function PanelMasterStrip({
               children: "M"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "button",
             {
               "data-testid": "bus-solo-button",
@@ -4612,14 +5010,14 @@ function PanelMasterStrip({
               children: "S"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center gap-1 max-w-[45%] min-w-0 overflow-x-auto", children: bus.fx.map((fx) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center gap-1 max-w-[45%] min-w-0 overflow-x-auto", children: bus.fx.map((fx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             "span",
             {
               "data-testid": `bus-fx-chip-${fx.index}`,
               className: `flex items-center gap-1 px-1.5 py-0.5 rounded-sm border text-[10px] whitespace-nowrap ${fx.enabled ? "border-sas-accent/60 text-sas-accent bg-sas-accent/10" : "border-sas-border text-sas-muted/50 bg-sas-panel"}`,
               title: `${fx.name}${fx.enabled ? "" : " (bypassed)"}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "button",
                   {
                     "data-testid": `bus-fx-toggle-${fx.index}`,
@@ -4630,7 +5028,7 @@ function PanelMasterStrip({
                     children: fx.enabled ? "\u25CF" : "\u25CB"
                   }
                 ),
-                onShowFxEditor ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                onShowFxEditor ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "button",
                   {
                     "data-testid": `bus-fx-edit-${fx.index}`,
@@ -4640,8 +5038,8 @@ function PanelMasterStrip({
                     title: `Open ${fx.name} editor`,
                     children: fx.name
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "max-w-[80px] truncate", children: fx.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "max-w-[80px] truncate", children: fx.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "button",
                   {
                     "data-testid": `bus-fx-remove-${fx.index}`,
@@ -4656,7 +5054,7 @@ function PanelMasterStrip({
             },
             `${fx.index}:${fx.pluginId}`
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "button",
             {
               "data-testid": "bus-fx-add-button",
@@ -4668,9 +5066,9 @@ function PanelMasterStrip({
             }
           )
         ] }),
-        fxPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { "data-testid": "bus-fx-picker", className: "flex flex-col gap-2 pt-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        fxPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { "data-testid": "bus-fx-picker", className: "flex flex-col gap-2 pt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "input",
               {
                 type: "text",
@@ -4680,7 +5078,7 @@ function PanelMasterStrip({
                 className: "sas-input flex-1 px-2 py-1 text-xs"
               }
             ),
-            onRefreshFx && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            onRefreshFx && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "button",
               {
                 onClick: () => onRefreshFx(),
@@ -4691,8 +5089,8 @@ function PanelMasterStrip({
               }
             )
           ] }),
-          fxLoading && availableFx.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-sas-muted/60 text-center py-3", children: "Scanning plugins..." }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid grid-cols-3 gap-1 max-h-[140px] overflow-y-auto", children: [
-            filtered.map((fx) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          fxLoading && availableFx.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-xs text-sas-muted/60 text-center py-3", children: "Scanning plugins..." }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "grid grid-cols-3 gap-1 max-h-[140px] overflow-y-auto", children: [
+            filtered.map((fx) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               "button",
               {
                 "data-testid": `bus-fx-pick-${fx.pluginId}`,
@@ -4700,13 +5098,13 @@ function PanelMasterStrip({
                 className: "flex flex-col items-start px-2 py-1.5 rounded-sm border text-left transition-colors border-sas-border bg-sas-panel-alt text-sas-muted hover:border-sas-accent hover:text-sas-accent",
                 title: `${fx.name} by ${fx.manufacturer} (${fx.type.toUpperCase()})`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs font-medium truncate w-full", children: fx.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[9px] text-sas-muted/50 truncate w-full", children: fx.manufacturer || fx.type.toUpperCase() })
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs font-medium truncate w-full", children: fx.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-[9px] text-sas-muted/50 truncate w-full", children: fx.manufacturer || fx.type.toUpperCase() })
                 ]
               },
               fx.pluginId
             )),
-            filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "col-span-3 text-xs text-sas-muted/60 text-center py-2", children: search.trim() ? "No matches" : "No FX plugins found" })
+            filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "col-span-3 text-xs text-sas-muted/60 text-center py-2", children: search.trim() ? "No matches" : "No FX plugins found" })
           ] })
         ] })
       ]
@@ -4715,18 +5113,18 @@ function PanelMasterStrip({
 }
 
 // src/hooks/usePanelBus.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 var LEVELS_POLL_MS = 66;
 function usePanelBus(host, activeSceneId) {
   const supported = typeof host.getPanelBusState === "function";
-  const [bus, setBus] = (0, import_react20.useState)(null);
-  const [levels, setLevels] = (0, import_react20.useState)(null);
-  const [availableFx, setAvailableFx] = (0, import_react20.useState)([]);
-  const [fxLoading, setFxLoading] = (0, import_react20.useState)(false);
-  const [fxPickerOpen, setFxPickerOpen] = (0, import_react20.useState)(false);
-  const fxLoadedRef = (0, import_react20.useRef)(false);
-  const loadSeqRef = (0, import_react20.useRef)(0);
-  const reload = (0, import_react20.useCallback)(async () => {
+  const [bus, setBus] = (0, import_react21.useState)(null);
+  const [levels, setLevels] = (0, import_react21.useState)(null);
+  const [availableFx, setAvailableFx] = (0, import_react21.useState)([]);
+  const [fxLoading, setFxLoading] = (0, import_react21.useState)(false);
+  const [fxPickerOpen, setFxPickerOpen] = (0, import_react21.useState)(false);
+  const fxLoadedRef = (0, import_react21.useRef)(false);
+  const loadSeqRef = (0, import_react21.useRef)(0);
+  const reload = (0, import_react21.useCallback)(async () => {
     if (!supported || !activeSceneId || !host.getPanelBusState) {
       setBus(null);
       return;
@@ -4738,12 +5136,12 @@ function usePanelBus(host, activeSceneId) {
     } catch {
     }
   }, [host, activeSceneId, supported]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     setBus(null);
     setFxPickerOpen(false);
     void reload();
   }, [reload]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!supported || !activeSceneId || !bus?.engaged || !host.getPanelBusLevels) {
       setLevels(null);
       return;
@@ -4765,7 +5163,7 @@ function usePanelBus(host, activeSceneId) {
       clearInterval(id);
     };
   }, [supported, activeSceneId, bus?.engaged, host]);
-  const loadFxList = (0, import_react20.useCallback)(
+  const loadFxList = (0, import_react21.useCallback)(
     async (opts) => {
       if (!supported || !host.getAvailableFx) return;
       if (fxLoadedRef.current && !opts.force && !opts.rescan) return;
@@ -4781,14 +5179,14 @@ function usePanelBus(host, activeSceneId) {
     },
     [host, supported]
   );
-  const openPicker = (0, import_react20.useCallback)(
+  const openPicker = (0, import_react21.useCallback)(
     (open) => {
       setFxPickerOpen(open);
       if (open) void loadFxList({});
     },
     [loadFxList]
   );
-  const mutate = (0, import_react20.useCallback)(
+  const mutate = (0, import_react21.useCallback)(
     (fn) => {
       if (!fn || !activeSceneId) return;
       void (async () => {
@@ -4832,8 +5230,8 @@ function usePanelBus(host, activeSceneId) {
 }
 
 // src/components/DownloadPackButton.tsx
-var import_react21 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function formatSize(bytes) {
   if (!bytes || bytes <= 0) return "";
   const gb = bytes / 1024 ** 3;
@@ -4849,10 +5247,10 @@ var DownloadPackButton = ({
   variant = "compact",
   onDownloadComplete
 }) => {
-  const [status, setStatus] = (0, import_react21.useState)("idle");
-  const [progress, setProgress] = (0, import_react21.useState)(0);
-  const [errorMessage, setErrorMessage] = (0, import_react21.useState)(null);
-  (0, import_react21.useEffect)(() => {
+  const [status, setStatus] = (0, import_react22.useState)("idle");
+  const [progress, setProgress] = (0, import_react22.useState)(0);
+  const [errorMessage, setErrorMessage] = (0, import_react22.useState)(null);
+  (0, import_react22.useEffect)(() => {
     const unsub = host.onSamplePackProgress(packId, (p) => {
       setStatus(p.status);
       setProgress(p.progress);
@@ -4867,7 +5265,7 @@ var DownloadPackButton = ({
     });
     return unsub;
   }, [host, packId, onDownloadComplete]);
-  const handleClick = (0, import_react21.useCallback)(async () => {
+  const handleClick = (0, import_react22.useCallback)(async () => {
     if (status !== "idle" && status !== "error") return;
     try {
       setStatus("downloading");
@@ -4921,8 +5319,8 @@ var DownloadPackButton = ({
   } else {
     className = `${baseClasses} text-sas-muted hover:text-sas-accent border-sas-border hover:border-sas-accent`;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "button",
       {
         "data-testid": `download-pack-button-${packId}`,
@@ -4933,12 +5331,12 @@ var DownloadPackButton = ({
         children: buttonLabel
       }
     ),
-    variant === "large" && status === "error" && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-xs text-sas-danger mt-2", "data-testid": `download-pack-error-${packId}`, children: errorMessage })
+    variant === "large" && status === "error" && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-xs text-sas-danger mt-2", "data-testid": `download-pack-error-${packId}`, children: errorMessage })
   ] });
 };
 
 // src/components/SamplePackCTACard.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var SamplePackCTACard = ({
   host,
   pack,
@@ -4946,7 +5344,7 @@ var SamplePackCTACard = ({
   onDownloadComplete
 }) => {
   if (status === "checking") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         "data-testid": `sample-pack-cta-checking-${pack.packId}`,
@@ -4957,16 +5355,16 @@ var SamplePackCTACard = ({
   }
   const headline = status === "stale" ? `${pack.displayName} update available` : `${pack.displayName} not installed`;
   const sublabel = status === "stale" ? `A newer version is available for download.` : pack.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       "data-testid": `sample-pack-cta-${pack.packId}`,
       className: "flex flex-col items-center justify-center py-12 px-6 text-center",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-sm uppercase tracking-wide text-sas-muted mb-2", children: status === "stale" ? "Update available" : "Sample library not installed" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-base text-sas-text mb-1", children: headline }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-xs text-sas-muted mb-6 max-w-md", children: sublabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "text-sm uppercase tracking-wide text-sas-muted mb-2", children: status === "stale" ? "Update available" : "Sample library not installed" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "text-base text-sas-text mb-1", children: headline }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "text-xs text-sas-muted mb-6 max-w-md", children: sublabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           DownloadPackButton,
           {
             host,
@@ -4983,7 +5381,7 @@ var SamplePackCTACard = ({
 };
 
 // src/components/WaveformView.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/waveform.ts
 function computePeaks(audioBuffer, bins, targetSamples) {
@@ -5046,7 +5444,7 @@ function drawWaveform(canvas, peaks, options = {}) {
 }
 
 // src/components/WaveformView.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var WaveformView = ({
   host,
   filePath,
@@ -5055,9 +5453,9 @@ var WaveformView = ({
   fillStyle,
   targetSamples
 }) => {
-  const canvasRef = (0, import_react22.useRef)(null);
-  const [peaks, setPeaks] = (0, import_react22.useState)(null);
-  (0, import_react22.useEffect)(() => {
+  const canvasRef = (0, import_react23.useRef)(null);
+  const [peaks, setPeaks] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     let cancelled = false;
     let audioContext = null;
     (async () => {
@@ -5083,7 +5481,7 @@ var WaveformView = ({
       cancelled = true;
     };
   }, [host, filePath, bins, targetSamples]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!peaks) return;
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -5094,7 +5492,7 @@ var WaveformView = ({
     observer.observe(canvas);
     return () => observer.disconnect();
   }, [peaks, fillStyle]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "canvas",
     {
       ref: canvasRef,
@@ -5105,8 +5503,8 @@ var WaveformView = ({
 };
 
 // src/components/ScrollingWaveform.tsx
-var import_react23 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react24 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var ScrollingWaveform = ({
   getPeakDb,
   active,
@@ -5114,11 +5512,11 @@ var ScrollingWaveform = ({
   className,
   fillStyle
 }) => {
-  const canvasRef = (0, import_react23.useRef)(null);
-  const ringRef = (0, import_react23.useRef)(new Float32Array(columns));
-  const writeIdxRef = (0, import_react23.useRef)(0);
-  const rafRef = (0, import_react23.useRef)(null);
-  (0, import_react23.useEffect)(() => {
+  const canvasRef = (0, import_react24.useRef)(null);
+  const ringRef = (0, import_react24.useRef)(new Float32Array(columns));
+  const writeIdxRef = (0, import_react24.useRef)(0);
+  const rafRef = (0, import_react24.useRef)(null);
+  (0, import_react24.useEffect)(() => {
     if (ringRef.current.length !== columns) {
       const next = new Float32Array(columns);
       const prev = ringRef.current;
@@ -5130,7 +5528,7 @@ var ScrollingWaveform = ({
       writeIdxRef.current = writeIdxRef.current % columns;
     }
   }, [columns]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!active) {
       if (rafRef.current !== null) {
         cancelAnimationFrame(rafRef.current);
@@ -5182,7 +5580,7 @@ var ScrollingWaveform = ({
       }
     };
   }, [active, getPeakDb, fillStyle]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "canvas",
     {
       ref: canvasRef,
@@ -5193,8 +5591,8 @@ var ScrollingWaveform = ({
 };
 
 // src/components/OffsetScrubber.tsx
-var import_react24 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var SLIDER_HEIGHT_PX = 28;
 var TICK_HEIGHT_PX = 14;
 var DOWNBEAT_TICK_HEIGHT_PX = 22;
@@ -5207,40 +5605,40 @@ function OffsetScrubber({
   onChange,
   disabled = false
 }) {
-  const trackRef = (0, import_react24.useRef)(null);
-  const [draftOffset, setDraftOffset] = (0, import_react24.useState)(offsetSamples);
-  const [isDragging, setIsDragging] = (0, import_react24.useState)(false);
-  (0, import_react24.useEffect)(() => {
+  const trackRef = (0, import_react25.useRef)(null);
+  const [draftOffset, setDraftOffset] = (0, import_react25.useState)(offsetSamples);
+  const [isDragging, setIsDragging] = (0, import_react25.useState)(false);
+  (0, import_react25.useEffect)(() => {
     if (!isDragging) setDraftOffset(offsetSamples);
   }, [offsetSamples, isDragging]);
   const sampleRate = cuePoints?.sample_rate ?? 44100;
   const detectedBpm = cuePoints?.detected_bpm ?? projectBpm;
-  const beatsForRange = (0, import_react24.useMemo)(() => {
+  const beatsForRange = (0, import_react25.useMemo)(() => {
     return Math.round(60 / projectBpm * sampleRate);
   }, [projectBpm, sampleRate]);
   const rangeSamples = beatsForRange * meter;
-  const sampleToFraction = (0, import_react24.useCallback)(
+  const sampleToFraction = (0, import_react25.useCallback)(
     (sample) => {
       const clamped = Math.max(-rangeSamples, Math.min(rangeSamples, sample));
       return (clamped + rangeSamples) / (2 * rangeSamples);
     },
     [rangeSamples]
   );
-  const fractionToSample = (0, import_react24.useCallback)(
+  const fractionToSample = (0, import_react25.useCallback)(
     (fraction) => {
       const clamped = Math.max(0, Math.min(1, fraction));
       return Math.round(clamped * 2 * rangeSamples - rangeSamples);
     },
     [rangeSamples]
   );
-  const snapTargets = (0, import_react24.useMemo)(() => {
+  const snapTargets = (0, import_react25.useMemo)(() => {
     if (!cuePoints || cuePoints.beats.length === 0) return [];
     const downbeat = cuePoints.beats[0];
     const positives = cuePoints.beats.map((b) => b - downbeat);
     const negatives = positives.slice(1).map((p) => -p);
     return [...negatives, ...positives].sort((a, b) => a - b);
   }, [cuePoints]);
-  const snapToBeat = (0, import_react24.useCallback)(
+  const snapToBeat = (0, import_react25.useCallback)(
     (sample) => {
       if (snapTargets.length === 0) return sample;
       let best = snapTargets[0];
@@ -5256,7 +5654,7 @@ function OffsetScrubber({
     },
     [snapTargets]
   );
-  const handlePointerDown = (0, import_react24.useCallback)(
+  const handlePointerDown = (0, import_react25.useCallback)(
     (e) => {
       if (disabled || !cuePoints) return;
       e.preventDefault();
@@ -5290,7 +5688,7 @@ function OffsetScrubber({
     },
     [disabled, cuePoints, fractionToSample, onChange, snapToBeat]
   );
-  const handleResetToZero = (0, import_react24.useCallback)(() => {
+  const handleResetToZero = (0, import_react25.useCallback)(() => {
     if (disabled) return;
     setDraftOffset(0);
     onChange(0);
@@ -5298,7 +5696,7 @@ function OffsetScrubber({
   const thumbFraction = sampleToFraction(draftOffset);
   const thumbLeftPct = `${(thumbFraction * 100).toFixed(2)}%`;
   const bpmMismatch = cuePoints?.detected_bpm != null && Math.abs(cuePoints.detected_bpm - projectBpm) > 1;
-  const ticks = (0, import_react24.useMemo)(() => {
+  const ticks = (0, import_react25.useMemo)(() => {
     if (!cuePoints) return [];
     const downbeat = cuePoints.beats[0] ?? 0;
     return cuePoints.beats.map((b, i) => {
@@ -5309,9 +5707,9 @@ function OffsetScrubber({
     });
   }, [cuePoints, sampleToFraction]);
   const isDisabled = disabled || !cuePoints || cuePoints.beats.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { "data-testid": "offset-scrubber", className: "flex items-center gap-2 w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[9px] text-sas-muted/60 uppercase tracking-wide flex-shrink-0", children: "Align" }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { "data-testid": "offset-scrubber", className: "flex items-center gap-2 w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-[9px] text-sas-muted/60 uppercase tracking-wide flex-shrink-0", children: "Align" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       {
         ref: trackRef,
@@ -5327,7 +5725,7 @@ function OffsetScrubber({
         "aria-valuenow": draftOffset,
         "aria-disabled": isDisabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "div",
             {
               "aria-hidden": "true",
@@ -5335,7 +5733,7 @@ function OffsetScrubber({
               style: { left: "50%" }
             }
           ),
-          ticks.map((t) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          ticks.map((t) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "div",
             {
               "data-testid": t.isDownbeat ? "offset-tick-downbeat" : "offset-tick",
@@ -5350,7 +5748,7 @@ function OffsetScrubber({
             },
             t.i
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "div",
             {
               "data-testid": "offset-scrubber-thumb",
@@ -5367,7 +5765,7 @@ function OffsetScrubber({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "span",
       {
         "data-testid": "offset-scrubber-readout",
@@ -5375,7 +5773,7 @@ function OffsetScrubber({
         children: formatOffset(draftOffset, sampleRate)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "button",
       {
         type: "button",
@@ -5387,7 +5785,7 @@ function OffsetScrubber({
         children: "\u2316"
       }
     ),
-    bpmMismatch && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    bpmMismatch && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "span",
       {
         "data-testid": "offset-bpm-mismatch",
@@ -5459,16 +5857,16 @@ function synthesizeCuePoints({
 }
 
 // src/panel-core/useGeneratorPanelCore.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/hooks/useSceneState.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 function useSceneState(activeSceneId, initialValue) {
-  const [stateMap, setStateMap] = (0, import_react25.useState)(() => /* @__PURE__ */ new Map());
-  const activeSceneIdRef = (0, import_react25.useRef)(activeSceneId);
+  const [stateMap, setStateMap] = (0, import_react26.useState)(() => /* @__PURE__ */ new Map());
+  const activeSceneIdRef = (0, import_react26.useRef)(activeSceneId);
   activeSceneIdRef.current = activeSceneId;
   const currentValue = activeSceneId !== null && stateMap.has(activeSceneId) ? stateMap.get(activeSceneId) : initialValue;
-  const setForCurrentScene = (0, import_react25.useCallback)((value) => {
+  const setForCurrentScene = (0, import_react26.useCallback)((value) => {
     const sid = activeSceneIdRef.current;
     if (sid === null) return;
     setStateMap((prev) => {
@@ -5479,7 +5877,7 @@ function useSceneState(activeSceneId, initialValue) {
       return newMap;
     });
   }, [initialValue]);
-  const setForScene = (0, import_react25.useCallback)((sceneId, value) => {
+  const setForScene = (0, import_react26.useCallback)((sceneId, value) => {
     setStateMap((prev) => {
       const current = prev.has(sceneId) ? prev.get(sceneId) : initialValue;
       const next = typeof value === "function" ? value(current) : value;
@@ -5492,10 +5890,10 @@ function useSceneState(activeSceneId, initialValue) {
 }
 
 // src/hooks/useAnySolo.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 function useAnySolo(host) {
-  const [anySolo, setAnySolo] = (0, import_react26.useState)(false);
-  (0, import_react26.useEffect)(() => {
+  const [anySolo, setAnySolo] = (0, import_react27.useState)(false);
+  (0, import_react27.useEffect)(() => {
     let active = true;
     const refresh = () => {
       host.isAnySoloActive().then((v) => {
@@ -5514,7 +5912,7 @@ function useAnySolo(host) {
 }
 
 // src/hooks/useSoundHistory.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 var EMPTY = { entries: [], cursor: -1 };
 function sameDescriptor(a, b) {
   if (a === b) return true;
@@ -5526,14 +5924,14 @@ function sameDescriptor(a, b) {
 }
 function useSoundHistory(applySound, opts = {}) {
   const max = Math.max(2, opts.max ?? 24);
-  const applyRef = (0, import_react27.useRef)(applySound);
+  const applyRef = (0, import_react28.useRef)(applySound);
   applyRef.current = applySound;
-  const onChangeRef = (0, import_react27.useRef)(opts.onChange);
+  const onChangeRef = (0, import_react28.useRef)(opts.onChange);
   onChangeRef.current = opts.onChange;
-  const dataRef = (0, import_react27.useRef)({});
-  const [, setVersion] = (0, import_react27.useState)(0);
-  const bump = (0, import_react27.useCallback)(() => setVersion((v) => v + 1), []);
-  const commit = (0, import_react27.useCallback)(
+  const dataRef = (0, import_react28.useRef)({});
+  const [, setVersion] = (0, import_react28.useState)(0);
+  const bump = (0, import_react28.useCallback)(() => setVersion((v) => v + 1), []);
+  const commit = (0, import_react28.useCallback)(
     (trackId, next, notify) => {
       dataRef.current = { ...dataRef.current, [trackId]: next };
       bump();
@@ -5541,7 +5939,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [bump]
   );
-  const record = (0, import_react27.useCallback)(
+  const record = (0, import_react28.useCallback)(
     (trackId, descriptor, label) => {
       const h = dataRef.current[trackId];
       const current = h && h.cursor >= 0 ? h.entries[h.cursor] : void 0;
@@ -5556,7 +5954,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [max, commit]
   );
-  const restoreTo = (0, import_react27.useCallback)(
+  const restoreTo = (0, import_react28.useCallback)(
     async (trackId, index) => {
       const h = dataRef.current[trackId];
       if (!h || index < 0 || index >= h.entries.length || index === h.cursor) return false;
@@ -5566,7 +5964,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [commit]
   );
-  const undo = (0, import_react27.useCallback)(
+  const undo = (0, import_react28.useCallback)(
     (trackId) => {
       const h = dataRef.current[trackId];
       if (!h || h.cursor <= 0) return Promise.resolve(false);
@@ -5574,7 +5972,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [restoreTo]
   );
-  const toggleFavorite = (0, import_react27.useCallback)(
+  const toggleFavorite = (0, import_react28.useCallback)(
     (trackId, index) => {
       const h = dataRef.current[trackId];
       if (!h || index < 0 || index >= h.entries.length) return;
@@ -5583,7 +5981,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [commit]
   );
-  const restore = (0, import_react27.useCallback)(
+  const restore = (0, import_react28.useCallback)(
     (trackId, state) => {
       const entries = Array.isArray(state?.entries) ? [...state.entries] : [];
       const raw = typeof state?.cursor === "number" ? state.cursor : entries.length - 1;
@@ -5592,15 +5990,15 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [commit]
   );
-  const list = (0, import_react27.useCallback)(
+  const list = (0, import_react28.useCallback)(
     (trackId) => dataRef.current[trackId] ?? EMPTY,
     []
   );
-  const canUndo = (0, import_react27.useCallback)((trackId) => {
+  const canUndo = (0, import_react28.useCallback)((trackId) => {
     const h = dataRef.current[trackId];
     return !!h && h.cursor > 0;
   }, []);
-  const clear = (0, import_react27.useCallback)(
+  const clear = (0, import_react28.useCallback)(
     (trackId) => {
       if (dataRef.current[trackId]) {
         const next = { ...dataRef.current };
@@ -5612,11 +6010,11 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [bump]
   );
-  const reset = (0, import_react27.useCallback)(() => {
+  const reset = (0, import_react28.useCallback)(() => {
     dataRef.current = {};
     bump();
   }, [bump]);
-  return (0, import_react27.useMemo)(
+  return (0, import_react28.useMemo)(
     () => ({ record, undo, restoreTo, list, canUndo, clear, reset, restore, toggleFavorite }),
     [record, undo, restoreTo, list, canUndo, clear, reset, restore, toggleFavorite]
   );
@@ -5749,7 +6147,7 @@ function resolveTrackGroups(parsedGroups, tracks, getDbId, opts = {}) {
 }
 
 // src/panel-core/useTransitionOps.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 function useTransitionOps({
   host,
   adapter,
@@ -5766,8 +6164,8 @@ function useTransitionOps({
   resolvedFades
 }) {
   const { identity } = adapter;
-  const appliedFadeAutomationRef = (0, import_react28.useRef)(/* @__PURE__ */ new Set());
-  const applyCrossfadeAutomation = (0, import_react28.useCallback)(
+  const appliedFadeAutomationRef = (0, import_react29.useRef)(/* @__PURE__ */ new Set());
+  const applyCrossfadeAutomation = (0, import_react29.useCallback)(
     async (originTrackId, targetTrackId, bars, bpm, sliderPos) => {
       if (host.setTrackVolumeAutomation) {
         const curves = buildCrossfadeVolumeCurves(bars, bpm, sliderPos);
@@ -5784,7 +6182,7 @@ function useTransitionOps({
     },
     [host]
   );
-  const applyFadeAutomation = (0, import_react28.useCallback)(
+  const applyFadeAutomation = (0, import_react29.useCallback)(
     async (trackId, direction, bars, bpm, sliderPos, gesture) => {
       if (!host.setTrackVolumeAutomation) return;
       const points = buildFadeVolumeCurve(bars, bpm, direction, sliderPos, gesture);
@@ -5793,8 +6191,25 @@ function useTransitionOps({
     },
     [host]
   );
-  const [isCreatingCrossfade, setIsCreatingCrossfade] = (0, import_react28.useState)(false);
-  const handleCreateCrossfade = (0, import_react28.useCallback)(
+  const copyTrackFx = (0, import_react29.useCallback)(
+    async (newTrackId, sourceDbId) => {
+      if (typeof host.copyTrackFxFrom !== "function") return;
+      try {
+        const res = await host.copyTrackFxFrom(newTrackId, sourceDbId);
+        if (res.externalMissing.length > 0) {
+          host.showToast(
+            "warning",
+            "Some FX not copied",
+            `Missing plugin(s): ${res.externalMissing.join(", ")}`
+          );
+        }
+      } catch {
+      }
+    },
+    [host]
+  );
+  const [isCreatingCrossfade, setIsCreatingCrossfade] = (0, import_react29.useState)(false);
+  const handleCreateCrossfade = (0, import_react29.useCallback)(
     async (origin, target) => {
       const scene = activeSceneId;
       const fromSceneId = sceneContext?.transitionFromSceneId ?? "";
@@ -5871,6 +6286,8 @@ function useTransitionOps({
         };
         const originLabel = await copySound(top.id, origin.dbId);
         const targetLabel = await copySound(bottom.id, target.dbId);
+        await copyTrackFx(top.id, origin.dbId);
+        await copyTrackFx(bottom.id, target.dbId);
         await applyCrossfadeAutomation(top.id, bottom.id, mc.bars, mc.bpm, 0.5);
         const groupId = top.dbId;
         const originMeta = {
@@ -5922,8 +6339,9 @@ function useTransitionOps({
       loadTracks
     ]
   );
-  const [isCreatingFade, setIsCreatingFade] = (0, import_react28.useState)(false);
-  const handleCreateFade = (0, import_react28.useCallback)(
+  const [isCreatingGroupFade, setIsCreatingGroupFade] = (0, import_react29.useState)(false);
+  const [isCreatingFade, setIsCreatingFade] = (0, import_react29.useState)(false);
+  const handleCreateFade = (0, import_react29.useCallback)(
     async (selection, direction, gesture) => {
       const scene = activeSceneId;
       const fromSceneId = sceneContext?.transitionFromSceneId ?? "";
@@ -5990,6 +6408,7 @@ function useTransitionOps({
             soundLabel = await adapter.sound.copySnapshot(track.id, snap);
           }
         }
+        await copyTrackFx(track.id, selection.dbId);
         await applyFadeAutomation(track.id, direction, mc.bars, mc.bpm, 0.5, gesture);
         appliedFadeAutomationRef.current.add(track.id);
         const meta = {
@@ -6033,7 +6452,7 @@ function useTransitionOps({
       loadTracks
     ]
   );
-  const handleCrossfadeMute = (0, import_react28.useCallback)(
+  const handleCrossfadeMute = (0, import_react29.useCallback)(
     (pair) => {
       const newMuted = !pair.origin.runtimeState.muted;
       for (const id of [pair.origin.handle.id, pair.target.handle.id]) {
@@ -6048,7 +6467,7 @@ function useTransitionOps({
     },
     [host, setTracks]
   );
-  const handleCrossfadeSolo = (0, import_react28.useCallback)(
+  const handleCrossfadeSolo = (0, import_react29.useCallback)(
     (pair) => {
       const newSolo = !pair.origin.runtimeState.solo;
       for (const id of [pair.origin.handle.id, pair.target.handle.id]) {
@@ -6063,7 +6482,7 @@ function useTransitionOps({
     },
     [host, setTracks]
   );
-  const handleCrossfadeDelete = (0, import_react28.useCallback)(
+  const handleCrossfadeDelete = (0, import_react29.useCallback)(
     async (pair) => {
       try {
         for (const member of [pair.origin, pair.target]) {
@@ -6089,8 +6508,8 @@ function useTransitionOps({
     },
     [host, activeSceneId, setCrossfadePairsMeta, setTracks]
   );
-  const crossfadeSliderTimers = (0, import_react28.useRef)({});
-  const handleCrossfadeSlider = (0, import_react28.useCallback)(
+  const crossfadeSliderTimers = (0, import_react29.useRef)({});
+  const handleCrossfadeSlider = (0, import_react29.useCallback)(
     (pair, pos) => {
       setCrossfadePairsMeta(
         (prev) => prev.map((p) => p.groupId === pair.groupId ? { ...p, sliderPos: pos } : p)
@@ -6123,7 +6542,7 @@ function useTransitionOps({
     },
     [host, activeSceneId, applyCrossfadeAutomation, setCrossfadePairsMeta]
   );
-  const handleFadeDelete = (0, import_react28.useCallback)(
+  const handleFadeDelete = (0, import_react29.useCallback)(
     async (fade) => {
       try {
         await host.deleteTrack(fade.track.handle.id);
@@ -6143,8 +6562,8 @@ function useTransitionOps({
     },
     [host, activeSceneId, setFadesMeta, setTracks]
   );
-  const fadeSliderTimers = (0, import_react28.useRef)({});
-  const handleFadeSlider = (0, import_react28.useCallback)(
+  const fadeSliderTimers = (0, import_react29.useRef)({});
+  const handleFadeSlider = (0, import_react29.useCallback)(
     (fade, pos) => {
       setFadesMeta(
         (prev) => prev.map((f) => f.dbId === fade.dbId ? { ...f, meta: { ...f.meta, sliderPos: pos } } : f)
@@ -6174,8 +6593,190 @@ function useTransitionOps({
     },
     [host, activeSceneId, applyFadeAutomation, setFadesMeta]
   );
-  const lastResyncKeyRef = (0, import_react28.useRef)("");
-  (0, import_react28.useEffect)(() => {
+  const handleCreateVerbatimGroupFade = (0, import_react29.useCallback)(
+    async (subject, direction) => {
+      const groupAdapter = adapter.transitionGroup;
+      if (!groupAdapter) throw new Error("This panel does not support group fades.");
+      const scene = activeSceneId;
+      const fromSceneId = sceneContext?.transitionFromSceneId ?? "";
+      const toSceneId = sceneContext?.transitionToSceneId ?? "";
+      if (!scene) throw new Error("No active scene.");
+      if (!isConnected) throw new Error("Systems not connected.");
+      const sourceSceneId = direction === "out" ? fromSceneId : toSceneId;
+      const members = await groupAdapter.expandSubject(sourceSceneId, subject.dbId);
+      if (members.length === 0) {
+        throw new Error("Nothing to fade \u2014 the source group has no members.");
+      }
+      if (tracks.length + members.length > identity.maxTracks) {
+        throw new Error(`Not enough track slots for this fade (needs ${members.length}).`);
+      }
+      setIsCreatingGroupFade(true);
+      const created = [];
+      try {
+        const mc = await host.getMusicalContext();
+        const sliderPos = groupAdapter.defaultSliderPos?.(direction) ?? 0.5;
+        const gesture = "volume";
+        const clipEnd = mc.bars * 4 * 60 / mc.bpm;
+        const maxBeats = mc.bars * 4;
+        for (const member of members) {
+          const handle = await host.createTrack({
+            name: `${identity.trackNamePrefix}-${Date.now()}-fade-${direction}-v${member.memberIndex}`,
+            ...adapter.createTrackOptions()
+          });
+          created.push({ handle, member, soundLabel: "default" });
+          const role = member.role ?? subject.role ?? "";
+          if (role) await host.setTrackRole(handle.id, role).catch(() => {
+          });
+          const srcMidi = host.readImportableTrackMidi ? await host.readImportableTrackMidi(member.dbId) : { clips: [] };
+          const srcNotes = srcMidi.clips[0]?.notes ?? [];
+          const notes = srcNotes.filter((n) => n.startBeat < maxBeats).map((n) => ({
+            ...n,
+            durationBeats: Math.min(n.durationBeats, maxBeats - n.startBeat)
+          }));
+          if (notes.length > 0) {
+            const clip = { startTime: 0, endTime: clipEnd, tempo: mc.bpm, notes };
+            await host.writeMidiClip(handle.id, clip);
+          }
+          if (host.getTrackSound) {
+            const snap = await host.getTrackSound(member.dbId);
+            if (snap && snap.kind === adapter.sound.acceptedSnapshotKind) {
+              created[created.length - 1].soundLabel = await adapter.sound.copySnapshot(
+                handle.id,
+                snap
+              );
+            }
+          }
+          await copyTrackFx(handle.id, member.dbId);
+          await applyFadeAutomation(handle.id, direction, mc.bars, mc.bpm, sliderPos, gesture);
+          appliedFadeAutomationRef.current.add(handle.id);
+        }
+        const groupId = created[0].handle.dbId;
+        for (const { handle, member, soundLabel } of created) {
+          const meta = {
+            direction,
+            gesture,
+            sourceTrackDbId: member.dbId,
+            sourceSceneId,
+            sourceName: member.name,
+            soundLabel,
+            sliderPos,
+            groupId,
+            memberIndex: member.memberIndex,
+            memberLabel: member.memberLabel
+          };
+          await host.setSceneData(scene, `track:${handle.dbId}:fade`, meta);
+        }
+        await groupAdapter.writeGroupMetas(
+          scene,
+          created.map(({ handle, member }) => ({ newDbId: handle.dbId, member })),
+          groupId
+        );
+        await loadTracks(true);
+        host.showToast(
+          "success",
+          direction === "in" ? "Fade in created" : "Fade out created",
+          subject.name
+        );
+      } catch (err) {
+        for (const { handle } of [...created].reverse()) {
+          try {
+            await host.deleteTrack(handle.id);
+          } catch {
+          }
+          await host.deleteSceneData(scene, `track:${handle.dbId}:fade`).catch(() => {
+          });
+          for (const suffix of groupAdapter.cleanupKeySuffixes) {
+            await host.deleteSceneData(scene, `track:${handle.dbId}:${suffix}`).catch(() => {
+            });
+          }
+        }
+        throw err instanceof Error ? err : new Error(String(err));
+      } finally {
+        setIsCreatingGroupFade(false);
+      }
+    },
+    [
+      host,
+      adapter,
+      identity,
+      activeSceneId,
+      isConnected,
+      tracks.length,
+      sceneContext,
+      applyFadeAutomation,
+      copyTrackFx,
+      loadTracks
+    ]
+  );
+  const groupFadeSliderTimers = (0, import_react29.useRef)({});
+  const handleGroupFadeSlider = (0, import_react29.useCallback)(
+    (group, pos) => {
+      setFadesMeta(
+        (prev) => prev.map(
+          (f) => f.meta.groupId === group.groupId ? { ...f, meta: { ...f.meta, sliderPos: pos } } : f
+        )
+      );
+      if (groupFadeSliderTimers.current[group.groupId]) {
+        clearTimeout(groupFadeSliderTimers.current[group.groupId]);
+      }
+      groupFadeSliderTimers.current[group.groupId] = setTimeout(() => {
+        void (async () => {
+          const mc = await host.getMusicalContext();
+          const sceneData = activeSceneId ? await host.getAllSceneData(activeSceneId) : null;
+          for (const member of group.members) {
+            await applyFadeAutomation(
+              member.track.handle.id,
+              group.direction,
+              mc.bars,
+              mc.bpm,
+              pos,
+              group.gesture
+            );
+            if (activeSceneId && sceneData) {
+              const meta = asFadeMeta(sceneData[`track:${member.dbId}:fade`]);
+              if (meta) {
+                host.setSceneData(activeSceneId, `track:${member.dbId}:fade`, {
+                  ...meta,
+                  sliderPos: pos
+                }).catch(() => {
+                });
+              }
+            }
+          }
+        })();
+      }, 200);
+    },
+    [host, activeSceneId, applyFadeAutomation, setFadesMeta]
+  );
+  const handleGroupFadeDelete = (0, import_react29.useCallback)(
+    async (group) => {
+      const suffixes = ["fade", ...adapter.transitionGroup?.cleanupKeySuffixes ?? []];
+      try {
+        for (const member of group.members) {
+          await host.deleteTrack(member.track.handle.id);
+          if (activeSceneId) {
+            for (const suffix of suffixes) {
+              await host.deleteSceneData(activeSceneId, `track:${member.dbId}:${suffix}`).catch(() => {
+              });
+            }
+          }
+        }
+        setFadesMeta((prev) => prev.filter((f) => f.meta.groupId !== group.groupId));
+        const gone = new Set(group.members.map((m) => m.track.handle.id));
+        setTracks((prev) => prev.filter((t) => !gone.has(t.handle.id)));
+        host.showToast("success", "Fade removed");
+      } catch (err) {
+        host.showToast(
+          "error",
+          "Failed to delete fade",
+          err instanceof Error ? err.message : String(err)
+        );
+      }
+    },
+    [host, adapter, activeSceneId, setFadesMeta, setTracks]
+  );
+  const lastResyncKeyRef = (0, import_react29.useRef)("");
+  (0, import_react29.useEffect)(() => {
     if (!host.getTrackSound || resolvedCrossfadePairs.length === 0 && resolvedFades.length === 0) {
       return;
     }
@@ -6216,7 +6817,7 @@ function useTransitionOps({
       cancelled = true;
     };
   }, [resolvedCrossfadePairs, resolvedFades, host, adapter]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!host.setTrackVolumeAutomation || resolvedFades.length === 0) return;
     void (async () => {
       const mc = await host.getMusicalContext();
@@ -6245,12 +6846,16 @@ function useTransitionOps({
     handleCrossfadeDelete,
     handleCrossfadeSlider,
     handleFadeDelete,
-    handleFadeSlider
+    handleFadeSlider,
+    isCreatingGroupFade,
+    handleCreateVerbatimGroupFade,
+    handleGroupFadeSlider,
+    handleGroupFadeDelete
   };
 }
 
 // src/panel-core/useGeneratorPanelCore.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var EMPTY_PLACEHOLDERS = [];
 function useGeneratorPanelCore({
   ui,
@@ -6270,8 +6875,8 @@ function useGeneratorPanelCore({
   } = ui;
   const { identity, features } = adapter;
   const logTag = identity.logTag;
-  const adapterRef = (0, import_react29.useRef)(adapter);
-  (0, import_react29.useEffect)(() => {
+  const adapterRef = (0, import_react30.useRef)(adapter);
+  (0, import_react30.useEffect)(() => {
     if (adapterRef.current !== adapter) {
       adapterRef.current = adapter;
       console.warn(
@@ -6281,27 +6886,27 @@ function useGeneratorPanelCore({
   }, [adapter, logTag]);
   const supportsMeters = typeof host.getTrackLevels === "function";
   const trackLevels = useTrackLevels(host, isExpanded);
-  const [tracks, setTracks] = (0, import_react29.useState)([]);
-  const [isLoadingTracks, setIsLoadingTracks] = (0, import_react29.useState)(false);
-  const [importOpen, setImportOpen] = (0, import_react29.useState)(false);
-  const [soundImportTarget, setSoundImportTarget] = (0, import_react29.useState)(null);
-  const [designerView, setDesignerView] = (0, import_react29.useState)(false);
-  const [transitionSourceTotal, setTransitionSourceTotal] = (0, import_react29.useState)(0);
-  const [crossfadePairsMeta, setCrossfadePairsMeta] = (0, import_react29.useState)([]);
-  const [fadesMeta, setFadesMeta] = (0, import_react29.useState)([]);
-  const [genericGroupMetas, setGenericGroupMetas] = (0, import_react29.useState)({});
+  const [tracks, setTracks] = (0, import_react30.useState)([]);
+  const [isLoadingTracks, setIsLoadingTracks] = (0, import_react30.useState)(false);
+  const [importOpen, setImportOpen] = (0, import_react30.useState)(false);
+  const [soundImportTarget, setSoundImportTarget] = (0, import_react30.useState)(null);
+  const [designerView, setDesignerView] = (0, import_react30.useState)(false);
+  const [transitionSourceTotal, setTransitionSourceTotal] = (0, import_react30.useState)(0);
+  const [crossfadePairsMeta, setCrossfadePairsMeta] = (0, import_react30.useState)([]);
+  const [fadesMeta, setFadesMeta] = (0, import_react30.useState)([]);
+  const [genericGroupMetas, setGenericGroupMetas] = (0, import_react30.useState)({});
   const [isComposing, , setIsComposingForScene] = useSceneState(activeSceneId, false);
   const [placeholders, , setPlaceholdersForScene] = useSceneState(
     activeSceneId,
     EMPTY_PLACEHOLDERS
   );
-  const saveTimeoutRefs = (0, import_react29.useRef)({});
-  const editLoadStartedRef = (0, import_react29.useRef)(/* @__PURE__ */ new Set());
-  const [availableInstruments, setAvailableInstruments] = (0, import_react29.useState)([]);
-  const [instrumentsLoading, setInstrumentsLoading] = (0, import_react29.useState)(false);
-  const engineToDbIdRef = (0, import_react29.useRef)(/* @__PURE__ */ new Map());
-  const tracksLoadedForSceneRef = (0, import_react29.useRef)(null);
-  const persistSoundHistory = (0, import_react29.useCallback)(
+  const saveTimeoutRefs = (0, import_react30.useRef)({});
+  const editLoadStartedRef = (0, import_react30.useRef)(/* @__PURE__ */ new Set());
+  const [availableInstruments, setAvailableInstruments] = (0, import_react30.useState)([]);
+  const [instrumentsLoading, setInstrumentsLoading] = (0, import_react30.useState)(false);
+  const engineToDbIdRef = (0, import_react30.useRef)(/* @__PURE__ */ new Map());
+  const tracksLoadedForSceneRef = (0, import_react30.useRef)(null);
+  const persistSoundHistory = (0, import_react30.useCallback)(
     (trackId, state) => {
       if (!activeSceneId) return;
       const dbId = engineToDbIdRef.current.get(trackId) ?? trackId;
@@ -6321,7 +6926,7 @@ function useGeneratorPanelCore({
     setItems: setTracks,
     getId: (t) => t.handle.dbId
   });
-  const loadTracks = (0, import_react29.useCallback)(
+  const loadTracks = (0, import_react30.useCallback)(
     async (incremental = false) => {
       const sceneAtStart = activeSceneId;
       if (!sceneAtStart) {
@@ -6446,18 +7051,18 @@ function useGeneratorPanelCore({
     },
     [host, activeSceneId, soundHistory, adapter, logTag]
   );
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     loadTracks();
   }, [loadTracks]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const t of tracks) {
       map.set(t.handle.id, t.handle.dbId);
     }
     engineToDbIdRef.current = map;
   }, [tracks]);
-  const loadedCompletedIdsRef = (0, import_react29.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react29.useEffect)(() => {
+  const loadedCompletedIdsRef = (0, import_react30.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react30.useEffect)(() => {
     if (placeholders.length === 0) {
       loadedCompletedIdsRef.current.clear();
       return;
@@ -6476,16 +7081,16 @@ function useGeneratorPanelCore({
       loadTracks(true);
     }
   }, [placeholders, loadTracks, logTag]);
-  const adoptAndLoad = (0, import_react29.useCallback)(() => {
+  const adoptAndLoad = (0, import_react30.useCallback)(() => {
     loadTracks(true);
   }, [loadTracks]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const unsub = host.onEngineReady(() => {
       adoptAndLoad();
     });
     return unsub;
   }, [host, adoptAndLoad]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (typeof host.onAfterAgentMutation !== "function") return;
     let timer = null;
     const unsub = host.onAfterAgentMutation(() => {
@@ -6500,13 +7105,13 @@ function useGeneratorPanelCore({
       if (timer) clearTimeout(timer);
     };
   }, [host, loadTracks]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const unsub = host.onTrackStateChange((trackId, state) => {
       setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, runtimeState: state } : t));
     });
     return unsub;
   }, [host]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!features.bulkComposePlaceholders) return;
     console.log(`[${logTag}] Subscribing to composeProgress`);
     const unsub = host.onComposeProgress((event) => {
@@ -6540,7 +7145,7 @@ function useGeneratorPanelCore({
     });
     return unsub;
   }, [host, setIsComposingForScene, setPlaceholdersForScene, features.bulkComposePlaceholders, logTag]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const refs = saveTimeoutRefs;
     return () => {
       for (const timeout of Object.values(refs.current)) {
@@ -6548,9 +7153,9 @@ function useGeneratorPanelCore({
       }
     };
   }, []);
-  const isAddingTrackRef = (0, import_react29.useRef)(false);
-  const [isAddingTrack, setIsAddingTrack] = (0, import_react29.useState)(false);
-  const handleAddTrack = (0, import_react29.useCallback)(async () => {
+  const isAddingTrackRef = (0, import_react30.useRef)(false);
+  const [isAddingTrack, setIsAddingTrack] = (0, import_react30.useState)(false);
+  const handleAddTrack = (0, import_react30.useCallback)(async () => {
     if (isAddingTrackRef.current) return;
     if (!activeSceneId) {
       host.showToast("warning", "Select SCENE");
@@ -6590,7 +7195,7 @@ function useGeneratorPanelCore({
       setIsAddingTrack(false);
     }
   }, [host, adapter, identity, activeSceneId, isConnected, isAuthenticated, tracks.length, onExpandSelf]);
-  const handlePortTrack = (0, import_react29.useCallback)(
+  const handlePortTrack = (0, import_react30.useCallback)(
     async (sel) => {
       if (!activeSceneId) {
         host.showToast("warning", "Select SCENE");
@@ -6647,7 +7252,7 @@ function useGeneratorPanelCore({
     },
     [host, adapter, identity, activeSceneId, isConnected, tracks.length, loadTracks]
   );
-  const handleSoundImportPick = (0, import_react29.useCallback)(
+  const handleSoundImportPick = (0, import_react30.useCallback)(
     async (sel) => {
       const target = soundImportTarget;
       if (!target || !host.getTrackSound) {
@@ -6678,8 +7283,8 @@ function useGeneratorPanelCore({
     },
     [soundImportTarget, host, adapter, identity.familyKey, soundHistory]
   );
-  const [isExportingMidi, setIsExportingMidi] = (0, import_react29.useState)(false);
-  const handleExportMidi = (0, import_react29.useCallback)(async () => {
+  const [isExportingMidi, setIsExportingMidi] = (0, import_react30.useState)(false);
+  const handleExportMidi = (0, import_react30.useCallback)(async () => {
     if (isExportingMidi) return;
     setIsExportingMidi(true);
     try {
@@ -6710,10 +7315,10 @@ function useGeneratorPanelCore({
   const xfFromId = sceneContext?.transitionFromSceneId ?? null;
   const xfToId = sceneContext?.transitionToSceneId ?? null;
   const canCrossfade = features.transitionDesigner && sceneContext?.sceneType === "transition" && !!xfFromId && !!xfToId && !!host.listSceneFamilyTracks;
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!canCrossfade) setDesignerView(false);
   }, [canCrossfade]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!canCrossfade || !xfFromId || !xfToId || !host.listSceneFamilyTracks) {
       setTransitionSourceTotal(0);
       return;
@@ -6729,12 +7334,12 @@ function useGeneratorPanelCore({
     };
   }, [canCrossfade, xfFromId, xfToId, host]);
   const transitionDone = crossfadePairsMeta.length * 2 + fadesMeta.length;
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!onHeaderContent) return;
     const addDisabled = needsContract || !isConnected || !activeSceneId || tracks.length >= identity.maxTracks || isAddingTrack;
     onHeaderContent(
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-1 items-center", children: [
-        features.importTracks && (!canCrossfade || !designerView) && host.listImportableTracks && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-1 items-center", children: [
+        features.importTracks && (!canCrossfade || !designerView) && host.listImportableTracks && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             "data-testid": `import-from-scene-${identity.familyKey}-button`,
@@ -6748,7 +7353,7 @@ function useGeneratorPanelCore({
             children: identity.importTrackLabel ?? "Import Track"
           }
         ),
-        (!canCrossfade || !designerView) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        (!canCrossfade || !designerView) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             "data-testid": `add-${identity.familyKey}-track-button`,
@@ -6764,7 +7369,7 @@ function useGeneratorPanelCore({
             children: identity.addTrackLabel ?? "Add Track"
           }
         ),
-        canCrossfade && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        canCrossfade && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           "button",
           {
             "data-testid": `${identity.familyKey}-view-toggle`,
@@ -6783,7 +7388,7 @@ function useGeneratorPanelCore({
             title: designerView ? "Back to the track list" : "Open the transition designer",
             className: "relative overflow-hidden px-2 py-0.5 text-[10px] font-medium rounded-sm border border-sas-accent/40 text-sas-accent transition-colors hover:border-sas-accent disabled:opacity-50",
             children: [
-              transitionSourceTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              transitionSourceTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 "span",
                 {
                   className: "absolute inset-y-0 left-0 bg-sas-accent/25",
@@ -6791,7 +7396,7 @@ function useGeneratorPanelCore({
                   "aria-hidden": true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "relative", children: [
                 "\u21C4 ",
                 designerView ? "Transition" : "Tracks",
                 transitionSourceTotal > 0 ? ` ${transitionDone}/${transitionSourceTotal}` : ""
@@ -6822,7 +7427,7 @@ function useGeneratorPanelCore({
     identity,
     features.importTracks
   ]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!onLoading) return;
     const anyGenerating = tracks.some((t) => t.isGenerating);
     onLoading(isLoadingTracks || anyGenerating || isBulkActive);
@@ -6830,7 +7435,7 @@ function useGeneratorPanelCore({
       onLoading(false);
     };
   }, [onLoading, isLoadingTracks, tracks, isBulkActive]);
-  const handleDeleteTrack = (0, import_react29.useCallback)(
+  const handleDeleteTrack = (0, import_react30.useCallback)(
     async (trackId) => {
       try {
         await host.deleteTrack(trackId);
@@ -6846,7 +7451,7 @@ function useGeneratorPanelCore({
     },
     [host, activeSceneId]
   );
-  const handlePromptChange = (0, import_react29.useCallback)(
+  const handlePromptChange = (0, import_react30.useCallback)(
     (trackId, prompt) => {
       setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, prompt } : t));
       const dbId = engineToDbIdRef.current.get(trackId) ?? trackId;
@@ -6862,7 +7467,7 @@ function useGeneratorPanelCore({
     },
     [host, activeSceneId]
   );
-  const resolvedGenericGroups = (0, import_react29.useMemo)(() => {
+  const resolvedGenericGroups = (0, import_react30.useMemo)(() => {
     const out = {};
     for (const ext of adapter.groupExtensions ?? []) {
       out[ext.metaKey] = resolveTrackGroups(
@@ -6876,18 +7481,18 @@ function useGeneratorPanelCore({
     }
     return out;
   }, [adapter, genericGroupMetas, tracks]);
-  const genericGroupMemberDbIds = (0, import_react29.useMemo)(() => {
+  const genericGroupMemberDbIds = (0, import_react30.useMemo)(() => {
     const s = /* @__PURE__ */ new Set();
     for (const r of Object.values(resolvedGenericGroups)) {
       for (const dbId of r.memberDbIds) s.add(dbId);
     }
     return s;
   }, [resolvedGenericGroups]);
-  const engineToDbId = (0, import_react29.useCallback)(
+  const engineToDbId = (0, import_react30.useCallback)(
     (trackId) => engineToDbIdRef.current.get(trackId) ?? trackId,
     []
   );
-  const updateTrack = (0, import_react29.useCallback)(
+  const updateTrack = (0, import_react30.useCallback)(
     (trackId, patch) => {
       setTracks(
         (prev) => prev.map(
@@ -6897,18 +7502,18 @@ function useGeneratorPanelCore({
     },
     []
   );
-  const markEditLoaded = (0, import_react29.useCallback)((trackId) => {
+  const markEditLoaded = (0, import_react30.useCallback)((trackId) => {
     editLoadStartedRef.current.add(trackId);
   }, []);
-  const tracksRef = (0, import_react29.useRef)(tracks);
-  (0, import_react29.useEffect)(() => {
+  const tracksRef = (0, import_react30.useRef)(tracks);
+  (0, import_react30.useEffect)(() => {
     tracksRef.current = tracks;
   }, [tracks]);
-  const resolvedGenericGroupsRef = (0, import_react29.useRef)(resolvedGenericGroups);
-  (0, import_react29.useEffect)(() => {
+  const resolvedGenericGroupsRef = (0, import_react30.useRef)(resolvedGenericGroups);
+  (0, import_react30.useEffect)(() => {
     resolvedGenericGroupsRef.current = resolvedGenericGroups;
   }, [resolvedGenericGroups]);
-  const makeServices = (0, import_react29.useCallback)(() => {
+  const makeServices = (0, import_react30.useCallback)(() => {
     return {
       host,
       activeSceneId,
@@ -6927,7 +7532,7 @@ function useGeneratorPanelCore({
       resolvedGroups: (metaKey) => resolvedGenericGroupsRef.current[metaKey]?.resolved ?? []
     };
   }, [host, activeSceneId, updateTrack, loadTracks, soundHistory, engineToDbId, markEditLoaded, identity, adapter]);
-  const handleGenerate = (0, import_react29.useCallback)(
+  const handleGenerate = (0, import_react30.useCallback)(
     async (trackId) => {
       const track = tracks.find((t) => t.handle.id === trackId);
       if (!track || !track.prompt.trim()) return;
@@ -6954,7 +7559,7 @@ function useGeneratorPanelCore({
     },
     [host, adapter, tracks, isAuthenticated, makeServices]
   );
-  const handleMuteToggle = (0, import_react29.useCallback)(
+  const handleMuteToggle = (0, import_react30.useCallback)(
     (trackId) => {
       const track = tracks.find((t) => t.handle.id === trackId);
       if (!track) return;
@@ -6974,7 +7579,7 @@ function useGeneratorPanelCore({
     },
     [host, tracks]
   );
-  const handleSoloToggle = (0, import_react29.useCallback)(
+  const handleSoloToggle = (0, import_react30.useCallback)(
     (trackId) => {
       const track = tracks.find((t) => t.handle.id === trackId);
       if (!track) return;
@@ -6994,7 +7599,7 @@ function useGeneratorPanelCore({
     },
     [host, tracks]
   );
-  const handleVolumeChange = (0, import_react29.useCallback)(
+  const handleVolumeChange = (0, import_react30.useCallback)(
     (trackId, volume) => {
       setTracks(
         (prev) => prev.map((t) => t.handle.id === trackId ? { ...t, runtimeState: { ...t.runtimeState, volume } } : t)
@@ -7004,7 +7609,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handlePanChange = (0, import_react29.useCallback)(
+  const handlePanChange = (0, import_react30.useCallback)(
     (trackId, pan) => {
       setTracks(
         (prev) => prev.map((t) => t.handle.id === trackId ? { ...t, runtimeState: { ...t.runtimeState, pan } } : t)
@@ -7014,7 +7619,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleShuffle = (0, import_react29.useCallback)(
+  const handleShuffle = (0, import_react30.useCallback)(
     async (trackId) => {
       const track = tracks.find((t) => t.handle.id === trackId);
       if (!track) return;
@@ -7056,7 +7661,7 @@ function useGeneratorPanelCore({
     },
     [host, adapter, tracks, soundHistory, logTag]
   );
-  const handleCopy = (0, import_react29.useCallback)(
+  const handleCopy = (0, import_react30.useCallback)(
     async (trackId) => {
       try {
         const newHandle = await host.duplicateTrack(trackId);
@@ -7069,7 +7674,7 @@ function useGeneratorPanelCore({
     },
     [host, loadTracks]
   );
-  const handleFxToggle = (0, import_react29.useCallback)(
+  const handleFxToggle = (0, import_react30.useCallback)(
     (trackId, category, enabled) => {
       setTracks(
         (prev) => prev.map(
@@ -7092,7 +7697,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleFxPresetChange = (0, import_react29.useCallback)(
+  const handleFxPresetChange = (0, import_react30.useCallback)(
     (trackId, category, presetIndex) => {
       setTracks(
         (prev) => prev.map(
@@ -7118,7 +7723,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleFxDryWetChange = (0, import_react29.useCallback)(
+  const handleFxDryWetChange = (0, import_react30.useCallback)(
     (trackId, category, value) => {
       setTracks(
         (prev) => prev.map(
@@ -7130,7 +7735,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const toggleFxDrawer = (0, import_react29.useCallback)(
+  const toggleFxDrawer = (0, import_react30.useCallback)(
     (trackId) => {
       setTracks(
         (prev) => prev.map((t) => {
@@ -7152,7 +7757,7 @@ function useGeneratorPanelCore({
     },
     [host, tracks]
   );
-  const loadEditNotes = (0, import_react29.useCallback)(
+  const loadEditNotes = (0, import_react30.useCallback)(
     async (trackId) => {
       try {
         const mc = await host.getMusicalContext();
@@ -7170,7 +7775,7 @@ function useGeneratorPanelCore({
     },
     [host, logTag]
   );
-  const handleNotesChange = (0, import_react29.useCallback)(
+  const handleNotesChange = (0, import_react30.useCallback)(
     (trackId, notes) => {
       setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, editNotes: notes } : t));
       const key = `edit:${trackId}`;
@@ -7200,7 +7805,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleTabChange = (0, import_react29.useCallback)(
+  const handleTabChange = (0, import_react30.useCallback)(
     (trackId, tab) => {
       setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, drawerOpen: true, drawerTab: tab } : t));
       if (tab === "fx") {
@@ -7225,10 +7830,10 @@ function useGeneratorPanelCore({
     },
     [host, availableInstruments.length, instrumentsLoading, loadEditNotes]
   );
-  const handleProgressChange = (0, import_react29.useCallback)((trackId, pct) => {
+  const handleProgressChange = (0, import_react30.useCallback)((trackId, pct) => {
     setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, generationProgress: pct } : t));
   }, []);
-  const handleToggleDrawer = (0, import_react29.useCallback)((trackId) => {
+  const handleToggleDrawer = (0, import_react30.useCallback)((trackId) => {
     setTracks(
       (prev) => prev.map((t) => {
         if (t.handle.id !== trackId) return t;
@@ -7237,7 +7842,7 @@ function useGeneratorPanelCore({
       })
     );
   }, []);
-  const handleInstrumentSelect = (0, import_react29.useCallback)(
+  const handleInstrumentSelect = (0, import_react30.useCallback)(
     async (trackId, pluginId) => {
       const isDefaultInstrument = pluginId === (identity.defaultInstrumentPluginId ?? "Surge XT");
       if (isDefaultInstrument) {
@@ -7290,7 +7895,7 @@ function useGeneratorPanelCore({
     },
     [host, identity.defaultInstrumentPluginId, logTag]
   );
-  const handleShowEditor = (0, import_react29.useCallback)(
+  const handleShowEditor = (0, import_react30.useCallback)(
     async (trackId) => {
       try {
         await host.showInstrumentEditor(trackId);
@@ -7301,12 +7906,12 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleBackToInstruments = (0, import_react29.useCallback)((trackId) => {
+  const handleBackToInstruments = (0, import_react30.useCallback)((trackId) => {
     setTracks(
       (prev) => prev.map((t) => t.handle.id === trackId ? { ...t, editorStage: false } : t)
     );
   }, []);
-  const handleRefreshInstruments = (0, import_react29.useCallback)(() => {
+  const handleRefreshInstruments = (0, import_react30.useCallback)(() => {
     setInstrumentsLoading(true);
     host.getAvailableInstruments().then((instruments) => {
       setAvailableInstruments(instruments);
@@ -7315,13 +7920,13 @@ function useGeneratorPanelCore({
       setInstrumentsLoading(false);
     });
   }, [host]);
-  const onAuditionNote = (0, import_react29.useCallback)(
+  const onAuditionNote = (0, import_react30.useCallback)(
     (trackId, pitch, velocity, ms) => {
       void host.auditionNote(trackId, pitch, velocity, ms);
     },
     [host]
   );
-  const { resolvedCrossfadePairs, crossfadeMemberDbIds } = (0, import_react29.useMemo)(() => {
+  const { resolvedCrossfadePairs, crossfadeMemberDbIds } = (0, import_react30.useMemo)(() => {
     const byDbId = new Map(tracks.map((t) => [t.handle.dbId, t]));
     const pairs = [];
     const members = /* @__PURE__ */ new Set();
@@ -7336,7 +7941,7 @@ function useGeneratorPanelCore({
     }
     return { resolvedCrossfadePairs: pairs, crossfadeMemberDbIds: members };
   }, [tracks, crossfadePairsMeta]);
-  const { resolvedFades, fadeMemberDbIds } = (0, import_react29.useMemo)(() => {
+  const { resolvedFades, fadeMemberDbIds } = (0, import_react30.useMemo)(() => {
     const byDbId = new Map(tracks.map((t) => [t.handle.dbId, t]));
     const list = [];
     const members = /* @__PURE__ */ new Set();
@@ -7349,6 +7954,10 @@ function useGeneratorPanelCore({
     }
     return { resolvedFades: list, fadeMemberDbIds: members };
   }, [tracks, fadesMeta]);
+  const { singles: resolvedSingleFades, groups: resolvedGroupFades } = (0, import_react30.useMemo)(
+    () => splitFadeEntries(resolvedFades),
+    [resolvedFades]
+  );
   const transition = useTransitionOps({
     host,
     adapter,
@@ -7364,7 +7973,7 @@ function useGeneratorPanelCore({
     resolvedCrossfadePairs,
     resolvedFades
   });
-  const setGroupMute = (0, import_react29.useCallback)(
+  const setGroupMute = (0, import_react30.useCallback)(
     (trackIds, muted) => {
       for (const id of trackIds) {
         setTracks(
@@ -7376,7 +7985,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const setGroupSolo = (0, import_react29.useCallback)(
+  const setGroupSolo = (0, import_react30.useCallback)(
     (trackIds, solo) => {
       for (const id of trackIds) {
         setTracks(
@@ -7388,7 +7997,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const deleteGroup = (0, import_react29.useCallback)(
+  const deleteGroup = (0, import_react30.useCallback)(
     async (members, cleanupKeySuffixes) => {
       for (const member of members) {
         try {
@@ -7408,7 +8017,7 @@ function useGeneratorPanelCore({
     },
     [host, activeSceneId, loadTracks]
   );
-  const handlers = (0, import_react29.useMemo)(
+  const handlers = (0, import_react30.useMemo)(
     () => ({
       promptChange: handlePromptChange,
       generate: (trackId) => {
@@ -7485,6 +8094,8 @@ function useGeneratorPanelCore({
     crossfadeMemberDbIds,
     resolvedFades,
     fadeMemberDbIds,
+    resolvedSingleFades,
+    resolvedGroupFades,
     resolvedGenericGroups,
     genericGroupMemberDbIds,
     availableInstruments,
@@ -7522,8 +8133,8 @@ function useGeneratorPanelCore({
 }
 
 // src/panel-core/GeneratorPanelShell.tsx
-var import_react30 = __toESM(require("react"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react31 = __toESM(require("react"));
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function GeneratorPanelShell({ core, slots }) {
   const {
     ui,
@@ -7552,7 +8163,8 @@ function GeneratorPanelShell({ core, slots }) {
     fadesMeta,
     resolvedCrossfadePairs,
     crossfadeMemberDbIds,
-    resolvedFades,
+    resolvedSingleFades,
+    resolvedGroupFades,
     fadeMemberDbIds,
     resolvedGenericGroups,
     genericGroupMemberDbIds,
@@ -7578,7 +8190,7 @@ function GeneratorPanelShell({ core, slots }) {
   const { host, activeSceneId, isAuthenticated, sceneContext, onSelectScene, onOpenContract } = ui;
   const panelBus = usePanelBus(host, activeSceneId);
   const { identity, features } = adapter;
-  const buildRowProps = (0, import_react30.useCallback)(
+  const buildRowProps = (0, import_react31.useCallback)(
     (track, drag) => {
       const id = track.handle.id;
       const pickerProps = features.instrumentPicker ? {
@@ -7678,12 +8290,12 @@ function GeneratorPanelShell({ core, slots }) {
     ]
   );
   if (!activeSceneId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
         "data-testid": `no-scene-placeholder-${identity.familyKey}`,
         className: "flex items-center justify-center py-8",
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             onClick: () => onSelectScene?.(),
@@ -7695,12 +8307,12 @@ function GeneratorPanelShell({ core, slots }) {
     );
   }
   if (!sceneContext?.hasContract) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
         "data-testid": `no-contract-placeholder-${identity.familyKey}`,
         className: "flex items-center justify-center py-8",
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             onClick: () => onOpenContract?.(),
@@ -7712,7 +8324,7 @@ function GeneratorPanelShell({ core, slots }) {
     );
   }
   if (features.bulkComposePlaceholders && isComposing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SorceryProgressBar, { isLoading: true, statusText: "COMPOSING...", heightClass: "h-10" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SorceryProgressBar, { isLoading: true, statusText: "COMPOSING...", heightClass: "h-10" }) });
   }
   const activePlaceholders = features.bulkComposePlaceholders ? placeholders : [];
   if (activePlaceholders.length > 0) {
@@ -7723,18 +8335,18 @@ function GeneratorPanelShell({ core, slots }) {
         tracksByDbId.set(t.handle.id, t);
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2 space-y-2", children: activePlaceholders.map((ph) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2 space-y-2", children: activePlaceholders.map((ph) => {
       const loadedTrack = ph.status === "completed" ? tracksByDbId.get(ph.id) : void 0;
       if (loadedTrack) {
-        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TrackRow, { ...buildRowProps(loadedTrack) }, ph.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TrackRow, { ...buildRowProps(loadedTrack) }, ph.id);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "div",
         {
           "data-testid": "bulk-placeholder-track",
           className: "relative rounded-sm border w-full overflow-hidden border-sas-border bg-sas-panel-alt",
           style: { borderLeftColor: identity.placeholderAccentColor, borderLeftWidth: "3px" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SorceryProgressBar, { isLoading: true, statusText: "CONJURING MIDI...", heightClass: "h-10" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SorceryProgressBar, { isLoading: true, statusText: "CONJURING MIDI...", heightClass: "h-10" })
         },
         ph.id
       );
@@ -7746,13 +8358,13 @@ function GeneratorPanelShell({ core, slots }) {
     supportsMeters,
     levels: supportsMeters ? trackLevels : void 0,
     handlers,
-    renderDefaultTrackRow: (track, overrides, drag) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TrackRow, { ...{ ...buildRowProps(track, drag), ...overrides ?? {} } }, track.handle.id),
+    renderDefaultTrackRow: (track, overrides, drag) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TrackRow, { ...{ ...buildRowProps(track, drag), ...overrides ?? {} } }, track.handle.id),
     setGroupMute,
     setGroupSolo,
     deleteGroup
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2 space-y-2", children: [
-    features.importTracks && host.listImportableTracks && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2 space-y-2", children: [
+    features.importTracks && host.listImportableTracks && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       ImportTrackModal,
       {
         host,
@@ -7765,7 +8377,7 @@ function GeneratorPanelShell({ core, slots }) {
         testIdPrefix: `${identity.familyKey}-import`
       }
     ),
-    features.importTracks && host.listImportableTracks && host.getTrackSound && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    features.importTracks && host.listImportableTracks && host.getTrackSound && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       ImportTrackModal,
       {
         host,
@@ -7780,7 +8392,7 @@ function GeneratorPanelShell({ core, slots }) {
       }
     ),
     slots?.modals,
-    canCrossfade && xfFromId && xfToId && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: designerView ? "contents" : "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    canCrossfade && xfFromId && xfToId && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: designerView ? "contents" : "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       TransitionDesigner,
       {
         host,
@@ -7791,14 +8403,16 @@ function GeneratorPanelShell({ core, slots }) {
           ...crossfadePairsMeta.flatMap((p) => [p.originSourceDbId, p.targetSourceDbId]),
           ...fadesMeta.map((f) => f.meta.sourceTrackDbId)
         ],
-        onCreateCrossfade: transition.handleCreateCrossfade,
-        onCreateFade: transition.handleCreateFade,
+        onCreateCrossfade: adapter.transitionGroup?.fadeOnly ? void 0 : transition.handleCreateCrossfade,
+        onCreateFade: adapter.transitionGroup ? (sel, dir) => transition.handleCreateVerbatimGroupFade(sel, dir) : transition.handleCreateFade,
+        mapColumnSubjects: adapter.transitionGroup ? (sceneId, tracks2) => adapter.transitionGroup.mapColumnSubjects(sceneId, tracks2) : void 0,
+        fadeEstimateMs: adapter.transitionGroup?.fadeEstimateMs,
         familyLabel: identity.familyLabel,
         testIdPrefix: `${identity.familyKey}-transition-designer`
       }
     ) }),
-    !(designerView && canCrossfade) && (isLoadingTracks ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-sas-muted text-xs text-center py-4", children: "Loading tracks..." }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-      panelBus.supported && panelBus.bus && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    !(designerView && canCrossfade) && (isLoadingTracks ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sas-muted text-xs text-center py-4", children: "Loading tracks..." }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+      panelBus.supported && panelBus.bus && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         PanelMasterStrip,
         {
           bus: panelBus.bus,
@@ -7819,7 +8433,7 @@ function GeneratorPanelShell({ core, slots }) {
         }
       ),
       slots?.beforeRows,
-      resolvedCrossfadePairs.map((pair) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      resolvedCrossfadePairs.map((pair) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         CrossfadeTrackRow,
         {
           accentColor: identity.transitionAccentColor,
@@ -7856,7 +8470,7 @@ function GeneratorPanelShell({ core, slots }) {
         },
         pair.groupId
       )),
-      resolvedFades.map((fade) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      resolvedSingleFades.map((fade) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         FadeTrackRow,
         {
           accentColor: identity.transitionAccentColor,
@@ -7881,21 +8495,56 @@ function GeneratorPanelShell({ core, slots }) {
         },
         fade.dbId
       )),
+      resolvedGroupFades.map((group) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        GroupFadeTrackRow,
+        {
+          accentColor: identity.transitionAccentColor,
+          levels: supportsMeters ? trackLevels : void 0,
+          direction: group.direction,
+          gesture: group.gesture,
+          sliderPos: group.sliderPos,
+          groupLabel: adapter.transitionGroup?.groupRowLabel?.(group.members.length) ?? `Group (${group.members.length} tracks)`,
+          members: group.members.map((m) => ({
+            trackId: m.track.handle.id,
+            name: m.track.handle.name,
+            role: m.track.role,
+            sourceName: m.meta.sourceName,
+            soundLabel: m.meta.soundLabel,
+            memberLabel: m.meta.memberLabel,
+            runtimeState: m.track.runtimeState
+          })),
+          onMemberMuteToggle: (trackId) => handlers.muteToggle(trackId),
+          onMemberSoloToggle: (trackId) => handlers.soloToggle(trackId),
+          onMemberVolumeChange: (trackId, vol) => handlers.volumeChange(trackId, vol),
+          onMemberPanChange: (trackId, pan) => handlers.panChange(trackId, pan),
+          onMuteAll: () => setGroupMute(
+            group.members.map((m) => m.track.handle.id),
+            !group.members.every((m) => m.track.runtimeState.muted)
+          ),
+          onSoloAll: () => setGroupSolo(
+            group.members.map((m) => m.track.handle.id),
+            !group.members.every((m) => m.track.runtimeState.solo)
+          ),
+          onSliderChange: (pos) => transition.handleGroupFadeSlider(group, pos),
+          onDelete: () => transition.handleGroupFadeDelete(group)
+        },
+        group.groupId
+      )),
       (adapter.groupExtensions ?? []).flatMap(
-        (ext) => (resolvedGenericGroups[ext.metaKey]?.resolved ?? []).map((group) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react30.default.Fragment, { children: ext.renderGroup(group, groupCtx) }, `${ext.metaKey}:${group.groupId}`))
+        (ext) => (resolvedGenericGroups[ext.metaKey]?.resolved ?? []).filter((group) => !group.members.every((m) => fadeMemberDbIds.has(m.dbId))).map((group) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react31.default.Fragment, { children: ext.renderGroup(group, groupCtx) }, `${ext.metaKey}:${group.groupId}`))
       ),
       tracks.map((track, index) => {
         if (crossfadeMemberDbIds.has(track.handle.dbId) || fadeMemberDbIds.has(track.handle.dbId) || genericGroupMemberDbIds.has(track.handle.dbId)) {
           return null;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TrackRow, { ...buildRowProps(track, reorder.dragPropsFor(index)) }, track.handle.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TrackRow, { ...buildRowProps(track, reorder.dragPropsFor(index)) }, track.handle.id);
       }),
       slots?.afterRows
     ] })),
     features.exportMidi && !designerView && !isLoadingTracks && tracks.length > 0 && (() => {
       const hasAnyMidi = tracks.some((t) => t.hasMidi);
       const exportDisabled = isExportingMidi || !hasAnyMidi;
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "button",
         {
           "data-testid": "export-midi-tracks-button",
@@ -7962,31 +8611,447 @@ function createSurgeSoundAdapter(host, overrides = {}) {
   };
 }
 
+// src/ensemble-core/voice-spec.ts
+var TOP = {
+  label: "high florid line",
+  role: "lead",
+  registerLow: 72,
+  registerHigh: 96,
+  maxNotesPerBar: 8,
+  rhythmPalette: "8ths and 16ths; melisma and short runs welcome",
+  harmonicDiscipline: "freest voice \u2014 non-chord tones as passing/neighbor tones on weak beats, resolving by step",
+  monoPreference: "high"
+};
+var COUNTER = {
+  label: "countermelody",
+  role: "strings",
+  registerLow: 65,
+  registerHigh: 86,
+  maxNotesPerBar: 6,
+  rhythmPalette: "8ths and quarters; move when the top voice rests",
+  harmonicDiscipline: "mostly chord tones; may imitate the top voice's motifs a bar later",
+  monoPreference: "high"
+};
+var INNER = {
+  label: "inner voice",
+  role: "strings",
+  registerLow: 55,
+  registerHigh: 76,
+  maxNotesPerBar: 4,
+  rhythmPalette: "quarters and halves",
+  harmonicDiscipline: "chord tones with smooth stepwise motion between them",
+  monoPreference: "high"
+};
+var INNER_2 = {
+  label: "second inner voice",
+  role: "strings",
+  registerLow: 60,
+  registerHigh: 81,
+  maxNotesPerBar: 5,
+  rhythmPalette: "quarters with occasional 8th-note motion",
+  harmonicDiscipline: "chord tones; fill gaps the other inner voice leaves",
+  monoPreference: "high"
+};
+var TENOR = {
+  label: "low counterline",
+  role: "strings",
+  registerLow: 43,
+  registerHigh: 64,
+  maxNotesPerBar: 3,
+  rhythmPalette: "quarters and halves; brief walking figures at cadences",
+  harmonicDiscipline: "roots and fifths emphasized; passing tones only between chord tones",
+  monoPreference: "low"
+};
+var BASS = {
+  label: "bassline",
+  role: "bass",
+  registerLow: 36,
+  registerHigh: 60,
+  maxNotesPerBar: 3,
+  rhythmPalette: "quarters and halves",
+  harmonicDiscipline: "chord roots and fifths; stepwise approaches into chord changes",
+  monoPreference: "low"
+};
+var SUB = {
+  label: "sub anchor",
+  role: "808s",
+  registerLow: 24,
+  registerHigh: 43,
+  maxNotesPerBar: 2,
+  rhythmPalette: "halves and whole notes; sustain into the bar",
+  harmonicDiscipline: "ROOT pitch class only \u2014 the harmonic anchor",
+  rootOnly: true,
+  monoPreference: "low"
+};
+var ENSEMBLE_MIN_VOICES = 2;
+var ENSEMBLE_MAX_VOICES = 6;
+var SPEC_TABLES = {
+  2: [TOP, BASS],
+  3: [TOP, INNER, BASS],
+  4: [TOP, COUNTER, TENOR, BASS],
+  5: [TOP, COUNTER, INNER, TENOR, SUB],
+  6: [TOP, COUNTER, INNER_2, INNER, TENOR, SUB]
+};
+function defaultVoiceSpecs(voiceCount) {
+  const n = Math.max(ENSEMBLE_MIN_VOICES, Math.min(ENSEMBLE_MAX_VOICES, Math.round(voiceCount)));
+  return SPEC_TABLES[n].map((spec, voiceIndex) => ({ ...spec, voiceIndex }));
+}
+
+// src/ensemble-core/enforce-voice.ts
+var MIN_NOTE_DURATION_BEATS = 0.0625;
+var BEATS_PER_BAR = 4;
+function foldPitchToRegister(pitch, low, high) {
+  let p = pitch;
+  while (p < low) p += 12;
+  while (p > high) p -= 12;
+  if (p < low) p = low;
+  if (p > high) p = high;
+  return p;
+}
+function nearestPitchWithPc(reference, pc, low, high) {
+  let best = null;
+  for (let p = low; p <= high; p++) {
+    if ((p % 12 + 12) % 12 !== pc) continue;
+    if (best === null || Math.abs(p - reference) < Math.abs(best - reference)) best = p;
+  }
+  return best ?? foldPitchToRegister(reference, low, high);
+}
+function snapToNearestPc(pitch, pcs) {
+  if (pcs.size === 0) return pitch;
+  for (let d = 0; d <= 6; d++) {
+    if (pcs.has(((pitch - d) % 12 + 12) % 12)) return pitch - d;
+    if (pcs.has(((pitch + d) % 12 + 12) % 12)) return pitch + d;
+  }
+  return pitch;
+}
+function enforceVoice(rawNotes, spec, opts) {
+  const repairs = [];
+  const clipEnd = opts.bars * BEATS_PER_BAR;
+  let notes = [];
+  for (const n of rawNotes) {
+    if (!Number.isFinite(n.pitch) || !Number.isFinite(n.startBeat) || !Number.isFinite(n.durationBeats)) continue;
+    if (n.startBeat >= clipEnd || n.startBeat < 0) {
+      repairs.push(`voice ${spec.voiceIndex}: dropped note outside the ${opts.bars}-bar clip (start ${n.startBeat})`);
+      continue;
+    }
+    const durationBeats = Math.max(
+      MIN_NOTE_DURATION_BEATS,
+      Math.min(n.durationBeats, clipEnd - n.startBeat)
+    );
+    notes.push({ ...n, durationBeats });
+  }
+  notes = notes.map((n) => {
+    const folded = foldPitchToRegister(Math.round(n.pitch), spec.registerLow, spec.registerHigh);
+    if (folded !== n.pitch) {
+      repairs.push(`voice ${spec.voiceIndex}: folded pitch ${n.pitch} into register ${spec.registerLow}-${spec.registerHigh} (${folded})`);
+    }
+    return { ...n, pitch: folded };
+  });
+  if (spec.rootOnly && opts.chordRootPcAtBar) {
+    notes = notes.map((n) => {
+      const bar = Math.floor(n.startBeat / BEATS_PER_BAR);
+      const rootPc = opts.chordRootPcAtBar(bar);
+      if (rootPc === null) return n;
+      const pinned = nearestPitchWithPc(n.pitch, rootPc, spec.registerLow, spec.registerHigh);
+      if (pinned !== n.pitch) {
+        repairs.push(`voice ${spec.voiceIndex}: pinned bar ${bar + 1} note to the chord root (${n.pitch} \u2192 ${pinned})`);
+      }
+      return { ...n, pitch: pinned };
+    });
+  }
+  if (opts.scalePcs && opts.scalePcs.size > 0 && !spec.rootOnly) {
+    notes = notes.map((n) => {
+      const pc = (n.pitch % 12 + 12) % 12;
+      if (opts.scalePcs.has(pc)) return n;
+      const bar = Math.floor(n.startBeat / BEATS_PER_BAR);
+      const chordPcs = opts.chordPcsAtBar?.(bar);
+      if (chordPcs?.has(pc)) return n;
+      const snapped = foldPitchToRegister(
+        snapToNearestPc(n.pitch, opts.scalePcs),
+        spec.registerLow,
+        spec.registerHigh
+      );
+      if (snapped !== n.pitch) {
+        repairs.push(`voice ${spec.voiceIndex}: snapped out-of-key pitch ${n.pitch} \u2192 ${snapped}`);
+      }
+      return { ...n, pitch: snapped };
+    });
+  }
+  notes.sort((a, b) => a.startBeat - b.startBeat || (spec.monoPreference === "high" ? b.pitch - a.pitch : a.pitch - b.pitch));
+  const mono = [];
+  for (const n of notes) {
+    const prev = mono[mono.length - 1];
+    if (prev && Math.abs(prev.startBeat - n.startBeat) < 1e-9) {
+      repairs.push(`voice ${spec.voiceIndex}: dropped simultaneous note ${n.pitch} at beat ${n.startBeat} (voice is one line)`);
+      continue;
+    }
+    if (prev && prev.startBeat + prev.durationBeats > n.startBeat) {
+      prev.durationBeats = Math.max(MIN_NOTE_DURATION_BEATS, n.startBeat - prev.startBeat);
+    }
+    mono.push({ ...n });
+  }
+  const byBar = /* @__PURE__ */ new Map();
+  for (const n of mono) {
+    const bar = Math.floor(n.startBeat / BEATS_PER_BAR);
+    const bucket = byBar.get(bar) ?? [];
+    bucket.push(n);
+    byBar.set(bar, bucket);
+  }
+  const kept = new Set(mono);
+  for (const [bar, bucket] of byBar) {
+    if (bucket.length <= spec.maxNotesPerBar) continue;
+    const strength = (n) => {
+      const beatInBar = n.startBeat - bar * BEATS_PER_BAR;
+      const onDownbeat = Math.abs(beatInBar % 1) < 1e-9 ? 1 : 0;
+      return n.durationBeats * 4 + n.velocity / 127 + onDownbeat * 2;
+    };
+    const ranked = [...bucket].sort((a, b) => strength(a) - strength(b));
+    const excess = bucket.length - spec.maxNotesPerBar;
+    for (let i = 0; i < excess; i++) {
+      kept.delete(ranked[i]);
+    }
+    repairs.push(`voice ${spec.voiceIndex}: thinned bar ${bar + 1} from ${bucket.length} to ${spec.maxNotesPerBar} notes (density cap)`);
+  }
+  return { notes: mono.filter((n) => kept.has(n)), repairs };
+}
+
+// src/ensemble-core/analyze-ensemble.ts
+var EPS = 1e-6;
+function pitchAt(voice, beat) {
+  for (const n of voice) {
+    if (n.startBeat - EPS <= beat && beat < n.startBeat + n.durationBeats - EPS) return n.pitch;
+  }
+  return null;
+}
+function onsetSet(voice) {
+  return [...new Set(voice.map((n) => Math.round(n.startBeat * 96) / 96))].sort((a, b) => a - b);
+}
+function analyzeEnsemble(voices) {
+  const pairs = [];
+  for (let i = 0; i + 1 < voices.length; i++) {
+    const upper = voices[i];
+    const lower = voices[i + 1];
+    const upperOnsets = onsetSet(upper);
+    const lowerOnsets = new Set(onsetSet(lower));
+    const shared = upperOnsets.filter((b) => lowerOnsets.has(b));
+    const onsetIndependence = upperOnsets.length === 0 ? 1 : 1 - shared.length / upperOnsets.length;
+    const motion = { contrary: 0, oblique: 0, similar: 0, parallel: 0 };
+    const parallelPerfects = [];
+    for (let s = 0; s + 1 < shared.length; s++) {
+      const [b0, b1] = [shared[s], shared[s + 1]];
+      const u0 = pitchAt(upper, b0);
+      const u1 = pitchAt(upper, b1);
+      const l0 = pitchAt(lower, b0);
+      const l1 = pitchAt(lower, b1);
+      if (u0 === null || u1 === null || l0 === null || l1 === null) continue;
+      const du = Math.sign(u1 - u0);
+      const dl = Math.sign(l1 - l0);
+      let kind;
+      if (du === 0 || dl === 0) kind = "oblique";
+      else if (du !== dl) kind = "contrary";
+      else {
+        kind = u1 - l1 === u0 - l0 ? "parallel" : "similar";
+      }
+      motion[kind] += 1;
+      if (kind === "parallel") {
+        const intervalPc = ((u1 - l1) % 12 + 12) % 12;
+        if (intervalPc === 0 || intervalPc === 7) {
+          parallelPerfects.push({ atBeat: b1, intervalPc });
+        }
+      }
+    }
+    const crossings = [];
+    for (const b of [...upperOnsets, ...onsetSet(lower)]) {
+      const u = pitchAt(upper, b);
+      const l = pitchAt(lower, b);
+      if (u !== null && l !== null && u < l) crossings.push(b);
+    }
+    pairs.push({
+      upperVoice: i,
+      onsetIndependence,
+      motion,
+      parallelPerfects,
+      crossings: [...new Set(crossings)].sort((a, b) => a - b)
+    });
+  }
+  const allOnsets = voices.map(onsetSet);
+  const union = new Set(allOnsets.flat());
+  let sharedByAll = 0;
+  for (const b of union) {
+    if (allOnsets.every((o) => o.length === 0 || o.includes(b))) sharedByAll += 1;
+  }
+  const homorhythmScore = union.size === 0 ? 0 : sharedByAll / union.size;
+  return { pairs, homorhythmScore };
+}
+function describeViolations(analysis, rules) {
+  const out = [];
+  for (const pair of analysis.pairs) {
+    const label = `between voice ${pair.upperVoice + 1} and voice ${pair.upperVoice + 2}`;
+    if (rules.forbidParallelPerfects) {
+      for (const p of pair.parallelPerfects) {
+        out.push(`Parallel ${p.intervalPc === 0 ? "octaves" : "fifths"} ${label} at beat ${p.atBeat} \u2014 approach perfect intervals by contrary or oblique motion.`);
+      }
+    }
+    if (rules.forbidVoiceCrossing && pair.crossings.length > 0) {
+      out.push(`Voice crossing ${label} at beat${pair.crossings.length > 1 ? "s" : ""} ${pair.crossings.join(", ")} \u2014 keep each voice inside its register lane.`);
+    }
+    if (pair.onsetIndependence < rules.minOnsetIndependence) {
+      out.push(`Voices ${pair.upperVoice + 1} and ${pair.upperVoice + 2} attack together too often (independence ${pair.onsetIndependence.toFixed(2)} < ${rules.minOnsetIndependence}) \u2014 stagger entrances and let one voice move while the other holds.`);
+    }
+  }
+  return out;
+}
+
+// src/ensemble-core/styles.ts
+var ENSEMBLE_STYLES = ["counterpoint", "chorale", "interlock"];
+var STYLE_RULES = {
+  counterpoint: {
+    forbidParallelPerfects: true,
+    forbidVoiceCrossing: true,
+    minOnsetIndependence: 0.35,
+    promptParagraph: "STYLE \u2014 COUNTERPOINT (modern, not strict species): independent singable lines. Favor contrary and oblique motion between neighbors; approach perfect intervals by contrary motion; imitate motifs between voices a bar apart; stagger entrances so voices converse instead of speaking at once."
+  },
+  chorale: {
+    forbidParallelPerfects: true,
+    forbidVoiceCrossing: true,
+    minOnsetIndependence: 0,
+    promptParagraph: "STYLE \u2014 CHORALE: homorhythmic block harmony. Voices move together on the same rhythm with smooth voice-leading \u2014 nearest chord tone, common tones held, no leaps larger than a fifth in inner voices."
+  },
+  interlock: {
+    forbidParallelPerfects: false,
+    forbidVoiceCrossing: false,
+    minOnsetIndependence: 0.6,
+    promptParagraph: "STYLE \u2014 INTERLOCK (minimal / systems music): short repeating cells that mesh like gears. Each voice keeps its own ostinato; onsets rarely coincide with the neighboring voice; parallel motion and doubling are welcome when the composite rhythm stays busy and even."
+  }
+};
+
+// src/ensemble-core/ensemble-schema.ts
+var SUBMIT_ENSEMBLE_TOOL_NAME = "submit_ensemble";
+function buildSubmitEnsembleParameters(voiceCount) {
+  return {
+    type: "object",
+    properties: {
+      voices: {
+        type: "array",
+        description: `Exactly ${voiceCount} voices, voiceIndex 0 (top) through ${voiceCount - 1} (bottom).`,
+        items: {
+          type: "object",
+          properties: {
+            voiceIndex: { type: "integer", description: "0 = top voice" },
+            notes: {
+              type: "array",
+              items: {
+                type: "object",
+                properties: {
+                  pitch: { type: "integer", description: "MIDI note number 0-127" },
+                  startBeat: { type: "number", description: "quarter-note beats from clip start" },
+                  durationBeats: { type: "number", description: "duration in quarter-note beats" },
+                  velocity: { type: "integer", description: "1-127" }
+                },
+                required: ["pitch", "startBeat", "durationBeats", "velocity"]
+              }
+            }
+          },
+          required: ["voiceIndex", "notes"]
+        }
+      }
+    },
+    required: ["voices"]
+  };
+}
+function parseEnsembleArgs(args, voiceCount) {
+  if (typeof args !== "object" || args === null) return null;
+  const voicesRaw = args.voices;
+  if (!Array.isArray(voicesRaw)) return null;
+  const warnings = [];
+  const voiceNotes = Array.from({ length: voiceCount }, () => []);
+  for (const v of voicesRaw) {
+    if (typeof v !== "object" || v === null) continue;
+    const idxRaw = v.voiceIndex;
+    const idx = typeof idxRaw === "number" ? Math.round(idxRaw) : NaN;
+    if (!Number.isInteger(idx) || idx < 0 || idx >= voiceCount) {
+      warnings.push(`ignored voice with out-of-range voiceIndex ${String(idxRaw)}`);
+      continue;
+    }
+    const notesRaw = v.notes;
+    if (!Array.isArray(notesRaw)) continue;
+    const notes = [];
+    let dropped = 0;
+    for (const n of notesRaw) {
+      const note = n;
+      if (typeof note?.pitch === "number" && typeof note?.startBeat === "number" && typeof note?.durationBeats === "number" && typeof note?.velocity === "number" && note.durationBeats > 0 && note.startBeat >= 0) {
+        notes.push({
+          pitch: Math.max(0, Math.min(127, Math.round(note.pitch))),
+          startBeat: note.startBeat,
+          durationBeats: note.durationBeats,
+          velocity: Math.max(1, Math.min(127, Math.round(note.velocity)))
+        });
+      } else {
+        dropped += 1;
+      }
+    }
+    if (dropped > 0) warnings.push(`voice ${idx}: dropped ${dropped} malformed note(s)`);
+    voiceNotes[idx] = notes;
+  }
+  const returned = voicesRaw.length;
+  if (returned !== voiceCount) {
+    warnings.push(`model returned ${returned} voices for a ${voiceCount}-voice ensemble`);
+  }
+  const anyNotes = voiceNotes.some((v) => v.length > 0);
+  return anyNotes ? { voiceNotes, warnings } : null;
+}
+
+// src/ensemble-core/ensemble-prompt.ts
+function voiceContractLine(spec) {
+  const root = spec.rootOnly ? " ROOT PITCH CLASS ONLY (each bar's chord root)." : "";
+  return `- Voice ${spec.voiceIndex + 1} (${spec.label}): MIDI ${spec.registerLow}-${spec.registerHigh}, max ${spec.maxNotesPerBar} notes/bar, rhythm: ${spec.rhythmPalette}. ${spec.harmonicDiscipline}.${root}`;
+}
+function buildEnsembleSystemPrompt(specs, style) {
+  const styleParagraph = STYLE_RULES[style].promptParagraph;
+  return `You are an ensemble composer. Compose ${specs.length} voices as ONE piece of music \u2014 not ${specs.length} independent parts.
+
+Submit your composition by calling the ${SUBMIT_ENSEMBLE_TOOL_NAME} tool with all ${specs.length} voices.
+
+THE ENSEMBLE RULES (most important):
+1. The voices are composed TOGETHER. They must relate: imitate and answer each other's motifs, move in contrary or oblique motion against neighbors, and stagger entrances so lines converse.
+2. Each voice is a SINGLE monophonic line \u2014 within one voice, no two notes overlap in time and no chords. Voices MAY and SHOULD overlap EACH OTHER; that overlap is the music.
+3. Complexity decreases downward: the top voice is the most active and ornamented, the bottom voice the sparsest anchor. Respect each voice's register window and notes-per-bar cap exactly.
+4. Follow the chord progression in the musical context exactly. Non-chord tones only as passing or neighbor tones on weak beats, resolving by step.
+5. Not every voice plays all the time \u2014 rests are structural. Avoid all voices attacking the same beat except at phrase boundaries.
+6. startBeat/durationBeats are in quarter-note beats from the start of the clip; fill the stated bar length, and make bar 1 land immediately (no long silent intro).
+
+${styleParagraph}
+
+PER-VOICE CONTRACTS:
+${specs.map(voiceContractLine).join("\n")}`;
+}
+function buildViolationRetrySuffix(violations) {
+  if (violations.length === 0) return "";
+  return `
+
+Your previous ensemble had these problems \u2014 fix them while keeping everything that worked:
+` + violations.map((v) => `- ${v}`).join("\n");
+}
+
 // src/constants/sdk-version.ts
-var PLUGIN_SDK_VERSION = "2.40.0";
+var PLUGIN_SDK_VERSION = "2.42.0";
 
 // src/utils/format-concurrent-tracks.ts
 function formatConcurrentTracks(ctx) {
   const tracks = ctx.concurrentTracks;
   if (!tracks || tracks.length === 0) return "";
-  const lines = [`Concurrent tracks in scene (already generated):`];
-  for (const track of tracks) {
-    const promptStr = track.prompt ? ` prompt="${escapeQuotes(track.prompt)}"` : "";
-    lines.push(`  - role=${track.role ?? "unknown"}${promptStr}`);
-    if (track.notesByChord.length === 0) {
-      lines.push(`    (no notes)`);
-    } else {
-      for (const segment of track.notesByChord) {
-        if (segment.notes.length === 0) continue;
-        lines.push(`    ${formatChordSegment(segment)}`);
-      }
-    }
-    if (track.truncated && typeof track.originalNoteCount === "number") {
-      const dropped = track.originalNoteCount - sumKeptNotes(track.notesByChord);
-      if (dropped > 0) {
-        lines.push(`    \u2026 (${dropped} more notes truncated)`);
-      }
-    }
+  const pinned = tracks.filter((t) => t.pinned);
+  const ambient = tracks.filter((t) => !t.pinned);
+  const lines = [];
+  if (pinned.length > 0) {
+    lines.push(
+      "REFERENCE TRACKS (write in counterpoint against these \u2014 interlock with their rhythm, avoid doubling their onsets, favor contrary or oblique motion):"
+    );
+    for (const track of pinned) pushTrackLines(lines, track);
+  }
+  if (ambient.length > 0) {
+    lines.push(`Concurrent tracks in scene (already generated):`);
+    for (const track of ambient) pushTrackLines(lines, track);
   }
   if (ctx.truncatedTrackCount && ctx.truncatedTrackCount > 0) {
     lines.push(
@@ -7995,6 +9060,25 @@ function formatConcurrentTracks(ctx) {
   }
   return lines.join("\n");
 }
+function pushTrackLines(lines, track) {
+  const nameStr = track.name ? ` name="${escapeQuotes(track.name)}"` : "";
+  const promptStr = track.prompt ? ` prompt="${escapeQuotes(track.prompt)}"` : "";
+  lines.push(`  - role=${track.role ?? "unknown"}${nameStr}${promptStr}`);
+  if (track.notesByChord.length === 0) {
+    lines.push(`    (no notes)`);
+  } else {
+    for (const segment of track.notesByChord) {
+      if (segment.notes.length === 0) continue;
+      lines.push(`    ${formatChordSegment(segment)}`);
+    }
+  }
+  if (track.truncated && typeof track.originalNoteCount === "number") {
+    const dropped = track.originalNoteCount - sumKeptNotes(track.notesByChord);
+    if (dropped > 0) {
+      lines.push(`    \u2026 (${dropped} more notes truncated)`);
+    }
+  }
+}
 function formatChordSegment(segment) {
   const [start, end] = segment.chordRangeQn;
   const notesJson = JSON.stringify(segment.notes.map(compactNote2));
@@ -8120,6 +9204,9 @@ function pickTopKWeighted(scored, options = {}) {
   DownloadPackButton,
   EMPTY_FX_DETAIL_STATE,
   EMPTY_FX_STATE,
+  ENSEMBLE_MAX_VOICES,
+  ENSEMBLE_MIN_VOICES,
+  ENSEMBLE_STYLES,
   EQUAL_POWER_GAIN,
   FX_CATEGORIES,
   FX_CHAIN_ORDER,
@@ -8131,9 +9218,11 @@ function pickTopKWeighted(scored, options = {}) {
   FxToggleBar,
   GUTTER_W,
   GeneratorPanelShell,
+  GroupFadeTrackRow,
   ImportTrackModal,
   InstrumentDrawer,
   LevelMeter,
+  MIN_NOTE_DURATION_BEATS,
   Modal,
   OffsetScrubber,
   PLUGIN_SDK_VERSION,
@@ -8145,6 +9234,8 @@ function pickTopKWeighted(scored, options = {}) {
   RESIZE_HANDLE_PX,
   ROW_HEIGHT,
   SLIDER_UNITY,
+  STYLE_RULES,
+  SUBMIT_ENSEMBLE_TOOL_NAME,
   SamplePackCTACard,
   ScrollingWaveform,
   SorceryProgressBar,
@@ -8157,6 +9248,7 @@ function pickTopKWeighted(scored, options = {}) {
   TransitionDesigner,
   VolumeSlider,
   WaveformView,
+  analyzeEnsemble,
   analyzeWavPeak,
   asAudioEffect,
   asCrossfadeMeta,
@@ -8164,8 +9256,11 @@ function pickTopKWeighted(scored, options = {}) {
   asTransitionDesignerDraft,
   buildCrossfadeInpaintPrompt,
   buildCrossfadeVolumeCurves,
+  buildEnsembleSystemPrompt,
   buildFadeVolumeCurve,
   buildRowSlots,
+  buildSubmitEnsembleParameters,
+  buildViolationRetrySuffix,
   calculateTimeBasedTarget,
   cellToPx,
   centerScrollTop,
@@ -8174,15 +9269,21 @@ function pickTopKWeighted(scored, options = {}) {
   dbIdsFromKeys,
   dbToSlider,
   defaultFadeGesture,
+  defaultVoiceSpecs,
+  describeViolations,
   drawWaveform,
+  enforceVoice,
+  foldPitchToRegister,
   formatConcurrentTracks,
   hashString,
   moveItem,
+  nearestPitchWithPc,
   newTrackState,
   normalizeSlots,
   padPair,
   padSlots,
   parseCrossfadePairs,
+  parseEnsembleArgs,
   parseFades,
   parseLLMNoteResponse,
   parseTrackGroups,
@@ -8199,6 +9300,7 @@ function pickTopKWeighted(scored, options = {}) {
   sliderToDb,
   slotsEqual,
   soundIdentity,
+  splitFadeEntries,
   synthesizeCuePoints,
   tokenizePrompt,
   trackDataKey,