@loopstack/loopstack-studio 0.20.2 → 0.21.0-rc.0

package/dist/features/workspaces/Workspaces.js

@@ -0,0 +1,162 @@
+import { useStudio } from "../../providers/StudioProvider.js";
+import { Badge } from "../../components/ui/badge.js";
+import ListView_default from "../../components/lists/ListView.js";
+import { Dialog, DialogContent } from "../../components/ui/dialog.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
+import { useWorkspaceConfig } from "../../hooks/useConfig.js";
+import { useDebounce } from "../../hooks/useDebounce.js";
+import { useBatchDeleteWorkspaces, useDeleteWorkspace, useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
+import CreateWorkspace_default from "./components/CreateWorkspace.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSearchParams } from "react-router-dom";
+var Workspaces_default = () => {
+	let n = c(53), { router: r } = useStudio(), [i] = useSearchParams(), [a, Se] = useState(0), [o, Ce] = useState(10), [s, we] = useState("createdAt"), [l, Te] = useState("ASC"), [u, Ee] = useState(), d;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {}, n[0] = d) : d = n[0];
+	let [f, p] = useState(d), De = useDebounce(u, 500), [m, h] = useState(!1), [g, _] = useState(void 0), v, y;
+	n[1] === i ? (v = n[2], y = n[3]) : (v = () => {
+		i.get("create") === "true" && h(!0);
+	}, y = [i], n[1] = i, n[2] = v, n[3] = y), useEffect(v, y);
+	let b = useWorkspaceConfig(), x = useFilterWorkspaces(De, f, s, l, a, o), S = useDeleteWorkspace(), C = useBatchDeleteWorkspaces(), w;
+	n[4] === S ? w = n[5] : (w = (e) => {
+		S.mutate(e);
+	}, n[4] = S, n[5] = w);
+	let T = w, E;
+	n[6] === C ? E = n[7] : (E = (e) => {
+		C.mutate(e);
+	}, n[6] = C, n[7] = E);
+	let D = E, O;
+	n[8] === Symbol.for("react.memo_cache_sentinel") ? (O = () => {
+		h(!0);
+	}, n[8] = O) : O = n[8];
+	let k = O, A;
+	n[9] === Symbol.for("react.memo_cache_sentinel") ? (A = () => {
+		h(!1);
+	}, n[9] = A) : A = n[9];
+	let j = A, M;
+	n[10] === r ? M = n[11] : (M = (e) => {
+		r.navigateToWorkspace(e);
+	}, n[10] = r, n[11] = M);
+	let N = M, P;
+	n[12] === Symbol.for("react.memo_cache_sentinel") ? (P = (e) => {
+		_(e);
+	}, n[12] = P) : P = n[12];
+	let Oe = P, F;
+	n[13] === Symbol.for("react.memo_cache_sentinel") ? (F = () => {
+		h(!1), _(void 0);
+	}, n[13] = F) : F = n[13];
+	let I = F, L = b.isPending || x.isPending, R = x.error ?? b.error ?? null, z;
+	n[14] === x.data?.data ? z = n[15] : (z = x.data?.data ?? [], n[14] = x.data?.data, n[15] = z);
+	let B = x.data?.total ?? 0, V;
+	n[16] === Symbol.for("react.memo_cache_sentinel") ? (V = {
+		id: "id",
+		label: "ID",
+		minWidth: 30,
+		format: _temp
+	}, n[16] = V) : V = n[16];
+	let H;
+	n[17] === Symbol.for("react.memo_cache_sentinel") ? (H = [
+		V,
+		{
+			id: "title",
+			label: "Title",
+			minWidth: 100,
+			format: (e) => /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ jsx(Badge, {
+					variant: "outline",
+					className: "hover:bg-primary/10 cursor-pointer",
+					onClick: () => p((t) => ({
+						...t,
+						blockName: e
+					})),
+					children: e.length > 25 ? e.slice(0, 25) + "..." : e
+				})
+			}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: e }) })] }) })
+		},
+		{
+			id: "createdAt",
+			label: "Date Created",
+			minWidth: 100,
+			format: _temp2
+		}
+	], n[17] = H) : H = n[17];
+	let U;
+	n[18] === Symbol.for("react.memo_cache_sentinel") ? (U = {}, n[18] = U) : U = n[18];
+	let W;
+	n[19] !== f || n[20] !== D || n[21] !== T || n[22] !== N || n[23] !== l || n[24] !== s || n[25] !== a || n[26] !== o || n[27] !== u || n[28] !== L || n[29] !== R || n[30] !== z || n[31] !== B ? (W = /* @__PURE__ */ jsx(ListView_default, {
+		loading: L,
+		error: R,
+		items: z,
+		totalItems: B,
+		setPage: Se,
+		setRowsPerPage: Ce,
+		setOrderBy: we,
+		setOrder: Te,
+		setSearchTerm: Ee,
+		setFilters: p,
+		orderBy: s,
+		order: l,
+		searchTerm: u,
+		filters: f,
+		page: a,
+		rowsPerPage: o,
+		deleteItem: T,
+		onClick: N,
+		handleNew: k,
+		handleEdit: Oe,
+		enableBatchActions: !0,
+		batchDelete: D,
+		columns: H,
+		filterConfig: U
+	}), n[19] = f, n[20] = D, n[21] = T, n[22] = N, n[23] = l, n[24] = s, n[25] = a, n[26] = o, n[27] = u, n[28] = L, n[29] = R, n[30] = z, n[31] = B, n[32] = W) : W = n[32];
+	let G;
+	n[33] === b.data ? G = n[34] : (G = b.data ?? [], n[33] = b.data, n[34] = G);
+	let K;
+	n[35] === G ? K = n[36] : (K = /* @__PURE__ */ jsx(DialogContent, {
+		className: "max-w-2xl",
+		children: /* @__PURE__ */ jsx(CreateWorkspace_default, {
+			types: G,
+			onSuccess: j
+		})
+	}), n[35] = G, n[36] = K);
+	let q;
+	n[37] !== m || n[38] !== K ? (q = /* @__PURE__ */ jsx(Dialog, {
+		open: m,
+		onOpenChange: h,
+		children: K
+	}), n[37] = m, n[38] = K, n[39] = q) : q = n[39];
+	let J = !!g, Y;
+	n[40] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => !e && I(), n[40] = Y) : Y = n[40];
+	let X;
+	n[41] === b.data ? X = n[42] : (X = b.data ?? [], n[41] = b.data, n[42] = X);
+	let Z;
+	n[43] !== g || n[44] !== X ? (Z = /* @__PURE__ */ jsx(DialogContent, {
+		className: "max-w-2xl",
+		children: /* @__PURE__ */ jsx(CreateWorkspace_default, {
+			types: X,
+			workspace: g,
+			onSuccess: I
+		})
+	}), n[43] = g, n[44] = X, n[45] = Z) : Z = n[45];
+	let Q;
+	n[46] !== J || n[47] !== Z ? (Q = /* @__PURE__ */ jsx(Dialog, {
+		open: J,
+		onOpenChange: Y,
+		children: Z
+	}), n[46] = J, n[47] = Z, n[48] = Q) : Q = n[48];
+	let $;
+	return n[49] !== W || n[50] !== q || n[51] !== Q ? ($ = /* @__PURE__ */ jsxs(Fragment, { children: [
+		W,
+		q,
+		Q
+	] }), n[49] = W, n[50] = q, n[51] = Q, n[52] = $) : $ = n[52], $;
+};
+function _temp(e) {
+	return e.slice(0, 6);
+}
+function _temp2(e) {
+	return new Date(e).toLocaleDateString();
+}
+export { Workspaces_default as default };

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

