@loopstack/loopstack-studio 0.30.0 → 0.31.0

package/dist/features/runs/Runs.js

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

package/dist/features/workbench/components/WorkbenchIconSidebar.js

@@ -1,4 +1,3 @@
-import { useStudio } from "../../../providers/StudioProvider.js";
 import { cn } from "../../../lib/utils.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.js";
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
@@ -6,131 +5,97 @@ import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvid
 import "../../feature-registry/index.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Link, useLocation } from "react-router-dom";
-import { Home, MonitorPlay, Play, Server } from "lucide-react";
-function IconButton(e) {
-	let l = c(12), { icon: u, label: f, active: p, disabled: m, onClick: h } = e, g = m ? void 0 : h, _ = m ? "text-muted-foreground/40 cursor-not-allowed" : p ? "bg-foreground text-background hover:cursor-pointer" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground hover:cursor-pointer", v;
-	l[0] === _ ? v = l[1] : (v = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors", _), l[0] = _, l[1] = v);
-	let y;
-	l[2] !== m || l[3] !== u || l[4] !== g || l[5] !== v ? (y = /* @__PURE__ */ jsx(TooltipTrigger, {
-		asChild: !0,
-		children: /* @__PURE__ */ jsx("button", {
-			onClick: g,
-			disabled: m,
-			className: v,
-			children: u
-		})
-	}), l[2] = m, l[3] = u, l[4] = g, l[5] = v, l[6] = y) : y = l[6];
-	let b;
-	l[7] === f ? b = l[8] : (b = /* @__PURE__ */ jsx(TooltipContent, {
-		side: "left",
-		children: f
-	}), l[7] = f, l[8] = b);
-	let x;
-	return l[9] !== y || l[10] !== b ? (x = /* @__PURE__ */ jsxs(Tooltip, { children: [y, b] }), l[9] = y, l[10] = b, l[11] = x) : x = l[11], x;
-}
-function IconLink(e) {
-	let l = c(11), { icon: u, label: p, to: m, active: h } = e, g = h ? "bg-foreground text-background" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground", _;
-	l[0] === g ? _ = l[1] : (_ = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors", g), l[0] = g, l[1] = _);
+import { MonitorPlay, Play, Server } from "lucide-react";
+function IconButton(a) {
+	let o = c(12), { icon: u, label: d, active: f, disabled: p, onClick: m } = a, h = p ? void 0 : m, g = p ? "text-muted-foreground/40 cursor-not-allowed" : f ? "bg-foreground text-background hover:cursor-pointer" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground hover:cursor-pointer", _;
+	o[0] === g ? _ = o[1] : (_ = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors", g), o[0] = g, o[1] = _);
 	let v;
-	l[2] !== u || l[3] !== _ || l[4] !== m ? (v = /* @__PURE__ */ jsx(TooltipTrigger, {
+	o[2] !== p || o[3] !== u || o[4] !== h || o[5] !== _ ? (v = /* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
-		children: /* @__PURE__ */ jsx(Link, {
-			to: m,
+		children: /* @__PURE__ */ jsx("button", {
+			onClick: h,
+			disabled: p,
 			className: _,
 			children: u
 		})
-	}), l[2] = u, l[3] = _, l[4] = m, l[5] = v) : v = l[5];
+	}), o[2] = p, o[3] = u, o[4] = h, o[5] = _, o[6] = v) : v = o[6];
 	let y;
-	l[6] === p ? y = l[7] : (y = /* @__PURE__ */ jsx(TooltipContent, {
+	o[7] === d ? y = o[8] : (y = /* @__PURE__ */ jsx(TooltipContent, {
 		side: "left",
-		children: p
-	}), l[6] = p, l[7] = y);
+		children: d
+	}), o[7] = d, o[8] = y);
 	let b;
-	return l[8] !== v || l[9] !== y ? (b = /* @__PURE__ */ jsxs(Tooltip, { children: [v, y] }), l[8] = v, l[9] = y, l[10] = b) : b = l[10], b;
+	return o[9] !== v || o[10] !== y ? (b = /* @__PURE__ */ jsxs(Tooltip, { children: [v, y] }), o[9] = v, o[10] = y, o[11] = b) : b = o[11], b;
 }
 function WorkbenchIconSidebar() {
-	let i = c(65), { previewPanelEnabled: a, activePanel: o, togglePanel: s, environments: f, workspaceId: b } = useWorkbenchLayout(), { router: C } = useStudio(), w = useLocation(), T = useFeatureRegistry(), E;
-	i[0] === f ? E = i[1] : (E = f?.some(_temp) ?? !1, i[0] = f, i[1] = E);
-	let D = E, O;
-	i[2] !== C || i[3] !== b ? (O = C.getWorkspace(b), i[2] = C, i[3] = b, i[4] = O) : O = i[4];
-	let k = O, A, j, M, N, P, F, I, L;
-	if (i[5] !== o || i[6] !== T || i[7] !== D || i[8] !== w.pathname || i[9] !== a || i[10] !== s || i[11] !== k) {
-		let e = T.filter(_temp2).map(_temp3);
-		P = "border-l bg-background flex w-12 shrink-0 flex-col items-center", i[20] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ jsx("div", { className: "flex h-12 shrink-0 items-center justify-center border-b w-full" }), i[20] = F) : F = i[20];
-		let l;
-		i[21] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ jsx(Home, { className: "h-5 w-5" }), i[21] = l) : l = i[21];
-		let u = w.pathname === k, d;
-		i[22] !== u || i[23] !== k ? (d = /* @__PURE__ */ jsx(IconLink, {
-			icon: l,
-			label: "Workspace",
-			to: k,
-			active: u
-		}), i[22] = u, i[23] = k, i[24] = d) : d = i[24];
-		let f;
-		i[25] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(Play, { className: "h-5 w-5" }), i[25] = f) : f = i[25];
-		let p = o === "runs", b;
-		i[26] === s ? b = i[27] : (b = () => s("runs"), i[26] = s, i[27] = b);
-		let S;
-		i[28] !== p || i[29] !== b ? (S = /* @__PURE__ */ jsx(IconButton, {
-			icon: f,
-			label: "Runs",
-			active: p,
-			onClick: b
-		}), i[28] = p, i[29] = b, i[30] = S) : S = i[30], i[31] !== d || i[32] !== S ? (I = /* @__PURE__ */ jsxs("div", {
+	let e = c(53), { previewPanelEnabled: n, activePanel: r, togglePanel: i, environments: m } = useWorkbenchLayout(), v = useFeatureRegistry(), y;
+	e[0] === m ? y = e[1] : (y = m?.some(_temp) ?? !1, e[0] = m, e[1] = y);
+	let b = y, x, S, C, w, T, E, D, O;
+	if (e[2] !== r || e[3] !== v || e[4] !== b || e[5] !== n || e[6] !== i) {
+		let a = v.filter(_temp2).map(_temp3);
+		T = "border-l bg-background flex w-12 shrink-0 flex-col items-center", e[15] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx("div", { className: "flex h-12 shrink-0 items-center justify-center border-b w-full" }), e[15] = E) : E = e[15];
+		let o;
+		e[16] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ jsx(Play, { className: "h-5 w-5" }), e[16] = o) : o = e[16];
+		let s = r === "runs", l;
+		e[17] === i ? l = e[18] : (l = () => i("runs"), e[17] = i, e[18] = l), e[19] !== s || e[20] !== l ? (D = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col items-center gap-1 py-2",
-			children: [d, S]
-		}), i[31] = d, i[32] = S, i[33] = I) : I = i[33], i[34] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ jsx("div", { className: "mx-2 w-6 border-t" }), i[34] = L) : L = i[34], A = "flex flex-col items-center gap-1 py-2";
-		let C;
-		i[35] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-5 w-5" }), i[35] = C) : C = i[35];
-		let E = a ? "Environment Preview" : "Preview not available for this environment", O = o === "preview", R = !a, z;
-		i[36] === s ? z = i[37] : (z = () => s("preview"), i[36] = s, i[37] = z), i[38] !== E || i[39] !== O || i[40] !== R || i[41] !== z ? (j = /* @__PURE__ */ jsx(IconButton, {
-			icon: C,
-			label: E,
-			active: O,
-			disabled: R,
-			onClick: z
-		}), i[38] = E, i[39] = O, i[40] = R, i[41] = z, i[42] = j) : j = i[42];
-		let B;
-		i[43] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(Server, { className: "h-5 w-5" }), i[43] = B) : B = i[43];
-		let V = D ? "Environment Settings" : "Settings not available for this environment", H = o === "environment", U = !D, W;
-		i[44] === s ? W = i[45] : (W = () => s("environment"), i[44] = s, i[45] = W), i[46] !== V || i[47] !== H || i[48] !== U || i[49] !== W ? (M = /* @__PURE__ */ jsx(IconButton, {
-			icon: B,
-			label: V,
-			active: H,
-			disabled: U,
-			onClick: W
-		}), i[46] = V, i[47] = H, i[48] = U, i[49] = W, i[50] = M) : M = i[50];
-		let G;
-		i[51] !== o || i[52] !== s ? (G = (e) => {
-			let i = e.icon;
+			children: /* @__PURE__ */ jsx(IconButton, {
+				icon: o,
+				label: "Runs",
+				active: s,
+				onClick: l
+			})
+		}), e[19] = s, e[20] = l, e[21] = D) : D = e[21], e[22] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ jsx("div", { className: "mx-2 w-6 border-t" }), e[22] = O) : O = e[22], x = "flex flex-col items-center gap-1 py-2";
+		let m;
+		e[23] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-5 w-5" }), e[23] = m) : m = e[23];
+		let _ = n ? "Environment Preview" : "Preview not available for this environment", y = r === "preview", k = !n, A;
+		e[24] === i ? A = e[25] : (A = () => i("preview"), e[24] = i, e[25] = A), e[26] !== _ || e[27] !== y || e[28] !== k || e[29] !== A ? (S = /* @__PURE__ */ jsx(IconButton, {
+			icon: m,
+			label: _,
+			active: y,
+			disabled: k,
+			onClick: A
+		}), e[26] = _, e[27] = y, e[28] = k, e[29] = A, e[30] = S) : S = e[30];
+		let j;
+		e[31] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ jsx(Server, { className: "h-5 w-5" }), e[31] = j) : j = e[31];
+		let M = b ? "Environment Settings" : "Settings not available for this environment", N = r === "environment", P = !b, F;
+		e[32] === i ? F = e[33] : (F = () => i("environment"), e[32] = i, e[33] = F), e[34] !== M || e[35] !== N || e[36] !== P || e[37] !== F ? (C = /* @__PURE__ */ jsx(IconButton, {
+			icon: j,
+			label: M,
+			active: N,
+			disabled: P,
+			onClick: F
+		}), e[34] = M, e[35] = N, e[36] = P, e[37] = F, e[38] = C) : C = e[38];
+		let I;
+		e[39] !== r || e[40] !== i ? (I = (e) => {
+			let n = e.icon;
 			return /* @__PURE__ */ jsx(IconButton, {
-				icon: /* @__PURE__ */ jsx(i, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ jsx(n, { className: "h-5 w-5" }),
 				label: e.label,
-				active: o === e.id,
-				onClick: () => s(e.id)
+				active: r === e.id,
+				onClick: () => i(e.id)
 			}, e.id);
-		}, i[51] = o, i[52] = s, i[53] = G) : G = i[53], N = e.map(G), i[5] = o, i[6] = T, i[7] = D, i[8] = w.pathname, i[9] = a, i[10] = s, i[11] = k, i[12] = A, i[13] = j, i[14] = M, i[15] = N, i[16] = P, i[17] = F, i[18] = I, i[19] = L;
-	} else A = i[12], j = i[13], M = i[14], N = i[15], P = i[16], F = i[17], I = i[18], L = i[19];
-	let R;
-	i[54] !== A || i[55] !== j || i[56] !== M || i[57] !== N ? (R = /* @__PURE__ */ jsxs("div", {
-		className: A,
+		}, e[39] = r, e[40] = i, e[41] = I) : I = e[41], w = a.map(I), e[2] = r, e[3] = v, e[4] = b, e[5] = n, e[6] = i, e[7] = x, e[8] = S, e[9] = C, e[10] = w, e[11] = T, e[12] = E, e[13] = D, e[14] = O;
+	} else x = e[7], S = e[8], C = e[9], w = e[10], T = e[11], E = e[12], D = e[13], O = e[14];
+	let k;
+	e[42] !== x || e[43] !== S || e[44] !== C || e[45] !== w ? (k = /* @__PURE__ */ jsxs("div", {
+		className: x,
 		children: [
-			j,
-			M,
-			N
+			S,
+			C,
+			w
 		]
-	}), i[54] = A, i[55] = j, i[56] = M, i[57] = N, i[58] = R) : R = i[58];
-	let z;
-	return i[59] !== R || i[60] !== P || i[61] !== F || i[62] !== I || i[63] !== L ? (z = /* @__PURE__ */ jsxs("div", {
-		className: P,
+	}), e[42] = x, e[43] = S, e[44] = C, e[45] = w, e[46] = k) : k = e[46];
+	let A;
+	return e[47] !== T || e[48] !== E || e[49] !== D || e[50] !== O || e[51] !== k ? (A = /* @__PURE__ */ jsxs("div", {
+		className: T,
 		children: [
-			F,
-			I,
-			L,
-			R
+			E,
+			D,
+			O,
+			k
 		]
-	}), i[59] = R, i[60] = P, i[61] = F, i[62] = I, i[63] = L, i[64] = z) : z = i[64], z;
+	}), e[47] = T, e[48] = E, e[49] = D, e[50] = O, e[51] = k, e[52] = A) : A = e[52], A;
 }
 function _temp3(e) {
 	return e.sidebarPanel;