@loopstack/loopstack-studio 0.23.0 → 0.24.0

package/dist/components/dynamic-form/fields/SelectField.js

@@ -6,16 +6,16 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 const SelectField = (m) => {
-	let h = c(22), { name: g, schema: _, ui: v, required: y, form: b, disabled: x } = m, S = useFieldConfig(g, _, v, x), C;
-	h[0] !== _.enum || h[1] !== _.enumOptions ? (C = _.enumOptions && _.enumOptions.length > 0 ? _.enumOptions : _.enum || [], h[0] = _.enum, h[1] = _.enumOptions, h[2] = C) : C = h[2];
-	let w = C, T;
-	h[3] === w ? T = h[4] : (T = w.map(_temp), h[3] = w, h[4] = T);
+	let h = c(22), { name: g, schema: _, ui: v, required: y, form: b, disabled: x } = m, S = useFieldConfig(g, _, v, x), C = v, w = C?.enumOptions ?? _.enumOptions, T;
+	h[0] !== w || h[1] !== _ ? (T = w && w.length > 0 ? w : _.enum || [], h[0] = w, h[1] = _, h[2] = T) : T = h[2];
 	let E = T, D;
-	h[5] === w ? D = h[6] : (D = w.map(_temp2), h[5] = w, h[6] = D);
-	let O = D, k = _.placeholder || `Select ${S.fieldLabel}`, A = S.defaultValue || "", j = y ? "This field is required" : void 0, M;
-	h[7] === j ? M = h[8] : (M = { required: j }, h[7] = j, h[8] = M);
-	let N;
-	h[9] !== S || h[10] !== E || h[11] !== O || h[12] !== g || h[13] !== k || h[14] !== y ? (N = (f) => {
+	h[3] === E ? D = h[4] : (D = E.map(_temp), h[3] = E, h[4] = D);
+	let O = D, k;
+	h[5] === E ? k = h[6] : (k = E.map(_temp2), h[5] = E, h[6] = k);
+	let A = k, j = C?.placeholder || _.placeholder || `Select ${S.fieldLabel}`, M = S.defaultValue || "", N = y ? "This field is required" : void 0, P;
+	h[7] === N ? P = h[8] : (P = { required: N }, h[7] = N, h[8] = P);
+	let F;
+	h[9] !== S || h[10] !== O || h[11] !== A || h[12] !== g || h[13] !== j || h[14] !== y ? (F = (f) => {
 		let { field: p } = f;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: g,
@@ -33,23 +33,23 @@ const SelectField = (m) => {
 					id: g,
 					className: S.error ? "border-destructive" : "",
 					...S.getAriaProps(),
-					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: k })
-				}), /* @__PURE__ */ jsx(SelectContent, { children: O.map((t, d) => /* @__PURE__ */ jsx(SelectItem, {
+					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: j })
+				}), /* @__PURE__ */ jsx(SelectContent, { children: A.map((t, d) => /* @__PURE__ */ jsx(SelectItem, {
 					value: t.toString(),
 					disabled: S.isDisabled,
-					children: E[d]?.toString() || t.toString()
+					children: O[d]?.toString() || t.toString()
 				}, `${t}-${d}`)) })]
 			})
 		});
