@loopstack/loopstack-studio 0.29.4 → 0.30.0

package/dist/features/workbench/Workbench.js

@@ -1,27 +1,26 @@
-import { useWorkspace } from "../../hooks/useWorkspaces.js";
 import PageBreadcrumbs_default from "../../components/page/PageBreadcrumbs.js";
-import { WorkbenchLayoutProvider } from "./providers/WorkbenchLayoutProvider.js";
-import { WorkbenchSidebarShell } from "./components/WorkbenchSidebarShell.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 { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-function WorkbenchContent(e) {
-	let i = c(7), { workflow: a, breadcrumbData: u } = e, d;
-	i[0] === u ? d = i[1] : (d = /* @__PURE__ */ jsx("div", {
+function WorkbenchContent(a) {
+	let o = c(7), { workflow: l, breadcrumbData: u } = a, d;
+	o[0] === u ? d = o[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"
 		})
-	}), i[0] = u, i[1] = d);
+	}), o[0] = u, o[1] = d);
 	let f;
-	i[2] === a ? f = i[3] : (f = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
+	o[2] === l ? f = o[3] : (f = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-auto",
-		children: /* @__PURE__ */ jsx(WorkflowList_default, { workflow: a })
-	}) }), i[2] = a, i[3] = f);
+		children: /* @__PURE__ */ jsx(WorkflowList_default, { workflow: l })
+	}) }), o[2] = l, o[3] = f);
 	let p;
-	return i[4] !== d || i[5] !== f ? (p = /* @__PURE__ */ jsx("div", {
+	return o[4] !== d || o[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",
@@ -30,28 +29,21 @@ function WorkbenchContent(e) {
 				children: [d, f]
 			})
 		})
-	}), i[4] = d, i[5] = f, i[6] = p) : p = i[6], p;
+	}), o[4] = d, o[5] = f, o[6] = p) : p = o[6], p;
 }
-function Workbench(r) {
-	let o = c(13), { workflow: s, breadcrumbData: l, getPreviewUrl: d, getEnvironmentPreviewUrl: f, environments: p } = r, m = s?.workspaceId, h = useWorkspace(m), g;
-	o[0] === h.data ? g = o[1] : (g = h.data ? {
-		volumes: h.data.volumes,
-		features: h.data.features
-	} : void 0, o[0] = h.data, o[1] = g);
-	let _ = g, v = p ?? h.data?.environments, y;
-	o[2] !== l || o[3] !== s ? (y = /* @__PURE__ */ jsx(WorkbenchSidebarShell, { children: /* @__PURE__ */ jsx(WorkbenchContent, {
-		workflow: s,
-		breadcrumbData: l
-	}) }), o[2] = l, o[3] = s, o[4] = y) : y = o[4];
-	let b;
-	return o[5] !== f || o[6] !== d || o[7] !== v || o[8] !== y || o[9] !== s || o[10] !== _ || o[11] !== m ? (b = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
-		workspaceId: m,
-		workflow: s,
-		workspaceConfig: _,
-		getPreviewUrl: d,
-		getEnvironmentPreviewUrl: f,
-		environments: v,
-		children: y
-	}), o[5] = f, o[6] = d, o[7] = v, o[8] = y, o[9] = s, o[10] = _, o[11] = m, o[12] = b) : b = o[12], b;
+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,
+		breadcrumbData: s
+	}) }), r[0] = s, r[1] = i, 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, {
+		workspaceId: f,
+		workflow: i,
+		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;
 }
 export { Workbench as default };

package/dist/features/workbench/WorkflowItem.js

@@ -50,18 +50,17 @@ var WorkflowItem_default = (h) => {
 	let J;
 	g[25] === N ? J = g[26] : (J = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: N }), g[25] = N, g[26] = J);
 	let Y;
-	g[27] !== E || g[28] !== A || g[29] !== P || g[30] !== y || g[31] !== b || g[32] !== _ || g[33] !== O ? (Y = O && E && /* @__PURE__ */ jsx(DocumentList_default, {
+	g[27] !== E || g[28] !== A || g[29] !== y || g[30] !== b || g[31] !== _ || g[32] !== O ? (Y = O && E && /* @__PURE__ */ jsx(DocumentList_default, {
 		workflow: _,
 		childWorkflow: E,
 		documents: A,
 		scrollTo: y,
-		settings: b,
-		isLoading: P
-	}), g[27] = E, g[28] = A, g[29] = P, g[30] = y, g[31] = b, g[32] = _, g[33] = O, g[34] = Y) : Y = g[34];
+		settings: b
+	}), g[27] = E, g[28] = A, g[29] = y, g[30] = b, g[31] = _, g[32] = O, g[33] = Y) : Y = g[33];
 	let X;
