@loopstack/loopstack-studio 0.21.3 → 0.22.0

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

@@ -1,3 +1,4 @@
+import { useAvailableEnvironments } from "../../../hooks/useConfig.js";
 import { useCreateWorkspace, useUpdateWorkspace } from "../../../hooks/useWorkspaces.js";
 import { Button } from "../../../components/ui/button.js";
 import { DialogHeader } from "../../../components/ui/dialog.js";
@@ -5,147 +6,229 @@ import { Input } from "../../../components/ui/input.js";
 import { Label } from "../../../components/ui/label.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
 import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
+import { EnvironmentSlotSelector } from "./EnvironmentSlotSelector.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2, Star } from "lucide-react";
 import { DialogTitle } from "@radix-ui/react-dialog";
-var CreateWorkspace_default = (h) => {
-	let g = c(52), { types: _, workspace: v, onSuccess: y } = h, b = useCreateWorkspace(), x = useUpdateWorkspace(), [S, C] = useState(_[0]?.blockName ?? ""), [w, T] = useState(v?.isFavourite ?? !1), E;
-	g[0] === _[0]?.blockName ? E = g[1] : (E = () => {
-		C(_[0]?.blockName ?? "");
-	}, g[0] = _[0]?.blockName, g[1] = E);
-	let D;
-	g[2] === _ ? D = g[3] : (D = [_], g[2] = _, g[3] = D), useEffect(E, D);
-	let O;
-	g[4] === Symbol.for("react.memo_cache_sentinel") ? (O = (t) => {
-		C(t);
-	}, g[4] = O) : O = g[4];
-	let k = O, A;
-	g[5] !== w || g[6] !== y || g[7] !== x || g[8] !== v ? (A = (t) => {
-		t.preventDefault();
-		let m = new FormData(t.currentTarget).get("name");
-		!m || !v || x.mutate({
-			id: v.id,
+var CreateWorkspace_default = (ye) => {
+	let a = c(87), { types: o, workspace: s, onSuccess: l } = ye, u = useCreateWorkspace(), d = useUpdateWorkspace(), [f, be] = useState(o[0]?.blockName ?? ""), [p, xe] = useState(s?.isFavourite ?? !1), m;
+	a[0] === Symbol.for("react.memo_cache_sentinel") ? (m = {}, a[0] = m) : m = a[0];
+	let [h, g] = useState(m), _;
+	a[1] === o[0]?.blockName ? _ = a[2] : (_ = () => {
+		be(o[0]?.blockName ?? "");
+	}, a[1] = o[0]?.blockName, a[2] = _);
+	let v;
+	a[3] === o ? v = a[4] : (v = [o], a[3] = o, a[4] = v), useEffect(_, v);
+	let y;
+	if (a[5] !== o || a[6] !== f) {
+		let e;
+		a[8] === f ? e = a[9] : (e = (e) => e.blockName === f, a[8] = f, a[9] = e), y = o.find(e), a[5] = o, a[6] = f, a[7] = y;
+	} else y = a[7];
+	let Se = y, b;
+	a[10] === Se?.environments ? b = a[11] : (b = Se?.environments ?? [], a[10] = Se?.environments, a[11] = b);
+	let x = b, S = x.length > 0, C;
+	a[12] === S ? C = a[13] : (C = { enabled: S }, a[12] = S, a[13] = C);
+	let { data: w } = useAvailableEnvironments(C), T;
+	a[14] === w ? T = a[15] : (T = w?.map(_temp) ?? [], a[14] = w, a[15] = T);
+	let E = T, D = E.length > 0 && x.length > 0, O;
+	a[16] !== E || a[17] !== x || a[18] !== s ? (O = () => {
+		if (E.length === 0 || x.length === 0) return;
+		let e = {};
+		for (let t of x) {
+			if (s?.environments) {
+				let n = s.environments.find((e) => e.slotId === t.id);
+				if (n) {
+					e[t.id] = n.remoteEnvironmentId;
+					continue;
+				}
+			}
+			let n = E.find((e) => !t.type || e.type === t.type);
+			n && (e[t.id] = n.id);
+		}
+		g(e);
+	}, a[16] = E, a[17] = x, a[18] = s, a[19] = O) : O = a[19];
+	let k = s?.environments, A;
+	a[20] !== E || a[21] !== x || a[22] !== k ? (A = [
+		E,
+		x,
+		k
+	], a[20] = E, a[21] = x, a[22] = k, a[23] = A) : A = a[23], useEffect(O, A);
+	let j;
+	a[24] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
+		be(e), g({});
+	}, a[24] = j) : j = a[24];
+	let Ce = j, M;
+	a[25] === Symbol.for("react.memo_cache_sentinel") ? (M = (e, t) => {
+		g((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, a[25] = M) : M = a[25];
+	let we = M, N;
+	a[26] !== w || a[27] !== h || a[28] !== E || a[29] !== D || a[30] !== x ? (N = () => {
+		if (!D) return;
+		let e = [];
+		for (let t of x) {
+			let n = h[t.id];
+			if (n && n !== "__none__") {
+				let r = E.find((e) => e.id === n), i = w?.find((e) => e.type === n);
+				r && i && e.push({
+					slotId: t.id,
+					type: r.type,
+					remoteEnvironmentId: r.id,
+					envName: r.name,
+					connectionUrl: i.connectionUrl,
+					agentUrl: i.agentUrl,
+					workerUrl: i.connectionUrl,
+					local: i.local
+				});
+			}
+		}
+		return e.length > 0 ? e : void 0;
+	}, a[26] = w, a[27] = h, a[28] = E, a[29] = D, a[30] = x, a[31] = N) : N = a[31];
+	let P = N, F;
+	a[32] !== P || a[33] !== p || a[34] !== l || a[35] !== d || a[36] !== s ? (F = (e) => {
+		e.preventDefault();
+		let t = new FormData(e.currentTarget).get("name");
+		!t || !s || d.mutate({
+			id: s.id,
 			workspaceUpdateDto: {
-				title: m,
-				isFavourite: w
+				title: t,
+				isFavourite: p,
+				environments: P()
 			}
 		}, { onSuccess: () => {
-			y();
+			l();
 		} });
-	}, g[5] = w, g[6] = y, g[7] = x, g[8] = v, g[9] = A) : A = g[9];
-	let j = A, M;
-	g[10] !== b || g[11] !== w || g[12] !== y || g[13] !== S ? (M = (t) => {
-		t.preventDefault();
-		let m = new FormData(t.currentTarget).get("name");
-		S && b.mutate({ workspaceCreateDto: {
-			title: m || void 0,
-			blockName: S,
-			isFavourite: w || void 0
+	}, a[32] = P, a[33] = p, a[34] = l, a[35] = d, a[36] = s, a[37] = F) : F = a[37];
+	let Te = F, I;
+	a[38] !== P || a[39] !== u || a[40] !== p || a[41] !== l || a[42] !== f ? (I = (e) => {
+		e.preventDefault();
+		let t = new FormData(e.currentTarget).get("name");
+		f && u.mutate({ workspaceCreateDto: {
+			title: t || void 0,
+			blockName: f,
+			isFavourite: p || void 0,
+			environments: P()
 		} }, { onSuccess: () => {
-			console.log("closing"), y();
+			console.log("closing"), l();
 		} });
-	}, g[10] = b, g[11] = w, g[12] = y, g[13] = S, g[14] = M) : M = g[14];
-	let N = M, P = b.isPending || x.isPending, F;
-	g[15] === b.error ? F = g[16] : (F = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: b.error }), g[15] = b.error, g[16] = F);
-	let I;
-	g[17] === x.error ? I = g[18] : (I = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), g[17] = x.error, g[18] = I);
-	let L = v ? "Edit" : "Add", R;
-	g[19] === L ? R = g[20] : (R = /* @__PURE__ */ jsx(DialogHeader, {
+	}, a[38] = P, a[39] = u, a[40] = p, a[41] = l, a[42] = f, a[43] = I) : I = a[43];
+	let Ee = I, L = u.isPending || d.isPending, R;
+	a[44] === u.error ? R = a[45] : (R = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: u.error }), a[44] = u.error, a[45] = R);
+	let z;
+	a[46] === d.error ? z = a[47] : (z = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: d.error }), a[46] = d.error, a[47] = z);
+	let De = s ? "Edit" : "Add", B;
+	a[48] === De ? B = a[49] : (B = /* @__PURE__ */ jsx(DialogHeader, {
 		className: "space-y-1",
 		children: /* @__PURE__ */ jsxs(DialogTitle, {
 			className: "mb-4 text-lg leading-none font-semibold",
-			children: [L, " Workspace"]
+			children: [De, " Workspace"]
 		})
-	}), g[19] = L, g[20] = R);
-	let z = v ? j : N, B;
-	g[21] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(Label, {
+	}), a[48] = De, a[49] = B);
+	let Oe = s ? Te : Ee, V;
+	a[50] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(Label, {
 		htmlFor: "name",
 		children: "Workspace Name"
-	}), g[21] = B) : B = g[21];
-	let V = v?.title ?? "", H;
-	g[22] === V ? H = g[23] : (H = /* @__PURE__ */ jsx(Input, {
+	}), a[50] = V) : V = a[50];
+	let ke = s?.title ?? "", H;
+	a[51] === ke ? H = a[52] : (H = /* @__PURE__ */ jsx(Input, {
 		id: "name",
 		name: "name",
-		defaultValue: V,
+		defaultValue: ke,
 		placeholder: "Enter workspace name (optional)",
 		autoFocus: !0
-	}), g[22] = V, g[23] = H);
+	}), a[51] = ke, a[52] = H);
 	let U;
