@loopstack/loopstack-studio 0.23.0 → 0.24.0

package/dist/features/workbench/components/WorkbenchIconSidebar.js

@@ -3,7 +3,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ListOrdered, MonitorPlay, Navigation, Workflow } from "lucide-react";
+import { Files, KeyRound, ListOrdered, MonitorPlay, Navigation, Workflow } from "lucide-react";
 function IconButton(s) {
 	let l = c(11), { icon: u, label: d, active: f, onClick: p } = s, m = f ? "bg-foreground text-background" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground", h;
 	l[0] === m ? h = l[1] : (h = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors hover:cursor-pointer", m), l[0] = m, l[1] = h);
@@ -25,44 +25,64 @@ function IconButton(s) {
 	return l[8] !== g || l[9] !== _ ? (v = /* @__PURE__ */ jsxs(Tooltip, { children: [g, _] }), l[8] = g, l[9] = _, l[10] = v) : v = l[10], v;
 }
 function WorkbenchIconSidebar() {
-	let e = c(20), { previewPanelEnabled: i, isDeveloperMode: a, activeFloatingPanel: o, toggleFloatingPanel: h, activeSidePanel: g, toggleSidePanel: _ } = useWorkbenchLayout(), v;
-	e[0] !== g || e[1] !== i || e[2] !== _ ? (v = i && /* @__PURE__ */ jsx(IconButton, {
+	let e = c(32), { previewPanelEnabled: i, fileExplorerEnabled: a, isDeveloperMode: o, activeFloatingPanel: _, toggleFloatingPanel: v, activeSidePanel: y, toggleSidePanel: b } = useWorkbenchLayout(), x;
+	e[0] !== y || e[1] !== i || e[2] !== b ? (x = i && /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(MonitorPlay, { className: "h-5 w-5" }),
 		label: "Preview",
-		active: g === "preview",
-		onClick: () => _("preview")
-	}), e[0] = g, e[1] = i, e[2] = _, e[3] = v) : v = e[3];
-	let y;
-	e[4] !== o || e[5] !== g || e[6] !== a || e[7] !== h || e[8] !== _ ? (y = a && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+		active: y === "preview",
+		onClick: () => b("preview")
+	}), e[0] = y, e[1] = i, e[2] = b, e[3] = x) : x = e[3];
+	let S;
+	e[4] !== _ || e[5] !== y || e[6] !== o || e[7] !== v || e[8] !== b ? (S = o && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(Workflow, { className: "h-5 w-5" }),
 		label: "Graph",
-		active: g === "flow",
-		onClick: () => _("flow")
+		active: y === "flow",
+		onClick: () => b("flow")
 	}), /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(ListOrdered, { className: "h-5 w-5" }),
 		label: "Run Log",
-		active: o === "history",
-		onClick: () => h("history")
-	})] }), e[4] = o, e[5] = g, e[6] = a, e[7] = h, e[8] = _, e[9] = y) : y = e[9];
-	let b;
-	e[10] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(Navigation, { className: "h-5 w-5" }), e[10] = b) : b = e[10];
-	let x = o === "navigation", S;
-	e[11] === h ? S = e[12] : (S = () => h("navigation"), e[11] = h, e[12] = S);
+		active: _ === "history",
+		onClick: () => v("history")
+	})] }), e[4] = _, e[5] = y, e[6] = o, e[7] = v, e[8] = b, e[9] = S) : S = e[9];
 	let C;
