@burdenoff/microfe-store 2026.525.3 → 2026.527.1

package/dist/components/InstallAppModal.js

@@ -1,17 +1,17 @@
 import { useStore as e } from "../providers/StoreProvider.js";
-import { useCallback as t, useEffect as n, useState as r } from "react";
-import { AlertCircle as i, Building2 as a, CheckCircle as o, Info as s, Loader2 as c, User as l, X as u } from "lucide-react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { graphqlFetch as m } from "@burdenoff/fe-libs/shared/graphql";
+import { useCallback as t, useEffect as n, useReducer as r, useState as i } from "react";
+import { AlertCircle as a, Building2 as o, CheckCircle as s, Info as c, Loader2 as l, User as u, X as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { graphqlFetch as h } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/components/InstallAppModal.tsx
-var h = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", g = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", _ = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", v = "mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }", y = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", b = new Set([
+var g = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", _ = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", v = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", y = "mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }", b = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", x = new Set([
 	"VIBEMODULE",
 	"NODE",
 	"CONSOLE",
 	"DASHBOARD",
 	"PARSER",
 	"DATASINK"
-]), x = {
+]), S = {
 	ALREADY_INSTALLED: "This app is already installed in the selected workspace.",
 	QUOTA_EXCEEDED: "Installation limit reached. Please upgrade your plan or contact support.",
 	PERMISSION_DENIED: "You do not have permission to install apps in this workspace.",
@@ -20,18 +20,52 @@ var h = "query MyWorkspaces { myWorkspaces { items { id name slug type status or
 	ENTITLEMENT_EXPIRED: "Your license for this app has expired.",
 	UNSUPPORTED_TYPE: "This product type cannot be installed in the selected workspace."
 };
