@loopstack/loopstack-studio 0.25.2 → 0.26.0

package/dist/components/layout/StudioSidebar.js

@@ -1,5 +1,6 @@
 import { useStudio, useStudioOptional } from "../../providers/StudioProvider.js";
 import { useFilterWorkflows } from "../../hooks/useWorkflows.js";
+import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
 import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
 import { cn } from "../../lib/utils.js";
 import { Button } from "../ui/button.js";
@@ -9,12 +10,12 @@ import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Link, useLocation } from "react-router-dom";
-import { CircleAlert, Info, LayoutDashboard, LayoutGrid, PanelLeftIcon, Play, Workflow } from "lucide-react";
+import { CircleAlert, LayoutGrid, MoreHorizontal, PanelLeftIcon, Play, Star } from "lucide-react";
 var DefaultSidebarHeader = () => {
-	let e = c(18), { state: l, toggleSidebar: u } = useSidebar(), [d, m] = useState(!1), h = l === "collapsed" ? "justify-center" : "justify-between", g;
-	e[0] === h ? g = e[1] : (g = cn("border-sidebar-border h-12 w-full flex-row items-center border-b px-1.5 py-0", h), e[0] = h, e[1] = g);
-	let _;
-	e[2] === l ? _ = e[3] : (_ = l === "expanded" && /* @__PURE__ */ jsxs("div", {
+	let e = c(18), { state: u, toggleSidebar: d } = useSidebar(), [f, p] = useState(!1), g = u === "collapsed" ? "justify-center" : "justify-between", _;
+	e[0] === g ? _ = e[1] : (_ = cn("border-sidebar-border h-12 w-full flex-row items-center border-b px-1.5 py-0", g), e[0] = g, e[1] = _);
+	let v;
+	e[2] === u ? v = e[3] : (v = u === "expanded" && /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2 overflow-hidden px-1.5",
 		children: [/* @__PURE__ */ jsx("img", {
 			src: "/loopstack.svg",
@@ -44,182 +45,174 @@ var DefaultSidebarHeader = () => {
 			},
 			children: "Loopstack Studio"
 		})]
-	}), e[2] = l, e[3] = _);
-	let v;
-	e[4] === Symbol.for("react.memo_cache_sentinel") ? (v = cn("relative size-10 text-muted-foreground hover:cursor-pointer hover:bg-accent/50 hover:text-accent-foreground"), e[4] = v) : v = e[4];
-	let y, x;
-	e[5] === Symbol.for("react.memo_cache_sentinel") ? (y = () => m(!0), x = () => m(!1), e[5] = y, e[6] = x) : (y = e[5], x = e[6]);
-	let S;
-	e[7] !== d || e[8] !== l ? (S = l === "collapsed" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(motion.img, {
+	}), e[2] = u, e[3] = v);
+	let y;
+	e[4] === Symbol.for("react.memo_cache_sentinel") ? (y = cn("relative size-10 text-muted-foreground hover:cursor-pointer hover:bg-accent/50 hover:text-accent-foreground"), e[4] = y) : y = e[4];
+	let b, x;
+	e[5] === Symbol.for("react.memo_cache_sentinel") ? (b = () => p(!0), x = () => p(!1), e[5] = b, e[6] = x) : (b = e[5], x = e[6]);
+	let C;
+	e[7] !== f || e[8] !== u ? (C = u === "collapsed" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(motion.img, {
 		src: "/loopstack.svg",
 		alt: "Loopstack",
 		className: "absolute top-1/2 left-1/2 h-5 w-5 -translate-x-1/2 -translate-y-1/2",
 		initial: { opacity: 1 },
-		animate: { opacity: d ? 0 : 1 },
+		animate: { opacity: f ? 0 : 1 },
 		transition: { duration: .2 }
 	}), /* @__PURE__ */ jsx(motion.div, {
 		className: "absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center",
 		initial: { opacity: 0 },
-		animate: { opacity: d ? 1 : 0 },
+		animate: { opacity: f ? 1 : 0 },
 		transition: { duration: .2 },
 		children: /* @__PURE__ */ jsx(PanelLeftIcon, { className: "size-5" })
-	})] }) : /* @__PURE__ */ jsx(PanelLeftIcon, { className: "size-5" }), e[7] = d, e[8] = l, e[9] = S) : S = e[9];
-	let C;
-	e[10] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx("span", {
+	})] }) : /* @__PURE__ */ jsx(PanelLeftIcon, { className: "size-5" }), e[7] = f, e[8] = u, e[9] = C) : C = e[9];
+	let w;
+	e[10] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx("span", {
 		className: "sr-only",
 		children: "Toggle Sidebar"
-	}), e[10] = C) : C = e[10];
-	let w;
-	e[11] !== S || e[12] !== u ? (w = /* @__PURE__ */ jsxs(Button, {
+	}), e[10] = w) : w = e[10];
+	let T;
+	e[11] !== C || e[12] !== d ? (T = /* @__PURE__ */ jsxs(Button, {
 		"data-sidebar": "trigger",
 		"data-slot": "sidebar-trigger",
 		variant: "ghost",
 		size: "icon",
-		className: v,
-		onClick: u,
-		onMouseEnter: y,
+		className: y,
+		onClick: d,
+		onMouseEnter: b,
 		onMouseLeave: x,
-		children: [S, C]
-	}), e[11] = S, e[12] = u, e[13] = w) : w = e[13];
-	let k;
-	return e[14] !== g || e[15] !== _ || e[16] !== w ? (k = /* @__PURE__ */ jsxs(SidebarHeader, {
-		className: g,
-		children: [_, w]
-	}), e[14] = g, e[15] = _, e[16] = w, e[17] = k) : k = e[17], k;
+		children: [C, w]
+	}), e[11] = C, e[12] = d, e[13] = T) : T = e[13];
+	let E;
+	return e[14] !== _ || e[15] !== v || e[16] !== T ? (E = /* @__PURE__ */ jsxs(SidebarHeader, {
+		className: _,
+		children: [v, T]
+	}), e[14] = _, e[15] = v, e[16] = T, e[17] = E) : E = e[17], E;
 }, RunsNav = () => {
-	let l = c(26), d = useLocation(), { router: f } = useStudio(), p = f.getRuns(), m;
-	l[0] === f ? m = l[1] : (m = f.getRunsActionRequired(), l[0] = f, l[1] = m);
-	let h = m, g;
-	l[2] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+	let u = c(26), f = useLocation(), { router: p } = useStudio(), m = p.getRuns(), h;
+	u[0] === p ? h = u[1] : (h = p.getRunsActionRequired(), u[0] = p, u[1] = h);
+	let g = h, _;
+	u[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
 		parentId: null,
 		status: "paused"
-	}, l[2] = g) : g = l[2];
-	let b = useFilterWorkflows(void 0, g, "createdAt", "DESC", 0, 1).data?.total ?? 0, T;
-	l[3] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Runs" }), l[3] = T) : T = l[3];
-	let E = d.pathname === p || d.pathname === p + "/", D, O;
-	l[4] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(Play, {}), O = /* @__PURE__ */ jsx("span", { children: "Overview" }), l[4] = D, l[5] = O) : (D = l[4], O = l[5]);
+	}, u[2] = _) : _ = u[2];
+	let v = useFilterWorkflows(void 0, _, "createdAt", "DESC", 0, 1).data?.total ?? 0, S;
+	u[3] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Runs" }), u[3] = S) : S = u[3];
+	let D = f.pathname === m || f.pathname === m + "/", O, k;
+	u[4] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ jsx(Play, {}), k = /* @__PURE__ */ jsx("span", { children: "Overview" }), u[4] = O, u[5] = k) : (O = u[4], k = u[5]);
 	let A;
