@loopstack/loopstack-studio 0.33.0 → 0.34.0

package/dist/features/file-explorer/components/FileExplorerPanel.js

@@ -1,13 +1,13 @@
 import { FileContentViewer } from "../../code-explorer/components/FileContentViewer.js";
 import "../../code-explorer/index.js";
+import { useFeatureConfig } from "../../feature-registry/FeatureRegistryProvider.js";
+import "../../feature-registry/index.js";
 import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
-import "../../workbench/index.js";
 import { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
+import "../../workbench/index.js";
 import { FileExplorerProvider, useOptionalFileExplorer } from "../providers/FileExplorerProvider.js";
 import { FileTabsBar } from "./FileTabsBar.js";
 import { FileTree } from "./FileTree.js";
-import { useFeatureConfig } from "../../feature-registry/FeatureRegistryProvider.js";
-import "../../feature-registry/index.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Files } from "lucide-react";
@@ -28,14 +28,14 @@ function FileExplorerContent() {
 		className: "w-52 shrink-0 overflow-auto border-r bg-muted/40",
 		children: /* @__PURE__ */ jsx(FileTree, {})
 	}), i[1] = o) : o = i[1];
-	let d;
-	i[2] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(FileTabsBar, {}), i[2] = d) : d = i[2];
+	let s;
+	i[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ jsx(FileTabsBar, {}), i[2] = s) : s = i[2];
 	let p;
 	return i[3] !== a.fileContent || i[4] !== a.isContentLoading || i[5] !== a.selectedFile ? (p = /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full",
 		children: [o, /* @__PURE__ */ jsxs("div", {
 			className: "flex min-w-0 flex-1 flex-col",
-			children: [d, /* @__PURE__ */ jsx("div", {
+			children: [s, /* @__PURE__ */ jsx("div", {
 				className: "flex-1 overflow-hidden p-3 pt-2",
 				children: /* @__PURE__ */ jsx(FileContentViewer, {
 					selectedFile: a.selectedFile,
@@ -48,52 +48,73 @@ function FileExplorerContent() {
 	}), i[3] = a.fileContent, i[4] = a.isContentLoading, i[5] = a.selectedFile, i[6] = p) : p = i[6], p;
 }
 function FileExplorerPanel(e) {
-	let s = c(21), { workspaceId: l } = e, { closePanel: u, panelSize: f, setPanelSize: m, environments: h } = useWorkbenchLayout(), g = useFeatureConfig("fileExplorer"), _;
-	s[0] === g?.config?.environments ? _ = s[1] : (_ = g?.config?.environments ?? [], s[0] = g?.config?.environments, s[1] = _);
-	let v = _, y = h?.[0]?.slotId ?? "", b;
-	s[2] !== v || s[3] !== y ? (b = v.length === 0 || v.includes(y), s[2] = v, s[3] = y, s[4] = b) : b = s[4];
-	let x = b;
-	if (!x) {
+	let l = c(26), { variant: u, featureId: d, title: f, description: m, workspaceId: h } = e, { closePanel: g, panelSize: _, setPanelSize: v, environments: y } = useWorkbenchLayout(), b = useFeatureConfig(d), x;
+	l[0] === b?.config?.environments ? x = l[1] : (x = b?.config?.environments ?? [], l[0] = b?.config?.environments, l[1] = x);
+	let S = x, C = y?.[0]?.slotId ?? "", w;
+	l[2] !== S || l[3] !== C ? (w = S.length === 0 || S.includes(C), l[2] = S, l[3] = C, l[4] = w) : w = l[4];
+	let T = w;
+	if (!T) {
 		let e;
-		s[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(Files, { className: "h-4 w-4" }), s[5] = e) : e = s[5];
+		l[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(Files, { className: "h-4 w-4" }), l[5] = e) : e = l[5];
 		let i;
-		s[6] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ jsx("div", {
+		l[6] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center p-4",
 			children: /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",
 				children: "File explorer is not available for this environment."
 			})
-		}), s[6] = i) : i = s[6];
-		let o;
-		return s[7] !== u || s[8] !== f || s[9] !== m ? (o = /* @__PURE__ */ jsx(SidebarPanel, {
+		}), l[6] = i) : i = l[6];
+		let a;
+		return l[7] !== g || l[8] !== m || l[9] !== _ || l[10] !== v || l[11] !== f ? (a = /* @__PURE__ */ jsx(SidebarPanel, {
 			icon: e,
-			title: "Files",
-			description: "Browse remote files.",
-			size: f,
-			onSizeChange: m,
-			onClose: u,
+			title: f,
+			description: m,
+			size: _,
+			onSizeChange: v,
+			onClose: g,
 			children: i
-		}), s[7] = u, s[8] = f, s[9] = m, s[10] = o) : o = s[10], o;
+		}), l[7] = g, l[8] = m, l[9] = _, l[10] = v, l[11] = f, l[12] = a) : a = l[12], a;
 	}
-	let S;
-	s[11] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(Files, { className: "h-4 w-4" }), s[11] = S) : S = s[11];
-	let C;
-	s[12] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(FileExplorerContent, {}), s[12] = C) : C = s[12];
-	let w;
-	s[13] !== x || s[14] !== l ? (w = /* @__PURE__ */ jsx(FileExplorerProvider, {
-		workspaceId: l,
-		enabled: x,
-		children: C
-	}), s[13] = x, s[14] = l, s[15] = w) : w = s[15];
-	let T;
-	return s[16] !== u || s[17] !== f || s[18] !== m || s[19] !== w ? (T = /* @__PURE__ */ jsx(SidebarPanel, {
-		icon: S,
+	let E;
+	l[13] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx(Files, { className: "h-4 w-4" }), l[13] = E) : E = l[13];
+	let D;
+	l[14] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(FileExplorerContent, {}), l[14] = D) : D = l[14];
+	let O;
+	l[15] !== T || l[16] !== u || l[17] !== h ? (O = /* @__PURE__ */ jsx(FileExplorerProvider, {
+		variant: u,
+		workspaceId: h,
+		enabled: T,
+		children: D
+	}), l[15] = T, l[16] = u, l[17] = h, l[18] = O) : O = l[18];
+	let k;
+	return l[19] !== g || l[20] !== m || l[21] !== _ || l[22] !== v || l[23] !== O || l[24] !== f ? (k = /* @__PURE__ */ jsx(SidebarPanel, {
+		icon: E,
+		title: f,
+		description: m,
+		size: _,
+		onSizeChange: v,
+		onClose: g,
+		children: O
+	}), l[19] = g, l[20] = m, l[21] = _, l[22] = v, l[23] = O, l[24] = f, l[25] = k) : k = l[25], k;
+}
+function LocalFileExplorerPanel(e) {
+	let i = c(2), { workspaceId: a } = e, o;
+	return i[0] === a ? o = i[1] : (o = /* @__PURE__ */ jsx(FileExplorerPanel, {
+		variant: "local",
+		featureId: "localFileExplorer",
 		title: "Files",
-		description: "Browse and view files.",
-		size: f,
-		onSizeChange: m,
-		onClose: u,
-		children: w
-	}), s[16] = u, s[17] = f, s[18] = m, s[19] = w, s[20] = T) : T = s[20], T;
+		description: "Browse and view local project files.",
+		workspaceId: a
+	}), i[0] = a, i[1] = o), o;
+}
+function RemoteFileExplorerPanel(e) {
+	let i = c(2), { workspaceId: a } = e, o;
+	return i[0] === a ? o = i[1] : (o = /* @__PURE__ */ jsx(FileExplorerPanel, {
+		variant: "remote",
+		featureId: "remoteFileExplorer",
+		title: "Remote Files",
+		description: "Browse and view files on the remote workspace.",
+		workspaceId: a
+	}), i[0] = a, i[1] = o), o;
 }