-	}, h[9] = S, h[10] = E, h[11] = O, h[12] = g, h[13] = k, h[14] = y, h[15] = N) : N = h[15];
-	let P;
-	return h[16] !== b.control || h[17] !== g || h[18] !== A || h[19] !== M || h[20] !== N ? (P = /* @__PURE__ */ jsx(Controller, {
+	}, h[9] = S, h[10] = O, h[11] = A, h[12] = g, h[13] = j, h[14] = y, h[15] = F) : F = h[15];
+	let I;
+	return h[16] !== b.control || h[17] !== g || h[18] !== M || h[19] !== P || h[20] !== F ? (I = /* @__PURE__ */ jsx(Controller, {
 		name: g,
 		control: b.control,
-		defaultValue: A,
-		rules: M,
-		render: N
-	}), h[16] = b.control, h[17] = g, h[18] = A, h[19] = M, h[20] = N, h[21] = P) : P = h[21], P;
+		defaultValue: M,
+		rules: P,
+		render: F
+	}), h[16] = b.control, h[17] = g, h[18] = M, h[19] = P, h[20] = F, h[21] = I) : I = h[21], I;
 };
 function _temp(t) {
 	return typeof t == "string" || typeof t == "number" ? t : t.label;

package/dist/components/dynamic-form/fields/TextareaField.js

@@ -8,9 +8,9 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 const TextareaField = (d) => {
-	let f = c(25), { name: p, schema: m, ui: h, required: g, form: _, disabled: v, viewOnly: y } = d, b = useFieldConfig(p, m, h, v), x = m.placeholder || m.examples?.[0] || "", S = m.rows || 4, C;
-	f[0] !== g || f[1] !== m ? (C = buildTextValidationRules(m, g), f[0] = g, f[1] = m, f[2] = C) : C = f[2];
-	let w = C;
+	let f = c(25), { name: p, schema: m, ui: h, required: g, form: _, disabled: v, viewOnly: y } = d, b = useFieldConfig(p, m, h, v), x = h, S = x?.placeholder || m.placeholder || m.examples?.[0] || "", C = x?.rows || m.rows || 4, w;
+	f[0] !== g || f[1] !== m ? (w = buildTextValidationRules(m, g), f[0] = g, f[1] = m, f[2] = w) : w = f[2];
+	let T = w;
 	if (y) {
 		let o;
 		f[3] === b.fieldLabel ? o = f[4] : (o = /* @__PURE__ */ jsx(Label, {
@@ -26,12 +26,12 @@ const TextareaField = (d) => {
 		}), f[5] = _.control, f[6] = p, f[7] = s, f[8] = l) : l = f[8];
 		let u;
 		return f[9] !== o || f[10] !== l ? (u = /* @__PURE__ */ jsxs("div", {
-			className: "mt-4 mb-8 block",
+			className: "mb-4 block",
 			children: [o, l]
 		}), f[9] = o, f[10] = l, f[11] = u) : u = f[11], u;
 	}
-	let T = b.defaultValue || "", E;
-	f[12] !== b || f[13] !== p || f[14] !== x || f[15] !== g || f[16] !== S || f[17] !== m.maxLength ? (E = (r) => {
+	let E = b.defaultValue || "", D;
+	f[12] !== b || f[13] !== p || f[14] !== S || f[15] !== g || f[16] !== C || f[17] !== m.maxLength ? (D = (r) => {
 		let { field: s } = r;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: p,
@@ -44,28 +44,28 @@ const TextareaField = (d) => {
 				...s,
 				id: p,
 				onChange: b.isReadOnly ? void 0 : s.onChange,
-				rows: S,
-				placeholder: x,
+				rows: C,
+				placeholder: S,
 				disabled: b.isDisabled,
 				readOnly: b.isReadOnly,
 				maxLength: m.maxLength,
 				className: b.error ? "border-destructive focus-visible:ring-destructive" : "",
 				style: {
-					minHeight: S ? `${S * 1.5}em` : void 0,
-					resize: S ? "vertical" : "none"
+					minHeight: C ? `${C * 1.5}em` : void 0,
+					resize: C ? "vertical" : "none"
 				},
 				...b.getAriaProps()
 			})
 		});
-	}, f[12] = b, f[13] = p, f[14] = x, f[15] = g, f[16] = S, f[17] = m.maxLength, f[18] = E) : E = f[18];
-	let D;
-	return f[19] !== _.control || f[20] !== p || f[21] !== T || f[22] !== E || f[23] !== w ? (D = /* @__PURE__ */ jsx(Controller, {
+	}, f[12] = b, f[13] = p, f[14] = S, f[15] = g, f[16] = C, f[17] = m.maxLength, f[18] = D) : D = f[18];
+	let O;
+	return f[19] !== _.control || f[20] !== p || f[21] !== E || f[22] !== D || f[23] !== T ? (O = /* @__PURE__ */ jsx(Controller, {
 		name: p,
 		control: _.control,
-		defaultValue: T,
-		rules: w,
-		render: E
-	}), f[19] = _.control, f[20] = p, f[21] = T, f[22] = E, f[23] = w, f[24] = D) : D = f[24], D;
+		defaultValue: E,
+		rules: T,
+		render: D
+	}), f[19] = _.control, f[20] = p, f[21] = E, f[22] = D, f[23] = T, f[24] = O) : O = f[24], O;
 };
 function _temp(r) {
 	let { field: o } = r;

package/dist/components/layout/MainLayout.js

@@ -1,42 +1,29 @@
-import { Separator } from "../ui/separator.js";
-import { SidebarTrigger, useSidebar } from "../ui/sidebar.js";
 import PageBreadcrumbs_default from "../page/PageBreadcrumbs.js";
 import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var SidebarTriggerSafe = () => {
-	try {
-		return useSidebar(), /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ jsx(Separator, {
-			orientation: "vertical",
-			className: "mr-2 data-[orientation=vertical]:h-4"
-		})] });
-	} catch {
-		return null;
-	}
-}, MainLayout_default = (e) => {
-	let o = c(11), { children: s, breadcrumbsData: l, headerMenu: u } = e, d;
-	o[0] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(SidebarTriggerSafe, {}), o[0] = d) : d = o[0];
-	let f;
-	o[1] === l ? f = o[2] : (f = /* @__PURE__ */ jsxs("div", {
+import { jsx, jsxs } from "react/jsx-runtime";
+var MainLayout_default = (i) => {
+	let a = c(10), { children: o, breadcrumbsData: s, headerMenu: l } = i, u;
+	a[0] === s ? u = a[1] : (u = /* @__PURE__ */ jsx("div", {
 		className: "flex items-center gap-2",
-		children: [d, /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: l })]
-	}), o[1] = l, o[2] = f);
-	let p;
-	o[3] !== u || o[4] !== f ? (p = /* @__PURE__ */ jsxs("div", {
+		children: /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: s })
+	}), a[0] = s, a[1] = u);
+	let d;
+	a[2] !== l || a[3] !== u ? (d = /* @__PURE__ */ jsxs("div", {
 		className: "border-b flex h-12 shrink-0 items-center justify-between gap-2 px-4",
-		children: [f, u]
-	}), o[3] = u, o[4] = f, o[5] = p) : p = o[5];
-	let m;
-	o[6] === s ? m = o[7] : (m = /* @__PURE__ */ jsx("div", {
+		children: [u, l]
+	}), a[2] = l, a[3] = u, a[4] = d) : d = a[4];
+	let f;
+	a[5] === o ? f = a[6] : (f = /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-auto p-4",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "space-y-6",
-			children: s
+			children: o
 		})
