@loopstack/loopstack-studio 0.21.3 → 0.23.0

package/dist/api/auth.js

@@ -0,0 +1,10 @@
+function createAuthApi(e) {
+	return {
+		me: () => e.get("/api/v1/auth/me").then((e) => e.data),
+		getInfo: () => e.get("/api/v1/auth/worker/health").then((e) => e.data),
+		hubLogin: (t) => e.post("/api/v1/auth/oauth/hub", t.hubLoginRequestDto).then((e) => e.data),
+		refresh: () => e.post("/api/v1/auth/refresh").then((e) => e.data),
+		logout: () => e.post("/api/v1/auth/logout").then((e) => e.data)
+	};
+}
+export { createAuthApi };

package/dist/api/client.js

@@ -0,0 +1,13 @@
+import { ApiClientEvents } from "../events/api-client-events.js";
+import { eventBus } from "../services/eventEmitter.js";
+import "../services/index.js";
+import axios from "axios";
+function createAxiosClient(r, i) {
+	let a = axios.create({
+		baseURL: r,
+		withCredentials: !0,
+		headers: { "Content-Type": "application/json" }
+	});
+	return a.interceptors.response.use((e) => e, (n) => (n.response?.status && [401, 403].includes(n.response.status) && eventBus.emit(ApiClientEvents.UNAUTHORIZED, i), n.code === "ERR_NETWORK" && (console.error("Connection refused - server may be down"), eventBus.emit(ApiClientEvents.ERR_NETWORK, i)), Promise.reject(n))), a;
+}
+export { createAxiosClient };

package/dist/api/config.js

@@ -0,0 +1,10 @@
+function createConfigApi(e) {
+	return {
+		getWorkspaceTypes: () => e.get("/api/v1/config/workspaces").then((e) => e.data),
+		getPipelineTypesByWorkspace: (t) => e.get(`/api/v1/config/workspaces/${encodeURIComponent(t.workspaceBlockName)}/pipelines`).then((e) => e.data),
+		getPipelineConfigByName: (t) => e.get(`/api/v1/config/workspaces/${encodeURIComponent(t.workspaceBlockName)}/pipelines/${encodeURIComponent(t.pipelineName)}`).then((e) => e.data),
+		getPipelineSourceByName: (t) => e.get(`/api/v1/config/workspaces/${encodeURIComponent(t.workspaceBlockName)}/pipelines/${encodeURIComponent(t.pipelineName)}/source`).then((e) => e.data),
+		getAvailableEnvironments: () => e.get("/api/v1/config/environments").then((e) => e.data)
+	};
+}
+export { createConfigApi };

package/dist/api/dashboard.js

@@ -0,0 +1,4 @@
+function createDashboardApi(e) {
+	return { getStats: () => e.get("/api/v1/dashboard").then((e) => e.data) };
+}
+export { createDashboardApi };

package/dist/api/documents.js

@@ -0,0 +1,7 @@
+function createDocumentsApi(e) {
+	return {
+		getById: (t) => e.get(`/api/v1/documents/${t.id}`).then((e) => e.data),
+		getAll: (t) => e.get("/api/v1/documents", { params: t }).then((e) => e.data)
+	};
+}
+export { createDocumentsApi };

package/dist/api/index.js

@@ -0,0 +1,24 @@
+import { createAuthApi } from "./auth.js";
+import { createConfigApi } from "./config.js";
+import { createDashboardApi } from "./dashboard.js";
+import { createDocumentsApi } from "./documents.js";
+import { createNamespacesApi } from "./namespaces.js";
+import { createPipelinesApi } from "./pipelines.js";
+import { createProcessorApi } from "./processor.js";
+import { createWorkflowsApi } from "./workflows.js";
+import { createWorkspacesApi } from "./workspaces.js";
+import { createAxiosClient } from "./client.js";
+function createApi(u) {
+	return {
+		auth: createAuthApi(u),
+		config: createConfigApi(u),
+		dashboard: createDashboardApi(u),
+		documents: createDocumentsApi(u),
+		namespaces: createNamespacesApi(u),
+		pipelines: createPipelinesApi(u),
+		processor: createProcessorApi(u),
+		workflows: createWorkflowsApi(u),
+		workspaces: createWorkspacesApi(u)
+	};
+}
+export { createApi };

package/dist/api/namespaces.js

@@ -0,0 +1,7 @@
+function createNamespacesApi(e) {
+	return {
+		getById: (t) => e.get(`/api/v1/namespaces/${t.id}`).then((e) => e.data),
+		getAll: (t) => e.get("/api/v1/namespaces", { params: t }).then((e) => e.data)
+	};
+}
+export { createNamespacesApi };

