@loopstack/loopstack-studio 0.29.5 → 0.31.0

package/dist/features/runs/Runs.js

@@ -2,12 +2,11 @@ import { useStudio } from "../../providers/StudioProvider.js";
 import { useBatchDeleteWorkflows, useDeleteWorkflow, useFilterWorkflows } from "../../hooks/useWorkflows.js";
 import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
 import { Badge } from "../../components/ui/badge.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
 import ListView_default from "../../components/lists/ListView.js";
 import { useDebounce } from "../../hooks/useDebounce.js";
 import { c } from "react/compiler-runtime";
 import { useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var statusColors = {
 	completed: "bg-green-50 text-green-900 border-green-200",
 	failed: "bg-destructive/10 text-destructive border-destructive/20",
@@ -15,55 +14,58 @@ var statusColors = {
 	running: "bg-blue-50 text-blue-900 border-blue-200",
 	paused: "bg-yellow-50 text-yellow-900 border-yellow-200",
 	pending: "bg-muted text-muted-foreground border-border"
-}, Runs_default = (n) => {
-	let r = c(50), { defaultFilters: i } = n, a;
-	r[0] === i ? a = r[1] : (a = i === void 0 ? {} : i, r[0] = i, r[1] = a);
-	let o = a, { router: s } = useStudio(), [l, u] = useState(0), [d, f] = useState(10), [p, m] = useState("createdAt"), [h, g] = useState("DESC"), [_, v] = useState(), [y, b] = useState(o), me = useDebounce(_, 500), x;
-	r[2] === y ? x = r[3] : (x = {
+}, Runs_default = (de) => {
+	let i = c(52), { defaultFilters: a } = de, o;
+	i[0] === a ? o = i[1] : (o = a === void 0 ? {} : a, i[0] = a, i[1] = o);
+	let s = o, { router: l } = useStudio(), [u, d] = useState(0), [f, p] = useState(10), [m, h] = useState("createdAt"), [g, _] = useState("DESC"), [v, fe] = useState(), [y, b] = useState(s), pe = useDebounce(v, 500), x;
+	i[2] === y ? x = i[3] : (x = {
 		...y,
 		parentId: null
-	}, r[2] = y, r[3] = x);
-	let S = useFilterWorkflows(me, x, p, h, l, d), C;
-	r[4] === Symbol.for("react.memo_cache_sentinel") ? (C = {}, r[4] = C) : C = r[4];
+	}, i[2] = y, i[3] = x);
+	let S = useFilterWorkflows(pe, x, m, g, u, f), C;
+	i[4] === Symbol.for("react.memo_cache_sentinel") ? (C = {}, i[4] = C) : C = i[4];
 	let w = useFilterWorkspaces(void 0, C, "title", "ASC", 0, 100), T = useDeleteWorkflow(), E = useBatchDeleteWorkflows(), D;
-	if (r[5] !== w.data?.data) {
+	if (i[5] !== w.data?.data) {
 		D = /* @__PURE__ */ new Map();
-		for (let e of w.data?.data ?? []) D.set(e.id, e.title);
-		r[5] = w.data?.data, r[6] = D;
-	} else D = r[6];
+		for (let e of w.data?.data ?? []) D.set(e.id, {
+			title: e.title,
+			appName: e.appName
+		});
+		i[5] = w.data?.data, i[6] = D;
+	} else D = i[6];
 	let O = D, k;
-	r[7] === w.data?.data ? k = r[8] : (k = w.data?.data ?? [], r[7] = w.data?.data, r[8] = k);
+	i[7] === w.data?.data ? k = i[8] : (k = w.data?.data ?? [], i[7] = w.data?.data, i[8] = k);
 	let A;
-	r[9] === k ? A = r[10] : (A = k.map(_temp), r[9] = k, r[10] = A);
+	i[9] === k ? A = i[10] : (A = k.map(_temp), i[9] = k, i[10] = A);
 	let j = A, M;
-	if (r[11] !== S.data?.data) {
+	if (i[11] !== S.data?.data) {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of S.data?.data ?? []) t.alias && e.add(t.alias);
-		M = Array.from(e).sort(), r[11] = S.data?.data, r[12] = M;
-	} else M = r[12];
+		for (let t of S.data?.data ?? []) t.workflowName && e.add(t.workflowName);
+		M = Array.from(e).sort(), i[11] = S.data?.data, i[12] = M;
+	} else M = i[12];
 	let N = M, P;
-	r[13] === T ? P = r[14] : (P = (e) => {
+	i[13] === T ? P = i[14] : (P = (e) => {
 		T.mutate(e);
-	}, r[13] = T, r[14] = P);
+	}, i[13] = T, i[14] = P);
 	let F = P, I;
-	r[15] === E ? I = r[16] : (I = (e) => {
+	i[15] === E ? I = i[16] : (I = (e) => {
 		E.mutate(e);
-	}, r[15] = E, r[16] = I);
+	}, i[15] = E, i[16] = I);
 	let L = I, R;
-	r[17] === s ? R = r[18] : (R = (e) => {
-		s.navigateToWorkflow(e);
-	}, r[17] = s, r[18] = R);
+	i[17] === l ? R = i[18] : (R = (e) => {
+		l.navigateToWorkflow(e);
+	}, i[17] = l, i[18] = R);
 	let z = R, B = S.error ?? null, V;
-	r[19] === S.data?.data ? V = r[20] : (V = S.data?.data ?? [], r[19] = S.data?.data, r[20] = V);
+	i[19] === S.data?.data ? V = i[20] : (V = S.data?.data ?? [], i[19] = S.data?.data, i[20] = V);
 	let H = S.data?.total ?? 0, U;
-	r[21] === Symbol.for("react.memo_cache_sentinel") ? (U = {
+	i[21] === Symbol.for("react.memo_cache_sentinel") ? (U = {
 		id: "run",
 		label: "Run",
 		minWidth: 60,
 		format: _temp2
-	}, r[21] = U) : U = r[21];
+	}, i[21] = U) : U = i[21];
 	let W;
-	r[22] === O ? W = r[23] : (W = {
+	i[22] === O ? W = i[23] : (W = {
 		id: "workspaceId",
 		label: "Workspace",
 		minWidth: 120,
@@ -78,14 +80,24 @@ var statusColors = {
 						workspaceId: t
 					}));
 				},
-				children: O.get(t) ?? t.slice(0, 8)
+				children: O.get(t)?.title ?? t.slice(0, 8)
 			});
 		}
