@loopstack/loopstack-studio 0.30.0 → 0.31.1

package/dist/features/workspaces/Workspaces.js

@@ -6,80 +6,101 @@ import { Badge } from "../../components/ui/badge.js";
 import { Dialog, DialogContent } from "../../components/ui/dialog.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 CreateWorkspace_default from "./components/CreateWorkspace.js";
+import { useDebounce } from "../../hooks/useDebounce.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useSearchParams } from "react-router-dom";
 import { Star } from "lucide-react";
 var Workspaces_default = () => {
-	let n = c(67), { CreateWorkspace: ke, EditWorkspace: Ae } = useComponentOverrides(), je = ke ?? CreateWorkspace_default, Me = Ae ?? CreateWorkspace_default, { router: Ne } = useStudio(), [r] = useSearchParams(), [i, Pe] = useState(0), [a, Fe] = useState(10), [o, Ie] = useState("createdAt"), [s, Le] = useState("ASC"), [l, Re] = useState(), u;
+	let n = c(68), { CreateWorkspace: ke, EditWorkspace: Ae } = useComponentOverrides(), je = ke ?? CreateWorkspace_default, Me = Ae ?? CreateWorkspace_default, { router: Ne } = useStudio(), [r] = useSearchParams(), [i, Pe] = useState(0), [a, Fe] = useState(10), [o, Ie] = useState("createdAt"), [s, Le] = useState("ASC"), [l, Re] = useState(), u;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (u = {}, n[0] = u) : u = n[0];
-	let [d, ze] = useState(u), Be = useDebounce(l, 500), [f, p] = useState(!1), [m, Ve] = useState(void 0), h, g;
-	n[1] === r ? (h = n[2], g = n[3]) : (h = () => {
-		r.get("create") === "true" && p(!0);
-	}, g = [r], n[1] = r, n[2] = h, n[3] = g), useEffect(h, g);
-	let _ = useAppsConfig(), v;
-	n[4] === _.data ? v = n[5] : (v = _.data ?? [], n[4] = _.data, n[5] = v);
-	let y;
-	n[6] === v ? y = n[7] : (y = v.map(_temp), n[6] = v, n[7] = y);
-	let b = y, x = useFilterWorkspaces(Be, d, o, s, i, a), S = useDeleteWorkspace(), C = useBatchDeleteWorkspaces(), w = useSetFavouriteWorkspace(), T;
-	n[8] === S ? T = n[9] : (T = (e) => {
-		S.mutate(e);
-	}, n[8] = S, n[9] = T);
-	let E = T, D;
-	n[10] === C ? D = n[11] : (D = (e) => {
+	let [d, f] = useState(u), ze = useDebounce(l, 500), [p, m] = useState(!1), [h, Be] = useState(void 0), g, _;
+	n[1] === r ? (g = n[2], _ = n[3]) : (g = () => {
+		r.get("create") === "true" && m(!0);
+		let e = r.get("appName");
+		e && f((t) => ({
+			...t,
+			appName: e
+		}));
+	}, _ = [r], n[1] = r, n[2] = g, n[3] = _), useEffect(g, _);
+	let v = useAppsConfig(), y;
+	n[4] === v.data ? y = n[5] : (y = v.data ?? [], n[4] = v.data, n[5] = y);
+	let b;
+	n[6] === y ? b = n[7] : (b = y.map(_temp), n[6] = y, n[7] = b);
+	let x = b, S = useFilterWorkspaces(ze, d, o, s, i, a), C = useDeleteWorkspace(), w = useBatchDeleteWorkspaces(), T = useSetFavouriteWorkspace(), E;
+	n[8] === C ? E = n[9] : (E = (e) => {
 		C.mutate(e);
-	}, n[10] = C, n[11] = D);
-	let O = D, k;
-	n[12] === Symbol.for("react.memo_cache_sentinel") ? (k = () => {
-		p(!0);
-	}, n[12] = k) : k = n[12];
-	let He = k, A;
-	n[13] === Symbol.for("react.memo_cache_sentinel") ? (A = () => {
-		p(!1);
-	}, n[13] = A) : A = n[13];
-	let Ue = A, j;
-	n[14] === Ne ? j = n[15] : (j = (e) => {
+	}, n[8] = C, n[9] = E);
+	let D = E, O;
+	n[10] === w ? O = n[11] : (O = (e) => {
+		w.mutate(e);
+	}, n[10] = w, n[11] = O);
+	let k = O, A;
+	n[12] === Symbol.for("react.memo_cache_sentinel") ? (A = () => {
+		m(!0);
+	}, n[12] = A) : A = n[12];
+	let Ve = A, j;
+	n[13] === Symbol.for("react.memo_cache_sentinel") ? (j = () => {
+		m(!1);
+	}, n[13] = j) : j = n[13];
+	let He = j, M;
+	n[14] === Ne ? M = n[15] : (M = (e) => {
 		Ne.navigateToWorkspace(e);
-	}, n[14] = Ne, n[15] = j);
-	let M = j, N;
-	n[16] === Symbol.for("react.memo_cache_sentinel") ? (N = (e) => {
-		Ve(e);
-	}, n[16] = N) : N = n[16];
-	let We = N, P;
-	n[17] === Symbol.for("react.memo_cache_sentinel") ? (P = () => {
-		p(!1), Ve(void 0);
-	}, n[17] = P) : P = n[17];
-	let Ge = P, F = _.isPending || x.isPending, I = x.error ?? _.error ?? null, L;
-	n[18] === x.data?.data ? L = n[19] : (L = x.data?.data ?? [], n[18] = x.data?.data, n[19] = L);
-	let Ke = x.data?.total ?? 0, R;
-	n[20] === Symbol.for("react.memo_cache_sentinel") ? (R = {
+	}, n[14] = Ne, n[15] = M);
+	let N = M, P;
+	n[16] === Symbol.for("react.memo_cache_sentinel") ? (P = (e) => {
+		Be(e);
+	}, n[16] = P) : P = n[16];
+	let Ue = P, F;
+	n[17] === Symbol.for("react.memo_cache_sentinel") ? (F = () => {
+		m(!1), Be(void 0);
+	}, n[17] = F) : F = n[17];
+	let We = F, Ge = v.isPending || S.isPending, Ke = S.error ?? v.error ?? null, I;
+	n[18] === S.data?.data ? I = n[19] : (I = S.data?.data ?? [], n[18] = S.data?.data, n[19] = I);
+	let qe = S.data?.total ?? 0, L;
+	n[20] === Symbol.for("react.memo_cache_sentinel") ? (L = {
 		id: "id",
 		label: "ID",
 		minWidth: 30,
 		format: _temp2
-	}, n[20] = R) : R = n[20];
+	}, n[20] = L) : L = n[20];
+	let R;
+	n[21] === Symbol.for("react.memo_cache_sentinel") ? (R = {
+		id: "title",
+		label: "Title",
+		minWidth: 100,
+		format: (e) => /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ jsx(Badge, {
+				variant: "outline",
+				className: "hover:bg-primary/10 cursor-pointer",
+				onClick: () => f((t) => ({
+					...t,
+					appName: e
+				})),
+				children: e.length > 25 ? e.slice(0, 25) + "..." : e
+			})
+		}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: e }) })] }) })
+	}, n[21] = R) : R = n[21];
 	let z;