package/dist/api/pipelines.js

@@ -0,0 +1,13 @@
+function createPipelinesApi(e) {
+	return {
+		getById: (t) => e.get(`/api/v1/pipelines/${t.id}`).then((e) => e.data),
+		getAll: (t) => e.get("/api/v1/pipelines", { params: t }).then((e) => e.data),
+		create: (t) => e.post("/api/v1/pipelines", t.pipelineCreateDto).then((e) => e.data),
+		update: (t) => e.put(`/api/v1/pipelines/${t.id}`, t.pipelineUpdateDto).then((e) => e.data),
+		delete: (t) => e.delete(`/api/v1/pipelines/id/${t.id}`).then((e) => e.data),
+		batchDelete: (t) => e.delete("/api/v1/pipelines/batch", { data: { ids: t.ids } }).then((e) => e.data),
+		getFileTree: (t) => e.get(`/api/v1/pipelines/${t.pipelineId}/files`).then((e) => e.data),
+		getFileContent: (t) => e.get(`/api/v1/pipelines/${t.pipelineId}/files/${t.filePath}`).then((e) => e.data)
+	};
+}
+export { createPipelinesApi };

package/dist/api/processor.js

@@ -0,0 +1,4 @@
+function createProcessorApi(e) {
+	return { runPipeline: (t) => e.post(`/api/v1/processor/run/${t.pipelineId}`, t.runPipelinePayloadDto, t.force === void 0 ? void 0 : { params: { force: t.force } }).then((e) => e.data) };
+}
+export { createProcessorApi };

package/dist/api/workflows.js

@@ -0,0 +1,8 @@
+function createWorkflowsApi(e) {
+	return {
+		getById: (t) => e.get(`/api/v1/workflows/${t.id}`).then((e) => e.data),
+		getAll: (t) => e.get("/api/v1/workflows", { params: t }).then((e) => e.data),
+		delete: (t) => e.delete(`/api/v1/workflows/${t.id}`).then((e) => e.data)
+	};
+}
+export { createWorkflowsApi };

package/dist/api/workspaces.js

@@ -0,0 +1,12 @@
+function createWorkspacesApi(e) {
+	return {
+		getById: (t) => e.get(`/api/v1/workspaces/${t.id}`).then((e) => e.data),
+		getAll: (t) => e.get("/api/v1/workspaces", { params: t }).then((e) => e.data),
+		create: (t) => e.post("/api/v1/workspaces", t.workspaceCreateDto).then((e) => e.data),
+		update: (t) => e.put(`/api/v1/workspaces/${t.id}`, t.workspaceUpdateDto).then((e) => e.data),
+		delete: (t) => e.delete(`/api/v1/workspaces/id/${t.id}`).then((e) => e.data),
+		batchDelete: (t) => e.delete("/api/v1/workspaces/batch", { data: { ids: t.ids } }).then((e) => e.data),
+		setFavourite: (t) => e.patch(`/api/v1/workspaces/${t.id}/favourite`, t.workspaceFavouriteDto).then((e) => e.data)
+	};
+}
+export { createWorkspacesApi };

package/dist/app/EnvironmentEmbedRoot.js

@@ -0,0 +1,35 @@
+import { StudioProvider } from "../providers/StudioProvider.js";
+import { SseProvider } from "../providers/SseProvider.js";
+import { InvalidationEventsProvider } from "../providers/InvalidationEventsProvider.js";
+import { useRouter } from "../routing/LocalRouter.js";
+import LocalHealthCheck_default from "../features/health/LocalHealthCheck.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";
+function EnvironmentEmbedRoot() {
+	let f = c(14), [p] = useSearchParams(), m;
+	f[0] === p ? m = f[1] : (m = p.get("url") ?? "http://localhost:3080", f[0] = p, f[1] = m);
+	let h = m, g;
+	f[2] === p ? g = f[3] : (g = p.get("name") ?? "Preview Environment", f[2] = p, f[3] = g);
+	let _ = g, v;
+	f[4] !== _ || f[5] !== h ? (v = {
+		id: "preview-env",
+		name: _,
+		url: h
+	}, f[4] = _, f[5] = h, f[6] = v) : v = f[6];
+	let y = v, b = useRouter(y.id, "/embed/env"), x, S, C, w;
+	f[7] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx(LocalHealthCheck_default, {}), S = /* @__PURE__ */ jsx(SseProvider, {}), C = /* @__PURE__ */ jsx(InvalidationEventsProvider, {}), w = /* @__PURE__ */ jsx(Outlet, {}), f[7] = x, f[8] = S, f[9] = C, f[10] = w) : (x = f[7], S = f[8], C = f[9], w = f[10]);
+	let T;
+	return f[11] !== y || f[12] !== b ? (T = /* @__PURE__ */ jsx(QueryProvider, { children: /* @__PURE__ */ jsxs(StudioProvider, {
+		router: b,
+		environment: y,
+		children: [
+			x,
+			S,
+			C,
+			w
+		]
+	}) }), f[11] = y, f[12] = b, f[13] = T) : T = f[13], T;
+}
+export { EnvironmentEmbedRoot as default };