-	e[13] !== x || e[14] !== S ? (C = /* @__PURE__ */ jsx(IconButton, {
-		icon: b,
+	e[10] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(Navigation, { className: "h-5 w-5" }), e[10] = C) : C = e[10];
+	let w = _ === "navigation", T;
+	e[11] === v ? T = e[12] : (T = () => v("navigation"), e[11] = v, e[12] = T);
+	let E;
+	e[13] !== w || e[14] !== T ? (E = /* @__PURE__ */ jsx(IconButton, {
+		icon: C,
 		label: "Navigate",
-		active: x,
-		onClick: S
-	}), e[13] = x, e[14] = S, e[15] = C) : C = e[15];
-	let w;
-	return e[16] !== v || e[17] !== y || e[18] !== C ? (w = /* @__PURE__ */ jsxs("div", {
+		active: w,
+		onClick: T
+	}), e[13] = w, e[14] = T, e[15] = E) : E = e[15];
+	let D;
+	e[16] !== y || e[17] !== a || e[18] !== b ? (D = a && /* @__PURE__ */ jsx(IconButton, {
+		icon: /* @__PURE__ */ jsx(Files, { className: "h-5 w-5" }),
+		label: "Files",
+		active: y === "files",
+		onClick: () => b("files")
+	}), e[16] = y, e[17] = a, e[18] = b, e[19] = D) : D = e[19];
+	let O;
+	e[20] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ jsx(KeyRound, { className: "h-5 w-5" }), e[20] = O) : O = e[20];
+	let k = _ === "secrets", A;
+	e[21] === v ? A = e[22] : (A = () => v("secrets"), e[21] = v, e[22] = A);
+	let j;
+	e[23] !== k || e[24] !== A ? (j = /* @__PURE__ */ jsx(IconButton, {
+		icon: O,
+		label: "Secrets",
+		active: k,
+		onClick: A
+	}), e[23] = k, e[24] = A, e[25] = j) : j = e[25];
+	let M;
+	return e[26] !== x || e[27] !== S || e[28] !== j || e[29] !== E || e[30] !== D ? (M = /* @__PURE__ */ jsxs("div", {
 		className: "border-l bg-background flex w-12 shrink-0 flex-col items-center gap-1 py-2",
 		children: [
-			v,
-			y,
-			C
+			x,
+			S,
+			E,
+			D,
+			j
 		]
-	}), e[16] = v, e[17] = y, e[18] = C, e[19] = w) : w = e[19], w;
+	}), e[26] = x, e[27] = S, e[28] = j, e[29] = E, e[30] = D, e[31] = M) : M = e[31], M;
 }
 export { WorkbenchIconSidebar };

package/dist/features/workbench/components/WorkbenchSecretsPanel.js