-	n[21] === Symbol.for("react.memo_cache_sentinel") ? (z = [
+	n[22] === Symbol.for("react.memo_cache_sentinel") ? (z = [
+		L,
 		R,
 		{
-			id: "title",
-			label: "Title",
+			id: "appName",
+			label: "App",
 			minWidth: 100,
-			format: (e) => /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-				asChild: !0,
-				children: /* @__PURE__ */ jsx(Badge, {
-					variant: "outline",
-					className: "hover:bg-primary/10 cursor-pointer",
-					onClick: () => ze((t) => ({
-						...t,
-						appName: e
-					})),
-					children: e.length > 25 ? e.slice(0, 25) + "..." : e
-				})
-			}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: e }) })] }) })
+			format: (e) => /* @__PURE__ */ jsx(Badge, {
+				variant: "outline",
+				className: "hover:bg-primary/10 cursor-pointer",
+				onClick: () => f((t) => ({
+					...t,
+					appName: e
+				})),
+				children: e
+			})
 		},
 		{
 			id: "environments",
@@ -93,108 +114,108 @@ var Workspaces_default = () => {
 			minWidth: 100,
 			format: _temp5
 		}
-	], n[21] = z) : z = n[21];
+	], n[22] = z) : z = n[22];
 	let B;
-	n[22] === Symbol.for("react.memo_cache_sentinel") ? (B = {}, n[22] = B) : B = n[22];
+	n[23] === Symbol.for("react.memo_cache_sentinel") ? (B = {}, n[23] = B) : B = n[23];
 	let V;
