@loopstack/loopstack-studio 0.33.0 → 0.35.0

package/dist/app/EnvironmentEmbedRoot.js

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

package/dist/components/layout/StudioSidebar.js

@@ -1,5 +1,5 @@
-import { useStudio, useStudioOptional } from "../../providers/StudioProvider.js";
 import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
+import { useStudio, useStudioOptional } from "../../providers/StudioProvider.js";
 import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
 import { cn } from "../../lib/utils.js";
 import { Button } from "../ui/button.js";
@@ -87,73 +87,73 @@ var DefaultSidebarHeader = () => {
 		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 e = c(29), s = useLocation(), { router: l } = useStudio(), u;
+	e[0] === l ? u = e[1] : (u = l.getDashboard(), e[0] = l, e[1] = u);
 	let d = u, f;
-	o[2] === l ? f = o[3] : (f = l.getWorkspaces(), o[2] = l, o[3] = f);
+	e[2] === l ? f = e[3] : (f = l.getWorkspaces(), e[2] = l, e[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]);
+	e[4] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(Boxes, {}), S = /* @__PURE__ */ jsx("span", { children: "Applications" }), e[4] = v, e[5] = S) : (v = e[4], S = e[5]);
 	let C;
-	o[6] === d ? C = o[7] : (C = /* @__PURE__ */ jsxs(Link, {
+	e[6] === d ? C = e[7] : (C = /* @__PURE__ */ jsxs(Link, {
 		to: d,
 		children: [v, S]
-	}), o[6] = d, o[7] = C);
+	}), e[6] = d, e[7] = C);
 	let w;
-	o[8] !== _ || o[9] !== C ? (w = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	e[8] !== _ || e[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];
+	}) }), e[8] = _, e[9] = C, e[10] = w) : w = e[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]);
+	e[11] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ jsx(LayoutGrid, {}), A = /* @__PURE__ */ jsx("span", { children: "Workspaces" }), e[11] = k, e[12] = A) : (k = e[11], A = e[12]);
 	let j;
-	o[13] === p ? j = o[14] : (j = /* @__PURE__ */ jsxs(Link, {
+	e[13] === p ? j = e[14] : (j = /* @__PURE__ */ jsxs(Link, {
 		to: p,
 		children: [k, A]
-	}), o[13] = p, o[14] = j);
+	}), e[13] = p, e[14] = j);
 	let M;
-	o[15] !== j || o[16] !== T ? (M = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	e[15] !== j || e[16] !== T ? (M = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		isActive: T,
 		tooltip: "Workspaces",
 		children: j
-	}) }), o[15] = j, o[16] = T, o[17] = M) : M = o[17];
+	}) }), e[15] = j, e[16] = T, e[17] = M) : M = e[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]);
+	e[18] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx(Play, {}), F = /* @__PURE__ */ jsx("span", { children: "Runs" }), e[18] = P, e[19] = F) : (P = e[18], F = e[19]);
 	let I;
-	o[20] === m ? I = o[21] : (I = /* @__PURE__ */ jsxs(Link, {
+	e[20] === m ? I = e[21] : (I = /* @__PURE__ */ jsxs(Link, {
 		to: m,
 		children: [P, F]
-	}), o[20] = m, o[21] = I);
+	}), e[20] = m, e[21] = I);
 	let L;
-	o[22] !== N || o[23] !== I ? (L = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	e[22] !== N || e[23] !== I ? (L = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		isActive: N,
 		tooltip: "Runs",
 		children: I
-	}) }), o[22] = N, o[23] = I, o[24] = L) : L = o[24];
+	}) }), e[22] = N, e[23] = I, e[24] = L) : L = e[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: [
+	return e[25] !== M || e[26] !== L || e[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;
+	] }) }) }), e[25] = M, e[26] = L, e[27] = w, e[28] = R) : R = e[28], R;
 }, FavouritesNav = () => {
-	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 s = c(19), l = useLocation(), { router: u } = useStudio(), d;
+	s[0] === u ? d = s[1] : (d = u.getWorkspaces(), s[0] = u, s[1] = d);
 	let f = d, p;
-	o[2] === Symbol.for("react.memo_cache_sentinel") ? (p = { isFavourite: "true" }, o[2] = p) : p = o[2];
+	s[2] === Symbol.for("react.memo_cache_sentinel") ? (p = { isFavourite: "true" }, s[2] = p) : p = s[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);
+	s[3] === m.data?.data ? v = s[4] : (v = m.data?.data ?? [], s[3] = m.data?.data, s[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];
+	s[5] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Favourites" }), s[5] = C) : C = s[5];
 	let w;
-	if (o[6] !== S || o[7] !== l || o[8] !== u) {
+	if (s[6] !== S || s[7] !== l || s[8] !== u) {
 		let e;
-		o[10] !== l || o[11] !== u ? (e = (e) => {
+		s[10] !== l || s[11] !== u ? (e = (e) => {
 			let o = u.getWorkspace(e.id);
 			return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 				asChild: !0,
@@ -164,25 +164,25 @@ var DefaultSidebarHeader = () => {
 					children: [/* @__PURE__ */ jsx(Star, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: e.title })]
 				})
 			}) }, e.id);
-		}, 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];
+		}, s[10] = l, s[11] = u, s[12] = e) : e = s[12], w = S.map(e), s[6] = S, s[7] = l, s[8] = u, s[9] = w;
+	} else w = s[9];
 	let T;
