@loopstack/loopstack-studio 0.21.0 → 0.21.1

package/dist/features/code-explorer/components/FileTabsBar.js

@@ -0,0 +1,191 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../../components/ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.js";
+import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../../../components/ui/context-menu.js";
+import { useCodeExplorerContext } from "../providers/CodeExplorerProvider.js";
+import { getFileIcon } from "../utils/fileIcons.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ClipboardCopy, MoreHorizontal, X, XCircle } from "lucide-react";
+function FileTabsBar() {
+	let g = c(50), { openFiles: _, selectedFile: v, selectFile: y, closeFile: b, closeAll: x, closeOthers: S, closeToLeft: C, closeToRight: w } = useCodeExplorerContext(), T = useRef(null), E = useRef(_.length), D, O;
+	g[0] === _.length ? (D = g[1], O = g[2]) : (D = () => {
+		if (_.length > E.current && T.current) {
+			let e = T.current.closest("[data-slot=\"scroll-area-viewport\"]");
+			e && requestAnimationFrame(() => {
+				e.scrollTo({
+					left: e.scrollWidth,
+					behavior: "smooth"
+				});
+			});
+		}
+		E.current = _.length;
+	}, O = [_.length], g[0] = _.length, g[1] = D, g[2] = O), useEffect(D, O);
+	let k, A;
+	if (g[3] === v ? (k = g[4], A = g[5]) : (k = () => {
+		if (v && T.current) {
+			let e = T.current.querySelector(`[data-tab-path="${v.path}"]`);
+			e && requestAnimationFrame(() => {
+				e.scrollIntoView({
+					behavior: "smooth",
+					block: "nearest",
+					inline: "nearest"
+				});
+			});
+		}
+	}, A = [v], g[3] = v, g[4] = k, g[5] = A), useEffect(k, A), _.length === 0) return null;
+	let j;
+	g[6] === y ? j = g[7] : (j = (e) => {
+		y(e);
+	}, g[6] = y, g[7] = j);
+	let M = j, N;
+	g[8] === b ? N = g[9] : (N = (e, l) => {
+		e.stopPropagation(), b(l);
+	}, g[8] = b, g[9] = N);
+	let P = N, F = _temp2, I;
+	g[10] === Symbol.for("react.memo_cache_sentinel") ? (I = { width: "max-content" }, g[10] = I) : I = g[10];
+	let L;
+	g[11] !== x || g[12] !== b || g[13] !== S || g[14] !== C || g[15] !== w || g[16] !== P || g[17] !== M || g[18] !== _ || g[19] !== v?.path ? (L = _.map((u) => {
+		let d = getFileIcon(u.name), f = v?.path === u.path, p = _.findIndex((e) => e.path === u.path), m = p > 0, h = p < _.length - 1;
+		return /* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenuTrigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"data-tab-path": u.path,
+				onClick: () => M(u),
+				className: cn("group relative flex h-9 min-w-[140px] max-w-[280px] shrink-0 items-center gap-2 border-r border-border/50 px-3 text-sm transition-all", "hover:bg-muted/70", f ? "bg-background text-foreground border-b-2 border-b-primary shadow-sm" : "text-muted-foreground bg-muted/30"),
+				"aria-selected": f,
+				"aria-label": `Tab: ${u.name}`,
+				children: [
+					/* @__PURE__ */ jsx(d, {
+						className: "h-3.5 w-3.5 shrink-0",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "truncate flex-1 text-left font-medium",
+						children: u.name
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon",
+						className: cn("h-5 w-5 shrink-0 rounded opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-destructive/10 hover:text-destructive", f && "opacity-70"),
+						onClick: (e) => P(e, u),
+						"aria-label": `Close ${u.name}`,
+						children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+					})
+				]
+			})
+		}), /* @__PURE__ */ jsxs(ContextMenuContent, {
+			className: "min-w-[180px]",
+			children: [
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => b(u),
+					children: "Close"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => S(u),
+					disabled: _.length <= 1,
+					children: "Close Others"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => C(u),
+					disabled: !m,
+					children: "Close to the Left"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => w(u),
+					disabled: !h,
+					children: "Close to the Right"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: x,
+					children: "Close All"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+				/* @__PURE__ */ jsxs(ContextMenuItem, {
+					onClick: () => F(u.path),
+					children: [/* @__PURE__ */ jsx(ClipboardCopy, { className: "h-4 w-4" }), "Copy Path"]
+				})
+			]
+		})] }, u.path);
+	}), g[11] = x, g[12] = b, g[13] = S, g[14] = C, g[15] = w, g[16] = P, g[17] = M, g[18] = _, g[19] = v?.path, g[20] = L) : L = g[20];
+	let R;
+	g[21] === L ? R = g[22] : (R = /* @__PURE__ */ jsx("div", {
+		ref: T,
+		className: "flex h-9 items-center",
+		style: I,
+		children: L
+	}), g[21] = L, g[22] = R);
+	let z;
+	g[23] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }), g[23] = z) : z = g[23];
+	let B;
+	g[24] === R ? B = g[25] : (B = /* @__PURE__ */ jsxs(ScrollArea, {
+		className: "flex-1 min-w-0",
+		children: [R, z]
+	}), g[24] = R, g[25] = B);
+	let V;
+	g[26] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: "h-9 w-9 rounded-none text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+			"aria-label": "Tab actions",
+			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+		})
+	}), g[26] = V) : V = g[26];
+	let H;
+	g[27] !== b || g[28] !== v ? (H = () => v && b(v), g[27] = b, g[28] = v, g[29] = H) : H = g[29];
+	let U = !v, W;
+	g[30] !== H || g[31] !== U ? (W = /* @__PURE__ */ jsx(DropdownMenuItem, {
+		onClick: H,
+		disabled: U,
+		children: "Close Active Tab"
+	}), g[30] = H, g[31] = U, g[32] = W) : W = g[32];
+	let G;
+	g[33] !== S || g[34] !== v ? (G = () => v && S(v), g[33] = S, g[34] = v, g[35] = G) : G = g[35];
+	let K = !v || _.length <= 1, q;
+	g[36] !== G || g[37] !== K ? (q = /* @__PURE__ */ jsx(DropdownMenuItem, {
+		onClick: G,
+		disabled: K,
+		children: "Close Other Tabs"
+	}), g[36] = G, g[37] = K, g[38] = q) : q = g[38];
+	let J;
+	g[39] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), g[39] = J) : J = g[39];
+	let Y;
+	g[40] === Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4" }), g[40] = Y) : Y = g[40];
+	let Z;
+	g[41] === x ? Z = g[42] : (Z = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		onClick: x,
+		children: [Y, "Close All Tabs"]
+	}), g[41] = x, g[42] = Z);
+	let Q;
+	g[43] !== W || g[44] !== q || g[45] !== Z ? (Q = /* @__PURE__ */ jsx("div", {
+		className: "shrink-0 border-l border-border/50 bg-muted/30 h-9 flex items-center",
+		children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [V, /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			className: "min-w-[180px]",
+			children: [
+				W,
+				q,
+				J,
+				Z
+			]
+		})] })
+	}), g[43] = W, g[44] = q, g[45] = Z, g[46] = Q) : Q = g[46];
+	let $;
+	return g[47] !== B || g[48] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+		className: "shrink-0 border-b bg-muted/50 flex items-center overflow-hidden",
+		children: [B, Q]
+	}), g[47] = B, g[48] = Q, g[49] = $) : $ = g[49], $;
+}
+function _temp2(e) {
+	navigator.clipboard.writeText(e).catch(_temp);
+}
+function _temp(e) {
+	console.error("Failed to copy path:", e);
+}
+export { FileTabsBar };