-	g[24] === Symbol.for("react.memo_cache_sentinel") ? (U = () => T(_temp), g[24] = U) : U = g[24];
-	let W = `h-4 w-4 ${w ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}`, G;
-	g[25] === W ? G = g[26] : (G = /* @__PURE__ */ jsx(Button, {
+	a[53] === Symbol.for("react.memo_cache_sentinel") ? (U = () => xe(_temp2), a[53] = U) : U = a[53];
+	let W = `h-4 w-4 ${p ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}`, G;
+	a[54] === W ? G = a[55] : (G = /* @__PURE__ */ jsx(Button, {
 		type: "button",
 		variant: "ghost",
 		size: "icon",
 		className: "shrink-0",
 		onClick: U,
 		children: /* @__PURE__ */ jsx(Star, { className: W })
-	}), g[25] = W, g[26] = G);
+	}), a[54] = W, a[55] = G);
 	let K;
-	g[27] !== H || g[28] !== G ? (K = /* @__PURE__ */ jsxs("div", {
+	a[56] !== H || a[57] !== G ? (K = /* @__PURE__ */ jsxs("div", {
 		className: "space-y-2",
-		children: [B, /* @__PURE__ */ jsxs("div", {
+		children: [V, /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
 			children: [H, G]
 		})]
-	}), g[27] = H, g[28] = G, g[29] = K) : K = g[29];
+	}), a[56] = H, a[57] = G, a[58] = K) : K = a[58];
 	let q;
-	g[30] !== _ || g[31] !== v || g[32] !== S ? (q = !v && _.length > 1 && /* @__PURE__ */ jsxs("div", {
+	a[59] !== o || a[60] !== s || a[61] !== f ? (q = !s && o.length > 1 && /* @__PURE__ */ jsxs("div", {
 		className: "space-y-2",
 		children: [/* @__PURE__ */ jsx(Label, {
 			htmlFor: "blockName",
 			children: "Type"
 		}), /* @__PURE__ */ jsxs(Select, {
 			name: "blockName",
-			value: S,
-			onValueChange: k,
+			value: f,
+			onValueChange: Ce,
 			children: [/* @__PURE__ */ jsx(SelectTrigger, {
 				id: "blockName",
 				className: "w-full",
 				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a type" })
-			}), /* @__PURE__ */ jsx(SelectContent, { children: _.map(_temp2) })]
+			}), /* @__PURE__ */ jsx(SelectContent, { children: o.map(_temp3) })]
 		})]
-	}), g[30] = _, g[31] = v, g[32] = S, g[33] = q) : q = g[33];
+	}), a[59] = o, a[60] = s, a[61] = f, a[62] = q) : q = a[62];
 	let J;