-	l[6] === p ? A = l[7] : (A = /* @__PURE__ */ jsxs(Link, {
-		to: p,
-		children: [D, O]
-	}), l[6] = p, l[7] = A);
+	u[6] === m ? A = u[7] : (A = /* @__PURE__ */ jsxs(Link, {
+		to: m,
+		children: [O, k]
+	}), u[6] = m, u[7] = A);
 	let j;
-	l[8] !== E || l[9] !== A ? (j = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	u[8] !== D || u[9] !== A ? (j = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
-		isActive: E,
+		isActive: D,
 		tooltip: "Overview",
 		children: A
-	}) }), l[8] = E, l[9] = A, l[10] = j) : j = l[10];
-	let M = d.pathname === h, N, P;
-	l[11] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx(CircleAlert, {}), N = /* @__PURE__ */ jsx("span", { children: "Action Required" }), l[11] = N, l[12] = P) : (N = l[11], P = l[12]);
+	}) }), u[8] = D, u[9] = A, u[10] = j) : j = u[10];
+	let M = f.pathname === g, N, P;
+	u[11] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx(CircleAlert, {}), N = /* @__PURE__ */ jsx("span", { children: "Action Required" }), u[11] = N, u[12] = P) : (N = u[11], P = u[12]);
 	let F;
