@signalsandsorcery/plugin-sdk 1.0.0 → 1.2.1

package/dist/index.mjs

@@ -75,24 +75,60 @@ function InstrumentDrawer({
   currentPluginId,
   isLoading,
   onSelect,
-  onRefresh
+  onRefresh,
+  stage = "instruments",
+  onShowEditor,
+  onBackToInstruments,
+  selectedInstrumentName
 }) {
   const [search, setSearch] = useState("");
   const SURGE_XT_DEFAULT_ID = "Surge XT";
   const filtered = useMemo(() => {
-    const all = instruments.filter(
+    let all = instruments.filter(
       (i) => i.name !== "Surge XT"
     );
-    if (!search.trim()) return all;
-    const q = search.toLowerCase();
-    return all.filter(
-      (i) => i.name.toLowerCase().includes(q) || i.manufacturer.toLowerCase().includes(q)
-    );
-  }, [instruments, search]);
+    if (search.trim()) {
+      const q = search.toLowerCase();
+      all = all.filter(
+        (i) => i.name.toLowerCase().includes(q) || i.manufacturer.toLowerCase().includes(q)
+      );
+    }
+    if (currentPluginId) {
+      const selectedIdx = all.findIndex((i) => i.pluginId === currentPluginId);
+      if (selectedIdx > 0) {
+        const [selected] = all.splice(selectedIdx, 1);
+        all.unshift(selected);
+      }
+    }
+    return all;
+  }, [instruments, search, currentPluginId]);
   const isDefaultSelected = currentPluginId === null;
   const isSelected = (pluginId) => {
     return pluginId === currentPluginId;
   };
+  if (stage === "editor") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => onBackToInstruments?.(),
+            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",
+            children: "\u2190 Back"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-sas-muted font-medium truncate flex-1", children: selectedInstrumentName ?? "Plugin" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onShowEditor?.(),
+          className: "w-full py-2 text-xs font-medium rounded-sm border border-sas-accent bg-sas-accent/20 text-sas-accent hover:bg-sas-accent/40 transition-colors",
+          children: "Open Plugin Editor"
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx(
@@ -957,7 +993,10 @@ function TrackRow({
   currentInstrumentPluginId,
   onInstrumentSelect,
   instrumentsLoading,
-  onRefreshInstruments
+  onRefreshInstruments,
+  instrumentDrawerStage,
+  onShowEditor,
+  onBackToInstruments
 }) {
   const { muted: isMuted, solo: isSoloed, volume: currentVolume, pan: currentPan } = runtimeState;
   const needsGeneration = !!(prompt?.trim() && !hasMidi && !isGenerating);
@@ -1102,9 +1141,9 @@ function TrackRow({
                 {
                   "data-testid": "sdk-shuffle-button",
                   onClick: onShuffle,
-                  disabled: !hasMidi || isGenerating,
-                  className: `w-14 py-0.5 rounded-sm text-xs font-medium transition-colors border ${!hasMidi || isGenerating ? "bg-sas-panel border-sas-border text-sas-muted/30 cursor-not-allowed" : "bg-sas-panel-alt border-sas-border text-sas-muted hover:border-sas-accent hover:text-sas-accent"}`,
-                  title: hasMidi ? "Re-roll sound (keep MIDI)" : "Generate MIDI first",
+                  disabled: !hasMidi || isGenerating || !!currentInstrumentPluginId,
+                  className: `w-14 py-0.5 rounded-sm text-xs font-medium transition-colors border ${!hasMidi || isGenerating || !!currentInstrumentPluginId ? "bg-sas-panel border-sas-border text-sas-muted/30 cursor-not-allowed" : "bg-sas-panel-alt border-sas-border text-sas-muted hover:border-sas-accent hover:text-sas-accent"}`,
+                  title: currentInstrumentPluginId ? "Shuffle only works with default Surge XT" : hasMidi ? "Re-roll sound (keep MIDI)" : "Generate MIDI first",
                   children: "Shuffle"
                 }
               ),
@@ -1164,7 +1203,11 @@ function TrackRow({
         currentPluginId: currentInstrumentPluginId ?? null,
         isLoading: instrumentsLoading ?? false,
         onSelect: onInstrumentSelect,
-        onRefresh: onRefreshInstruments
+        onRefresh: onRefreshInstruments,
+        stage: instrumentDrawerStage,
+        onShowEditor,
+        onBackToInstruments,
+        selectedInstrumentName: instrumentName
       }
     ) })
   ] });