@loopstack/loopstack-studio 0.34.0 → 0.35.1

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

@@ -1,4 +1,6 @@
-import { useAppsConfig } from "../../../hooks/useConfig.js";
+import { useAppsConfig } from "../../../packages/react/dist/hooks/queries.js";
+import { useStartWorkflow } from "../../../packages/react/dist/hooks/mutations.js";
+import "../../../hooks/useConfig.js";
 import { useFilterWorkspaces } from "../../../hooks/useWorkspaces.js";
 import { useComponentOverrides } from "../../../providers/ComponentOverridesProvider.js";
 import { Button } from "../../../components/ui/button.js";
@@ -6,7 +8,7 @@ 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 { useStartWorkflow } from "../../../hooks/useProcessor.js";
+import "../../../hooks/useProcessor.js";
 import Form_default from "../../../components/dynamic-form/Form.js";
 import CreateWorkspace_default from "../../workspaces/components/CreateWorkspace.js";
 import "../../workspaces/index.js";
@@ -17,197 +19,197 @@ import { Check, CheckIcon, ChevronDown, Loader2, Plus } from "lucide-react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { useForm } from "react-hook-form";
 function NewRunDialog(e) {
-	let t = c(8), { open: n, onOpenChange: r, onSuccess: ce } = e, i;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ jsx(DialogTitle, { children: "New Run" }), t[0] = i) : i = t[0];
-	let a;
-	t[1] !== ce || t[2] !== n ? (a = /* @__PURE__ */ jsxs(DialogContent, {
+	let t = c(8), { open: n, onOpenChange: r, onSuccess: i } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ jsx(DialogTitle, { children: "New Run" }), t[0] = a) : a = t[0];
+	let o;
+	t[1] !== i || t[2] !== n ? (o = /* @__PURE__ */ jsxs(DialogContent, {
 		className: "max-h-[80vh] min-h-[300px] !max-w-2xl",
-		children: [i, /* @__PURE__ */ jsx(NewRunDialogContent, {
+		children: [a, /* @__PURE__ */ jsx(NewRunDialogContent, {
 			open: n,
-			onSuccess: ce
+			onSuccess: i
 		})]
-	}), t[1] = ce, t[2] = n, t[3] = a) : a = t[3];
-	let u;
-	return t[4] !== r || t[5] !== n || t[6] !== a ? (u = /* @__PURE__ */ jsx(Dialog, {
+	}), t[1] = i, t[2] = n, t[3] = o) : o = t[3];
+	let s;
+	return t[4] !== r || t[5] !== n || t[6] !== o ? (s = /* @__PURE__ */ jsx(Dialog, {
 		open: n,
 		onOpenChange: r,
-		children: a
-	}), t[4] = r, t[5] = n, t[6] = a, t[7] = u) : u = t[7], u;
+		children: o
+	}), t[4] = r, t[5] = n, t[6] = o, t[7] = s) : s = t[7], s;
 }
-function NewRunDialogContent(ce) {
-	let i = c(116), { open: a, onSuccess: o } = ce, [s, l] = useState("workspace"), [d, h] = useState(!1), [_, v] = useState(""), [y, x] = useState(""), { CreateWorkspace: C } = useComponentOverrides(), w = C ?? CreateWorkspace_default, T = useAppsConfig(), he;
-	i[0] === Symbol.for("react.memo_cache_sentinel") ? (he = {}, i[0] = he) : he = i[0];
-	let E = useFilterWorkspaces(void 0, he, "title", "ASC", 0, 100), ge;
-	i[1] === E.data?.data ? ge = i[2] : (ge = E.data?.data ?? [], i[1] = E.data?.data, i[2] = ge);
-	let D = ge, _e;
-	if (i[3] !== _ || i[4] !== D) {
+function NewRunDialogContent(a) {
+	let o = c(116), { open: s, onSuccess: l } = a, [u, d] = useState("workspace"), [f, g] = useState(!1), [v, y] = useState(""), [b, S] = useState(""), { CreateWorkspace: w } = useComponentOverrides(), T = w ?? CreateWorkspace_default, E = useAppsConfig(), me;
+	o[0] === Symbol.for("react.memo_cache_sentinel") ? (me = {}, o[0] = me) : me = o[0];
+	let D = useFilterWorkspaces(void 0, me, "title", "ASC", 0, 100), he;
+	o[1] === D.data?.data ? he = o[2] : (he = D.data?.data ?? [], o[1] = D.data?.data, o[2] = he);
+	let O = he, ge;
+	if (o[3] !== v || o[4] !== O) {
 		let e;
-		i[6] === _ ? e = i[7] : (e = (e) => e.id === _, i[6] = _, i[7] = e), _e = D.find(e), i[3] = _, i[4] = D, i[5] = _e;
-	} else _e = i[5];
-	let O = _e, ve;
+		o[6] === v ? e = o[7] : (e = (e) => e.id === v, o[6] = v, o[7] = e), ge = O.find(e), o[3] = v, o[4] = O, o[5] = ge;
+	} else ge = o[5];
+	let k = ge, _e;
 	bb0: {
-		if (!O || !T.data) {
-			ve = void 0;
+		if (!k || !E.data) {
+			_e = void 0;
 			break bb0;
 		}
 		let e;
-		if (i[8] !== T.data || i[9] !== O) {
+		if (o[8] !== E.data || o[9] !== k) {
 			let t;
-			i[11] === O ? t = i[12] : (t = (e) => e.appName === O.appName, i[11] = O, i[12] = t), e = T.data.find(t), i[8] = T.data, i[9] = O, i[10] = e;
-		} else e = i[10];
-		ve = e;
+			o[11] === k ? t = o[12] : (t = (e) => e.appName === k.appName, o[11] = k, o[12] = t), e = E.data.find(t), o[8] = E.data, o[9] = k, o[10] = e;
+		} else e = o[10];
+		_e = e;
 	}
-	let ye = ve, be;
+	let ve = _e, ye;
 	bb1: {
-		if (!ye) {
+		if (!ve) {
 			let e;
-			i[13] === Symbol.for("react.memo_cache_sentinel") ? (e = [], i[13] = e) : e = i[13], be = e;
+			o[13] === Symbol.for("react.memo_cache_sentinel") ? (e = [], o[13] = e) : e = o[13], ye = e;
 			break bb1;
 		}
-		be = ye.workflows;
+		ye = ve.workflows;
 	}
-	let k = be, xe;
+	let A = ye, be;
 	bb2: {
-		if (!T.data) {
+		if (!E.data) {
 			let e;
-			i[14] === Symbol.for("react.memo_cache_sentinel") ? (e = [], i[14] = e) : e = i[14], xe = e;
+			o[14] === Symbol.for("react.memo_cache_sentinel") ? (e = [], o[14] = e) : e = o[14], be = e;
 			break bb2;
 		}
 		let e;
-		i[15] === T.data ? e = i[16] : (e = T.data.map(_temp), i[15] = T.data, i[16] = e), xe = e;
+		o[15] === E.data ? e = o[16] : (e = E.data.map(_temp), o[15] = E.data, o[16] = e), be = e;
 	}
-	let Se = xe, A = useStartWorkflow(), j = A.isPending, M;
-	i[17] === Symbol.for("react.memo_cache_sentinel") ? (M = {
+	let xe = be, j = useStartWorkflow(), M = j.isPending, Se;
+	o[17] === Symbol.for("react.memo_cache_sentinel") ? (Se = {
 		defaultValues: {},
 		mode: "onChange"
-	}, i[17] = M) : M = i[17];
-	let N = useForm(M), Ce;
+	}, o[17] = Se) : Se = o[17];
+	let N = useForm(Se), Ce;
 	bb3: {
-		if (!y) {
+		if (!b) {
 			Ce = void 0;
 			break bb3;
 		}
 		let e;
-		if (i[18] !== k || i[19] !== y) {
+		if (o[18] !== A || o[19] !== b) {
 			let t;
-			i[21] === y ? t = i[22] : (t = (e) => e.workflowName === y, i[21] = y, i[22] = t), e = k.find(t), i[18] = k, i[19] = y, i[20] = e;
-		} else e = i[20];
+			o[21] === b ? t = o[22] : (t = (e) => e.workflowName === b, o[21] = b, o[22] = t), e = A.find(t), o[18] = A, o[19] = b, o[20] = e;
+		} else e = o[20];
 		Ce = e;
 	}
 	let P = Ce, F = P?.schema, I = !!F, we;
-	i[23] === k ? we = i[24] : (we = k.map(_temp2), i[23] = k, i[24] = we);
+	o[23] === A ? we = o[24] : (we = A.map(_temp2), o[23] = A, o[24] = we);
 	let L = we, Te;
-	i[25] !== _ || i[26] !== D[0] || i[27] !== D.length ? (Te = () => {
-		!_ && D.length > 0 && v(D[0].id);
-	}, i[25] = _, i[26] = D[0], i[27] = D.length, i[28] = Te) : Te = i[28];
+	o[25] !== v || o[26] !== O[0] || o[27] !== O.length ? (Te = () => {
+		!v && O.length > 0 && y(O[0].id);
+	}, o[25] = v, o[26] = O[0], o[27] = O.length, o[28] = Te) : Te = o[28];
 	let Ee;
-	i[29] !== _ || i[30] !== D ? (Ee = [D, _], i[29] = _, i[30] = D, i[31] = Ee) : Ee = i[31], useEffect(Te, Ee);
+	o[29] !== v || o[30] !== O ? (Ee = [O, v], o[29] = v, o[30] = O, o[31] = Ee) : Ee = o[31], useEffect(Te, Ee);
 	let De, Oe;
-	i[32] !== y || i[33] !== L ? (De = () => {
-		L.length > 0 && !L.find((e) => e.key === y) && x(L[0].key);
-	}, Oe = [L, y], i[32] = y, i[33] = L, i[34] = De, i[35] = Oe) : (De = i[34], Oe = i[35]), useEffect(De, Oe);
+	o[32] !== b || o[33] !== L ? (De = () => {
+		L.length > 0 && !L.find((e) => e.key === b) && S(L[0].key);
+	}, Oe = [L, b], o[32] = b, o[33] = L, o[34] = De, o[35] = Oe) : (De = o[34], Oe = o[35]), useEffect(De, Oe);
 	let ke;
-	i[36] !== N || i[37] !== a || i[38] !== A ? (ke = () => {
-		a || (l("workspace"), h(!1), v(""), x(""), N.reset({}), A.reset());
-	}, i[36] = N, i[37] = a, i[38] = A, i[39] = ke) : ke = i[39];
+	o[36] !== N || o[37] !== s || o[38] !== j ? (ke = () => {
+		s || (d("workspace"), g(!1), y(""), S(""), N.reset({}), j.reset());
+	}, o[36] = N, o[37] = s, o[38] = j, o[39] = ke) : ke = o[39];
 	let Ae;
-	i[40] === a ? Ae = i[41] : (Ae = [a], i[40] = a, i[41] = Ae), useEffect(ke, Ae);
+	o[40] === s ? Ae = o[41] : (Ae = [s], o[40] = s, o[41] = Ae), useEffect(ke, Ae);
 	let je;
-	i[42] === Symbol.for("react.memo_cache_sentinel") ? (je = (e) => {
-		v(e), x(""), l("automation");
-	}, i[42] = je) : je = i[42];
+	o[42] === Symbol.for("react.memo_cache_sentinel") ? (je = (e) => {
+		y(e), S(""), d("automation");
+	}, o[42] = je) : je = o[42];
 	let Me = je, Ne;
-	i[43] === N ? Ne = i[44] : (Ne = (e) => {
-		x(e), N.reset({});
-	}, i[43] = N, i[44] = Ne);
+	o[43] === N ? Ne = o[44] : (Ne = (e) => {
+		S(e), N.reset({});
+	}, o[43] = N, o[44] = Ne);
 	let Pe = Ne, Fe, Ie;
-	i[45] !== I || i[46] !== y ? (Fe = () => {
-		y && I && l("config");
-	}, Ie = [y, I], i[45] = I, i[46] = y, i[47] = Fe, i[48] = Ie) : (Fe = i[47], Ie = i[48]), useEffect(Fe, Ie);
+	o[45] !== I || o[46] !== b ? (Fe = () => {
+		b && I && d("config");
+	}, Ie = [b, I], o[45] = I, o[46] = b, o[47] = Fe, o[48] = Ie) : (Fe = o[47], Ie = o[48]), useEffect(Fe, Ie);
 	let Le;
-	i[49] !== N || i[50] !== I || i[51] !== o || i[52] !== P || i[53] !== _ || i[54] !== A ? (Le = () => {
+	o[49] !== N || o[50] !== I || o[51] !== l || o[52] !== P || o[53] !== v || o[54] !== j ? (Le = () => {
 		let e = (e) => {
-			!_ || !P || A.mutate({ payload: {
+			!v || !P || j.mutate({
 				workflowName: P.workflowName,
-				workspaceId: _,
+				workspaceId: v,
 				args: e ?? {}
-			} }, { onSuccess: (e) => o(e.workflowId) });
+			}, { onSuccess: (e) => l(e.workflowId) });
 		};
 		I ? N.handleSubmit((t) => e(t))() : e();
-	}, i[49] = N, i[50] = I, i[51] = o, i[52] = P, i[53] = _, i[54] = A, i[55] = Le) : Le = i[55];
-	let Re = Le, ze = !!_ && !!y, Be;
-	i[56] === Symbol.for("react.memo_cache_sentinel") ? (Be = (e) => {
-		l((t) => t === e ? null : e);
-	}, i[56] = Be) : Be = i[56];
-	let Ve = Be, He = !!_, R = !!y, z = He, Ue = R && I, B;
-	i[57] === A.error ? B = i[58] : (B = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: A.error }), i[57] = A.error, i[58] = B);
-	let We = O?.title, Ge = s === "workspace", Ke = He && s !== "workspace", qe;
-	i[59] === Symbol.for("react.memo_cache_sentinel") ? (qe = () => Ve("workspace"), i[59] = qe) : qe = i[59];
+	}, o[49] = N, o[50] = I, o[51] = l, o[52] = P, o[53] = v, o[54] = j, o[55] = Le) : Le = o[55];
+	let Re = Le, ze = !!v && !!b, Be;
+	o[56] === Symbol.for("react.memo_cache_sentinel") ? (Be = (e) => {
+		d((t) => t === e ? null : e);
+	}, o[56] = Be) : Be = o[56];
+	let Ve = Be, He = !!v, R = !!b, z = He, Ue = R && I, B;
+	o[57] === j.error ? B = o[58] : (B = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: j.error }), o[57] = j.error, o[58] = B);
+	let We = k?.title, Ge = u === "workspace", Ke = He && u !== "workspace", qe;
+	o[59] === Symbol.for("react.memo_cache_sentinel") ? (qe = () => Ve("workspace"), o[59] = qe) : qe = o[59];
 	let V;
-	i[60] !== w || i[61] !== Se || i[62] !== _ || i[63] !== d || i[64] !== D ? (V = d ? /* @__PURE__ */ jsx("div", {
+	o[60] !== T || o[61] !== xe || o[62] !== v || o[63] !== f || o[64] !== O ? (V = f ? /* @__PURE__ */ jsx("div", {
 		className: "pt-2",
-		children: /* @__PURE__ */ jsx(w, {
-			types: Se,
+		children: /* @__PURE__ */ jsx(T, {
+			types: xe,
 			onSuccess: () => {
-				h(!1);
+				g(!1);
 			}
 		})
 	}) : /* @__PURE__ */ jsxs("div", {
 		className: "flex gap-2 pt-2",
 		children: [/* @__PURE__ */ jsxs(Select, {
-			value: _,
+			value: v,
 			onValueChange: Me,
 			children: [/* @__PURE__ */ jsx(SelectTrigger, {
 				id: "workspace",
 				className: "flex-1",
 				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a workspace..." })
-			}), /* @__PURE__ */ jsx(SelectContent, { children: D.map(_temp3) })]
+			}), /* @__PURE__ */ jsx(SelectContent, { children: O.map(_temp3) })]
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "outline",
-			onClick: () => h(!0),
+			onClick: () => g(!0),
 			className: "px-3",
 			title: "Create new workspace",
 			children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
 		})]
-	}), i[60] = w, i[61] = Se, i[62] = _, i[63] = d, i[64] = D, i[65] = V) : V = i[65];
+	}), o[60] = T, o[61] = xe, o[62] = v, o[63] = f, o[64] = O, o[65] = V) : V = o[65];
 	let H;
-	i[66] !== E.isLoading || i[67] !== We || i[68] !== Ge || i[69] !== Ke || i[70] !== V ? (H = /* @__PURE__ */ jsx(StepSection, {
+	o[66] !== D.isLoading || o[67] !== We || o[68] !== Ge || o[69] !== Ke || o[70] !== V ? (H = /* @__PURE__ */ jsx(StepSection, {
 		step: 1,
 		title: "Select Workspace",
 		summary: We,
 		isActive: Ge,
 		isComplete: Ke,
 		isEnabled: !0,
-		isLoading: E.isLoading,
+		isLoading: D.isLoading,
 		onToggle: qe,
 		children: V
-	}), i[66] = E.isLoading, i[67] = We, i[68] = Ge, i[69] = Ke, i[70] = V, i[71] = H) : H = i[71];
+	}), o[66] = D.isLoading, o[67] = We, o[68] = Ge, o[69] = Ke, o[70] = V, o[71] = H) : H = o[71];
 	let U;
-	i[72] !== R || i[73] !== y || i[74] !== L ? (U = R ? L.find((e) => e.key === y)?.title ?? y : void 0, i[72] = R, i[73] = y, i[74] = L, i[75] = U) : U = i[75];
-	let Je = s === "automation", Ye = R && s !== "automation", Xe = T.isLoading, W;
-	i[76] === z ? W = i[77] : (W = () => z && Ve("automation"), i[76] = z, i[77] = W);
-	let G;
-	i[78] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ jsx(SelectTrigger, {
+	o[72] !== R || o[73] !== b || o[74] !== L ? (U = R ? L.find((e) => e.key === b)?.title ?? b : void 0, o[72] = R, o[73] = b, o[74] = L, o[75] = U) : U = o[75];
+	let Je = u === "automation", Ye = R && u !== "automation", Xe = E.isLoading, W;
+	o[76] === z ? W = o[77] : (W = () => z && Ve("automation"), o[76] = z, o[77] = W);
+	let Ze;
+	o[78] === Symbol.for("react.memo_cache_sentinel") ? (Ze = /* @__PURE__ */ jsx(SelectTrigger, {
 		id: "automation",
 		className: "w-full",
 		children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a workflow..." })
-	}), i[78] = G) : G = i[78];
+	}), o[78] = Ze) : Ze = o[78];
+	let G;
+	o[79] === L ? G = o[80] : (G = L.map(_temp4), o[79] = L, o[80] = G);
 	let K;
-	i[79] === L ? K = i[80] : (K = L.map(_temp4), i[79] = L, i[80] = K);
+	o[81] === G ? K = o[82] : (K = /* @__PURE__ */ jsx(SelectContent, { children: G }), o[81] = G, o[82] = K);
 	let q;
-	i[81] === K ? q = i[82] : (q = /* @__PURE__ */ jsx(SelectContent, { children: K }), i[81] = K, i[82] = q);
-	let J;
-	i[83] !== Pe || i[84] !== j || i[85] !== y || i[86] !== q ? (J = /* @__PURE__ */ jsx("div", {
+	o[83] !== Pe || o[84] !== M || o[85] !== b || o[86] !== K ? (q = /* @__PURE__ */ jsx("div", {
 		className: "pt-2",
 		children: /* @__PURE__ */ jsxs(Select, {
-			value: y,
+			value: b,
 			onValueChange: Pe,
-			disabled: j,
-			children: [G, q]
+			disabled: M,
+			children: [Ze, K]
 		})
-	}), i[83] = Pe, i[84] = j, i[85] = y, i[86] = q, i[87] = J) : J = i[87];
-	let Y;
-	i[88] !== z || i[89] !== T.isLoading || i[90] !== U || i[91] !== Je || i[92] !== Ye || i[93] !== W || i[94] !== J ? (Y = /* @__PURE__ */ jsx(StepSection, {
+	}), o[83] = Pe, o[84] = M, o[85] = b, o[86] = K, o[87] = q) : q = o[87];
+	let J;
+	o[88] !== z || o[89] !== E.isLoading || o[90] !== U || o[91] !== Je || o[92] !== Ye || o[93] !== W || o[94] !== q ? (J = /* @__PURE__ */ jsx(StepSection, {
 		step: 2,
 		title: "Select Workflow",
 		summary: U,
@@ -216,13 +218,13 @@ function NewRunDialogContent(ce) {
 		isEnabled: z,
 		isLoading: Xe,
 		onToggle: W,
-		children: J
-	}), i[88] = z, i[89] = T.isLoading, i[90] = U, i[91] = Je, i[92] = Ye, i[93] = W, i[94] = J, i[95] = Y) : Y = i[95];
-	let X;
-	i[96] !== s || i[97] !== Ue || i[98] !== N || i[99] !== I || i[100] !== F ? (X = I && /* @__PURE__ */ jsx(StepSection, {
+		children: q
+	}), o[88] = z, o[89] = E.isLoading, o[90] = U, o[91] = Je, o[92] = Ye, o[93] = W, o[94] = q, o[95] = J) : J = o[95];
+	let Y;
+	o[96] !== u || o[97] !== Ue || o[98] !== N || o[99] !== I || o[100] !== F ? (Y = I && /* @__PURE__ */ jsx(StepSection, {
 		step: 3,
 		title: "Configuration",
-		isActive: s === "config",
+		isActive: u === "config",
 		isComplete: !1,
 		isEnabled: Ue,
 		onToggle: () => Ue && Ve("config"),
@@ -235,39 +237,39 @@ function NewRunDialogContent(ce) {
 				viewOnly: !1
 			})
 		})
-	}), i[96] = s, i[97] = Ue, i[98] = N, i[99] = I, i[100] = F, i[101] = X) : X = i[101];
-	let Z;
-	i[102] !== H || i[103] !== Y || i[104] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
+	}), o[96] = u, o[97] = Ue, o[98] = N, o[99] = I, o[100] = F, o[101] = Y) : Y = o[101];
+	let X;
+	o[102] !== H || o[103] !== J || o[104] !== Y ? (X = /* @__PURE__ */ jsxs("div", {
 		className: "space-y-2",
 		children: [
 			H,
-			Y,
-			X
+			J,
+			Y
 		]
-	}), i[102] = H, i[103] = Y, i[104] = X, i[105] = Z) : Z = i[105];
-	let Ze = !ze || j, Q;
-	i[106] === j ? Q = i[107] : (Q = j && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), i[106] = j, i[107] = Q);
-	let $;
-	i[108] !== Re || i[109] !== Ze || i[110] !== Q ? ($ = /* @__PURE__ */ jsx("div", {
+	}), o[102] = H, o[103] = J, o[104] = Y, o[105] = X) : X = o[105];
+	let Qe = !ze || M, Z;
+	o[106] === M ? Z = o[107] : (Z = M && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[106] = M, o[107] = Z);
+	let Q;
+	o[108] !== Re || o[109] !== Qe || o[110] !== Z ? (Q = /* @__PURE__ */ jsx("div", {
 		className: "mt-4 flex justify-end border-t pt-4",
 		children: /* @__PURE__ */ jsxs(Button, {
 			variant: "default",
-			disabled: Ze,
+			disabled: Qe,
 			onClick: Re,
 			size: "lg",
 			className: "font-medium",
-			children: [Q, "Run Now"]
+			children: [Z, "Run Now"]
 		})
-	}), i[108] = Re, i[109] = Ze, i[110] = Q, i[111] = $) : $ = i[111];
-	let Qe;
-	return i[112] !== B || i[113] !== Z || i[114] !== $ ? (Qe = /* @__PURE__ */ jsxs("div", {
+	}), o[108] = Re, o[109] = Qe, o[110] = Z, o[111] = Q) : Q = o[111];
+	let $;
+	return o[112] !== B || o[113] !== X || o[114] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
 		className: "mt-2 overflow-y-auto",
 		children: [
 			B,
-			Z,
-			$
+			X,
+			Q
 		]