-	l[13] === h ? F = l[14] : (F = /* @__PURE__ */ jsxs(Link, {
-		to: h,
+	u[13] === g ? F = u[14] : (F = /* @__PURE__ */ jsxs(Link, {
+		to: g,
 		children: [P, N]
-	}), l[13] = h, l[14] = F);
+	}), u[13] = g, u[14] = F);
 	let I;
-	l[15] !== F || l[16] !== M ? (I = /* @__PURE__ */ jsx(SidebarMenuButton, {
+	u[15] !== F || u[16] !== M ? (I = /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		isActive: M,
 		tooltip: "Action Required",
 		children: F
-	}), l[15] = F, l[16] = M, l[17] = I) : I = l[17];
+	}), u[15] = F, u[16] = M, u[17] = I) : I = u[17];
 	let L;
-	l[18] === b ? L = l[19] : (L = b > 0 && /* @__PURE__ */ jsx(SidebarMenuBadge, { children: b }), l[18] = b, l[19] = L);
+	u[18] === v ? L = u[19] : (L = v > 0 && /* @__PURE__ */ jsx(SidebarMenuBadge, { children: v }), u[18] = v, u[19] = L);
 	let R;
-	l[20] !== I || l[21] !== L ? (R = /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [I, L] }), l[20] = I, l[21] = L, l[22] = R) : R = l[22];
+	u[20] !== I || u[21] !== L ? (R = /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [I, L] }), u[20] = I, u[21] = L, u[22] = R) : R = u[22];
 	let z;
-	return l[23] !== R || l[24] !== j ? (z = /* @__PURE__ */ jsxs(SidebarGroup, { children: [T, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [j, R] }) })] }), l[23] = R, l[24] = j, l[25] = z) : z = l[25], z;
+	return u[23] !== R || u[24] !== j ? (z = /* @__PURE__ */ jsxs(SidebarGroup, { children: [S, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [j, R] }) })] }), u[23] = R, u[24] = j, u[25] = z) : z = u[25], z;
 }, WorkspacesNav = () => {
-	let l = c(11), u = useLocation(), { router: d } = useStudio(), f = d.getWorkspaces(), p;
-	l[0] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Workspaces" }), l[0] = p) : p = l[0];
-	let m;
-	l[1] !== u.pathname || l[2] !== f ? (m = u.pathname === f || u.pathname.startsWith(f + "/"), l[1] = u.pathname, l[2] = f, l[3] = m) : m = l[3];
-	let h, g;
-	l[4] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(LayoutGrid, {}), g = /* @__PURE__ */ jsx("span", { children: "My Workspaces" }), l[4] = h, l[5] = g) : (h = l[4], g = l[5]);
-	let b;
-	l[6] === f ? b = l[7] : (b = /* @__PURE__ */ jsxs(Link, {
-		to: f,
-		children: [h, g]
-	}), l[6] = f, l[7] = b);
+	let u = c(10), d = useLocation(), { router: f } = useStudio(), p;
+	u[0] === f ? p = u[1] : (p = f.getWorkspaces(), u[0] = f, u[1] = p);
+	let m = p, h;
+	u[2] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Workspaces" }), u[2] = h) : h = u[2];
+	let g = d.pathname === m, _, v;
+	u[3] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(LayoutGrid, {}), v = /* @__PURE__ */ jsx("span", { children: "Workspaces" }), u[3] = _, u[4] = v) : (_ = u[3], v = u[4]);
 	let S;