-	g[34] === P ? J = g[35] : (J = P && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), g[34] = P, g[35] = J);
-	let Y = v ? "Save" : "Create", X;
-	g[36] !== P || g[37] !== J || g[38] !== Y ? (X = /* @__PURE__ */ jsxs(Button, {
+	a[63] !== h || a[64] !== E || a[65] !== D || a[66] !== x ? (J = D && x.map((e) => /* @__PURE__ */ jsx(EnvironmentSlotSelector, {
+		slot: e,
+		environments: E,
+		selectedEnvironmentId: h[e.id],
+		onSelect: (t) => we(e.id, t)
+	}, e.id)), a[63] = h, a[64] = E, a[65] = D, a[66] = x, a[67] = J) : J = a[67];
+	let Y;
+	a[68] === L ? Y = a[69] : (Y = L && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), a[68] = L, a[69] = Y);
+	let Ae = s ? "Save" : "Create", X;
+	a[70] !== L || a[71] !== Y || a[72] !== Ae ? (X = /* @__PURE__ */ jsxs(Button, {
 		type: "submit",
 		className: "w-full",
-		disabled: P,
-		children: [J, Y]
-	}), g[36] = P, g[37] = J, g[38] = Y, g[39] = X) : X = g[39];
+		disabled: L,
+		children: [Y, Ae]
+	}), a[70] = L, a[71] = Y, a[72] = Ae, a[73] = X) : X = a[73];
 	let Z;