package/dist/components/data-table/DataTableFilters.js

@@ -4,80 +4,91 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
-var DataTableFilters_default = (m) => {
-	let h = c(21), { filters: g, filterConfig: _, onFiltersChange: v, isOpen: y } = m;
-	if (!y) return null;
-	let b;
-	h[0] !== g || h[1] !== v ? (b = (e, u) => {
-		let d = { ...g };
-		u === "all" ? delete d[e] : d[e] = u, v?.(d);
-	}, h[0] = g, h[1] = v, h[2] = b) : b = h[2];
-	let x = b, S;
-	h[3] === v ? S = h[4] : (S = () => {
-		v?.({});
-	}, h[3] = v, h[4] = S);
+function getOptionValue(e) {
+	return typeof e == "string" ? e : e.value;
+}
+function getOptionLabel(e) {
+	return typeof e == "string" ? e : e.label;
+}
+var DataTableFilters_default = (g) => {
+	let _ = c(20), { filters: v, filterConfig: y, onFiltersChange: b, isOpen: x } = g;
+	if (!x) return null;
+	let S;
+	_[0] !== v || _[1] !== b ? (S = (e, d) => {
+		let f = { ...v };
+		d === "all" ? delete f[e] : f[e] = d, b?.(f);
+	}, _[0] = v, _[1] = b, _[2] = S) : S = _[2];
 	let C = S, w;
-	h[5] === g ? w = h[6] : (w = Object.entries(g).filter(_temp), h[5] = g, h[6] = w);
-	let T = w, E;
-	h[7] !== _ || h[8] !== g || h[9] !== x ? (E = Object.entries(_).map((e) => {
-		let [u, p] = e;
-		return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Select, {
-			value: g[u] || "all",
-			onValueChange: (e) => x(u, e),
-			children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${u}` }) }), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsxs(SelectItem, {
-				value: "all",
-				children: ["All ", u]
-			}), p.map(_temp2)] })]
-		}) }, u);
-	}), h[7] = _, h[8] = g, h[9] = x, h[10] = E) : E = h[10];
-	let D;
-	h[11] !== T || h[12] !== x ? (D = T.length > 0 && /* @__PURE__ */ jsx("div", {
-		className: "flex flex-wrap gap-2",
-		children: T.map((e) => {
-			let [d, f] = e;
-			return /* @__PURE__ */ jsxs(Badge, {
-				variant: "secondary",
-				className: "flex items-center gap-1",
-				children: [
-					d,
-					": ",
-					f,
-					/* @__PURE__ */ jsx("button", {
-						onClick: () => {
-							x(d, "all");
-						},
-						children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 cursor-pointer" })
-					})
-				]
-			}, d);
-		})
-	}), h[11] = T, h[12] = x, h[13] = D) : D = h[13];
-	let O;
-	h[14] !== T.length || h[15] !== C ? (O = T.length > 0 && /* @__PURE__ */ jsx(Button, {
+	_[3] === b ? w = _[4] : (w = () => {
+		b?.({});
+	}, _[3] = b, _[4] = w);
+	let T = w, E, D, O, k;
+	if (_[5] !== y || _[6] !== v || _[7] !== C) {
+		E = Object.entries(v).filter(_temp);
+		let e = (e, d) => {
+			let f = y[e];
+			if (!f) return d;
+			let p = f.find((e) => getOptionValue(e) === d);
+			return p ? getOptionLabel(p) : d;
+		};
+		D = "flex flex-wrap gap-4", O = Object.entries(y).map((e) => {
+			let [d, h] = e;
+			return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Select, {
+				value: v[d] || "all",
+				onValueChange: (e) => C(d, e),
+				children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${d}` }) }), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsxs(SelectItem, {
+					value: "all",
+					children: ["All ", d]
+				}), h.map(_temp2)] })]
+			}) }, d);
+		}), k = E.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "flex flex-wrap gap-2",
+			children: E.map((f) => {
+				let [p, m] = f;
+				return /* @__PURE__ */ jsxs(Badge, {
+					variant: "secondary",
+					className: "flex items-center gap-1",
+					children: [
+						p,
+						": ",
+						e(p, m),
+						/* @__PURE__ */ jsx("button", {
+							onClick: () => {
+								C(p, "all");
+							},
+							children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 cursor-pointer" })
+						})
+					]
+				}, p);
+			})
+		}), _[5] = y, _[6] = v, _[7] = C, _[8] = E, _[9] = D, _[10] = O, _[11] = k;
+	} else E = _[8], D = _[9], O = _[10], k = _[11];
+	let A;
+	_[12] !== E.length || _[13] !== T ? (A = E.length > 0 && /* @__PURE__ */ jsx(Button, {
 		variant: "outline",
 		size: "sm",
-		onClick: C,
+		onClick: T,
 		className: "ml-auto",
 		children: "Clear All"
-	}), h[14] = T.length, h[15] = C, h[16] = O) : O = h[16];
-	let k;
-	return h[17] !== E || h[18] !== D || h[19] !== O ? (k = /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-wrap gap-4",
+	}), _[12] = E.length, _[13] = T, _[14] = A) : A = _[14];
+	let j;
+	return _[15] !== D || _[16] !== O || _[17] !== k || _[18] !== A ? (j = /* @__PURE__ */ jsxs("div", {
+		className: D,
 		children: [
-			E,
-			D,
-			O
+			O,
+			k,
+			A
 		]
-	}), h[17] = E, h[18] = D, h[19] = O, h[20] = k) : k = h[20], k;
+	}), _[15] = D, _[16] = O, _[17] = k, _[18] = A, _[19] = j) : j = _[19], j;
 };
 function _temp(e) {
-	let [, u] = e;
-	return u;
+	let [, d] = e;
+	return d;
 }
 function _temp2(e) {
 	return /* @__PURE__ */ jsx(SelectItem, {
-		value: e,
-		children: e
-	}, e);
+		value: getOptionValue(e),
+		children: getOptionLabel(e)
+	}, getOptionValue(e));
 }
 export { DataTableFilters_default as default };