-	return l[8] !== m || l[9] !== b ? (S = /* @__PURE__ */ jsxs(SidebarGroup, { children: [p, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	u[5] === m ? S = u[6] : (S = /* @__PURE__ */ jsxs(Link, {
+		to: m,
+		children: [_, v]
+	}), u[5] = m, u[6] = S);
+	let w;
+	return u[7] !== g || u[8] !== S ? (w = /* @__PURE__ */ jsxs(SidebarGroup, { children: [h, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
-		isActive: m,
-		tooltip: "My Workspaces",
-		children: b
-	}) }) }) })] }), l[8] = m, l[9] = b, l[10] = S) : S = l[10], S;
-}, InsightsNav = () => {
-	let l = c(15), u = useLocation(), { router: d } = useStudio(), f;
-	l[0] === d ? f = l[1] : (f = d.getDashboard(), l[0] = d, l[1] = f);
-	let p;
-	l[2] === f ? p = l[3] : (p = {
-		label: "Dashboard",
-		href: f,
-		icon: LayoutDashboard
-	}, l[2] = f, l[3] = p);
-	let m;
-	l[4] === d ? m = l[5] : (m = d.getDebugWorkflows(), l[4] = d, l[5] = m);
-	let h;
-	l[6] === m ? h = l[7] : (h = {
-		label: "Workflows",
-		href: m,
-		icon: Workflow
-	}, l[6] = m, l[7] = h);
-	let g;
-	l[8] !== p || l[9] !== h ? (g = [p, h], l[8] = p, l[9] = h, l[10] = g) : g = l[10];
-	let b = g, S;
-	l[11] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Insights" }), l[11] = S) : S = l[11];
-	let T;
-	return l[12] !== u || l[13] !== b ? (T = /* @__PURE__ */ jsxs(SidebarGroup, { children: [S, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: b.map((e) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+		isActive: g,
+		tooltip: "Workspaces",
+		children: S
+	}) }) }) })] }), u[7] = g, u[8] = S, u[9] = w) : w = u[9], w;
+}, FavouritesNav = () => {
+	let u = c(19), d = useLocation(), { router: p } = useStudio(), m;
+	u[0] === p ? m = u[1] : (m = p.getWorkspaces(), u[0] = p, u[1] = m);
+	let h = m, g;
+	u[2] === Symbol.for("react.memo_cache_sentinel") ? (g = { isFavourite: "true" }, u[2] = g) : g = u[2];
+	let _ = useFilterWorkspaces(void 0, g, "createdAt", "ASC", 0, 10), v;
+	u[3] === _.data?.data ? v = u[4] : (v = _.data?.data ?? [], u[3] = _.data?.data, u[4] = v);
+	let S = v;
+	if (S.length === 0) return null;
+	let w;
+	u[5] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Favourites" }), u[5] = w) : w = u[5];
+	let D;
+	if (u[6] !== S || u[7] !== d || u[8] !== p) {
+		let e;
+		u[10] !== d || u[11] !== p ? (e = (e) => {
+			let u = p.getWorkspace(e.id);
+			return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+				asChild: !0,
+				isActive: d.pathname === u || d.pathname.startsWith(u + "/"),
+				tooltip: e.title,
+				children: /* @__PURE__ */ jsxs(Link, {
+					to: u,
+					children: [/* @__PURE__ */ jsx(Star, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: e.title })]
+				})
+			}) }, e.id);
+		}, u[10] = d, u[11] = p, u[12] = e) : e = u[12], D = S.map(e), u[6] = S, u[7] = d, u[8] = p, u[9] = D;
+	} else D = u[9];
+	let O;
+	u[13] !== _.data?.total || u[14] !== h ? (O = (_.data?.total ?? 0) > 10 && /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
-		isActive: u.pathname === e.href,
-		tooltip: e.label,
+		tooltip: "More favourites",
 		children: /* @__PURE__ */ jsxs(Link, {
-			to: e.href,
-			children: [/* @__PURE__ */ jsx(e.icon, {}), /* @__PURE__ */ jsx("span", { children: e.label })]
+			to: h,
+			children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "More" })]
 		})
