@signalsandsorcery/plugin-sdk 2.35.1 → 2.35.2

package/dist/index.mjs

@@ -4126,9 +4126,276 @@ function TransitionDesigner({
   ] });
 }
 
-// src/components/DownloadPackButton.tsx
-import { useCallback as useCallback9, useEffect as useEffect10, useState as useState12 } from "react";
+// src/components/PanelMasterStrip.tsx
+import { useMemo as useMemo6, useState as useState12 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+function PanelMasterStrip({
+  bus,
+  availableFx = [],
+  fxLoading = false,
+  soloedOut = false,
+  disabled = false,
+  fxPickerOpen,
+  onToggleFxPicker,
+  onRefreshFx,
+  onVolumeChange,
+  onMuteToggle,
+  onSoloToggle,
+  onAddFx,
+  onRemoveFx,
+  onToggleFxEnabled,
+  onShowFxEditor
+}) {
+  const [search, setSearch] = useState12("");
+  const filtered = useMemo6(() => {
+    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__ */ jsxs14(
+    "div",
+    {
+      "data-testid": "panel-master-strip",
+      className: `flex flex-col gap-1 px-2 py-1.5 rounded-sm border border-sas-border bg-sas-panel-alt/50 transition-opacity ${soloedOut ? "opacity-40" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx18(
+            "span",
+            {
+              className: "text-[9px] font-bold tracking-widest text-sas-muted/70 select-none",
+              title: "Panel mix bus \u2014 volume, mute/solo and FX applied to this panel's summed output",
+              children: "BUS"
+            }
+          ),
+          /* @__PURE__ */ jsx18("div", { className: "w-24", children: /* @__PURE__ */ jsx18(
+            VolumeSlider,
+            {
+              value: dbToSlider(bus.volume),
+              onChange: (sliderValue) => onVolumeChange(sliderToDb(sliderValue)),
+              disabled
+            }
+          ) }),
+          /* @__PURE__ */ jsx18(
+            "button",
+            {
+              "data-testid": "bus-mute-button",
+              onClick: onMuteToggle,
+              disabled,
+              className: `px-1.5 py-0.5 text-xs font-bold rounded transition-colors ${bus.muted ? "bg-red-600 text-white" : "bg-sas-panel-alt text-sas-muted hover:bg-sas-border"} disabled:opacity-50`,
+              title: bus.muted ? "Unmute panel bus" : "Mute panel bus (silences the whole panel)",
+              children: "M"
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            "button",
+            {
+              "data-testid": "bus-solo-button",
+              onClick: onSoloToggle,
+              disabled,
+              className: `px-1.5 py-0.5 text-xs font-bold rounded transition-colors ${bus.soloed ? "bg-amber-500 text-black" : "bg-sas-panel-alt text-sas-muted hover:bg-sas-border"} disabled:opacity-50`,
+              title: bus.soloed ? "Unsolo panel bus" : "Solo this panel (silences other panels/tracks in scope)",
+              children: "S"
+            }
+          ),
+          /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-1 flex-1 min-w-0 overflow-x-auto", children: bus.fx.map((fx) => /* @__PURE__ */ jsxs14(
+            "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__ */ jsx18(
+                  "button",
+                  {
+                    "data-testid": `bus-fx-toggle-${fx.index}`,
+                    onClick: () => onToggleFxEnabled(fx.index, !fx.enabled),
+                    disabled,
+                    className: "hover:opacity-70 disabled:opacity-50",
+                    title: fx.enabled ? `Bypass ${fx.name}` : `Enable ${fx.name}`,
+                    children: fx.enabled ? "\u25CF" : "\u25CB"
+                  }
+                ),
+                onShowFxEditor ? /* @__PURE__ */ jsx18(
+                  "button",
+                  {
+                    "data-testid": `bus-fx-edit-${fx.index}`,
+                    onClick: () => onShowFxEditor(fx.index),
+                    disabled,
+                    className: "max-w-[80px] truncate hover:underline disabled:opacity-50",
+                    title: `Open ${fx.name} editor`,
+                    children: fx.name
+                  }
+                ) : /* @__PURE__ */ jsx18("span", { className: "max-w-[80px] truncate", children: fx.name }),
+                /* @__PURE__ */ jsx18(
+                  "button",
+                  {
+                    "data-testid": `bus-fx-remove-${fx.index}`,
+                    onClick: () => onRemoveFx(fx.index),
+                    disabled,
+                    className: "text-sas-muted/60 hover:text-sas-danger disabled:opacity-50",
+                    title: `Remove ${fx.name} from the bus`,
+                    children: "\u2715"
+                  }
+                )
+              ]
+            },
+            `${fx.index}:${fx.pluginId}`
+          )) }),
+          /* @__PURE__ */ jsx18(
+            "button",
+            {
+              "data-testid": "bus-fx-add-button",
+              onClick: () => onToggleFxPicker(!fxPickerOpen),
+              disabled,
+              className: `px-1.5 py-0.5 rounded-sm border text-xs whitespace-nowrap transition-colors ${fxPickerOpen ? "border-sas-accent text-sas-accent bg-sas-accent/10" : "border-sas-border text-sas-muted hover:border-sas-accent hover:text-sas-accent"} disabled:opacity-50`,
+              title: "Add an FX plugin to the panel bus",
+              children: "FX +"
+            }
+          )
+        ] }),
+        fxPickerOpen && /* @__PURE__ */ jsxs14("div", { "data-testid": "bus-fx-picker", className: "flex flex-col gap-2 pt-1", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx18(
+              "input",
+              {
+                type: "text",
+                value: search,
+                onChange: (e) => setSearch(e.target.value),
+                placeholder: "Search FX...",
+                className: "sas-input flex-1 px-2 py-1 text-xs"
+              }
+            ),
+            onRefreshFx && /* @__PURE__ */ jsx18(
+              "button",
+              {
+                onClick: () => onRefreshFx(),
+                disabled: fxLoading,
+                className: "px-2 py-1 text-xs rounded-sm border border-sas-border text-sas-muted hover:text-sas-accent hover:border-sas-accent transition-colors disabled:opacity-50",
+                title: "Re-scan plugins",
+                children: fxLoading ? "..." : "Refresh"
+              }
+            )
+          ] }),
+          fxLoading && availableFx.length === 0 ? /* @__PURE__ */ jsx18("div", { className: "text-xs text-sas-muted/60 text-center py-3", children: "Scanning plugins..." }) : /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-3 gap-1 max-h-[140px] overflow-y-auto", children: [
+            filtered.map((fx) => /* @__PURE__ */ jsxs14(
+              "button",
+              {
+                "data-testid": `bus-fx-pick-${fx.pluginId}`,
+                onClick: () => onAddFx(fx.pluginId),
+                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__ */ jsx18("span", { className: "text-xs font-medium truncate w-full", children: fx.name }),
+                  /* @__PURE__ */ jsx18("span", { className: "text-[9px] text-sas-muted/50 truncate w-full", children: fx.manufacturer || fx.type.toUpperCase() })
+                ]
+              },
+              fx.pluginId
+            )),
+            filtered.length === 0 && /* @__PURE__ */ jsx18("div", { className: "col-span-3 text-xs text-sas-muted/60 text-center py-2", children: search.trim() ? "No matches" : "No FX plugins found" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/hooks/usePanelBus.ts
+import { useCallback as useCallback9, useEffect as useEffect10, useRef as useRef11, useState as useState13 } from "react";
+function usePanelBus(host, activeSceneId) {
+  const supported = typeof host.getPanelBusState === "function";
+  const [bus, setBus] = useState13(null);
+  const [availableFx, setAvailableFx] = useState13([]);
+  const [fxLoading, setFxLoading] = useState13(false);
+  const [fxPickerOpen, setFxPickerOpen] = useState13(false);
+  const fxLoadedRef = useRef11(false);
+  const loadSeqRef = useRef11(0);
+  const reload = useCallback9(async () => {
+    if (!supported || !activeSceneId || !host.getPanelBusState) {
+      setBus(null);
+      return;
+    }
+    const seq = ++loadSeqRef.current;
+    try {
+      const state = await host.getPanelBusState(activeSceneId);
+      if (loadSeqRef.current === seq) setBus(state);
+    } catch {
+    }
+  }, [host, activeSceneId, supported]);
+  useEffect10(() => {
+    setBus(null);
+    setFxPickerOpen(false);
+    void reload();
+  }, [reload]);
+  const loadFxList = useCallback9(
+    async (force) => {
+      if (!supported || !host.getAvailableFx) return;
+      if (fxLoadedRef.current && !force) return;
+      setFxLoading(true);
+      try {
+        const list = await host.getAvailableFx();
+        setAvailableFx(list);
+        fxLoadedRef.current = true;
+      } catch {
+      } finally {
+        setFxLoading(false);
+      }
+    },
+    [host, supported]
+  );
+  const openPicker = useCallback9(
+    (open) => {
+      setFxPickerOpen(open);
+      if (open) void loadFxList(false);
+    },
+    [loadFxList]
+  );
+  const mutate = useCallback9(
+    (fn) => {
+      if (!fn || !activeSceneId) return;
+      void (async () => {
+        try {
+          await fn();
+        } catch {
+        }
+        await reload();
+      })();
+    },
+    [activeSceneId, reload]
+  );
+  return {
+    supported,
+    bus,
+    availableFx,
+    fxLoading,
+    fxPickerOpen,
+    setFxPickerOpen: openPicker,
+    refreshFx: () => void loadFxList(true),
+    reload,
+    onVolumeChange: (volumeDb) => mutate(host.setPanelBusVolume && (() => host.setPanelBusVolume(activeSceneId, volumeDb))),
+    onMuteToggle: () => mutate(
+      host.setPanelBusMute && (() => host.setPanelBusMute(activeSceneId, !(bus?.muted ?? false)))
+    ),
+    onSoloToggle: () => mutate(
+      host.setPanelBusSolo && (() => host.setPanelBusSolo(activeSceneId, !(bus?.soloed ?? false)))
+    ),
+    onAddFx: (pluginId) => mutate(host.loadPanelBusFx && (async () => {
+      await host.loadPanelBusFx(activeSceneId, pluginId);
+    })),
+    onRemoveFx: (fxIndex) => mutate(host.removePanelBusFx && (() => host.removePanelBusFx(activeSceneId, fxIndex))),
+    onToggleFxEnabled: (fxIndex, enabled) => mutate(
+      host.setPanelBusFxEnabled && (() => host.setPanelBusFxEnabled(activeSceneId, fxIndex, enabled))
+    ),
+    onShowFxEditor: (fxIndex) => mutate(
+      host.showPanelBusFxEditor && (() => host.showPanelBusFxEditor(activeSceneId, fxIndex))
+    )
+  };
+}
+
+// src/components/DownloadPackButton.tsx
+import { useCallback as useCallback10, useEffect as useEffect11, useState as useState14 } from "react";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function formatSize(bytes) {
   if (!bytes || bytes <= 0) return "";
   const gb = bytes / 1024 ** 3;
@@ -4144,10 +4411,10 @@ var DownloadPackButton = ({
   variant = "compact",
   onDownloadComplete
 }) => {
-  const [status, setStatus] = useState12("idle");
-  const [progress, setProgress] = useState12(0);
-  const [errorMessage, setErrorMessage] = useState12(null);
-  useEffect10(() => {
+  const [status, setStatus] = useState14("idle");
+  const [progress, setProgress] = useState14(0);
+  const [errorMessage, setErrorMessage] = useState14(null);
+  useEffect11(() => {
     const unsub = host.onSamplePackProgress(packId, (p) => {
       setStatus(p.status);
       setProgress(p.progress);
@@ -4162,7 +4429,7 @@ var DownloadPackButton = ({
     });
     return unsub;
   }, [host, packId, onDownloadComplete]);
-  const handleClick = useCallback9(async () => {
+  const handleClick = useCallback10(async () => {
     if (status !== "idle" && status !== "error") return;
     try {
       setStatus("downloading");
@@ -4216,8 +4483,8 @@ var DownloadPackButton = ({
   } else {
     className = `${baseClasses} text-sas-muted hover:text-sas-accent border-sas-border hover:border-sas-accent`;
   }
-  return /* @__PURE__ */ jsxs14("div", { children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx19(
       "button",
       {
         "data-testid": `download-pack-button-${packId}`,
@@ -4228,12 +4495,12 @@ var DownloadPackButton = ({
         children: buttonLabel
       }
     ),
-    variant === "large" && status === "error" && errorMessage && /* @__PURE__ */ jsx18("div", { className: "text-xs text-sas-danger mt-2", "data-testid": `download-pack-error-${packId}`, children: errorMessage })
+    variant === "large" && status === "error" && errorMessage && /* @__PURE__ */ jsx19("div", { className: "text-xs text-sas-danger mt-2", "data-testid": `download-pack-error-${packId}`, children: errorMessage })
   ] });
 };
 
 // src/components/SamplePackCTACard.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var SamplePackCTACard = ({
   host,
   pack,
@@ -4241,7 +4508,7 @@ var SamplePackCTACard = ({
   onDownloadComplete
 }) => {
   if (status === "checking") {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "div",
       {
         "data-testid": `sample-pack-cta-checking-${pack.packId}`,
@@ -4252,16 +4519,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__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-testid": `sample-pack-cta-${pack.packId}`,
       className: "flex flex-col items-center justify-center py-12 px-6 text-center",
       children: [
-        /* @__PURE__ */ jsx19("div", { className: "text-sm uppercase tracking-wide text-sas-muted mb-2", children: status === "stale" ? "Update available" : "Sample library not installed" }),
-        /* @__PURE__ */ jsx19("div", { className: "text-base text-sas-text mb-1", children: headline }),
-        /* @__PURE__ */ jsx19("div", { className: "text-xs text-sas-muted mb-6 max-w-md", children: sublabel }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("div", { className: "text-sm uppercase tracking-wide text-sas-muted mb-2", children: status === "stale" ? "Update available" : "Sample library not installed" }),
+        /* @__PURE__ */ jsx20("div", { className: "text-base text-sas-text mb-1", children: headline }),
+        /* @__PURE__ */ jsx20("div", { className: "text-xs text-sas-muted mb-6 max-w-md", children: sublabel }),
+        /* @__PURE__ */ jsx20(
           DownloadPackButton,
           {
             host,
@@ -4278,7 +4545,7 @@ var SamplePackCTACard = ({
 };
 
 // src/components/WaveformView.tsx
-import { useEffect as useEffect11, useRef as useRef11, useState as useState13 } from "react";
+import { useEffect as useEffect12, useRef as useRef12, useState as useState15 } from "react";
 
 // src/components/waveform.ts
 function computePeaks(audioBuffer, bins, targetSamples) {
@@ -4341,7 +4608,7 @@ function drawWaveform(canvas, peaks, options = {}) {
 }
 
 // src/components/WaveformView.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var WaveformView = ({
   host,
   filePath,
@@ -4350,9 +4617,9 @@ var WaveformView = ({
   fillStyle,
   targetSamples
 }) => {
-  const canvasRef = useRef11(null);
-  const [peaks, setPeaks] = useState13(null);
-  useEffect11(() => {
+  const canvasRef = useRef12(null);
+  const [peaks, setPeaks] = useState15(null);
+  useEffect12(() => {
     let cancelled = false;
     let audioContext = null;
     (async () => {
@@ -4378,7 +4645,7 @@ var WaveformView = ({
       cancelled = true;
     };
   }, [host, filePath, bins, targetSamples]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!peaks) return;
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -4389,7 +4656,7 @@ var WaveformView = ({
     observer.observe(canvas);
     return () => observer.disconnect();
   }, [peaks, fillStyle]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "canvas",
     {
       ref: canvasRef,
@@ -4400,8 +4667,8 @@ var WaveformView = ({
 };
 
 // src/components/ScrollingWaveform.tsx
-import { useEffect as useEffect12, useRef as useRef12 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useRef as useRef13 } from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var ScrollingWaveform = ({
   getPeakDb,
   active,
@@ -4409,11 +4676,11 @@ var ScrollingWaveform = ({
   className,
   fillStyle
 }) => {
-  const canvasRef = useRef12(null);
-  const ringRef = useRef12(new Float32Array(columns));
-  const writeIdxRef = useRef12(0);
-  const rafRef = useRef12(null);
-  useEffect12(() => {
+  const canvasRef = useRef13(null);
+  const ringRef = useRef13(new Float32Array(columns));
+  const writeIdxRef = useRef13(0);
+  const rafRef = useRef13(null);
+  useEffect13(() => {
     if (ringRef.current.length !== columns) {
       const next = new Float32Array(columns);
       const prev = ringRef.current;
@@ -4425,7 +4692,7 @@ var ScrollingWaveform = ({
       writeIdxRef.current = writeIdxRef.current % columns;
     }
   }, [columns]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!active) {
       if (rafRef.current !== null) {
         cancelAnimationFrame(rafRef.current);
@@ -4477,7 +4744,7 @@ var ScrollingWaveform = ({
       }
     };
   }, [active, getPeakDb, fillStyle]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "canvas",
     {
       ref: canvasRef,
@@ -4488,8 +4755,8 @@ var ScrollingWaveform = ({
 };
 
 // src/components/OffsetScrubber.tsx
-import { useCallback as useCallback10, useEffect as useEffect13, useMemo as useMemo6, useRef as useRef13, useState as useState14 } from "react";
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useCallback as useCallback11, useEffect as useEffect14, useMemo as useMemo7, useRef as useRef14, useState as useState16 } from "react";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var SLIDER_HEIGHT_PX = 28;
 var TICK_HEIGHT_PX = 14;
 var DOWNBEAT_TICK_HEIGHT_PX = 22;
@@ -4502,40 +4769,40 @@ function OffsetScrubber({
   onChange,
   disabled = false
 }) {
-  const trackRef = useRef13(null);
-  const [draftOffset, setDraftOffset] = useState14(offsetSamples);
-  const [isDragging, setIsDragging] = useState14(false);
-  useEffect13(() => {
+  const trackRef = useRef14(null);
+  const [draftOffset, setDraftOffset] = useState16(offsetSamples);
+  const [isDragging, setIsDragging] = useState16(false);
+  useEffect14(() => {
     if (!isDragging) setDraftOffset(offsetSamples);
   }, [offsetSamples, isDragging]);
   const sampleRate = cuePoints?.sample_rate ?? 44100;
   const detectedBpm = cuePoints?.detected_bpm ?? projectBpm;
-  const beatsForRange = useMemo6(() => {
+  const beatsForRange = useMemo7(() => {
     return Math.round(60 / projectBpm * sampleRate);
   }, [projectBpm, sampleRate]);
   const rangeSamples = beatsForRange * meter;
-  const sampleToFraction = useCallback10(
+  const sampleToFraction = useCallback11(
     (sample) => {
       const clamped = Math.max(-rangeSamples, Math.min(rangeSamples, sample));
       return (clamped + rangeSamples) / (2 * rangeSamples);
     },
     [rangeSamples]
   );
-  const fractionToSample = useCallback10(
+  const fractionToSample = useCallback11(
     (fraction) => {
       const clamped = Math.max(0, Math.min(1, fraction));
       return Math.round(clamped * 2 * rangeSamples - rangeSamples);
     },
     [rangeSamples]
   );
-  const snapTargets = useMemo6(() => {
+  const snapTargets = useMemo7(() => {
     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 = useCallback10(
+  const snapToBeat = useCallback11(
     (sample) => {
       if (snapTargets.length === 0) return sample;
       let best = snapTargets[0];
@@ -4551,7 +4818,7 @@ function OffsetScrubber({
     },
     [snapTargets]
   );
-  const handlePointerDown = useCallback10(
+  const handlePointerDown = useCallback11(
     (e) => {
       if (disabled || !cuePoints) return;
       e.preventDefault();
@@ -4585,7 +4852,7 @@ function OffsetScrubber({
     },
     [disabled, cuePoints, fractionToSample, onChange, snapToBeat]
   );
-  const handleResetToZero = useCallback10(() => {
+  const handleResetToZero = useCallback11(() => {
     if (disabled) return;
     setDraftOffset(0);
     onChange(0);
@@ -4593,7 +4860,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 = useMemo6(() => {
+  const ticks = useMemo7(() => {
     if (!cuePoints) return [];
     const downbeat = cuePoints.beats[0] ?? 0;
     return cuePoints.beats.map((b, i) => {
@@ -4604,9 +4871,9 @@ function OffsetScrubber({
     });
   }, [cuePoints, sampleToFraction]);
   const isDisabled = disabled || !cuePoints || cuePoints.beats.length === 0;
-  return /* @__PURE__ */ jsxs16("div", { "data-testid": "offset-scrubber", className: "flex items-center gap-2 w-full", children: [
-    /* @__PURE__ */ jsx22("span", { className: "text-[9px] text-sas-muted/60 uppercase tracking-wide flex-shrink-0", children: "Align" }),
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17("div", { "data-testid": "offset-scrubber", className: "flex items-center gap-2 w-full", children: [
+    /* @__PURE__ */ jsx23("span", { className: "text-[9px] text-sas-muted/60 uppercase tracking-wide flex-shrink-0", children: "Align" }),
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         ref: trackRef,
@@ -4622,7 +4889,7 @@ function OffsetScrubber({
         "aria-valuenow": draftOffset,
         "aria-disabled": isDisabled,
         children: [
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "div",
             {
               "aria-hidden": "true",
@@ -4630,7 +4897,7 @@ function OffsetScrubber({
               style: { left: "50%" }
             }
           ),
-          ticks.map((t) => /* @__PURE__ */ jsx22(
+          ticks.map((t) => /* @__PURE__ */ jsx23(
             "div",
             {
               "data-testid": t.isDownbeat ? "offset-tick-downbeat" : "offset-tick",
@@ -4645,7 +4912,7 @@ function OffsetScrubber({
             },
             t.i
           )),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "div",
             {
               "data-testid": "offset-scrubber-thumb",
@@ -4662,7 +4929,7 @@ function OffsetScrubber({
         ]
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "span",
       {
         "data-testid": "offset-scrubber-readout",
@@ -4670,7 +4937,7 @@ function OffsetScrubber({
         children: formatOffset(draftOffset, sampleRate)
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "button",
       {
         type: "button",
@@ -4682,7 +4949,7 @@ function OffsetScrubber({
         children: "\u2316"
       }
     ),
-    bpmMismatch && /* @__PURE__ */ jsx22(
+    bpmMismatch && /* @__PURE__ */ jsx23(
       "span",
       {
         "data-testid": "offset-bpm-mismatch",
@@ -4754,16 +5021,16 @@ function synthesizeCuePoints({
 }
 
 // src/panel-core/useGeneratorPanelCore.tsx
-import { useState as useState19, useEffect as useEffect16, useCallback as useCallback14, useRef as useRef17, useMemo as useMemo8 } from "react";
+import { useState as useState21, useEffect as useEffect17, useCallback as useCallback15, useRef as useRef18, useMemo as useMemo9 } from "react";
 
 // src/hooks/useSceneState.ts
-import { useState as useState15, useCallback as useCallback11, useRef as useRef14 } from "react";
+import { useState as useState17, useCallback as useCallback12, useRef as useRef15 } from "react";
 function useSceneState(activeSceneId, initialValue) {
-  const [stateMap, setStateMap] = useState15(() => /* @__PURE__ */ new Map());
-  const activeSceneIdRef = useRef14(activeSceneId);
+  const [stateMap, setStateMap] = useState17(() => /* @__PURE__ */ new Map());
+  const activeSceneIdRef = useRef15(activeSceneId);
   activeSceneIdRef.current = activeSceneId;
   const currentValue = activeSceneId !== null && stateMap.has(activeSceneId) ? stateMap.get(activeSceneId) : initialValue;
-  const setForCurrentScene = useCallback11((value) => {
+  const setForCurrentScene = useCallback12((value) => {
     const sid = activeSceneIdRef.current;
     if (sid === null) return;
     setStateMap((prev) => {
@@ -4774,7 +5041,7 @@ function useSceneState(activeSceneId, initialValue) {
       return newMap;
     });
   }, [initialValue]);
-  const setForScene = useCallback11((sceneId, value) => {
+  const setForScene = useCallback12((sceneId, value) => {
     setStateMap((prev) => {
       const current = prev.has(sceneId) ? prev.get(sceneId) : initialValue;
       const next = typeof value === "function" ? value(current) : value;
@@ -4787,10 +5054,10 @@ function useSceneState(activeSceneId, initialValue) {
 }
 
 // src/hooks/useAnySolo.ts
-import { useEffect as useEffect14, useState as useState16 } from "react";
+import { useEffect as useEffect15, useState as useState18 } from "react";
 function useAnySolo(host) {
-  const [anySolo, setAnySolo] = useState16(false);
-  useEffect14(() => {
+  const [anySolo, setAnySolo] = useState18(false);
+  useEffect15(() => {
     let active = true;
     const refresh = () => {
       host.isAnySoloActive().then((v) => {
@@ -4809,7 +5076,7 @@ function useAnySolo(host) {
 }
 
 // src/hooks/useSoundHistory.ts
-import { useCallback as useCallback12, useMemo as useMemo7, useRef as useRef15, useState as useState17 } from "react";
+import { useCallback as useCallback13, useMemo as useMemo8, useRef as useRef16, useState as useState19 } from "react";
 var EMPTY = { entries: [], cursor: -1 };
 function sameDescriptor(a, b) {
   if (a === b) return true;
@@ -4821,14 +5088,14 @@ function sameDescriptor(a, b) {
 }
 function useSoundHistory(applySound, opts = {}) {
   const max = Math.max(2, opts.max ?? 24);
-  const applyRef = useRef15(applySound);
+  const applyRef = useRef16(applySound);
   applyRef.current = applySound;
-  const onChangeRef = useRef15(opts.onChange);
+  const onChangeRef = useRef16(opts.onChange);
   onChangeRef.current = opts.onChange;
-  const dataRef = useRef15({});
-  const [, setVersion] = useState17(0);
-  const bump = useCallback12(() => setVersion((v) => v + 1), []);
-  const commit = useCallback12(
+  const dataRef = useRef16({});
+  const [, setVersion] = useState19(0);
+  const bump = useCallback13(() => setVersion((v) => v + 1), []);
+  const commit = useCallback13(
     (trackId, next, notify) => {
       dataRef.current = { ...dataRef.current, [trackId]: next };
       bump();
@@ -4836,7 +5103,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [bump]
   );
-  const record = useCallback12(
+  const record = useCallback13(
     (trackId, descriptor, label) => {
       const h = dataRef.current[trackId];
       const current = h && h.cursor >= 0 ? h.entries[h.cursor] : void 0;
@@ -4851,7 +5118,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [max, commit]
   );
-  const restoreTo = useCallback12(
+  const restoreTo = useCallback13(
     async (trackId, index) => {
       const h = dataRef.current[trackId];
       if (!h || index < 0 || index >= h.entries.length || index === h.cursor) return false;
@@ -4861,7 +5128,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [commit]
   );
-  const undo = useCallback12(
+  const undo = useCallback13(
     (trackId) => {
       const h = dataRef.current[trackId];
       if (!h || h.cursor <= 0) return Promise.resolve(false);
@@ -4869,7 +5136,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [restoreTo]
   );
-  const toggleFavorite = useCallback12(
+  const toggleFavorite = useCallback13(
     (trackId, index) => {
       const h = dataRef.current[trackId];
       if (!h || index < 0 || index >= h.entries.length) return;
@@ -4878,7 +5145,7 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [commit]
   );
-  const restore = useCallback12(
+  const restore = useCallback13(
     (trackId, state) => {
       const entries = Array.isArray(state?.entries) ? [...state.entries] : [];
       const raw = typeof state?.cursor === "number" ? state.cursor : entries.length - 1;
@@ -4887,15 +5154,15 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [commit]
   );
-  const list = useCallback12(
+  const list = useCallback13(
     (trackId) => dataRef.current[trackId] ?? EMPTY,
     []
   );
-  const canUndo = useCallback12((trackId) => {
+  const canUndo = useCallback13((trackId) => {
     const h = dataRef.current[trackId];
     return !!h && h.cursor > 0;
   }, []);
-  const clear = useCallback12(
+  const clear = useCallback13(
     (trackId) => {
       if (dataRef.current[trackId]) {
         const next = { ...dataRef.current };
@@ -4907,11 +5174,11 @@ function useSoundHistory(applySound, opts = {}) {
     },
     [bump]
   );
-  const reset = useCallback12(() => {
+  const reset = useCallback13(() => {
     dataRef.current = {};
     bump();
   }, [bump]);
-  return useMemo7(
+  return useMemo8(
     () => ({ record, undo, restoreTo, list, canUndo, clear, reset, restore, toggleFavorite }),
     [record, undo, restoreTo, list, canUndo, clear, reset, restore, toggleFavorite]
   );
@@ -5044,7 +5311,7 @@ function resolveTrackGroups(parsedGroups, tracks, getDbId, opts = {}) {
 }
 
 // src/panel-core/useTransitionOps.ts
-import { useCallback as useCallback13, useEffect as useEffect15, useRef as useRef16, useState as useState18 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect16, useRef as useRef17, useState as useState20 } from "react";
 function useTransitionOps({
   host,
   adapter,
@@ -5061,8 +5328,8 @@ function useTransitionOps({
   resolvedFades
 }) {
   const { identity } = adapter;
-  const appliedFadeAutomationRef = useRef16(/* @__PURE__ */ new Set());
-  const applyCrossfadeAutomation = useCallback13(
+  const appliedFadeAutomationRef = useRef17(/* @__PURE__ */ new Set());
+  const applyCrossfadeAutomation = useCallback14(
     async (originTrackId, targetTrackId, bars, bpm, sliderPos) => {
       if (host.setTrackVolumeAutomation) {
         const curves = buildCrossfadeVolumeCurves(bars, bpm, sliderPos);
@@ -5079,7 +5346,7 @@ function useTransitionOps({
     },
     [host]
   );
-  const applyFadeAutomation = useCallback13(
+  const applyFadeAutomation = useCallback14(
     async (trackId, direction, bars, bpm, sliderPos, gesture) => {
       if (!host.setTrackVolumeAutomation) return;
       const points = buildFadeVolumeCurve(bars, bpm, direction, sliderPos, gesture);
@@ -5088,8 +5355,8 @@ function useTransitionOps({
     },
     [host]
   );
-  const [isCreatingCrossfade, setIsCreatingCrossfade] = useState18(false);
-  const handleCreateCrossfade = useCallback13(
+  const [isCreatingCrossfade, setIsCreatingCrossfade] = useState20(false);
+  const handleCreateCrossfade = useCallback14(
     async (origin, target) => {
       const scene = activeSceneId;
       const fromSceneId = sceneContext?.transitionFromSceneId ?? "";
@@ -5217,8 +5484,8 @@ function useTransitionOps({
       loadTracks
     ]
   );
-  const [isCreatingFade, setIsCreatingFade] = useState18(false);
-  const handleCreateFade = useCallback13(
+  const [isCreatingFade, setIsCreatingFade] = useState20(false);
+  const handleCreateFade = useCallback14(
     async (selection, direction, gesture) => {
       const scene = activeSceneId;
       const fromSceneId = sceneContext?.transitionFromSceneId ?? "";
@@ -5328,7 +5595,7 @@ function useTransitionOps({
       loadTracks
     ]
   );
-  const handleCrossfadeMute = useCallback13(
+  const handleCrossfadeMute = useCallback14(
     (pair) => {
       const newMuted = !pair.origin.runtimeState.muted;
       for (const id of [pair.origin.handle.id, pair.target.handle.id]) {
@@ -5343,7 +5610,7 @@ function useTransitionOps({
     },
     [host, setTracks]
   );
-  const handleCrossfadeSolo = useCallback13(
+  const handleCrossfadeSolo = useCallback14(
     (pair) => {
       const newSolo = !pair.origin.runtimeState.solo;
       for (const id of [pair.origin.handle.id, pair.target.handle.id]) {
@@ -5358,7 +5625,7 @@ function useTransitionOps({
     },
     [host, setTracks]
   );
-  const handleCrossfadeDelete = useCallback13(
+  const handleCrossfadeDelete = useCallback14(
     async (pair) => {
       try {
         for (const member of [pair.origin, pair.target]) {
@@ -5384,8 +5651,8 @@ function useTransitionOps({
     },
     [host, activeSceneId, setCrossfadePairsMeta, setTracks]
   );
-  const crossfadeSliderTimers = useRef16({});
-  const handleCrossfadeSlider = useCallback13(
+  const crossfadeSliderTimers = useRef17({});
+  const handleCrossfadeSlider = useCallback14(
     (pair, pos) => {
       setCrossfadePairsMeta(
         (prev) => prev.map((p) => p.groupId === pair.groupId ? { ...p, sliderPos: pos } : p)
@@ -5418,7 +5685,7 @@ function useTransitionOps({
     },
     [host, activeSceneId, applyCrossfadeAutomation, setCrossfadePairsMeta]
   );
-  const handleFadeDelete = useCallback13(
+  const handleFadeDelete = useCallback14(
     async (fade) => {
       try {
         await host.deleteTrack(fade.track.handle.id);
@@ -5438,8 +5705,8 @@ function useTransitionOps({
     },
     [host, activeSceneId, setFadesMeta, setTracks]
   );
-  const fadeSliderTimers = useRef16({});
-  const handleFadeSlider = useCallback13(
+  const fadeSliderTimers = useRef17({});
+  const handleFadeSlider = useCallback14(
     (fade, pos) => {
       setFadesMeta(
         (prev) => prev.map((f) => f.dbId === fade.dbId ? { ...f, meta: { ...f.meta, sliderPos: pos } } : f)
@@ -5469,8 +5736,8 @@ function useTransitionOps({
     },
     [host, activeSceneId, applyFadeAutomation, setFadesMeta]
   );
-  const lastResyncKeyRef = useRef16("");
-  useEffect15(() => {
+  const lastResyncKeyRef = useRef17("");
+  useEffect16(() => {
     if (!host.getTrackSound || resolvedCrossfadePairs.length === 0 && resolvedFades.length === 0) {
       return;
     }
@@ -5511,7 +5778,7 @@ function useTransitionOps({
       cancelled = true;
     };
   }, [resolvedCrossfadePairs, resolvedFades, host, adapter]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!host.setTrackVolumeAutomation || resolvedFades.length === 0) return;
     void (async () => {
       const mc = await host.getMusicalContext();
@@ -5545,7 +5812,7 @@ function useTransitionOps({
 }
 
 // src/panel-core/useGeneratorPanelCore.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var EMPTY_PLACEHOLDERS = [];
 function useGeneratorPanelCore({
   ui,
@@ -5565,8 +5832,8 @@ function useGeneratorPanelCore({
   } = ui;
   const { identity, features } = adapter;
   const logTag = identity.logTag;
-  const adapterRef = useRef17(adapter);
-  useEffect16(() => {
+  const adapterRef = useRef18(adapter);
+  useEffect17(() => {
     if (adapterRef.current !== adapter) {
       adapterRef.current = adapter;
       console.warn(
@@ -5576,27 +5843,27 @@ function useGeneratorPanelCore({
   }, [adapter, logTag]);
   const supportsMeters = typeof host.getTrackLevels === "function";
   const trackLevels = useTrackLevels(host, isExpanded);
-  const [tracks, setTracks] = useState19([]);
-  const [isLoadingTracks, setIsLoadingTracks] = useState19(false);
-  const [importOpen, setImportOpen] = useState19(false);
-  const [soundImportTarget, setSoundImportTarget] = useState19(null);
-  const [designerView, setDesignerView] = useState19(false);
-  const [transitionSourceTotal, setTransitionSourceTotal] = useState19(0);
-  const [crossfadePairsMeta, setCrossfadePairsMeta] = useState19([]);
-  const [fadesMeta, setFadesMeta] = useState19([]);
-  const [genericGroupMetas, setGenericGroupMetas] = useState19({});
+  const [tracks, setTracks] = useState21([]);
+  const [isLoadingTracks, setIsLoadingTracks] = useState21(false);
+  const [importOpen, setImportOpen] = useState21(false);
+  const [soundImportTarget, setSoundImportTarget] = useState21(null);
+  const [designerView, setDesignerView] = useState21(false);
+  const [transitionSourceTotal, setTransitionSourceTotal] = useState21(0);
+  const [crossfadePairsMeta, setCrossfadePairsMeta] = useState21([]);
+  const [fadesMeta, setFadesMeta] = useState21([]);
+  const [genericGroupMetas, setGenericGroupMetas] = useState21({});
   const [isComposing, , setIsComposingForScene] = useSceneState(activeSceneId, false);
   const [placeholders, , setPlaceholdersForScene] = useSceneState(
     activeSceneId,
     EMPTY_PLACEHOLDERS
   );
-  const saveTimeoutRefs = useRef17({});
-  const editLoadStartedRef = useRef17(/* @__PURE__ */ new Set());
-  const [availableInstruments, setAvailableInstruments] = useState19([]);
-  const [instrumentsLoading, setInstrumentsLoading] = useState19(false);
-  const engineToDbIdRef = useRef17(/* @__PURE__ */ new Map());
-  const tracksLoadedForSceneRef = useRef17(null);
-  const persistSoundHistory = useCallback14(
+  const saveTimeoutRefs = useRef18({});
+  const editLoadStartedRef = useRef18(/* @__PURE__ */ new Set());
+  const [availableInstruments, setAvailableInstruments] = useState21([]);
+  const [instrumentsLoading, setInstrumentsLoading] = useState21(false);
+  const engineToDbIdRef = useRef18(/* @__PURE__ */ new Map());
+  const tracksLoadedForSceneRef = useRef18(null);
+  const persistSoundHistory = useCallback15(
     (trackId, state) => {
       if (!activeSceneId) return;
       const dbId = engineToDbIdRef.current.get(trackId) ?? trackId;
@@ -5616,7 +5883,7 @@ function useGeneratorPanelCore({
     setItems: setTracks,
     getId: (t) => t.handle.dbId
   });
-  const loadTracks = useCallback14(
+  const loadTracks = useCallback15(
     async (incremental = false) => {
       const sceneAtStart = activeSceneId;
       if (!sceneAtStart) {
@@ -5741,18 +6008,18 @@ function useGeneratorPanelCore({
     },
     [host, activeSceneId, soundHistory, adapter, logTag]
   );
-  useEffect16(() => {
+  useEffect17(() => {
     loadTracks();
   }, [loadTracks]);
-  useEffect16(() => {
+  useEffect17(() => {
     const map = /* @__PURE__ */ new Map();
     for (const t of tracks) {
       map.set(t.handle.id, t.handle.dbId);
     }
     engineToDbIdRef.current = map;
   }, [tracks]);
-  const loadedCompletedIdsRef = useRef17(/* @__PURE__ */ new Set());
-  useEffect16(() => {
+  const loadedCompletedIdsRef = useRef18(/* @__PURE__ */ new Set());
+  useEffect17(() => {
     if (placeholders.length === 0) {
       loadedCompletedIdsRef.current.clear();
       return;
@@ -5771,16 +6038,16 @@ function useGeneratorPanelCore({
       loadTracks(true);
     }
   }, [placeholders, loadTracks, logTag]);
-  const adoptAndLoad = useCallback14(() => {
+  const adoptAndLoad = useCallback15(() => {
     loadTracks(true);
   }, [loadTracks]);
-  useEffect16(() => {
+  useEffect17(() => {
     const unsub = host.onEngineReady(() => {
       adoptAndLoad();
     });
     return unsub;
   }, [host, adoptAndLoad]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (typeof host.onAfterAgentMutation !== "function") return;
     let timer = null;
     const unsub = host.onAfterAgentMutation(() => {
@@ -5795,13 +6062,13 @@ function useGeneratorPanelCore({
       if (timer) clearTimeout(timer);
     };
   }, [host, loadTracks]);
-  useEffect16(() => {
+  useEffect17(() => {
     const unsub = host.onTrackStateChange((trackId, state) => {
       setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, runtimeState: state } : t));
     });
     return unsub;
   }, [host]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!features.bulkComposePlaceholders) return;
     console.log(`[${logTag}] Subscribing to composeProgress`);
     const unsub = host.onComposeProgress((event) => {
@@ -5835,7 +6102,7 @@ function useGeneratorPanelCore({
     });
     return unsub;
   }, [host, setIsComposingForScene, setPlaceholdersForScene, features.bulkComposePlaceholders, logTag]);
-  useEffect16(() => {
+  useEffect17(() => {
     const refs = saveTimeoutRefs;
     return () => {
       for (const timeout of Object.values(refs.current)) {
@@ -5843,9 +6110,9 @@ function useGeneratorPanelCore({
       }
     };
   }, []);
-  const isAddingTrackRef = useRef17(false);
-  const [isAddingTrack, setIsAddingTrack] = useState19(false);
-  const handleAddTrack = useCallback14(async () => {
+  const isAddingTrackRef = useRef18(false);
+  const [isAddingTrack, setIsAddingTrack] = useState21(false);
+  const handleAddTrack = useCallback15(async () => {
     if (isAddingTrackRef.current) return;
     if (!activeSceneId) {
       host.showToast("warning", "Select SCENE");
@@ -5885,7 +6152,7 @@ function useGeneratorPanelCore({
       setIsAddingTrack(false);
     }
   }, [host, adapter, identity, activeSceneId, isConnected, isAuthenticated, tracks.length, onExpandSelf]);
-  const handlePortTrack = useCallback14(
+  const handlePortTrack = useCallback15(
     async (sel) => {
       if (!activeSceneId) {
         host.showToast("warning", "Select SCENE");
@@ -5942,7 +6209,7 @@ function useGeneratorPanelCore({
     },
     [host, adapter, identity, activeSceneId, isConnected, tracks.length, loadTracks]
   );
-  const handleSoundImportPick = useCallback14(
+  const handleSoundImportPick = useCallback15(
     async (sel) => {
       const target = soundImportTarget;
       if (!target || !host.getTrackSound) {
@@ -5973,8 +6240,8 @@ function useGeneratorPanelCore({
     },
     [soundImportTarget, host, adapter, identity.familyKey, soundHistory]
   );
-  const [isExportingMidi, setIsExportingMidi] = useState19(false);
-  const handleExportMidi = useCallback14(async () => {
+  const [isExportingMidi, setIsExportingMidi] = useState21(false);
+  const handleExportMidi = useCallback15(async () => {
     if (isExportingMidi) return;
     setIsExportingMidi(true);
     try {
@@ -6005,10 +6272,10 @@ function useGeneratorPanelCore({
   const xfFromId = sceneContext?.transitionFromSceneId ?? null;
   const xfToId = sceneContext?.transitionToSceneId ?? null;
   const canCrossfade = features.transitionDesigner && sceneContext?.sceneType === "transition" && !!xfFromId && !!xfToId && !!host.listSceneFamilyTracks;
-  useEffect16(() => {
+  useEffect17(() => {
     if (!canCrossfade) setDesignerView(false);
   }, [canCrossfade]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!canCrossfade || !xfFromId || !xfToId || !host.listSceneFamilyTracks) {
       setTransitionSourceTotal(0);
       return;
@@ -6024,12 +6291,12 @@ function useGeneratorPanelCore({
     };
   }, [canCrossfade, xfFromId, xfToId, host]);
   const transitionDone = crossfadePairsMeta.length * 2 + fadesMeta.length;
-  useEffect16(() => {
+  useEffect17(() => {
     if (!onHeaderContent) return;
     const addDisabled = needsContract || !isConnected || !activeSceneId || tracks.length >= identity.maxTracks || isAddingTrack;
     onHeaderContent(
-      /* @__PURE__ */ jsxs17("div", { className: "flex gap-1 items-center", children: [
-        features.importTracks && (!canCrossfade || !designerView) && host.listImportableTracks && /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsxs18("div", { className: "flex gap-1 items-center", children: [
+        features.importTracks && (!canCrossfade || !designerView) && host.listImportableTracks && /* @__PURE__ */ jsx24(
           "button",
           {
             "data-testid": `import-from-scene-${identity.familyKey}-button`,
@@ -6043,7 +6310,7 @@ function useGeneratorPanelCore({
             children: identity.importTrackLabel ?? "Import Track"
           }
         ),
-        (!canCrossfade || !designerView) && /* @__PURE__ */ jsx23(
+        (!canCrossfade || !designerView) && /* @__PURE__ */ jsx24(
           "button",
           {
             "data-testid": `add-${identity.familyKey}-track-button`,
@@ -6059,7 +6326,7 @@ function useGeneratorPanelCore({
             children: identity.addTrackLabel ?? "Add Track"
           }
         ),
-        canCrossfade && /* @__PURE__ */ jsxs17(
+        canCrossfade && /* @__PURE__ */ jsxs18(
           "button",
           {
             "data-testid": `${identity.familyKey}-view-toggle`,
@@ -6078,7 +6345,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__ */ jsx23(
+              transitionSourceTotal > 0 && /* @__PURE__ */ jsx24(
                 "span",
                 {
                   className: "absolute inset-y-0 left-0 bg-sas-accent/25",
@@ -6086,7 +6353,7 @@ function useGeneratorPanelCore({
                   "aria-hidden": true
                 }
               ),
-              /* @__PURE__ */ jsxs17("span", { className: "relative", children: [
+              /* @__PURE__ */ jsxs18("span", { className: "relative", children: [
                 "\u21C4 ",
                 designerView ? "Transition" : "Tracks",
                 transitionSourceTotal > 0 ? ` ${transitionDone}/${transitionSourceTotal}` : ""
@@ -6117,7 +6384,7 @@ function useGeneratorPanelCore({
     identity,
     features.importTracks
   ]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!onLoading) return;
     const anyGenerating = tracks.some((t) => t.isGenerating);
     onLoading(isLoadingTracks || anyGenerating || isBulkActive);
@@ -6125,7 +6392,7 @@ function useGeneratorPanelCore({
       onLoading(false);
     };
   }, [onLoading, isLoadingTracks, tracks, isBulkActive]);
-  const handleDeleteTrack = useCallback14(
+  const handleDeleteTrack = useCallback15(
     async (trackId) => {
       try {
         await host.deleteTrack(trackId);
@@ -6141,7 +6408,7 @@ function useGeneratorPanelCore({
     },
     [host, activeSceneId]
   );
-  const handlePromptChange = useCallback14(
+  const handlePromptChange = useCallback15(
     (trackId, prompt) => {
       setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, prompt } : t));
       const dbId = engineToDbIdRef.current.get(trackId) ?? trackId;
@@ -6157,7 +6424,7 @@ function useGeneratorPanelCore({
     },
     [host, activeSceneId]
   );
-  const resolvedGenericGroups = useMemo8(() => {
+  const resolvedGenericGroups = useMemo9(() => {
     const out = {};
     for (const ext of adapter.groupExtensions ?? []) {
       out[ext.metaKey] = resolveTrackGroups(
@@ -6171,18 +6438,18 @@ function useGeneratorPanelCore({
     }
     return out;
   }, [adapter, genericGroupMetas, tracks]);
-  const genericGroupMemberDbIds = useMemo8(() => {
+  const genericGroupMemberDbIds = useMemo9(() => {
     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 = useCallback14(
+  const engineToDbId = useCallback15(
     (trackId) => engineToDbIdRef.current.get(trackId) ?? trackId,
     []
   );
-  const updateTrack = useCallback14(
+  const updateTrack = useCallback15(
     (trackId, patch) => {
       setTracks(
         (prev) => prev.map(
@@ -6192,18 +6459,18 @@ function useGeneratorPanelCore({
     },
     []
   );
-  const markEditLoaded = useCallback14((trackId) => {
+  const markEditLoaded = useCallback15((trackId) => {
     editLoadStartedRef.current.add(trackId);
   }, []);
-  const tracksRef = useRef17(tracks);
-  useEffect16(() => {
+  const tracksRef = useRef18(tracks);
+  useEffect17(() => {
     tracksRef.current = tracks;
   }, [tracks]);
-  const resolvedGenericGroupsRef = useRef17(resolvedGenericGroups);
-  useEffect16(() => {
+  const resolvedGenericGroupsRef = useRef18(resolvedGenericGroups);
+  useEffect17(() => {
     resolvedGenericGroupsRef.current = resolvedGenericGroups;
   }, [resolvedGenericGroups]);
-  const makeServices = useCallback14(() => {
+  const makeServices = useCallback15(() => {
     return {
       host,
       activeSceneId,
@@ -6222,7 +6489,7 @@ function useGeneratorPanelCore({
       resolvedGroups: (metaKey) => resolvedGenericGroupsRef.current[metaKey]?.resolved ?? []
     };
   }, [host, activeSceneId, updateTrack, loadTracks, soundHistory, engineToDbId, markEditLoaded, identity, adapter]);
-  const handleGenerate = useCallback14(
+  const handleGenerate = useCallback15(
     async (trackId) => {
       const track = tracks.find((t) => t.handle.id === trackId);
       if (!track || !track.prompt.trim()) return;
@@ -6249,7 +6516,7 @@ function useGeneratorPanelCore({
     },
     [host, adapter, tracks, isAuthenticated, makeServices]
   );
-  const handleMuteToggle = useCallback14(
+  const handleMuteToggle = useCallback15(
     (trackId) => {
       const track = tracks.find((t) => t.handle.id === trackId);
       if (!track) return;
@@ -6269,7 +6536,7 @@ function useGeneratorPanelCore({
     },
     [host, tracks]
   );
-  const handleSoloToggle = useCallback14(
+  const handleSoloToggle = useCallback15(
     (trackId) => {
       const track = tracks.find((t) => t.handle.id === trackId);
       if (!track) return;
@@ -6289,7 +6556,7 @@ function useGeneratorPanelCore({
     },
     [host, tracks]
   );
-  const handleVolumeChange = useCallback14(
+  const handleVolumeChange = useCallback15(
     (trackId, volume) => {
       setTracks(
         (prev) => prev.map((t) => t.handle.id === trackId ? { ...t, runtimeState: { ...t.runtimeState, volume } } : t)
@@ -6299,7 +6566,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handlePanChange = useCallback14(
+  const handlePanChange = useCallback15(
     (trackId, pan) => {
       setTracks(
         (prev) => prev.map((t) => t.handle.id === trackId ? { ...t, runtimeState: { ...t.runtimeState, pan } } : t)
@@ -6309,7 +6576,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleShuffle = useCallback14(
+  const handleShuffle = useCallback15(
     async (trackId) => {
       const track = tracks.find((t) => t.handle.id === trackId);
       if (!track) return;
@@ -6351,7 +6618,7 @@ function useGeneratorPanelCore({
     },
     [host, adapter, tracks, soundHistory, logTag]
   );
-  const handleCopy = useCallback14(
+  const handleCopy = useCallback15(
     async (trackId) => {
       try {
         const newHandle = await host.duplicateTrack(trackId);
@@ -6364,7 +6631,7 @@ function useGeneratorPanelCore({
     },
     [host, loadTracks]
   );
-  const handleFxToggle = useCallback14(
+  const handleFxToggle = useCallback15(
     (trackId, category, enabled) => {
       setTracks(
         (prev) => prev.map(
@@ -6387,7 +6654,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleFxPresetChange = useCallback14(
+  const handleFxPresetChange = useCallback15(
     (trackId, category, presetIndex) => {
       setTracks(
         (prev) => prev.map(
@@ -6413,7 +6680,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleFxDryWetChange = useCallback14(
+  const handleFxDryWetChange = useCallback15(
     (trackId, category, value) => {
       setTracks(
         (prev) => prev.map(
@@ -6425,7 +6692,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const toggleFxDrawer = useCallback14(
+  const toggleFxDrawer = useCallback15(
     (trackId) => {
       setTracks(
         (prev) => prev.map((t) => {
@@ -6447,7 +6714,7 @@ function useGeneratorPanelCore({
     },
     [host, tracks]
   );
-  const loadEditNotes = useCallback14(
+  const loadEditNotes = useCallback15(
     async (trackId) => {
       try {
         const mc = await host.getMusicalContext();
@@ -6465,7 +6732,7 @@ function useGeneratorPanelCore({
     },
     [host, logTag]
   );
-  const handleNotesChange = useCallback14(
+  const handleNotesChange = useCallback15(
     (trackId, notes) => {
       setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, editNotes: notes } : t));
       const key = `edit:${trackId}`;
@@ -6495,7 +6762,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleTabChange = useCallback14(
+  const handleTabChange = useCallback15(
     (trackId, tab) => {
       setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, drawerOpen: true, drawerTab: tab } : t));
       if (tab === "fx") {
@@ -6520,10 +6787,10 @@ function useGeneratorPanelCore({
     },
     [host, availableInstruments.length, instrumentsLoading, loadEditNotes]
   );
-  const handleProgressChange = useCallback14((trackId, pct) => {
+  const handleProgressChange = useCallback15((trackId, pct) => {
     setTracks((prev) => prev.map((t) => t.handle.id === trackId ? { ...t, generationProgress: pct } : t));
   }, []);
-  const handleToggleDrawer = useCallback14((trackId) => {
+  const handleToggleDrawer = useCallback15((trackId) => {
     setTracks(
       (prev) => prev.map((t) => {
         if (t.handle.id !== trackId) return t;
@@ -6532,7 +6799,7 @@ function useGeneratorPanelCore({
       })
     );
   }, []);
-  const handleInstrumentSelect = useCallback14(
+  const handleInstrumentSelect = useCallback15(
     async (trackId, pluginId) => {
       const isDefaultInstrument = pluginId === (identity.defaultInstrumentPluginId ?? "Surge XT");
       if (isDefaultInstrument) {
@@ -6585,7 +6852,7 @@ function useGeneratorPanelCore({
     },
     [host, identity.defaultInstrumentPluginId, logTag]
   );
-  const handleShowEditor = useCallback14(
+  const handleShowEditor = useCallback15(
     async (trackId) => {
       try {
         await host.showInstrumentEditor(trackId);
@@ -6596,12 +6863,12 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const handleBackToInstruments = useCallback14((trackId) => {
+  const handleBackToInstruments = useCallback15((trackId) => {
     setTracks(
       (prev) => prev.map((t) => t.handle.id === trackId ? { ...t, editorStage: false } : t)
     );
   }, []);
-  const handleRefreshInstruments = useCallback14(() => {
+  const handleRefreshInstruments = useCallback15(() => {
     setInstrumentsLoading(true);
     host.getAvailableInstruments().then((instruments) => {
       setAvailableInstruments(instruments);
@@ -6610,13 +6877,13 @@ function useGeneratorPanelCore({
       setInstrumentsLoading(false);
     });
   }, [host]);
-  const onAuditionNote = useCallback14(
+  const onAuditionNote = useCallback15(
     (trackId, pitch, velocity, ms) => {
       void host.auditionNote(trackId, pitch, velocity, ms);
     },
     [host]
   );
-  const { resolvedCrossfadePairs, crossfadeMemberDbIds } = useMemo8(() => {
+  const { resolvedCrossfadePairs, crossfadeMemberDbIds } = useMemo9(() => {
     const byDbId = new Map(tracks.map((t) => [t.handle.dbId, t]));
     const pairs = [];
     const members = /* @__PURE__ */ new Set();
@@ -6631,7 +6898,7 @@ function useGeneratorPanelCore({
     }
     return { resolvedCrossfadePairs: pairs, crossfadeMemberDbIds: members };
   }, [tracks, crossfadePairsMeta]);
-  const { resolvedFades, fadeMemberDbIds } = useMemo8(() => {
+  const { resolvedFades, fadeMemberDbIds } = useMemo9(() => {
     const byDbId = new Map(tracks.map((t) => [t.handle.dbId, t]));
     const list = [];
     const members = /* @__PURE__ */ new Set();
@@ -6659,7 +6926,7 @@ function useGeneratorPanelCore({
     resolvedCrossfadePairs,
     resolvedFades
   });
-  const setGroupMute = useCallback14(
+  const setGroupMute = useCallback15(
     (trackIds, muted) => {
       for (const id of trackIds) {
         setTracks(
@@ -6671,7 +6938,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const setGroupSolo = useCallback14(
+  const setGroupSolo = useCallback15(
     (trackIds, solo) => {
       for (const id of trackIds) {
         setTracks(
@@ -6683,7 +6950,7 @@ function useGeneratorPanelCore({
     },
     [host]
   );
-  const deleteGroup = useCallback14(
+  const deleteGroup = useCallback15(
     async (members, cleanupKeySuffixes) => {
       for (const member of members) {
         try {
@@ -6703,7 +6970,7 @@ function useGeneratorPanelCore({
     },
     [host, activeSceneId, loadTracks]
   );
-  const handlers = useMemo8(
+  const handlers = useMemo9(
     () => ({
       promptChange: handlePromptChange,
       generate: (trackId) => {
@@ -6817,8 +7084,8 @@ function useGeneratorPanelCore({
 }
 
 // src/panel-core/GeneratorPanelShell.tsx
-import React20, { useCallback as useCallback15 } from "react";
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import React21, { useCallback as useCallback16 } from "react";
+import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function GeneratorPanelShell({ core, slots }) {
   const {
     ui,
@@ -6871,8 +7138,9 @@ function GeneratorPanelShell({ core, slots }) {
     deleteGroup
   } = core;
   const { host, activeSceneId, isAuthenticated, sceneContext, onSelectScene, onOpenContract } = ui;
+  const panelBus = usePanelBus(host, activeSceneId);
   const { identity, features } = adapter;
-  const buildRowProps = useCallback15(
+  const buildRowProps = useCallback16(
     (track, drag) => {
       const id = track.handle.id;
       const pickerProps = features.instrumentPicker ? {
@@ -6971,12 +7239,12 @@ function GeneratorPanelShell({ core, slots }) {
     ]
   );
   if (!activeSceneId) {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       "div",
       {
         "data-testid": `no-scene-placeholder-${identity.familyKey}`,
         className: "flex items-center justify-center py-8",
-        children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx25(
           "button",
           {
             onClick: () => onSelectScene?.(),
@@ -6988,12 +7256,12 @@ function GeneratorPanelShell({ core, slots }) {
     );
   }
   if (!sceneContext?.hasContract) {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       "div",
       {
         "data-testid": `no-contract-placeholder-${identity.familyKey}`,
         className: "flex items-center justify-center py-8",
-        children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx25(
           "button",
           {
             onClick: () => onOpenContract?.(),
@@ -7005,7 +7273,7 @@ function GeneratorPanelShell({ core, slots }) {
     );
   }
   if (features.bulkComposePlaceholders && isComposing) {
-    return /* @__PURE__ */ jsx24("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2", children: /* @__PURE__ */ jsx24(SorceryProgressBar, { isLoading: true, statusText: "COMPOSING...", heightClass: "h-10" }) });
+    return /* @__PURE__ */ jsx25("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2", children: /* @__PURE__ */ jsx25(SorceryProgressBar, { isLoading: true, statusText: "COMPOSING...", heightClass: "h-10" }) });
   }
   const activePlaceholders = features.bulkComposePlaceholders ? placeholders : [];
   if (activePlaceholders.length > 0) {
@@ -7016,18 +7284,18 @@ function GeneratorPanelShell({ core, slots }) {
         tracksByDbId.set(t.handle.id, t);
       }
     }
-    return /* @__PURE__ */ jsx24("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2 space-y-2", children: activePlaceholders.map((ph) => {
+    return /* @__PURE__ */ jsx25("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__ */ jsx24(TrackRow, { ...buildRowProps(loadedTrack) }, ph.id);
+        return /* @__PURE__ */ jsx25(TrackRow, { ...buildRowProps(loadedTrack) }, ph.id);
       }
-      return /* @__PURE__ */ jsx24(
+      return /* @__PURE__ */ jsx25(
         "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__ */ jsx24(SorceryProgressBar, { isLoading: true, statusText: "CONJURING MIDI...", heightClass: "h-10" })
+          children: /* @__PURE__ */ jsx25(SorceryProgressBar, { isLoading: true, statusText: "CONJURING MIDI...", heightClass: "h-10" })
         },
         ph.id
       );
@@ -7039,13 +7307,13 @@ function GeneratorPanelShell({ core, slots }) {
     supportsMeters,
     levels: supportsMeters ? trackLevels : void 0,
     handlers,
-    renderDefaultTrackRow: (track, overrides, drag) => /* @__PURE__ */ jsx24(TrackRow, { ...{ ...buildRowProps(track, drag), ...overrides ?? {} } }, track.handle.id),
+    renderDefaultTrackRow: (track, overrides, drag) => /* @__PURE__ */ jsx25(TrackRow, { ...{ ...buildRowProps(track, drag), ...overrides ?? {} } }, track.handle.id),
     setGroupMute,
     setGroupSolo,
     deleteGroup
   };
-  return /* @__PURE__ */ jsxs18("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2 space-y-2", children: [
-    features.importTracks && host.listImportableTracks && /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs19("div", { "data-testid": `${identity.familyKey}-section`, className: "p-2 space-y-2", children: [
+    features.importTracks && host.listImportableTracks && /* @__PURE__ */ jsx25(
       ImportTrackModal,
       {
         host,
@@ -7058,7 +7326,7 @@ function GeneratorPanelShell({ core, slots }) {
         testIdPrefix: `${identity.familyKey}-import`
       }
     ),
-    features.importTracks && host.listImportableTracks && host.getTrackSound && /* @__PURE__ */ jsx24(
+    features.importTracks && host.listImportableTracks && host.getTrackSound && /* @__PURE__ */ jsx25(
       ImportTrackModal,
       {
         host,
@@ -7073,7 +7341,7 @@ function GeneratorPanelShell({ core, slots }) {
       }
     ),
     slots?.modals,
-    canCrossfade && xfFromId && xfToId && /* @__PURE__ */ jsx24("div", { className: designerView ? "contents" : "hidden", children: /* @__PURE__ */ jsx24(
+    canCrossfade && xfFromId && xfToId && /* @__PURE__ */ jsx25("div", { className: designerView ? "contents" : "hidden", children: /* @__PURE__ */ jsx25(
       TransitionDesigner,
       {
         host,
@@ -7090,9 +7358,28 @@ function GeneratorPanelShell({ core, slots }) {
         testIdPrefix: `${identity.familyKey}-transition-designer`
       }
     ) }),
-    !(designerView && canCrossfade) && (isLoadingTracks ? /* @__PURE__ */ jsx24("div", { className: "text-sas-muted text-xs text-center py-4", children: "Loading tracks..." }) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
+    !(designerView && canCrossfade) && (isLoadingTracks ? /* @__PURE__ */ jsx25("div", { className: "text-sas-muted text-xs text-center py-4", children: "Loading tracks..." }) : /* @__PURE__ */ jsxs19(Fragment6, { children: [
+      panelBus.supported && panelBus.bus && /* @__PURE__ */ jsx25(
+        PanelMasterStrip,
+        {
+          bus: panelBus.bus,
+          availableFx: panelBus.availableFx,
+          fxLoading: panelBus.fxLoading,
+          soloedOut: anySolo && !panelBus.bus.soloed,
+          fxPickerOpen: panelBus.fxPickerOpen,
+          onToggleFxPicker: panelBus.setFxPickerOpen,
+          onRefreshFx: panelBus.refreshFx,
+          onVolumeChange: panelBus.onVolumeChange,
+          onMuteToggle: panelBus.onMuteToggle,
+          onSoloToggle: panelBus.onSoloToggle,
+          onAddFx: panelBus.onAddFx,
+          onRemoveFx: panelBus.onRemoveFx,
+          onToggleFxEnabled: panelBus.onToggleFxEnabled,
+          onShowFxEditor: panelBus.onShowFxEditor
+        }
+      ),
       slots?.beforeRows,
-      resolvedCrossfadePairs.map((pair) => /* @__PURE__ */ jsx24(
+      resolvedCrossfadePairs.map((pair) => /* @__PURE__ */ jsx25(
         CrossfadeTrackRow,
         {
           accentColor: identity.transitionAccentColor,
@@ -7129,7 +7416,7 @@ function GeneratorPanelShell({ core, slots }) {
         },
         pair.groupId
       )),
-      resolvedFades.map((fade) => /* @__PURE__ */ jsx24(
+      resolvedFades.map((fade) => /* @__PURE__ */ jsx25(
         FadeTrackRow,
         {
           accentColor: identity.transitionAccentColor,
@@ -7155,20 +7442,20 @@ function GeneratorPanelShell({ core, slots }) {
         fade.dbId
       )),
       (adapter.groupExtensions ?? []).flatMap(
-        (ext) => (resolvedGenericGroups[ext.metaKey]?.resolved ?? []).map((group) => /* @__PURE__ */ jsx24(React20.Fragment, { children: ext.renderGroup(group, groupCtx) }, `${ext.metaKey}:${group.groupId}`))
+        (ext) => (resolvedGenericGroups[ext.metaKey]?.resolved ?? []).map((group) => /* @__PURE__ */ jsx25(React21.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__ */ jsx24(TrackRow, { ...buildRowProps(track, reorder.dragPropsFor(index)) }, track.handle.id);
+        return /* @__PURE__ */ jsx25(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__ */ jsx24("div", { className: "pt-2", children: /* @__PURE__ */ jsx24(
+      return /* @__PURE__ */ jsx25("div", { className: "pt-2", children: /* @__PURE__ */ jsx25(
         "button",
         {
           "data-testid": "export-midi-tracks-button",
@@ -7236,7 +7523,7 @@ function createSurgeSoundAdapter(host, overrides = {}) {
 }
 
 // src/constants/sdk-version.ts
-var PLUGIN_SDK_VERSION = "2.35.0";
+var PLUGIN_SDK_VERSION = "2.37.0";
 
 // src/utils/format-concurrent-tracks.ts
 function formatConcurrentTracks(ctx) {
@@ -7411,6 +7698,7 @@ export {
   PLUGIN_SDK_VERSION,
   PX_PER_BEAT,
   PanSlider,
+  PanelMasterStrip,
   PianoRollEditor,
   PluginError,
   RESIZE_HANDLE_PX,
@@ -7475,6 +7763,7 @@ export {
   transposeNotes,
   useAnySolo,
   useGeneratorPanelCore,
+  usePanelBus,
   useSceneState,
   useSoundHistory,
   useTrackLevel,