-	}), i[112] = B, i[113] = Z, i[114] = $, i[115] = Qe) : Qe = i[115], Qe;
+	}), o[112] = B, o[113] = X, o[114] = Q, o[115] = $) : $ = o[115], $;
 }
 function _temp4(e) {
 	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
@@ -307,51 +309,51 @@ function _temp(e) {
 	};
 }
 function StepSection(e) {
-	let t = c(35), { step: n, title: r, summary: o, isActive: s, isComplete: l, isEnabled: u, isLoading: le, onToggle: d, children: ue } = e, f;
-	t[0] === d ? f = t[1] : (f = () => d(), t[0] = d, t[1] = f);
-	let de = `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-colors ${u ? "hover:bg-muted/50 cursor-pointer" : "cursor-not-allowed opacity-50"}`, fe = !u, pe = `flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-xs font-semibold ${l ? "bg-primary text-primary-foreground" : s ? "border-primary text-primary border-2" : "border-border text-muted-foreground border"}`, p;
-	t[2] !== l || t[3] !== n ? (p = l ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : n, t[2] = l, t[3] = n, t[4] = p) : p = t[4];
-	let m;
-	t[5] !== pe || t[6] !== p ? (m = /* @__PURE__ */ jsx("div", {
-		className: pe,
-		children: p
-	}), t[5] = pe, t[6] = p, t[7] = m) : m = t[7];
-	let h = `flex-1 text-sm font-medium ${u ? "text-foreground" : "text-muted-foreground"}`, g;
-	t[8] !== h || t[9] !== r ? (g = /* @__PURE__ */ jsx("span", {
-		className: h,
+	let t = c(35), { step: n, title: r, summary: i, isActive: l, isComplete: u, isEnabled: d, isLoading: ce, onToggle: le, children: f } = e, p;
+	t[0] === le ? p = t[1] : (p = () => le(), t[0] = le, t[1] = p);
+	let ue = `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-colors ${d ? "hover:bg-muted/50 cursor-pointer" : "cursor-not-allowed opacity-50"}`, de = !d, fe = `flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-xs font-semibold ${u ? "bg-primary text-primary-foreground" : l ? "border-primary text-primary border-2" : "border-border text-muted-foreground border"}`, m;
+	t[2] !== u || t[3] !== n ? (m = u ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : n, t[2] = u, t[3] = n, t[4] = m) : m = t[4];
+	let h;
+	t[5] !== fe || t[6] !== m ? (h = /* @__PURE__ */ jsx("div", {
+		className: fe,
+		children: m
+	}), t[5] = fe, t[6] = m, t[7] = h) : h = t[7];
+	let g = `flex-1 text-sm font-medium ${d ? "text-foreground" : "text-muted-foreground"}`, _;
+	t[8] !== g || t[9] !== r ? (_ = /* @__PURE__ */ jsx("span", {
+		className: g,
 		children: r
-	}), t[8] = h, t[9] = r, t[10] = g) : g = t[10];
-	let v;
-	t[11] !== s || t[12] !== l || t[13] !== o ? (v = !s && l && o && /* @__PURE__ */ jsx("span", {
+	}), t[8] = g, t[9] = r, t[10] = _) : _ = t[10];
+	let y;
+	t[11] !== l || t[12] !== u || t[13] !== i ? (y = !l && u && i && /* @__PURE__ */ jsx("span", {
 		className: "text-muted-foreground mr-1 max-w-48 truncate text-sm",
-		children: o
-	}), t[11] = s, t[12] = l, t[13] = o, t[14] = v) : v = t[14];
-	let b;
-	t[15] !== s || t[16] !== le ? (b = le && s && /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" }), t[15] = s, t[16] = le, t[17] = b) : b = t[17];
-	let x = `text-muted-foreground h-4 w-4 transition-transform ${s ? "rotate-180" : ""}`, S;
-	t[18] === x ? S = t[19] : (S = /* @__PURE__ */ jsx(ChevronDown, { className: x }), t[18] = x, t[19] = S);
-	let C;
-	t[20] !== b || t[21] !== S || t[22] !== de || t[23] !== fe || t[24] !== m || t[25] !== g || t[26] !== v ? (C = /* @__PURE__ */ jsxs(CollapsibleTrigger, {
-		className: de,
-		disabled: fe,
+		children: i
+	}), t[11] = l, t[12] = u, t[13] = i, t[14] = y) : y = t[14];
+	let x;
+	t[15] !== l || t[16] !== ce ? (x = ce && l && /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" }), t[15] = l, t[16] = ce, t[17] = x) : x = t[17];
+	let S = `text-muted-foreground h-4 w-4 transition-transform ${l ? "rotate-180" : ""}`, C;
+	t[18] === S ? C = t[19] : (C = /* @__PURE__ */ jsx(ChevronDown, { className: S }), t[18] = S, t[19] = C);
+	let w;
+	t[20] !== x || t[21] !== C || t[22] !== ue || t[23] !== de || t[24] !== h || t[25] !== _ || t[26] !== y ? (w = /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		className: ue,
+		disabled: de,
 		children: [
-			m,
-			g,
-			v,
-			b,
-			S
+			h,
+			_,
+			y,
+			x,
+			C
 		]
-	}), t[20] = b, t[21] = S, t[22] = de, t[23] = fe, t[24] = m, t[25] = g, t[26] = v, t[27] = C) : C = t[27];
-	let w;
-	t[28] === ue ? w = t[29] : (w = /* @__PURE__ */ jsx(CollapsibleContent, {
+	}), t[20] = x, t[21] = C, t[22] = ue, t[23] = de, t[24] = h, t[25] = _, t[26] = y, t[27] = w) : w = t[27];
+	let T;
+	t[28] === f ? T = t[29] : (T = /* @__PURE__ */ jsx(CollapsibleContent, {
 		className: "px-3 pb-3 pl-13",
-		children: ue
-	}), t[28] = ue, t[29] = w);
-	let me;
-	return t[30] !== s || t[31] !== f || t[32] !== C || t[33] !== w ? (me = /* @__PURE__ */ jsxs(Collapsible, {
-		open: s,
-		onOpenChange: f,
-		children: [C, w]
-	}), t[30] = s, t[31] = f, t[32] = C, t[33] = w, t[34] = me) : me = t[34], me;
+		children: f
+	}), t[28] = f, t[29] = T);
+	let pe;
+	return t[30] !== l || t[31] !== p || t[32] !== w || t[33] !== T ? (pe = /* @__PURE__ */ jsxs(Collapsible, {
+		open: l,
+		onOpenChange: p,
+		children: [w, T]
+	}), t[30] = l, t[31] = p, t[32] = w, t[33] = T, t[34] = pe) : pe = t[34], pe;
 }
 export { NewRunDialog };

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