-	}) }, e.href)) }) })] }), l[12] = u, l[13] = b, l[14] = T) : T = l[14], T;
+	}) }), u[13] = _.data?.total, u[14] = h, u[15] = O) : O = u[15];
+	let k;
+	return u[16] !== D || u[17] !== O ? (k = /* @__PURE__ */ jsxs(SidebarGroup, { children: [w, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [D, O] }) })] }), u[16] = D, u[17] = O, u[18] = k) : k = u[18], k;
 }, DefaultSidebarFooter = () => {
-	let l = c(9), u = useLocation(), { router: d } = useStudio(), f;
-	l[0] === d ? f = l[1] : (f = d.getEnvironmentInfo(), l[0] = d, l[1] = f);
-	let p = f, m = u.pathname === p, h, _;
-	l[2] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(Info, {}), _ = /* @__PURE__ */ jsx("span", { children: "Info" }), l[2] = h, l[3] = _) : (h = l[2], _ = l[3]);
-	let v;
-	l[4] === p ? v = l[5] : (v = /* @__PURE__ */ jsxs(Link, {
-		to: p,
-		children: [h, _]
-	}), l[4] = p, l[5] = v);
-	let y;
-	return l[6] !== m || l[7] !== v ? (y = /* @__PURE__ */ jsx(SidebarFooter, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
-		asChild: !0,
-		isActive: m,
-		size: "sm",
-		tooltip: "Info",
-		children: v
-	}) }) }) }), l[6] = m, l[7] = v, l[8] = y) : y = l[8], y;
+	let e = c(1), u;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ jsx(SidebarFooter, {}), e[0] = u) : u = e[0], u;
 };
 const StudioSidebar = () => {
-	let e = c(13), u = useComponentOverrides(), f = useStudioOptional(), p = u.SidebarHeader ?? DefaultSidebarHeader, g = u.SidebarFooter ?? DefaultSidebarFooter, _;
-	e[0] === p ? _ = e[1] : (_ = /* @__PURE__ */ jsx(p, {}), e[0] = p, e[1] = _);
-	let v;
-	e[2] === f ? v = e[3] : (v = f && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+	let e = c(13), d = useComponentOverrides(), f = useStudioOptional(), m = d.SidebarHeader ?? DefaultSidebarHeader, h = d.SidebarFooter ?? DefaultSidebarFooter, v;
+	e[0] === m ? v = e[1] : (v = /* @__PURE__ */ jsx(m, {}), e[0] = m, e[1] = v);
+	let y;
+	e[2] === f ? y = e[3] : (y = f && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx(RunsNav, {}),
 		/* @__PURE__ */ jsx(WorkspacesNav, {}),
-		/* @__PURE__ */ jsx(InsightsNav, {})
-	] }), e[2] = f, e[3] = v);
-	let y;
-	e[4] === v ? y = e[5] : (y = /* @__PURE__ */ jsx(SidebarContent, { children: v }), e[4] = v, e[5] = y);
+		/* @__PURE__ */ jsx(FavouritesNav, {})
+	] }), e[2] = f, e[3] = y);
 	let b;
-	e[6] !== g || e[7] !== f ? (b = f && /* @__PURE__ */ jsx(g, {}), e[6] = g, e[7] = f, e[8] = b) : b = e[8];
+	e[4] === y ? b = e[5] : (b = /* @__PURE__ */ jsx(SidebarContent, { children: y }), e[4] = y, e[5] = b);
 	let x;