-	}), o[6] = s, o[7] = m);
-	let h;
-	return o[8] !== p || o[9] !== m ? (h = /* @__PURE__ */ jsxs("div", {
+	}), a[5] = o, a[6] = f);
+	let p;
+	return a[7] !== d || a[8] !== f ? (p = /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full flex-col",
-		children: [p, m]
-	}), o[8] = p, o[9] = m, o[10] = h) : h = o[10], h;
+		children: [d, f]
+	}), a[7] = d, a[8] = f, a[9] = p) : p = a[9], p;
 };
 export { MainLayout_default as default };

package/dist/components/layout/StudioSidebar.js

@@ -1,165 +1,225 @@
 import { useStudio, useStudioOptional } from "../../providers/StudioProvider.js";
 import { useFilterPipelines } from "../../hooks/usePipelines.js";
 import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarTrigger, useSidebar } from "../ui/sidebar.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../ui/button.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, useSidebar } from "../ui/sidebar.js";
+import { motion } from "../../node_modules/motion/dist/es/react.js";
 import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-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, Play, Workflow } from "lucide-react";
+import { CircleAlert, Info, LayoutDashboard, LayoutGrid, PanelLeftIcon, Play, Workflow } from "lucide-react";
 var DefaultSidebarHeader = () => {
-	let e = c(5), { state: u } = useSidebar(), d;
-	e[0] === u ? d = e[1] : (d = u === "expanded" && /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2 px-1.5",
+	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", {
+		className: "flex items-center gap-2 overflow-hidden px-1.5",
 		children: [/* @__PURE__ */ jsx("img", {
 			src: "/loopstack.svg",
 			alt: "Loopstack",
 			className: "h-6 w-6"
-		}), /* @__PURE__ */ jsx("span", {
-			className: "text-sm font-semibold",
+		}), /* @__PURE__ */ jsx(motion.span, {
+			className: "whitespace-nowrap text-sm font-semibold",
+			initial: {
+				opacity: 0,
+				x: -6
+			},
+			animate: {
+				opacity: 1,
+				x: 0
+			},
+			transition: {
+				opacity: {
+					duration: .18,
+					delay: .12,
+					ease: "easeOut"
+				},
+				x: {
+					duration: .18,
+					delay: .12,
+					ease: "easeOut"
+				}
+			},
 			children: "Loopstack Studio"
 		})]
-	}), e[0] = u, e[1] = d);
-	let f;
-	e[2] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(SidebarTrigger, { className: "hover:cursor-pointer" }), e[2] = f) : f = e[2];
-	let p;
-	return e[3] === d ? p = e[4] : (p = /* @__PURE__ */ jsxs(SidebarHeader, {
-		className: "border-sidebar-border h-12 w-full flex-row items-center justify-between border-b px-1.5 py-0",
-		children: [d, f]
-	}), e[3] = d, e[4] = p), p;
+	}), 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, {
+		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 },
+		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 },
+		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", {
+		className: "sr-only",
+		children: "Toggle Sidebar"
+	}), e[10] = C) : C = e[10];
+	let w;
+	e[11] !== S || e[12] !== u ? (w = /* @__PURE__ */ jsxs(Button, {
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "icon",
+		className: v,
+		onClick: u,
+		onMouseEnter: y,
+		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;
 }, RunsNav = () => {
-	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 y = h, C;
-	u[2] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+	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 = {
 		parentId: null,
 		status: "paused"
-	}, u[2] = C) : C = u[2];
-	let w = useFilterPipelines(void 0, C, "createdAt", "DESC", 0, 1).data?.total ?? 0, T;
-	u[3] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Runs" }), u[3] = T) : T = u[3];
-	let E = f.pathname === m || f.pathname === m + "/", D, O;
-	u[4] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(Play, {}), O = /* @__PURE__ */ jsx("span", { children: "Overview" }), u[4] = D, u[5] = O) : (D = u[4], O = u[5]);
-	let k;
-	u[6] === m ? k = u[7] : (k = /* @__PURE__ */ jsxs(Link, {
-		to: m,
-		children: [D, O]
-	}), u[6] = m, u[7] = k);
+	}, l[2] = g) : g = l[2];
+	let b = useFilterPipelines(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]);
 	let A;
