@loopstack/loopstack-studio 0.29.5 → 0.31.0

package/dist/_virtual/rolldown_runtime.js

@@ -11,8 +11,10 @@ var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDes
 		enumerable: !(s = __getOwnPropDesc(i, d)) || s.enumerable
 	});
 	return e;
+}, __reExport = (e, n, r, i) => {
+	i && (__defProp(e, Symbol.toStringTag, { value: "Module" }), r && __defProp(r, Symbol.toStringTag, { value: "Module" })), __copyProps(e, n, "default"), r && __copyProps(r, n, "default");
 }, __toESM = (n, r, a) => (a = n == null ? {} : __create(__getProtoOf(n)), __copyProps(r || !n || !n.__esModule ? __defProp(a, "default", {
 	value: n,
 	enumerable: !0
 }) : a, n));
-export { __commonJSMin, __export, __toESM };
+export { __commonJSMin, __export, __reExport, __toESM };

package/dist/api/config.js

@@ -1,9 +1,10 @@
 function createConfigApi(e) {
 	return {
-		getAppTypes: () => e.get("/api/v1/config/workspaces").then((e) => e.data),
-		getWorkflowTypesByApp: (t) => e.get(`/api/v1/config/workspaces/${encodeURIComponent(t.appBlockName)}/workflows`).then((e) => e.data),
-		getWorkflowConfig: (t) => e.get(`/api/v1/config/workflows/${encodeURIComponent(t.alias)}`).then((e) => e.data),
-		getWorkflowSource: (t) => e.get(`/api/v1/config/workflows/${encodeURIComponent(t.alias)}/source`).then((e) => e.data),
+		getApps: () => e.get("/api/v1/config/apps").then((e) => e.data),
+		getWorkflowConfig: (t) => e.get(`/api/v1/config/workflows/${encodeURIComponent(t.workflowName)}`).then((e) => e.data),
+		getWorkflowSource: (t) => e.get(`/api/v1/config/workflows/${encodeURIComponent(t.workflowName)}/source`).then((e) => e.data),
+		getToolConfigs: () => e.get("/api/v1/config/tools").then((e) => e.data),
+		getToolConfig: (t) => e.get(`/api/v1/config/tools/${encodeURIComponent(t.toolName)}`).then((e) => e.data),
 		getAvailableEnvironments: () => e.get("/api/v1/config/environments").then((e) => e.data)
 	};
 }

package/dist/api/environments.js

@@ -1,4 +1,8 @@
 function createEnvironmentsApi(e) {
-	return { resetEnvironment: (t) => e.post(`/api/v1/workspaces/${t.workspaceId}/environments/${t.slotId}/reset`).then((e) => e.data) };
+	return {
+		getByWorkspace: (t) => e.get(`/api/v1/workspaces/${t}/environments`).then((e) => e.data),
+		replaceEnvironments: (t, n) => e.put(`/api/v1/workspaces/${t}/environments`, n).then((e) => e.data),
+		resetEnvironment: (t) => e.post(`/api/v1/workspaces/${t.workspaceId}/environments/${t.slotId}/reset`).then((e) => e.data)
+	};
 }
 export { createEnvironmentsApi };

package/dist/api/processor.js

@@ -1,4 +1,7 @@
 function createProcessorApi(e) {
-	return { runWorkflow: (t) => e.post(`/api/v1/processor/run/${t.workflowId}`, t.runWorkflowPayloadDto, t.force === void 0 ? void 0 : { params: { force: t.force } }).then((e) => e.data) };
+	return {
+		startWorkflow: (t) => e.post("/api/v1/processor/start", t.payload).then((e) => e.data),
+		runWorkflow: (t) => e.post(`/api/v1/processor/run/${t.workflowId}`, t.runWorkflowPayloadDto, t.force === void 0 ? void 0 : { params: { force: t.force } }).then((e) => e.data)
+	};
 }
 export { createProcessorApi };

package/dist/app/EnvironmentEmbedRoot.js