-	o[13] !== m.data?.total || o[14] !== f ? (T = (m.data?.total ?? 0) > 10 && /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	s[13] !== m.data?.total || s[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: f,
 			children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "More" })]
 		})
-	}) }), o[13] = m.data?.total, o[14] = f, o[15] = T) : T = o[15];
+	}) }), s[13] = m.data?.total, s[14] = f, s[15] = T) : T = s[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;
+	return s[16] !== w || s[17] !== T ? (O = /* @__PURE__ */ jsxs(SidebarGroup, { children: [C, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [w, T] }) })] }), s[16] = w, s[17] = T, s[18] = O) : O = s[18], O;
 }, DefaultSidebarFooter = () => {
 	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), s = useComponentOverrides(), u = useStudioOptional(), d = s.SidebarHeader ?? DefaultSidebarHeader, m = s.SidebarFooter ?? DefaultSidebarFooter, h;
+	let e = c(13), o = useComponentOverrides(), u = useStudioOptional(), d = o.SidebarHeader ?? DefaultSidebarHeader, m = o.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);

package/dist/components/messages/CompletionMessagePaper.js

@@ -4,7 +4,7 @@ import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CompletionMessagePaper_default = (s) => {
-	let l = c(38), { role: u, children: d, timestamp: f, metadata: p, fullWidth: m, className: h } = s, g = m === void 0 ? !1 : m, _;
+	let l = c(33), { role: u, children: d, timestamp: f, metadata: p, fullWidth: m, className: h } = s, g = m === void 0 ? !1 : m, _;
 	l[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
 		system: {
 			color: "#efb108",
@@ -58,46 +58,42 @@ var CompletionMessagePaper_default = (s) => {
 	}), l[15] = b, l[16] = p, l[17] = A) : A = l[17];
 	let j = g ? "w-full" : "w-auto", M;
 	l[18] === j ? M = l[19] : (M = cn("relative max-w-full px-6 py-4 wrap-break-word shadow-none", j), l[18] = j, l[19] = M);
-	let N = b ? "user" : "text-foreground", P;
-	l[20] === N ? P = l[21] : (P = cn("leading-relaxed wrap-break-word whitespace-pre-wrap", N), l[20] = N, l[21] = P);
-	let F;
-	l[22] === d ? F = l[23] : (F = /* @__PURE__ */ jsx("div", {
-		className: "message-content",
-		children: d
-	}), l[22] = d, l[23] = F);
-	let I;
-	l[24] !== P || l[25] !== F ? (I = /* @__PURE__ */ jsx("div", {
-		className: P,
-		children: F
-	}), l[24] = P, l[25] = F, l[26] = I) : I = l[26];
-	let L;
-	l[27] !== M || l[28] !== I ? (L = /* @__PURE__ */ jsx(Card, {
+	let N;
+	l[20] === d ? N = l[21] : (N = /* @__PURE__ */ jsx("div", {
+		className: "text-foreground leading-relaxed wrap-break-word whitespace-pre-wrap",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "message-content",
+			children: d
+		})
+	}), l[20] = d, l[21] = N);
+	let P;
+	l[22] !== M || l[23] !== N ? (P = /* @__PURE__ */ jsx(Card, {
 		className: M,
-		children: I
-	}), l[27] = M, l[28] = I, l[29] = L) : L = l[29];
-	let R;
-	l[30] !== k || l[31] !== A || l[32] !== L || l[33] !== E ? (R = /* @__PURE__ */ jsxs("div", {
+		children: N
+	}), l[22] = M, l[23] = N, l[24] = P) : P = l[24];
+	let F;
+	l[25] !== k || l[26] !== A || l[27] !== P || l[28] !== E ? (F = /* @__PURE__ */ jsxs("div", {
 		className: E,
 		children: [
 			k,
 			A,
-			L
+			P
 		]
-	}), l[30] = k, l[31] = A, l[32] = L, l[33] = E, l[34] = R) : R = l[34];
-	let z;
-	return l[35] !== R || l[36] !== C ? (z = /* @__PURE__ */ jsx("div", {
+	}), l[25] = k, l[26] = A, l[27] = P, l[28] = E, l[29] = F) : F = l[29];
+	let I;
+	return l[30] !== F || l[31] !== C ? (I = /* @__PURE__ */ jsx("div", {
 		className: C,
-		children: R
-	}), l[35] = R, l[36] = C, l[37] = z) : z = l[37], z;
+		children: F
+	}), l[30] = F, l[31] = C, l[32] = I) : I = l[32], I;
 };
