@burdenoff/microfe-store 2026.830.1 → 2026.830.2

package/dist/components/InstallAppModal.js

@@ -1,18 +1,19 @@
 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, 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 { useTr as t } from "../shared/hooks/useTr.js";
+import { useCallback as n, useEffect as r, useReducer as i, useState as a } from "react";
+import { AlertCircle as o, ArrowLeft as s, Building2 as c, CheckCircle as l, ChevronRight as u, Info as d, Loader2 as f, ShieldCheck as ee } 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 y, DialogFooter as b, DialogHeader as x, DialogTitle as ee } from "@burdenoff/fe-libs/ui";
+import { Dialog as _, DialogContent as te, DialogDescription as v, DialogFooter as y, DialogHeader as b, DialogTitle as x } from "@burdenoff/fe-libs/ui";
 //#region src/components/InstallAppModal.tsx
-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!, $version: String) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId, version: $version) { success alreadyInstalled installation { id productId workspaceId status version } error message } }", te = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", ne = "mutation InstallAppDevportal($input: InstallAppInput!) { installApp(input: $input) { id status workspaceId application { oauthAuthUrl } } }", E = "query InstallableApplicationVersions($applicationId: ID!) { installableApplicationVersions(applicationId: $applicationId) { version status isLatest } }", D = new Set([
+var S = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", ne = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", C = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", w = "mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!, $version: String) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId, version: $version) { success alreadyInstalled installation { id productId workspaceId status version } error message } }", T = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", E = "mutation InstallAppDevportal($input: InstallAppInput!) { installApp(input: $input) { id status workspaceId application { oauthAuthUrl } } }", D = "query InstallableApplicationVersions($applicationId: ID!) { installableApplicationVersions(applicationId: $applicationId) { version status isLatest } }", O = new Set([
 	"VIBEMODULE",
 	"NODE",
 	"CONSOLE",
 	"DASHBOARD",
 	"PARSER",
 	"DATASINK"
-]), O = new Set(["INTEGRATION", "API_INTEGRATION"]), k = {
+]), 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,11 +22,11 @@ var S = "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 A(e) {
-	for (let [t, n] of Object.entries(k)) 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 j = {
+var M = {
 	step: "workspace",
 	selectedWorkspace: null,
 	selectedVersion: "",
@@ -33,9 +34,9 @@ var j = {
 	installError: null,
 	installInfo: null
 };
-function M(e, t) {
+function re(e, t) {
 	switch (t.type) {
-		case "reset": return j;
+		case "reset": return M;
 		case "selectWorkspace": return {
 			...e,
 			selectedWorkspace: t.workspaceId
@@ -75,15 +76,15 @@ function M(e, t) {
 		default: return e;
 	}
 }
-function N(r) {
-	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1), [u, d] = i(null), f = t(async () => {
-		if (!r) {
+function N(t) {
+	let { authToken: i } = e(), [o, s] = a([]), [c, l] = a(!1), [u, d] = a(null), f = n(async () => {
+		if (!t) {
 			l(!0), d(null);
 			try {
 				let e = await p({
 					gateway: "global",
 					query: S,
-					authToken: a || void 0
+					authToken: i || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "GraphQL error");
 				s(e.data?.myWorkspaces?.items || []);
@@ -93,8 +94,8 @@ function N(r) {
 				l(!1);
 			}
 		}
-	}, [a, r]);
-	return n(() => {
+	}, [i, t]);
+	return r(() => {
 		f();
 	}, [f]), {
 		workspaces: o,
@@ -103,19 +104,19 @@ function N(r) {
 		refetch: f
 	};
 }
-function P(t, r) {
-	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1);
-	return n(() => {
-		if (r || !t) {
+function P(t, n) {
+	let { authToken: i } = e(), [o, s] = a([]), [c, l] = a(!1);
+	return r(() => {
+		if (n || !t) {
 			s([]);
 			return;
 		}
 		let e = !1;
 		return l(!0), p({
 			gateway: "global",
-			query: E,
+			query: D,
 			variables: { applicationId: t },
-			authToken: a || void 0
+			authToken: i || void 0
 		}).then((t) => {
 			if (!e) {
 				if (t.errors?.length) {
@@ -133,30 +134,30 @@ function P(t, r) {
 		};
 	}, [
 		t,
-		a,
-		r
+		i,
+		n
 	]), {
 		versions: o,
 		loading: c
 	};
 }
-var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free", onInstallSuccess: F, onInstallError: I }) => {
-	let { authToken: L, user: re } = e(), [ie, R] = r(M, j), { step: z, selectedWorkspace: B, selectedVersion: V, installing: H, installError: U, installInfo: W } = ie, G = S.type?.toUpperCase() ?? "", K = O.has(G), q = D.has(G), { workspaces: J, loading: ae, error: Y } = N(!t), { versions: X } = P(S.applicationId, !t || !q);
-	n(() => {
-		t || R({ type: "reset" });
-	}, [t]);
-	let Z = J.filter((e) => e.status === "ACTIVE"), oe = async () => {
-		if (!B) return;
-		let e = Z.find((e) => e.id === B);
+var F = ({ isOpen: n, onClose: a, app: S, orderId: D, purchaseState: A = "free", onInstallSuccess: F, onInstallError: I }) => {
+	let L = t(), { authToken: R, user: ie } = e(), [ae, z] = i(re, M), { step: B, selectedWorkspace: V, selectedVersion: H, installing: U, installError: W, installInfo: G } = ae, K = S.type?.toUpperCase() ?? "", q = k.has(K), J = O.has(K), { workspaces: oe, loading: se, error: Y } = N(!n), { versions: X } = P(S.applicationId, !n || !J);
+	r(() => {
+		n || z({ type: "reset" });
+	}, [n]);
+	let Z = oe.filter((e) => e.status === "ACTIVE"), ce = async () => {
+		if (!V) return;
+		let e = Z.find((e) => e.id === V);
 		if (!e) return;
-		let t = re?.id;
-		R({ type: "startInstall" });
+		let t = ie?.id;
+		z({ type: "startInstall" });
 		try {
-			if (!E && k !== "purchased") {
+			if (!D && A !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
 				await p({
 					gateway: "global",
-					query: te,
+					query: T,
 					variables: { input: {
 						productId: S.id,
 						purchasedBy: t,
@@ -166,51 +167,51 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 							productType: S.type
 						}
 					} },
-					authToken: L || void 0
+					authToken: R || void 0
 				});
 			}
 			let n = await p({
 				gateway: "global",
-				query: T,
+				query: w,
 				variables: {
-					orderId: E ?? null,
+					orderId: D ?? null,
 					productId: S.id,
 					workspaceId: e.id,
-					version: V || void 0
+					version: H || void 0
 				},
-				authToken: L || void 0
+				authToken: R || void 0
 			});
 			if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Installation failed");
 			let r = n.data?.installPurchasedApp;
-			if (r?.success) r.alreadyInstalled ? R({
+			if (r?.success) r.alreadyInstalled ? z({
 				type: "setInfo",
 				info: r.message || "Already installed on this workspace"
-			}) : (F?.(e.id, e.name), i());
+			}) : (F?.(e.id, e.name), a());
 			else {
 				let e = r?.error || "Installation failed";
-				R({
+				z({
 					type: "setError",
-					error: A(e)
+					error: j(e)
 				}), I?.(Error(e));
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Installation failed";
-			R({
+			z({
 				type: "setError",
-				error: A(t)
+				error: j(t)
 			}), I?.(Error(t));
 		} finally {
-			R({ type: "finishInstall" });
+			z({ type: "finishInstall" });
 		}
-	}, se = async () => {
-		if (!B) return;
-		let e = Z.find((e) => e.id === B);
+	}, le = async () => {
+		if (!V) return;
+		let e = Z.find((e) => e.id === V);
 		if (e) {
-			R({ type: "startInstall" });
+			z({ type: "startInstall" });
 			try {
 				let t = await p({
 					gateway: "workspace",
-					query: C,
+					query: ne,
 					variables: {
 						workspaceIds: [e.id],
 						input: {
@@ -224,7 +225,7 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 							}
 						}
 					},
-					authToken: L || void 0,
+					authToken: R || void 0,
 					workspaceId: e.id,
 					workspaceToken: !0
 				});
@@ -234,7 +235,7 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 					try {
 						await p({
 							gateway: "global",
-							query: w,
+							query: C,
 							variables: { input: {
 								productId: S.id,
 								workspaceId: e.id,
@@ -250,45 +251,45 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 									type: S.type
 								}
 							} },
-							authToken: L || void 0
+							authToken: R || void 0
 						});
 					} catch {}
-					F?.(e.id, e.name), i();
+					F?.(e.id, e.name), a();
 				} else {
 					let e = n?.results?.[0]?.error || "Installation failed";
-					R({
+					z({
 						type: "setError",
-						error: A(e)
+						error: j(e)
 					}), I?.(Error(e));
 				}
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				R({
+				z({
 					type: "setError",
-					error: A(t)
+					error: j(t)
 				}), I?.(Error(t));
 			} finally {
-				R({ type: "finishInstall" });
+				z({ type: "finishInstall" });
 			}
 		}
-	}, ce = () => {
-		K ? R({ type: "advanceToConsent" }) : Q();
-	}, le = async () => {
-		if (!B) return;
-		let e = Z.find((e) => e.id === B);
+	}, ue = () => {
+		q ? z({ type: "advanceToConsent" }) : Q();
+	}, de = async () => {
+		if (!V) return;
+		let e = Z.find((e) => e.id === V);
 		if (e) {
-			R({ type: "startInstall" });
+			z({ type: "startInstall" });
 			try {
 				let t = await p({
 					gateway: "global",
-					query: ne,
+					query: E,
 					variables: { input: {
 						applicationId: S.applicationId ?? S.id,
 						scope: "WORKSPACE",
 						workspaceId: e.id,
 						consentedPermissions: S.permissions ?? []
 					} },
-					authToken: L || void 0
+					authToken: R || void 0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Installation failed");
 				let n = t.data?.installApp;
@@ -296,7 +297,7 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 				try {
 					await p({
 						gateway: "global",
-						query: w,
+						query: C,
 						variables: { input: {
 							productId: S.id,
 							workspaceId: e.id,
@@ -314,31 +315,31 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 								installationId: n.id
 							}
 						} },
-						authToken: L || void 0
+						authToken: R || void 0
 					});
 				} catch {}
 				let r = n.application?.oauthAuthUrl;
-				r && window.open(`${r}?installation_id=${n.id}`, "_blank"), F?.(e.id, e.name), i();
+				r && window.open(`${r}?installation_id=${n.id}`, "_blank"), F?.(e.id, e.name), a();
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				R({
+				z({
 					type: "setError",
-					error: A(t)
+					error: j(t)
 				}), I?.(Error(t));
 			} finally {
-				R({ type: "finishInstall" });
+				z({ type: "finishInstall" });
 			}
 		}
 	}, Q = async () => {
-		O.has(G) ? await le() : k === "purchased" || E || D.has(G) ? await oe() : await se();
-	}, $ = Z.find((e) => e.id === B);
+		k.has(K) ? await de() : A === "purchased" || D || O.has(K) ? await ce() : await le();
+	}, $ = Z.find((e) => e.id === V);
 	return /* @__PURE__ */ h(_, {
-		open: t,
-		onOpenChange: (e) => !e && i(),
-		children: /* @__PURE__ */ g(v, {
+		open: n,
+		onOpenChange: (e) => !e && a(),
+		children: /* @__PURE__ */ g(te, {
 			className: "mx-4 w-full max-w-lg gap-0 p-0",
 			children: [
-				/* @__PURE__ */ g(x, {
+				/* @__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__ */ g("div", {
 						className: "flex items-center gap-3",
@@ -349,47 +350,47 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 						}) : /* @__PURE__ */ h("div", {
 							className: "flex size-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted",
 							children: S.name.charAt(0)
-						}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(ee, {
+						}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(x, {
 							className: "text-lg font-semibold text-text-primary",
-							children: z === "consent" ? "Review Permissions" : "Install App"
-						}), /* @__PURE__ */ h(y, {
+							children: B === "consent" ? L("installApp.reviewPermissions", "Review Permissions") : L("installApp.title", "Install App")
+						}), /* @__PURE__ */ h(v, {
 							className: "text-sm text-text-muted",
 							children: S.name
 						})] })]
-					}), K && /* @__PURE__ */ g("div", {
+					}), q && /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1.5 text-xs text-text-muted shrink-0",
 						children: [
 							/* @__PURE__ */ h("span", {
-								className: z === "workspace" ? "font-semibold text-text-primary" : "",
+								className: B === "workspace" ? "font-semibold text-text-primary" : "",
 								children: "1"
 							}),
-							/* @__PURE__ */ h(l, { className: "size-3" }),
+							/* @__PURE__ */ h(u, { className: "size-3" }),
 							/* @__PURE__ */ h("span", {
-								className: z === "consent" ? "font-semibold text-text-primary" : "",
+								className: B === "consent" ? "font-semibold text-text-primary" : "",
 								children: "2"
 							})
 						]
 					})]
 				}),
-				z === "workspace" && /* @__PURE__ */ g("div", {
+				B === "workspace" && /* @__PURE__ */ g("div", {
 					className: "px-6 py-4",
 					children: [
 						/* @__PURE__ */ h("p", {
 							className: "mb-4 text-text-secondary",
-							children: "Select the workspace where you want to install this app:"
+							children: L("installApp.selectWorkspace", "Select the workspace where you want to install this app:")
 						}),
 						/* @__PURE__ */ h("div", {
 							className: "max-h-72 overflow-y-auto rounded-lg border border-border-seam",
-							children: ae ? /* @__PURE__ */ h("div", {
+							children: se ? /* @__PURE__ */ h("div", {
 								className: "flex items-center justify-center py-12",
-								children: /* @__PURE__ */ h(d, { className: "size-8 animate-spin text-text-muted" })
+								children: /* @__PURE__ */ h(f, { className: "size-8 animate-spin text-text-muted" })
 							}) : Y ? /* @__PURE__ */ g("div", {
 								className: "flex flex-col items-center justify-center py-12 text-center",
 								children: [
-									/* @__PURE__ */ h(a, { className: "mb-2 size-8 text-status-error-text" }),
+									/* @__PURE__ */ h(o, { className: "mb-2 size-8 text-status-error-text" }),
 									/* @__PURE__ */ h("p", {
 										className: "text-sm text-status-error-text",
-										children: "Failed to load workspaces"
+										children: L("installApp.failedToLoadWorkspaces", "Failed to load workspaces")
 									}),
 									/* @__PURE__ */ h("p", {
 										className: "text-xs text-text-muted mt-1",
@@ -398,23 +399,23 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 								]
 							}) : Z.length === 0 ? /* @__PURE__ */ g("div", {
 								className: "flex flex-col items-center justify-center py-12 text-center",
-								children: [/* @__PURE__ */ h(s, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ h("p", {
+								children: [/* @__PURE__ */ h(c, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ h("p", {
 									className: "text-sm text-text-muted",
-									children: "No workspaces available"
+									children: L("installApp.noWorkspaces", "No workspaces available")
 								})]
 							}) : /* @__PURE__ */ h("div", {
 								className: "divide-y divide-border-default",
 								children: Z.map((e) => /* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => R({
+									onClick: () => z({
 										type: "selectWorkspace",
 										workspaceId: e.id
 									}),
-									className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${B === e.id ? "bg-action-primary-bg/10" : "hover:bg-bg-sunken"}`,
+									className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${V === e.id ? "bg-action-primary-bg/10" : "hover:bg-bg-sunken"}`,
 									children: [
 										/* @__PURE__ */ h("div", {
 											className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
-											children: /* @__PURE__ */ h(s, { className: "size-5" })
+											children: /* @__PURE__ */ h(c, { className: "size-5" })
 										}),
 										/* @__PURE__ */ g("div", {
 											className: "flex-1 min-w-0",
@@ -426,50 +427,48 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 												children: ["/", e.slug]
 											}) : null]
 										}),
-										B === e.id && /* @__PURE__ */ h(c, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+										V === e.id && /* @__PURE__ */ h(l, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
 									]
 								}, e.id))
 							})
 						}),
-						q && X.length > 1 && /* @__PURE__ */ g("div", {
+						J && X.length > 1 && /* @__PURE__ */ g("div", {
 							className: "mt-4",
 							children: [/* @__PURE__ */ h("label", {
 								htmlFor: "install-app-version",
 								className: "mb-1.5 block text-xs font-medium text-text-secondary",
-								children: "Version"
+								children: L("installApp.version", "Version")
 							}), /* @__PURE__ */ g("select", {
 								id: "install-app-version",
-								value: V,
-								onChange: (e) => R({
+								value: H,
+								onChange: (e) => z({
 									type: "selectVersion",
 									version: e.target.value
 								}),
 								className: "w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-								children: [/* @__PURE__ */ g("option", {
+								children: [/* @__PURE__ */ h("option", {
 									value: "",
-									children: ["Latest", S.version ? ` (${S.version})` : ""]
-								}), X.filter((e) => !e.isLatest).map((e) => /* @__PURE__ */ g("option", {
+									children: S.version ? L("installApp.latestWithVersion", "Latest ({{version}})", { version: S.version }) : L("installApp.latest", "Latest")
+								}), X.filter((e) => !e.isLatest).map((e) => /* @__PURE__ */ h("option", {
 									value: e.version,
-									children: [
-										e.version,
-										" (",
-										e.status,
-										")"
-									]
+									children: L("installApp.versionWithStatus", "{{version}} ({{status}})", {
+										version: e.version,
+										status: e.status
+									})
 								}, e.version))]
 							})]
 						})
 					]
 				}),
-				z === "consent" && /* @__PURE__ */ g("div", {
+				B === "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", {
+							children: [/* @__PURE__ */ h(c, { className: "size-4 shrink-0 text-text-muted" }), /* @__PURE__ */ g("span", {
 								className: "text-sm text-text-secondary",
 								children: [
-									"Installing into",
+									L("installApp.installingInto", "Installing into"),
 									" ",
 									/* @__PURE__ */ h("span", {
 										className: "font-medium text-text-primary",
@@ -480,21 +479,17 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 						}),
 						/* @__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", {
+							children: [/* @__PURE__ */ h(ee, { className: "size-5 text-status-success-text" }), /* @__PURE__ */ h("p", {
 								className: "text-sm font-semibold text-text-primary",
-								children: "Permissions requested"
+								children: L("installApp.permissionsRequested", "Permissions requested")
 							})]
 						}),
-						/* @__PURE__ */ g("p", {
+						/* @__PURE__ */ h("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:"
-							]
+							children: L("installApp.consentDescription", "By clicking {{button}}, you grant {{appName}} access to the following in the selected workspace:", {
+								button: L("installApp.acceptAndInstall", "Accept & Install"),
+								appName: S.name
+							})
 						}),
 						/* @__PURE__ */ h("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface px-4 py-3",
@@ -502,69 +497,69 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free",
 								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]
+									children: [/* @__PURE__ */ h(l, { 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"]
+										children: [/* @__PURE__ */ h(l, { className: "size-4 shrink-0 text-status-success-text" }), L("installApp.permissionReadWrite", "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"]
+										children: [/* @__PURE__ */ h(l, { className: "size-4 shrink-0 text-status-success-text" }), L("installApp.permissionWebhooks", "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"]
+										children: [/* @__PURE__ */ h(l, { className: "size-4 shrink-0 text-status-success-text" }), L("installApp.permissionAuthorized", "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."
+							children: L("installApp.revokeHint", "You can revoke access at any time from your Installed Apps settings.")
 						})
 					]
 				}),
-				/* @__PURE__ */ g(b, {
+				/* @__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: [
-						W && /* @__PURE__ */ g("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__ */ h(u, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: W })]
+							children: [/* @__PURE__ */ h(d, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: G })]
 						}),
-						U && /* @__PURE__ */ g("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__ */ h(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: U })]
+							children: [/* @__PURE__ */ h(o, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: W })]
 						}),
 						/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-end gap-3",
-							children: z === "consent" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("button", {
+							children: B === "consent" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => R({ type: "backToWorkspace" }),
-								disabled: H,
+								onClick: () => z({ 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"]
+								children: [/* @__PURE__ */ h(s, { className: "size-4" }), L("common.back", "Back")]
 							}), /* @__PURE__ */ h("button", {
 								type: "button",
 								onClick: () => void Q(),
-								disabled: H,
+								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: H ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "size-4 animate-spin" }), "Installing…"] }) : "Accept & Install"
+								children: U ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(f, { className: "size-4 animate-spin" }), L("installApp.installing", "Installing…")] }) : L("installApp.acceptAndInstall", "Accept & Install")
 							})] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: i,
-								disabled: H,
+								onClick: a,
+								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"
+								children: L("common.cancel", "Cancel")
 							}), /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: ce,
-								disabled: !B || H,
+								onClick: ue,
+								disabled: !V || 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: H ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "size-4 animate-spin" }), "Installing…"] }) : K ? /* @__PURE__ */ g(m, { children: ["Continue", /* @__PURE__ */ h(l, { className: "size-4" })] }) : "Install App"
+								children: U ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(f, { className: "size-4 animate-spin" }), L("installApp.installing", "Installing…")] }) : q ? /* @__PURE__ */ g(m, { children: [L("common.continue", "Continue"), /* @__PURE__ */ h(u, { className: "size-4" })] }) : L("installApp.installApp", "Install App")
 							})] })
 						})
 					]