@@ -4,42 +4,34 @@ import { InvalidationEventsProvider } from "../providers/InvalidationEventsProvi
 import { useRouter } from "../routing/LocalRouter.js";
 import { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";
 import "../features/feature-registry/index.js";
-import { fileExplorerFeature } from "../features/file-explorer/file-explorer-feature.js";
-import "../features/file-explorer/index.js";
 import LocalHealthCheck_default from "../features/health/LocalHealthCheck.js";
-import { secretsFeature } from "../features/secrets/secrets-feature.js";
-import "../features/secrets/index.js";
 import { QueryProvider } from "../providers/QueryProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Outlet, useSearchParams } from "react-router-dom";
-var defaultFeatures = [secretsFeature, fileExplorerFeature];
 function EnvironmentEmbedRoot() {
-	let m = c(11), [h] = useSearchParams(), g;
-	m[0] === h ? g = m[1] : (g = h.get("url") ?? "http://localhost:3080", m[0] = h, m[1] = g);
-	let _ = g, v;
-	m[2] === h ? v = m[3] : (v = h.get("name") ?? "Preview Environment", m[2] = h, m[3] = v);
-	let y = v, b;
-	m[4] !== y || m[5] !== _ ? (b = {
+	let p = c(11), [m] = useSearchParams(), h;
+	p[0] === m ? h = p[1] : (h = m.get("url") ?? "http://localhost:3080", p[0] = m, p[1] = h);
+	let g = h, _;
+	p[2] === m ? _ = p[3] : (_ = m.get("name") ?? "Preview Environment", p[2] = m, p[3] = _);
+	let v = _, y;
+	p[4] !== v || p[5] !== g ? (y = {
 		id: "preview-env",
-		name: y,
-		url: _
-	}, m[4] = y, m[5] = _, m[6] = b) : b = m[6];
-	let x = b, S = useRouter(x.id, "/embed/env"), C;
-	m[7] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsxs(FeatureRegistryProvider, {
-		features: defaultFeatures,
-		children: [
-			/* @__PURE__ */ jsx(LocalHealthCheck_default, {}),
-			/* @__PURE__ */ jsx(SseProvider, {}),
-			/* @__PURE__ */ jsx(InvalidationEventsProvider, {}),
-			/* @__PURE__ */ jsx(Outlet, {})
-		]
-	}), m[7] = C) : C = m[7];
-	let w;
-	return m[8] !== x || m[9] !== S ? (w = /* @__PURE__ */ jsx(QueryProvider, { children: /* @__PURE__ */ jsx(StudioProvider, {
-		router: S,
-		environment: x,
-		children: C
-	}) }), m[8] = x, m[9] = S, m[10] = w) : w = m[10], w;
+		name: v,
+		url: g
+	}, p[4] = v, p[5] = g, p[6] = y) : y = p[6];
+	let b = y, x = useRouter(b.id, "/embed/env"), S;
+	p[7] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsxs(FeatureRegistryProvider, { children: [
+		/* @__PURE__ */ jsx(LocalHealthCheck_default, {}),
+		/* @__PURE__ */ jsx(SseProvider, {}),
+		/* @__PURE__ */ jsx(InvalidationEventsProvider, {}),
+		/* @__PURE__ */ jsx(Outlet, {})
+	] }), p[7] = S) : S = p[7];
+	let C;
+	return p[8] !== b || p[9] !== x ? (C = /* @__PURE__ */ jsx(QueryProvider, { children: /* @__PURE__ */ jsx(StudioProvider, {
+		router: x,
+		environment: b,
+		children: S
+	}) }), p[8] = b, p[9] = x, p[10] = C) : C = p[10], C;
 }
 export { EnvironmentEmbedRoot as default };

package/dist/components/ai-elements/code-block.js