-function S(e) {
-	for (let [t, n] of Object.entries(x)) if (e.toUpperCase().includes(t)) return n;
+function C(e) {
+	for (let [t, n] of Object.entries(S)) if (e.toUpperCase().includes(t)) return n;
 	return "Installation failed. Please try again or contact support.";
 }
-function C(i) {
-	let { authToken: a } = e(), [o, s] = r([]), [c, l] = r(!1), [u, d] = r(null), f = t(async () => {
-		if (!i) {
+var w = {
+	selectedWorkspace: null,
+	installing: !1,
+	installError: null,
+	installInfo: null
+};
+function T(e, t) {
+	switch (t.type) {
+		case "reset": return w;
+		case "selectWorkspace": return {
+			...e,
+			selectedWorkspace: t.workspaceId
+		};
+		case "startInstall": return {
+			...e,
+			installing: !0,
+			installError: null,
+			installInfo: null
+		};
+		case "finishInstall": return {
+			...e,
+			installing: !1
+		};
+		case "setError": return {
+			...e,
+			installError: t.error
+		};
+		case "setInfo": return {
+			...e,
+			installInfo: t.info
+		};
+		default: return e;
+	}
+}
+function E(r) {
+	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1), [u, d] = i(null), f = t(async () => {
+		if (!r) {
 			l(!0), d(null);
 			try {
-				let e = await m({
+				let e = await h({
 					gateway: "global",
-					query: h,
+					query: g,
 					authToken: a || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "GraphQL error");
@@ -42,7 +76,7 @@ function C(i) {
 				l(!1);
 			}
 		}
-	}, [a, i]);
+	}, [a, r]);
 	return n(() => {
 		f();
 	}, [f]), {
@@ -52,237 +86,257 @@ function C(i) {
 		refetch: f
 	};
 }
-var w = ({ isOpen: t, onClose: h, app: x, orderId: w, purchaseState: T = "free", onInstallSuccess: E, onInstallError: D }) => {
-	let { authToken: O, user: k } = e(), [A, j] = r(null), [M, N] = r(!1), [P, F] = r(null), [I, L] = r(null), { workspaces: R, loading: z, error: B } = C(!t);
-	n(() => {
-		t && (j(null), F(null), L(null));
-	}, [t]);
-	let V = R.filter((e) => e.status === "ACTIVE"), H = async () => {
-		if (!A) return;
-		let e = V.find((e) => e.id === A);
+var D = ({ isOpen: t, onClose: n, app: i, orderId: g, purchaseState: S = "free", onInstallSuccess: D, onInstallError: O }) => {
+	let { authToken: k, user: A } = e(), [j, M] = r(T, w), { selectedWorkspace: N, installing: P, installError: F, installInfo: I } = j, { workspaces: L, loading: R, error: z } = E(!t), B = L.filter((e) => e.status === "ACTIVE"), V = async () => {
+		if (!N) return;
+		let e = B.find((e) => e.id === N);
 		if (!e) return;
-		let t = k?.id;
-		N(!0), F(null), L(null);
+		let t = A?.id;
+		M({ type: "startInstall" });
 		try {
-			if (!w && T !== "purchased") {
+			if (!g && S !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
-				await m({
+				await h({
 					gateway: "global",
-					query: y,
+					query: b,
 					variables: { input: {
-						productId: x.id,
+						productId: i.id,
 						purchasedBy: t,
 						workspaceId: e.id,
 						metadata: {
 							source: "store-ui",
-							productType: x.type
+							productType: i.type
 						}
 					} },
-					authToken: O || void 0
+					authToken: k || void 0
 				});
 			}
-			let n = await m({
+			let r = await h({
 				gateway: "global",
-				query: v,
+				query: y,
 				variables: {
-					orderId: w ?? null,
-					productId: x.id,
+					orderId: g ?? null,
+					productId: i.id,
 					workspaceId: e.id
 				},
-				authToken: O || void 0
+				authToken: k || void 0
 			});
-			if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Installation failed");
-			let r = n.data?.installPurchasedApp;
-			if (r?.success) r.alreadyInstalled ? L(r.message || "Already installed on this workspace") : (E?.(e.id, e.name), h());
+			if (r.errors?.length) throw Error(r.errors[0]?.message ?? "Installation failed");
+			let a = r.data?.installPurchasedApp;
+			if (a?.success) a.alreadyInstalled ? M({
+				type: "setInfo",
+				info: a.message || "Already installed on this workspace"
+			}) : (D?.(e.id, e.name), n());
 			else {
-				let e = r?.error || "Installation failed";
-				F(S(e)), D?.(Error(e));
+				let e = a?.error || "Installation failed";
+				M({
+					type: "setError",
+					error: C(e)
+				}), O?.(Error(e));
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Installation failed";
-			F(S(t)), D?.(Error(t));
+			M({
+				type: "setError",
+				error: C(t)
+			}), O?.(Error(t));
 		} finally {
-			N(!1);
+			M({ type: "finishInstall" });
 		}
-	}, U = async () => {
-		if (!A) return;
-		let e = V.find((e) => e.id === A);
+	}, H = async () => {
+		if (!N) return;
+		let e = B.find((e) => e.id === N);
 		if (e) {
-			N(!0), F(null), L(null);
+			M({ type: "startInstall" });
 			try {
-				let t = await m({
+				let t = await h({
 					gateway: "workspace",
-					query: g,
+					query: _,
 					variables: {
 						workspaceIds: [e.id],
 						input: {
-							appName: x.slug || x.name.toLowerCase().replace(/\s+/g, "-"),
-							displayName: x.name,
-							version: x.version || "1.0.0",
-							type: x.type || "app",
+							appName: i.slug || i.name.toLowerCase().replace(/\s+/g, "-"),
+							displayName: i.name,
+							version: i.version || "1.0.0",
+							type: i.type || "app",
 							manifest: {
-								productId: x.id,
-								icon: x.icon
+								productId: i.id,
+								icon: i.icon
 							}
 						}
 					},
-					authToken: O || void 0
+					authToken: k || void 0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Installation failed");
-				let n = t.data?.installWorkspaceApps;
-				if (n?.successCount && n.successCount > 0) {
+				let r = t.data?.installWorkspaceApps;
+				if (r?.successCount && r.successCount > 0) {
 					try {
-						await m({
+						await h({
 							gateway: "global",
-							query: _,
+							query: v,
 							variables: { input: {
-								productId: x.id,
+								productId: i.id,
 								workspaceId: e.id,
 								workspaceName: e.name,
 								workspaceType: e.type,
 								organizationId: e.organizationId,
-								version: x.version || "1.0.0",
+								version: i.version || "1.0.0",
 								manifest: {
-									productId: x.id,
-									icon: x.icon,
-									slug: x.slug,
-									type: x.type
+									productId: i.id,
+									icon: i.icon,
+									slug: i.slug,
+									type: i.type
 								}
 							} },
-							authToken: O || void 0
+							authToken: k || void 0
 						});
 					} catch {}
-					E?.(e.id, e.name), h();
+					D?.(e.id, e.name), n();
 				} else {
-					let e = n?.results?.[0]?.error || "Installation failed";
-					F(S(e)), D?.(Error(e));
+					let e = r?.results?.[0]?.error || "Installation failed";
+					M({
+						type: "setError",
+						error: C(e)
+					}), O?.(Error(e));
 				}
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				F(S(t)), D?.(Error(t));
+				M({
+					type: "setError",
+					error: C(t)
+				}), O?.(Error(t));
 			} finally {
-				N(!1);
+				M({ type: "finishInstall" });
 			}
 		}
 	};
-	return t ? /* @__PURE__ */ p("div", {
+	return t ? /* @__PURE__ */ m("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ f("div", {
+		children: [/* @__PURE__ */ p("button", {
+			type: "button",
+			"aria-label": "Close modal",
 			className: "absolute inset-0 bg-bg-overlay/50 backdrop-blur-sm",
-			onClick: h
-		}), /* @__PURE__ */ p("div", {
-			role: "dialog",
+			onClick: n
+		}), /* @__PURE__ */ m("dialog", {
+			open: !0,
 			"aria-modal": "true",
 			"aria-labelledby": "install-app-modal-title",
 			className: "relative z-10 mx-4 w-full max-w-lg rounded-2xl border border-border-default bg-bg-surface shadow-2xl",
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between border-b border-border-default px-6 py-4",
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-3",
-						children: [x.icon ? /* @__PURE__ */ f("img", {
-							src: x.icon,
-							alt: x.name,
-							className: "h-10 w-10 rounded-lg object-cover"
-						}) : /* @__PURE__ */ f("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted",
-							children: x.name.charAt(0)
-						}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h2", {
+						children: [i.icon ? /* @__PURE__ */ p("img", {
+							src: i.icon,
+							alt: i.name,
+							className: "size-10 rounded-lg object-cover"
+						}) : /* @__PURE__ */ p("div", {
+							className: "flex size-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted",
+							children: i.name.charAt(0)
+						}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
 							id: "install-app-modal-title",
 							className: "text-lg font-semibold text-text-primary",
 							children: "Install App"
-						}), /* @__PURE__ */ f("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-sm text-text-muted",
-							children: x.name
+							children: i.name
 						})] })]
-					}), /* @__PURE__ */ f("button", {
-						onClick: h,
+					}), /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: n,
 						"aria-label": "Close install dialog",
 						className: "cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary",
-						children: /* @__PURE__ */ f(u, { className: "h-5 w-5" })
+						children: /* @__PURE__ */ p(d, { className: "size-5" })
 					})]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "px-6 py-4",
-					children: [/* @__PURE__ */ f("p", {
+					children: [/* @__PURE__ */ p("p", {
 						className: "mb-4 text-text-secondary",
 						children: "Select the workspace where you want to install this app:"
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "max-h-72 overflow-y-auto rounded-lg border border-border-default",
-						children: z ? /* @__PURE__ */ f("div", {
+						children: R ? /* @__PURE__ */ p("div", {
 							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ f(c, { className: "h-8 w-8 animate-spin text-text-muted" })
-						}) : B ? /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ p(l, { className: "size-8 animate-spin text-text-muted" })
+						}) : z ? /* @__PURE__ */ m("div", {
 							className: "flex flex-col items-center justify-center py-12 text-center",
 							children: [
-								/* @__PURE__ */ f(i, { className: "mb-2 h-8 w-8 text-status-error-text" }),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ p(a, { className: "mb-2 size-8 text-status-error-text" }),
+								/* @__PURE__ */ p("p", {
 									className: "text-sm text-status-error-text",
 									children: "Failed to load workspaces"
 								}),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ p("p", {
 									className: "text-xs text-text-muted mt-1",
-									children: B.message
+									children: z.message
 								})
 							]
-						}) : V.length === 0 ? /* @__PURE__ */ p("div", {
+						}) : B.length === 0 ? /* @__PURE__ */ m("div", {
 							className: "flex flex-col items-center justify-center py-12 text-center",
-							children: [/* @__PURE__ */ f(a, { className: "mb-2 h-8 w-8 text-text-muted" }), /* @__PURE__ */ f("p", {
+							children: [/* @__PURE__ */ p(o, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ p("p", {
 								className: "text-sm text-text-muted",
 								children: "No workspaces available"
 							})]
-						}) : /* @__PURE__ */ f("div", {
+						}) : /* @__PURE__ */ p("div", {
 							className: "divide-y divide-border-default",
-							children: V.map((e) => /* @__PURE__ */ p("button", {
-								onClick: () => j(e.id),
-								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${A === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
+							children: B.map((e) => /* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: () => M({
+									type: "selectWorkspace",
+									workspaceId: e.id
+								}),
+								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${N === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
 								children: [
-									/* @__PURE__ */ f("div", {
-										className: `flex h-10 w-10 items-center justify-center rounded-lg ${e.type === "user" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-action-primary-bg/10 text-text-link"}`,
-										children: e.type === "user" ? /* @__PURE__ */ f(l, { className: "h-5 w-5" }) : /* @__PURE__ */ f(a, { className: "h-5 w-5" })
-									}),
 									/* @__PURE__ */ p("div", {
+										className: `flex size-10 items-center justify-center rounded-lg ${e.type === "user" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-action-primary-bg/10 text-text-link"}`,
+										children: e.type === "user" ? /* @__PURE__ */ p(u, { className: "size-5" }) : /* @__PURE__ */ p(o, { className: "size-5" })
+									}),
+									/* @__PURE__ */ m("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ f("p", {
+										children: [/* @__PURE__ */ p("p", {
 											className: "font-medium text-text-primary truncate",
 											children: e.name
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ m("p", {
 											className: "text-xs text-text-muted",
 											children: [e.type === "user" ? "Personal" : "Team", " workspace"]
 										})]
 									}),
-									A === e.id && /* @__PURE__ */ f(o, { className: "h-5 w-5 flex-shrink-0 text-action-primary-bg" })
+									N === e.id && /* @__PURE__ */ p(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
 								]
 							}, e.id))
 						})
 					})]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "border-t border-border-default px-6 py-4",
 					children: [
-						I && /* @__PURE__ */ p("div", {
+						I && /* @__PURE__ */ m("div", {
 							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text",
-							children: [/* @__PURE__ */ f(s, { className: "h-4 w-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: I })]
+							children: [/* @__PURE__ */ p(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: I })]
 						}),
-						P && /* @__PURE__ */ p("div", {
+						F && /* @__PURE__ */ m("div", {
 							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text",
-							children: [/* @__PURE__ */ f(i, { className: "h-4 w-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: P })]
+							children: [/* @__PURE__ */ p(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: F })]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex items-center justify-end gap-3",
-							children: [/* @__PURE__ */ f("button", {
-								onClick: h,
-								disabled: M,
+							children: [/* @__PURE__ */ p("button", {
+								type: "button",
+								onClick: n,
+								disabled: P,
 								className: "cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
 								children: "Cancel"
-							}), /* @__PURE__ */ f("button", {
+							}), /* @__PURE__ */ p("button", {
+								type: "button",
 								onClick: async () => {
-									let e = x.type?.toUpperCase() ?? "";
-									T === "purchased" || w || b.has(e) ? await H() : await U();
+									let e = i.type?.toUpperCase() ?? "";
+									S === "purchased" || g || x.has(e) ? await V() : await H();
 								},
-								disabled: !A || M,
+								disabled: !N || P,
 								className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2",
-								children: M ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(c, { className: "h-4 w-4 animate-spin" }), "Installing..."] }) : "Install App"
+								children: P ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
 							})]
 						})
 					]
@@ -292,6 +346,6 @@ var w = ({ isOpen: t, onClose: h, app: x, orderId: w, purchaseState: T = "free",
 	}) : null;
 };
 //#endregion
-export { w as InstallAppModal };
+export { D as InstallAppModal };
 
 //# sourceMappingURL=InstallAppModal.js.map

package/dist/components/InstallAppModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstallAppModal.js","names":[],"sources":["../../src/components/InstallAppModal.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useCallback } from 'react';\nimport { X, Loader2, Building2, User, CheckCircle, AlertCircle, Info } from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useStore } from '../providers/StoreProvider';\n\n// Local type definitions for workspace operations\ninterface Workspace {\n  id: string;\n  name: string;\n  slug: string;\n  type?: string;\n  status?: string;\n  organizationId?: string;\n}\n\ninterface WorkspaceList {\n  items: Workspace[];\n  total: number;\n}\n\ninterface InstallWorkspaceAppsResult {\n  successCount: number;\n  failedCount: number;\n  results: Array<{\n    success: boolean;\n    workspaceId: string;\n    app?: unknown;\n    error?: string;\n  }>;\n}\n\n// String queries for graphqlFetch\nconst MY_WORKSPACES_STRING = `query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }`;\nconst INSTALL_WORKSPACE_APPS_STRING = `mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }`;\nconst RECORD_APP_INSTALLATION_STRING = `mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }`;\nconst INSTALL_PURCHASED_APP_STRING = `mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }`;\nconst CREATE_PRODUCT_ENTITLEMENT_STRING = `mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }`;\nconst STORE_DISTRIBUTED_TYPES = new Set([\n  'VIBEMODULE',\n  'NODE',\n  'CONSOLE',\n  'DASHBOARD',\n  'PARSER',\n  'DATASINK',\n]);\n\nconst INSTALL_ERROR_MESSAGES: Record<string, string> = {\n  ALREADY_INSTALLED: 'This app is already installed in the selected workspace.',\n  QUOTA_EXCEEDED: 'Installation limit reached. Please upgrade your plan or contact support.',\n  PERMISSION_DENIED: 'You do not have permission to install apps in this workspace.',\n  NOT_FOUND: 'The app or workspace could not be found.',\n  WORKSPACE_INACTIVE: 'The selected workspace is inactive.',\n  ENTITLEMENT_EXPIRED: 'Your license for this app has expired.',\n  UNSUPPORTED_TYPE: 'This product type cannot be installed in the selected workspace.',\n};\n\nfunction mapInstallError(raw: string): string {\n  for (const [code, message] of Object.entries(INSTALL_ERROR_MESSAGES)) {\n    if (raw.toUpperCase().includes(code)) return message;\n  }\n  return 'Installation failed. Please try again or contact support.';\n}\n\nexport interface AppInfo {\n  id: string;\n  name: string;\n  slug?: string;\n  icon?: string;\n  type?: string;\n  version?: string;\n}\n\ninterface InstallAppModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  app: AppInfo;\n  orderId?: string | null; // For purchased apps from orders page\n  purchaseState?: 'free' | 'purchased';\n  onInstallSuccess?: (workspaceId: string, workspaceName: string) => void;\n  onInstallError?: (error: Error) => void;\n}\n\ninterface UseWorkspacesResult {\n  workspaces: Workspace[];\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\n// NOTE: Inline Apollo clients removed. All GraphQL calls now use graphqlFetch\n// from fe-libs which automatically resolves gateway URLs and injects auth + locale headers.\n\n/**\n * Hook to fetch user's workspaces using graphqlFetch from fe-libs\n */\nfunction useWorkspaces(skip: boolean): UseWorkspacesResult {\n  const { authToken } = useStore();\n  const [workspaces, setWorkspaces] = useState<Workspace[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchWorkspaces = useCallback(async () => {\n    if (skip) return;\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await graphqlFetch<{ myWorkspaces: WorkspaceList }>({\n        gateway: 'global',\n        query: MY_WORKSPACES_STRING,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'GraphQL error');\n      }\n\n      setWorkspaces(result.data?.myWorkspaces?.items || []);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to fetch workspaces'));\n    } finally {\n      setLoading(false);\n    }\n  }, [authToken, skip]);\n\n  useEffect(() => {\n    fetchWorkspaces();\n  }, [fetchWorkspaces]);\n\n  return {\n    workspaces,\n    loading,\n    error,\n    refetch: fetchWorkspaces,\n  };\n}\n\n/**\n * InstallAppModal component\n *\n * Modal for selecting a workspace to install an app into\n */\nexport const InstallAppModal: FC<InstallAppModalProps> = ({\n  isOpen,\n  onClose,\n  app,\n  orderId,\n  purchaseState = 'free',\n  onInstallSuccess,\n  onInstallError,\n}) => {\n  const { authToken, user } = useStore();\n  const [selectedWorkspace, setSelectedWorkspace] = useState<string | null>(null);\n  const [installing, setInstalling] = useState(false);\n  const [installError, setInstallError] = useState<string | null>(null);\n  const [installInfo, setInstallInfo] = useState<string | null>(null);\n\n  const { workspaces, loading, error } = useWorkspaces(!isOpen);\n\n  // Reset selection when modal opens\n  useEffect(() => {\n    if (isOpen) {\n      setSelectedWorkspace(null);\n      setInstallError(null);\n      setInstallInfo(null);\n    }\n  }, [isOpen]);\n\n  // Filter workspaces by status (only show active)\n  const filteredWorkspaces = workspaces.filter((ws) => ws.status === 'ACTIVE');\n\n  /**\n   * Install purchased app via Store Service (NEW FLOW)\n   * Used when installing from orders page or any already-purchased product\n   */\n  const handleInstallFromStore = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n    const purchasedBy = user?.id;\n\n    setInstalling(true);\n    setInstallError(null);\n    setInstallInfo(null);\n\n    try {\n      if (!orderId && purchaseState !== 'purchased') {\n        if (!purchasedBy) {\n          throw new Error('Unable to identify the current user for license creation');\n        }\n\n        await graphqlFetch({\n          gateway: 'global',\n          query: CREATE_PRODUCT_ENTITLEMENT_STRING,\n          variables: {\n            input: {\n              productId: app.id,\n              purchasedBy,\n              workspaceId: workspace.id,\n              metadata: {\n                source: 'store-ui',\n                productType: app.type,\n              },\n            },\n          },\n          authToken: authToken || undefined,\n        });\n      }\n\n      // Call Store Service to install the purchased app\n      const result = await graphqlFetch<{\n        installPurchasedApp: {\n          success: boolean;\n          alreadyInstalled?: boolean;\n          installation?: {\n            id: string;\n            productId: string;\n            workspaceId: string;\n            status: string;\n            version: string;\n          };\n          error?: string;\n          message?: string;\n        };\n      }>({\n        gateway: 'global', // Store Service\n        query: INSTALL_PURCHASED_APP_STRING,\n        variables: {\n          orderId: orderId ?? null,\n          productId: app.id,\n          workspaceId: workspace.id,\n        },\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installPurchasedApp;\n\n      if (installResult?.success) {\n        if (installResult.alreadyInstalled) {\n          setInstallInfo(installResult.message || 'Already installed on this workspace');\n        } else {\n          onInstallSuccess?.(workspace.id, workspace.name);\n          onClose();\n        }\n      } else {\n        const rawMsg = installResult?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        setInstallError(errorMsg);\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      setInstallError(errorMsg);\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      setInstalling(false);\n    }\n  };\n\n  /**\n   * Install app via Workspace Service (LEGACY FLOW)\n   * Used for free apps or when installing without order\n   */\n  const handleInstallViaWorkspace = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n\n    setInstalling(true);\n    setInstallError(null);\n    setInstallInfo(null);\n\n    try {\n      // Step 1: Install to workspace service via graphqlFetch\n      const installVars = {\n        workspaceIds: [workspace.id],\n        input: {\n          appName: app.slug || app.name.toLowerCase().replace(/\\s+/g, '-'),\n          displayName: app.name,\n          version: app.version || '1.0.0',\n          type: app.type || 'app',\n          manifest: {\n            productId: app.id,\n            icon: app.icon,\n          },\n        },\n      };\n\n      const result = await graphqlFetch<{\n        installWorkspaceApps: InstallWorkspaceAppsResult;\n      }>({\n        gateway: 'workspace',\n        query: INSTALL_WORKSPACE_APPS_STRING,\n        variables: installVars,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installWorkspaceApps;\n      if (installResult?.successCount && installResult.successCount > 0) {\n        // Step 2: Record installation in store service (for tracking)\n        try {\n          await graphqlFetch({\n            gateway: 'global',\n            query: RECORD_APP_INSTALLATION_STRING,\n            variables: {\n              input: {\n                productId: app.id,\n                workspaceId: workspace.id,\n                workspaceName: workspace.name,\n                workspaceType: workspace.type,\n                organizationId: workspace.organizationId,\n                version: app.version || '1.0.0',\n                manifest: {\n                  productId: app.id,\n                  icon: app.icon,\n                  slug: app.slug,\n                  type: app.type,\n                },\n              },\n            },\n            authToken: authToken || undefined,\n          });\n        } catch {\n          // Non-fatal: workspace installation succeeded; store record will sync later.\n        }\n\n        onInstallSuccess?.(workspace.id, workspace.name);\n        onClose();\n      } else {\n        const rawMsg = installResult?.results?.[0]?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        setInstallError(errorMsg);\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      setInstallError(errorMsg);\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      setInstalling(false);\n    }\n  };\n\n  /**\n   * Main install handler - routes to appropriate install function\n   */\n  const handleInstall = async () => {\n    const appType = app.type?.toUpperCase() ?? '';\n\n    if (purchaseState === 'purchased' || orderId || STORE_DISTRIBUTED_TYPES.has(appType)) {\n      // Purchased products install through the store service.\n      await handleInstallFromStore();\n    } else {\n      // Free products install through the workspace service.\n      await handleInstallViaWorkspace();\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div className=\"absolute inset-0 bg-bg-overlay/50 backdrop-blur-sm\" onClick={onClose} />\n\n      {/* Modal */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"install-app-modal-title\"\n        className=\"relative z-10 mx-4 w-full max-w-lg rounded-2xl border border-border-default bg-bg-surface shadow-2xl\"\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between border-b border-border-default px-6 py-4\">\n          <div className=\"flex items-center gap-3\">\n            {app.icon ? (\n              <img src={app.icon} alt={app.name} className=\"h-10 w-10 rounded-lg object-cover\" />\n            ) : (\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted\">\n                {app.name.charAt(0)}\n              </div>\n            )}\n            <div>\n              <h2 id=\"install-app-modal-title\" className=\"text-lg font-semibold text-text-primary\">\n                Install App\n              </h2>\n              <p className=\"text-sm text-text-muted\">{app.name}</p>\n            </div>\n          </div>\n          <button\n            onClick={onClose}\n            aria-label=\"Close install dialog\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"px-6 py-4\">\n          <p className=\"mb-4 text-text-secondary\">\n            Select the workspace where you want to install this app:\n          </p>\n\n          {/* Workspace List */}\n          <div className=\"max-h-72 overflow-y-auto rounded-lg border border-border-default\">\n            {loading ? (\n              <div className=\"flex items-center justify-center py-12\">\n                <Loader2 className=\"h-8 w-8 animate-spin text-text-muted\" />\n              </div>\n            ) : error ? (\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <AlertCircle className=\"mb-2 h-8 w-8 text-status-error-text\" />\n                <p className=\"text-sm text-status-error-text\">Failed to load workspaces</p>\n                <p className=\"text-xs text-text-muted mt-1\">{error.message}</p>\n              </div>\n            ) : filteredWorkspaces.length === 0 ? (\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <Building2 className=\"mb-2 h-8 w-8 text-text-muted\" />\n                <p className=\"text-sm text-text-muted\">No workspaces available</p>\n              </div>\n            ) : (\n              <div className=\"divide-y divide-border-default\">\n                {filteredWorkspaces.map((workspace) => (\n                  <button\n                    key={workspace.id}\n                    onClick={() => setSelectedWorkspace(workspace.id)}\n                    className={`w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${\n                      selectedWorkspace === workspace.id\n                        ? 'bg-action-primary-bg/10'\n                        : 'transition-colors hover:bg-bg-sunken'\n                    }`}\n                  >\n                    {/* Workspace Icon */}\n                    <div\n                      className={`flex h-10 w-10 items-center justify-center rounded-lg ${\n                        workspace.type === 'user'\n                          ? 'bg-status-info-bg-subtle text-status-info-text'\n                          : 'bg-action-primary-bg/10 text-text-link'\n                      }`}\n                    >\n                      {workspace.type === 'user' ? (\n                        <User className=\"h-5 w-5\" />\n                      ) : (\n                        <Building2 className=\"h-5 w-5\" />\n                      )}\n                    </div>\n\n                    {/* Workspace Info */}\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium text-text-primary truncate\">{workspace.name}</p>\n                      <p className=\"text-xs text-text-muted\">\n                        {workspace.type === 'user' ? 'Personal' : 'Team'} workspace\n                      </p>\n                    </div>\n\n                    {/* Selection Indicator */}\n                    {selectedWorkspace === workspace.id && (\n                      <CheckCircle className=\"h-5 w-5 flex-shrink-0 text-action-primary-bg\" />\n                    )}\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div className=\"border-t border-border-default px-6 py-4\">\n          {/* Already-installed info */}\n          {installInfo && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text\">\n              <Info className=\"h-4 w-4 flex-shrink-0\" />\n              <span>{installInfo}</span>\n            </div>\n          )}\n          {/* Error message */}\n          {installError && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text\">\n              <AlertCircle className=\"h-4 w-4 flex-shrink-0\" />\n              <span>{installError}</span>\n            </div>\n          )}\n          <div className=\"flex items-center justify-end gap-3\">\n            <button\n              onClick={onClose}\n              disabled={installing}\n              className=\"cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleInstall}\n              disabled={!selectedWorkspace || installing}\n              className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2\"\n            >\n              {installing ? (\n                <>\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                  Installing...\n                </>\n              ) : (\n                'Install App'\n              )}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InstallAppModal.js","names":[],"sources":["../../src/components/InstallAppModal.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useCallback, useReducer } from 'react';\nimport { X, Loader2, Building2, User, CheckCircle, AlertCircle, Info } from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useStore } from '../providers/StoreProvider';\n\n// Local type definitions for workspace operations\ninterface Workspace {\n  id: string;\n  name: string;\n  slug: string;\n  type?: string;\n  status?: string;\n  organizationId?: string;\n}\n\ninterface WorkspaceList {\n  items: Workspace[];\n  total: number;\n}\n\ninterface InstallWorkspaceAppsResult {\n  successCount: number;\n  failedCount: number;\n  results: Array<{\n    success: boolean;\n    workspaceId: string;\n    app?: unknown;\n    error?: string;\n  }>;\n}\n\n// String queries for graphqlFetch\nconst MY_WORKSPACES_STRING = `query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }`;\nconst INSTALL_WORKSPACE_APPS_STRING = `mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }`;\nconst RECORD_APP_INSTALLATION_STRING = `mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }`;\nconst INSTALL_PURCHASED_APP_STRING = `mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }`;\nconst CREATE_PRODUCT_ENTITLEMENT_STRING = `mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }`;\nconst STORE_DISTRIBUTED_TYPES = new Set([\n  'VIBEMODULE',\n  'NODE',\n  'CONSOLE',\n  'DASHBOARD',\n  'PARSER',\n  'DATASINK',\n]);\n\nconst INSTALL_ERROR_MESSAGES: Record<string, string> = {\n  ALREADY_INSTALLED: 'This app is already installed in the selected workspace.',\n  QUOTA_EXCEEDED: 'Installation limit reached. Please upgrade your plan or contact support.',\n  PERMISSION_DENIED: 'You do not have permission to install apps in this workspace.',\n  NOT_FOUND: 'The app or workspace could not be found.',\n  WORKSPACE_INACTIVE: 'The selected workspace is inactive.',\n  ENTITLEMENT_EXPIRED: 'Your license for this app has expired.',\n  UNSUPPORTED_TYPE: 'This product type cannot be installed in the selected workspace.',\n};\n\nfunction mapInstallError(raw: string): string {\n  for (const [code, message] of Object.entries(INSTALL_ERROR_MESSAGES)) {\n    if (raw.toUpperCase().includes(code)) return message;\n  }\n  return 'Installation failed. Please try again or contact support.';\n}\n\ninterface InstallState {\n  selectedWorkspace: string | null;\n  installing: boolean;\n  installError: string | null;\n  installInfo: string | null;\n}\n\ntype InstallAction =\n  | { type: 'reset' }\n  | { type: 'selectWorkspace'; workspaceId: string }\n  | { type: 'startInstall' }\n  | { type: 'finishInstall' }\n  | { type: 'setError'; error: string }\n  | { type: 'setInfo'; info: string };\n\nconst initialInstallState: InstallState = {\n  selectedWorkspace: null,\n  installing: false,\n  installError: null,\n  installInfo: null,\n};\n\nfunction installReducer(state: InstallState, action: InstallAction): InstallState {\n  switch (action.type) {\n    case 'reset':\n      return initialInstallState;\n    case 'selectWorkspace':\n      return { ...state, selectedWorkspace: action.workspaceId };\n    case 'startInstall':\n      return { ...state, installing: true, installError: null, installInfo: null };\n    case 'finishInstall':\n      return { ...state, installing: false };\n    case 'setError':\n      return { ...state, installError: action.error };\n    case 'setInfo':\n      return { ...state, installInfo: action.info };\n    default:\n      return state;\n  }\n}\n\nexport interface AppInfo {\n  id: string;\n  name: string;\n  slug?: string;\n  icon?: string;\n  type?: string;\n  version?: string;\n}\n\ninterface InstallAppModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  app: AppInfo;\n  orderId?: string | null; // For purchased apps from orders page\n  purchaseState?: 'free' | 'purchased';\n  onInstallSuccess?: (workspaceId: string, workspaceName: string) => void;\n  onInstallError?: (error: Error) => void;\n}\n\ninterface UseWorkspacesResult {\n  workspaces: Workspace[];\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\n// NOTE: Inline Apollo clients removed. All GraphQL calls now use graphqlFetch\n// from fe-libs which automatically resolves gateway URLs and injects auth + locale headers.\n\n/**\n * Hook to fetch user's workspaces using graphqlFetch from fe-libs\n */\nfunction useWorkspaces(skip: boolean): UseWorkspacesResult {\n  const { authToken } = useStore();\n  const [workspaces, setWorkspaces] = useState<Workspace[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchWorkspaces = useCallback(async () => {\n    if (skip) return;\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await graphqlFetch<{ myWorkspaces: WorkspaceList }>({\n        gateway: 'global',\n        query: MY_WORKSPACES_STRING,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'GraphQL error');\n      }\n\n      setWorkspaces(result.data?.myWorkspaces?.items || []);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to fetch workspaces'));\n    } finally {\n      setLoading(false);\n    }\n  }, [authToken, skip]);\n\n  useEffect(() => {\n    fetchWorkspaces();\n  }, [fetchWorkspaces]);\n\n  return {\n    workspaces,\n    loading,\n    error,\n    refetch: fetchWorkspaces,\n  };\n}\n\n/**\n * InstallAppModal component\n *\n * Modal for selecting a workspace to install an app into\n */\nexport const InstallAppModal: FC<InstallAppModalProps> = ({\n  isOpen,\n  onClose,\n  app,\n  orderId,\n  purchaseState = 'free',\n  onInstallSuccess,\n  onInstallError,\n}) => {\n  const { authToken, user } = useStore();\n  const [installState, dispatchInstall] = useReducer(installReducer, initialInstallState);\n  const { selectedWorkspace, installing, installError, installInfo } = installState;\n\n  const { workspaces, loading, error } = useWorkspaces(!isOpen);\n\n  // Filter workspaces by status (only show active)\n  const filteredWorkspaces = workspaces.filter((ws) => ws.status === 'ACTIVE');\n\n  /**\n   * Install purchased app via Store Service (NEW FLOW)\n   * Used when installing from orders page or any already-purchased product\n   */\n  const handleInstallFromStore = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n    const purchasedBy = user?.id;\n\n    dispatchInstall({ type: 'startInstall' });\n\n    try {\n      if (!orderId && purchaseState !== 'purchased') {\n        if (!purchasedBy) {\n          throw new Error('Unable to identify the current user for license creation');\n        }\n\n        await graphqlFetch({\n          gateway: 'global',\n          query: CREATE_PRODUCT_ENTITLEMENT_STRING,\n          variables: {\n            input: {\n              productId: app.id,\n              purchasedBy,\n              workspaceId: workspace.id,\n              metadata: {\n                source: 'store-ui',\n                productType: app.type,\n              },\n            },\n          },\n          authToken: authToken || undefined,\n        });\n      }\n\n      // Call Store Service to install the purchased app\n      const result = await graphqlFetch<{\n        installPurchasedApp: {\n          success: boolean;\n          alreadyInstalled?: boolean;\n          installation?: {\n            id: string;\n            productId: string;\n            workspaceId: string;\n            status: string;\n            version: string;\n          };\n          error?: string;\n          message?: string;\n        };\n      }>({\n        gateway: 'global', // Store Service\n        query: INSTALL_PURCHASED_APP_STRING,\n        variables: {\n          orderId: orderId ?? null,\n          productId: app.id,\n          workspaceId: workspace.id,\n        },\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installPurchasedApp;\n\n      if (installResult?.success) {\n        if (installResult.alreadyInstalled) {\n          dispatchInstall({\n            type: 'setInfo',\n            info: installResult.message || 'Already installed on this workspace',\n          });\n        } else {\n          onInstallSuccess?.(workspace.id, workspace.name);\n          onClose();\n        }\n      } else {\n        const rawMsg = installResult?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        dispatchInstall({ type: 'setError', error: errorMsg });\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      dispatchInstall({ type: 'setError', error: errorMsg });\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      dispatchInstall({ type: 'finishInstall' });\n    }\n  };\n\n  /**\n   * Install app via Workspace Service (LEGACY FLOW)\n   * Used for free apps or when installing without order\n   */\n  const handleInstallViaWorkspace = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n\n    dispatchInstall({ type: 'startInstall' });\n\n    try {\n      // Step 1: Install to workspace service via graphqlFetch\n      const installVars = {\n        workspaceIds: [workspace.id],\n        input: {\n          appName: app.slug || app.name.toLowerCase().replace(/\\s+/g, '-'),\n          displayName: app.name,\n          version: app.version || '1.0.0',\n          type: app.type || 'app',\n          manifest: {\n            productId: app.id,\n            icon: app.icon,\n          },\n        },\n      };\n\n      const result = await graphqlFetch<{\n        installWorkspaceApps: InstallWorkspaceAppsResult;\n      }>({\n        gateway: 'workspace',\n        query: INSTALL_WORKSPACE_APPS_STRING,\n        variables: installVars,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installWorkspaceApps;\n      if (installResult?.successCount && installResult.successCount > 0) {\n        // Step 2: Record installation in store service (for tracking)\n        try {\n          await graphqlFetch({\n            gateway: 'global',\n            query: RECORD_APP_INSTALLATION_STRING,\n            variables: {\n              input: {\n                productId: app.id,\n                workspaceId: workspace.id,\n                workspaceName: workspace.name,\n                workspaceType: workspace.type,\n                organizationId: workspace.organizationId,\n                version: app.version || '1.0.0',\n                manifest: {\n                  productId: app.id,\n                  icon: app.icon,\n                  slug: app.slug,\n                  type: app.type,\n                },\n              },\n            },\n            authToken: authToken || undefined,\n          });\n        } catch {\n          // Non-fatal: workspace installation succeeded; store record will sync later.\n        }\n\n        onInstallSuccess?.(workspace.id, workspace.name);\n        onClose();\n      } else {\n        const rawMsg = installResult?.results?.[0]?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        dispatchInstall({ type: 'setError', error: errorMsg });\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      dispatchInstall({ type: 'setError', error: errorMsg });\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      dispatchInstall({ type: 'finishInstall' });\n    }\n  };\n\n  /**\n   * Main install handler - routes to appropriate install function\n   */\n  const handleInstall = async () => {\n    const appType = app.type?.toUpperCase() ?? '';\n\n    if (purchaseState === 'purchased' || orderId || STORE_DISTRIBUTED_TYPES.has(appType)) {\n      // Purchased products install through the store service.\n      await handleInstallFromStore();\n    } else {\n      // Free products install through the workspace service.\n      await handleInstallViaWorkspace();\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <button\n        type=\"button\"\n        aria-label=\"Close modal\"\n        className=\"absolute inset-0 bg-bg-overlay/50 backdrop-blur-sm\"\n        onClick={onClose}\n      />\n\n      {/* Modal */}\n      <dialog\n        open\n        aria-modal=\"true\"\n        aria-labelledby=\"install-app-modal-title\"\n        className=\"relative z-10 mx-4 w-full max-w-lg rounded-2xl border border-border-default bg-bg-surface shadow-2xl\"\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between border-b border-border-default px-6 py-4\">\n          <div className=\"flex items-center gap-3\">\n            {app.icon ? (\n              <img src={app.icon} alt={app.name} className=\"size-10 rounded-lg object-cover\" />\n            ) : (\n              <div className=\"flex size-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted\">\n                {app.name.charAt(0)}\n              </div>\n            )}\n            <div>\n              <h2 id=\"install-app-modal-title\" className=\"text-lg font-semibold text-text-primary\">\n                Install App\n              </h2>\n              <p className=\"text-sm text-text-muted\">{app.name}</p>\n            </div>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label=\"Close install dialog\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"px-6 py-4\">\n          <p className=\"mb-4 text-text-secondary\">\n            Select the workspace where you want to install this app:\n          </p>\n\n          {/* Workspace List */}\n          <div className=\"max-h-72 overflow-y-auto rounded-lg border border-border-default\">\n            {loading ? (\n              <div className=\"flex items-center justify-center py-12\">\n                <Loader2 className=\"size-8 animate-spin text-text-muted\" />\n              </div>\n            ) : error ? (\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <AlertCircle className=\"mb-2 size-8 text-status-error-text\" />\n                <p className=\"text-sm text-status-error-text\">Failed to load workspaces</p>\n                <p className=\"text-xs text-text-muted mt-1\">{error.message}</p>\n              </div>\n            ) : filteredWorkspaces.length === 0 ? (\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <Building2 className=\"mb-2 size-8 text-text-muted\" />\n                <p className=\"text-sm text-text-muted\">No workspaces available</p>\n              </div>\n            ) : (\n              <div className=\"divide-y divide-border-default\">\n                {filteredWorkspaces.map((workspace) => (\n                  <button\n                    type=\"button\"\n                    key={workspace.id}\n                    onClick={() =>\n                      dispatchInstall({ type: 'selectWorkspace', workspaceId: workspace.id })\n                    }\n                    className={`w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${\n                      selectedWorkspace === workspace.id\n                        ? 'bg-action-primary-bg/10'\n                        : 'transition-colors hover:bg-bg-sunken'\n                    }`}\n                  >\n                    {/* Workspace Icon */}\n                    <div\n                      className={`flex size-10 items-center justify-center rounded-lg ${\n                        workspace.type === 'user'\n                          ? 'bg-status-info-bg-subtle text-status-info-text'\n                          : 'bg-action-primary-bg/10 text-text-link'\n                      }`}\n                    >\n                      {workspace.type === 'user' ? (\n                        <User className=\"size-5\" />\n                      ) : (\n                        <Building2 className=\"size-5\" />\n                      )}\n                    </div>\n\n                    {/* Workspace Info */}\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium text-text-primary truncate\">{workspace.name}</p>\n                      <p className=\"text-xs text-text-muted\">\n                        {workspace.type === 'user' ? 'Personal' : 'Team'} workspace\n                      </p>\n                    </div>\n\n                    {/* Selection Indicator */}\n                    {selectedWorkspace === workspace.id && (\n                      <CheckCircle className=\"size-5 flex-shrink-0 text-action-primary-bg\" />\n                    )}\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div className=\"border-t border-border-default px-6 py-4\">\n          {/* Already-installed info */}\n          {installInfo && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text\">\n              <Info className=\"size-4 flex-shrink-0\" />\n              <span>{installInfo}</span>\n            </div>\n          )}\n          {/* Error message */}\n          {installError && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text\">\n              <AlertCircle className=\"size-4 flex-shrink-0\" />\n              <span>{installError}</span>\n            </div>\n          )}\n          <div className=\"flex items-center justify-end gap-3\">\n            <button\n              type=\"button\"\n              onClick={onClose}\n              disabled={installing}\n              className=\"cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleInstall}\n              disabled={!selectedWorkspace || installing}\n              className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2\"\n            >\n              {installing ? (\n                <>\n                  <Loader2 className=\"size-4 animate-spin\" />\n                  Installing…\n                </>\n              ) : (\n                'Install App'\n              )}\n            </button>\n          </div>\n        </div>\n      </dialog>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/PermissionGuard.js

@@ -0,0 +1,8 @@
+import { AccessDenied as e } from "./AccessDenied.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/components/PermissionGuard.tsx
+var r = ({ allowed: r, children: i }) => r ? /* @__PURE__ */ n(t, { children: i }) : /* @__PURE__ */ n(e, {});
+//#endregion
+export { r as PermissionGuard };
+
+//# sourceMappingURL=PermissionGuard.js.map

package/dist/components/PermissionGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionGuard.js","names":[],"sources":["../../src/components/PermissionGuard.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { AccessDenied } from './AccessDenied';\n\n/**\n * Route-level permission guard that shows AccessDenied when permission check fails\n */\nexport const PermissionGuard: FC<{ allowed: boolean; children: ReactNode }> = ({\n  allowed,\n  children,\n}) => {\n  if (!allowed) {\n    return <AccessDenied />;\n  }\n  return <>{children}</>;\n};\n"],"mappings":";;;AAMA,IAAa,KAAkE,EAC7E,YACA,kBAEK,IAGE,kBAAA,GAAA,EAAG,aAAY,CAAA,GAFb,kBAAC,GAAD,EAAgB,CAAA"}