@loopstack/loopstack-studio 0.32.0 → 0.34.0

package/dist/api/index.js

@@ -17,7 +17,10 @@ function createApi(f) {
 		dashboard: createDashboardApi(f),
 		documents: createDocumentsApi(f),
 		environments: createEnvironmentsApi(f),
-		files: createFilesApi(f),
+		files: {
+			local: createFilesApi(f, "local"),
+			remote: createFilesApi(f, "remote")
+		},
 		git: createGitApi(f),
 		processor: createProcessorApi(f),
 		secrets: createSecretsApi(f),

package/dist/api/workflows.js

@@ -1,6 +1,7 @@
 function createWorkflowsApi(e) {
 	return {
 		getById: (t) => e.get(`/api/v1/workflows/${t.id}`).then((e) => e.data),
+		getStatusById: (t) => e.get(`/api/v1/workflows/${t.id}/status`).then((e) => e.data),
 		getAll: (t) => e.get("/api/v1/workflows", { params: t }).then((e) => e.data),
 		create: (t) => e.post("/api/v1/workflows", t.workflowCreateDto).then((e) => e.data),
 		update: (t) => e.put(`/api/v1/workflows/${t.id}`, t.workflowUpdateDto).then((e) => e.data),

package/dist/app/EnvironmentEmbedRoot.js

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

package/dist/components/loopstack-elements/link.js

@@ -3,114 +3,122 @@ import { useStudio } from "../../providers/StudioProvider.js";
 import { cn } from "../../lib/utils.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon, ChevronUpIcon, ExternalLinkIcon, FolderClosedIcon, FolderOpenIcon } from "lucide-react";
 var EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize", statusColorMap = {
 	pending: "text-muted-foreground",
 	success: "text-green-600",
 	failure: "text-red-600"
-}, WORKFLOW_HREF_PATTERN = /^\/workflows\/([a-zA-Z0-9_-]+)$/, link_default = (h) => {
-	let g = c(55), { className: _, href: v, label: y, status: b, embed: x, defaultExpanded: S } = h, C = b === void 0 ? "pending" : b, { router: w } = useStudio(), [T, E] = useState(S ?? !1), [D, O] = useState(0), k;
-	g[0] !== v || g[1] !== y ? (k = y || (() => {
-		if (!v) return "";
+}, WORKFLOW_HREF_PATTERN = /^\/workflows\/([a-zA-Z0-9_-]+)$/, link_default = (u) => {
+	let d = c(61), { className: f, href: p, label: m, status: h, embed: g, defaultExpanded: _ } = u, v = h === void 0 ? "pending" : h, { router: y } = useStudio(), [b, x] = useState(_ ?? !1), [S, C] = useState(0), w = useRef(_ !== void 0), T, E;
+	d[0] === _ ? (T = d[1], E = d[2]) : (T = () => {
+		w.current || _ === void 0 || (x(_), w.current = !0);
+	}, E = [_], d[0] = _, d[1] = T, d[2] = E), useEffect(T, E);
+	let D;
+	d[3] !== p || d[4] !== m ? (D = m || (() => {
+		if (!p) return "";
 		try {
-			return new URL(v).hostname.replace("www.", "");
+			return new URL(p).hostname.replace("www.", "");
 		} catch {
-			return v;
+			return p;
 		}
-	})(), g[0] = v, g[1] = y, g[2] = k) : k = g[2];
-	let A = k, j, M;
-	g[3] !== x || g[4] !== v || g[5] !== w ? (M = v?.match(WORKFLOW_HREF_PATTERN)?.[1] ?? null, j = x === !0 && M != null ? w.getEmbedWorkflow(M) : null, g[3] = x, g[4] = v, g[5] = w, g[6] = j, g[7] = M) : (j = g[6], M = g[7]);
-	let N = j, P, F;
-	g[8] !== T || g[9] !== M ? (P = () => {
-		if (!M || !T) return;
-		let t = (t) => {
-			if (t.origin !== window.location.origin) return;
-			let p = t.data;
-			if (p?.type !== EMBED_RESIZE_MESSAGE_TYPE || p?.workflowId !== M) return;
-			let m = p?.height;
-			typeof m == "number" && m > 0 && O(m);
+	})(), d[3] = p, d[4] = m, d[5] = D) : D = d[5];
+	let O = D, k, A;
+	d[6] !== g || d[7] !== p || d[8] !== y ? (A = p?.match(WORKFLOW_HREF_PATTERN)?.[1] ?? null, k = g === !0 && A != null ? y.getEmbedWorkflow(A) : null, d[6] = g, d[7] = p, d[8] = y, d[9] = k, d[10] = A) : (k = d[9], A = d[10]);
+	let j = k, M, N;
+	d[11] === v ? (M = d[12], N = d[13]) : (M = () => {
+		(v === "success" || v === "failure") && x(!1);
+	}, N = [v], d[11] = v, d[12] = M, d[13] = N), useEffect(M, N);
+	let P, F;
+	d[14] !== b || d[15] !== A ? (P = () => {
+		if (!A || !b) return;
+		let e = (e) => {
+			if (e.origin !== window.location.origin) return;
+			let s = e.data;
+			if (s?.type !== EMBED_RESIZE_MESSAGE_TYPE || s?.workflowId !== A) return;
+			let l = s?.height;
+			typeof l == "number" && l > 0 && C(l);
 		};
-		return window.addEventListener("message", t), () => window.removeEventListener("message", t);
-	}, F = [M, T], g[8] = T, g[9] = M, g[10] = P, g[11] = F) : (P = g[10], F = g[11]), useEffect(P, F);
+		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+	}, F = [A, b], d[14] = b, d[15] = A, d[16] = P, d[17] = F) : (P = d[16], F = d[17]), useEffect(P, F);
 	let I;
-	g[12] === _ ? I = g[13] : (I = cn("not-prose flex w-full cursor-pointer flex-col", _), g[12] = _, g[13] = I);
+	d[18] === f ? I = d[19] : (I = cn("not-prose flex w-full cursor-pointer flex-col", f), d[18] = f, d[19] = I);
 	let L;
-	g[14] === N ? L = g[15] : (L = () => N && E(_temp), g[14] = N, g[15] = L);
-	let R = statusColorMap[C], z;
-	g[16] === R ? z = g[17] : (z = cn("flex shrink-0 items-center", R), g[16] = R, g[17] = z);
+	d[20] === j ? L = d[21] : (L = () => j && x(_temp), d[20] = j, d[21] = L);
+	let R = statusColorMap[v], z;
+	d[22] === R ? z = d[23] : (z = cn("flex shrink-0 items-center", R), d[22] = R, d[23] = z);
 	let B;
-	g[18] === T ? B = g[19] : (B = jsx(T ? FolderOpenIcon : FolderClosedIcon, { className: "size-4" }), g[18] = T, g[19] = B);
+	d[24] === b ? B = d[25] : (B = jsx(b ? FolderOpenIcon : FolderClosedIcon, { className: "size-4" }), d[24] = b, d[25] = B);
 	let V;
-	g[20] !== B || g[21] !== z ? (V = /* @__PURE__ */ jsx(TooltipTrigger, {
+	d[26] !== z || d[27] !== B ? (V = /* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx("span", {
 			className: z,
 			children: B
 		})
-	}), g[20] = B, g[21] = z, g[22] = V) : V = g[22];
-	let H = T ? "Collapse" : "Expand", U;
-	g[23] === H ? U = g[24] : (U = /* @__PURE__ */ jsx(TooltipContent, {
+	}), d[26] = z, d[27] = B, d[28] = V) : V = d[28];
+	let H = b ? "Collapse" : "Expand", U;
+	d[29] === H ? U = d[30] : (U = /* @__PURE__ */ jsx(TooltipContent, {
 		side: "top",
 		children: H
-	}), g[23] = H, g[24] = U);
+	}), d[29] = H, d[30] = U);
 	let W;
-	g[25] !== V || g[26] !== U ? (W = /* @__PURE__ */ jsxs(Tooltip, { children: [V, U] }), g[25] = V, g[26] = U, g[27] = W) : W = g[27];
-	let G = T ? "font-medium" : "text-muted-foreground", K;
-	g[28] === G ? K = g[29] : (K = cn("min-w-0 flex-1 truncate text-sm", G), g[28] = G, g[29] = K);
+	d[31] !== V || d[32] !== U ? (W = /* @__PURE__ */ jsxs(Tooltip, { children: [V, U] }), d[31] = V, d[32] = U, d[33] = W) : W = d[33];
+	let G = b ? "font-medium" : "text-muted-foreground", K;
+	d[34] === G ? K = d[35] : (K = cn("min-w-0 flex-1 truncate text-sm", G), d[34] = G, d[35] = K);
 	let q;
-	g[30] !== A || g[31] !== K ? (q = /* @__PURE__ */ jsx("span", {
+	d[36] !== O || d[37] !== K ? (q = /* @__PURE__ */ jsx("span", {
 		className: K,
-		children: A
-	}), g[30] = A, g[31] = K, g[32] = q) : q = g[32];
+		children: O
+	}), d[36] = O, d[37] = K, d[38] = q) : q = d[38];
 	let J;
-	g[33] === v ? J = g[34] : (J = v && /* @__PURE__ */ jsx("a", {
-		href: v,
+	d[39] === p ? J = d[40] : (J = p && /* @__PURE__ */ jsx("a", {
+		href: p,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		onClick: _temp2,
 		className: "text-muted-foreground hover:text-foreground flex items-center justify-center transition-colors",
 		children: /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3.5" })
-	}), g[33] = v, g[34] = J);
+	}), d[39] = p, d[40] = J);
 	let Y;
-	g[35] !== N || g[36] !== T ? (Y = N && jsx(T ? ChevronUpIcon : ChevronDownIcon, { className: "text-muted-foreground size-3.5" }), g[35] = N, g[36] = T, g[37] = Y) : Y = g[37];
+	d[41] !== j || d[42] !== b ? (Y = j && jsx(b ? ChevronUpIcon : ChevronDownIcon, { className: "text-muted-foreground size-3.5" }), d[41] = j, d[42] = b, d[43] = Y) : Y = d[43];
 	let X;
-	g[38] !== J || g[39] !== Y ? (X = /* @__PURE__ */ jsxs("div", {
+	d[44] !== J || d[45] !== Y ? (X = /* @__PURE__ */ jsxs("div", {
 		className: "flex shrink-0 items-center gap-1",
 		children: [J, Y]
-	}), g[38] = J, g[39] = Y, g[40] = X) : X = g[40];
+	}), d[44] = J, d[45] = Y, d[46] = X) : X = d[46];
 	let Z;
-	g[41] !== W || g[42] !== q || g[43] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
+	d[47] !== W || d[48] !== q || d[49] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
 		className: "flex w-full items-center gap-1.5 py-1",
 		children: [
 			W,
 			q,
 			X
 		]
-	}), g[41] = W, g[42] = q, g[43] = X, g[44] = Z) : Z = g[44];
+	}), d[47] = W, d[48] = q, d[49] = X, d[50] = Z) : Z = d[50];
 	let Q;
