@burdenoff/microfe-store 2026.625.3 → 2026.625.5

package/dist/components/InstallAppModal.js

@@ -1,18 +1,17 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 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 } from "lucide-react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { graphqlFetch as p } from "@burdenoff/fe-libs/shared/graphql";
-import { Dialog as m, DialogContent as h, DialogDescription as g, DialogFooter as _, DialogHeader as v, DialogTitle as y } from "@burdenoff/fe-libs/ui";
+import { AlertCircle as a, Building2 as o, CheckCircle as s, Info as c, Loader2 as l, ShieldCheck 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 b = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", x = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", S = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", C = "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 } }", w = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", T = 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"
-]), E = {
+]), 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.",
@@ -21,19 +20,19 @@ var b = "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 D(e) {
-	for (let [t, n] of Object.entries(E)) 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.";
 }
-var O = {
+var w = {
 	selectedWorkspace: null,
 	installing: !1,
 	installError: null,
 	installInfo: null
 };
-function k(e, t) {
+function T(e, t) {
 	switch (t.type) {
-		case "reset": return O;
+		case "reset": return w;
 		case "selectWorkspace": return {
 			...e,
 			selectedWorkspace: t.workspaceId
@@ -59,14 +58,14 @@ function k(e, t) {
 		default: return e;
 	}
 }
-function A(r) {
+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 p({
+				let e = await h({
 					gateway: "global",
-					query: b,
+					query: g,
 					authToken: a || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "GraphQL error");
@@ -87,254 +86,335 @@ function A(r) {
 		refetch: f
 	};
 }
-var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free", onInstallSuccess: j, onInstallError: M }) => {
-	let { authToken: N, user: P } = e(), [F, I] = r(k, O), { selectedWorkspace: L, installing: R, installError: z, installInfo: B } = F, { workspaces: V, loading: H, error: U } = A(!t), W = V.filter((e) => e.status === "ACTIVE"), G = async () => {
-		if (!L) return;
-		let e = W.find((e) => e.id === L);
+var D = ({ isOpen: t, onClose: g, app: S, orderId: D, purchaseState: O = "free", onInstallSuccess: k, onInstallError: A }) => {
+	let { authToken: j, user: M } = e(), [N, P] = r(T, w), { selectedWorkspace: F, installing: I, installError: L, installInfo: R } = N, z = S.requiredPermissions ?? [], [B, V] = i(z.length > 0 ? "permissions" : "workspace");
+	n(() => {
+		t && (V(z.length > 0 ? "permissions" : "workspace"), P({ type: "reset" }));
+	}, [t, z.length]);
+	let { workspaces: H, loading: U, error: W } = E(!t || B === "permissions"), G = H.filter((e) => e.status === "ACTIVE"), K = async () => {
+		if (!F) return;
+		let e = G.find((e) => e.id === F);
 		if (!e) return;
-		let t = P?.id;
-		I({ type: "startInstall" });
+		let t = M?.id;
+		P({ type: "startInstall" });
 		try {
-			if (!b && E !== "purchased") {
+			if (!D && O !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
-				await p({
+				await h({
 					gateway: "global",
-					query: w,
+					query: b,
 					variables: { input: {
-						productId: i.id,
+						productId: S.id,
 						purchasedBy: t,
 						workspaceId: e.id,
 						metadata: {
 							source: "store-ui",
-							productType: i.type
+							productType: S.type
 						}
 					} },
-					authToken: N || void 0
+					authToken: j || void 0
 				});
 			}
-			let r = await p({
+			let n = await h({
 				gateway: "global",
-				query: C,
+				query: y,
 				variables: {
-					orderId: b ?? null,
-					productId: i.id,
+					orderId: D ?? null,
+					productId: S.id,
 					workspaceId: e.id
 				},
-				authToken: N || void 0
+				authToken: j || void 0
 			});
-			if (r.errors?.length) throw Error(r.errors[0]?.message ?? "Installation failed");
-			let a = r.data?.installPurchasedApp;
-			if (a?.success) a.alreadyInstalled ? I({
+			if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Installation failed");
+			let r = n.data?.installPurchasedApp;
+			if (r?.success) r.alreadyInstalled ? P({
 				type: "setInfo",
-				info: a.message || "Already installed on this workspace"
-			}) : (j?.(e.id, e.name), n());
+				info: r.message || "Already installed on this workspace"
+			}) : (k?.(e.id, e.name), g());
 			else {
-				let e = a?.error || "Installation failed";
-				I({
+				let e = r?.error || "Installation failed";
+				P({
 					type: "setError",
-					error: D(e)
-				}), M?.(Error(e));
+					error: C(e)
+				}), A?.(Error(e));
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Installation failed";
-			I({
+			P({
 				type: "setError",
-				error: D(t)
-			}), M?.(Error(t));
+				error: C(t)
+			}), A?.(Error(t));
 		} finally {
-			I({ type: "finishInstall" });
+			P({ type: "finishInstall" });
 		}
-	}, K = async () => {
-		if (!L) return;
-		let e = W.find((e) => e.id === L);
+	}, q = async () => {
+		if (!F) return;
+		let e = G.find((e) => e.id === F);
 		if (e) {
-			I({ type: "startInstall" });
+			P({ type: "startInstall" });
 			try {
-				let t = await p({
+				let t = await h({
 					gateway: "workspace",
-					query: x,
+					query: _,
 					variables: {
 						workspaceIds: [e.id],
 						input: {
-							appName: i.slug || i.name.toLowerCase().replace(/\s+/g, "-"),
-							displayName: i.name,
-							version: i.version || "1.0.0",
-							type: i.type || "app",
+							appName: S.slug || S.name.toLowerCase().replace(/\s+/g, "-"),
+							displayName: S.name,
+							version: S.version || "1.0.0",
+							type: S.type || "app",
 							manifest: {
-								productId: i.id,
-								icon: i.icon
+								productId: S.id,
+								icon: S.icon
 							}
 						}
 					},
-					authToken: N || void 0,
+					authToken: j || void 0,
 					workspaceId: e.id,
 					workspaceToken: !0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Installation failed");
-				let r = t.data?.installWorkspaceApps;
-				if (r?.successCount && r.successCount > 0) {
+				let n = t.data?.installWorkspaceApps;
+				if (n?.successCount && n.successCount > 0) {
 					try {
-						await p({
+						await h({
 							gateway: "global",
-							query: S,
+							query: v,
 							variables: { input: {
-								productId: i.id,
+								productId: S.id,
 								workspaceId: e.id,
 								workspaceName: e.name,
 								workspaceType: e.type,
 								organizationId: e.organizationId,
-								version: i.version || "1.0.0",
+								version: S.version || "1.0.0",
 								manifest: {
-									productId: i.id,
-									icon: i.icon,
-									slug: i.slug,
-									type: i.type
+									productId: S.id,
+									icon: S.icon,
+									slug: S.slug,
+									type: S.type
 								}
 							} },
-							authToken: N || void 0
+							authToken: j || void 0
 						});
 					} catch {}
-					j?.(e.id, e.name), n();
+					k?.(e.id, e.name), g();
 				} else {
-					let e = r?.results?.[0]?.error || "Installation failed";
-					I({
+					let e = n?.results?.[0]?.error || "Installation failed";
+					P({
 						type: "setError",
-						error: D(e)
-					}), M?.(Error(e));
+						error: C(e)
+					}), A?.(Error(e));
 				}
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				I({
+				P({
 					type: "setError",
-					error: D(t)
-				}), M?.(Error(t));
+					error: C(t)
+				}), A?.(Error(t));
 			} finally {
-				I({ type: "finishInstall" });
+				P({ type: "finishInstall" });
 			}
 		}
+	}, J = async () => {
+		let e = S.type?.toUpperCase() ?? "";
+		O === "purchased" || D || x.has(e) ? await K() : await q();
 	};
-	return /* @__PURE__ */ d(m, {
-		open: t,
-		onOpenChange: (e) => !e && n(),
-		children: /* @__PURE__ */ f(h, {
-			className: "mx-4 w-full max-w-lg gap-0 p-0",
+	if (!t) return null;
+	let Y = B === "permissions" ? "Review Permissions" : "Install App";
+	return /* @__PURE__ */ m("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ p("button", {
+			type: "button",
+			"aria-label": "Close modal",
+			className: "absolute inset-0 bg-bg-overlay/50 backdrop-blur-sm",
+			onClick: g
+		}), /* @__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__ */ d(v, {
-					className: "flex flex-row items-center justify-between space-y-0 border-b border-border-default px-6 py-4 text-left",
-					children: /* @__PURE__ */ f("div", {
+				/* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between border-b border-border-default px-6 py-4",
+					children: [/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-3",
-						children: [i.icon ? /* @__PURE__ */ d("img", {
-							src: i.icon,
-							alt: i.name,
+						children: [S.icon ? /* @__PURE__ */ p("img", {
+							src: S.icon,
+							alt: S.name,
 							className: "size-10 rounded-lg object-cover"
-						}) : /* @__PURE__ */ d("div", {
+						}) : /* @__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__ */ f("div", { children: [/* @__PURE__ */ d(y, {
+							children: S.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__ */ d(g, {
+							children: Y
+						}), /* @__PURE__ */ p("p", {
 							className: "text-sm text-text-muted",
-							children: i.name
+							children: S.name
 						})] })]
-					})
+					}), /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: g,
+						"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__ */ p(d, { className: "size-5" })
+					})]
 				}),
-				/* @__PURE__ */ f("div", {
+				B === "permissions" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
 					className: "px-6 py-4",
-					children: [/* @__PURE__ */ d("p", {
-						className: "mb-4 text-text-secondary",
-						children: "Select the workspace where you want to install this app:"
-					}), /* @__PURE__ */ d("div", {
-						className: "max-h-72 overflow-y-auto rounded-lg border border-border-seam",
-						children: H ? /* @__PURE__ */ d("div", {
-							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ d(l, { className: "size-8 animate-spin text-text-muted" })
-						}) : U ? /* @__PURE__ */ f("div", {
-							className: "flex flex-col items-center justify-center py-12 text-center",
-							children: [
-								/* @__PURE__ */ d(a, { className: "mb-2 size-8 text-status-error-text" }),
-								/* @__PURE__ */ d("p", {
-									className: "text-sm text-status-error-text",
-									children: "Failed to load workspaces"
-								}),
-								/* @__PURE__ */ d("p", {
-									className: "text-xs text-text-muted mt-1",
-									children: U.message
-								})
-							]
-						}) : W.length === 0 ? /* @__PURE__ */ f("div", {
-							className: "flex flex-col items-center justify-center py-12 text-center",
-							children: [/* @__PURE__ */ d(o, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ d("p", {
-								className: "text-sm text-text-muted",
-								children: "No workspaces available"
-							})]
-						}) : /* @__PURE__ */ d("div", {
-							className: "divide-y divide-border-default",
-							children: W.map((e) => /* @__PURE__ */ f("button", {
-								type: "button",
-								onClick: () => I({
-									type: "selectWorkspace",
-									workspaceId: e.id
-								}),
-								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${L === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
+					children: [
+						/* @__PURE__ */ m("p", {
+							className: "mb-1 text-sm text-text-secondary",
+							children: [/* @__PURE__ */ p("span", {
+								className: "font-medium text-text-primary",
+								children: S.name
+							}), " requests access to the following data in your workspace. You must accept to continue."]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "mt-4 max-h-72 overflow-y-auto space-y-2",
+							children: z.map((e) => /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-3 rounded-lg bg-bg-sunken px-4 py-3",
+								children: [/* @__PURE__ */ p(u, { className: "size-5 flex-shrink-0 text-status-success-text" }), /* @__PURE__ */ p("span", {
+									className: "text-sm text-text-primary",
+									children: e
+								})]
+							}, e))
+						}),
+						/* @__PURE__ */ p("p", {
+							className: "mt-3 text-xs text-text-muted",
+							children: "These permissions will be recorded. You will be notified if they change in a future version."
+						})
+					]
+				}), /* @__PURE__ */ m("div", {
+					className: "border-t border-border-default px-6 py-4 flex items-center justify-end gap-3",
+					children: [/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: g,
+						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",
+						children: "Cancel"
+					}), /* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: () => V("workspace"),
+						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 inline-flex items-center gap-2",
+						children: [/* @__PURE__ */ p(s, { className: "size-4" }), "Accept & Continue"]
+					})]
+				})] }),
+				B === "workspace" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+					className: "px-6 py-4",
+					children: [
+						z.length > 0 && /* @__PURE__ */ m("div", {
+							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text",
+							children: [/* @__PURE__ */ p(s, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ m("span", { children: [
+								"Permissions accepted (",
+								z.length,
+								" permission",
+								z.length === 1 ? "" : "s",
+								")"
+							] })]
+						}),
+						/* @__PURE__ */ p("p", {
+							className: "mb-4 text-text-secondary",
+							children: "Select the workspace where you want to install this app:"
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "max-h-64 overflow-y-auto rounded-lg border border-border-default",
+							children: U ? /* @__PURE__ */ p("div", {
+								className: "flex items-center justify-center py-12",
+								children: /* @__PURE__ */ p(l, { className: "size-8 animate-spin text-text-muted" })
+							}) : W ? /* @__PURE__ */ m("div", {
+								className: "flex flex-col items-center justify-center py-12 text-center",
 								children: [
-									/* @__PURE__ */ d("div", {
-										className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
-										children: /* @__PURE__ */ d(o, { className: "size-5" })
+									/* @__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("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ d("p", {
-											className: "font-medium text-text-primary truncate",
-											children: e.name
-										}), e.slug ? /* @__PURE__ */ f("p", {
-											className: "text-xs text-text-muted truncate",
-											children: ["/", e.slug]
-										}) : null]
-									}),
-									L === e.id && /* @__PURE__ */ d(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+									/* @__PURE__ */ p("p", {
+										className: "text-xs text-text-muted mt-1",
+										children: W.message
+									})
 								]
-							}, e.id))
+							}) : G.length === 0 ? /* @__PURE__ */ m("div", {
+								className: "flex flex-col items-center justify-center py-12 text-center",
+								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__ */ p("div", {
+								className: "divide-y divide-border-default",
+								children: G.map((e) => /* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: () => P({
+										type: "selectWorkspace",
+										workspaceId: e.id
+									}),
+									className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${F === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
+									children: [
+										/* @__PURE__ */ p("div", {
+											className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
+											children: /* @__PURE__ */ p(o, { className: "size-5" })
+										}),
+										/* @__PURE__ */ m("div", {
+											className: "flex-1 min-w-0",
+											children: [/* @__PURE__ */ p("p", {
+												className: "font-medium text-text-primary truncate",
+												children: e.name
+											}), e.slug ? /* @__PURE__ */ m("p", {
+												className: "text-xs text-text-muted truncate",
+												children: ["/", e.slug]
+											}) : null]
+										}),
+										F === e.id && /* @__PURE__ */ p(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+									]
+								}, e.id))
+							})
 						})
-					})]
-				}),
-				/* @__PURE__ */ f(_, {
-					className: "block border-t border-border-default px-6 py-4 sm:flex-col sm:items-stretch sm:space-x-0",
+					]
+				}), /* @__PURE__ */ m("div", {
+					className: "border-t border-border-default px-6 py-4",
 					children: [
-						B && /* @__PURE__ */ f("div", {
+						R && /* @__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__ */ d(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ d("span", { children: B })]
+							children: [/* @__PURE__ */ p(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: R })]
 						}),
-						z && /* @__PURE__ */ f("div", {
+						L && /* @__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__ */ d(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ d("span", { children: z })]
+							children: [/* @__PURE__ */ p(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: L })]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex items-center justify-end gap-3",
-							children: [/* @__PURE__ */ d("button", {
-								type: "button",
-								onClick: n,
-								disabled: R,
-								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__ */ d("button", {
-								type: "button",
-								onClick: async () => {
-									let e = i.type?.toUpperCase() ?? "";
-									E === "purchased" || b || T.has(e) ? await G() : await K();
-								},
-								disabled: !L || R,
-								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: R ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
-							})]
+							children: [
+								z.length > 0 && /* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: () => V("permissions"),
+									disabled: I,
+									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: "Back"
+								}),
+								/* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: g,
+									disabled: I,
+									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__ */ p("button", {
+									type: "button",
+									onClick: J,
+									disabled: !F || I,
+									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: I ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
+								})
+							]
 						})
 					]
-				})
+				})] })
 			]
-		})
+		})]
 	});
 };
 //#endregion
-export { j as InstallAppModal };
+export { D as InstallAppModal };
 
 //# sourceMappingURL=InstallAppModal.js.map