package/dist/components/feedback/ErrorBoundary.js

@@ -0,0 +1,43 @@
+import { Button } from "../ui/button.js";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { Component } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle } from "lucide-react";
+var ErrorBoundary = class extends Component {
+	state = {
+		hasError: !1,
+		error: null
+	};
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, c) {}
+	handleRetry = () => {
+		this.props.onRetry ? this.props.onRetry() : this.setState({
+			hasError: !1,
+			error: null
+		});
+	};
+	render() {
+		return this.state.hasError && this.state.error ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-[200px] flex-col items-center justify-center gap-4 p-6",
+			children: [/* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				className: "max-w-lg",
+				children: [
+					/* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+					/* @__PURE__ */ jsx(AlertTitle, { children: "Something went wrong" }),
+					/* @__PURE__ */ jsxs(AlertDescription, { children: [this.state.error.message, !1] })
+				]
+			}), /* @__PURE__ */ jsx(Button, {
+				onClick: this.handleRetry,
+				variant: "outline",
+				children: "Try again"
+			})]
+		}) : this.props.children;
+	}
+};
+export { ErrorBoundary };

package/dist/components/{LoadingCentered.js → feedback/LoadingCentered.js}

@@ -1,4 +1,4 @@
-import { cn } from "../lib/utils.js";
+import { cn } from "../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/components/feedback/index.js

@@ -0,0 +1,5 @@
+import { ErrorBoundary } from "./ErrorBoundary.js";
+import LoadingCentered_default from "./LoadingCentered.js";
+import Snackbar_default from "./Snackbar.js";
+import ErrorSnackbar_default from "./ErrorSnackbar.js";
+import ErrorAlert_default from "./ErrorAlert.js";

package/dist/components/index.js

@@ -40,6 +40,9 @@ import { DataList } from "./data-table/DataList.js";
 import ListView_default from "./lists/ListView.js";
 import CustomListView_default from "./lists/CustomListView.js";
 import CompletionMessagePaper_default from "./messages/CompletionMessagePaper.js";
