@loopstack/loopstack-studio 0.21.2 → 0.22.0

package/dist/components/ui/textarea.js

@@ -6,7 +6,7 @@ function Textarea(r) {
 	let i = c(8), a, o;
 	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
 	let s;
-	i[3] === a ? s = i[4] : (s = cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", a), i[3] = a, i[4] = s);
+	i[3] === a ? s = i[4] : (s = cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-background px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", a), i[3] = a, i[4] = s);
 	let l;
 	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("textarea", {
 		"data-slot": "textarea",

package/dist/components/ui-widgets/UiActions.js

@@ -3,22 +3,29 @@ import { c } from "react/compiler-runtime";
 import React, { Fragment } from "react";
 import { jsx } from "react/jsx-runtime";
 var UiActions_default = (i) => {
-	let a = c(13), { actions: o, availableTransitions: s, disabled: l, onSubmit: u, isLoading: d } = i, f;
-	if (a[0] !== o || a[1] !== s || a[2] !== l || a[3] !== d || a[4] !== u) {
+	let a = c(15), { actions: o, availableTransitions: s, currentPlace: l, disabled: u, onSubmit: d, isLoading: f } = i, p;
+	if (a[0] !== o || a[1] !== s || a[2] !== l || a[3] !== u || a[4] !== f || a[5] !== d) {
 		let r;
-		a[6] !== s || a[7] !== l || a[8] !== d || a[9] !== u ? (r = (r, i) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UiWidget_default, {
-			config: r,
-			onSubmit: (e) => {
-				u(r.transition, e);
-			},
-			disabled: l || r.transition === void 0 || !s.includes(r.transition),
-			isLoading: d
-		}) }, `ui-widget-${i}-${r.transition}`), a[6] = s, a[7] = l, a[8] = d, a[9] = u, a[10] = r) : r = a[10], f = o.map(r), a[0] = o, a[1] = s, a[2] = l, a[3] = d, a[4] = u, a[5] = f;
-	} else f = a[5];
-	let p;
-	return a[11] === f ? p = a[12] : (p = /* @__PURE__ */ jsx("div", {
+		a[7] !== s || a[8] !== l || a[9] !== u || a[10] !== f || a[11] !== d ? (r = (r, i) => {
+			let { enabledWhen: a } = r, o = r.options?.transition;
+			return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UiWidget_default, {
+				config: r,
+				onSubmit: (e) => {
+					if (!o) {
+						console.error(`[UiActions] Widget "${r.widget ?? r.type}" has no transition configured.`);
+						return;
+					}
+					d(o, e);
+				},
+				disabled: u || a !== void 0 && (!l || !a.includes(l)) || o !== void 0 && !s.includes(o),
+				isLoading: f
+			}) }, `ui-widget-${i}-${o ?? r.widget}`);
+		}, a[7] = s, a[8] = l, a[9] = u, a[10] = f, a[11] = d, a[12] = r) : r = a[12], p = o.map(r), a[0] = o, a[1] = s, a[2] = l, a[3] = u, a[4] = f, a[5] = d, a[6] = p;
+	} else p = a[6];
+	let m;
+	return a[13] === p ? m = a[14] : (m = /* @__PURE__ */ jsx("div", {
 		className: "flex w-full flex-col items-end gap-4",
-		children: f
-	}), a[11] = f, a[12] = p), p;
+		children: p
+	}), a[13] = p, a[14] = m), m;
 };
 export { UiActions_default as default };

package/dist/components/ui-widgets/UiWidget.js

@@ -1,43 +1,48 @@
 import AiPromptInput_default from "./widgets/AiPromptInput.js";
 import { ButtonFullWidth } from "./widgets/ButtonFullWidth.js";
+import { SandboxRun } from "./widgets/SandboxRun.js";
 import { SubmitButton } from "./widgets/SubmitButton.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-var UiWidget_default = (o) => {