@@ -0,0 +1,182 @@
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { Label } from "../../../components/ui/label.js";
+import { useCreateSecret, useDeleteSecret, useUpdateSecret, useWorkspaceSecrets } from "../../../hooks/useSecrets.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { KeyRound, Loader2, Plus, Trash2 } from "lucide-react";
+function WorkbenchSecretsPanel() {
+	let _ = c(46), { pipeline: v } = useWorkbenchLayout(), y = v?.workspaceId, { data: b, isLoading: x } = useWorkspaceSecrets(y), S = useCreateSecret(), C = useUpdateSecret(), w = useDeleteSecret(), [T, E] = useState(""), [D, O] = useState(""), [k, A] = useState(null), [j, M] = useState(""), N;
+	_[0] !== S || _[1] !== T || _[2] !== D || _[3] !== y ? (N = async () => {
+		!y || !T.trim() || !D.trim() || (await S.mutateAsync({
+			workspaceId: y,
+			key: T.trim(),
+			value: D
+		}), E(""), O(""));
+	}, _[0] = S, _[1] = T, _[2] = D, _[3] = y, _[4] = N) : N = _[4];
+	let P = N, F;
+	_[5] !== j || _[6] !== C || _[7] !== y ? (F = async (n) => {
+		!y || !j || (await C.mutateAsync({
+			workspaceId: y,
+			id: n,
+			value: j
+		}), A(null), M(""));
+	}, _[5] = j, _[6] = C, _[7] = y, _[8] = F) : F = _[8];
+	let I = F, L;
+	_[9] !== w || _[10] !== y ? (L = async (n) => {
+		y && await w.mutateAsync({
+			workspaceId: y,
+			id: n
+		});
+	}, _[9] = w, _[10] = y, _[11] = L) : L = _[11];
+	let R = L, z;
+	_[12] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ jsxs("div", {
+		className: "border-b px-4 py-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(KeyRound, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("h3", {
+				className: "text-sm font-medium",
+				children: "Secrets"
+			})]
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-1 text-xs",
+			children: "Manage environment variables for this workspace."
+		})]
+	}), _[12] = z) : z = _[12];
+	let B;
+	_[13] !== j || _[14] !== k || _[15] !== R || _[16] !== I || _[17] !== x || _[18] !== b ? (B = /* @__PURE__ */ jsx("div", {
+		className: "flex-1 overflow-y-auto px-4 py-3",
+		children: x ? /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 py-4",
+			children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-sm",
+				children: "Loading..."
+			})]
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [b?.map((g) => /* @__PURE__ */ jsxs("div", {
+				className: "bg-muted/50 flex items-center gap-2 rounded-md px-3 py-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "font-mono text-sm",
+						children: g.key
+					}), /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-xs",
+						children: g.hasValue ? "Value set" : "No value"
+					})]
+				}), k === g.id ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx(Input, {
+							type: "password",
+							value: j,
+							onChange: (n) => M(n.target.value),
+							placeholder: "New value",
+							className: "h-7 w-32 text-xs"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "outline",
+							className: "h-7 text-xs",
+							onClick: () => void I(g.id),
+							children: "Save"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "ghost",
+							className: "h-7 text-xs",
+							onClick: () => {
+								A(null), M("");
+							},
+							children: "Cancel"
+						})
+					]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						className: "h-7 text-xs",
+						onClick: () => {
+							A(g.id), M("");
+						},
+						children: "Update"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						className: "h-7",
+						onClick: () => void R(g.id),
+						children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+					})]
+				})]
+			}, g.id)), b?.length === 0 && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground py-4 text-center text-sm",
+				children: "No secrets yet."
+			})]
+		})
+	}), _[13] = j, _[14] = k, _[15] = R, _[16] = I, _[17] = x, _[18] = b, _[19] = B) : B = _[19];
+	let V;
+	_[20] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(Label, {
+		className: "text-xs",
+		children: "Add Secret"
+	}), _[20] = V) : V = _[20];
+	let H;
+	_[21] === Symbol.for("react.memo_cache_sentinel") ? (H = (n) => E(n.target.value), _[21] = H) : H = _[21];
+	let U;
+	_[22] === T ? U = _[23] : (U = /* @__PURE__ */ jsx(Input, {
+		value: T,
+		onChange: H,
+		placeholder: "KEY_NAME",
+		className: "font-mono text-sm"
+	}), _[22] = T, _[23] = U);
+	let W;
+	_[24] === Symbol.for("react.memo_cache_sentinel") ? (W = (n) => O(n.target.value), _[24] = W) : W = _[24];
+	let G;
+	_[25] === D ? G = _[26] : (G = /* @__PURE__ */ jsx(Input, {
+		type: "password",
+		value: D,
+		onChange: W,
+		placeholder: "Value",
+		className: "text-sm"
+	}), _[25] = D, _[26] = G);
+	let K;
+	_[27] !== S.isPending || _[28] !== T || _[29] !== D ? (K = !T.trim() || !D.trim() || S.isPending, _[27] = S.isPending, _[28] = T, _[29] = D, _[30] = K) : K = _[30];
+	let q;
+	_[31] === P ? q = _[32] : (q = () => void P(), _[31] = P, _[32] = q);
+	let J;
+	_[33] === S.isPending ? J = _[34] : (J = S.isPending ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-3 w-3" }), _[33] = S.isPending, _[34] = J);
+	let Y;
+	_[35] !== K || _[36] !== q || _[37] !== J ? (Y = /* @__PURE__ */ jsxs(Button, {
+		size: "sm",
+		className: "w-full",
+		disabled: K,
+		onClick: q,
+		children: [J, "Add Secret"]
+	}), _[35] = K, _[36] = q, _[37] = J, _[38] = Y) : Y = _[38];
+	let X;
+	_[39] !== Y || _[40] !== U || _[41] !== G ? (X = /* @__PURE__ */ jsx("div", {
+		className: "border-t px-4 py-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				V,
+				U,
+				G,
+				Y
+			]
+		})
+	}), _[39] = Y, _[40] = U, _[41] = G, _[42] = X) : X = _[42];
+	let Z;
+	return _[43] !== X || _[44] !== B ? (Z = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col",
+		children: [
+			z,
+			B,
+			X
+		]
+	}), _[43] = X, _[44] = B, _[45] = Z) : Z = _[45], Z;
+}
+export { WorkbenchSecretsPanel };

package/dist/features/workbench/hooks/useWorkflowData.js

@@ -1,12 +1,12 @@
-import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
 import { useRunPipeline } from "../../../hooks/useProcessor.js";
-import { useWorkflow } from "../../../hooks/useWorkflows.js";
+import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
 import { useFilterDocuments } from "../../../hooks/useDocuments.js";
+import { useWorkflow } from "../../../hooks/useWorkflows.js";
 import { c } from "react/compiler-runtime";
 import { useCallback, useMemo } from "react";
 var import_enums = require_enums();