-	g[40] !== z || g[41] !== K || g[42] !== q || g[43] !== X ? (Z = /* @__PURE__ */ jsxs("form", {
-		onSubmit: z,
+	a[74] !== Oe || a[75] !== K || a[76] !== q || a[77] !== J || a[78] !== X ? (Z = /* @__PURE__ */ jsxs("form", {
+		onSubmit: Oe,
 		className: "space-y-4",
 		children: [
 			K,
 			q,
+			J,
 			X
 		]
-	}), g[40] = z, g[41] = K, g[42] = q, g[43] = X, g[44] = Z) : Z = g[44];
+	}), a[74] = Oe, a[75] = K, a[76] = q, a[77] = J, a[78] = X, a[79] = Z) : Z = a[79];
 	let Q;
-	g[45] !== Z || g[46] !== R ? (Q = /* @__PURE__ */ jsxs("div", {
+	a[80] !== B || a[81] !== Z ? (Q = /* @__PURE__ */ jsxs("div", {
 		className: "mb-4",
-		children: [R, Z]
-	}), g[45] = Z, g[46] = R, g[47] = Q) : Q = g[47];
+		children: [B, Z]
+	}), a[80] = B, a[81] = Z, a[82] = Q) : Q = a[82];
 	let $;
-	return g[48] !== Q || g[49] !== F || g[50] !== I ? ($ = /* @__PURE__ */ jsxs("div", { children: [
-		F,
-		I,
+	return a[83] !== R || a[84] !== z || a[85] !== Q ? ($ = /* @__PURE__ */ jsxs("div", { children: [
+		R,
+		z,
 		Q
-	] }), g[48] = Q, g[49] = F, g[50] = I, g[51] = $) : $ = g[51], $;
+	] }), a[83] = R, a[84] = z, a[85] = Q, a[86] = $) : $ = a[86], $;
 };
-function _temp(t) {
-	return !t;
+function _temp(e) {
+	return {
+		...e,
+		id: e.type
+	};
+}
+function _temp2(e) {
+	return !e;
 }
-function _temp2(t) {
+function _temp3(e) {
 	return /* @__PURE__ */ jsx(SelectItem, {
-		value: t.blockName,
-		children: t.title ?? t.blockName
-	}, t.blockName);
+		value: e.blockName,
+		children: e.title ?? e.blockName
+	}, e.blockName);
 }
 export { CreateWorkspace_default as default };

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