@@ -56,15 +56,15 @@ const CodeBlock = (l) => {
 	let E;
 	d[12] === m ? E = d[13] : (E = { code: m }, d[12] = m, d[13] = E);
 	let D;
-	d[14] === p ? D = d[15] : (D = cn("group bg-background text-foreground relative w-full overflow-hidden rounded-md border", p), d[14] = p, d[15] = D);
+	d[14] === p ? D = d[15] : (D = cn("group bg-background text-foreground relative min-w-0 w-full overflow-auto overscroll-contain rounded-md border", p), d[14] = p, d[15] = D);
 	let O;
 	d[16] === y ? O = d[17] : (O = /* @__PURE__ */ jsx("div", {
-		className: "[&>pre]:bg-background! [&>pre]:text-foreground! overflow-x-auto dark:hidden [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm",
+		className: "[&>pre]:bg-background! [&>pre]:text-foreground! dark:hidden [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm",
 		dangerouslySetInnerHTML: { __html: y }
 	}), d[16] = y, d[17] = O);
 	let k;
 	d[18] === x ? k = d[19] : (k = /* @__PURE__ */ jsx("div", {
-		className: "[&>pre]:bg-background! [&>pre]:text-foreground! hidden overflow-x-auto dark:block [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm",
+		className: "[&>pre]:bg-background! [&>pre]:text-foreground! hidden dark:block [&_code]:font-mono [&_code]:text-sm [&>pre]:m-0 [&>pre]:p-4 [&>pre]:text-sm",
 		dangerouslySetInnerHTML: { __html: x }
 	}), d[18] = x, d[19] = k);
 	let A;
@@ -74,7 +74,7 @@ const CodeBlock = (l) => {
 	}), d[20] = f, d[21] = A);
 	let j;
 	d[22] !== O || d[23] !== k || d[24] !== A ? (j = /* @__PURE__ */ jsxs("div", {
-		className: "relative",
+		className: "relative min-w-max",
 		children: [
 			O,
 			k,

package/dist/components/dynamic-form/CodeContent.js

@@ -1,8 +1,8 @@
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-import Markdown from "react-markdown";
 import { Prism } from "react-syntax-highlighter";
+import Markdown from "react-markdown";
 var adaptedPrism = {
 	"code[class*=\"language-\"]": {
 		color: "black",

package/dist/components/dynamic-form/FormBody.js

@@ -1,5 +1,5 @@
-import CodeContent_default from "./CodeContent.js";
 import MarkdownContent_default from "./MarkdownContent.js";
+import CodeContent_default from "./CodeContent.js";
 import { ObjectController } from "./ObjectController.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/layout/StudioSidebar.js

@@ -1,21 +1,20 @@
 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";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, useSidebar } from "../ui/sidebar.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "../ui/sidebar.js";
 import { motion } from "../../node_modules/motion/dist/es/react.js";
 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, LayoutGrid, MoreHorizontal, PanelLeftIcon, Play, Star } from "lucide-react";
+import { Boxes, LayoutGrid, MoreHorizontal, PanelLeftIcon, Play, Star } from "lucide-react";
 var DefaultSidebarHeader = () => {
-	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", {
+	let e = c(18), { state: o, toggleSidebar: s } = useSidebar(), [l, f] = useState(!1), p = o === "collapsed" ? "justify-center" : "justify-between", m;
+	e[0] === p ? m = e[1] : (m = cn("border-sidebar-border h-12 w-full flex-row items-center border-b px-1.5 py-0", p), e[0] = p, e[1] = m);
+	let h;
+	e[2] === o ? h = e[3] : (h = o === "expanded" && /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2 overflow-hidden px-1.5",
 		children: [/* @__PURE__ */ jsx("img", {
 			src: "/loopstack.svg",
@@ -45,174 +44,160 @@ var DefaultSidebarHeader = () => {
 			},
 			children: "Loopstack Studio"
 		})]
-	}), 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, {
+	}), e[2] = o, e[3] = h);
+	let g;
+	e[4] === Symbol.for("react.memo_cache_sentinel") ? (g = cn("relative size-10 text-muted-foreground hover:cursor-pointer hover:bg-accent/50 hover:text-accent-foreground"), e[4] = g) : g = e[4];
+	let _, y;
+	e[5] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => f(!0), y = () => f(!1), e[5] = _, e[6] = y) : (_ = e[5], y = e[6]);
+	let b;
+	e[7] !== l || e[8] !== o ? (b = o === "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: f ? 0 : 1 },
+		animate: { opacity: l ? 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: f ? 1 : 0 },
+		animate: { opacity: l ? 1 : 0 },
 		transition: { duration: .2 },
 		children: /* @__PURE__ */ jsx(PanelLeftIcon, { className: "size-5" })
-	})] }) : /* @__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", {
+	})] }) : /* @__PURE__ */ jsx(PanelLeftIcon, { className: "size-5" }), e[7] = l, e[8] = o, e[9] = b) : b = e[9];
+	let x;
+	e[10] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx("span", {
 		className: "sr-only",
 		children: "Toggle Sidebar"
-	}), e[10] = w) : w = e[10];
-	let T;
-	e[11] !== C || e[12] !== d ? (T = /* @__PURE__ */ jsxs(Button, {
+	}), e[10] = x) : x = e[10];
+	let E;
+	e[11] !== b || e[12] !== s ? (E = /* @__PURE__ */ jsxs(Button, {
 		"data-sidebar": "trigger",
 		"data-slot": "sidebar-trigger",
 		variant: "ghost",
 		size: "icon",
-		className: y,
-		onClick: d,
-		onMouseEnter: b,
-		onMouseLeave: x,
-		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 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"
-	}, 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;
-	u[6] === m ? A = u[7] : (A = /* @__PURE__ */ jsxs(Link, {
-		to: m,
-		children: [O, k]
-	}), u[6] = m, u[7] = A);
+		className: g,
+		onClick: s,
+		onMouseEnter: _,
+		onMouseLeave: y,
+		children: [b, x]
+	}), e[11] = b, e[12] = s, e[13] = E) : E = e[13];
+	let D;
+	return e[14] !== m || e[15] !== h || e[16] !== E ? (D = /* @__PURE__ */ jsxs(SidebarHeader, {
+		className: m,
+		children: [h, E]
+	}), e[14] = m, e[15] = h, e[16] = E, e[17] = D) : D = e[17], D;
+}, MainNav = () => {
+	let o = c(29), s = useLocation(), { router: l } = useStudio(), u;
+	o[0] === l ? u = o[1] : (u = l.getDashboard(), o[0] = l, o[1] = u);
+	let d = u, f;
+	o[2] === l ? f = o[3] : (f = l.getWorkspaces(), o[2] = l, o[3] = f);
+	let p = f, m = l.getRuns(), _ = s.pathname === d, v, S;
+	o[4] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(Boxes, {}), S = /* @__PURE__ */ jsx("span", { children: "Applications" }), o[4] = v, o[5] = S) : (v = o[4], S = o[5]);
+	let C;
+	o[6] === d ? C = o[7] : (C = /* @__PURE__ */ jsxs(Link, {
+		to: d,
+		children: [v, S]
+	}), o[6] = d, o[7] = C);
+	let w;
+	o[8] !== _ || o[9] !== C ? (w = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+		asChild: !0,
+		isActive: _,
+		tooltip: "Applications",
+		children: C
+	}) }), o[8] = _, o[9] = C, o[10] = w) : w = o[10];
+	let T = s.pathname === p, k, A;
+	o[11] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ jsx(LayoutGrid, {}), A = /* @__PURE__ */ jsx("span", { children: "Workspaces" }), o[11] = k, o[12] = A) : (k = o[11], A = o[12]);
 	let j;
