@burdenoff/microfe-store 2026.830.1 → 2026.830.2

package/dist/pages/InstalledAppsPage.js

@@ -1,77 +1,49 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { useInstallationStatusUpdatedSubscription as t } from "../generated/global-operations.js";
-import { useInstallations as n } from "../hooks/useInstallations.js";
-import { StoreInstallationStatus as r } from "../generated/global-types.js";
-import { useCallback as i, useMemo as a, useState as o } from "react";
-import { useNavigate as ee } from "react-router";
-import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as ne, ChevronLeft as s, ChevronRight as c, ExternalLink as l, Loader2 as u, Plus as d, RefreshCw as f, Search as re, Settings as p, Trash2 as ie } from "lucide-react";
-import { useApolloClient as ae } from "@apollo/client/react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { gql as _ } from "@apollo/client";
-import { AlertDialog as v, AlertDialogAction as oe, AlertDialogCancel as y, AlertDialogContent as b, AlertDialogDescription as x, AlertDialogFooter as S, AlertDialogHeader as C, AlertDialogTitle as se, IllustratedEmptyState as ce, PagePurpose as le } from "@burdenoff/fe-libs/ui";
+import { useTr as n } from "../shared/hooks/useTr.js";
+import { useInstallations as r } from "../hooks/useInstallations.js";
+import { StoreInstallationStatus as i } from "../generated/global-types.js";
+import { useCallback as a, useMemo as o, useState as s } from "react";
+import { useNavigate as c } from "react-router";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as u, ChevronLeft as ee, ChevronRight as d, ExternalLink as te, Loader2 as f, Plus as p, RefreshCw as m, Search as h, Settings as g, Trash2 as _ } from "lucide-react";
+import { useApolloClient as v } from "@apollo/client/react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { gql as S } from "@apollo/client";
+import { AlertDialog as ne, AlertDialogAction as re, AlertDialogCancel as ie, AlertDialogContent as ae, AlertDialogDescription as oe, AlertDialogFooter as se, AlertDialogHeader as ce, AlertDialogTitle as le, IllustratedEmptyState as ue, PagePurpose as de } from "@burdenoff/fe-libs/ui";
 //#region src/pages/InstalledAppsPage.tsx