-	g[35] === P ? X = g[36] : (X = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: P }), g[35] = P, g[36] = X);
+	g[34] === P ? X = g[35] : (X = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: P }), g[34] = P, g[35] = X);
 	let Z;
-	g[37] !== V || g[38] !== E?.hasError || g[39] !== U || g[40] !== w.isPending || g[41] !== k ? (Z = k && E?.hasError && /* @__PURE__ */ jsxs("div", {
+	g[36] !== V || g[37] !== E?.hasError || g[38] !== U || g[39] !== w.isPending || g[40] !== k ? (Z = k && E?.hasError && /* @__PURE__ */ jsxs("div", {
 		className: "mt-3 flex items-center gap-2 px-1",
 		children: [
 			/* @__PURE__ */ jsx(AlertCircle, { className: "text-destructive h-4 w-4 shrink-0" }),
@@ -77,16 +76,17 @@ var WorkflowItem_default = (h) => {
 				children: [w.isPending ? /* @__PURE__ */ jsx("div", { className: "mr-1 h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx(RefreshCw, { className: "mr-1 h-3.5 w-3.5" }), "Retry"]
 			})
 		]
-	}), g[37] = V, g[38] = E?.hasError, g[39] = U, g[40] = w.isPending, g[41] = k, g[42] = Z) : Z = g[42];
+	}), g[36] = V, g[37] = E?.hasError, g[38] = U, g[39] = w.isPending, g[40] = k, g[41] = Z) : Z = g[41];
 	let Q;
-	g[43] !== E || g[44] !== F || g[45] !== _ ? (Q = !!E && /* @__PURE__ */ jsx("div", {
+	g[42] !== E || g[43] !== F || g[44] !== P || g[45] !== _ ? (Q = !!E && /* @__PURE__ */ jsx("div", {
 		className: "mt-6",
 		children: /* @__PURE__ */ jsx(WorkflowForms_default, {
 			workflow: E,
 			parentWorkflow: _,
+			isLoading: P,
 			onSubmit: F
 		})
-	}), g[43] = E, g[44] = F, g[45] = _, g[46] = Q) : Q = g[46];
+	}), g[42] = E, g[43] = F, g[44] = P, g[45] = _, g[46] = Q) : Q = g[46];
 	let $;
 	return g[47] !== J || g[48] !== Y || g[49] !== X || g[50] !== Z || g[51] !== Q || g[52] !== G || g[53] !== q ? ($ = /* @__PURE__ */ jsxs("div", {
 		className: G,

package/dist/features/workbench/WorkflowList.js

@@ -14,34 +14,34 @@ import { c } from "react/compiler-runtime";
 import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon, ListOrdered, Workflow } from "lucide-react";
-var WorkflowList_default = (C) => {
-	let w = c(40), { workflow: T } = C, [E, D] = useState(!1), O;
-	w[0] === Symbol.for("react.memo_cache_sentinel") ? (O = {
+var WorkflowList_default = (S) => {
+	let C = c(43), { workflow: w } = S, [T, E] = useState(!1), D;
+	C[0] === Symbol.for("react.memo_cache_sentinel") ? (D = {
 		enableDebugMode: !1,
 		showFullMessageHistory: !1
-	}, w[0] = O) : O = w[0];
-	let [k, A] = useState(O), { listRef: j, scrollTo: M, canScrollDown: N, scrollToBottom: P } = useWorkflowListState(), F = useWorkflowConfigByName(T.className ?? void 0), I = useChildWorkflows(T.id), L;
-	w[1] === I.data ? L = w[2] : (L = I.data ?? [], w[1] = I.data, w[2] = L);
-	let R = L, z;
-	w[3] !== N || w[4] !== P ? (z = N && /* @__PURE__ */ jsx(Button, {
+	}, C[0] = D) : D = C[0];
+	let [O, k] = useState(D), { listRef: A, scrollTo: j, canScrollDown: M, scrollToBottom: N } = useWorkflowListState(), P = useWorkflowConfigByName(w.workflowName), F = useChildWorkflows(w.id), I;
+	C[1] === F.data ? I = C[2] : (I = F.data ?? [], C[1] = F.data, C[2] = I);
+	let L = I, R;
+	C[3] !== M || C[4] !== N ? (R = M && /* @__PURE__ */ jsx(Button, {
 		variant: "outline",
 		size: "icon",
-		onClick: P,
+		onClick: N,
 		className: "bg-background/80 fixed right-[calc(var(--sidebar-width)+1.5rem)] bottom-6 z-50 rounded-full shadow-md backdrop-blur-sm",
 		children: /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4" })
-	}), w[3] = N, w[4] = P, w[5] = z) : z = w[5];
-	let B = F.data?.title ?? T.alias, V;
-	w[6] === B ? V = w[7] : (V = /* @__PURE__ */ jsx("span", {
+	}), C[3] = M, C[4] = N, C[5] = R) : R = C[5];
+	let z = P.data?.title ?? w.workflowName, B;
+	C[6] === z ? B = C[7] : (B = /* @__PURE__ */ jsx("span", {
 		className: "flex-1 truncate text-sm",
-		children: B
-	}), w[6] = B, w[7] = V);
+		children: z
+	}), C[6] = z, C[7] = B);
+	let V;
+	C[8] === w ? V = C[9] : (V = /* @__PURE__ */ jsx(WorkflowButtons_default, {
+		workflow: w,
+		workflowId: w.id
+	}), C[8] = w, C[9] = V);
 	let H;
-	w[8] === T ? H = w[9] : (H = /* @__PURE__ */ jsx(WorkflowButtons_default, {
-		workflow: T,
-		workflowId: T.id
-	}), w[8] = T, w[9] = H);
-	let U;
-	w[10] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+	C[10] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx(DialogTrigger, {
 			asChild: !0,
@@ -52,19 +52,19 @@ var WorkflowList_default = (C) => {
 				children: /* @__PURE__ */ jsx(ListOrdered, { className: "h-5 w-5" })
 			})
 		})
-	}), /* @__PURE__ */ jsx(TooltipContent, { children: "Run Log" })] }), w[10] = U) : U = w[10];
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: "Run Log" })] }), C[10] = H) : H = C[10];
+	let U;
+	C[11] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Run Log" }) }), C[11] = U) : U = C[11];
 	let W;