-	}, r[22] = O, r[23] = W);
-	let G, K, q, J;
-	r[24] === Symbol.for("react.memo_cache_sentinel") ? (G = {
-		id: "alias",
-		label: "Type",
+	}, i[22] = O, i[23] = W);
+	let G;
+	i[24] === O ? G = i[25] : (G = {
+		id: "appName",
+		label: "App",
+		minWidth: 100,
+		format: (e, t) => {
+			let n = t.workspaceId, r = O.get(n);
+			return r ? r.appName : "—";
+		}
+	}, i[24] = O, i[25] = G);
+	let K, q, J;
+	i[26] === Symbol.for("react.memo_cache_sentinel") ? (K = {
+		id: "workflowName",
+		label: "Workflow",
 		minWidth: 100,
 		format: (e) => {
 			let t = e;
@@ -95,77 +107,72 @@ var statusColors = {
 				onClick: (e) => {
 					e.stopPropagation(), b((e) => ({
 						...e,
-						alias: t
+						workflowName: t
 					}));
 				},
 				children: t
 			});
 		}
-	}, K = {
-		id: "title",
-		label: "Title",
-		minWidth: 150,
-		format: _temp3
 	}, q = {
 		id: "status",
 		label: "Status",
 		minWidth: 100,
-		format: _temp4
+		format: _temp3
 	}, J = {
 		id: "createdAt",
 		label: "Date Created",
 		minWidth: 100,
-		format: _temp5
-	}, r[24] = G, r[25] = K, r[26] = q, r[27] = J) : (G = r[24], K = r[25], q = r[26], J = r[27]);
+		format: _temp4
+	}, i[26] = K, i[27] = q, i[28] = J) : (K = i[26], q = i[27], J = i[28]);
 	let Y;
-	r[28] === W ? Y = r[29] : (Y = [
+	i[29] !== W || i[30] !== G ? (Y = [
 		U,
 		W,
 		G,
 		K,
 		q,
 		J
-	], r[28] = W, r[29] = Y);
+	], i[29] = W, i[30] = G, i[31] = Y) : Y = i[31];
 	let X = Y, Z;
-	r[30] === Symbol.for("react.memo_cache_sentinel") ? (Z = [
+	i[32] === Symbol.for("react.memo_cache_sentinel") ? (Z = [
 		"pending",
 		"running",
 		"paused",
 		"completed",
 		"failed",
 		"canceled"
-	], r[30] = Z) : Z = r[30];
+	], i[32] = Z) : Z = i[32];
 	let Q;