-var w = 20, ue = [
-	{
-		label: "All",
-		value: "all"
-	},
-	{
-		label: "Active",
-		value: r.Active
-	},
-	{
-		label: "Inactive",
-		value: r.Inactive
-	},
-	{
-		label: "Pending",
-		value: r.Pending
-	},
-	{
-		label: "Installing",
-		value: r.Installing
-	},
-	{
-		label: "Failed",
-		value: r.Failed
-	},
-	{
-		label: "Uninstalled",
-		value: r.Uninstalled
-	}
-], T = (e) => e === r.Active ? "bg-status-success-bg-subtle text-status-success-text" : e === r.Pending || e === r.Installing || e === r.Inactive ? "bg-status-warning-bg-subtle text-status-warning-text" : e === r.Failed ? "bg-status-error-bg-subtle text-status-error-text" : "bg-bg-sunken text-text-muted";
-function E(e) {
+var C = 20, fe = (e) => e === i.Active ? "bg-status-success-bg-subtle text-status-success-text" : e === i.Pending || e === i.Installing || e === i.Inactive ? "bg-status-warning-bg-subtle text-status-warning-text" : e === i.Failed ? "bg-status-error-bg-subtle text-status-error-text" : "bg-bg-sunken text-text-muted";
+function w(e) {
 	if (e.productName) return e.productName;
 	let t = e.manifest;
 	return t?.name && typeof t.name == "string" ? t.name : t?.slug && typeof t.slug == "string" ? t.slug.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ") : e.productId.slice(0, 8) + "…";
 }
-function D(e) {
+function T(e) {
 	if (e.productIcon) return e.productIcon;
 	let t = e.manifest;
 	return t?.icon && typeof t.icon == "string" ? t.icon : null;
 }
-function O(e) {
+function E(e) {
 	let t = e.manifest;
 	return t?.type && typeof t.type == "string" ? t.type : null;
 }
-function k(e) {
+function D(e) {
 	let t = e.manifest;
 	return t?.installationId && typeof t.installationId == "string" ? t.installationId : null;
 }
-function A({ installation: e }) {
-	let t = D(e), n = E(e), [r, i] = o(!1);
-	return t && !r ? /* @__PURE__ */ h("img", {
+function O({ installation: e }) {
+	let t = T(e), n = w(e), [r, i] = s(!1);
+	return t && !r ? /* @__PURE__ */ b("img", {
 		src: t,
 		alt: n,
 		onError: () => i(!0),
 		className: "size-8 rounded object-contain"
-	}) : /* @__PURE__ */ h("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "flex size-8 items-center justify-center rounded bg-bg-sunken text-sm font-semibold text-text-muted",
 		children: n.charAt(0).toUpperCase()
 	});
 }
-var j = _`
+var k = S`
   mutation UninstallAppByApplicationFromStore(
     $applicationId: ID!
     $workspaceId: ID!
@@ -83,15 +55,44 @@ var j = _`
       reason: $reason
     )
   }
-`, M = () => {
-	let _ = ee(), { basePath: D, workspaceId: M } = e(), { t: N } = te(), P = ae(), [F, I] = o("all"), [L, R] = o(""), [z, B] = o(1), [V, H] = o(null), [U, W] = o(null), { installations: G, totalCount: K, hasMore: q, loading: J, error: Y, uninstall: de, uninstallingIds: fe, refetch: X } = n({
-		filter: a(() => F === "all" ? void 0 : { status: F }, [F]),
-		limit: w,
-		offset: (z - 1) * w
+`, A = () => {
+	let S = c(), { basePath: T, workspaceId: A } = e(), { t: j } = l(), M = n(), N = v(), P = [
+		{
+			label: M("pages.installed.statusAll", "All"),
+			value: "all"
+		},
+		{
+			label: M("pages.installed.statusActive", "Active"),
+			value: i.Active
+		},
+		{
+			label: M("pages.installed.statusInactive", "Inactive"),
+			value: i.Inactive
+		},
+		{
+			label: M("pages.installed.statusPending", "Pending"),
+			value: i.Pending
+		},
+		{
+			label: M("pages.installed.statusInstalling", "Installing"),
+			value: i.Installing
+		},
+		{
+			label: M("pages.installed.statusFailed", "Failed"),
+			value: i.Failed
+		},
+		{
+			label: M("pages.installed.statusUninstalled", "Uninstalled"),
+			value: i.Uninstalled
+		}
+	], [F, I] = s("all"), [L, R] = s(""), [z, B] = s(1), [V, H] = s(null), [U, W] = s(null), { installations: G, totalCount: K, hasMore: pe, loading: q, error: J, uninstall: Y, uninstallingIds: me, refetch: X } = r({
+		filter: o(() => F === "all" ? void 0 : { status: F }, [F]),
+		limit: C,
+		offset: (z - 1) * C
 	});
 	t({
-		variables: { workspaceId: M ?? "" },
-		skip: !M,
+		variables: { workspaceId: A ?? "" },
+		skip: !A,
 		onData: () => {
 			X();
 		},
@@ -99,201 +100,201 @@ var j = _`
 			console.warn("InstallationStatusUpdated subscription error:", e.message);
 		}
 	});
-	let Z = Math.max(1, Math.ceil(K / w)), Q = a(() => {
+	let Z = Math.max(1, Math.ceil(K / C)), Q = o(() => {
 		if (!L.trim()) return G;
 		let e = L.toLowerCase();
 		return G.filter((t) => {
-			let n = E(t).toLowerCase(), r = (t.workspaceName ?? t.workspaceId).toLowerCase(), i = (O(t) ?? "").toLowerCase();
+			let n = w(t).toLowerCase(), r = (t.workspaceName ?? t.workspaceId).toLowerCase(), i = (E(t) ?? "").toLowerCase();
 			return n.includes(e) || r.includes(e) || i.includes(e);
 		});
-	}, [G, L]), $ = a(() => [...Q].sort((e, t) => t.installedAt.localeCompare(e.installedAt)), [Q]), pe = i((e) => {
+	}, [G, L]), $ = o(() => [...Q].sort((e, t) => t.installedAt.localeCompare(e.installedAt)), [Q]), he = a((e) => {
 		I(e), B(1);
-	}, []), me = async (e) => {
-		H(null), await de(e, "User requested uninstall from store UI") ? P.mutate({
-			mutation: j,
+	}, []), ge = async (e) => {
+		H(null), await Y(e, "User requested uninstall from store UI") ? N.mutate({
+			mutation: k,
 			variables: {
 				applicationId: e.productId,
 				workspaceId: e.workspaceId,
 				reason: "User uninstalled from Installed Apps"
 			}
-		}).catch(() => {}) : H("Could not uninstall. Try again."), W(null);
+		}).catch(() => {}) : H(M("pages.installed.uninstallError", "Could not uninstall. Try again.")), W(null);
 	};
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "flex h-full flex-col",
 		children: [
-			/* @__PURE__ */ h("header", {
+			/* @__PURE__ */ b("header", {
 				className: "border-b border-border-seam bg-bg-surface px-6 py-4",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
+					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h1", {
 						className: "text-2xl font-bold text-text-primary",
-						children: N("pages.installed.title", { defaultValue: "Installed Apps" })
-					}), /* @__PURE__ */ h("p", {
+						children: j("pages.installed.title", { defaultValue: "Installed Apps" })
+					}), /* @__PURE__ */ b("p", {
 						className: "text-sm text-text-muted",
-						children: "Manage your installed applications"
-					})] }), /* @__PURE__ */ g("button", {
+						children: M("pages.installed.subtitle", "Manage your installed applications")
+					})] }), /* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: () => _(`${D}/marketplace`),
+						onClick: () => S(`${T}/marketplace`),
 						className: "flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 font-semibold text-action-primary-text transition-colors hover:opacity-90",
-						children: [/* @__PURE__ */ h(d, { className: "size-5" }), /* @__PURE__ */ h("span", { children: N("pages.installed.installNew", { defaultValue: "Install New App" }) })]
+						children: [/* @__PURE__ */ b(p, { className: "size-5" }), /* @__PURE__ */ b("span", { children: j("pages.installed.installNew", { defaultValue: "Install New App" }) })]
 					})]
 				})
 			}),