-	return e[9] !== _ || e[10] !== y || e[11] !== b ? (x = /* @__PURE__ */ jsxs(Sidebar, {
+	e[6] !== h || e[7] !== f ? (x = f && /* @__PURE__ */ jsx(h, {}), e[6] = h, e[7] = f, e[8] = x) : x = e[8];
+	let S;
+	return e[9] !== v || e[10] !== b || e[11] !== x ? (S = /* @__PURE__ */ jsxs(Sidebar, {
 		collapsible: "icon",
 		children: [
-			_,
-			y,
-			b
+			v,
+			b,
+			x
 		]
-	}), e[9] = _, e[10] = y, e[11] = b, e[12] = x) : x = e[12], x;
+	}), e[9] = v, e[10] = b, e[11] = x, e[12] = S) : S = e[12], S;
 };
 export { StudioSidebar };

package/dist/components/ui/sidebar.js

@@ -293,7 +293,7 @@ function SidebarGroup(t) {
 	let g = c(8), _, v;
 	g[0] === t ? (_ = g[1], v = g[2]) : ({className: _, ...v} = t, g[0] = t, g[1] = _, g[2] = v);
 	let y;
-	g[3] === _ ? y = g[4] : (y = cn("relative flex w-full min-w-0 flex-col p-1.5", _), g[3] = _, g[4] = y);
+	g[3] === _ ? y = g[4] : (y = cn("relative flex w-full min-w-0 flex-col p-1.5 group-data-[collapsible=icon]:p-1", _), g[3] = _, g[4] = y);
 	let b;
 	return g[5] !== v || g[6] !== y ? (b = /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-group",
@@ -367,7 +367,7 @@ function SidebarMenuItem(t) {
 		...v
 	}), g[5] = v, g[6] = y, g[7] = b) : b = g[7], b;
 }