-	r[31] !== N || r[32] !== j ? (Q = {
+	i[33] !== N || i[34] !== j ? (Q = {
 		status: Z,
 		workspaceId: j,
-		alias: N
-	}, r[31] = N, r[32] = j, r[33] = Q) : Q = r[33];
+		workflowName: N
+	}, i[33] = N, i[34] = j, i[35] = Q) : Q = i[35];
 	let $;
-	return r[34] !== S.isPending || r[35] !== y || r[36] !== L || r[37] !== F || r[38] !== z || r[39] !== h || r[40] !== p || r[41] !== l || r[42] !== d || r[43] !== _ || r[44] !== B || r[45] !== V || r[46] !== H || r[47] !== X || r[48] !== Q ? ($ = /* @__PURE__ */ jsx(ListView_default, {
+	return i[36] !== S.isPending || i[37] !== y || i[38] !== L || i[39] !== F || i[40] !== z || i[41] !== g || i[42] !== m || i[43] !== u || i[44] !== f || i[45] !== v || i[46] !== B || i[47] !== V || i[48] !== H || i[49] !== X || i[50] !== Q ? ($ = /* @__PURE__ */ jsx(ListView_default, {
 		loading: S.isPending,
 		error: B,
 		items: V,
 		totalItems: H,
-		setPage: u,
-		setRowsPerPage: f,
-		setOrderBy: m,
-		setOrder: g,
-		setSearchTerm: v,
+		setPage: d,
+		setRowsPerPage: p,
+		setOrderBy: h,
+		setOrder: _,
+		setSearchTerm: fe,
 		setFilters: b,
-		orderBy: p,
-		order: h,
-		searchTerm: _,
+		orderBy: m,
+		order: g,
+		searchTerm: v,
 		filters: y,
-		page: l,
-		rowsPerPage: d,
+		page: u,
+		rowsPerPage: f,
 		deleteItem: F,
 		onClick: z,
 		enableBatchActions: !0,
 		batchDelete: L,
 		columns: X,
 		filterConfig: Q
-	}), r[34] = S.isPending, r[35] = y, r[36] = L, r[37] = F, r[38] = z, r[39] = h, r[40] = p, r[41] = l, r[42] = d, r[43] = _, r[44] = B, r[45] = V, r[46] = H, r[47] = X, r[48] = Q, r[49] = $) : $ = r[49], $;
+	}), i[36] = S.isPending, i[37] = y, i[38] = L, i[39] = F, i[40] = z, i[41] = g, i[42] = m, i[43] = u, i[44] = f, i[45] = v, i[46] = B, i[47] = V, i[48] = H, i[49] = X, i[50] = Q, i[51] = $) : $ = i[51], $;
 };
 function _temp(e) {
 	return {
@@ -178,20 +185,13 @@ function _temp2(e) {
 	return t == null ? "—" : `#${t}`;
 }
 function _temp3(e) {
-	let t = e;
-	return t ? /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		asChild: !0,
-		children: /* @__PURE__ */ jsx("span", { children: t.length > 40 ? t.slice(0, 40) + "..." : t })
-	}), t.length > 40 && /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: t }) })] }) }) : "—";
-}
-function _temp4(e) {
 	let t = e;
 	return /* @__PURE__ */ jsx(Badge, {
 		className: `rounded-full border px-2 py-1 text-xs whitespace-nowrap ${statusColors[t] || "bg-muted text-muted-foreground border-border"}`,
 		children: t
 	});
 }