@@ -0,0 +1,63 @@
+import { Button } from "../../../components/ui/button.js";
+import { Label } from "../../../components/ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Info, Loader2, Plus } from "lucide-react";
+function EnvironmentSlotSelector({ slot: p, environments: m, selectedEnvironmentId: h, onSelect: g, onCreateEnvironment: _, isCreating: v, error: y }) {
+	let b = useMemo(() => m.filter((e) => p.type ? e.type === p.type : !0), [m, p.type]), x = b.length > 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs(Label, { children: [p.title ?? p.id, p.optional && /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground ml-1 font-normal",
+				children: "(optional)"
+			})] }),
+			x ? /* @__PURE__ */ jsxs(Select, {
+				value: h,
+				onValueChange: g,
+				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+					className: "w-full",
+					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an environment" })
+				}), /* @__PURE__ */ jsxs(SelectContent, { children: [p.optional && /* @__PURE__ */ jsx(SelectItem, {
+					value: "__none__",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: "None"
+					})
+				}), b.map((e) => /* @__PURE__ */ jsx(SelectItem, {
+					value: e.id,
+					children: /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-2",
+						children: [e.name, e.local && /* @__PURE__ */ jsx("span", {
+							className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px] font-medium",
+							children: "Local"
+						})]
+					})
+				}, e.id))] })]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: `flex items-center gap-3 rounded-md border border-dashed bg-background p-3 ${y ? "border-destructive" : ""}`,
+				children: [
+					/* @__PURE__ */ jsx(Info, { className: `h-4 w-4 shrink-0 ${y ? "text-destructive" : "text-muted-foreground"}` }),
+					/* @__PURE__ */ jsx("p", {
+						className: `text-sm flex-1 ${y ? "text-destructive" : "text-muted-foreground"}`,
+						children: "No matching environment available."
+					}),
+					_ && /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						disabled: v,
+						onClick: () => _(),
+						children: [v ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), "Create"]
+					})
+				]
+			}),
+			y && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-destructive",
+				children: y
+			})
+		]
+	});
+}
+export { EnvironmentSlotSelector };

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

@@ -1,8 +1,9 @@
 import { useStudio } from "../../../providers/StudioProvider.js";
+import { useBatchDeletePipeline, useChildPipelines, useFilterPipelines } from "../../../hooks/usePipelines.js";
 import { Badge } from "../../../components/ui/badge.js";
 import CustomListView_default from "../../../components/lists/CustomListView.js";
 import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
-import { useBatchDeletePipeline, useChildPipelines, useFilterPipelines } from "../../../hooks/usePipelines.js";
+import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
 import NewPipelineRunDialog_default from "./NewPipelineRunDialog.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useState } from "react";
@@ -10,8 +11,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
 import { format, formatDistanceToNow, isToday, isYesterday, parseISO } from "date-fns";
-var ChildPipelineList = (e) => {
-	let n = c(15), { parentId: r, formatUpdatedTime: i, getPipelineStatusColor: o, onChildClick: s } = e, { data: l, isPending: u } = useChildPipelines(r, !0);
+var import_enums = require_enums(), ChildPipelineList = (e) => {
+	let n = c(15), { parentId: i, formatUpdatedTime: a, getPipelineStateColor: o, onChildClick: s } = e, { data: l, isPending: u } = useChildPipelines(i, !0);
 	if (u) {
 		let e;
 		return n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
@@ -30,12 +31,12 @@ var ChildPipelineList = (e) => {
 		}), n[3] = e) : e = n[3], e;
 	}
 	let p;