@@ -0,0 +1,128 @@
+import { Button } from "../../../components/ui/button.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
+import { Input } from "../../../components/ui/input.js";
+import { DialogHeader } from "../../../components/ui/dialog.js";
+import { useCreateWorkspace, useUpdateWorkspace } from "../../../hooks/useWorkspaces.js";
+import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
+import { Label } from "../../../components/ui/label.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { DialogTitle } from "@radix-ui/react-dialog";
+var CreateWorkspace_default = (b) => {
+	let x = c(44), { types: S, workspace: C, onSuccess: w } = b, T = useCreateWorkspace(), E = useUpdateWorkspace(), [D, O] = useState(S[0]?.blockName ?? ""), k;
+	x[0] === S[0]?.blockName ? k = x[1] : (k = () => {
+		O(S[0]?.blockName ?? "");
+	}, x[0] = S[0]?.blockName, x[1] = k);
+	let A;
+	x[2] === S ? A = x[3] : (A = [S], x[2] = S, x[3] = A), useEffect(k, A);
+	let j;
+	x[4] === Symbol.for("react.memo_cache_sentinel") ? (j = (t) => {
+		O(t);
+	}, x[4] = j) : j = x[4];
+	let M = j, N;
+	x[5] !== w || x[6] !== E || x[7] !== C ? (N = (t) => {
+		t.preventDefault();
+		let y = new FormData(t.currentTarget).get("name");
+		!y || !C || E.mutate({
+			id: C.id,
+			workspaceUpdateDto: { title: y }
+		}, { onSuccess: () => {
+			w();
+		} });
+	}, x[5] = w, x[6] = E, x[7] = C, x[8] = N) : N = x[8];
+	let P = N, F;
+	x[9] !== T || x[10] !== w || x[11] !== D ? (F = (t) => {
+		t.preventDefault();
+		let y = new FormData(t.currentTarget).get("name");
+		D && T.mutate({ workspaceCreateDto: {
+			title: y || void 0,
+			blockName: D
+		} }, { onSuccess: () => {
+			console.log("closing"), w();
+		} });
+	}, x[9] = T, x[10] = w, x[11] = D, x[12] = F) : F = x[12];
+	let I = F, L = T.isPending || E.isPending, R;
+	x[13] === T.error ? R = x[14] : (R = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: T.error }), x[13] = T.error, x[14] = R);
+	let z;
+	x[15] === E.error ? z = x[16] : (z = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: E.error }), x[15] = E.error, x[16] = z);
+	let B = C ? "Edit" : "Add", V;
+	x[17] === B ? V = x[18] : (V = /* @__PURE__ */ jsx(DialogHeader, {
+		className: "space-y-1",
+		children: /* @__PURE__ */ jsxs(DialogTitle, {
+			className: "mb-4 text-lg leading-none font-semibold",
+			children: [B, " Workspace"]
+		})
+	}), x[17] = B, x[18] = V);
+	let H = C ? P : I, U;
+	x[19] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsx(Label, {
+		htmlFor: "name",
+		children: "Workspace Name"
+	}), x[19] = U) : U = x[19];
+	let W = C?.title ?? "", G;
+	x[20] === W ? G = x[21] : (G = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [U, /* @__PURE__ */ jsx(Input, {
+			id: "name",
+			name: "name",
+			defaultValue: W,
+			placeholder: "Enter workspace name (optional)",
+			autoFocus: !0
+		})]
+	}), x[20] = W, x[21] = G);
+	let K;
+	x[22] !== S || x[23] !== C || x[24] !== D ? (K = !C && /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ jsx(Label, {
+			htmlFor: "blockName",
+			children: "Type"
+		}), /* @__PURE__ */ jsxs(Select, {
+			name: "blockName",
+			value: D,
+			onValueChange: M,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				id: "blockName",
+				className: "w-full",
+				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a type" })
+			}), /* @__PURE__ */ jsx(SelectContent, { children: S.map(_temp) })]
+		})]
+	}), x[22] = S, x[23] = C, x[24] = D, x[25] = K) : K = x[25];
+	let q;
+	x[26] === L ? q = x[27] : (q = L && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), x[26] = L, x[27] = q);
+	let J = C ? "Save" : "Create", Y;
+	x[28] !== L || x[29] !== q || x[30] !== J ? (Y = /* @__PURE__ */ jsxs(Button, {
+		type: "submit",
+		className: "w-full",
+		disabled: L,
+		children: [q, J]
+	}), x[28] = L, x[29] = q, x[30] = J, x[31] = Y) : Y = x[31];
+	let X;
+	x[32] !== H || x[33] !== G || x[34] !== K || x[35] !== Y ? (X = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("form", {
+		onSubmit: H,
+		className: "space-y-4",
+		children: [
+			G,
+			K,
+			Y
+		]
+	}) }), x[32] = H, x[33] = G, x[34] = K, x[35] = Y, x[36] = X) : X = x[36];
+	let Z;
+	x[37] !== X || x[38] !== V ? (Z = /* @__PURE__ */ jsxs("div", {
+		className: "my-4",
+		children: [V, X]
+	}), x[37] = X, x[38] = V, x[39] = Z) : Z = x[39];
+	let Q;
+	return x[40] !== Z || x[41] !== R || x[42] !== z ? (Q = /* @__PURE__ */ jsxs("div", { children: [
+		R,
+		z,
+		Z
+	] }), x[40] = Z, x[41] = R, x[42] = z, x[43] = Q) : Q = x[43], Q;
+};
+function _temp(t) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: t.blockName,
+		children: t.title ?? t.blockName
+	}, t.blockName);
+}
+export { CreateWorkspace_default as default };

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