-function _temp(r) {
-	return r.toLocaleTimeString([], {
+function _temp(t) {
+	return t.toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
 }
-function _temp2(r) {
-	let [a, o] = r;
+function _temp2(t) {
+	let [a, o] = t;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "text-muted-foreground font-mono text-xs",
 		children: [

package/dist/events/api-client-events.js

@@ -2,4 +2,16 @@ const ApiClientEvents = {
 	UNAUTHORIZED: "api.unauthorized",
 	ERR_NETWORK: "api.ERR_NETWORK"
 };
-export { ApiClientEvents };
+function createApiClientEventEmitter() {
+	let e = /* @__PURE__ */ new Map();
+	return {
+		on(t, n) {
+			return e.has(t) || e.set(t, /* @__PURE__ */ new Set()), e.get(t).add(n), () => e.get(t)?.delete(n);
+		},
+		emit(t, n) {
+			for (let r of e.get(t) ?? []) r(n);
+		}
+	};
+}
+const apiClientEvents = createApiClientEventEmitter();
+export { ApiClientEvents, apiClientEvents };

package/dist/events/index.js

@@ -0,0 +1 @@
+import { ApiClientEvents, apiClientEvents } from "./api-client-events.js";

package/dist/features/code-explorer/components/FileTabsBarBase.js

@@ -2,8 +2,8 @@ import { cn } from "../../../lib/utils.js";
 import { Button } from "../../../components/ui/button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.js";
 import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
-import { getFileIcon } from "../utils/fileIcons.js";
 import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../../../components/ui/context-menu.js";
+import { getFileIcon } from "../utils/fileIcons.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/code-explorer/index.js

@@ -1,4 +1 @@
-import "./providers/CodeExplorerProvider.js";
-import "./CodeExplorer.js";
 import { FileContentViewer } from "./components/FileContentViewer.js";
-import "./components/FileTabsBar.js";

package/dist/features/dashboard/AppLauncher.js

@@ -1,84 +1,131 @@
+import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
 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 { AVAILABLE_FEATURES } from "../feature-registry/available-features.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) {
+import { Boxes, FolderOpen, Plus, Server } from "lucide-react";
+function getCapabilityIcons(e) {
+	let S = [];
+	for (let C of e.extensions?.environments ?? []) S.push({
+		key: `env:${C.id}`,
+		Icon: Server,
+		label: C.title ?? C.id
+	});
+	for (let C of e.features) {
+		if (C.enabled === !1) continue;
+		let e = AVAILABLE_FEATURES[C.id];
+		e?.sidebarPanel && S.push({
+			key: `feature:${e.id}`,
+			Icon: e.sidebarPanel.icon,
+			label: e.sidebarPanel.label
+		});
+	}
+	return S;
+}
+function AppLauncher(w) {
+	let T = c(30), { apps: E } = w, { CreateWorkspace: D } = useComponentOverrides(), O = D ?? CreateWorkspace_default, { router: k } = useStudio(), [A, j] = useState(null), M;
+	T[0] === Symbol.for("react.memo_cache_sentinel") ? (M = {}, T[0] = M) : M = T[0];
+	let N = useFilterWorkspaces(void 0, M, "id", "DESC", 0, 1e3), P;
+	if (T[1] !== N.data?.data) {
+		P = {};
+		for (let e of N.data?.data ?? []) P[e.appName] = (P[e.appName] ?? 0) + 1;
+		T[1] = N.data?.data, T[2] = P;
+	} else P = T[2];
+	let F = P, I;
+	T[3] === A ? I = T[4] : (I = A ? [{
+		appName: A.appName,
+		title: A.title,
+		environments: A.extensions?.environments ?? []
+	}] : [], T[3] = A, T[4] = I);
+	let L = I, R;
+	T[5] === k ? R = T[6] : (R = (e) => {
+		j(null), e && k.navigateToWorkspace(e.id);
+	}, T[5] = k, T[6] = R);
+	let z = R, B;
+	if (T[7] !== E || T[8] !== k || T[9] !== F) {
 		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"]
+		T[11] !== k || T[12] !== F ? (e = (e) => {
+			let S = getCapabilityIcons(e), C = F[e.appName] ?? 0;
+			return /* @__PURE__ */ jsxs(Card, {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-2",
+					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
+						})]
+					}), S.length > 0 && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground flex shrink-0 items-center gap-1",
+						children: S.map(_temp)
+					})]
+				}), e.description && /* @__PURE__ */ jsx(CardDescription, { children: e.description })] }), /* @__PURE__ */ jsx(CardContent, {
+					className: "mt-auto",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex gap-2",
+						children: C > 0 ? /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							className: "flex-1",
+							asChild: !0,
+							children: /* @__PURE__ */ jsxs(Link, {
+								to: `${k.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: () => j(e),
+							children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), "Configure"]
+						})
 					})
-				}), /* @__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", {
+			}, e.appName);
+		}, T[11] = k, T[12] = F, T[13] = e) : e = T[13], B = E.map(e), T[7] = E, T[8] = k, T[9] = F, T[10] = B;
+	} else B = T[10];
+	let V;
+	T[14] === B ? V = T[15] : (V = /* @__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
+			children: B
 		})
-	}), 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, {
+	}), T[14] = B, T[15] = V);
+	let H = !!A, U;
+	T[16] === Symbol.for("react.memo_cache_sentinel") ? (U = (e) => !e && j(null), T[16] = U) : U = T[16];
+	let W;
+	T[17] !== O || T[18] !== L || T[19] !== z || T[20] !== A ? (W = A && /* @__PURE__ */ jsx(O, {
+		types: L,
+		onSuccess: z
+	}), T[17] = O, T[18] = L, T[19] = z, T[20] = A, T[21] = W) : W = T[21];
+	let G;
+	T[22] === W ? G = T[23] : (G = /* @__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;
+		children: W
+	}), T[22] = W, T[23] = G);
+	let K;
+	T[24] !== H || T[25] !== G ? (K = /* @__PURE__ */ jsx(Dialog, {
+		open: H,
+		onOpenChange: U,
+		children: G
+	}), T[24] = H, T[25] = G, T[26] = K) : K = T[26];
+	let q;
+	return T[27] !== K || T[28] !== V ? (q = /* @__PURE__ */ jsxs(Fragment$1, { children: [V, K] }), T[27] = K, T[28] = V, T[29] = q) : q = T[29], q;
+}
+function _temp(e) {
+	let { key: S, Icon: C } = e;
+	return /* @__PURE__ */ jsx("span", {
+		className: "inline-flex h-6 w-6 items-center justify-center",
+		children: /* @__PURE__ */ jsx(C, { className: "h-4 w-4" })
+	}, S);
 }
 export { AppLauncher as default };

package/dist/features/debug/components/WorkflowFlowViewer.js

@@ -1,4 +1,5 @@
-import { useWorkflow } from "../../../hooks/useWorkflows.js";
+import { useWorkflow } from "../../../packages/react/dist/hooks/queries.js";
+import "../../../hooks/useWorkflows.js";
 import { Background, BackgroundVariant, Controls, Panel, index, useEdgesState, useNodesState, useReactFlow } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 /* empty css                                             */
 import StateNode_default from "./workflow-flow/StateNode.js";

package/dist/features/debug/components/workflow-flow/WorkflowGraph.js

@@ -1,4 +1,5 @@
-import { useWorkflow, useWorkflowCheckpoints } from "../../../../hooks/useWorkflows.js";
+import { useWorkflow, useWorkflowCheckpoints } from "../../../../packages/react/dist/hooks/queries.js";
+import "../../../../hooks/useWorkflows.js";
 import { buildWorkflowGraph, getTransitions } from "../../lib/flow-utils.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useRef } from "react";