-	n[23] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4" }), n[23] = V) : V = n[23];
+	n[24] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4" }), n[24] = V) : V = n[24];
 	let H;
-	n[24] === w ? H = n[25] : (H = {
+	n[25] === T ? H = n[26] : (H = {
 		id: "add-favourite",
 		label: "Add to favourites",
 		icon: V,
 		condition: _temp6,
 		action: (e) => {
-			w.mutate({
+			T.mutate({
 				id: e.id,
 				isFavourite: !0
 			});
 		}
-	}, n[24] = w, n[25] = H);
+	}, n[25] = T, n[26] = H);
 	let U;
-	n[26] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4 fill-current" }), n[26] = U) : U = n[26];
+	n[27] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsx(Star, { className: "h-4 w-4 fill-current" }), n[27] = U) : U = n[27];
 	let W;
-	n[27] === w ? W = n[28] : (W = {
+	n[28] === T ? W = n[29] : (W = {
 		id: "remove-favourite",
 		label: "Remove from favourites",
 		icon: U,
 		condition: _temp7,
 		action: (e) => {
-			w.mutate({
+			T.mutate({
 				id: e.id,
 				isFavourite: !1
 			});
 		}
-	}, n[27] = w, n[28] = W);
+	}, n[28] = T, n[29] = W);
 	let G;
-	n[29] !== H || n[30] !== W ? (G = [H, W], n[29] = H, n[30] = W, n[31] = G) : G = n[31];
-	let qe = G, K;
-	n[32] !== d || n[33] !== O || n[34] !== E || n[35] !== M || n[36] !== s || n[37] !== o || n[38] !== i || n[39] !== a || n[40] !== l || n[41] !== F || n[42] !== I || n[43] !== L || n[44] !== Ke || n[45] !== qe ? (K = /* @__PURE__ */ jsx(ListView_default, {
-		loading: F,
-		error: I,
-		items: L,
-		totalItems: Ke,
+	n[30] !== H || n[31] !== W ? (G = [H, W], n[30] = H, n[31] = W, n[32] = G) : G = n[32];
+	let Je = G, K;
+	n[33] !== d || n[34] !== k || n[35] !== D || n[36] !== N || n[37] !== s || n[38] !== o || n[39] !== i || n[40] !== a || n[41] !== l || n[42] !== Ge || n[43] !== Ke || n[44] !== I || n[45] !== qe || n[46] !== Je ? (K = /* @__PURE__ */ jsx(ListView_default, {
+		loading: Ge,
+		error: Ke,
+		items: I,
+		totalItems: qe,
 		setPage: Pe,
 		setRowsPerPage: Fe,
 		setOrderBy: Ie,
 		setOrder: Le,
 		setSearchTerm: Re,
-		setFilters: ze,
+		setFilters: f,
 		orderBy: o,
 		order: s,
 		searchTerm: l,
 		filters: d,
 		page: i,
 		rowsPerPage: a,
-		deleteItem: E,
-		onClick: M,
-		handleNew: He,
-		handleEdit: We,
+		deleteItem: D,
+		onClick: N,
+		handleNew: Ve,
+		handleEdit: Ue,
 		enableBatchActions: !0,
-		batchDelete: O,
+		batchDelete: k,
 		columns: z,
 		filterConfig: B,
-		rowActions: qe
-	}), n[32] = d, n[33] = O, n[34] = E, n[35] = M, n[36] = s, n[37] = o, n[38] = i, n[39] = a, n[40] = l, n[41] = F, n[42] = I, n[43] = L, n[44] = Ke, n[45] = qe, n[46] = K) : K = n[46];
+		rowActions: Je
+	}), n[33] = d, n[34] = k, n[35] = D, n[36] = N, n[37] = s, n[38] = o, n[39] = i, n[40] = a, n[41] = l, n[42] = Ge, n[43] = Ke, n[44] = I, n[45] = qe, n[46] = Je, n[47] = K) : K = n[47];
 	let q;
-	n[47] !== je || n[48] !== b ? (q = /* @__PURE__ */ jsx(DialogContent, {
+	n[48] !== je || n[49] !== x ? (q = /* @__PURE__ */ jsx(DialogContent, {
 		className: "max-w-2xl",
 		children: /* @__PURE__ */ jsx(je, {
-			types: b,
-			onSuccess: Ue
+			types: x,
+			onSuccess: He
 		})
-	}), n[47] = je, n[48] = b, n[49] = q) : q = n[49];
+	}), n[48] = je, n[49] = x, n[50] = q) : q = n[50];
 	let J;
-	n[50] !== f || n[51] !== q ? (J = /* @__PURE__ */ jsx(Dialog, {
-		open: f,
-		onOpenChange: p,
+	n[51] !== p || n[52] !== q ? (J = /* @__PURE__ */ jsx(Dialog, {
+		open: p,
+		onOpenChange: m,
 		children: q
-	}), n[50] = f, n[51] = q, n[52] = J) : J = n[52];
-	let Je = !!m, Y;
-	n[53] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => !e && Ge(), n[53] = Y) : Y = n[53];
+	}), n[51] = p, n[52] = q, n[53] = J) : J = n[53];
+	let Ye = !!h, Y;
+	n[54] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => !e && We(), n[54] = Y) : Y = n[54];
 	let X;
-	n[54] !== Me || n[55] !== b || n[56] !== m ? (X = m && /* @__PURE__ */ jsx(Me, {
-		types: b,
-		workspace: m,
-		onSuccess: Ge
-	}), n[54] = Me, n[55] = b, n[56] = m, n[57] = X) : X = n[57];
+	n[55] !== Me || n[56] !== x || n[57] !== h ? (X = h && /* @__PURE__ */ jsx(Me, {
+		types: x,
+		workspace: h,
+		onSuccess: We
+	}), n[55] = Me, n[56] = x, n[57] = h, n[58] = X) : X = n[58];
 	let Z;
-	n[58] === X ? Z = n[59] : (Z = /* @__PURE__ */ jsx(DialogContent, {
+	n[59] === X ? Z = n[60] : (Z = /* @__PURE__ */ jsx(DialogContent, {
 		className: "max-w-2xl",
 		children: X
-	}), n[58] = X, n[59] = Z);
+	}), n[59] = X, n[60] = Z);
 	let Q;
-	n[60] !== Je || n[61] !== Z ? (Q = /* @__PURE__ */ jsx(Dialog, {
-		open: Je,
+	n[61] !== Ye || n[62] !== Z ? (Q = /* @__PURE__ */ jsx(Dialog, {
+		open: Ye,
 		onOpenChange: Y,
 		children: Z
-	}), n[60] = Je, n[61] = Z, n[62] = Q) : Q = n[62];
+	}), n[61] = Ye, n[62] = Z, n[63] = Q) : Q = n[63];
 	let $;
-	return n[63] !== K || n[64] !== J || n[65] !== Q ? ($ = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+	return n[64] !== K || n[65] !== J || n[66] !== Q ? ($ = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		K,
 		J,
 		Q
-	] }), n[63] = K, n[64] = J, n[65] = Q, n[66] = $) : $ = n[66], $;
+	] }), n[64] = K, n[65] = J, n[66] = Q, n[67] = $) : $ = n[67], $;
 };
 function _temp(e) {
 	return {

package/dist/features/workspaces/components/CreateWorkspace.js

@@ -106,7 +106,7 @@ var CreateWorkspace_default = (xe) => {
 				isFavourite: h
 			}
 		}, { onSuccess: async (e) => {
-			await P(e.id), l();
+			await P(e.id), l(e);
 		} });
 	}, a[32] = h, a[33] = l, a[34] = P, a[35] = d, a[36] = s, a[37] = F) : F = a[37];
 	let Ae = F, I;