-export { FileExplorerPanel };
+export { LocalFileExplorerPanel, RemoteFileExplorerPanel };

package/dist/features/file-explorer/file-explorer-feature.js

@@ -1,12 +1,20 @@
-import { FileExplorerPanel } from "./components/FileExplorerPanel.js";
-import { Files } from "lucide-react";
-const fileExplorerFeature = {
-	id: "file-explorer",
+import { LocalFileExplorerPanel, RemoteFileExplorerPanel } from "./components/FileExplorerPanel.js";
+import { Cloud, Files } from "lucide-react";
+const localFileExplorerFeature = {
+	id: "local-file-explorer",
 	sidebarPanel: {
-		id: "files",
+		id: "local-files",
 		label: "Files",
 		icon: Files,
-		component: FileExplorerPanel
+		component: LocalFileExplorerPanel
+	}
+}, remoteFileExplorerFeature = {
+	id: "remote-file-explorer",
+	sidebarPanel: {
+		id: "remote-files",
+		label: "Remote Files",
+		icon: Cloud,
+		component: RemoteFileExplorerPanel
 	}
 };
-export { fileExplorerFeature };
+export { localFileExplorerFeature, remoteFileExplorerFeature };

package/dist/features/file-explorer/hooks/useFileExplorer.js

@@ -1,44 +1,46 @@
 import { useApiClient } from "../../../hooks/useApi.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
-function useFileTree(r, i) {
-	let a = c(10), o = i === void 0 ? !0 : i, { envKey: s, api: l } = useApiClient(), u;
-	a[0] !== s || a[1] !== r ? (u = [
-		"file-explorer-tree",
-		s,
-		r
-	], a[0] = s, a[1] = r, a[2] = u) : u = a[2];
-	let d;
-	a[3] !== l || a[4] !== r ? (d = () => l.files.getTree({ workspaceId: r }), a[3] = l, a[4] = r, a[5] = d) : d = a[5];
-	let f = !!r && o, p;
-	return a[6] !== u || a[7] !== d || a[8] !== f ? (p = {
-		queryKey: u,
-		queryFn: d,
-		enabled: f,
-		staleTime: 3e4,
-		retry: !1
-	}, a[6] = u, a[7] = d, a[8] = f, a[9] = p) : p = a[9], useQuery(p);
-}
-function useFileContent(r, i, a) {
+function useFileTree(r, i, a) {
 	let o = c(12), s = a === void 0 ? !0 : a, { envKey: l, api: u } = useApiClient(), d;
-	o[0] !== l || o[1] !== i || o[2] !== r ? (d = [
-		"file-explorer-content",
-		l,
+	o[0] !== l || o[1] !== r || o[2] !== i ? (d = [
+		"file-explorer-tree",
 		r,
+		l,
 		i
-	], o[0] = l, o[1] = i, o[2] = r, o[3] = d) : d = o[3];
+	], o[0] = l, o[1] = r, o[2] = i, o[3] = d) : d = o[3];
 	let f;
-	o[4] !== u || o[5] !== i || o[6] !== r ? (f = () => u.files.readFile({
-		workspaceId: r,
-		path: i
-	}), o[4] = u, o[5] = i, o[6] = r, o[7] = f) : f = o[7];
-	let p = !!r && !!i && s, m;
+	o[4] !== u || o[5] !== r || o[6] !== i ? (f = () => u.files[r].getTree({ workspaceId: i }), o[4] = u, o[5] = r, o[6] = i, o[7] = f) : f = o[7];
+	let p = !!i && s, m;
 	return o[8] !== d || o[9] !== f || o[10] !== p ? (m = {
 		queryKey: d,
 		queryFn: f,
 		enabled: p,
-		staleTime: 15e3,
+		staleTime: 3e4,
 		retry: !1
 	}, o[8] = d, o[9] = f, o[10] = p, o[11] = m) : m = o[11], useQuery(m);
 }
+function useFileContent(r, i, a, o) {
+	let s = c(14), l = o === void 0 ? !0 : o, { envKey: u, api: d } = useApiClient(), f;
+	s[0] !== u || s[1] !== a || s[2] !== r || s[3] !== i ? (f = [
+		"file-explorer-content",
+		r,
+		u,
+		i,
+		a
+	], s[0] = u, s[1] = a, s[2] = r, s[3] = i, s[4] = f) : f = s[4];
+	let p;
+	s[5] !== d || s[6] !== a || s[7] !== r || s[8] !== i ? (p = () => d.files[r].readFile({
+		workspaceId: i,
+		path: a
+	}), s[5] = d, s[6] = a, s[7] = r, s[8] = i, s[9] = p) : p = s[9];
+	let m = !!i && !!a && l, h;
+	return s[10] !== f || s[11] !== p || s[12] !== m ? (h = {
+		queryKey: f,
+		queryFn: p,
+		enabled: m,
+		staleTime: 15e3,
+		retry: !1
+	}, s[10] = f, s[11] = p, s[12] = m, s[13] = h) : h = s[13], useQuery(h);
+}
 export { useFileContent, useFileTree };

package/dist/features/file-explorer/index.js

@@ -1,2 +1,2 @@
 import { FileExplorerProvider, useFileExplorer, useOptionalFileExplorer } from "./providers/FileExplorerProvider.js";
-import { fileExplorerFeature } from "./file-explorer-feature.js";
+import { localFileExplorerFeature, remoteFileExplorerFeature } from "./file-explorer-feature.js";

package/dist/features/file-explorer/providers/FileExplorerProvider.js

@@ -5,101 +5,101 @@ import { jsx } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 var FileExplorerContext = createContext(null);
 function FileExplorerProvider(s) {
-	let l = c(36), { workspaceId: u, enabled: d, children: f } = s, p = d === void 0 ? !0 : d, m = useQueryClient(), h;
-	l[0] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ new Set(), l[0] = h) : h = l[0];
-	let [g, _] = useState(h), v;
-	l[1] === Symbol.for("react.memo_cache_sentinel") ? (v = [], l[1] = v) : v = l[1];
-	let [y, b] = useState(v), [x, S] = useState(null), C = useFileTree(u, p), w = useFileContent(u, x?.type === "file" ? x.path : void 0, p), T;
-	l[2] === Symbol.for("react.memo_cache_sentinel") ? (T = (e) => {
-		_((a) => {
+	let l = c(36), { variant: u, workspaceId: d, enabled: f, children: p } = s, m = f === void 0 ? !0 : f, h = useQueryClient(), g;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ new Set(), l[0] = g) : g = l[0];
+	let [_, v] = useState(g), y;
+	l[1] === Symbol.for("react.memo_cache_sentinel") ? (y = [], l[1] = y) : y = l[1];
+	let [b, x] = useState(y), [S, C] = useState(null), w = useFileTree(u, d, m), T = useFileContent(u, d, S?.type === "file" ? S.path : void 0, m), E;
+	l[2] === Symbol.for("react.memo_cache_sentinel") ? (E = (e) => {
+		v((a) => {
 			let o = new Set(a);
 			return o.has(e) ? o.delete(e) : o.add(e), o;
 		});
-	}, l[2] = T) : T = l[2];
-	let E = T, D;
-	l[3] === Symbol.for("react.memo_cache_sentinel") ? (D = (e) => {
-		e.type === "file" && (S(e), b((a) => a.some((a) => a.path === e.path) ? a : [...a, e]));
-	}, l[3] = D) : D = l[3];
-	let O = D, k;
-	l[4] === x?.path ? k = l[5] : (k = (e) => {
-		b((a) => {
+	}, l[2] = E) : E = l[2];
+	let D = E, O;
+	l[3] === Symbol.for("react.memo_cache_sentinel") ? (O = (e) => {
+		e.type === "file" && (C(e), x((a) => a.some((a) => a.path === e.path) ? a : [...a, e]));
+	}, l[3] = O) : O = l[3];
+	let k = O, A;
+	l[4] === S?.path ? A = l[5] : (A = (e) => {
+		x((a) => {
 			let o = a.filter((a) => a.path !== e.path);
-			if (x?.path === e.path) if (o.length > 0) {
+			if (S?.path === e.path) if (o.length > 0) {
 				let s = a.findIndex((a) => a.path === e.path);
-				S(o[Math.max(0, s - 1)]);
-			} else S(null);
+				C(o[Math.max(0, s - 1)]);
+			} else C(null);
 			return o;
 		});
-	}, l[4] = x?.path, l[5] = k);
-	let A = k, j;
-	l[6] === x ? j = l[7] : (j = () => {
-		x && b((e) => {
-			let a = e.filter((e) => e.path !== x.path);
+	}, l[4] = S?.path, l[5] = A);
+	let j = A, M;
+	l[6] === S ? M = l[7] : (M = () => {
+		S && x((e) => {
+			let a = e.filter((e) => e.path !== S.path);
 			if (a.length > 0) {
-				let o = e.findIndex((e) => e.path === x.path);
-				S(a[Math.max(0, o - 1)]);
-			} else S(null);
+				let o = e.findIndex((e) => e.path === S.path);
+				C(a[Math.max(0, o - 1)]);
+			} else C(null);
 			return a;
 		});
-	}, l[6] = x, l[7] = j);
-	let M = j, N;
-	l[8] === Symbol.for("react.memo_cache_sentinel") ? (N = () => {
-		b([]), S(null);
-	}, l[8] = N) : N = l[8];
-	let P = N, F;
-	l[9] === Symbol.for("react.memo_cache_sentinel") ? (F = (e) => {
-		b([e]), S(e);
-	}, l[9] = F) : F = l[9];
-	let I = F, L;
-	l[10] === x ? L = l[11] : (L = (e) => {
-		b((a) => {
+	}, l[6] = S, l[7] = M);
+	let N = M, P;
+	l[8] === Symbol.for("react.memo_cache_sentinel") ? (P = () => {
+		x([]), C(null);
+	}, l[8] = P) : P = l[8];
+	let F = P, I;
+	l[9] === Symbol.for("react.memo_cache_sentinel") ? (I = (e) => {
+		x([e]), C(e);
+	}, l[9] = I) : I = l[9];
+	let L = I, R;
+	l[10] === S ? R = l[11] : (R = (e) => {
+		x((a) => {
 			let o = a.findIndex((a) => a.path === e.path);
 			if (o <= 0) return a;
 			let s = a.slice(o);
-			return x && a.findIndex((e) => e.path === x.path) < o && S(e), s;
+			return S && a.findIndex((e) => e.path === S.path) < o && C(e), s;
 		});
-	}, l[10] = x, l[11] = L);
-	let R = L, z;
-	l[12] === x ? z = l[13] : (z = (e) => {
-		b((a) => {
+	}, l[10] = S, l[11] = R);
+	let z = R, B;
+	l[12] === S ? B = l[13] : (B = (e) => {
+		x((a) => {
 			let o = a.findIndex((a) => a.path === e.path);
 			if (o < 0 || o >= a.length - 1) return a;
 			let s = a.slice(0, o + 1);
-			return x && a.findIndex((e) => e.path === x.path) > o && S(e), s;
+			return S && a.findIndex((e) => e.path === S.path) > o && C(e), s;
 		});
-	}, l[12] = x, l[13] = z);
-	let B = z, V;
-	l[14] === m ? V = l[15] : (V = () => {
-		m.invalidateQueries({ queryKey: ["file-explorer-tree"] });
-	}, l[14] = m, l[15] = V);
-	let H = V, U;
-	l[16] === C.data ? U = l[17] : (U = C.data ?? [], l[16] = C.data, l[17] = U);
-	let W = C.isLoading && !C.data, G = w.data?.content ?? null, K = w.isLoading && !!x, q;
-	l[18] !== M || l[19] !== A || l[20] !== R || l[21] !== B || l[22] !== g || l[23] !== y || l[24] !== H || l[25] !== x || l[26] !== U || l[27] !== W || l[28] !== G || l[29] !== K || l[30] !== C.error || l[31] !== C.isFetching ? (q = {
-		nodes: U,
-		isTreeLoading: W,
-		treeError: C.error,
-		isFetchingTree: C.isFetching,
-		openFiles: y,
-		selectedFile: x,
-		fileContent: G,
-		isContentLoading: K,
-		expandedFolders: g,
-		toggleFolder: E,
-		selectFile: O,
-		closeFile: A,
-		closeAll: P,
-		closeOthers: I,
-		closeToLeft: R,
-		closeToRight: B,
-		clearSelection: M,
-		refreshTree: H
-	}, l[18] = M, l[19] = A, l[20] = R, l[21] = B, l[22] = g, l[23] = y, l[24] = H, l[25] = x, l[26] = U, l[27] = W, l[28] = G, l[29] = K, l[30] = C.error, l[31] = C.isFetching, l[32] = q) : q = l[32];
-	let J = q, Y;
-	return l[33] !== f || l[34] !== J ? (Y = /* @__PURE__ */ jsx(FileExplorerContext.Provider, {
-		value: J,
-		children: f
-	}), l[33] = f, l[34] = J, l[35] = Y) : Y = l[35], Y;
+	}, l[12] = S, l[13] = B);
+	let V = B, H;
+	l[14] === h ? H = l[15] : (H = () => {
+		h.invalidateQueries({ queryKey: ["file-explorer-tree"] });
+	}, l[14] = h, l[15] = H);
+	let U = H, W;
+	l[16] === w.data ? W = l[17] : (W = w.data ?? [], l[16] = w.data, l[17] = W);
+	let G = w.isLoading && !w.data, K = T.data?.content ?? null, q = T.isLoading && !!S, J;
+	l[18] !== N || l[19] !== j || l[20] !== z || l[21] !== V || l[22] !== _ || l[23] !== b || l[24] !== U || l[25] !== S || l[26] !== W || l[27] !== G || l[28] !== K || l[29] !== q || l[30] !== w.error || l[31] !== w.isFetching ? (J = {
+		nodes: W,
+		isTreeLoading: G,
+		treeError: w.error,
+		isFetchingTree: w.isFetching,
+		openFiles: b,
+		selectedFile: S,
+		fileContent: K,
+		isContentLoading: q,
+		expandedFolders: _,
+		toggleFolder: D,
+		selectFile: k,
+		closeFile: j,
+		closeAll: F,
+		closeOthers: L,
+		closeToLeft: z,
+		closeToRight: V,
+		clearSelection: N,
+		refreshTree: U
+	}, l[18] = N, l[19] = j, l[20] = z, l[21] = V, l[22] = _, l[23] = b, l[24] = U, l[25] = S, l[26] = W, l[27] = G, l[28] = K, l[29] = q, l[30] = w.error, l[31] = w.isFetching, l[32] = J) : J = l[32];
+	let Y = J, X;
+	return l[33] !== p || l[34] !== Y ? (X = /* @__PURE__ */ jsx(FileExplorerContext.Provider, {
+		value: Y,
+		children: p
+	}), l[33] = p, l[34] = Y, l[35] = X) : X = l[35], X;
 }
 function useFileExplorer() {
 	let e = useContext(FileExplorerContext);

package/dist/features/git/components/WorkbenchGitPanel.js

@@ -2,8 +2,8 @@ import { useStudio } from "../../../providers/StudioProvider.js";
 import { useCreateWorkflow } from "../../../hooks/useWorkflows.js";
 import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
-import "../../workbench/index.js";
 import { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
+import "../../workbench/index.js";
 import { useGitInvalidation, useGitLog, useGitRemote, useGitStatus, useRemoveGitRemote } from "../hooks/useGit.js";
 import { GitBranchBadge } from "./GitBranchBadge.js";
 import { GitCommitList } from "./GitCommitList.js";

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

@@ -2,8 +2,8 @@ import { Button } from "../../../components/ui/button.js";
 import { Input } from "../../../components/ui/input.js";
 import { Label } from "../../../components/ui/label.js";
 import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
-import "../../workbench/index.js";
 import { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
+import "../../workbench/index.js";
 import { useCreateSecret, useDeleteSecret, useUpdateSecret, useWorkspaceSecrets } from "../../../hooks/useSecrets.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/features/workbench/Workbench.js

@@ -1,26 +1,26 @@
 import PageBreadcrumbs_default from "../../components/page/PageBreadcrumbs.js";
 import WorkflowList_default from "./WorkflowList.js";
-import { ScrollProvider } from "./providers/ScrollProvider.js";
 import { WorkbenchLayoutProvider } from "./providers/WorkbenchLayoutProvider.js";
 import { WorkbenchSidebarShell } from "./components/WorkbenchSidebarShell.js";
+import { ScrollProvider } from "./providers/ScrollProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-function WorkbenchContent(a) {
-	let o = c(7), { workflow: l, breadcrumbData: u } = a, d;
-	o[0] === u ? d = o[1] : (d = /* @__PURE__ */ jsx("div", {
+function WorkbenchContent(i) {
+	let a = c(7), { workflow: l, breadcrumbData: u } = i, d;
+	a[0] === u ? d = a[1] : (d = /* @__PURE__ */ jsx("div", {
 		className: "border-b flex h-12 shrink-0 items-center",
 		children: u ? /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: u }) : /* @__PURE__ */ jsx("span", {
 			className: "px-3 text-sm font-medium",
 			children: "Workflows"
 		})
-	}), o[0] = u, o[1] = d);
+	}), a[0] = u, a[1] = d);
 	let f;
-	o[2] === l ? f = o[3] : (f = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
+	a[2] === l ? f = a[3] : (f = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-auto",
 		children: /* @__PURE__ */ jsx(WorkflowList_default, { workflow: l })
-	}) }), o[2] = l, o[3] = f);
+	}) }), a[2] = l, a[3] = f);
 	let p;
-	return o[4] !== d || o[5] !== f ? (p = /* @__PURE__ */ jsx("div", {
+	return a[4] !== d || a[5] !== f ? (p = /* @__PURE__ */ jsx("div", {
 		className: "flex h-full flex-col",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 gap-4 overflow-hidden md:flex-row flex-col",
@@ -29,21 +29,21 @@ function WorkbenchContent(a) {
 				children: [d, f]
 			})
 		})
-	}), o[4] = d, o[5] = f, o[6] = p) : p = o[6], p;
+	}), a[4] = d, a[5] = f, a[6] = p) : p = a[6], p;
 }
 function Workbench(e) {
-	let r = c(9), { workflow: i, breadcrumbData: s, getPreviewUrl: u, getEnvironmentPreviewUrl: d } = e, f = i?.workspaceId, p;
-	r[0] !== s || r[1] !== i ? (p = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(WorkbenchContent, {
-		workflow: i,
+	let r = c(9), { workflow: o, breadcrumbData: s, getPreviewUrl: u, getEnvironmentPreviewUrl: d } = e, f = o?.workspaceId, p;
+	r[0] !== s || r[1] !== o ? (p = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(WorkbenchContent, {
+		workflow: o,
 		breadcrumbData: s
-	}) }), r[0] = s, r[1] = i, r[2] = p) : p = r[2];
+	}) }), r[0] = s, r[1] = o, r[2] = p) : p = r[2];
 	let m;