-function useWorkflowData(e) {
-	let o = c(22), { workflowId: s, showFullMessageHistory: l } = e, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunPipeline(), p;
+function useWorkflowData(r) {
+	let o = c(22), { workflowId: s, showFullMessageHistory: l } = r, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunPipeline(), p;
 	o[0] !== u.data?.place || o[1] !== l ? (p = (e) => {
 		let r = e.meta, i = e.ui, a = r?.hidden || i?.hidden || !!r?.hideAtPlaces?.includes(u.data?.place ?? "");
 		return !l && e.tags?.includes("internal") && (a = !0), !a;

package/dist/features/workbench/providers/RemoteFileExplorerProvider.js

@@ -0,0 +1,160 @@
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+function getBaseUrl() {
+	return "http://localhost:8000";
+}
+async function refreshToken() {
+	return (await fetch(`${getBaseUrl()}/api/v1/auth/refresh`, {
+		method: "POST",
+		credentials: "include"
+	})).ok;
+}
+async function fetchWithRefresh(e, l) {
+	let u = await fetch(e, l);
+	return (u.status === 401 || u.status === 403) && await refreshToken() ? fetch(e, l) : u;
+}
+var RemoteFileExplorerContext = createContext(null);
+function RemoteFileExplorerProvider(l) {
+	let u = c(45), { children: d } = l, f = useQueryClient(), p;
+	u[0] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ new Set(), u[0] = p) : p = u[0];
+	let [m, h] = useState(p), g;
+	u[1] === Symbol.for("react.memo_cache_sentinel") ? (g = [], u[1] = g) : g = u[1];
+	let [_, v] = useState(g), [y, b] = useState(null), x;
+	u[2] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+		queryKey: ["remote-agent-file-tree"],
+		queryFn: _temp,
+		staleTime: 3e4,
+		retry: !1
+	}, u[2] = x) : x = u[2];
+	let S = useQuery(x), C = y?.path, w;
+	u[3] === C ? w = u[4] : (w = ["remote-agent-file-content", C], u[3] = C, u[4] = w);
+	let T;
+	u[5] === y ? T = u[6] : (T = async () => {
+		let e = getBaseUrl(), l = new URL(`${e}/api/v1/files/read`);
+		l.searchParams.set("path", y.path);
+		let u = await fetchWithRefresh(l.toString(), { credentials: "include" });
+		if (!u.ok) {
+			let e = await u.text();
+			throw Error(`Failed to read file (${u.status}): ${e}`);
+		}
+		return (await u.json()).content;
+	}, u[5] = y, u[6] = T);
+	let E = !!y && y.type === "file", D;
+	u[7] !== w || u[8] !== T || u[9] !== E ? (D = {
+		queryKey: w,
+		queryFn: T,
+		enabled: E,
+		staleTime: 15e3,
+		retry: !1
+	}, u[7] = w, u[8] = T, u[9] = E, u[10] = D) : D = u[10];
+	let O = useQuery(D), k;
+	u[11] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
+		h((l) => {
+			let u = new Set(l);
+			return u.has(e) ? u.delete(e) : u.add(e), u;
+		});
+	}, u[11] = k) : k = u[11];
+	let A = k, j;
+	u[12] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
+		e.type === "file" && (b(e), v((l) => l.some((l) => l.path === e.path) ? l : [...l, e]));
+	}, u[12] = j) : j = u[12];
+	let M = j, N;
+	u[13] === y?.path ? N = u[14] : (N = (e) => {
+		v((l) => {
+			let u = l.filter((l) => l.path !== e.path);
+			if (y?.path === e.path) if (u.length > 0) {
+				let d = l.findIndex((l) => l.path === e.path);
+				b(u[Math.max(0, d - 1)]);
+			} else b(null);
+			return u;
+		});
+	}, u[13] = y?.path, u[14] = N);
+	let P = N, F;
+	u[15] === y ? F = u[16] : (F = () => {
+		y && v((e) => {
+			let l = e.filter((e) => e.path !== y.path);
+			if (l.length > 0) {
+				let u = e.findIndex((e) => e.path === y.path);
+				b(l[Math.max(0, u - 1)]);
+			} else b(null);
+			return l;
+		});
+	}, u[15] = y, u[16] = F);
+	let I = F, L;
+	u[17] === Symbol.for("react.memo_cache_sentinel") ? (L = () => {
+		v([]), b(null);
+	}, u[17] = L) : L = u[17];
+	let R = L, z;
+	u[18] === Symbol.for("react.memo_cache_sentinel") ? (z = (e) => {
+		v([e]), b(e);
+	}, u[18] = z) : z = u[18];
+	let B = z, V;
+	u[19] === y ? V = u[20] : (V = (e) => {
+		v((l) => {
+			let u = l.findIndex((l) => l.path === e.path);
+			if (u <= 0) return l;
+			let d = l.slice(u);
+			return y && l.findIndex((e) => e.path === y.path) < u && b(e), d;
+		});
+	}, u[19] = y, u[20] = V);
+	let H = V, U;
+	u[21] === y ? U = u[22] : (U = (e) => {
+		v((l) => {
+			let u = l.findIndex((l) => l.path === e.path);
+			if (u < 0 || u >= l.length - 1) return l;
+			let d = l.slice(0, u + 1);
+			return y && l.findIndex((e) => e.path === y.path) > u && b(e), d;
+		});
+	}, u[21] = y, u[22] = U);
+	let W = U, G;
+	u[23] === f ? G = u[24] : (G = () => {
+		f.invalidateQueries({ queryKey: ["remote-agent-file-tree"] });
+	}, u[23] = f, u[24] = G);
+	let K = G, q;
+	u[25] === S.data ? q = u[26] : (q = S.data ?? [], u[25] = S.data, u[26] = q);
+	let J = S.isLoading && !S.data, Y = O.data ?? null, X = O.isLoading && !!y, Z;
+	u[27] !== I || u[28] !== P || u[29] !== H || u[30] !== W || u[31] !== m || u[32] !== _ || u[33] !== K || u[34] !== y || u[35] !== q || u[36] !== J || u[37] !== Y || u[38] !== X || u[39] !== S.error || u[40] !== S.isFetching ? (Z = {
+		nodes: q,
+		isTreeLoading: J,
+		treeError: S.error,
+		openFiles: _,
+		selectedFile: y,
+		fileContent: Y,
+		isContentLoading: X,
+		expandedFolders: m,
+		toggleFolder: A,
+		selectFile: M,
+		closeFile: P,
+		closeAll: R,
+		closeOthers: B,
+		closeToLeft: H,
+		closeToRight: W,
+		clearSelection: I,
+		refreshTree: K,
+		isFetchingTree: S.isFetching
+	}, u[27] = I, u[28] = P, u[29] = H, u[30] = W, u[31] = m, u[32] = _, u[33] = K, u[34] = y, u[35] = q, u[36] = J, u[37] = Y, u[38] = X, u[39] = S.error, u[40] = S.isFetching, u[41] = Z) : Z = u[41];
+	let Q = Z, $;
+	return u[42] !== d || u[43] !== Q ? ($ = /* @__PURE__ */ jsx(RemoteFileExplorerContext.Provider, {
+		value: Q,
+		children: d
+	}), u[42] = d, u[43] = Q, u[44] = $) : $ = u[44], $;
+}
+async function _temp() {
+	let e = await fetchWithRefresh(`${getBaseUrl()}/api/v1/files/tree?path=./src`, { credentials: "include" });
+	if (!e.ok) {
+		let l = await e.text();
+		throw Error(`Failed to load file tree (${e.status}): ${l}`);
+	}
+	return await e.json();
+}
+function useRemoteFileExplorer() {
+	let e = useContext(RemoteFileExplorerContext);
+	if (!e) throw Error("useRemoteFileExplorer must be used within RemoteFileExplorerProvider");
+	return e;
+}
+function useOptionalRemoteFileExplorer() {
+	return useContext(RemoteFileExplorerContext);
+}
+export { RemoteFileExplorerProvider, useOptionalRemoteFileExplorer, useRemoteFileExplorer };