package/dist/features/code-explorer/providers/CodeExplorerProvider.js

@@ -0,0 +1,165 @@
+import { useFileContent, useFileTree } from "../../../hooks/useFiles.js";
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function extractErrorMessage(e) {
+	if (!e) return null;
+	if ("isAxiosError" in e && e.isAxiosError) {
+		let t = e.response?.data;
+		if (typeof t == "object" && t && "message" in t) return Error(String(t.message));
+		if (typeof t == "string") return Error(t);
+	}
+	return e;
+}
+var CodeExplorerContext = createContext(null);
+function mapDtoToNode(e) {
+	return {
+		id: e.id,
+		name: e.name,
+		path: e.path,
+		type: e.type,
+		children: e.children?.map(mapDtoToNode)
+	};
+}
+function CodeExplorerProvider(r) {
+	let i = c(49), { children: a, pipelineId: o, initialSelectedPath: s, fileExplorerEnabled: l } = r, u = l === void 0 ? !1 : l, d;
+	i[0] === Symbol.for("react.memo_cache_sentinel") ? (d = [], i[0] = d) : d = i[0];
+	let [f, p] = useState(d), [m, h] = useState(null), [g, _] = useState(""), v;
+	i[1] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ new Set(), i[1] = v) : v = i[1];
+	let [y, b] = useState(v), x = useFileTree(o, u), S = useFileContent(o, m?.path, u), C;
+	bb0: {
+		if (!x.data) {
+			let e;
+			i[2] === Symbol.for("react.memo_cache_sentinel") ? (e = [], i[2] = e) : e = i[2], C = e;
+			break bb0;
+		}
+		let e;
+		i[3] === x.data ? e = i[4] : (e = x.data.map(mapDtoToNode), i[3] = x.data, i[4] = e), C = e;
+	}
+	let w = C, T = S.data?.content ?? null, E = S.data?.workflowConfig ?? null, D = x.isLoading && !x.data, O = S.isLoading && m !== null && !S.data, k;
+	i[5] !== S.error || i[6] !== x.error ? (k = extractErrorMessage(x.error) || extractErrorMessage(S.error) || null, i[5] = S.error, i[6] = x.error, i[7] = k) : k = i[7];
+	let A = k, j, M;
+	i[8] !== w || i[9] !== s || i[10] !== f.length || i[11] !== m ? (j = () => {
+		if (s && w.length > 0 && !m && f.length === 0) {
+			let e = (t, n) => {
+				for (let r of t) {
+					if (r.path === n) return r;
+					if (r.children) {
+						let t = e(r.children, n);
+						if (t) return t;
+					}
+				}
+				return null;
+			}, t = e(w, s);
+			t && t.type === "file" && (p([t]), h(t));
+		}
+	}, M = [
+		s,
+		w,
+		m,
+		f.length
+	], i[8] = w, i[9] = s, i[10] = f.length, i[11] = m, i[12] = j, i[13] = M) : (j = i[12], M = i[13]), useEffect(j, M);
+	let N;
+	i[14] === Symbol.for("react.memo_cache_sentinel") ? (N = (e) => {
+		e.type === "file" && p((t) => {
+			if (t.findIndex((t) => t.path === e.path) >= 0) return h(e), t;
+			{
+				let n = [...t, e];
+				return h(e), n;
+			}
+		});
+	}, i[14] = N) : N = i[14];
+	let P = N, F;
+	i[15] === m ? F = i[16] : (F = () => {
+		m && p((e) => {
+			let t = e.filter((e) => e.path !== m.path);
+			if (t.length > 0) {
+				let n = e.findIndex((e) => e.path === m.path);
+				h(t[n > 0 ? n - 1 : 0]);
+			} else h(null);
+			return t;
+		});
+	}, i[15] = m, i[16] = F);
+	let I = F, L;
+	i[17] === m?.path ? L = i[18] : (L = (e) => {
+		p((t) => {
+			let n = t.filter((t) => t.path !== e.path);
+			if (m?.path === e.path) if (n.length > 0) {
+				let r = t.findIndex((t) => t.path === e.path);
+				h(n[r > 0 ? r - 1 : 0]);
+			} else h(null);
+			return n;
+		});
+	}, i[17] = m?.path, i[18] = L);
+	let R = L, z;
+	i[19] === Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+		p([]), h(null);
+	}, i[19] = z) : z = i[19];
+	let B = z, V;
+	i[20] === Symbol.for("react.memo_cache_sentinel") ? (V = (e) => {
+		p([e]), h(e);
+	}, i[20] = V) : V = i[20];
+	let H = V, U;
+	i[21] === m ? U = i[22] : (U = (e) => {
+		p((t) => {
+			let n = t.findIndex((t) => t.path === e.path);
+			if (n <= 0) return t;
+			let r = t.slice(n);
+			return m && t.findIndex((e) => e.path === m.path) < n && h(e), r;
+		});
+	}, i[21] = m, i[22] = U);
+	let W = U, G;
+	i[23] === m ? G = i[24] : (G = (e) => {
+		p((t) => {
+			let n = t.findIndex((t) => t.path === e.path);
+			if (n < 0 || n >= t.length - 1) return t;
+			let r = t.slice(0, n + 1);
+			return m && t.findIndex((e) => e.path === m.path) > n && h(e), r;
+		});
+	}, i[23] = m, i[24] = G);
+	let K = G, q;
+	i[25] !== S || i[26] !== x || i[27] !== m ? (q = async () => {
+		await x.refetch(), m && await S.refetch();
+	}, i[25] = S, i[26] = x, i[27] = m, i[28] = q) : q = i[28];
+	let J = q, Y;
+	i[29] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => {
+		b((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, i[29] = Y) : Y = i[29];
+	let X = Y, Z;
+	i[30] !== I || i[31] !== R || i[32] !== W || i[33] !== K || i[34] !== A || i[35] !== y || i[36] !== T || i[37] !== w || i[38] !== O || i[39] !== D || i[40] !== f || i[41] !== J || i[42] !== g || i[43] !== m || i[44] !== E ? (Z = {
+		fileTree: w,
+		openFiles: f,
+		selectedFile: m,
+		fileContent: T,
+		workflowConfig: E,
+		isTreeLoading: D,
+		isContentLoading: O,
+		error: A,
+		searchQuery: g,
+		setSearchQuery: _,
+		selectFile: P,
+		clearSelection: I,
+		closeFile: R,
+		closeAll: B,
+		closeOthers: H,
+		closeToLeft: W,
+		closeToRight: K,
+		refresh: J,
+		expandedFolders: y,
+		toggleFolder: X
+	}, i[30] = I, i[31] = R, i[32] = W, i[33] = K, i[34] = A, i[35] = y, i[36] = T, i[37] = w, i[38] = O, i[39] = D, i[40] = f, i[41] = J, i[42] = g, i[43] = m, i[44] = E, i[45] = Z) : Z = i[45];
+	let Q = Z, $;
+	return i[46] !== a || i[47] !== Q ? ($ = /* @__PURE__ */ jsx(CodeExplorerContext.Provider, {
+		value: Q,
+		children: a
+	}), i[46] = a, i[47] = Q, i[48] = $) : $ = i[48], $;
+}
+function useCodeExplorerContext() {
+	let e = useContext(CodeExplorerContext);
+	if (!e) throw Error("useCodeExplorerContext must be used within CodeExplorerProvider");
+	return e;
+}
+export { CodeExplorerProvider, useCodeExplorerContext };

package/dist/features/code-explorer/utils/fileIcons.js

@@ -0,0 +1,42 @@
+import { File, FileCode, FileJson, FileText, Folder, FolderOpen } from "lucide-react";
+var EXTENSION_ICON_MAP = {
+	".ts": FileCode,
+	".tsx": FileCode,
+	".mts": FileCode,
+	".cts": FileCode,
+	".js": FileCode,
+	".jsx": FileCode,
+	".mjs": FileCode,
+	".cjs": FileCode,
+	".json": FileJson,
+	".jsonc": FileJson,
+	".md": FileText,
+	".mdx": FileText,
+	".markdown": FileText,
+	".yaml": FileCode,
+	".yml": FileCode,
+	".toml": FileCode,
+	".ini": FileCode,
+	".conf": FileCode,
+	".config": FileCode,
+	".css": FileCode,
+	".scss": FileCode,
+	".sass": FileCode,
+	".less": FileCode,
+	".html": FileCode,
+	".htm": FileCode,
+	".sh": FileCode,
+	".bash": FileCode,
+	".zsh": FileCode,
+	".fish": FileCode,
+	".txt": FileText,
+	".log": FileText,
+	".env": FileText
+};
+function getFileIcon(c) {
+	return EXTENSION_ICON_MAP[c.includes(".") ? c.slice(c.lastIndexOf(".")).toLowerCase() : ""] ?? File;
+}
+function getFolderIcon(e) {
+	return e ? FolderOpen : Folder;
+}
+export { getFileIcon, getFolderIcon };

package/dist/features/dashboard/Dashboard.js

@@ -0,0 +1,125 @@
+import { useStudio } from "../../providers/StudioProvider.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../../components/ui/card.js";
+import RunList_default from "./RunList.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+function Dashboard(f) {
+	let p = c(43), { dashboardStats: m } = f, { router: h } = useStudio();
+	if (!m) {
+		let t;
+		return p[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ jsx("div", {
+			className: "p-4",
+			children: "No data available"
+		}), p[0] = t) : t = p[0], t;
+	}
+	let g;
+	p[1] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+		className: "text-lg",
+		children: "Quick Links"
+	}) }), p[1] = g) : g = p[1];
+	let _;
+	p[2] === h ? _ = p[3] : (_ = h.getWorkspaces(), p[2] = h, p[3] = _);
+	let v;
+	p[4] === _ ? v = p[5] : (v = /* @__PURE__ */ jsx(CardContent, {
+		className: "space-y-3",
+		children: /* @__PURE__ */ jsx(Link, {
+			to: _,
+			className: "text-primary hover:text-primary/80 hover:bg-muted block rounded p-2 text-sm font-medium transition-colors",
+			children: "My Workspaces"
+		})
+	}), p[4] = _, p[5] = v);
+	let y;
+	p[6] === h ? y = p[7] : (y = h.getDebugWorkflows(), p[6] = h, p[7] = y);
+	let b;
+	p[8] === y ? b = p[9] : (b = /* @__PURE__ */ jsx(CardContent, {
+		className: "space-y-3",
+		children: /* @__PURE__ */ jsx(Link, {
+			to: y,
+			className: "text-primary hover:text-primary/80 hover:bg-muted block rounded p-2 text-sm font-medium transition-colors",
+			children: "Debug Workflows"
+		})
+	}), p[8] = y, p[9] = b);
+	let x;
+	p[10] !== v || p[11] !== b ? (x = /* @__PURE__ */ jsx("div", {
+		className: "md:col-span-1",
+		children: /* @__PURE__ */ jsxs(Card, {
+			className: "h-full",
+			children: [
+				g,
+				v,
+				b
+			]
+		})
+	}), p[10] = v, p[11] = b, p[12] = x) : x = p[12];
+	let S;
+	p[13] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+		className: "text-lg",
+		children: "Executions"
+	}) }), p[13] = S) : S = p[13];
+	let C;
+	p[14] === m.totalAutomationRuns ? C = p[15] : (C = /* @__PURE__ */ jsxs(Card, { children: [S, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", {
+		className: "text-3xl font-bold",
+		children: m.totalAutomationRuns
+	}) })] }), p[14] = m.totalAutomationRuns, p[15] = C);
+	let w;
+	p[16] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+		className: "text-lg",
+		children: "Completed"
+	}) }), p[16] = w) : w = p[16];
+	let T;
+	p[17] === m.completedRuns ? T = p[18] : (T = /* @__PURE__ */ jsxs(Card, { children: [w, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", {
+		className: "text-3xl font-bold text-green-600",
+		children: m.completedRuns
+	}) })] }), p[17] = m.completedRuns, p[18] = T);
+	let E;
+	p[19] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+		className: "text-lg",
+		children: "Failed"
+	}) }), p[19] = E) : E = p[19];
+	let D;
+	p[20] === m.errorRuns ? D = p[21] : (D = /* @__PURE__ */ jsxs(Card, { children: [E, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", {
+		className: "text-destructive text-3xl font-bold",
+		children: m.errorRuns
+	}) })] }), p[20] = m.errorRuns, p[21] = D);
+	let O;
+	p[22] !== T || p[23] !== D || p[24] !== C ? (O = /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-1 gap-4 md:col-span-3 md:grid-cols-3",
+		children: [
+			C,
+			T,
+			D
+		]
+	}), p[22] = T, p[23] = D, p[24] = C, p[25] = O) : O = p[25];
+	let k;
+	p[26] !== O || p[27] !== x ? (k = /* @__PURE__ */ jsxs("div", {
+		className: "mb-8 grid grid-cols-1 gap-6 md:grid-cols-4",
+		children: [x, O]
+	}), p[26] = O, p[27] = x, p[28] = k) : k = p[28];
+	let A;
+	p[29] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Recently Completed" }) }), p[29] = A) : A = p[29];
+	let j;
+	p[30] !== m.recentRuns || p[31] !== h ? (j = /* @__PURE__ */ jsxs(Card, { children: [A, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(RunList_default, {
+		type: "runs",
+		runs: m.recentRuns,
+		router: h,
+		emptyMessage: "No recent runs."
+	}) })] }), p[30] = m.recentRuns, p[31] = h, p[32] = j) : j = p[32];
+	let M;
+	p[33] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Recently Failed" }) }), p[33] = M) : M = p[33];
+	let N;
+	p[34] !== m.recentErrors || p[35] !== h ? (N = /* @__PURE__ */ jsxs(Card, { children: [M, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(RunList_default, {
+		type: "errors",
+		runs: m.recentErrors,
+		router: h,
+		emptyMessage: "No recent errors."
+	}) })] }), p[34] = m.recentErrors, p[35] = h, p[36] = N) : N = p[36];
+	let P;
+	p[37] !== j || p[38] !== N ? (P = /* @__PURE__ */ jsxs("div", {
+		className: "grid grid-cols-1 gap-6 md:grid-cols-2",
+		children: [j, N]
+	}), p[37] = j, p[38] = N, p[39] = P) : P = p[39];
+	let F;
+	return p[40] !== k || p[41] !== P ? (F = /* @__PURE__ */ jsxs(Fragment, { children: [k, P] }), p[40] = k, p[41] = P, p[42] = F) : F = p[42], F;
+}
+export { Dashboard as default };