-	w[11] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Run Log" }) }), w[11] = W) : W = w[11];
-	let G;
-	w[12] === T ? G = w[13] : (G = /* @__PURE__ */ jsxs(Dialog, { children: [U, /* @__PURE__ */ jsxs(DialogContent, {
+	C[12] === w ? W = C[13] : (W = /* @__PURE__ */ jsxs(Dialog, { children: [H, /* @__PURE__ */ jsxs(DialogContent, {
 		className: "sm:max-w-lg max-h-[80vh] overflow-hidden flex flex-col",
-		children: [W, /* @__PURE__ */ jsx("div", {
+		children: [U, /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-auto",
-			children: /* @__PURE__ */ jsx(WorkflowHistoryList_default, { workflow: T })
+			children: /* @__PURE__ */ jsx(WorkflowHistoryList_default, { workflow: w })
 		})]
-	})] }), w[12] = T, w[13] = G);
-	let K;
-	w[14] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+	})] }), C[12] = w, C[13] = W);
+	let G;
+	C[14] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx(DialogTrigger, {
 			asChild: !0,
@@ -75,62 +75,61 @@ var WorkflowList_default = (C) => {
 				children: /* @__PURE__ */ jsx(Workflow, { className: "h-5 w-5" })
 			})
 		})
-	}), /* @__PURE__ */ jsx(TooltipContent, { children: "Graph" })] }), w[14] = K) : K = w[14];
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: "Graph" })] }), C[14] = G) : G = C[14];
+	let K;
+	C[15] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Graph" }) }), C[15] = K) : K = C[15];
 	let q;
-	w[15] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Graph" }) }), w[15] = q) : q = w[15];
+	C[16] !== L || C[17] !== w ? (q = [w, ...L], C[16] = L, C[17] = w, C[18] = q) : q = C[18];
 	let J;