@@ -118,7 +118,7 @@ var CreateWorkspace_default = (xe) => {
 			appName: m,
 			isFavourite: h || void 0
 		} }, { onSuccess: async (e) => {
-			await P(e.id), l();
+			await P(e.id), l(e);
 		} });
 	}, a[38] = u, a[39] = h, a[40] = l, a[41] = P, a[42] = m, a[43] = I) : I = a[43];
 	let je = I, L = u.isPending || d.isPending || f.isPending, R;

package/dist/index.d.ts

@@ -203,7 +203,7 @@ export declare interface Column {
     label: string;
     minWidth?: number;
     align?: 'right' | 'left' | 'center';
-    format?: (value: unknown) => default_2.ReactNode;
+    format?: (value: unknown, row?: unknown) => default_2.ReactNode;
 }
 
 export declare const CompletionMessagePaper: default_2.FC<CompletionMessagePaperProps>;
@@ -440,7 +440,7 @@ export declare const CreateWorkspace: ({ types, workspace, onSuccess }: CreateWo
 export declare interface CreateWorkspaceProps {
     types: AppConfigInterface[];
     workspace?: WorkspaceItemInterface;
-    onSuccess: () => void;
+    onSuccess: (workspace?: WorkspaceItemInterface) => void;
 }
 
 export declare const CustomItemListView: <T extends Item_2>({ loading, error, items, totalItems, filterConfig, onClick, handleNew, setPage, setRowsPerPage, setSearchTerm, setFilters, searchTerm, filters, page, rowsPerPage, batchActions, batchDelete, enableBatchActions, rowActions, itemRenderer, newButtonLabel, }: ListViewProps_2<T>) => JSX.Element;
@@ -667,7 +667,7 @@ export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps
 export declare interface EditWorkspaceProps {
     types: AppConfigInterface[];
     workspace: WorkspaceItemInterface;
-    onSuccess: () => void;
+    onSuccess: (workspace?: WorkspaceItemInterface) => void;
 }
 
 export declare function EmbedWorkbenchPage(): JSX.Element;
@@ -1341,10 +1341,6 @@ export declare const StudioSidebar: () => JSX.Element;
 
 declare interface StudioUiConfig {
     widgets?: StudioWidgetConfig[];
-    sidebar?: boolean;
-    workflowHistory?: boolean;
-    workflowNavigation?: boolean;
-    debugWorkflow?: boolean;
 }
 
 declare interface StudioWidgetConfig {

package/dist/index.js

@@ -64,9 +64,9 @@ import ErrorSnackbar_default from "./components/feedback/ErrorSnackbar.js";
 import ErrorAlert_default from "./components/feedback/ErrorAlert.js";
 import "./components/index.js";
 import DebugPage_default from "./pages/DebugPage.js";
-import DashboardPage from "./pages/DashboardPage.js";
 import { EnvironmentSlotSelector } from "./features/workspaces/components/EnvironmentSlotSelector.js";
 import CreateWorkspace_default from "./features/workspaces/components/CreateWorkspace.js";
+import DashboardPage from "./pages/DashboardPage.js";
 import WorkspacesPage from "./pages/WorkspacesPage.js";
 import "./features/workspaces/index.js";
 import { fileExplorerFeature } from "./features/file-explorer/file-explorer-feature.js";

package/dist/pages/DashboardPage.js

@@ -1,85 +1,31 @@
-import { Button } from "../components/ui/button.js";
-import { Alert, AlertDescription, AlertTitle } from "../components/ui/alert.js";
+import { useAppsConfig } from "../hooks/useConfig.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
-import Dashboard from "../features/dashboard/Dashboard.js";
-import { useDashboardStats } from "../hooks/useDashboard.js";
+import AppLauncher from "../features/dashboard/AppLauncher.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TriangleAlert } from "lucide-react";
 function DashboardPage() {
-	let p = c(22), { data: m, isLoading: h, error: g, refetch: _, isRefetching: v } = useDashboardStats();
-	if (h) {
+	let s = c(8), { data: l, isLoading: u } = useAppsConfig();
+	if (u) {
 		let e;
-		return p[0] === h ? e = p[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: h }), p[0] = h, p[1] = e), e;
+		return s[0] === u ? e = s[1] : (e = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: u }), s[0] = u, s[1] = e), e;
 	}