-			/* @__PURE__ */ h("main", {
+			/* @__PURE__ */ b("main", {
 				className: "flex-1 overflow-y-auto p-6",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "mx-auto max-w-7xl",
 					children: [
-						/* @__PURE__ */ h(le, {
+						/* @__PURE__ */ b(de, {
 							className: "mb-4",
-							children: "Every app you install into a workspace lives here. Check status, jump into details, or remove apps a workspace no longer needs."
+							children: M("pages.installed.purpose", "Every app you install into a workspace lives here. Check status, jump into details, or remove apps a workspace no longer needs.")
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ x("div", {
 							className: "mb-4 flex flex-wrap items-center gap-2",
 							children: [
-								ue.map((e) => /* @__PURE__ */ h("button", {
+								P.map((e) => /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => pe(e.value),
+									onClick: () => he(e.value),
 									className: `cursor-pointer rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${F === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-surface"}`,
 									children: e.label
 								}, e.label)),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ x("div", {
 									className: "relative ml-auto",
-									children: [/* @__PURE__ */ h(re, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ h("input", {
+									children: [/* @__PURE__ */ b(h, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ b("input", {
 										type: "search",
 										value: L,
 										onChange: (e) => R(e.target.value),
-										placeholder: "Search by name, workspace…",
+										placeholder: M("pages.installed.searchPlaceholder", "Search by name, workspace…"),
 										className: "h-9 rounded-lg border border-border-default bg-bg-surface pl-9 pr-3 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 									})]
 								}),
-								/* @__PURE__ */ g("button", {
+								/* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: () => X(),
 									className: "inline-flex cursor-pointer items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-									children: [/* @__PURE__ */ h(f, { className: "size-4" }), "Refresh"]
+									children: [/* @__PURE__ */ b(m, { className: "size-4" }), M("common.refresh", "Refresh")]
 								})
 							]
 						}),
-						V && /* @__PURE__ */ h("div", {
+						V && /* @__PURE__ */ b("div", {
 							role: "alert",
 							className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
 							children: V
 						}),
-						J ? /* @__PURE__ */ h("output", {
+						q ? /* @__PURE__ */ b("output", {
 							"aria-label": "Loading installed apps",
 							className: "flex items-center justify-center py-16",
-							children: /* @__PURE__ */ h(u, {
+							children: /* @__PURE__ */ b(f, {
 								className: "size-8 animate-spin text-text-muted",
 								"aria-hidden": "true"
 							})
-						}) : Y ? /* @__PURE__ */ g("div", {
+						}) : J ? /* @__PURE__ */ x("div", {
 							role: "alert",
 							className: "flex flex-col items-center justify-center rounded-xl border border-status-error-border bg-status-error-bg-subtle py-16 text-center",
 							children: [
-								/* @__PURE__ */ h(ne, { className: "mb-3 size-10 text-status-error-text" }),
-								/* @__PURE__ */ h("h3", {
+								/* @__PURE__ */ b(u, { className: "mb-3 size-10 text-status-error-text" }),
+								/* @__PURE__ */ b("h3", {
 									className: "text-lg font-semibold text-status-error-text",
-									children: "Failed to load installations"
+									children: M("pages.installed.failedToLoad", "Failed to load installations")
 								}),
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ b("p", {
 									className: "mt-2 text-sm text-text-muted",
-									children: Y.message
+									children: J.message
 								}),
-								/* @__PURE__ */ h("button", {
+								/* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => X(),
 									className: "mt-4 cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
-									children: "Try Again"
+									children: M("common.tryAgain", "Try Again")
 								})
 							]
-						}) : $.length === 0 && K === 0 ? /* @__PURE__ */ h(ce, {
+						}) : $.length === 0 && K === 0 ? /* @__PURE__ */ b(ue, {
 							illustration: "empty-generic",
-							title: F === "all" ? "No apps installed" : "No apps match this filter",
-							description: F === "all" ? "Browse the marketplace to install your first app." : "Try a different status filter, or browse the marketplace.",
-							action: /* @__PURE__ */ h("button", {
+							title: F === "all" ? M("pages.installed.emptyTitle", "No apps installed") : M("pages.installed.noMatchTitle", "No apps match this filter"),
+							description: F === "all" ? M("pages.installed.emptyDescription", "Browse the marketplace to install your first app.") : M("pages.installed.noMatchDescription", "Try a different status filter, or browse the marketplace."),
+							action: /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => _(`${D}/marketplace`),
+								onClick: () => S(`${T}/marketplace`),
 								className: "rounded-lg bg-action-primary-bg px-4 py-2 font-semibold text-action-primary-text transition-colors hover:opacity-90",
-								children: "Browse Marketplace"
+								children: M("pages.installed.browseMarketplace", "Browse Marketplace")
 							})
-						}) : /* @__PURE__ */ g(m, { children: [
-							/* @__PURE__ */ g("div", {
+						}) : /* @__PURE__ */ x(y, { children: [
+							/* @__PURE__ */ x("div", {
 								className: "mb-2 flex items-center justify-between text-sm text-text-muted",
-								children: [/* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ b("span", {
 									"aria-live": "polite",
 									children: L.trim() ? `${$.length} of ${K} shown` : `${K} installation${K === 1 ? "" : "s"}`
-								}), /* @__PURE__ */ g("span", { children: [
+								}), /* @__PURE__ */ x("span", { children: [
 									"Page ",
 									z,
 									" of ",
 									Z
 								] })]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ b("div", {
 								className: "overflow-x-auto rounded-xl border border-border-seam",
-								children: /* @__PURE__ */ g("table", {
+								children: /* @__PURE__ */ x("table", {
 									className: "w-full min-w-[720px] text-sm",
-									children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", {
+									children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
 										className: "border-b border-border-seam bg-bg-sunken text-left text-xs font-semibold uppercase tracking-wide text-text-muted",
 										children: [
-											/* @__PURE__ */ h("th", {
+											/* @__PURE__ */ b("th", {
 												className: "px-4 py-3",
-												children: "App"
+												children: M("pages.installed.colApp", "App")
 											}),
-											/* @__PURE__ */ h("th", {
+											/* @__PURE__ */ b("th", {
 												className: "px-4 py-3",
-												children: "Workspace"
+												children: M("pages.installed.colWorkspace", "Workspace")
 											}),
-											/* @__PURE__ */ h("th", {
+											/* @__PURE__ */ b("th", {
 												className: "px-4 py-3",
-												children: "Status"
+												children: M("pages.installed.colStatus", "Status")
 											}),
-											/* @__PURE__ */ h("th", {
+											/* @__PURE__ */ b("th", {
 												className: "px-4 py-3",
-												children: "Version"
+												children: M("pages.installed.colVersion", "Version")
 											}),
-											/* @__PURE__ */ h("th", {
+											/* @__PURE__ */ b("th", {
 												className: "px-4 py-3",
-												children: "Installed"
+												children: M("pages.installed.colInstalled", "Installed")
 											}),
-											/* @__PURE__ */ h("th", {
+											/* @__PURE__ */ b("th", {
 												className: "px-4 py-3 text-right",
-												children: "Actions"
+												children: M("pages.installed.colActions", "Actions")
 											})
 										]
-									}) }), /* @__PURE__ */ h("tbody", {
+									}) }), /* @__PURE__ */ b("tbody", {
 										className: "divide-y divide-border-seam bg-bg-surface",
-										children: $.length === 0 ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h("td", {
+										children: $.length === 0 ? /* @__PURE__ */ b("tr", { children: /* @__PURE__ */ b("td", {
 											colSpan: 6,
 											className: "py-12 text-center text-text-muted",
-											children: "No results match your search."
+											children: M("pages.installed.noSearchResults", "No results match your search.")
 										}) }) : $.map((e) => {
-											let t = E(e), n = O(e), i = k(e), a = fe.has(`${e.workspaceId}:${e.productId}`), o = n === "INTEGRATION" || n === "API_INTEGRATION";
-											return /* @__PURE__ */ g("tr", {
+											let t = w(e), n = E(e), r = D(e), a = me.has(`${e.workspaceId}:${e.productId}`), o = n === "INTEGRATION" || n === "API_INTEGRATION";
+											return /* @__PURE__ */ x("tr", {
 												className: "transition-colors hover:bg-bg-subtle",
 												children: [
-													/* @__PURE__ */ h("td", {
+													/* @__PURE__ */ b("td", {
 														className: "px-4 py-3",
-														children: /* @__PURE__ */ g("div", {
+														children: /* @__PURE__ */ x("div", {
 															className: "flex items-center gap-3",
-															children: [/* @__PURE__ */ h(A, { installation: e }), /* @__PURE__ */ g("div", {
+															children: [/* @__PURE__ */ b(O, { installation: e }), /* @__PURE__ */ x("div", {
 																className: "min-w-0",
 																children: [
-																	/* @__PURE__ */ h("p", {
+																	/* @__PURE__ */ b("p", {
 																		className: "truncate font-medium text-text-primary",
 																		children: t
 																	}),
-																	n && /* @__PURE__ */ h("span", {
+																	n && /* @__PURE__ */ b("span", {
 																		className: "mt-0.5 inline-block rounded bg-bg-sunken px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-text-muted",
 																		children: n
 																	}),
-																	o && i && /* @__PURE__ */ g("p", {
+																	o && r && /* @__PURE__ */ x("p", {
 																		className: "truncate text-[10px] text-text-muted",
-																		title: i,
+																		title: r,
 																		children: [
 																			"ID: ",
-																			i.slice(0, 16),
+																			r.slice(0, 16),
 																			"…"
 																		]
 																	})
@@ -301,34 +302,34 @@ var j = _`
 															})]
 														})
 													}),
-													/* @__PURE__ */ g("td", {
+													/* @__PURE__ */ x("td", {
 														className: "px-4 py-3",
-														children: [/* @__PURE__ */ h("p", {
+														children: [/* @__PURE__ */ b("p", {
 															className: "truncate text-text-primary",
 															children: e.workspaceName ?? e.workspaceId
-														}), e.workspaceType && /* @__PURE__ */ h("p", {
+														}), e.workspaceType && /* @__PURE__ */ b("p", {
 															className: "text-xs text-text-muted",
 															children: e.workspaceType
 														})]
 													}),
-													/* @__PURE__ */ h("td", {
+													/* @__PURE__ */ b("td", {
 														className: "px-4 py-3",
-														children: /* @__PURE__ */ g("div", {
+														children: /* @__PURE__ */ x("div", {
 															className: "flex flex-wrap items-center gap-1",
-															children: [/* @__PURE__ */ h("span", {
-																className: `inline-block rounded-full px-2 py-1 text-xs font-medium ${T(e.status)}`,
+															children: [/* @__PURE__ */ b("span", {
+																className: `inline-block rounded-full px-2 py-1 text-xs font-medium ${fe(e.status)}`,
 																children: e.status
-															}), e.productStatus === "UNLISTED" && /* @__PURE__ */ h("span", {
+															}), e.productStatus === "UNLISTED" && /* @__PURE__ */ b("span", {
 																className: "inline-block rounded-full bg-status-warning-bg-subtle px-2 py-1 text-xs font-medium text-status-warning-text",
-																children: "Delisted"
+																children: M("pages.installed.delisted", "Delisted")
 															})]
 														})
 													}),
-													/* @__PURE__ */ h("td", {
+													/* @__PURE__ */ b("td", {
 														className: "px-4 py-3 font-variant-numeric tabular-nums text-text-muted",
-														children: e.version ? `v${e.version}` : "—"
+														children: e.version ? `v${e.version}` : M("common.notApplicable", "—")
 													}),
-													/* @__PURE__ */ h("td", {
+													/* @__PURE__ */ b("td", {
 														className: "px-4 py-3 text-text-muted",
 														children: new Date(e.installedAt).toLocaleDateString(void 0, {
 															year: "numeric",
@@ -336,40 +337,40 @@ var j = _`
 															day: "numeric"
 														})
 													}),
-													/* @__PURE__ */ h("td", {
+													/* @__PURE__ */ b("td", {
 														className: "px-4 py-3",
-														children: /* @__PURE__ */ g("div", {
+														children: /* @__PURE__ */ x("div", {
 															className: "flex items-center justify-end gap-2",
 															children: [
-																o ? /* @__PURE__ */ g("button", {
+																o ? /* @__PURE__ */ x("button", {
 																	type: "button",
-																	onClick: () => _(`${D}/installed/${e.id}`),
+																	onClick: () => S(`${T}/installed/${e.id}`),
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
-																	title: "View installation details",
-																	children: [/* @__PURE__ */ h(l, { className: "size-3.5" }), "Details"]
-																}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
+																	title: M("pages.installed.viewDetails", "View installation details"),
+																	children: [/* @__PURE__ */ b(te, { className: "size-3.5" }), M("pages.installed.details", "Details")]
+																}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
 																	type: "button",
-																	onClick: () => _(`${D}/installed/${e.id}`),
+																	onClick: () => S(`${T}/installed/${e.id}`),
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
-																	children: "Details"
-																}), /* @__PURE__ */ g("button", {
+																	children: M("pages.installed.details", "Details")
+																}), /* @__PURE__ */ x("button", {
 																	type: "button",
-																	onClick: () => _(`${D}/installed/${e.id}/settings`),
+																	onClick: () => S(`${T}/installed/${e.id}/settings`),
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
-																	children: [/* @__PURE__ */ h(p, { className: "size-3.5" }), "Configure"]
+																	children: [/* @__PURE__ */ b(g, { className: "size-3.5" }), M("pages.installed.configure", "Configure")]
 																})] }),
-																/* @__PURE__ */ h("button", {
+																/* @__PURE__ */ b("button", {
 																	type: "button",
-																	onClick: () => _(`${D}/marketplace/product/${e.productId}`),
+																	onClick: () => S(`${T}/marketplace/product/${e.productId}`),
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
-																	children: "Product"
+																	children: M("pages.installed.product", "Product")
 																}),
-																e.status !== r.Uninstalled && /* @__PURE__ */ g("button", {
+																e.status !== i.Uninstalled && /* @__PURE__ */ x("button", {
 																	type: "button",
 																	onClick: () => W(e),
 																	disabled: a,
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-status-error-border px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-60",
-																	children: [a ? /* @__PURE__ */ h(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(ie, { className: "size-3.5" }), "Uninstall"]
+																	children: [a ? /* @__PURE__ */ b(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ b(_, { className: "size-3.5" }), M("pages.installed.uninstall", "Uninstall")]
 																})
 															]
 														})
@@ -380,21 +381,21 @@ var j = _`
 									})]
 								})
 							}),
-							Z > 1 && /* @__PURE__ */ g("div", {
+							Z > 1 && /* @__PURE__ */ x("div", {
 								className: "mt-4 flex items-center justify-between",
 								children: [
-									/* @__PURE__ */ g("button", {
+									/* @__PURE__ */ x("button", {
 										type: "button",
 										onClick: () => B((e) => Math.max(1, e - 1)),
-										disabled: z === 1 || J,
+										disabled: z === 1 || q,
 										className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-										children: [/* @__PURE__ */ h(s, { className: "size-4" }), "Previous"]
+										children: [/* @__PURE__ */ b(ee, { className: "size-4" }), M("common.previous", "Previous")]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ b("div", {
 										className: "flex items-center gap-1",
 										children: Array.from({ length: Math.min(Z, 7) }, (e, t) => {
 											let n = Z <= 7 || t < 3 ? t + 1 : t >= 4 ? Z - (6 - t) : z;
-											return /* @__PURE__ */ h("button", {
+											return /* @__PURE__ */ b("button", {
 												type: "button",
 												onClick: () => B(n),
 												className: `size-8 rounded-lg text-sm font-medium transition-colors ${n === z ? "bg-action-primary-bg text-action-primary-text" : "text-text-muted hover:bg-bg-sunken"}`,
@@ -402,12 +403,12 @@ var j = _`
 											}, n);
 										})
 									}),
-									/* @__PURE__ */ g("button", {
+									/* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: () => B((e) => q ? e + 1 : Math.min(Z, e + 1)),
-										disabled: z >= Z || J,
+										onClick: () => B((e) => pe ? e + 1 : Math.min(Z, e + 1)),
+										disabled: z >= Z || q,
 										className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-										children: ["Next", /* @__PURE__ */ h(c, { className: "size-4" })]
+										children: [M("common.next", "Next"), /* @__PURE__ */ b(d, { className: "size-4" })]
 									})
 								]
 							})
@@ -415,38 +416,28 @@ var j = _`
 					]
 				})
 			}),
-			/* @__PURE__ */ h(v, {
+			/* @__PURE__ */ b(ne, {
 				open: U !== null,
 				onOpenChange: (e) => !e && W(null),
-				children: /* @__PURE__ */ g(b, {
+				children: /* @__PURE__ */ x(ae, {
 					className: "max-w-md",
-					children: [/* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(se, { children: "Uninstall app" }), /* @__PURE__ */ h(x, { children: U && /* @__PURE__ */ g(m, { children: [
-						"Remove",
-						" ",
-						/* @__PURE__ */ h("span", {
-							className: "font-medium text-text-primary",
-							children: E(U)
-						}),
-						" ",
-						"from",
-						" ",
-						/* @__PURE__ */ h("span", {
-							className: "font-medium text-text-primary",
-							children: U.workspaceName ?? U.workspaceId
+					children: [/* @__PURE__ */ x(ce, { children: [/* @__PURE__ */ b(le, { children: M("pages.installed.uninstallTitle", "Uninstall app") }), /* @__PURE__ */ b(oe, { children: U && /* @__PURE__ */ x(y, { children: [
+						M("pages.installed.uninstallPrompt", "Remove {{app}} from {{workspace}}?", {
+							app: w(U),
+							workspace: U.workspaceName ?? U.workspaceId
 						}),
-						"?",
 						" ",
-						(O(U) === "INTEGRATION" || O(U) === "API_INTEGRATION") && /* @__PURE__ */ h("span", {
+						(E(U) === "INTEGRATION" || E(U) === "API_INTEGRATION") && /* @__PURE__ */ b("span", {
 							className: "mt-1 block text-xs text-text-muted",
-							children: "This will also revoke the integration's access on the third-party side."
+							children: M("pages.installed.uninstallIntegrationHint", "This will also revoke the integration's access on the third-party side.")
 						})
-					] }) })] }), /* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(y, {
+					] }) })] }), /* @__PURE__ */ x(se, { children: [/* @__PURE__ */ b(ie, {
 						onClick: () => W(null),
-						children: "Cancel"
-					}), /* @__PURE__ */ h(oe, {
+						children: M("common.cancel", "Cancel")
+					}), /* @__PURE__ */ b(re, {
 						className: "bg-status-error-bg text-status-error-text hover:bg-status-error-bg-emphasis",
-						onClick: () => U && me(U),
-						children: "Uninstall"
+						onClick: () => U && ge(U),
+						children: M("pages.installed.uninstall", "Uninstall")
 					})] })]
 				})
 			})
@@ -454,6 +445,6 @@ var j = _`
 	});
 };
 //#endregion
-export { M as InstalledAppsPage };
+export { A as InstalledAppsPage };
 
 //# sourceMappingURL=InstalledAppsPage.js.map