-	u[8] !== E || u[9] !== k ? (A = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	l[6] === p ? A = l[7] : (A = /* @__PURE__ */ jsxs(Link, {
+		to: p,
+		children: [D, O]
+	}), l[6] = p, l[7] = A);
+	let j;
+	l[8] !== E || l[9] !== A ? (j = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		isActive: E,
 		tooltip: "Overview",
-		children: k
-	}) }), u[8] = E, u[9] = k, u[10] = A) : A = u[10];
-	let j = f.pathname === y, M, N;
-	u[11] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ jsx(CircleAlert, {}), M = /* @__PURE__ */ jsx("span", { children: "Action Required" }), u[11] = M, u[12] = N) : (M = u[11], N = u[12]);
-	let P;
-	u[13] === y ? P = u[14] : (P = /* @__PURE__ */ jsxs(Link, {
-		to: y,
-		children: [N, M]
-	}), u[13] = y, u[14] = P);
+		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]);
 	let F;
-	u[15] !== P || u[16] !== j ? (F = /* @__PURE__ */ jsx(SidebarMenuButton, {
+	l[13] === h ? F = l[14] : (F = /* @__PURE__ */ jsxs(Link, {
+		to: h,
+		children: [P, N]
+	}), l[13] = h, l[14] = F);
+	let I;
+	l[15] !== F || l[16] !== M ? (I = /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
-		isActive: j,
+		isActive: M,
 		tooltip: "Action Required",
-		children: P
-	}), u[15] = P, u[16] = j, u[17] = F) : F = u[17];
-	let I;
-	u[18] === w ? I = u[19] : (I = w > 0 && /* @__PURE__ */ jsx(SidebarMenuBadge, { children: w }), u[18] = w, u[19] = I);
+		children: F
+	}), l[15] = F, l[16] = M, l[17] = I) : I = l[17];
 	let L;