-	if (n[4] !== f || n[5] !== i || n[6] !== o || n[7] !== s) {
+	if (n[4] !== f || n[5] !== a || n[6] !== o || n[7] !== s) {
 		let e;
-		n[9] !== i || n[10] !== o || n[11] !== s ? (e = (e) => /* @__PURE__ */ jsxs("div", {
+		n[9] !== a || n[10] !== o || n[11] !== s ? (e = (e) => /* @__PURE__ */ jsxs("div", {
 			className: "hover:bg-muted/50 flex cursor-pointer items-center justify-between rounded px-2 py-1.5",
-			onClick: (t) => {
-				t.stopPropagation(), s(e.id);
+			onClick: (n) => {
+				n.stopPropagation(), s(e.id);
 			},
 			children: [/* @__PURE__ */ jsxs("div", { children: [
 				/* @__PURE__ */ jsxs("p", {
@@ -53,59 +54,59 @@ var ChildPipelineList = (e) => {
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-xs text-gray-400",
-					children: i(e.updatedAt)
+					children: a(e.updatedAt)
 				})
 			] }), /* @__PURE__ */ jsx(Badge, {
 				variant: "default",
 				className: o(e.status),
 				children: e.status
 			})]
-		}, e.id), n[9] = i, n[10] = o, n[11] = s, n[12] = e) : e = n[12], p = f.map(e), n[4] = f, n[5] = i, n[6] = o, n[7] = s, n[8] = p;
+		}, e.id), n[9] = a, n[10] = o, n[11] = s, n[12] = e) : e = n[12], p = f.map(e), n[4] = f, n[5] = a, n[6] = o, n[7] = s, n[8] = p;
 	} else p = n[8];
 	let m;
 	return n[13] === p ? m = n[14] : (m = /* @__PURE__ */ jsx("div", {
 		className: "mt-4 border-t pt-3 pl-8",
 		children: p
 	}), n[13] = p, n[14] = m), m;
-}, ExecutionTimeline_default = (a) => {
-	let l = c(40), { workspace: h } = a, { router: g } = useStudio(), _ = useQueryClient(), [v, y] = useState(0), [b, x] = useState(25), [S, C] = useState(!1), w;
-	l[0] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ new Set(), l[0] = w) : w = l[0];
-	let [T, E] = useState(w), D;
-	l[1] === Symbol.for("react.memo_cache_sentinel") ? (D = (e, t) => {
-		t.stopPropagation(), E((t) => {
-			let n = new Set(t);
-			return n.has(e) ? n.delete(e) : n.add(e), n;
+}, ExecutionTimeline_default = (r) => {
+	let s = c(40), { workspace: u } = r, { router: h } = useStudio(), g = useQueryClient(), [_, v] = useState(0), [y, b] = useState(25), [x, S] = useState(!1), C;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ new Set(), s[0] = C) : C = s[0];
+	let [w, T] = useState(C), E;
+	s[1] === Symbol.for("react.memo_cache_sentinel") ? (E = (e, n) => {
+		n.stopPropagation(), T((n) => {
+			let r = new Set(n);
+			return r.has(e) ? r.delete(e) : r.add(e), r;
 		});
-	}, l[1] = D) : D = l[1];
-	let se = D, O, k;
-	l[2] === _ ? (O = l[3], k = l[4]) : (O = () => {
-		_.invalidateQueries({ queryKey: ["pipelines"] });
-	}, k = [_], l[2] = _, l[3] = O, l[4] = k), useEffect(O, k);
+	}, s[1] = E) : E = s[1];
+	let D = E, O, k;
+	s[2] === g ? (O = s[3], k = s[4]) : (O = () => {
+		g.invalidateQueries({ queryKey: ["pipelines"] });
+	}, k = [g], s[2] = g, s[3] = O, s[4] = k), useEffect(O, k);
 	let A = _temp, j;
-	l[5] === h.id ? j = l[6] : (j = {
-		workspaceId: h.id,
+	s[5] === u.id ? j = s[6] : (j = {
+		workspaceId: u.id,
 		parentId: null
-	}, l[5] = h.id, l[6] = j);
-	let M = useFilterPipelines(void 0, j, "createdAt", "DESC", v, b), N = useBatchDeletePipeline(), P;
-	l[7] === N ? P = l[8] : (P = (e) => {
+	}, s[5] = u.id, s[6] = j);
+	let M = useFilterPipelines(void 0, j, "createdAt", "DESC", _, y), N = useBatchDeletePipeline(), P;
+	s[7] === N ? P = s[8] : (P = (e) => {
 		N.mutate(e);
-	}, l[7] = N, l[8] = P);
+	}, s[7] = N, s[8] = P);
 	let F = P, I;
-	l[9] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
-		C(!0);
-	}, l[9] = I) : I = l[9];
+	s[9] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+		S(!0);
+	}, s[9] = I) : I = s[9];
 	let L = I, R;