@@ -0,0 +1,204 @@
+import { useStudio } from "../../../providers/StudioProvider.js";
+import { Badge } from "../../../components/ui/badge.js";
+import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
+import CustomListView_default from "../../../components/lists/CustomListView.js";
+import { useBatchDeletePipeline, useChildPipelines, useFilterPipelines } from "../../../hooks/usePipelines.js";
+import NewPipelineRunDialog_default from "./NewPipelineRunDialog.js";
+import { c } from "react/compiler-runtime";
+import React, { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
+import { useQueryClient } from "@tanstack/react-query";
+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);
+	if (u) {
+		let e;
+		return n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+			className: "flex items-center py-2 pl-8",
+			children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" })
+		}), n[0] = e) : e = n[0], e;
+	}
+	let d;
+	n[1] === l?.data ? d = n[2] : (d = l?.data ?? [], n[1] = l?.data, n[2] = d);
+	let f = d;
+	if (f.length === 0) {
+		let e;
+		return n[3] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("p", {
+			className: "py-1 pl-8 text-xs text-gray-400",
+			children: "No child workflows"
+		}), n[3] = e) : e = n[3], e;
+	}
+	let p;
+	if (n[4] !== f || n[5] !== i || n[6] !== o || n[7] !== s) {
+		let e;
+		n[9] !== i || 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);
+			},
+			children: [/* @__PURE__ */ jsxs("div", { children: [
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-sm font-medium",
+					children: [
+						"Run #",
+						e.run,
+						" ",
+						e.title ? `(${e.title})` : ""
+					]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-xs text-gray-500",
+					children: e.blockName
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-xs text-gray-400",
+					children: i(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;
+	} 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;
+		});
+	}, 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);
+	let A = _temp, j;
+	l[5] === h.id ? j = l[6] : (j = {
+		workspaceId: h.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) => {
+		N.mutate(e);
+	}, l[7] = N, l[8] = P);
+	let F = P, I;
+	l[9] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+		C(!0);
+	}, l[9] = I) : I = l[9];
+	let L = I, R;
+	l[10] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
+		C(!1);
+	}, l[10] = R) : R = l[10];
+	let z = R, B;
+	l[11] === g ? B = l[12] : (B = (e) => {
+		g.navigateToPipeline(e);
+	}, l[11] = g, l[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);
+	let W = U, G = M.data?.total ?? 0, K;
+	l[15] !== T || l[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", {
+				className: "hover:text-primary font-medium transition-colors",
+				children: [
+					"Run #",
+					e.run,
+					" ",
+					e.title ? `(${e.title})` : ""
+				]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-gray-500",
+				children: e.blockName
+			}),
+			e.hasChildren > 0 && /* @__PURE__ */ jsxs("button", {
+				onClick: (t) => se(e.id, t),
+				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" }),
+					e.hasChildren,
+					" sub ",
+					e.hasChildren === 1 ? "execution" : "executions"
+				]
+			})
+		] }), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-end gap-2",
+			children: [/* @__PURE__ */ jsx(Badge, {
+				variant: "default",
+				className: H(e.status),
+				children: e.status
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-gray-400",
+				children: A(e.updatedAt)
+			})]
+		})]
+	}), e.hasChildren > 0 && T.has(e.id) && /* @__PURE__ */ jsx(ChildPipelineList, {
+		parentId: e.id,
+		formatUpdatedTime: A,
+		getPipelineStatusColor: H,
+		onChildClick: V
+	})] }), l[15] = T, l[16] = V, l[17] = K) : K = l[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);
+	let Y;
+	l[20] === M.isPending ? Y = l[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);
+	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, {
+		loading: M.isPending,
+		error: X,
+		items: W,
+		totalItems: G,
+		onClick: V,
+		handleNew: L,
+		setPage: y,
+		setRowsPerPage: x,
+		page: v,
+		rowsPerPage: b,
+		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];
+	let Q;
+	l[32] !== S || l[33] !== h ? (Q = /* @__PURE__ */ jsx(NewPipelineRunDialog_default, {
+		isOpen: S,
+		onOpenChange: C,
+		workspace: h,
+		onSuccess: z
+	}), l[32] = S, l[33] = h, l[34] = Q) : Q = l[34];
+	let $;
+	return l[35] !== J || l[36] !== Y || l[37] !== Z || l[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], $;
+};
+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");
+}
+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";
+	}
+}
+export { ExecutionTimeline_default as default };

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