-	let s = c(18), { config: l, onSubmit: u, disabled: d, isLoading: f } = o;
-	switch (l.widget) {
+var UiWidget_default = (s) => {
+	let l = c(18), { config: u, onSubmit: d, disabled: f, isLoading: p } = s, m = u.options;
+	switch (u.widget) {
 		case "prompt-input": {
-			let i;
-			return s[0] !== l.options || s[1] !== l.transition || s[2] !== d || s[3] !== u ? (i = /* @__PURE__ */ jsx(AiPromptInput_default, {
-				transition: l.transition,
-				disabled: d,
-				onSubmit: u,
-				ui: l.options
-			}), s[0] = l.options, s[1] = l.transition, s[2] = d, s[3] = u, s[4] = i) : i = s[4], i;
+			let a;
+			return l[0] !== f || l[1] !== d || l[2] !== m ? (a = /* @__PURE__ */ jsx(AiPromptInput_default, {
+				disabled: f,
+				onSubmit: d,
+				ui: m
+			}), l[0] = f, l[1] = d, l[2] = m, l[3] = a) : a = l[3], a;
 		}
 		case "button": {
-			let e = l.options, i;
-			return s[5] !== l.transition || s[6] !== d || s[7] !== f || s[8] !== u || s[9] !== e ? (i = /* @__PURE__ */ jsx(SubmitButton, {
-				transition: l.transition,
+			let e = m, a;
+			return l[4] !== f || l[5] !== p || l[6] !== d || l[7] !== e ? (a = /* @__PURE__ */ jsx(SubmitButton, {
 				ui: e,
-				disabled: d,
-				onClick: u,
-				isLoading: f
-			}), s[5] = l.transition, s[6] = d, s[7] = f, s[8] = u, s[9] = e, s[10] = i) : i = s[10], i;
+				disabled: f,
+				onClick: d,
+				isLoading: p
+			}), l[4] = f, l[5] = p, l[6] = d, l[7] = e, l[8] = a) : a = l[8], a;
 		}
 		case "button-full-w": {
-			let e = l.options, a;
-			return s[11] !== l.transition || s[12] !== d || s[13] !== f || s[14] !== u || s[15] !== e ? (a = /* @__PURE__ */ jsx(ButtonFullWidth, {
-				transition: l.transition,
+			let e = m, o;
+			return l[9] !== f || l[10] !== p || l[11] !== d || l[12] !== e ? (o = /* @__PURE__ */ jsx(ButtonFullWidth, {
 				ui: e,
-				disabled: d,
-				onClick: u,
-				isLoading: f
-			}), s[11] = l.transition, s[12] = d, s[13] = f, s[14] = u, s[15] = e, s[16] = a) : a = s[16], a;
+				disabled: f,
+				onClick: d,
+				isLoading: p
+			}), l[9] = f, l[10] = p, l[11] = d, l[12] = e, l[13] = o) : o = l[13], o;
+		}
+		case "sandbox-run": {
+			let e = m, a;
+			return l[14] !== f || l[15] !== e ? (a = /* @__PURE__ */ jsx(SandboxRun, {
+				ui: e,
+				disabled: f
+			}), l[14] = f, l[15] = e, l[16] = a) : a = l[16], a;
 		}
 	}
-	let p;
-	return s[17] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(Fragment$1, {}), s[17] = p) : p = s[17], p;
+	let h;
+	return l[17] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(Fragment$1, {}), l[17] = h) : h = l[17], h;
 };
 export { UiWidget_default as default };

package/dist/components/ui-widgets/widgets/AiPromptInput.js