-	l[10] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
-		C(!1);
-	}, l[10] = R) : R = l[10];
+	s[10] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
+		S(!1);
+	}, s[10] = R) : R = s[10];
 	let z = R, B;
-	l[11] === g ? B = l[12] : (B = (e) => {
-		g.navigateToPipeline(e);
-	}, l[11] = g, l[12] = B);
+	s[11] === h ? B = s[12] : (B = (e) => {
+		h.navigateToPipeline(e);
+	}, s[11] = h, s[12] = B);
 	let V = B, H = _temp2, U;
-	l[13] === M.data?.data ? U = l[14] : (U = M.data?.data ?? [], l[13] = M.data?.data, l[14] = U);
+	s[13] === M.data?.data ? U = s[14] : (U = M.data?.data ?? [], s[13] = M.data?.data, s[14] = U);
 	let W = U, G = M.data?.total ?? 0, K;
-	l[15] !== T || l[16] !== V ? (K = (e) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+	s[15] !== w || s[16] !== V ? (K = (e) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
 		className: "flex items-center justify-between space-x-3",
 		children: [/* @__PURE__ */ jsxs("div", { children: [
 			/* @__PURE__ */ jsxs("h3", {
@@ -122,10 +123,10 @@ var ChildPipelineList = (e) => {
 				children: e.blockName
 			}),
 			e.hasChildren > 0 && /* @__PURE__ */ jsxs("button", {
-				onClick: (t) => se(e.id, t),
+				onClick: (n) => D(e.id, n),
 				className: "hover:bg-muted mt-2 flex items-center gap-1 rounded px-1.5 py-0.5 text-xs text-gray-400",
 				children: [
-					T.has(e.id) ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" }),
+					w.has(e.id) ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" }),
 					e.hasChildren,
 					" sub ",
 					e.hasChildren === 1 ? "execution" : "executions"
@@ -142,63 +143,63 @@ var ChildPipelineList = (e) => {
 				children: A(e.updatedAt)
 			})]
 		})]
-	}), e.hasChildren > 0 && T.has(e.id) && /* @__PURE__ */ jsx(ChildPipelineList, {
+	}), e.hasChildren > 0 && w.has(e.id) && /* @__PURE__ */ jsx(ChildPipelineList, {
 		parentId: e.id,
 		formatUpdatedTime: A,
-		getPipelineStatusColor: H,
+		getPipelineStateColor: H,
 		onChildClick: V
-	})] }), l[15] = T, l[16] = V, l[17] = K) : K = l[17];
+	})] }), s[15] = w, s[16] = V, s[17] = K) : K = s[17];
 	let q = K, J;
-	l[18] === M.error ? J = l[19] : (J = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: M.error }), l[18] = M.error, l[19] = J);
+	s[18] === M.error ? J = s[19] : (J = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: M.error }), s[18] = M.error, s[19] = J);
 	let Y;
-	l[20] === M.isPending ? Y = l[21] : (Y = M.isPending ? /* @__PURE__ */ jsx("div", {
+	s[20] === M.isPending ? Y = s[21] : (Y = M.isPending ? /* @__PURE__ */ jsx("div", {
 		className: "flex items-center justify-center py-8",
 		children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" })
-	}) : "", l[20] = M.isPending, l[21] = Y);
+	}) : "", s[20] = M.isPending, s[21] = Y);
 	let X = M.error ?? null, Z;