-	if (g) {
-		let l;
-		p[2] === Symbol.for("react.memo_cache_sentinel") ? (l = [{
-			label: "Dashboard",
-			current: !0
-		}], p[2] = l) : l = p[2];
-		let u = l, d;
-		p[3] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx("h1", {
-			className: "mb-4 text-3xl font-bold tracking-tight",
-			children: "Dashboard"
-		}), p[3] = d) : d = p[3];
-		let f, m;
-		p[4] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(TriangleAlert, {}), m = /* @__PURE__ */ jsx(AlertTitle, { children: "Failed to load dashboard" }), p[4] = f, p[5] = m) : (f = p[4], m = p[5]);
-		let h;
-		p[6] === g.message ? h = p[7] : (h = /* @__PURE__ */ jsxs("p", {
-			className: "wrap-break-word",
-			children: ["Please try again. ", g.message]
-		}), p[6] = g.message, p[7] = h);
-		let y;
-		p[8] === _ ? y = p[9] : (y = () => void _(), p[8] = _, p[9] = y);
-		let b = v ? "Reloading…" : "Retry", x;
-		p[10] !== v || p[11] !== y || p[12] !== b ? (x = /* @__PURE__ */ jsx("div", {
-			className: "mt-3 flex flex-wrap gap-2",
-			children: /* @__PURE__ */ jsx(Button, {
-				variant: "destructive",
-				onClick: y,
-				disabled: v,
-				children: b
-			})
-		}), p[10] = v, p[11] = y, p[12] = b, p[13] = x) : x = p[13];
-		let S;
-		return p[14] !== h || p[15] !== x ? (S = /* @__PURE__ */ jsxs(MainLayout_default, {
-			breadcrumbsData: u,
-			children: [d, /* @__PURE__ */ jsx("div", {
-				className: "mx-auto w-full max-w-2xl",
-				children: /* @__PURE__ */ jsxs(Alert, {
-					variant: "destructive",
-					children: [
-						f,
-						m,
-						/* @__PURE__ */ jsxs(AlertDescription, { children: [h, x] })
-					]
-				})
-			})]
-		}), p[14] = h, p[15] = x, p[16] = S) : S = p[16], S;
-	}
-	if (!m) {
-		let e;
-		return p[17] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
-			className: "p-4",
-			children: "No data available"
-		}), p[17] = e) : e = p[17], e;
-	}
-	let y;
-	p[18] === Symbol.for("react.memo_cache_sentinel") ? (y = [{
-		label: "Dashboard",
+	let d;
+	s[2] === Symbol.for("react.memo_cache_sentinel") ? (d = [{
+		label: "Applications",
 		current: !0
-	}], p[18] = y) : y = p[18];
-	let b = y, x;
-	p[19] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx("h1", {
+	}], s[2] = d) : d = s[2];
+	let f = d, p;
+	s[3] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx("h1", {
 		className: "mb-4 text-3xl font-bold tracking-tight",
-		children: "Dashboard"
-	}), p[19] = x) : x = p[19];
-	let S;
-	return p[20] === m ? S = p[21] : (S = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: b,
-		children: [x, /* @__PURE__ */ jsx(Dashboard, { dashboardStats: m })]
-	}), p[20] = m, p[21] = S), S;
+		children: "Applications"
+	}), s[3] = p) : p = s[3];
+	let m;
+	s[4] === l ? m = s[5] : (m = l && l.length > 0 && /* @__PURE__ */ jsx(AppLauncher, { apps: l }), s[4] = l, s[5] = m);
+	let h;
+	return s[6] === m ? h = s[7] : (h = /* @__PURE__ */ jsxs(MainLayout_default, {
+		breadcrumbsData: f,
+		children: [p, m]
+	}), s[6] = m, s[7] = h), h;
 }
 export { DashboardPage as default };