-	u[8] !== D || u[9] !== A ? (j = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	o[13] === p ? j = o[14] : (j = /* @__PURE__ */ jsxs(Link, {
+		to: p,
+		children: [k, A]
+	}), o[13] = p, o[14] = j);
+	let M;
+	o[15] !== j || o[16] !== T ? (M = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
-		isActive: D,
-		tooltip: "Overview",
-		children: A
-	}) }), 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;
-	u[13] === g ? F = u[14] : (F = /* @__PURE__ */ jsxs(Link, {
-		to: g,
-		children: [P, N]
-	}), u[13] = g, u[14] = F);
+		isActive: T,
+		tooltip: "Workspaces",
+		children: j
+	}) }), o[15] = j, o[16] = T, o[17] = M) : M = o[17];
+	let N = s.pathname === m || s.pathname === m + "/", P, F;
+	o[18] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx(Play, {}), F = /* @__PURE__ */ jsx("span", { children: "Runs" }), o[18] = P, o[19] = F) : (P = o[18], F = o[19]);
 	let I;
-	u[15] !== F || u[16] !== M ? (I = /* @__PURE__ */ jsx(SidebarMenuButton, {
-		asChild: !0,
-		isActive: M,
-		tooltip: "Action Required",
-		children: F
-	}), u[15] = F, u[16] = M, u[17] = I) : I = u[17];
-	let L;
-	u[18] === v ? L = u[19] : (L = v > 0 && /* @__PURE__ */ jsx(SidebarMenuBadge, { children: v }), u[18] = v, u[19] = L);
-	let R;
-	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 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 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;
-	u[5] === m ? S = u[6] : (S = /* @__PURE__ */ jsxs(Link, {
+	o[20] === m ? I = o[21] : (I = /* @__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, {
+		children: [P, F]
+	}), o[20] = m, o[21] = I);
+	let L;
+	o[22] !== N || o[23] !== I ? (L = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
-		isActive: g,
-		tooltip: "Workspaces",
-		children: S
-	}) }) }) })] }), u[7] = g, u[8] = S, u[9] = w) : w = u[9], w;
+		isActive: N,
+		tooltip: "Runs",
+		children: I
+	}) }), o[22] = N, o[23] = I, o[24] = L) : L = o[24];
+	let R;
+	return o[25] !== M || o[26] !== L || o[27] !== w ? (R = /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [
+		w,
+		M,
+		L
+	] }) }) }), o[25] = M, o[26] = L, o[27] = w, o[28] = R) : R = o[28], R;
 }, 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 o = c(19), l = useLocation(), { router: u } = useStudio(), d;
+	o[0] === u ? d = o[1] : (d = u.getWorkspaces(), o[0] = u, o[1] = d);
+	let f = d, p;
+	o[2] === Symbol.for("react.memo_cache_sentinel") ? (p = { isFavourite: "true" }, o[2] = p) : p = o[2];
+	let m = useFilterWorkspaces(void 0, p, "createdAt", "ASC", 0, 10), v;
+	o[3] === m.data?.data ? v = o[4] : (v = m.data?.data ?? [], o[3] = m.data?.data, o[4] = v);
 	let S = v;
 	if (S.length === 0) return null;
+	let C;
+	o[5] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Favourites" }), o[5] = C) : C = o[5];
 	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) {
+	if (o[6] !== S || o[7] !== l || o[8] !== u) {
 		let e;
-		u[10] !== d || u[11] !== p ? (e = (e) => {
-			let u = p.getWorkspace(e.id);
+		o[10] !== l || o[11] !== u ? (e = (e) => {
+			let o = u.getWorkspace(e.id);
 			return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 				asChild: !0,
-				isActive: d.pathname === u || d.pathname.startsWith(u + "/"),
+				isActive: l.pathname === o || l.pathname.startsWith(o + "/"),
 				tooltip: e.title,
 				children: /* @__PURE__ */ jsxs(Link, {
-					to: u,
+					to: o,
 					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, {
+		}, o[10] = l, o[11] = u, o[12] = e) : e = o[12], w = S.map(e), o[6] = S, o[7] = l, o[8] = u, o[9] = w;
+	} else w = o[9];
+	let T;
+	o[13] !== m.data?.total || o[14] !== f ? (T = (m.data?.total ?? 0) > 10 && /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		tooltip: "More favourites",
 		children: /* @__PURE__ */ jsxs(Link, {
-			to: h,
+			to: f,
 			children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "More" })]
 		})
-	}) }), 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;
+	}) }), o[13] = m.data?.total, o[14] = f, o[15] = T) : T = o[15];
+	let O;
+	return o[16] !== w || o[17] !== T ? (O = /* @__PURE__ */ jsxs(SidebarGroup, { children: [C, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [w, T] }) })] }), o[16] = w, o[17] = T, o[18] = O) : O = o[18], O;
 }, DefaultSidebarFooter = () => {
-	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;
+	let e = c(1), o;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ jsx(SidebarFooter, {}), e[0] = o) : o = e[0], o;
 };
 const StudioSidebar = () => {
-	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 e = c(13), s = useComponentOverrides(), u = useStudioOptional(), d = s.SidebarHeader ?? DefaultSidebarHeader, m = s.SidebarFooter ?? DefaultSidebarFooter, h;
+	e[0] === d ? h = e[1] : (h = /* @__PURE__ */ jsx(d, {}), e[0] = d, e[1] = h);
+	let g;
+	e[2] === u ? g = e[3] : (g = u && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MainNav, {}), /* @__PURE__ */ jsx(FavouritesNav, {})] }), e[2] = u, e[3] = g);
+	let _;
+	e[4] === g ? _ = e[5] : (_ = /* @__PURE__ */ jsx(SidebarContent, { children: g }), e[4] = g, e[5] = _);
+	let v;
+	e[6] !== m || e[7] !== u ? (v = u && /* @__PURE__ */ jsx(m, {}), e[6] = m, e[7] = u, e[8] = v) : v = e[8];
 	let y;
-	e[2] === f ? y = e[3] : (y = f && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(RunsNav, {}),
-		/* @__PURE__ */ jsx(WorkspacesNav, {}),
-		/* @__PURE__ */ jsx(FavouritesNav, {})
-	] }), e[2] = f, e[3] = y);
-	let b;
-	e[4] === y ? b = e[5] : (b = /* @__PURE__ */ jsx(SidebarContent, { children: y }), e[4] = y, e[5] = b);
-	let x;
-	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, {
+	return e[9] !== h || e[10] !== _ || e[11] !== v ? (y = /* @__PURE__ */ jsxs(Sidebar, {
 		collapsible: "icon",
 		children: [
-			v,
-			b,
-			x
+			h,
+			_,
+			v
 		]
-	}), e[9] = v, e[10] = b, e[11] = x, e[12] = S) : S = e[12], S;
+	}), e[9] = h, e[10] = _, e[11] = v, e[12] = y) : y = e[12], y;
 };
 export { StudioSidebar };