@@ -1,5 +1,5 @@
-import "../../../providers/StudioProvider.js";
 import "../../../hooks/useWorkflows.js";
+import "../../../providers/StudioProvider.js";
 import "../../../components/ui/button.js";
 import "./NewRunDialog.js";
 import "./RecentRunItem.js";

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

@@ -1,4 +1,5 @@
-import { useWorkspace } from "../../../hooks/useWorkspaces.js";
+import { useWorkspace } from "../../../packages/react/dist/hooks/queries.js";
+import "../../../hooks/useWorkspaces.js";
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { SidebarPanel } from "./SidebarPanel.js";
 import ExecutionTimeline_default from "../../workspaces/components/ExecutionTimeline.js";

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

@@ -1,6 +1,6 @@
-import { useWorkflowConfigByName } from "../../../hooks/useWorkflows.js";
 import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
 import "../../../packages/contracts/dist/enums/index.js";
+import { useWorkflowConfigByName } from "../../../hooks/useWorkflows.js";
 import UiActions_default from "../../../components/ui-widgets/UiActions.js";
 import { c } from "react/compiler-runtime";
 import React from "react";

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

@@ -1,4 +1,5 @@
-import { useWorkflowCheckpoints } from "../../../hooks/useWorkflows.js";
+import { useWorkflowCheckpoints } from "../../../packages/react/dist/hooks/queries.js";
+import "../../../hooks/useWorkflows.js";
 import { cn } from "../../../lib/utils.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
 import { c } from "react/compiler-runtime";

