@burdenoff/microfe-store 2026.703.1 → 2026.704.1

package/dist/components/InstallAppModal.js

@@ -1,18 +1,18 @@
 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 { graphqlFetch as u } from "@burdenoff/fe-libs/shared/graphql";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-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, ArrowLeft as o, Building2 as s, CheckCircle as c, ChevronRight as l, Info as u, Loader2 as d, ShieldCheck as f } from "lucide-react";
+import { graphqlFetch as p } from "@burdenoff/fe-libs/shared/graphql";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Dialog as _, DialogContent as v, DialogDescription as ee, DialogFooter as y, DialogHeader as b, DialogTitle as x } from "@burdenoff/fe-libs/ui";
 //#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 S = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", C = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", w = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", T = "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 } }", E = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", D = "mutation InstallAppDevportal($input: InstallAppInput!) { installApp(input: $input) { id status workspaceId application { oauthAuthUrl } } }", O = new Set([
 	"VIBEMODULE",
 	"NODE",
 	"CONSOLE",
 	"DASHBOARD",
 	"PARSER",
 	"DATASINK"
-]), E = {
+]), k = new Set(["INTEGRATION", "API_INTEGRATION"]), A = {
 	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,23 +21,34 @@ 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 j(e) {
+	for (let [t, n] of Object.entries(A)) if (e.toUpperCase().includes(t)) return n;
 	return "Installation failed. Please try again or contact support.";
 }
-var O = {
+var M = {
+	step: "workspace",
 	selectedWorkspace: null,
 	installing: !1,
 	installError: null,
 	installInfo: null
 };
-function k(e, t) {
+function N(e, t) {
 	switch (t.type) {
-		case "reset": return O;
+		case "reset": return M;
 		case "selectWorkspace": return {
 			...e,
 			selectedWorkspace: t.workspaceId
 		};
+		case "advanceToConsent": return {
+			...e,
+			step: "consent",
+			installError: null
+		};
+		case "backToWorkspace": return {
+			...e,
+			step: "workspace",
+			installError: null
+		};
 		case "startInstall": return {
 			...e,
 			installing: !0,
@@ -59,274 +70,428 @@ function k(e, t) {
 		default: return e;
 	}
 }
-function A(r) {
-	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1), [d, f] = i(null), p = t(async () => {
+function P(r) {
+	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1), [u, d] = i(null), f = t(async () => {
 		if (!r) {
-			l(!0), f(null);
+			l(!0), d(null);
 			try {
-				let e = await u({
+				let e = await p({
 					gateway: "global",
-					query: b,
+					query: S,
 					authToken: a || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "GraphQL error");
 				s(e.data?.myWorkspaces?.items || []);
 			} catch (e) {
-				f(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch workspaces"));
+				d(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch workspaces"));
 			} finally {
 				l(!1);
 			}
 		}
 	}, [a, r]);
 	return n(() => {
-		p();
-	}, [p]), {
+		f();
+	}, [f]), {
 		workspaces: o,
 		loading: c,
-		error: d,
-		refetch: p
+		error: u,
+		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 F = ({ isOpen: t, onClose: i, app: S, orderId: A, purchaseState: F = "free", onInstallSuccess: I, onInstallError: L }) => {
+	let { authToken: R, user: te } = e(), [z, B] = r(N, M), { step: V, selectedWorkspace: H, installing: U, installError: W, installInfo: G } = z, K = S.type?.toUpperCase() ?? "", q = k.has(K), { workspaces: J, loading: Y, error: X } = P(!t);
+	n(() => {
+		t || B({ type: "reset" });
+	}, [t]);
+	let Z = J.filter((e) => e.status === "ACTIVE"), ne = async () => {
+		if (!H) return;
+		let e = Z.find((e) => e.id === H);
 		if (!e) return;
-		let t = P?.id;
-		I({ type: "startInstall" });
+		let t = te?.id;
+		B({ type: "startInstall" });
 		try {
-			if (!b && E !== "purchased") {
+			if (!A && F !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
-				await u({
+				await p({
 					gateway: "global",
-					query: w,
+					query: E,
 					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: R || void 0
 				});
 			}
-			let r = await u({
+			let n = await p({
 				gateway: "global",
-				query: C,
+				query: T,
 				variables: {
-					orderId: b ?? null,
-					productId: i.id,
+					orderId: A ?? null,
+					productId: S.id,
 					workspaceId: e.id
 				},
-				authToken: N || void 0
+				authToken: R || 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 ? B({
 				type: "setInfo",
-				info: a.message || "Already installed on this workspace"
-			}) : (j?.(e.id, e.name), n());
+				info: r.message || "Already installed on this workspace"
+			}) : (I?.(e.id, e.name), i());
 			else {
-				let e = a?.error || "Installation failed";
-				I({
+				let e = r?.error || "Installation failed";
+				B({
 					type: "setError",
-					error: D(e)
-				}), M?.(Error(e));
+					error: j(e)
+				}), L?.(Error(e));
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Installation failed";
-			I({
+			B({
 				type: "setError",
-				error: D(t)
-			}), M?.(Error(t));
+				error: j(t)
+			}), L?.(Error(t));
 		} finally {
-			I({ type: "finishInstall" });
+			B({ type: "finishInstall" });
 		}
-	}, K = async () => {
-		if (!L) return;
-		let e = W.find((e) => e.id === L);
+	}, re = async () => {
+		if (!H) return;
+		let e = Z.find((e) => e.id === H);
 		if (e) {
-			I({ type: "startInstall" });
+			B({ type: "startInstall" });
 			try {
-				let t = await u({
+				let t = await p({
 					gateway: "workspace",
-					query: x,
+					query: C,
 					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: R || 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 u({
+						await p({
 							gateway: "global",
-							query: S,
+							query: w,
 							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
+									name: S.name,
+									productId: S.id,
+									icon: S.icon,
+									slug: S.slug,
+									type: S.type
 								}
 							} },
-							authToken: N || void 0
+							authToken: R || void 0
 						});
 					} catch {}
-					j?.(e.id, e.name), n();
+					I?.(e.id, e.name), i();
 				} else {
-					let e = r?.results?.[0]?.error || "Installation failed";
-					I({
+					let e = n?.results?.[0]?.error || "Installation failed";
+					B({
 						type: "setError",
-						error: D(e)
-					}), M?.(Error(e));
+						error: j(e)
+					}), L?.(Error(e));
 				}
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				I({
+				B({
 					type: "setError",
-					error: D(t)
-				}), M?.(Error(t));
+					error: j(t)
+				}), L?.(Error(t));
 			} finally {
-				I({ type: "finishInstall" });
+				B({ type: "finishInstall" });
 			}
 		}
-	};
-	return /* @__PURE__ */ f(m, {
+	}, ie = () => {
+		q ? B({ type: "advanceToConsent" }) : Q();
+	}, ae = async () => {
+		if (!H) return;
+		let e = Z.find((e) => e.id === H);
+		if (e) {
+			B({ type: "startInstall" });
+			try {
+				let t = await p({
+					gateway: "global",
+					query: D,
+					variables: { input: {
+						applicationId: S.applicationId ?? S.id,
+						scope: "WORKSPACE",
+						workspaceId: e.id,
+						consentedPermissions: S.permissions ?? []
+					} },
+					authToken: R || void 0
+				});
+				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Installation failed");
+				let n = t.data?.installApp;
+				if (!n) throw Error("Installation failed");
+				try {
+					await p({
+						gateway: "global",
+						query: w,
+						variables: { input: {
+							productId: S.id,
+							workspaceId: e.id,
+							workspaceName: e.name,
+							workspaceType: e.type,
+							organizationId: e.organizationId,
+							version: S.version || "1.0.0",
+							manifest: {
+								name: S.name,
+								applicationId: S.applicationId,
+								productId: S.id,
+								icon: S.icon,
+								slug: S.slug,
+								type: S.type,
+								installationId: n.id
+							}
+						} },
+						authToken: R || void 0
+					});
+				} catch {}
+				let r = n.application?.oauthAuthUrl;
+				r && window.open(`${r}?installation_id=${n.id}`, "_blank"), I?.(e.id, e.name), i();
+			} catch (e) {
+				let t = e instanceof Error ? e.message : "Installation failed";
+				B({
+					type: "setError",
+					error: j(t)
+				}), L?.(Error(t));
+			} finally {
+				B({ type: "finishInstall" });
+			}
+		}
+	}, Q = async () => {
+		k.has(K) ? await ae() : F === "purchased" || A || O.has(K) ? await ne() : await re();
+	}, $ = Z.find((e) => e.id === H);
+	return /* @__PURE__ */ h(_, {
 		open: t,
-		onOpenChange: (e) => !e && n(),
-		children: /* @__PURE__ */ p(h, {
+		onOpenChange: (e) => !e && i(),
+		children: /* @__PURE__ */ g(v, {
 			className: "mx-4 w-full max-w-lg gap-0 p-0",
 			children: [
-				/* @__PURE__ */ f(v, {
+				/* @__PURE__ */ g(b, {
 					className: "flex flex-row items-center justify-between space-y-0 border-b border-border-default px-6 py-4 text-left",
-					children: /* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
-						children: [i.icon ? /* @__PURE__ */ f("img", {
-							src: i.icon,
-							alt: i.name,
+						children: [S.icon ? /* @__PURE__ */ h("img", {
+							src: S.icon,
+							alt: S.name,
 							className: "size-10 rounded-lg object-cover"
-						}) : /* @__PURE__ */ f("div", {
+						}) : /* @__PURE__ */ h("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__ */ p("div", { children: [/* @__PURE__ */ f(y, {
+							children: S.name.charAt(0)
+						}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(x, {
 							className: "text-lg font-semibold text-text-primary",
-							children: "Install App"
-						}), /* @__PURE__ */ f(g, {
+							children: V === "consent" ? "Review Permissions" : "Install App"
+						}), /* @__PURE__ */ h(ee, {
 							className: "text-sm text-text-muted",
-							children: i.name
+							children: S.name
 						})] })]
-					})
+					}), q && /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-1.5 text-xs text-text-muted shrink-0",
+						children: [
+							/* @__PURE__ */ h("span", {
+								className: V === "workspace" ? "font-semibold text-text-primary" : "",
+								children: "1"
+							}),
+							/* @__PURE__ */ h(l, { className: "size-3" }),
+							/* @__PURE__ */ h("span", {
+								className: V === "consent" ? "font-semibold text-text-primary" : "",
+								children: "2"
+							})
+						]
+					})]
 				}),
-				/* @__PURE__ */ p("div", {
+				V === "workspace" && /* @__PURE__ */ g("div", {
 					className: "px-6 py-4",
-					children: [/* @__PURE__ */ f("p", {
+					children: [/* @__PURE__ */ h("p", {
 						className: "mb-4 text-text-secondary",
 						children: "Select the workspace where you want to install this app:"
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "max-h-72 overflow-y-auto rounded-lg border border-border-seam",
-						children: H ? /* @__PURE__ */ f("div", {
+						children: Y ? /* @__PURE__ */ h("div", {
 							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ f(l, { className: "size-8 animate-spin text-text-muted" })
-						}) : U ? /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ h(d, { className: "size-8 animate-spin text-text-muted" })
+						}) : X ? /* @__PURE__ */ g("div", {
 							className: "flex flex-col items-center justify-center py-12 text-center",
 							children: [
-								/* @__PURE__ */ f(a, { className: "mb-2 size-8 text-status-error-text" }),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ h(a, { className: "mb-2 size-8 text-status-error-text" }),
+								/* @__PURE__ */ h("p", {
 									className: "text-sm text-status-error-text",
 									children: "Failed to load workspaces"
 								}),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ h("p", {
 									className: "text-xs text-text-muted mt-1",
-									children: U.message
+									children: X.message
 								})
 							]
-						}) : W.length === 0 ? /* @__PURE__ */ p("div", {
+						}) : Z.length === 0 ? /* @__PURE__ */ g("div", {
 							className: "flex flex-col items-center justify-center py-12 text-center",
-							children: [/* @__PURE__ */ f(o, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ f("p", {
+							children: [/* @__PURE__ */ h(s, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ h("p", {
 								className: "text-sm text-text-muted",
 								children: "No workspaces available"
 							})]
-						}) : /* @__PURE__ */ f("div", {
+						}) : /* @__PURE__ */ h("div", {
 							className: "divide-y divide-border-default",
-							children: W.map((e) => /* @__PURE__ */ p("button", {
+							children: Z.map((e) => /* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => I({
+								onClick: () => B({
 									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"}`,
+								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${H === e.id ? "bg-action-primary-bg/10" : "hover:bg-bg-sunken"}`,
 								children: [
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ h("div", {
 										className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
-										children: /* @__PURE__ */ f(o, { className: "size-5" })
+										children: /* @__PURE__ */ h(s, { className: "size-5" })
 									}),
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ g("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ f("p", {
+										children: [/* @__PURE__ */ h("p", {
 											className: "font-medium text-text-primary truncate",
 											children: e.name
-										}), e.slug ? /* @__PURE__ */ p("p", {
+										}), e.slug ? /* @__PURE__ */ g("p", {
 											className: "text-xs text-text-muted truncate",
 											children: ["/", e.slug]
 										}) : null]
 									}),
-									L === e.id && /* @__PURE__ */ f(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+									H === e.id && /* @__PURE__ */ h(c, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
 								]
 							}, e.id))
 						})
 					})]
 				}),
-				/* @__PURE__ */ p(_, {
+				V === "consent" && /* @__PURE__ */ g("div", {
+					className: "px-6 py-4",
+					children: [
+						$ && /* @__PURE__ */ g("div", {
+							className: "mb-4 flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
+							children: [/* @__PURE__ */ h(s, { className: "size-4 shrink-0 text-text-muted" }), /* @__PURE__ */ g("span", {
+								className: "text-sm text-text-secondary",
+								children: [
+									"Installing into",
+									" ",
+									/* @__PURE__ */ h("span", {
+										className: "font-medium text-text-primary",
+										children: $.name
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "mb-4 flex items-center gap-2",
+							children: [/* @__PURE__ */ h(f, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ h("p", {
+								className: "text-sm font-semibold text-text-primary",
+								children: "Permissions requested"
+							})]
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "mb-4 text-sm text-text-secondary",
+							children: [
+								"By clicking ",
+								/* @__PURE__ */ h("strong", { children: "Accept & Install" }),
+								", you grant",
+								" ",
+								/* @__PURE__ */ h("strong", { children: S.name }),
+								" access to the following in the selected workspace:"
+							]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface px-4 py-3",
+							children: S.permissions && S.permissions.length > 0 ? /* @__PURE__ */ h("ul", {
+								className: "space-y-2",
+								children: S.permissions.map((e) => /* @__PURE__ */ g("li", {
+									className: "flex items-center gap-2.5 text-sm text-text-primary",
+									children: [/* @__PURE__ */ h(c, { className: "size-4 shrink-0 text-status-success-text" }), e]
+								}, e))
+							}) : /* @__PURE__ */ g("ul", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ g("li", {
+										className: "flex items-center gap-2.5 text-sm text-text-primary",
+										children: [/* @__PURE__ */ h(c, { className: "size-4 shrink-0 text-status-success-text" }), "Read and write data within this workspace on your behalf"]
+									}),
+									/* @__PURE__ */ g("li", {
+										className: "flex items-center gap-2.5 text-sm text-text-primary",
+										children: [/* @__PURE__ */ h(c, { className: "size-4 shrink-0 text-status-success-text" }), "Receive webhook events for workspace activity"]
+									}),
+									/* @__PURE__ */ g("li", {
+										className: "flex items-center gap-2.5 text-sm text-text-primary",
+										children: [/* @__PURE__ */ h(c, { className: "size-4 shrink-0 text-status-success-text" }), "Act as an authorized integration within this workspace"]
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "mt-3 text-xs text-text-muted",
+							children: "You can revoke access at any time from your Installed Apps settings."
+						})
+					]
+				}),
+				/* @__PURE__ */ g(y, {
 					className: "block border-t border-border-default px-6 py-4 sm:flex-col sm:items-stretch sm:space-x-0",
 					children: [
-						B && /* @__PURE__ */ p("div", {
+						G && /* @__PURE__ */ g("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(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: B })]
+							children: [/* @__PURE__ */ h(u, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: G })]
 						}),
-						z && /* @__PURE__ */ p("div", {
+						W && /* @__PURE__ */ g("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(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: z })]
+							children: [/* @__PURE__ */ h(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: W })]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-end gap-3",
-							children: [/* @__PURE__ */ f("button", {
+							children: V === "consent" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("button", {
+								type: "button",
+								onClick: () => B({ type: "backToWorkspace" }),
+								disabled: U,
+								className: "cursor-pointer inline-flex items-center gap-1.5 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: [/* @__PURE__ */ h(o, { className: "size-4" }), "Back"]
+							}), /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: n,
-								disabled: R,
+								onClick: () => void Q(),
+								disabled: U,
+								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: U ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "size-4 animate-spin" }), "Installing…"] }) : "Accept & Install"
+							})] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: i,
+								disabled: U,
 								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__ */ h("button", {
 								type: "button",
-								onClick: async () => {
-									let e = i.type?.toUpperCase() ?? "";
-									E === "purchased" || b || T.has(e) ? await G() : await K();
-								},
-								disabled: !L || R,
+								onClick: ie,
+								disabled: !H || U,
 								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__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
-							})]
+								children: U ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "size-4 animate-spin" }), "Installing…"] }) : q ? /* @__PURE__ */ g(m, { children: ["Continue", /* @__PURE__ */ h(l, { className: "size-4" })] }) : "Install App"
+							})] })
 						})
 					]
 				})
@@ -335,6 +500,6 @@ var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free",
 	});
 };
 //#endregion
-export { j as InstallAppModal };
+export { F as InstallAppModal };
 
 //# sourceMappingURL=InstallAppModal.js.map