-function _temp5(e) {
+function _temp4(e) {
 	return new Date(e).toLocaleString();
 }
 export { Runs_default as default };

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 { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
 import "../../workbench/index.js";
+import { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
 import { useCreateSecret, useDeleteSecret, useUpdateSecret, useWorkspaceSecrets } from "../../../hooks/useSecrets.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/features/secrets/renderers/SecretInputRenderer.js

@@ -1,49 +1,50 @@
+import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { Button } from "../../../components/ui/button.js";
 import { Input } from "../../../components/ui/input.js";
 import { Label } from "../../../components/ui/label.js";
 import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
-import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
 import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
 import "../../workbench/index.js";
 import { useUpsertSecret } from "../../../hooks/useSecrets.js";
 import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Info, KeyRound, Loader2 } from "lucide-react";
-var SecretInputRenderer_default = ({ parentWorkflow: p, workflow: m, document: h, isActive: g }) => {
-	let _ = h.content.variables ?? [], v = (h.ui?.widgets)?.[0]?.options, y = v?.transition, b = v?.label ?? "Save & Continue", { workspaceId: x } = useWorkbenchLayout(), S = useRunWorkflow(), C = useUpsertSecret(), w = m.availableTransitions?.map((e) => e.id) ?? [], [T, E] = useState(() => {
+var SecretInputRenderer_default = ({ parentWorkflow: m, workflow: h, document: g, isActive: _ }) => {
+	let v = g.content.variables ?? [], y = (useDocumentConfigs().get(g.documentName)?.ui?.widgets)?.[0]?.options, b = y?.transition, x = y?.label ?? "Save & Continue", { workspaceId: S } = useWorkbenchLayout(), C = useRunWorkflow(), w = useUpsertSecret(), T = h.availableTransitions?.map((e) => e.id) ?? [], [E, D] = useState(() => {
 		let e = {};
-		for (let d of _) e[d.key] = d.value ?? "";
+		for (let f of v) e[f.key] = f.value ?? "";
 		return e;
-	}), [D, O] = useState(!1), k = !!y && w.includes(y), A = !g || !k, j = async () => {
-		if (!(!x || !y)) {
-			O(!0);
+	}), [O, k] = useState(!1), A = !!b && T.includes(b), j = !_ || !A, M = async () => {
+		if (!(!S || !b)) {
+			k(!0);
 			try {
 				let e = [];
-				for (let d of _) {
-					let f = T[d.key]?.trim();
-					!d.key.trim() || !f || (await C.mutateAsync({
-						workspaceId: x,
-						key: d.key,
-						value: f
-					}), e.push(d.key));
+				for (let f of v) {
+					let p = E[f.key]?.trim();
+					!f.key.trim() || !p || (await w.mutateAsync({
+						workspaceId: S,
+						key: f.key,
+						value: p
+					}), e.push(f.key));
 				}
-				S.mutate({
-					workflowId: p.id,
+				C.mutate({
+					workflowId: m.id,
 					runWorkflowPayloadDto: { transition: {
-						id: y,
-						workflowId: m.id,
+						id: b,
+						workflowId: h.id,
 						payload: { keys: e }
 					} }
 				});
 			} finally {
-				O(!1);
+				k(!1);
 			}
 		}
 	};
 	return /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
 		role: "document",
 		fullWidth: !0,
-		timestamp: new Date(h.createdAt),
+		timestamp: new Date(g.createdAt),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-4 p-1",
 			children: [
@@ -51,7 +52,7 @@ var SecretInputRenderer_default = ({ parentWorkflow: p, workflow: m, document: h
 					className: "text-sm font-medium",
 					children: "Secrets"
 				}),
-				_.map((e) => /* @__PURE__ */ jsxs("div", {
+				v.map((e) => /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-col gap-1.5",
 					children: [/* @__PURE__ */ jsx(Label, {
 						className: "text-muted-foreground text-xs",
@@ -59,12 +60,12 @@ var SecretInputRenderer_default = ({ parentWorkflow: p, workflow: m, document: h
 					}), /* @__PURE__ */ jsx(Input, {
 						type: "password",
 						placeholder: "Enter value...",
-						value: T[e.key] ?? "",
-						onChange: (d) => E((f) => ({
-							...f,
-							[e.key]: d.target.value
+						value: E[e.key] ?? "",
+						onChange: (f) => D((p) => ({
+							...p,
+							[e.key]: f.target.value
 						})),
-						disabled: A
+						disabled: j
 					})]
 				}, e.key)),
 				/* @__PURE__ */ jsxs("div", {
@@ -74,10 +75,10 @@ var SecretInputRenderer_default = ({ parentWorkflow: p, workflow: m, document: h
 				/* @__PURE__ */ jsx("div", {
 					className: "flex justify-end",
 					children: /* @__PURE__ */ jsxs(Button, {
-						onClick: () => void j(),
-						disabled: A || D,
+						onClick: () => void M(),
+						disabled: j || O,
 						className: "w-48",
-						children: [D ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(KeyRound, { className: "mr-2 h-4 w-4" }), b]
+						children: [O ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(KeyRound, { className: "mr-2 h-4 w-4" }), x]
 					})
 				})
 			]

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,