-	w[16] !== R || w[17] !== F.data || w[18] !== T.id ? (J = /* @__PURE__ */ jsxs(Dialog, { children: [K, /* @__PURE__ */ jsxs(DialogContent, {
+	C[19] !== P.data || C[20] !== q || C[21] !== w.id ? (J = /* @__PURE__ */ jsxs(Dialog, { children: [G, /* @__PURE__ */ jsxs(DialogContent, {
 		className: "sm:max-w-4xl h-[70vh] overflow-hidden flex flex-col",
-		children: [q, /* @__PURE__ */ jsx("div", {
+		children: [K, /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-hidden",
-			children: R.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowFlowViewer_default, {
-				workflowId: T.id,
-				workflows: R,
-				workflowConfig: F.data
-			}) }) : /* @__PURE__ */ jsx("div", {
-				className: "text-muted-foreground flex h-full items-center justify-center text-sm",
-				children: "No workflows found"
-			})
+			children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowFlowViewer_default, {
+				workflowId: w.id,
+				workflows: q,
+				workflowConfig: P.data
+			}) })
 		})]
-	})] }), w[16] = R, w[17] = F.data, w[18] = T.id, w[19] = J) : J = w[19];
+	})] }), C[19] = P.data, C[20] = q, C[21] = w.id, C[22] = J) : J = C[22];
 	let Y;
-	w[20] !== E || w[21] !== k ? (Y = /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
-		settings: k,
-		onSettingsChange: A,
-		open: E,
-		onOpenChange: D
-	}), w[20] = E, w[21] = k, w[22] = Y) : Y = w[22];
+	C[23] !== T || C[24] !== O ? (Y = /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
+		settings: O,
+		onSettingsChange: k,
+		open: T,
+		onOpenChange: E
+	}), C[23] = T, C[24] = O, C[25] = Y) : Y = C[25];
 	let X;
-	w[23] !== J || w[24] !== Y || w[25] !== V || w[26] !== H || w[27] !== G ? (X = /* @__PURE__ */ jsx("div", {
+	C[26] !== J || C[27] !== Y || C[28] !== B || C[29] !== V || C[30] !== W ? (X = /* @__PURE__ */ jsx("div", {
 		className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-10 backdrop-blur",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex w-full items-center gap-2 rounded-md p-2 px-3 text-left text-sm font-medium",
 			children: [
+				B,
 				V,
-				H,
-				G,
+				W,
 				J,
 				Y
 			]
 		})
-	}), w[23] = J, w[24] = Y, w[25] = V, w[26] = H, w[27] = G, w[28] = X) : X = w[28];
+	}), C[26] = J, C[27] = Y, C[28] = B, C[29] = V, C[30] = W, C[31] = X) : X = C[31];
 	let Z;
-	w[29] !== M || w[30] !== k || w[31] !== T ? (Z = /* @__PURE__ */ jsx("div", {
+	C[32] !== j || C[33] !== O || C[34] !== w ? (Z = /* @__PURE__ */ jsx("div", {
 		className: "max-w-4xl py-1",
 		children: /* @__PURE__ */ jsx(WorkflowItem_default, {
-			workflow: T,
-			workflowId: T.id,
-			scrollTo: M,
-			settings: k
+			workflow: w,
+			workflowId: w.id,
+			scrollTo: j,
+			settings: O
 		})
-	}), w[29] = M, w[30] = k, w[31] = T, w[32] = Z) : Z = w[32];
+	}), C[32] = j, C[33] = O, C[34] = w, C[35] = Z) : Z = C[35];
 	let Q;
-	w[33] !== j || w[34] !== X || w[35] !== Z ? (Q = /* @__PURE__ */ jsxs("div", {
+	C[36] !== A || C[37] !== X || C[38] !== Z ? (Q = /* @__PURE__ */ jsxs("div", {
 		className: "mb-10",
-		ref: j,
+		ref: A,
 		children: [X, Z]
-	}), w[33] = j, w[34] = X, w[35] = Z, w[36] = Q) : Q = w[36];
+	}), C[36] = A, C[37] = X, C[38] = Z, C[39] = Q) : Q = C[39];
 	let $;
-	return w[37] !== Q || w[38] !== z ? ($ = /* @__PURE__ */ jsxs("div", { children: [z, Q] }), w[37] = Q, w[38] = z, w[39] = $) : $ = w[39], $;
+	return C[40] !== Q || C[41] !== R ? ($ = /* @__PURE__ */ jsxs("div", { children: [R, Q] }), C[40] = Q, C[41] = R, C[42] = $) : $ = C[42], $;
 };
 export { WorkflowList_default as default };