-	return r[3] !== d || r[4] !== u || r[5] !== p || r[6] !== i || r[7] !== f ? (m = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+	return r[3] !== d || r[4] !== u || r[5] !== p || r[6] !== o || r[7] !== f ? (m = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
 		workspaceId: f,
-		workflow: i,
+		workflow: o,
 		getPreviewUrl: u,
 		getEnvironmentPreviewUrl: d,
 		children: p
-	}), r[3] = d, r[4] = u, r[5] = p, r[6] = i, r[7] = f, r[8] = m) : m = r[8], m;
+	}), r[3] = d, r[4] = u, r[5] = p, r[6] = o, r[7] = f, r[8] = m) : m = r[8], m;
 }
 export { Workbench as default };

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

@@ -6,9 +6,9 @@ import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../co
 import { Dialog, DialogContent, DialogTitle } from "../../../components/ui/dialog.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
 import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
-import CreateWorkspace_default from "../../workspaces/components/CreateWorkspace.js";
 import { useStartWorkflow } from "../../../hooks/useProcessor.js";
 import Form_default from "../../../components/dynamic-form/Form.js";
+import CreateWorkspace_default from "../../workspaces/components/CreateWorkspace.js";
 import "../../workspaces/index.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useState } from "react";

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

@@ -1,8 +1,8 @@
 import { cn } from "../../../lib/utils.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.js";
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvider.js";
 import "../../feature-registry/index.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MonitorPlay, Play, Server } from "lucide-react";

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