package/dist/features/dashboard/RunItem.js

@@ -0,0 +1,76 @@
+import { Badge } from "../../components/ui/badge.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+function RunItem(a) {
+	let o = c(26), { run: s, router: l } = a, u = {
+		completed: "bg-green-50 text-green-900 border-green-200",
+		failed: "bg-destructive/10 text-destructive border-destructive/20",
+		canceled: "bg-orange-50 text-orange-900 border-orange-200",
+		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"
+	}[s.status] || "bg-muted text-muted-foreground border-border", d;
+	o[0] !== l || o[1] !== s.id ? (d = l.getPipeline(s.id), o[0] = l, o[1] = s.id, o[2] = d) : d = o[2];
+	let f = s.id, p = s.run ?? s.index ?? "?", m = s.title ? `(${s.title})` : "", h;
+	o[3] !== p || o[4] !== m ? (h = /* @__PURE__ */ jsxs("h3", {
+		className: "text-foreground group-hover:text-primary truncate font-semibold transition-colors",
+		children: [
+			"Run #",
+			p,
+			" ",
+			m
+		]
+	}), o[3] = p, o[4] = m, o[5] = h) : h = o[5];
+	let g = `rounded-full border px-2 py-1 text-xs whitespace-nowrap ${u}`, _;
+	o[6] !== s.status || o[7] !== g ? (_ = /* @__PURE__ */ jsx(Badge, {
+		className: g,
+		children: s.status
+	}), o[6] = s.status, o[7] = g, o[8] = _) : _ = o[8];
+	let v;
+	o[9] === s.updatedAt ? v = o[10] : (v = new Date(s.updatedAt).toLocaleString(), o[9] = s.updatedAt, o[10] = v);
+	let y;
+	o[11] === v ? y = o[12] : (y = /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground text-xs",
+		children: v
+	}), o[11] = v, o[12] = y);
+	let b;
+	o[13] !== _ || o[14] !== y ? (b = /* @__PURE__ */ jsxs("div", {
+		className: "mt-2 flex flex-wrap items-center gap-2",
+		children: [_, y]
+	}), o[13] = _, o[14] = y, o[15] = b) : b = o[15];
+	let x;
+	o[16] !== b || o[17] !== h ? (x = /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0 flex-1 pr-2",
+		children: [h, b]
+	}), o[16] = b, o[17] = h, o[18] = x) : x = o[18];
+	let S;
+	o[19] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx("div", {
+		className: "ml-3 opacity-0 transition-opacity group-hover:opacity-100",
+		children: /* @__PURE__ */ jsx("svg", {
+			className: "text-muted-foreground h-4 w-4",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ jsx("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M9 5l7 7-7 7"
+			})
+		})
+	}), o[19] = S) : S = o[19];
+	let C;
+	o[20] === x ? C = o[21] : (C = /* @__PURE__ */ jsxs("div", {
+		className: "flex min-w-0 items-start justify-between",
+		children: [x, S]
+	}), o[20] = x, o[21] = C);
+	let w;
+	return o[22] !== s.id || o[23] !== d || o[24] !== C ? (w = /* @__PURE__ */ jsx(Link, {
+		to: d,
+		className: "bg-card border-border hover:border-primary/50 group block w-full overflow-hidden rounded-lg border p-4 transition-all duration-200 hover:shadow-md",
+		children: C
+	}, f), o[22] = s.id, o[23] = d, o[24] = C, o[25] = w) : w = o[25], w;
+}
+var RunItem_default = RunItem;
+export { RunItem_default as default };