-	u[20] !== F || u[21] !== I ? (L = /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [F, I] }), u[20] = F, u[21] = I, u[22] = L) : L = u[22];
+	l[18] === b ? L = l[19] : (L = b > 0 && /* @__PURE__ */ jsx(SidebarMenuBadge, { children: b }), l[18] = b, l[19] = L);
 	let R;
-	return u[23] !== L || u[24] !== A ? (R = /* @__PURE__ */ jsxs(SidebarGroup, { children: [T, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [A, L] }) })] }), u[23] = L, u[24] = A, u[25] = R) : R = u[25], 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];
+	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;
 }, WorkspacesNav = () => {
-	let u = c(11), d = useLocation(), { router: f } = useStudio(), p = f.getWorkspaces(), m;
-	u[0] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Workspaces" }), u[0] = m) : m = u[0];
-	let h;
-	u[1] !== d.pathname || u[2] !== p ? (h = d.pathname === p || d.pathname.startsWith(p + "/"), u[1] = d.pathname, u[2] = p, u[3] = h) : h = u[3];
-	let y, x;
-	u[4] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(LayoutGrid, {}), x = /* @__PURE__ */ jsx("span", { children: "My Workspaces" }), u[4] = y, u[5] = x) : (y = u[4], x = u[5]);
-	let C;
-	u[6] === p ? C = u[7] : (C = /* @__PURE__ */ jsxs(Link, {
-		to: p,
-		children: [y, x]
-	}), u[6] = p, u[7] = C);
-	let w;
-	return u[8] !== h || u[9] !== C ? (w = /* @__PURE__ */ jsxs(SidebarGroup, { children: [m, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	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 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, {
 		asChild: !0,
-		isActive: h,
+		isActive: m,
 		tooltip: "My Workspaces",
-		children: C
-	}) }) }) })] }), u[8] = h, u[9] = C, u[10] = w) : w = u[10], w;
+		children: b
+	}) }) }) })] }), l[8] = m, l[9] = b, l[10] = S) : S = l[10], S;
 }, InsightsNav = () => {
-	let u = c(15), d = useLocation(), { router: f } = useStudio(), p;
-	u[0] === f ? p = u[1] : (p = f.getDashboard(), u[0] = f, u[1] = p);
-	let m;
-	u[2] === p ? m = u[3] : (m = {
+	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: p,
+		href: f,
 		icon: LayoutDashboard
-	}, u[2] = p, u[3] = m);
+	}, 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;
-	u[4] === f ? h = u[5] : (h = f.getDebugWorkflows(), u[4] = f, u[5] = h);
-	let y;
-	u[6] === h ? y = u[7] : (y = {
+	l[6] === m ? h = l[7] : (h = {
 		label: "Workflows",
-		href: h,
+		href: m,
 		icon: Workflow
-	}, u[6] = h, u[7] = y);
-	let x;
-	u[8] !== m || u[9] !== y ? (x = [m, y], u[8] = m, u[9] = y, u[10] = x) : x = u[10];
-	let C = x, w;
-	u[11] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Insights" }), u[11] = w) : w = u[11];
+	}, 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 u[12] !== d || u[13] !== C ? (T = /* @__PURE__ */ jsxs(SidebarGroup, { children: [w, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: C.map((e) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	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, {
 		asChild: !0,
-		isActive: d.pathname === e.href,
+		isActive: u.pathname === e.href,
 		tooltip: e.label,
 		children: /* @__PURE__ */ jsxs(Link, {
 			to: e.href,
 			children: [/* @__PURE__ */ jsx(e.icon, {}), /* @__PURE__ */ jsx("span", { children: e.label })]
 		})
-	}) }, e.href)) }) })] }), u[12] = d, u[13] = C, u[14] = T) : T = u[14], T;
+	}) }, e.href)) }) })] }), l[12] = u, l[13] = b, l[14] = T) : T = l[14], T;
 }, DefaultSidebarFooter = () => {
-	let u = c(9), d = useLocation(), { router: f } = useStudio(), p;
-	u[0] === f ? p = u[1] : (p = f.getEnvironmentInfo(), u[0] = f, u[1] = p);
-	let m = p, g = d.pathname === m, _, v;
-	u[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(Info, {}), v = /* @__PURE__ */ jsx("span", { children: "Info" }), u[2] = _, u[3] = v) : (_ = u[2], v = u[3]);
+	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;
-	u[4] === m ? y = u[5] : (y = /* @__PURE__ */ jsxs(Link, {
-		to: m,
-		children: [_, v]
-	}), u[4] = m, u[5] = y);
-	let x;
-	return u[6] !== g || u[7] !== y ? (x = /* @__PURE__ */ jsx(SidebarFooter, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	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: g,
+		isActive: m,
 		size: "sm",
 		tooltip: "Info",
-		children: y
-	}) }) }) }), u[6] = g, u[7] = y, u[8] = x) : x = u[8], x;
+		children: v
+	}) }) }) }), l[6] = m, l[7] = v, l[8] = y) : y = l[8], y;
 };
 const StudioSidebar = () => {
-	let e = c(13), d = useComponentOverrides(), h = useStudioOptional(), g = d.SidebarHeader ?? DefaultSidebarHeader, _ = d.SidebarFooter ?? DefaultSidebarFooter, v;
-	e[0] === g ? v = e[1] : (v = /* @__PURE__ */ jsx(g, {}), e[0] = g, e[1] = v);
-	let y;
-	e[2] === h ? y = e[3] : (y = h && /* @__PURE__ */ jsxs(Fragment, { children: [
+	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: [
 		/* @__PURE__ */ jsx(RunsNav, {}),
 		/* @__PURE__ */ jsx(WorkspacesNav, {}),
 		/* @__PURE__ */ jsx(InsightsNav, {})
-	] }), e[2] = h, e[3] = y);
+	] }), 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);
 	let b;
-	e[4] === y ? b = e[5] : (b = /* @__PURE__ */ jsx(SidebarContent, { children: y }), e[4] = y, e[5] = b);
+	e[6] !== g || e[7] !== f ? (b = f && /* @__PURE__ */ jsx(g, {}), e[6] = g, e[7] = f, e[8] = b) : b = e[8];
 	let x;
-	e[6] !== _ || e[7] !== h ? (x = h && /* @__PURE__ */ jsx(_, {}), e[6] = _, e[7] = h, e[8] = x) : x = e[8];
-	let S;
-	return e[9] !== v || e[10] !== b || e[11] !== x ? (S = /* @__PURE__ */ jsxs(Sidebar, {
+	return e[9] !== _ || e[10] !== y || e[11] !== b ? (x = /* @__PURE__ */ jsxs(Sidebar, {
 		collapsible: "icon",
 		children: [
-			v,
-			b,
-			x
+			_,
+			y,
+			b
 		]
-	}), e[9] = v, e[10] = b, e[11] = x, e[12] = S) : S = e[12], S;
+	}), e[9] = _, e[10] = y, e[11] = b, e[12] = x) : x = e[12], x;
 };
 export { StudioSidebar };