package/dist/routing/LocalRouter.js

@@ -23,7 +23,7 @@ var LocalRouter = class {
 		return "/runs/action-required";
 	}
 	getDashboard() {
-		return "/dashboard";
+		return "/applications";
 	}
 	async navigateToDashboard() {
 		await this.navigate(this.getDashboard());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.30.0",
+  "version": "0.31.1",
   "repository": "loopstack-ai/loopstack-studio",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/features/dashboard/Dashboard.js

@@ -1,125 +0,0 @@
-import { useStudio } from "../../providers/StudioProvider.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../../components/ui/card.js";
-import RunList_default from "./RunList.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "react-router-dom";
-function Dashboard(f) {
-	let p = c(43), { dashboardStats: m } = f, { router: h } = useStudio();
-	if (!m) {
-		let t;
-		return p[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ jsx("div", {
-			className: "p-4",
-			children: "No data available"
-		}), p[0] = t) : t = p[0], t;
-	}
-	let g;
-	p[1] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
-		className: "text-lg",
-		children: "Quick Links"
-	}) }), p[1] = g) : g = p[1];
-	let _;
-	p[2] === h ? _ = p[3] : (_ = h.getWorkspaces(), p[2] = h, p[3] = _);
-	let v;
-	p[4] === _ ? v = p[5] : (v = /* @__PURE__ */ jsx(CardContent, {
-		className: "space-y-3",
-		children: /* @__PURE__ */ jsx(Link, {
-			to: _,
-			className: "text-primary hover:text-primary/80 hover:bg-muted block rounded p-2 text-sm font-medium transition-colors",
-			children: "My Workspaces"
-		})
-	}), p[4] = _, p[5] = v);
-	let y;
-	p[6] === h ? y = p[7] : (y = h.getDebugWorkflows(), p[6] = h, p[7] = y);
-	let b;
-	p[8] === y ? b = p[9] : (b = /* @__PURE__ */ jsx(CardContent, {
-		className: "space-y-3",
-		children: /* @__PURE__ */ jsx(Link, {
-			to: y,
-			className: "text-primary hover:text-primary/80 hover:bg-muted block rounded p-2 text-sm font-medium transition-colors",
-			children: "Debug Workflows"
-		})
-	}), p[8] = y, p[9] = b);
-	let x;
-	p[10] !== v || p[11] !== b ? (x = /* @__PURE__ */ jsx("div", {
-		className: "md:col-span-1",
-		children: /* @__PURE__ */ jsxs(Card, {
-			className: "h-full",
-			children: [
-				g,
-				v,
-				b
-			]
-		})
-	}), p[10] = v, p[11] = b, p[12] = x) : x = p[12];
-	let S;
-	p[13] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
-		className: "text-lg",
-		children: "Executions"
-	}) }), p[13] = S) : S = p[13];
-	let C;
-	p[14] === m.totalAutomationRuns ? C = p[15] : (C = /* @__PURE__ */ jsxs(Card, { children: [S, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", {
-		className: "text-3xl font-bold",
-		children: m.totalAutomationRuns
-	}) })] }), p[14] = m.totalAutomationRuns, p[15] = C);
-	let w;
-	p[16] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
-		className: "text-lg",
-		children: "Completed"
-	}) }), p[16] = w) : w = p[16];
-	let T;
-	p[17] === m.completedRuns ? T = p[18] : (T = /* @__PURE__ */ jsxs(Card, { children: [w, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", {
-		className: "text-3xl font-bold text-green-600",
-		children: m.completedRuns
-	}) })] }), p[17] = m.completedRuns, p[18] = T);
-	let E;
-	p[19] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
-		className: "text-lg",
-		children: "Failed"
-	}) }), p[19] = E) : E = p[19];
-	let D;
-	p[20] === m.errorRuns ? D = p[21] : (D = /* @__PURE__ */ jsxs(Card, { children: [E, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", {
-		className: "text-destructive text-3xl font-bold",
-		children: m.errorRuns
-	}) })] }), p[20] = m.errorRuns, p[21] = D);
-	let O;
-	p[22] !== T || p[23] !== D || p[24] !== C ? (O = /* @__PURE__ */ jsxs("div", {
-		className: "grid grid-cols-1 gap-4 md:col-span-3 md:grid-cols-3",
-		children: [
-			C,
-			T,
-			D
-		]
-	}), p[22] = T, p[23] = D, p[24] = C, p[25] = O) : O = p[25];
-	let k;
-	p[26] !== O || p[27] !== x ? (k = /* @__PURE__ */ jsxs("div", {
-		className: "mb-8 grid grid-cols-1 gap-6 md:grid-cols-4",
-		children: [x, O]
-	}), p[26] = O, p[27] = x, p[28] = k) : k = p[28];
-	let A;
-	p[29] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Recently Completed" }) }), p[29] = A) : A = p[29];
-	let j;
-	p[30] !== m.recentRuns || p[31] !== h ? (j = /* @__PURE__ */ jsxs(Card, { children: [A, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(RunList_default, {
-		type: "runs",
-		runs: m.recentRuns,
-		router: h,
-		emptyMessage: "No recent runs."
-	}) })] }), p[30] = m.recentRuns, p[31] = h, p[32] = j) : j = p[32];
-	let M;
-	p[33] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Recently Failed" }) }), p[33] = M) : M = p[33];
-	let N;
-	p[34] !== m.recentErrors || p[35] !== h ? (N = /* @__PURE__ */ jsxs(Card, { children: [M, /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(RunList_default, {
-		type: "errors",
-		runs: m.recentErrors,
-		router: h,
-		emptyMessage: "No recent errors."
-	}) })] }), p[34] = m.recentErrors, p[35] = h, p[36] = N) : N = p[36];
-	let P;
-	p[37] !== j || p[38] !== N ? (P = /* @__PURE__ */ jsxs("div", {
-		className: "grid grid-cols-1 gap-6 md:grid-cols-2",
-		children: [j, N]
-	}), p[37] = j, p[38] = N, p[39] = P) : P = p[39];
-	let F;
-	return p[40] !== k || p[41] !== P ? (F = /* @__PURE__ */ jsxs(Fragment, { children: [k, P] }), p[40] = k, p[41] = P, p[42] = F) : F = p[42], F;
-}
-export { Dashboard as default };