-var sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm text-muted-foreground outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-accent/50 hover:text-accent-foreground focus-visible:ring-2 active:bg-accent/50 active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-foreground data-[active=true]:font-medium data-[active=true]:text-background data-[state=open]:hover:bg-accent/50 data-[state=open]:hover:text-accent-foreground group-data-[collapsible=icon]:size-10! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-5 [&>svg]:shrink-0", {
+var sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm text-muted-foreground outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-accent/50 hover:text-accent-foreground focus-visible:ring-2 active:bg-accent/50 active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-foreground data-[active=true]:font-medium data-[active=true]:text-background data-[state=open]:hover:bg-accent/50 data-[state=open]:hover:text-accent-foreground group-data-[collapsible=icon]:size-10! group-data-[collapsible=icon]:p-2! group-data-[collapsible=icon]:relative group-data-[collapsible=icon]:[&>svg]:absolute group-data-[collapsible=icon]:[&>svg]:left-1/2 group-data-[collapsible=icon]:[&>svg]:top-1/2 group-data-[collapsible=icon]:[&>svg]:-translate-x-1/2 group-data-[collapsible=icon]:[&>svg]:-translate-y-1/2 group-data-[collapsible=icon]:[&>span]:hidden [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "hover:bg-accent/50 hover:text-accent-foreground",

package/dist/components/ui/slider.js

@@ -1,35 +1,46 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
+import { c } from "react/compiler-runtime";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-function Slider({ className: a, defaultValue: o, value: s, min: c = 0, max: l = 100, ...u }) {
-	let d = React$1.useMemo(() => Array.isArray(s) ? s : Array.isArray(o) ? o : [c, l], [
-		s,
-		o,
-		c,
-		l
-	]);
-	return /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
-		"data-slot": "slider",
-		defaultValue: o,
-		value: s,
-		min: c,
-		max: l,
-		className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", a),
-		...u,
-		children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
-			"data-slot": "slider-track",
-			className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
-			children: /* @__PURE__ */ jsx(SliderPrimitive.Range, {
-				"data-slot": "slider-range",
-				className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
-			})
-		}), Array.from({ length: d.length }, (e, i) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
+function Slider(a) {
+	let o = c(29), s, l, u, d, f, p;
+	o[0] === a ? (s = o[1], l = o[2], u = o[3], d = o[4], f = o[5], p = o[6]) : ({className: s, defaultValue: l, value: p, min: d, max: f, ...u} = a, o[0] = a, o[1] = s, o[2] = l, o[3] = u, o[4] = d, o[5] = f, o[6] = p);
+	let m = d === void 0 ? 0 : d, h = f === void 0 ? 100 : f, g;
+	o[7] !== l || o[8] !== h || o[9] !== m || o[10] !== p ? (g = Array.isArray(p) ? p : Array.isArray(l) ? l : [m, h], o[7] = l, o[8] = h, o[9] = m, o[10] = p, o[11] = g) : g = o[11];
+	let _ = g, v;
+	o[12] === s ? v = o[13] : (v = cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", s), o[12] = s, o[13] = v);
+	let y;
+	o[14] === Symbol.for("react.memo_cache_sentinel") ? (y = cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"), o[14] = y) : y = o[14];
+	let b;
+	o[15] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(SliderPrimitive.Track, {
+		"data-slot": "slider-track",
+		className: y,
+		children: /* @__PURE__ */ jsx(SliderPrimitive.Range, {
+			"data-slot": "slider-range",
+			className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+		})
+	}), o[15] = b) : b = o[15];
+	let x;
+	if (o[16] !== _.length || o[17] !== u) {
+		let e;
+		o[19] === u ? e = o[20] : (e = (e, i) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
 			"data-slot": "slider-thumb",
 			className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
 			"aria-label": u["aria-label"],
 			"aria-labelledby": u["aria-labelledby"]
-		}, i))]
-	});
+		}, i), o[19] = u, o[20] = e), x = Array.from({ length: _.length }, e), o[16] = _.length, o[17] = u, o[18] = x;
+	} else x = o[18];
+	let S;
+	return o[21] !== l || o[22] !== h || o[23] !== m || o[24] !== u || o[25] !== v || o[26] !== x || o[27] !== p ? (S = /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+		"data-slot": "slider",
+		defaultValue: l,
+		value: p,
+		min: m,
+		max: h,
+		className: v,
+		...u,
+		children: [b, x]
+	}), o[21] = l, o[22] = h, o[23] = m, o[24] = u, o[25] = v, o[26] = x, o[27] = p, o[28] = S) : S = o[28], S;
 }
 export { Slider };

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