@@ -4,40 +4,40 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Pill } from "lucide-react";
 function AiPromptInput(d) {
-	let f = c(18), { transition: p, onSubmit: m, disabled: h, ui: g } = d, [_, v] = useState(""), y = g?.label ?? p, b;
-	f[0] === m ? b = f[1] : (b = (e, u) => {
-		u.preventDefault(), e.text && (m(e.text), v(""));
-	}, f[0] = m, f[1] = b);
-	let x;
-	f[2] === Symbol.for("react.memo_cache_sentinel") ? (x = (e) => v(e.target.value), f[2] = x) : x = f[2];
-	let S = h || !1, C;
-	f[3] !== _ || f[4] !== S ? (C = /* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(PromptInputTextarea, {
-		value: _,
-		onChange: x,
+	let f = c(18), { onSubmit: p, disabled: m, ui: h } = d, [g, _] = useState(""), v = h?.label ?? "Submit", y;
+	f[0] === p ? y = f[1] : (y = (e, u) => {
+		u.preventDefault(), e.text && (p(e.text), _(""));
+	}, f[0] = p, f[1] = y);
+	let b;
+	f[2] === Symbol.for("react.memo_cache_sentinel") ? (b = (e) => _(e.target.value), f[2] = b) : b = f[2];
+	let x = m || !1, S;
+	f[3] !== g || f[4] !== x ? (S = /* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(PromptInputTextarea, {
+		value: g,
+		onChange: b,
 		placeholder: "Type your message...",
-		disabled: S,
+		disabled: x,
 		rows: 1,
 		className: "flex-1"
-	}) }), f[3] = _, f[4] = S, f[5] = C) : C = f[5];
-	let w;
-	f[6] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(Pill, {
+	}) }), f[3] = g, f[4] = x, f[5] = S) : S = f[5];
+	let C;
+	f[6] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(Pill, {
 		size: "16",
 		className: "mr-2"
-	}), f[6] = w) : w = f[6];
-	let T;
-	f[7] === y ? T = f[8] : (T = /* @__PURE__ */ jsxs("div", {
+	}), f[6] = C) : C = f[6];
+	let w;
+	f[7] === v ? w = f[8] : (w = /* @__PURE__ */ jsxs("div", {
 		className: "mr-4 flex items-center",
-		children: [w, y]
-	}), f[7] = y, f[8] = T);
-	let E = h || !1, D;
-	f[9] === E ? D = f[10] : (D = /* @__PURE__ */ jsx(PromptInputSubmit, { disabled: E }), f[9] = E, f[10] = D);
+		children: [C, v]
+	}), f[7] = v, f[8] = w);
+	let T = m || !1, E;
+	f[9] === T ? E = f[10] : (E = /* @__PURE__ */ jsx(PromptInputSubmit, { disabled: T }), f[9] = T, f[10] = E);
+	let D;
+	f[11] !== w || f[12] !== E ? (D = /* @__PURE__ */ jsxs(PromptInputFooter, { children: [w, E] }), f[11] = w, f[12] = E, f[13] = D) : D = f[13];
 	let O;
-	f[11] !== T || f[12] !== D ? (O = /* @__PURE__ */ jsxs(PromptInputFooter, { children: [T, D] }), f[11] = T, f[12] = D, f[13] = O) : O = f[13];
-	let k;
-	return f[14] !== b || f[15] !== C || f[16] !== O ? (k = /* @__PURE__ */ jsxs(PromptInput, {
-		onSubmit: b,
-		children: [C, O]
-	}), f[14] = b, f[15] = C, f[16] = O, f[17] = k) : k = f[17], k;
+	return f[14] !== y || f[15] !== S || f[16] !== D ? (O = /* @__PURE__ */ jsxs(PromptInput, {
+		onSubmit: y,
+		children: [S, D]
+	}), f[14] = y, f[15] = S, f[16] = D, f[17] = O) : O = f[17], O;
 }
 var AiPromptInput_default = AiPromptInput;
 export { AiPromptInput_default as default };

package/dist/components/ui-widgets/widgets/ButtonFullWidth.js

