@loopstack/loopstack-studio 0.30.0 → 0.31.1

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 };

package/dist/components/lists/ListView.js

@@ -2,78 +2,78 @@ import { DataTable } from "../data-table/DataTable.js";
 import { c } from "react/compiler-runtime";
 import React, { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
-var ListView_default = (t) => {
-	let n = c(61), { loading: r, error: i, items: a, totalItems: o, columns: s, filterConfig: l, deleteItem: u, onClick: d, handleNew: f, handleEdit: p, setPage: m, setRowsPerPage: h, setOrderBy: g, setOrder: _, setSearchTerm: v, setFilters: ae, orderBy: oe, order: se, searchTerm: ce, filters: y, page: b, rowsPerPage: x, batchActions: S, batchDelete: C, enableBatchActions: le, rowActions: w, deleteConfirmTitle: T, deleteConfirmDescription: E, newButtonLabel: D } = t, O = ce === void 0 ? "" : ce, k;
-	n[0] === S ? k = n[1] : (k = S === void 0 ? [] : S, n[0] = S, n[1] = k);
+var ListView_default = (ae) => {
+	let t = c(61), { loading: n, error: r, items: i, totalItems: a, columns: o, filterConfig: s, deleteItem: l, onClick: u, handleNew: d, handleEdit: f, setPage: p, setRowsPerPage: m, setOrderBy: h, setOrder: g, setSearchTerm: _, setFilters: oe, orderBy: se, order: v, searchTerm: ce, filters: y, page: b, rowsPerPage: x, batchActions: S, batchDelete: C, enableBatchActions: le, rowActions: w, deleteConfirmTitle: T, deleteConfirmDescription: E, newButtonLabel: D } = ae, O = ce === void 0 ? "" : ce, k;
+	t[0] === S ? k = t[1] : (k = S === void 0 ? [] : S, t[0] = S, t[1] = k);
 	let A = k, j = le === void 0 ? !0 : le, M;
-	n[2] === w ? M = n[3] : (M = w === void 0 ? [] : w, n[2] = w, n[3] = M);
+	t[2] === w ? M = t[3] : (M = w === void 0 ? [] : w, t[2] = w, t[3] = M);
 	let N = M, P;
-	n[4] === s ? P = n[5] : (P = s.map(_temp), n[4] = s, n[5] = P);
+	t[4] === o ? P = t[5] : (P = o.map(_temp), t[4] = o, t[5] = P);
 	let F = P, I;
-	n[6] === A ? I = n[7] : (I = A.map(_temp2), n[6] = A, n[7] = I);
+	t[6] === A ? I = t[7] : (I = A.map(_temp2), t[6] = A, t[7] = I);
 	let ue = I, L;
-	n[8] === N ? L = n[9] : (L = N.map(_temp3), n[8] = N, n[9] = L);
+	t[8] === N ? L = t[9] : (L = N.map(_temp3), t[8] = N, t[9] = L);
 	let R = L, z;
-	n[10] === m ? z = n[11] : (z = (e) => {
-		m(e);
-	}, n[10] = m, n[11] = z);
+	t[10] === p ? z = t[11] : (z = (e) => {
+		p(e);
+	}, t[10] = p, t[11] = z);
 	let B = z, V;
-	n[12] !== m || n[13] !== h ? (V = (e) => {
-		h(e), m(0);
-	}, n[12] = m, n[13] = h, n[14] = V) : V = n[14];
+	t[12] !== p || t[13] !== m ? (V = (e) => {
+		m(e), p(0);
+	}, t[12] = p, t[13] = m, t[14] = V) : V = t[14];
 	let H = V, U;
-	n[15] !== _ || n[16] !== g ? (U = (e, ie) => {
-		g(e), _(ie);
-	}, n[15] = _, n[16] = g, n[17] = U) : U = n[17];
+	t[15] !== g || t[16] !== h ? (U = (e, ie) => {
+		h(e), g(ie);
+	}, t[15] = g, t[16] = h, t[17] = U) : U = t[17];
 	let W = U, G;
-	n[18] !== m || n[19] !== v ? (G = (e) => {
-		v(e), m(0);
-	}, n[18] = m, n[19] = v, n[20] = G) : G = n[20];
+	t[18] !== p || t[19] !== _ ? (G = (e) => {
+		_(e), p(0);
+	}, t[18] = p, t[19] = _, t[20] = G) : G = t[20];
 	let K = G, q;
-	n[21] !== ae || n[22] !== m ? (q = (e) => {
-		ae(e), m(0);
-	}, n[21] = ae, n[22] = m, n[23] = q) : q = n[23];
+	t[21] !== oe || t[22] !== p ? (q = (e) => {
+		oe(e), p(0);
+	}, t[21] = oe, t[22] = p, t[23] = q) : q = t[23];
 	let J = q, Y;
-	n[24] === d ? Y = n[25] : (Y = (e) => {
-		d?.(e.id);
-	}, n[24] = d, n[25] = Y);
+	t[24] === u ? Y = t[25] : (Y = (e) => {
+		u?.(e.id);
+	}, t[24] = u, t[25] = Y);
 	let de = Y, X;
-	n[26] === p ? X = n[27] : (X = (e) => {
-		p?.(e);
-	}, n[26] = p, n[27] = X);
+	t[26] === f ? X = t[27] : (X = (e) => {
+		f?.(e);
+	}, t[26] = f, t[27] = X);
 	let fe = X, Z;
-	n[28] === u ? Z = n[29] : (Z = (e) => {
-		u?.(e);
-	}, n[28] = u, n[29] = Z);
+	t[28] === l ? Z = t[29] : (Z = (e) => {
+		l?.(e);
+	}, t[28] = l, t[29] = Z);
 	let pe = Z, Q;
-	n[30] === C ? Q = n[31] : (Q = async (e) => {
+	t[30] === C ? Q = t[31] : (Q = async (e) => {
 		C && await C(e);
-	}, n[30] = C, n[31] = Q);
-	let me = Q, he = d ? de : void 0, ge = p ? fe : void 0, _e = u ? pe : void 0, $;
-	return n[32] !== E || n[33] !== T || n[34] !== j || n[35] !== i || n[36] !== l || n[37] !== y || n[38] !== me || n[39] !== J || n[40] !== f || n[41] !== B || n[42] !== H || n[43] !== K || n[44] !== W || n[45] !== a || n[46] !== r || n[47] !== D || n[48] !== se || n[49] !== oe || n[50] !== b || n[51] !== x || n[52] !== O || n[53] !== he || n[54] !== ge || n[55] !== _e || n[56] !== o || n[57] !== ue || n[58] !== F || n[59] !== R ? ($ = /* @__PURE__ */ jsx("div", {
+	}, t[30] = C, t[31] = Q);
+	let me = Q, he = u ? de : void 0, ge = f ? fe : void 0, _e = l ? pe : void 0, $;
+	return t[32] !== E || t[33] !== T || t[34] !== j || t[35] !== r || t[36] !== s || t[37] !== y || t[38] !== me || t[39] !== J || t[40] !== d || t[41] !== B || t[42] !== H || t[43] !== K || t[44] !== W || t[45] !== i || t[46] !== n || t[47] !== D || t[48] !== v || t[49] !== se || t[50] !== b || t[51] !== x || t[52] !== O || t[53] !== he || t[54] !== ge || t[55] !== _e || t[56] !== a || t[57] !== ue || t[58] !== F || t[59] !== R ? ($ = /* @__PURE__ */ jsx("div", {
 		className: "w-full",
 		children: /* @__PURE__ */ jsx(DataTable, {
-			data: a,
+			data: i,
 			columns: F,
-			totalItems: o,
-			loading: r,
-			error: i,
+			totalItems: a,
+			loading: n,
+			error: r,
 			page: b,
 			pageSize: x,
 			onPageChange: B,
 			onPageSizeChange: H,
-			sortBy: oe,
-			sortOrder: se,
+			sortBy: se,
+			sortOrder: v,
 			onSortChange: W,
 			searchTerm: O,
 			onSearchChange: K,
 			filters: y,
-			filterConfig: l,
+			filterConfig: s,
 			onFiltersChange: J,
 			onRowClick: he,
 			onEdit: ge,
 			onDelete: _e,
-			onNew: f,
+			onNew: d,
 			newButtonLabel: D,
 			enableBatchActions: j,
 			batchActions: ue,
@@ -82,7 +82,7 @@ var ListView_default = (t) => {
 			deleteConfirmTitle: T,
 			deleteConfirmDescription: E
 		})
-	}), n[32] = E, n[33] = T, n[34] = j, n[35] = i, n[36] = l, n[37] = y, n[38] = me, n[39] = J, n[40] = f, n[41] = B, n[42] = H, n[43] = K, n[44] = W, n[45] = a, n[46] = r, n[47] = D, n[48] = se, n[49] = oe, n[50] = b, n[51] = x, n[52] = O, n[53] = he, n[54] = ge, n[55] = _e, n[56] = o, n[57] = ue, n[58] = F, n[59] = R, n[60] = $) : $ = n[60], $;
+	}), t[32] = E, t[33] = T, t[34] = j, t[35] = r, t[36] = s, t[37] = y, t[38] = me, t[39] = J, t[40] = d, t[41] = B, t[42] = H, t[43] = K, t[44] = W, t[45] = i, t[46] = n, t[47] = D, t[48] = v, t[49] = se, t[50] = b, t[51] = x, t[52] = O, t[53] = he, t[54] = ge, t[55] = _e, t[56] = a, t[57] = ue, t[58] = F, t[59] = R, t[60] = $) : $ = t[60], $;
 };
 function _temp(e) {
 	return {
@@ -91,8 +91,8 @@ function _temp(e) {
 		minWidth: e.minWidth,
 		align: e.align,
 		sortable: !0,
-		format: e.format ? (ie) => {
-			let t = e.format(ie);
+		format: e.format ? (ie, ae) => {
+			let t = e.format(ie, ae);
 			return typeof t == "string" && t.includes("<") ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: t } }) : t;
 		} : void 0
 	};

package/dist/features/dashboard/AppLauncher.js

@@ -0,0 +1,84 @@
+import { useStudio } from "../../providers/StudioProvider.js";
+import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
+import { Button } from "../../components/ui/button.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/ui/card.js";
+import { Dialog, DialogContent } from "../../components/ui/dialog.js";
+import CreateWorkspace_default from "../workspaces/components/CreateWorkspace.js";
+import { c } from "react/compiler-runtime";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+import { Boxes, FolderOpen, Plus } from "lucide-react";
+function AppLauncher(x) {
+	let S = c(25), { apps: C } = x, { CreateWorkspace: w } = useComponentOverrides(), T = w ?? CreateWorkspace_default, { router: E } = useStudio(), [D, O] = useState(null), k;
+	S[0] === D ? k = S[1] : (k = D ? [{
+		appName: D.appName,
+		title: D.title,
+		environments: D.extensions?.environments ?? []
+	}] : [], S[0] = D, S[1] = k);
+	let A = k, j;
+	S[2] === E ? j = S[3] : (j = (e) => {
+		O(null), e && E.navigateToWorkspace(e.id);
+	}, S[2] = E, S[3] = j);
+	let M = j, N;
+	if (S[4] !== C || S[5] !== E) {
+		let e;
+		S[7] === E ? e = S[8] : (e = (e) => /* @__PURE__ */ jsxs(Card, {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Boxes, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx(CardTitle, {
+					className: "text-base",
+					children: e.title
+				})]
+			}), e.description && /* @__PURE__ */ jsx(CardDescription, { children: e.description })] }), /* @__PURE__ */ jsxs(CardContent, {
+				className: "mt-auto flex gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					className: "flex-1",
+					asChild: !0,
+					children: /* @__PURE__ */ jsxs(Link, {
+						to: `${E.getWorkspaces()}?appName=${encodeURIComponent(e.appName)}`,
+						children: [/* @__PURE__ */ jsx(FolderOpen, { className: "mr-1 h-4 w-4" }), "View Workspaces"]
+					})
+				}), /* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					size: "sm",
+					className: "flex-1",
+					onClick: () => O(e),
+					children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), "Create Workspace"]
+				})]
+			})]
+		}, e.appName), S[7] = E, S[8] = e), N = C.map(e), S[4] = C, S[5] = E, S[6] = N;
+	} else N = S[6];
+	let P;
+	S[9] === N ? P = S[10] : (P = /* @__PURE__ */ jsx("div", {
+		className: "mb-8",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
+			children: N
+		})
+	}), S[9] = N, S[10] = P);
+	let F = !!D, I;
+	S[11] === Symbol.for("react.memo_cache_sentinel") ? (I = (e) => !e && O(null), S[11] = I) : I = S[11];
+	let L;
+	S[12] !== T || S[13] !== A || S[14] !== M || S[15] !== D ? (L = D && /* @__PURE__ */ jsx(T, {
+		types: A,
+		onSuccess: M
+	}), S[12] = T, S[13] = A, S[14] = M, S[15] = D, S[16] = L) : L = S[16];
+	let R;
+	S[17] === L ? R = S[18] : (R = /* @__PURE__ */ jsx(DialogContent, {
+		className: "max-w-2xl",
+		children: L
+	}), S[17] = L, S[18] = R);
+	let z;
+	S[19] !== F || S[20] !== R ? (z = /* @__PURE__ */ jsx(Dialog, {
+		open: F,
+		onOpenChange: I,
+		children: R
+	}), S[19] = F, S[20] = R, S[21] = z) : z = S[21];
+	let B;
+	return S[22] !== P || S[23] !== z ? (B = /* @__PURE__ */ jsxs(Fragment$1, { children: [P, z] }), S[22] = P, S[23] = z, S[24] = B) : B = S[24], B;
+}
+export { AppLauncher as default };