package/dist/features/workbench/providers/WorkbenchLayoutProvider.js

@@ -3,74 +3,77 @@ import { createContext, useCallback, useContext, useMemo, useState } from "react
 import { jsx } from "react/jsx-runtime";
 var WorkbenchLayoutContext = createContext(null);
 function WorkbenchLayoutProvider(a) {
-	let o = c(39), { children: s, pipeline: l, isDeveloperMode: u, workspaceConfig: d, getPreviewUrl: f, getEnvironmentPreviewUrl: p, environments: m, previewPanelOpen: h, onPreviewPanelOpenChange: g } = a, _ = u === void 0 ? !1 : u, [v, y] = useState(null), [b, x] = useState(null), [S, C] = useState("preview"), [w, T] = useState(null), [E, D] = useState(""), O = h !== void 0, k = O ? h ? b ?? "preview" : null : b, A = d?.features?.previewPanel?.enabled ?? !1, j;
+	let o = c(44), { children: s, pipeline: l, isDeveloperMode: u, workspaceConfig: d, getPreviewUrl: f, getEnvironmentPreviewUrl: p, environments: m, previewPanelOpen: h, onPreviewPanelOpenChange: g } = a, _ = u === void 0 ? !1 : u, [v, y] = useState(null), [b, x] = useState(null), [S, C] = useState("preview"), [w, T] = useState(null), [E, D] = useState(""), O = h !== void 0, k = O ? h ? b ?? "preview" : null : b, A = d?.features?.previewPanel?.enabled ?? !1, j;
 	o[0] === m ? j = o[1] : (j = m === void 0 || m.some(_temp), o[0] = m, o[1] = j);
-	let M = A && j, N = k !== null, P;
-	o[2] !== O || o[3] !== g ? (P = (t) => {
-		O && g?.(t !== null), x(t);
-	}, o[2] = O, o[3] = g, o[4] = P) : P = o[4];
-	let F = P, I;
-	o[5] === F ? I = o[6] : (I = (t) => {
-		y((a) => a === t ? null : t), F(null);
-	}, o[5] = F, o[6] = I);
+	let M = A && j, N;
+	o[2] !== m?.[0]?.slotId || o[3] !== d?.features?.fileExplorer?.enabled || o[4] !== d?.features?.fileExplorer?.environments ? (N = d?.features?.fileExplorer?.enabled && d?.features?.fileExplorer?.environments?.includes(m?.[0]?.slotId ?? ""), o[2] = m?.[0]?.slotId, o[3] = d?.features?.fileExplorer?.enabled, o[4] = d?.features?.fileExplorer?.environments, o[5] = N) : N = o[5];
+	let P = N, F = k !== null, I;
+	o[6] !== O || o[7] !== g ? (I = (e) => {
+		O && g?.(e !== null), x(e);
+	}, o[6] = O, o[7] = g, o[8] = I) : I = o[8];
 	let L = I, R;
-	o[7] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
-		y(null);
-	}, o[7] = R) : R = o[7];
+	o[9] === L ? R = o[10] : (R = (e) => {
+		y((a) => a === e ? null : e), L(null);
+	}, o[9] = L, o[10] = R);
 	let z = R, B;