@@ -4,20 +4,20 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 const ButtonFullWidth = (a) => {
-	let o = c(11), { transition: s, ui: l, disabled: u, onClick: d, isLoading: f } = a, p = l?.label ?? s, m;
-	o[0] === l?.props ? m = o[1] : (m = l?.props ?? {}, o[0] = l?.props, o[1] = m);
-	let h = m, g = l?.variant ?? "default", _ = u || f, v;
-	o[2] === f ? v = o[3] : (v = f && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[2] = f, o[3] = v);
-	let y;
-	return o[4] !== d || o[5] !== h || o[6] !== p || o[7] !== _ || o[8] !== v || o[9] !== g ? (y = /* @__PURE__ */ jsxs(Button, {
+	let o = c(11), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label ?? "Submit", p;
+	o[0] === s?.props ? p = o[1] : (p = s?.props ?? {}, o[0] = s?.props, o[1] = p);
+	let m = p, h = s?.variant ?? "default", g = l || d, _;
+	o[2] === d ? _ = o[3] : (_ = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[2] = d, o[3] = _);
+	let v;
+	return o[4] !== u || o[5] !== m || o[6] !== f || o[7] !== g || o[8] !== _ || o[9] !== h ? (v = /* @__PURE__ */ jsxs(Button, {
 		type: "button",
-		variant: g,
-		...h,
-		disabled: _,
-		onClick: d,
+		variant: h,
+		...m,
+		disabled: g,
+		onClick: u,
 		size: "lg",
 		className: "w-full font-medium",
-		children: [v, p]
-	}), o[4] = d, o[5] = h, o[6] = p, o[7] = _, o[8] = v, o[9] = g, o[10] = y) : y = o[10], y;
+		children: [_, f]
+	}), o[4] = u, o[5] = m, o[6] = f, o[7] = g, o[8] = _, o[9] = h, o[10] = v) : v = o[10], v;
 };
 export { ButtonFullWidth };

package/dist/components/ui-widgets/widgets/SandboxRun.js

@@ -0,0 +1,32 @@
+import { Button } from "../../ui/button.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/tooltip.js";
+import { useWorkbenchLayout } from "../../../features/workbench/providers/WorkbenchLayoutProvider.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MonitorPlay } from "lucide-react";
+const SandboxRun = (u) => {
+	let d = c(12), { ui: f, disabled: p } = u, { openPreviewWithEnvironment: m, environments: h } = useWorkbenchLayout(), g = f?.slotId, _ = g ? h?.find((e) => e.slotId === g) : void 0, v = !!_, y = _?.envName ? `Open ${_.envName}` : "Open Sandbox", b;
+	d[0] !== m || d[1] !== g ? (b = () => {
+		g && m(g);
+	}, d[0] = m, d[1] = g, d[2] = b) : b = d[2];
+	let x = b, S = p || !v, C;
+	d[3] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-4 w-4" }), d[3] = C) : C = d[3];
+	let w;
+	d[4] !== x || d[5] !== S ? (w = /* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "default",
+			size: "icon",
+			disabled: S,
+			onClick: x,
+			children: C
+		})
+	}), d[4] = x, d[5] = S, d[6] = w) : w = d[6];
+	let T;
+	d[7] === y ? T = d[8] : (T = /* @__PURE__ */ jsx(TooltipContent, { children: y }), d[7] = y, d[8] = T);
+	let E;
+	return d[9] !== w || d[10] !== T ? (E = /* @__PURE__ */ jsxs(Tooltip, { children: [w, T] }), d[9] = w, d[10] = T, d[11] = E) : E = d[11], E;
+};
+export { SandboxRun };

package/dist/components/ui-widgets/widgets/SubmitButton.js