@@ -0,0 +1,31 @@
+import { Dialog, DialogContent, DialogTitle } from "../../../components/ui/dialog.js";
+import PipelineForm_default from "./PipelineForm.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NewPipelineRunDialog_default = (s) => {
+	let l = c(11), { isOpen: u, onOpenChange: d, workspace: f, onSuccess: p } = s, m;
+	l[0] !== d || l[1] !== p ? (m = () => {
+		p(), d(!1);
+	}, l[0] = d, l[1] = p, l[2] = m) : m = l[2];
+	let h = m, g;
+	l[3] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(DialogTitle, { children: "Run Pipeline" }), l[3] = g) : g = l[3];
+	let _;
+	l[4] !== h || l[5] !== f ? (_ = /* @__PURE__ */ jsxs(DialogContent, {
+		className: "max-h-[80vh] min-h-[300px] !max-w-2xl",
+		children: [g, /* @__PURE__ */ jsx("div", {
+			className: "mt-4 overflow-y-auto",
+			children: /* @__PURE__ */ jsx(PipelineForm_default, {
+				title: "Run Pipeline",
+				workspace: f,
+				onSuccess: h
+			})
+		})]
+	}), l[4] = h, l[5] = f, l[6] = _) : _ = l[6];
+	let v;
+	return l[7] !== u || l[8] !== d || l[9] !== _ ? (v = /* @__PURE__ */ jsx(Dialog, {
+		open: u,
+		onOpenChange: d,
+		children: _
+	}), l[7] = u, l[8] = d, l[9] = _, l[10] = v) : v = l[10], v;
+};
+export { NewPipelineRunDialog_default as default };

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