-	o[8] !== k || o[9] !== F ? (B = (t) => {
-		let a = k === t ? null : t;
-		F(a), a && y(null);
-	}, o[8] = k, o[9] = F, o[10] = B) : B = o[10];
+	o[11] === Symbol.for("react.memo_cache_sentinel") ? (B = () => {
+		y(null);
+	}, o[11] = B) : B = o[11];
 	let V = B, H;
-	o[11] === F ? H = o[12] : (H = () => {
-		F(null);
-	}, o[11] = F, o[12] = H);
+	o[12] !== k || o[13] !== L ? (H = (e) => {
+		let a = k === e ? null : e;
+		L(a), a && y(null);
+	}, o[12] = k, o[13] = L, o[14] = H) : H = o[14];
 	let U = H, W;
-	o[13] === F ? W = o[14] : (W = (t) => {
-		D(t), F("preview"), y(null);
-	}, o[13] = F, o[14] = W);
+	o[15] === L ? W = o[16] : (W = () => {
+		L(null);
+	}, o[15] = L, o[16] = W);
 	let G = W, K;
-	o[15] === V ? K = o[16] : (K = () => {
-		V("preview");
-	}, o[15] = V, o[16] = K);
+	o[17] === L ? K = o[18] : (K = (e) => {
+		D(e), L("preview"), y(null);
+	}, o[17] = L, o[18] = K);
 	let q = K, J;