@@ -4,20 +4,20 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 const SubmitButton = (a) => {
-	let o = c(10), { transition: s, ui: l, disabled: u, onClick: d, isLoading: f } = a, p = l?.label || s, m;
-	o[0] === l?.props ? m = o[1] : (m = l?.props || {}, o[0] = l?.props, o[1] = m);
-	let h = m, g = u || f, _;
-	o[2] === f ? _ = o[3] : (_ = f && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[2] = f, o[3] = _);
-	let v;
-	return o[4] !== d || o[5] !== h || o[6] !== p || o[7] !== g || o[8] !== _ ? (v = /* @__PURE__ */ jsxs(Button, {
+	let o = c(10), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label || "Submit", p;
+	o[0] === s?.props ? p = o[1] : (p = s?.props || {}, o[0] = s?.props, o[1] = p);
+	let m = p, h = l || d, g;
+	o[2] === d ? g = o[3] : (g = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[2] = d, o[3] = g);
+	let _;
+	return o[4] !== u || o[5] !== m || o[6] !== f || o[7] !== h || o[8] !== g ? (_ = /* @__PURE__ */ jsxs(Button, {
 		type: "button",
 		variant: "default",
-		...h,
-		disabled: g,
-		onClick: d,
+		...m,
+		disabled: h,
+		onClick: u,
 		size: "default",
 		className: "w-48",
-		children: [_, p]
-	}), o[4] = d, o[5] = h, o[6] = p, o[7] = g, o[8] = _, o[9] = v) : v = o[9], v;
+		children: [g, f]
+	}), o[4] = u, o[5] = m, o[6] = f, o[7] = h, o[8] = g, o[9] = _) : _ = o[9], _;
 };
 export { SubmitButton };

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

@@ -1,4 +1,4 @@
-import { File, FileCode, FileJson, FileText, Folder, FolderOpen } from "lucide-react";
+import { File, FileCode, FileJson, FileText } from "lucide-react";
 var EXTENSION_ICON_MAP = {
 	".ts": FileCode,
 	".tsx": FileCode,
@@ -33,10 +33,7 @@ var EXTENSION_ICON_MAP = {
 	".log": FileText,
 	".env": FileText
 };
-function getFileIcon(c) {
-	return EXTENSION_ICON_MAP[c.includes(".") ? c.slice(c.lastIndexOf(".")).toLowerCase() : ""] ?? File;
+function getFileIcon(a) {
+	return EXTENSION_ICON_MAP[a.includes(".") ? a.slice(a.lastIndexOf(".")).toLowerCase() : ""] ?? File;
 }
-function getFolderIcon(e) {
-	return e ? FolderOpen : Folder;
-}
-export { getFileIcon, getFolderIcon };
+export { getFileIcon };

package/dist/features/oauth/OAuthPromptRenderer.js

@@ -5,7 +5,7 @@ import { c } from "react/compiler-runtime";
 import React, { useCallback, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h }) => {
-	let g = m.content, _ = (m.ui?.actions ?? []).find((e) => e.transition)?.transition, v = useRunPipeline(), { result: y, open: b, reset: x } = useOAuthPopup(), S = useRef(!1), C = u.availableTransitions?.map((e) => e.id) ?? [], w = useCallback((e, o) => {
+	let g = m.content, _ = (m.ui?.actions ?? []).map((e) => e.options?.transition).find((e) => !!e), v = useRunPipeline(), { result: y, open: b, reset: x } = useOAuthPopup(), S = useRef(!1), C = u.availableTransitions?.map((e) => e.id) ?? [], w = useCallback((e, o) => {
 		!_ || !C.includes(_) || v.mutate({
 			pipelineId: l.id,
 			runPipelinePayloadDto: { transition: {

package/dist/features/runs/Runs.js

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

package/dist/features/workbench/NavigationItems.js

@@ -2,7 +2,7 @@ import { useStudio } from "../../providers/StudioProvider.js";
 import { useFetchWorkflowsByNamespace } from "../../hooks/useWorkflows.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { SidebarMenuSubItem } from "../../components/ui/sidebar.js";
-import { WorkbenchContextProvider } from "./providers/WorkbenchContextProvider.js";
+import { WorkbenchContextProvider } from "./providers/WorkbenchLayoutProvider.js";
 import NavigationItem_default from "./components/NavigationItem.js";
 import { useScroll } from "./providers/ScrollProvider.js";
 import { c } from "react/compiler-runtime";