-import Snackbar_default from "./snackbars/Snackbar.js";
-import ErrorSnackbar_default from "./snackbars/ErrorSnackbar.js";
-import LoadingCentered_default from "./LoadingCentered.js";
+import { ErrorBoundary } from "./feedback/ErrorBoundary.js";
+import LoadingCentered_default from "./feedback/LoadingCentered.js";
+import Snackbar_default from "./feedback/Snackbar.js";
+import ErrorSnackbar_default from "./feedback/ErrorSnackbar.js";
+import ErrorAlert_default from "./feedback/ErrorAlert.js";
+import "./feedback/index.js";

package/dist/components/layout/MainLayout.js

@@ -1,23 +1,42 @@
+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 { 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(PageBreadcrumbs_default, { breadcrumbData: s }), a[0] = s, a[1] = u);
-	let d;
-	a[2] !== l || a[3] !== u ? (d = /* @__PURE__ */ jsxs("div", {
-		className: "flex min-h-[60px] items-center justify-between",
-		children: [u, l]
-	}), a[2] = l, a[3] = u, a[4] = d) : d = a[4];
+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;
-	a[5] === o ? f = a[6] : (f = /* @__PURE__ */ jsx("div", {
-		className: "space-y-6",
-		children: o
-	}), a[5] = o, a[6] = f);
+	o[1] === l ? f = o[2] : (f = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [d, /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: l })]
+	}), o[1] = l, o[2] = f);
 	let p;
-	return a[7] !== d || a[8] !== f ? (p = /* @__PURE__ */ jsxs("div", {
-		className: "px-4",
-		children: [d, f]
-	}), a[7] = d, a[8] = f, a[9] = p) : p = a[9], p;
+	o[3] !== u || o[4] !== f ? (p = /* @__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", {
+		className: "flex-1 overflow-auto p-4",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "space-y-6",
+			children: s
+		})
+	}), o[6] = s, o[7] = m);
+	let h;
+	return o[8] !== p || o[9] !== m ? (h = /* @__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;
 };
 export { MainLayout_default as default };

package/dist/components/layout/StudioSidebar.js

@@ -0,0 +1,165 @@
+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 { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Link, useLocation } from "react-router-dom";
+import { CircleAlert, Info, LayoutDashboard, LayoutGrid, 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",
+		children: [/* @__PURE__ */ jsx("img", {
+			src: "/loopstack.svg",
+			alt: "Loopstack",
+			className: "h-6 w-6"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "text-sm font-semibold",
+			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;
+}, 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 = {
+		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);
+	let A;
+	u[8] !== E || u[9] !== k ? (A = /* @__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);
+	let F;
+	u[15] !== P || u[16] !== j ? (F = /* @__PURE__ */ jsx(SidebarMenuButton, {
+		asChild: !0,
+		isActive: j,
+		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);
+	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];
+	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;
+}, 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, {
+		asChild: !0,
+		isActive: h,
+		tooltip: "My Workspaces",
+		children: C
+	}) }) }) })] }), u[8] = h, u[9] = C, u[10] = w) : w = u[10], w;
+}, 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 = {
+		label: "Dashboard",
+		href: p,
+		icon: LayoutDashboard
+	}, u[2] = p, u[3] = 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 = {
+		label: "Workflows",
+		href: h,
+		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];
+	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, {
+		asChild: !0,
+		isActive: d.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;
+}, 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 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, {
+		asChild: !0,
+		isActive: g,
+		size: "sm",
+		tooltip: "Info",
+		children: y
+	}) }) }) }), u[6] = g, u[7] = y, u[8] = x) : x = u[8], x;
+};
+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: [
+		/* @__PURE__ */ jsx(RunsNav, {}),
+		/* @__PURE__ */ jsx(WorkspacesNav, {}),
+		/* @__PURE__ */ jsx(InsightsNav, {})
+	] }), e[2] = h, 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] !== _ || 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, {
+		collapsible: "icon",
+		children: [
+			v,
+			b,
+			x
+		]
+	}), e[9] = v, e[10] = b, e[11] = x, e[12] = S) : S = e[12], S;
+};
+export { StudioSidebar };

package/dist/components/page/PageBreadcrumbs.js

@@ -10,7 +10,7 @@ var PageBreadcrumbs_default = (p) => {
 		e.preventDefault(), _(d);
 	}, m[0] = _, m[1] = v);
 	let y = v, b;
-	m[2] === g ? b = m[3] : (b = cn("ml-3 mb-2", g), m[2] = g, m[3] = b);
+	m[2] === g ? b = m[3] : (b = cn("ml-3", g), m[2] = g, m[3] = b);
 	let x;
 	if (m[4] !== h || m[5] !== y) {
 		let e;