-	o[17] !== v || o[18] !== S || o[19] !== w || o[20] !== k || o[21] !== U || o[22] !== m || o[23] !== p || o[24] !== f || o[25] !== _ || o[26] !== G || o[27] !== l || o[28] !== M || o[29] !== N || o[30] !== E || o[31] !== L || o[32] !== q || o[33] !== V || o[34] !== d ? (J = {
+	o[19] === U ? J = o[20] : (J = () => {
+		U("preview");
+	}, o[19] = U, o[20] = J);
+	let Y = J, X = P ?? !1, Z;
+	o[21] !== v || o[22] !== S || o[23] !== w || o[24] !== k || o[25] !== G || o[26] !== m || o[27] !== p || o[28] !== f || o[29] !== _ || o[30] !== q || o[31] !== l || o[32] !== M || o[33] !== F || o[34] !== E || o[35] !== X || o[36] !== z || o[37] !== Y || o[38] !== U || o[39] !== d ? (Z = {
 		pipeline: l,
 		previewPanelEnabled: M,
+		fileExplorerEnabled: X,
 		isDeveloperMode: _,
 		workspaceConfig: d,
 		getPreviewUrl: f,
 		getEnvironmentPreviewUrl: p,
 		environments: m,
 		activeFloatingPanel: v,
-		toggleFloatingPanel: L,
-		closeFloatingPanel: z,
+		toggleFloatingPanel: z,
+		closeFloatingPanel: V,
 		activeSidePanel: k,
-		toggleSidePanel: V,
-		closeSidePanel: U,
+		toggleSidePanel: U,
+		closeSidePanel: G,
 		selectedSlotId: E,
 		setSelectedSlotId: D,
-		openPreviewWithEnvironment: G,
-		previewPanelOpen: N,
-		togglePreviewPanel: q,
+		openPreviewWithEnvironment: q,
+		previewPanelOpen: F,
+		togglePreviewPanel: Y,
 		activePreviewTab: S,
 		setActivePreviewTab: C,
 		activeSectionId: w,
 		setActiveSectionId: T
-	}, o[17] = v, o[18] = S, o[19] = w, o[20] = k, o[21] = U, o[22] = m, o[23] = p, o[24] = f, o[25] = _, o[26] = G, o[27] = l, o[28] = M, o[29] = N, o[30] = E, o[31] = L, o[32] = q, o[33] = V, o[34] = d, o[35] = J) : J = o[35];
-	let Y = J, X;
-	return o[36] !== s || o[37] !== Y ? (X = /* @__PURE__ */ jsx(WorkbenchLayoutContext.Provider, {
-		value: Y,
+	}, o[21] = v, o[22] = S, o[23] = w, o[24] = k, o[25] = G, o[26] = m, o[27] = p, o[28] = f, o[29] = _, o[30] = q, o[31] = l, o[32] = M, o[33] = F, o[34] = E, o[35] = X, o[36] = z, o[37] = Y, o[38] = U, o[39] = d, o[40] = Z) : Z = o[40];
+	let Q = Z, $;
+	return o[41] !== s || o[42] !== Q ? ($ = /* @__PURE__ */ jsx(WorkbenchLayoutContext.Provider, {
+		value: Q,
 		children: s
-	}), o[36] = s, o[37] = Y, o[38] = X) : X = o[38], X;
+	}), o[41] = s, o[42] = Q, o[43] = $) : $ = o[43], $;
 }
-function _temp(t) {
-	return !!t.connectionUrl && (!!t.workerId || t.local);
+function _temp(e) {
+	return !!e.connectionUrl && (!!e.workerId || e.local);
 }
 function useWorkbenchLayout() {
-	let t = useContext(WorkbenchLayoutContext);
-	if (!t) throw Error("useWorkbenchLayout must be used within a WorkbenchLayoutProvider");
-	return t;
+	let e = useContext(WorkbenchLayoutContext);
+	if (!e) throw Error("useWorkbenchLayout must be used within a WorkbenchLayoutProvider");
+	return e;
 }
 export { WorkbenchLayoutProvider, useWorkbenchLayout };

package/dist/features/workspaces/components/PipelineForm.js

@@ -2,9 +2,9 @@ import { useStudio } from "../../../providers/StudioProvider.js";
 import { usePipelineConfig } from "../../../hooks/useConfig.js";
 import { useCreatePipeline } from "../../../hooks/usePipelines.js";
 import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
+import { useRunPipeline } from "../../../hooks/useProcessor.js";
 import ArgumentsView_default from "./pipeline-form/ArgumentsView.js";
 import SelectionView_default from "./pipeline-form/SelectionView.js";
-import { useRunPipeline } from "../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";