-	l[22] !== M.isPending || l[23] !== F || l[24] !== V || l[25] !== v || l[26] !== W || l[27] !== q || l[28] !== b || l[29] !== X || l[30] !== G ? (Z = /* @__PURE__ */ jsx(CustomListView_default, {
+	s[22] !== M.isPending || s[23] !== F || s[24] !== V || s[25] !== _ || s[26] !== W || s[27] !== q || s[28] !== y || s[29] !== X || s[30] !== G ? (Z = /* @__PURE__ */ jsx(CustomListView_default, {
 		loading: M.isPending,
 		error: X,
 		items: W,
 		totalItems: G,
 		onClick: V,
 		handleNew: L,
-		setPage: y,
-		setRowsPerPage: x,
-		page: v,
-		rowsPerPage: b,
+		setPage: v,
+		setRowsPerPage: b,
+		page: _,
+		rowsPerPage: y,
 		enableBatchActions: !0,
 		batchDelete: F,
 		itemRenderer: q,
 		newButtonLabel: "Run"
-	}), l[22] = M.isPending, l[23] = F, l[24] = V, l[25] = v, l[26] = W, l[27] = q, l[28] = b, l[29] = X, l[30] = G, l[31] = Z) : Z = l[31];
+	}), s[22] = M.isPending, s[23] = F, s[24] = V, s[25] = _, s[26] = W, s[27] = q, s[28] = y, s[29] = X, s[30] = G, s[31] = Z) : Z = s[31];
 	let Q;
-	l[32] !== S || l[33] !== h ? (Q = /* @__PURE__ */ jsx(NewPipelineRunDialog_default, {
-		isOpen: S,
-		onOpenChange: C,
-		workspace: h,
+	s[32] !== x || s[33] !== u ? (Q = /* @__PURE__ */ jsx(NewPipelineRunDialog_default, {
+		isOpen: x,
+		onOpenChange: S,
+		workspace: u,
 		onSuccess: z
-	}), l[32] = S, l[33] = h, l[34] = Q) : Q = l[34];
+	}), s[32] = x, s[33] = u, s[34] = Q) : Q = s[34];
 	let $;
-	return l[35] !== J || l[36] !== Y || l[37] !== Z || l[38] !== Q ? ($ = /* @__PURE__ */ jsxs("div", { children: [
+	return s[35] !== J || s[36] !== Y || s[37] !== Z || s[38] !== Q ? ($ = /* @__PURE__ */ jsxs("div", { children: [
 		J,
 		Y,
 		Z,
 		Q
-	] }), l[35] = J, l[36] = Y, l[37] = Z, l[38] = Q, l[39] = $) : $ = l[39], $;
+	] }), s[35] = J, s[36] = Y, s[37] = Z, s[38] = Q, s[39] = $) : $ = s[39], $;
 };
 function _temp(e) {
-	let t = parseISO(e);
-	return isToday(t) ? formatDistanceToNow(t, { addSuffix: !0 }) : isYesterday(t) ? `Yesterday at ${format(t, "h:mm a")}` : format(t, "MMM d, yyyy h:mm a");
+	let n = parseISO(e);
+	return isToday(n) ? formatDistanceToNow(n, { addSuffix: !0 }) : isYesterday(n) ? `Yesterday at ${format(n, "h:mm a")}` : format(n, "MMM d, yyyy h:mm a");
 }
 function _temp2(e) {
 	switch (e) {
-		case "completed": return "bg-green-600";
-		case "paused": return "bg-yellow-600";
-		case "failed": return "bg-red-600";
-		case "canceled":
-		case "pending":
-		case "running": return "bg-black";
+		case import_enums.PipelineState.Completed: return "bg-green-600";
+		case import_enums.PipelineState.Paused: return "bg-yellow-600";
+		case import_enums.PipelineState.Failed: return "bg-red-600";
+		case import_enums.PipelineState.Canceled:
+		case import_enums.PipelineState.Pending:
+		case import_enums.PipelineState.Running: return "bg-black";
 	}
 }
 export { ExecutionTimeline_default as default };