@@ -0,0 +1,152 @@
+import { useStudio } from "../../../providers/StudioProvider.js";
+import { usePipelineConfig } from "../../../hooks/useConfig.js";
+import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
+import { useCreatePipeline } from "../../../hooks/usePipelines.js";
+import ArgumentsView_default from "./pipeline-form/ArgumentsView.js";
+import SelectionView_default from "./pipeline-form/SelectionView.js";
+import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+var PipelineForm_default = (l) => {
+	let u = c(63), { title: d, workspace: f } = l, { router: p } = useStudio(), m = useCreatePipeline(), h = useRunPipeline(), g = usePipelineConfig(f.blockName), [_, v] = useState("selection"), y;
+	u[0] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+		name: "",
+		blockName: "",
+		properties: {}
+	}, u[0] = y) : y = u[0];
+	let [b, x] = useState(y), S;
+	u[1] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+		name: "",
+		blockName: ""
+	}, u[1] = S) : S = u[1];
+	let [C, w] = useState(S), T;
+	bb0: {
+		if (!b.blockName || !g.data) {
+			T = void 0;
+			break bb0;
+		}
+		let e;
+		if (u[2] !== g.data || u[3] !== b.blockName) {
+			let o;
+			u[5] === b.blockName ? o = u[6] : (o = (e) => e.blockName === b.blockName, u[5] = b.blockName, u[6] = o), e = g.data.find(o), u[2] = g.data, u[3] = b.blockName, u[4] = e;
+		} else e = u[4];
+		T = e;
+	}
+	let E = T, D = !!E?.schema, O = m.isPending || h.isPending, k, A;
+	u[7] !== g.data || u[8] !== b.blockName ? (k = () => {
+		!b.blockName && g.data?.[0]?.blockName && x((e) => ({
+			...e,
+			blockName: g.data[0].blockName
+		}));
+	}, A = [g.data, b.blockName], u[7] = g.data, u[8] = b.blockName, u[9] = k, u[10] = A) : (k = u[9], A = u[10]), useEffect(k, A);
+	let j;
+	u[11] === b.blockName ? j = u[12] : (j = () => b.blockName ? !0 : (w({
+		name: "",
+		blockName: "Please select an automation type"
+	}), !1), u[11] = b.blockName, u[12] = j);
+	let M = j, N;
+	u[13] === p ? N = u[14] : (N = (e) => {
+		p.navigateToPipeline(e);
+	}, u[13] = p, u[14] = N);
+	let P = N, F;
+	u[15] !== m || u[16] !== b.blockName || u[17] !== b.name || u[18] !== P || u[19] !== h || u[20] !== f.id ? (F = (e, o) => {
+		m.mutate({ pipelineCreateDto: {
+			blockName: b.blockName,
+			title: b.name || null,
+			workspaceId: f.id,
+			transition: e,
+			args: o
+		} }, { onSuccess: (e) => {
+			h.mutate({
+				pipelineId: e.data.id,
+				runPipelinePayloadDto: {},
+				force: !0
+			}, { onSuccess: () => P(e.data.id) });
+		} });
+	}, u[15] = m, u[16] = b.blockName, u[17] = b.name, u[18] = P, u[19] = h, u[20] = f.id, u[21] = F) : F = u[21];
+	let I = F, L;
+	u[22] !== I || u[23] !== D || u[24] !== M ? (L = () => {
+		M() && (D ? v("arguments") : I());
+	}, u[22] = I, u[23] = D, u[24] = M, u[25] = L) : L = u[25];
+	let R = L, z;
+	u[26] === Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+		v("selection");
+	}, u[26] = z) : z = u[26];
+	let B = z, V;
+	u[27] === I ? V = u[28] : (V = (e, o) => {
+		I(e, o);
+	}, u[27] = I, u[28] = V);
+	let H = V, U;
+	u[29] === C ? U = u[30] : (U = (e, o) => {
+		x((s) => ({
+			...s,
+			[e]: o
+		})), C[e] && w((o) => ({
+			...o,
+			[e]: ""
+		}));
+	}, u[29] = C, u[30] = U);
+	let W = U;
+	if (g.isLoading) {
+		let e;
+		return u[31] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+			className: "flex min-h-50 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Loader2, { className: "text-primary h-8 w-8 animate-spin" })
+		}), u[31] = e) : e = u[31], e;
+	}
+	if (!g.data) return null;
+	let G;
+	u[32] === m.error ? G = u[33] : (G = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: m.error }), u[32] = m.error, u[33] = G);
+	let K;
+	u[34] === h.error ? K = u[35] : (K = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: h.error }), u[34] = h.error, u[35] = K);
+	let q;
+	u[36] === g.error ? q = u[37] : (q = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: g.error }), u[36] = g.error, u[37] = q);
+	let J = `translateX(-${_ === "arguments" ? 100 : 0}%)`, Y;
+	u[38] === J ? Y = u[39] : (Y = { transform: J }, u[38] = J, u[39] = Y);
+	let X;
+	u[40] !== C || u[41] !== g.data || u[42] !== b || u[43] !== W || u[44] !== R || u[45] !== O || u[46] !== d ? (X = /* @__PURE__ */ jsx("div", {
+		className: "w-full shrink-0 px-1",
+		children: /* @__PURE__ */ jsx(SelectionView_default, {
+			title: d,
+			pipelineTypes: g.data,
+			formData: b,
+			errors: C,
+			isLoading: O,
+			onInputChange: W,
+			onNext: R
+		})
+	}), u[40] = C, u[41] = g.data, u[42] = b, u[43] = W, u[44] = R, u[45] = O, u[46] = d, u[47] = X) : X = u[47];
+	let Z;
+	u[48] !== b.blockName || u[49] !== H || u[50] !== D || u[51] !== O || u[52] !== E ? (Z = /* @__PURE__ */ jsx("div", {
+		className: "w-full shrink-0 px-1",
+		children: /* @__PURE__ */ jsx(ArgumentsView_default, {
+			config: E,
+			hasArguments: D,
+			isLoading: O,
+			onBack: B,
+			onSubmit: H
+		}, b.blockName)
+	}), u[48] = b.blockName, u[49] = H, u[50] = D, u[51] = O, u[52] = E, u[53] = Z) : Z = u[53];
+	let Q;
+	u[54] !== Y || u[55] !== X || u[56] !== Z ? (Q = /* @__PURE__ */ jsx("div", {
+		className: "relative overflow-hidden",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex transition-transform duration-300 ease-in-out",
+			style: Y,
+			children: [X, Z]
+		})
+	}), u[54] = Y, u[55] = X, u[56] = Z, u[57] = Q) : Q = u[57];
+	let $;
+	return u[58] !== G || u[59] !== K || u[60] !== q || u[61] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+		className: "relative",
+		children: [
+			G,
+			K,
+			q,
+			Q
+		]
+	}), u[58] = G, u[59] = K, u[60] = q, u[61] = Q, u[62] = $) : $ = u[62], $;
+};
+export { PipelineForm_default as default };