-	g[45] !== A || g[46] !== N || g[47] !== T || g[48] !== D ? (Q = T && N && /* @__PURE__ */ jsx("div", {
+	d[51] !== O || d[52] !== j || d[53] !== b || d[54] !== S ? (Q = b && j && /* @__PURE__ */ jsx("div", {
 		className: "mt-2 border-t",
 		children: /* @__PURE__ */ jsx("iframe", {
-			src: N,
+			src: j,
 			className: "w-full overflow-hidden border-0",
-			style: { height: `${D}px` },
+			style: { height: `${S}px` },
 			scrolling: "no",
-			title: A
+			title: O
 		})
-	}), g[45] = A, g[46] = N, g[47] = T, g[48] = D, g[49] = Q) : Q = g[49];
+	}), d[51] = O, d[52] = j, d[53] = b, d[54] = S, d[55] = Q) : Q = d[55];
 	let $;
-	return g[50] !== Z || g[51] !== Q || g[52] !== I || g[53] !== L ? ($ = /* @__PURE__ */ jsxs("div", {
+	return d[56] !== I || d[57] !== L || d[58] !== Z || d[59] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
 		className: I,
 		onClick: L,
 		children: [Z, Q]
-	}), g[50] = Z, g[51] = Q, g[52] = I, g[53] = L, g[54] = $) : $ = g[54], $;
+	}), d[56] = I, d[57] = L, d[58] = Z, d[59] = Q, d[60] = $) : $ = d[60], $;
 };
-function _temp(t) {
-	return !t;
+function _temp(e) {
+	return !e;
 }
-function _temp2(t) {
-	return t.stopPropagation();
+function _temp2(e) {
+	return e.stopPropagation();
 }
 export { link_default as default };

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/sse-client-events.js

@@ -2,6 +2,8 @@ const SseClientEvents = {
 	WORKFLOW_CREATED: "workflow.created",
 	WORKFLOW_UPDATED: "workflow.updated",
 	DOCUMENT_CREATED: "document.created",
+	SECRET_UPSERTED: "secret.upserted",
+	SECRET_DELETED: "secret.deleted",
 	SSE_CONNECTED: "sse.connected",
 	LLM_RESPONSE_START: "llm.response.start",
 	LLM_RESPONSE_TEXT_DELTA: "llm.response.text_delta",

package/dist/features/dashboard/AppLauncher.js

@@ -1,84 +1,131 @@
 import { useStudio } from "../../providers/StudioProvider.js";
+import { useFilterWorkspaces } from "../../hooks/useWorkspaces.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 };