package/dist/features/workbench/components/buttons/WorkflowButtons.js

@@ -1,9 +1,11 @@
+import { useWorkflow } from "../../../../packages/react/dist/hooks/queries.js";
+import { useCreateWorkflow, useRunWorkflow } from "../../../../packages/react/dist/hooks/mutations.js";
+import "../../../../hooks/useWorkflows.js";
 import { useStudio } from "../../../../providers/StudioProvider.js";
-import { useCreateWorkflow, useWorkflow } from "../../../../hooks/useWorkflows.js";
 import { Button } from "../../../../components/ui/button.js";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../../components/ui/alert-dialog.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../../components/ui/tooltip.js";
-import { useRunWorkflow } from "../../../../hooks/useProcessor.js";
+import "../../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -11,18 +13,14 @@ import { LockOpen, Repeat } from "lucide-react";
 var WorkflowButtons_default = (T) => {
 	let E = c(34), { workflow: D, workflowId: O } = T, { router: k } = useStudio(), A = useWorkflow(O).data, j = useCreateWorkflow(), M = useRunWorkflow(), N = j.isPending || M.isPending, P;
 	E[0] !== j || E[1] !== k || E[2] !== M || E[3] !== D.args || E[4] !== D.workflowName || E[5] !== D.workspaceId ? (P = () => {
-		j.mutate({ workflowCreateDto: {
+		j.mutate({
 			workflowName: D.workflowName,
 			title: null,
 			workspaceId: D.workspaceId,
 			transition: null,
 			args: D.args ?? {}
-		} }, { onSuccess: (t) => {
-			M.mutate({
-				workflowId: t.id,
-				runWorkflowPayloadDto: {},
-				force: !0
-			}, { onSuccess: () => {
+		}, { onSuccess: (t) => {
+			M.mutate({ workflowId: t.id }, { onSuccess: () => {
 				k.navigateToWorkflow(t.id);
 			} });
 		} });
@@ -31,11 +29,7 @@ var WorkflowButtons_default = (T) => {
 	E[7] !== M || E[8] !== D.id || E[9] !== O ? (I = () => {
 		M.mutate({
 			workflowId: D.id,
-			runWorkflowPayloadDto: { transition: {
-				name: "unlock",
-				workflowId: O
-			} },
-			force: !1
+			payload: { transition: { workflowId: O } }
 		});
 	}, E[7] = M, E[8] = D.id, E[9] = O, E[10] = I) : I = E[10];
 	let L = I;