@@ -1,6 +1,6 @@
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvider.js";
 import "../../feature-registry/index.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { WorkbenchEnvironmentPanel } from "./WorkbenchEnvironmentPanel.js";
 import { WorkbenchIconSidebar } from "./WorkbenchIconSidebar.js";
 import { WorkbenchPreviewPanel } from "./WorkbenchPreviewPanel.js";
@@ -49,8 +49,8 @@ function ActivePanelContent() {
 		}
 	}
 }
-function SidebarContent(r) {
-	let i = c(12), { children: o } = r, { activePanel: s, panelSize: p } = useWorkbenchLayout(), m = `${s ? CONTENT_WIDTH[p] : "w-full"} overflow-hidden`, h;
+function SidebarContent(e) {
+	let i = c(12), { children: o } = e, { activePanel: s, panelSize: p } = useWorkbenchLayout(), m = `${s ? CONTENT_WIDTH[p] : "w-full"} overflow-hidden`, h;
 	i[0] !== o || i[1] !== m ? (h = /* @__PURE__ */ jsx("div", {
 		className: m,
 		children: o

package/dist/features/workbench/index.js

@@ -3,10 +3,10 @@ import WorkflowHistoryList_default from "./components/WorkflowHistoryList.js";
 import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
 import WorkflowList_default from "./WorkflowList.js";
 import { useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
+import { WorkbenchSidebarShell } from "./components/WorkbenchSidebarShell.js";
 import Workbench from "./Workbench.js";
 import { NewRunDialog } from "./components/NewRunDialog.js";
 import "./hooks/useEmbedBridge.js";
 import "./components/PreviewWorkbench.js";
 import { RecentRunItem } from "./components/RecentRunItem.js";
 import "./components/PreviewEmptyState.js";
-import { WorkbenchSidebarShell } from "./components/WorkbenchSidebarShell.js";

package/dist/features/workspaces/Workspaces.js

@@ -6,8 +6,8 @@ import { Badge } from "../../components/ui/badge.js";
 import { Dialog, DialogContent } from "../../components/ui/dialog.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
 import ListView_default from "../../components/lists/ListView.js";
-import CreateWorkspace_default from "./components/CreateWorkspace.js";
 import { useDebounce } from "../../hooks/useDebounce.js";
+import CreateWorkspace_default from "./components/CreateWorkspace.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";