@@ -7,27 +7,29 @@ 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 = () => {
+	let d = c(15), { ui: f, disabled: p } = u, { openPreviewWithEnvironment: m, environments: h } = useWorkbenchLayout(), g = f?.slotId, _;
+	d[0] !== h || d[1] !== g ? (_ = g ? h?.find((t) => t.slotId === g) : void 0, d[0] = h, d[1] = g, d[2] = _) : _ = d[2];
+	let v = _, y = !!v, b = v?.envName ? `Open ${v.envName}` : "Open Sandbox", x;
+	d[3] !== m || d[4] !== g ? (x = () => {
 		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, {
+	}, d[3] = m, d[4] = g, d[5] = x) : x = d[5];
+	let S = x, C = p || !y, w;
+	d[6] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-4 w-4" }), d[6] = w) : w = d[6];
+	let T;
+	d[7] !== S || d[8] !== C ? (T = /* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "default",
 			size: "icon",
-			disabled: S,
-			onClick: x,
-			children: C
+			disabled: C,
+			onClick: S,
+			children: w
 		})
-	}), 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);
+	}), d[7] = S, d[8] = C, d[9] = T) : T = d[9];
 	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;
+	d[10] === b ? E = d[11] : (E = /* @__PURE__ */ jsx(TooltipContent, { children: b }), d[10] = b, d[11] = E);
+	let D;
+	return d[12] !== T || d[13] !== E ? (D = /* @__PURE__ */ jsxs(Tooltip, { children: [T, E] }), d[12] = T, d[13] = E, d[14] = D) : D = d[14], D;
 };
 export { SandboxRun };

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

@@ -1,5 +1,6 @@
 import "../../../components/ui/scroll-area.js";
 import "../providers/CodeExplorerProvider.js";
 import "./CodeExplorerTreeNode.js";
+import { c } from "react/compiler-runtime";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -2,9 +2,9 @@ import { cn } from "../../../lib/utils.js";
 import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
 import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
 import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../components/ui/tabs.js";
 import ConfigFlowViewer_default from "../../debug/components/ConfigFlowViewer.js";
 import "../../debug/index.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../components/ui/tabs.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";

package/dist/features/dashboard/RunItem.js

@@ -3,49 +3,51 @@ 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 = {
+	let o = c(27), { run: s, router: l } = a, u;
+	o[0] === Symbol.for("react.memo_cache_sentinel") ? (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.getWorkflow(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", {
+	}, o[0] = u) : u = o[0];
+	let d = u[s.status] || "bg-muted text-muted-foreground border-border", f;
+	o[1] !== l || o[2] !== s.id ? (f = l.getWorkflow(s.id), o[1] = l, o[2] = s.id, o[3] = f) : f = o[3];
+	let p = s.id, m = s.run ?? s.index ?? "?", h = s.title ? `(${s.title})` : "", g;
+	o[4] !== m || o[5] !== h ? (g = /* @__PURE__ */ jsxs("h3", {
 		className: "text-foreground group-hover:text-primary truncate font-semibold transition-colors",
 		children: [
 			"Run #",
-			p,
+			m,
 			" ",
-			m
+			h
 		]
-	}), 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,
+	}), o[4] = m, o[5] = h, o[6] = g) : g = o[6];
+	let _ = `rounded-full border px-2 py-1 text-xs whitespace-nowrap ${d}`, v;
+	o[7] !== s.status || o[8] !== _ ? (v = /* @__PURE__ */ jsx(Badge, {
+		className: _,
 		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);
+	}), o[7] = s.status, o[8] = _, o[9] = v) : v = o[9];
 	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);
+	o[10] === s.updatedAt ? y = o[11] : (y = new Date(s.updatedAt).toLocaleString(), o[10] = s.updatedAt, o[11] = 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];
+	o[12] === y ? b = o[13] : (b = /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground text-xs",
+		children: y
+	}), o[12] = y, o[13] = b);
 	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];
+	o[14] !== b || o[15] !== v ? (x = /* @__PURE__ */ jsxs("div", {
+		className: "mt-2 flex flex-wrap items-center gap-2",
+		children: [v, b]
+	}), o[14] = b, o[15] = v, o[16] = x) : x = o[16];
 	let S;
-	o[19] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx("div", {
+	o[17] !== x || o[18] !== g ? (S = /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0 flex-1 pr-2",
+		children: [g, x]
+	}), o[17] = x, o[18] = g, o[19] = S) : S = o[19];
+	let C;
+	o[20] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__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",
@@ -59,18 +61,18 @@ function RunItem(a) {
 				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);
+	}), o[20] = C) : C = o[20];
 	let w;
-	return o[22] !== s.id || o[23] !== d || o[24] !== C ? (w = /* @__PURE__ */ jsx(Link, {
-		to: d,
+	o[21] === S ? w = o[22] : (w = /* @__PURE__ */ jsxs("div", {
+		className: "flex min-w-0 items-start justify-between",
+		children: [S, C]
+	}), o[21] = S, o[22] = w);
+	let T;
+	return o[23] !== s.id || o[24] !== w || o[25] !== f ? (T = /* @__PURE__ */ jsx(Link, {
+		to: f,
 		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;
+		children: w
+	}, p), o[23] = s.id, o[24] = w, o[25] = f, o[26] = T) : T = o[26], T;
 }
 var RunItem_default = RunItem;
 export { RunItem_default as default };