package/dist/features/dashboard/RunList.js

@@ -0,0 +1,32 @@
+import { ScrollArea } from "../../components/ui/scroll-area.js";
+import RunItem_default from "./RunItem.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+function RunsList(i) {
+	let a = c(11), { type: o, runs: s, router: l, emptyMessage: u } = i;
+	if (s.length === 0) {
+		let e;
+		return a[0] === u ? e = a[1] : (e = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground",
+			children: u
+		}), a[0] = u, a[1] = e), e;
+	}
+	let d;
+	if (a[2] !== l || a[3] !== s || a[4] !== o) {
+		let e;
+		a[6] !== l || a[7] !== o ? (e = (e) => /* @__PURE__ */ jsx(RunItem_default, {
+			run: e,
+			router: l
+		}, `${o}-${e.id}`), a[6] = l, a[7] = o, a[8] = e) : e = a[8], d = s.map(e), a[2] = l, a[3] = s, a[4] = o, a[5] = d;
+	} else d = a[5];
+	let f;
+	return a[9] === d ? f = a[10] : (f = /* @__PURE__ */ jsx(ScrollArea, {
+		className: "h-75 w-full",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "space-y-2 pr-2",
+			children: d
+		})
+	}), a[9] = d, a[10] = f), f;
+}
+var RunList_default = RunsList;
+export { RunList_default as default };