@burdenoff/microfe-devportal 2026.828.1 → 2026.830.2

package/dist/devportal/pages/ApplicationVersionsPage.js

@@ -16,16 +16,16 @@ import { DEVPORTAL_PERMISSIONS as pe } from "../constants/permissions.js";
 import me from "../../node_modules/date-fns/format.js";
 import { usePackageUpload as he } from "../hooks/usePackageUpload.js";
 import { useCallback as o, useEffect as ge, useMemo as s, useRef as c, useState as l } from "react";
-import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as u, Archive as ve, CheckCircle as ye, Clock as be, Loader2 as d, Package as xe, Plus as Se, Send as f, Upload as p, XCircle as Ce } from "lucide-react";
-import { useParams as we } from "react-router";
+import { AlertCircle as u, Archive as _e, CheckCircle as ve, Clock as ye, Loader2 as d, Package as be, Plus as xe, Send as f, Upload as p, XCircle as Se } from "lucide-react";
+import { useParams as Ce } from "react-router";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/devportal/pages/ApplicationVersionsPage.tsx
 var Te = () => {
-	let { t: Te } = _e(), _ = (e, t) => {
+	let { t: Te } = we(), _ = (e, t) => {
 		let n = Te(e);
 		return n === e ? t : n;
-	}, { allowed: v } = fe(pe.APP_VERSION_CREATE), { allowed: y } = fe(pe.APP_VERSION_PUBLISH), { allowed: b } = fe(pe.APP_VERSION_DEPRECATE), { appId: x } = we(), { workspacesGatewayUrl: Ee, authToken: De, workspaceId: Oe, getWorkspaceToken: ke } = e(), { upload: S, uploading: C, progress: Ae, error: w } = he(Ee, De, Oe, ke), je = c(null), Me = c(null), Ne = c(null), Pe = c(null), [Fe, T] = l(null), [Ie, E] = l(null), [Le, D] = l(!1), [O, k] = l(null), [A, j] = l({
+	}, { allowed: v } = fe(pe.APP_VERSION_CREATE), { allowed: y } = fe(pe.APP_VERSION_PUBLISH), { allowed: b } = fe(pe.APP_VERSION_DEPRECATE), { appId: x } = Ce(), { workspacesGatewayUrl: Ee, authToken: De, workspaceId: Oe, getWorkspaceToken: ke } = e(), { upload: S, uploading: C, progress: Ae, error: w } = he(Ee, De, Oe, ke), je = c(null), Me = c(null), Ne = c(null), Pe = c(null), [Fe, T] = l(null), [Ie, E] = l(null), [Le, D] = l(!1), [O, k] = l(null), [A, j] = l({
 		version: "",
 		releaseNotes: "",
 		changelog: "",
@@ -208,22 +208,22 @@ var Te = () => {
 				M(e instanceof Error ? e.message : _("devportal.versionRejectFailed", "Failed to reject version"));
 			}
 		}
-	}, gt = (e) => e.status === "published" && e.isLatest ? /* @__PURE__ */ h(ye, {
+	}, gt = (e) => e.status === "published" && e.isLatest ? /* @__PURE__ */ h(ve, {
 		size: 16,
 		className: "text-status-success-text"
 	}) : e.status === "pending_review" ? /* @__PURE__ */ h(f, {
 		size: 16,
 		className: "text-status-info-text"
-	}) : e.status === "rejected" ? /* @__PURE__ */ h(Ce, {
+	}) : e.status === "rejected" ? /* @__PURE__ */ h(Se, {
 		size: 16,
 		className: "text-status-error-text"
-	}) : e.status === "draft" ? /* @__PURE__ */ h(be, {
+	}) : e.status === "draft" ? /* @__PURE__ */ h(ye, {
 		size: 16,
 		className: "text-status-warning-text"
-	}) : e.status === "deprecated" ? /* @__PURE__ */ h(ve, {
+	}) : e.status === "deprecated" ? /* @__PURE__ */ h(_e, {
 		size: 16,
 		className: "text-text-secondary"
-	}) : /* @__PURE__ */ h(xe, {
+	}) : /* @__PURE__ */ h(be, {
 		size: 16,
 		className: "text-accent-blue"
 	}), _t = (e, t) => {
@@ -276,7 +276,7 @@ var Te = () => {
 				disabled: !v,
 				"aria-disabled": !v,
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-				children: [/* @__PURE__ */ h(Se, { size: 16 }), _("devportal.newVersion", "New Version")]
+				children: [/* @__PURE__ */ h(xe, { size: 16 }), _("devportal.newVersion", "New Version")]
 			}),
 			children: [
 				Re && /* @__PURE__ */ g("div", {
@@ -297,7 +297,7 @@ var Te = () => {
 				ze && /* @__PURE__ */ g("div", {
 					className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 flex items-center gap-2 text-sm text-status-success-text",
 					children: [
-						/* @__PURE__ */ h(ye, {
+						/* @__PURE__ */ h(ve, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
@@ -528,7 +528,7 @@ var Te = () => {
 							P(null), D(!0);
 						},
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ h(Se, { size: 16 }), _("devportal.createVersion", "Create Version")]
+						children: [/* @__PURE__ */ h(xe, { size: 16 }), _("devportal.createVersion", "Create Version")]
 					})
 				}),
 				Le && /* @__PURE__ */ h(i, {

package/dist/devportal/pages/ApplicationsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationsPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/ApplicationsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAoIhC;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAukB9B,CAAC"}
+{"version":3,"file":"ApplicationsPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/ApplicationsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA0IhC;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,EA2lB9B,CAAC"}

package/dist/devportal/pages/ApplicationsPage.js

@@ -1,27 +1,27 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { EmptyState as t } from "../components/EmptyState.js";
-import { useDeactivateApplicationMutation as n, useGetApplicationsQuery as r } from "../../generated/global-operations.js";
-import { getErrorMessage as i } from "../hooks/useGraphQL.js";
-import { PageLayout as a } from "../components/PageLayout.js";
-import { APP_STATUS_COLORS as o, APP_TYPE_LABELS as s } from "../utils/constants.js";
-import { SelectionCheckbox as c } from "../components/SelectionCheckbox.js";
-import { AppCard as l } from "../components/AppCard.js";
-import { ConfirmDialog as ee } from "../components/ConfirmDialog.js";
-import { PermissionGuard as te } from "../components/PermissionGuard.js";
+import { useTr as t } from "../utils/i18n.js";
+import { EmptyState as n } from "../components/EmptyState.js";
+import { useDeactivateApplicationMutation as r, useGetApplicationsQuery as ee } from "../../generated/global-operations.js";
+import { getErrorMessage as te } from "../hooks/useGraphQL.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { APP_STATUS_COLORS as ne, APP_TYPE_LABELS as a } from "../utils/constants.js";
+import { SelectionCheckbox as o } from "../components/SelectionCheckbox.js";
+import { AppCard as re } from "../components/AppCard.js";
+import { ConfirmDialog as s } from "../components/ConfirmDialog.js";
+import { PermissionGuard as ie } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { useDevportalPermission as u } from "../hooks/usePermission.js";
+import { useDevportalPermission as c } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import { DEVPORTAL_PERMISSIONS as d } from "../constants/permissions.js";
-import { useMemo as f, useState as p } from "react";
-import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as re, AppWindow as m, Archive as ie, Grid as ae, List as h, Loader2 as g, Plus as _, Search as oe } from "lucide-react";
+import { DEVPORTAL_PERMISSIONS as l } from "../constants/permissions.js";
+import { useMemo as u, useState as d } from "react";
+import { AlertCircle as ae, AppWindow as f, Archive as oe, Grid as p, List as m, Loader2 as h, Plus as g, Search as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { EmphasisPanel as se, GlassCard as b } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/ApplicationsPage.tsx
 function ce(e, t, n) {
 	return `${e} ${t} application${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`;
 }
-function le({ status: e }) {
+function le({ status: e, tr: t }) {
 	return /* @__PURE__ */ v("span", {
 		className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${{
 			ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
@@ -37,10 +37,10 @@ function le({ status: e }) {
 			REVOKED: "bg-status-error-bg-subtle text-status-error-text",
 			DEPRECATED: "bg-bg-sunken text-text-muted"
 		}[e] ?? "bg-bg-sunken text-text-secondary"}`,
-		children: e === "INACTIVE" || e === "REVOKED" ? "Deactivated" : e.replace(/_/g, " ")
+		children: e === "INACTIVE" || e === "REVOKED" ? t("devportal.status.deactivated", "Deactivated") : e.replace(/_/g, " ")
 	});
 }
-function ue(e) {
+function x(e) {
 	let t = Array.isArray(e.screenshots) ? e.screenshots.length > 0 ? e.screenshots : void 0 : e.screenshots, n = e.pricingDetails && typeof e.pricingDetails == "object" ? e.pricingDetails : void 0;
 	return {
 		id: e.id,
@@ -86,65 +86,62 @@ function ue(e) {
 		updatedAt: e.updatedAt
 	};
 }
-var x = () => {
-	let { navigate: x, basePath: S, activeOrgId: C } = e(), { t: w } = ne(), T = (e, t) => {
-		let n = w(e);
-		return n === e ? t : n;
-	}, E = u(d.APP_CREATE), D = u(d.APP_UPDATE), [O, k] = p("list"), [A, de] = p(""), [j, M] = p(""), [N, fe] = p(""), [P, F] = p(/* @__PURE__ */ new Set()), [I, L] = p(null), [R, z] = p(null), { data: B, loading: pe, error: V, refetch: H } = r({
+var S = () => {
+	let { navigate: S, basePath: C, activeOrgId: w } = e(), T = t(), E = c(l.APP_CREATE), D = c(l.APP_UPDATE), [O, k] = d("list"), [A, ue] = d(""), [j, de] = d(""), [M, fe] = d(""), [N, P] = d(/* @__PURE__ */ new Set()), [F, I] = d(null), [L, R] = d(null), { data: z, loading: B, error: V, refetch: H } = ee({
 		variables: {
 			limit: 50,
 			offset: 0,
 			status: j || void 0,
-			organizationId: C ?? void 0
+			organizationId: w ?? void 0
 		},
 		fetchPolicy: "cache-and-network"
-	}), U = f(() => B?.applications?.edges?.map((e) => ue(e.node)) ?? [], [B?.applications?.edges]), [me] = n(), W = (e) => {
-		x?.(`${S}${e}`);
+	}), U = u(() => z?.applications?.edges?.map((e) => x(e.node)) ?? [], [z?.applications?.edges]), [pe] = r(), W = (e) => {
+		S?.(`${C}${e}`);
 	}, G = U.filter((e) => {
-		let t = !C || e.developerOrganizationId === C, n = !A || e.name.toLowerCase().includes(A.toLowerCase()) || e.shortDescription?.toLowerCase().includes(A.toLowerCase()), r = !N || e.appType === N;
+		let t = !w || e.developerOrganizationId === w, n = !A || e.name.toLowerCase().includes(A.toLowerCase()) || e.shortDescription?.toLowerCase().includes(A.toLowerCase()), r = !M || e.appType === M;
 		return t && n && r;
-	}), K = f(() => ({
-		total: B?.applications?.totalCount ?? G.length,
+	}), K = u(() => ({
+		total: z?.applications?.totalCount ?? G.length,
 		active: G.filter((e) => e.status === "ACTIVE").length,
 		draft: G.filter((e) => e.status === "DRAFT").length,
 		published: G.filter((e) => e.status === "PUBLISHED").length
-	}), [G, B?.applications?.totalCount]), q = f(() => U.filter((e) => P.has(e.id)), [U, P]), J = f(() => q.filter((e) => e.status !== "INACTIVE" && e.status !== "REVOKED"), [q]), Y = G.length > 0 && G.every((e) => P.has(e.id)), X = G.some((e) => P.has(e.id)) && !Y, Z = (e, t) => {
-		F((n) => {
+	}), [G, z?.applications?.totalCount]), q = u(() => U.filter((e) => N.has(e.id)), [U, N]), J = u(() => q.filter((e) => e.status !== "INACTIVE" && e.status !== "REVOKED"), [q]), Y = G.length > 0 && G.every((e) => N.has(e.id)), X = G.some((e) => N.has(e.id)) && !Y, Z = (e, t) => {
+		P((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, Q = (e) => {
-		F((t) => {
+		P((t) => {
 			let n = new Set(t);
 			return G.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, $ = () => F(/* @__PURE__ */ new Set());
-	return pe && !B ? /* @__PURE__ */ v(a, {
+	}, $ = () => P(/* @__PURE__ */ new Set());
+	return B && !z ? /* @__PURE__ */ v(i, {
 		title: T("devportal.myApplications", "My Applications"),
 		description: T("devportal.manageYourApps", "Manage your developer applications"),
 		children: /* @__PURE__ */ y("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ v(g, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ v("span", {
+			children: [/* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ v("span", {
 				className: "ml-2 text-text-secondary",
 				children: T("devportal.loadingApplications", "Loading applications...")
 			})]
 		})
-	}) : V ? /* @__PURE__ */ v(a, {
+	}) : V ? /* @__PURE__ */ v(i, {
 		title: T("devportal.myApplications", "My Applications"),
 		description: T("devportal.manageYourApps", "Manage your developer applications"),
 		children: /* @__PURE__ */ y("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ v(re, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ v(ae, { className: "mx-auto h-8 w-8 text-status-error-text" }),
 				/* @__PURE__ */ v("h3", {
 					className: "mt-2 font-medium text-status-error-text",
 					children: T("devportal.failedToLoadApplications", "Failed to load applications")
 				}),
 				/* @__PURE__ */ v("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: i(V)
+					children: te(V)
 				}),
 				/* @__PURE__ */ v("button", {
 					onClick: () => H(),
@@ -153,9 +150,9 @@ var x = () => {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ v(te, {
+	}) : /* @__PURE__ */ v(ie, {
 		authOnly: !0,
-		children: /* @__PURE__ */ y(a, {
+		children: /* @__PURE__ */ y(i, {
 			title: T("devportal.myApplications", "My Applications"),
 			description: T("devportal.manageYourApps", "Manage your developer applications"),
 			purpose: T("devportal.applicationsPurpose", "Applications are the integrations you build on the platform — OAuth apps, store listings, and API consumers. Create one here to get client credentials, request scopes, and ship to the marketplace."),
@@ -165,7 +162,7 @@ var x = () => {
 				"aria-disabled": !E.allowed,
 				title: E.allowed ? void 0 : T("devportal.common.noPermission", "You do not have permission to perform this action"),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-				children: [/* @__PURE__ */ v(_, {
+				children: [/* @__PURE__ */ v(g, {
 					size: 16,
 					"aria-hidden": "true"
 				}), T("devportal.createApp", "Create App")]
@@ -178,37 +175,37 @@ var x = () => {
 						children: [
 							/* @__PURE__ */ y("div", {
 								className: "relative flex-1 max-w-md",
-								children: [/* @__PURE__ */ v(oe, {
+								children: [/* @__PURE__ */ v(_, {
 									size: 16,
 									className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
 								}), /* @__PURE__ */ v("input", {
 									type: "text",
 									placeholder: T("devportal.searchApplications", "Search applications..."),
 									value: A,
-									onChange: (e) => de(e.target.value),
+									onChange: (e) => ue(e.target.value),
 									className: "w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 								})]
 							}),
 							/* @__PURE__ */ y("select", {
 								value: j,
-								onChange: (e) => M(e.target.value),
+								onChange: (e) => de(e.target.value),
 								className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
 								children: [/* @__PURE__ */ v("option", {
 									value: "",
 									children: T("devportal.allStatus", "All Status")
-								}), Object.keys(o).map((e) => /* @__PURE__ */ v("option", {
+								}), Object.keys(ne).map((e) => /* @__PURE__ */ v("option", {
 									value: e,
-									children: e.replace(/_/g, " ")
+									children: T(`devportal.appStatus.${e}`, e.replace(/_/g, " "))
 								}, e))]
 							}),
 							/* @__PURE__ */ y("select", {
-								value: N,
+								value: M,
 								onChange: (e) => fe(e.target.value),
 								className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
 								children: [/* @__PURE__ */ v("option", {
 									value: "",
 									children: T("devportal.allTypes", "All Types")
-								}), Object.entries(s).map(([e, t]) => /* @__PURE__ */ v("option", {
+								}), Object.entries(a).map(([e, t]) => /* @__PURE__ */ v("option", {
 									value: e,
 									children: t
 								}, e))]
@@ -219,13 +216,13 @@ var x = () => {
 						children: [/* @__PURE__ */ v("button", {
 							onClick: () => k("grid"),
 							className: `rounded p-1.5 ${O === "grid" ? "bg-bg-sunken" : "hover:bg-bg-sunken/50"}`,
-							title: "Grid view",
-							children: /* @__PURE__ */ v(ae, { size: 16 })
+							title: T("devportal.gridView", "Grid view"),
+							children: /* @__PURE__ */ v(p, { size: 16 })
 						}), /* @__PURE__ */ v("button", {
 							onClick: () => k("list"),
 							className: `rounded p-1.5 ${O === "list" ? "bg-bg-sunken" : "hover:bg-bg-sunken/50"}`,
-							title: "Table view",
-							children: /* @__PURE__ */ v(h, { size: 16 })
+							title: T("devportal.tableView", "Table view"),
+							children: /* @__PURE__ */ v(m, { size: 16 })
 						})]
 					})]
 				}),
@@ -281,14 +278,14 @@ var x = () => {
 						]
 					})
 				}),
-				R && /* @__PURE__ */ v("div", {
-					className: `rounded-lg border px-4 py-3 text-sm ${R.type === "success" ? "border-border-subtle bg-status-success-bg-subtle text-status-success-text" : "border-status-error-border/40 bg-status-error-bg/10 text-status-error-text"}`,
+				L && /* @__PURE__ */ v("div", {
+					className: `rounded-lg border px-4 py-3 text-sm ${L.type === "success" ? "border-border-subtle bg-status-success-bg-subtle text-status-success-text" : "border-status-error-border/40 bg-status-error-bg/10 text-status-error-text"}`,
 					children: /* @__PURE__ */ y("div", {
 						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ v("span", { children: R.message }), /* @__PURE__ */ v("button", {
-							onClick: () => z(null),
+						children: [/* @__PURE__ */ v("span", { children: L.message }), /* @__PURE__ */ v("button", {
+							onClick: () => R(null),
 							className: "text-xs font-medium underline underline-offset-2",
-							children: "Dismiss"
+							children: T("devportal.dismiss", "Dismiss")
 						})]
 					})
 				}),
@@ -300,33 +297,37 @@ var x = () => {
 							className: "flex flex-wrap items-center gap-3",
 							children: [/* @__PURE__ */ y("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ v(c, {
+								children: [/* @__PURE__ */ v(o, {
 									checked: Y,
 									indeterminate: X,
 									onChange: Q,
-									ariaLabel: "Select all visible applications"
+									ariaLabel: T("devportal.selectAllVisibleApplications", "Select all visible applications")
 								}), /* @__PURE__ */ v("span", {
 									className: "text-sm font-medium",
-									children: "Select all visible"
+									children: T("devportal.selectAllVisible", "Select all visible")
 								})]
-							}), P.size > 0 && /* @__PURE__ */ v("button", {
+							}), N.size > 0 && /* @__PURE__ */ v("button", {
 								onClick: $,
 								className: "text-sm text-text-secondary hover:text-text-primary",
-								children: "Clear selection"
+								children: T("devportal.clearSelection", "Clear selection")
 							})]
 						}), /* @__PURE__ */ y("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [/* @__PURE__ */ y("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-								children: [P.size, " selected"]
+								children: [
+									N.size,
+									" ",
+									T("devportal.selectedLower", "selected")
+								]
 							}), /* @__PURE__ */ y("button", {
-								onClick: () => L("deactivate"),
+								onClick: () => I("deactivate"),
 								disabled: J.length === 0 || !D.allowed,
 								"aria-disabled": J.length === 0 || !D.allowed,
 								title: D.allowed ? void 0 : T("devportal.common.noPermission", "You do not have permission to perform this action"),
 								className: "inline-flex items-center gap-2 rounded-md border border-status-warning-bg px-3 py-2 text-sm font-medium text-status-warning-text transition-colors hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
 								children: [
-									/* @__PURE__ */ v(ie, {
+									/* @__PURE__ */ v(oe, {
 										size: 16,
 										"aria-hidden": "true"
 									}),
@@ -341,16 +342,15 @@ var x = () => {
 					className: "text-sm text-text-secondary",
 					children: [
 						G.length,
-						" application",
-						G.length === 1 ? "" : "s",
-						" found"
+						" ",
+						G.length === 1 ? T("devportal.applicationFound", "application found") : T("devportal.applicationsFound", "applications found")
 					]
 				}),
 				G.length > 0 ? O === "grid" ? /* @__PURE__ */ v("div", {
 					className: "grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-					children: G.map((e) => /* @__PURE__ */ v(l, {
+					children: G.map((e) => /* @__PURE__ */ v(re, {
 						app: e,
-						selected: P.has(e.id),
+						selected: N.has(e.id),
 						onToggleSelect: (t) => Z(e.id, t)
 					}, e.id))
 				}) : /* @__PURE__ */ v("div", {
@@ -362,42 +362,42 @@ var x = () => {
 							children: [
 								/* @__PURE__ */ v("th", {
 									className: "w-10 px-4 py-3",
-									children: /* @__PURE__ */ v(c, {
+									children: /* @__PURE__ */ v(o, {
 										checked: Y,
 										indeterminate: X,
 										onChange: Q,
-										ariaLabel: "Select all"
+										ariaLabel: T("devportal.selectAll", "Select all")
 									})
 								}),
 								/* @__PURE__ */ v("th", {
 									className: "px-4 py-3 font-medium text-text-secondary",
-									children: "Name"
+									children: T("devportal.name", "Name")
 								}),
 								/* @__PURE__ */ v("th", {
 									className: "px-4 py-3 font-medium text-text-secondary",
-									children: "Status"
+									children: T("devportal.status", "Status")
 								}),
 								/* @__PURE__ */ v("th", {
 									className: "px-4 py-3 font-medium text-text-secondary",
-									children: "Type"
+									children: T("devportal.type", "Type")
 								}),
 								/* @__PURE__ */ v("th", {
 									className: "px-4 py-3 font-medium text-text-secondary",
-									children: "Created"
+									children: T("devportal.created", "Created")
 								}),
 								/* @__PURE__ */ v("th", { className: "px-4 py-3 font-medium text-text-secondary" })
 							]
 						}) }), /* @__PURE__ */ v("tbody", {
 							className: "divide-y divide-border-seam",
 							children: G.map((e) => /* @__PURE__ */ y("tr", {
-								className: `hover:bg-bg-surface-hover transition-colors ${P.has(e.id) ? "bg-action-primary-bg/5" : ""}`,
+								className: `hover:bg-bg-surface-hover transition-colors ${N.has(e.id) ? "bg-action-primary-bg/5" : ""}`,
 								children: [
 									/* @__PURE__ */ v("td", {
 										className: "w-10 px-4 py-3",
-										children: /* @__PURE__ */ v(c, {
-											checked: P.has(e.id),
+										children: /* @__PURE__ */ v(o, {
+											checked: N.has(e.id),
 											onChange: (t) => Z(e.id, t),
-											ariaLabel: `Select ${e.name}`
+											ariaLabel: T("devportal.selectNamed", "Select {{name}}", { name: e.name })
 										})
 									}),
 									/* @__PURE__ */ v("td", {
@@ -411,7 +411,7 @@ var x = () => {
 												className: "h-8 w-8 rounded object-cover"
 											}) : /* @__PURE__ */ v("div", {
 												className: "flex h-8 w-8 items-center justify-center rounded bg-bg-sunken text-text-secondary",
-												children: /* @__PURE__ */ v(m, { size: 14 })
+												children: /* @__PURE__ */ v(f, { size: 14 })
 											}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 												className: "font-medium text-text-primary group-hover:text-action-primary-text transition-colors",
 												children: e.name
@@ -423,11 +423,14 @@ var x = () => {
 									}),
 									/* @__PURE__ */ v("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ v(le, { status: e.status })
+										children: /* @__PURE__ */ v(le, {
+											status: e.status,
+											tr: T
+										})
 									}),
 									/* @__PURE__ */ v("td", {
 										className: "px-4 py-3 text-text-secondary",
-										children: s[e.appType] || e.appType
+										children: a[e.appType] || e.appType
 									}),
 									/* @__PURE__ */ v("td", {
 										className: "px-4 py-3 text-text-secondary tabular-nums",
@@ -438,41 +441,41 @@ var x = () => {
 										children: /* @__PURE__ */ v("button", {
 											onClick: () => W(`/apps/${e.id}`),
 											className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
-											children: "View"
+											children: T("devportal.view", "View")
 										})
 									})
 								]
 							}, e.id))
 						})]
 					})
-				}) : /* @__PURE__ */ v(t, {
-					illustration: A || j || N ? "empty-search" : "empty-data",
-					icon: /* @__PURE__ */ v(m, { size: 32 }),
+				}) : /* @__PURE__ */ v(n, {
+					illustration: A || j || M ? "empty-search" : "empty-data",
+					icon: /* @__PURE__ */ v(f, { size: 32 }),
 					title: T("devportal.noApplicationsFound", "No applications found"),
-					description: A || j || N ? T("devportal.tryAdjustingFilters", "Try adjusting your filters") : T("devportal.createFirstApp", "Create your first application to get started"),
-					action: !A && !j && !N ? /* @__PURE__ */ y("button", {
+					description: A || j || M ? T("devportal.tryAdjustingFilters", "Try adjusting your filters") : T("devportal.createFirstApp", "Create your first application to get started"),
+					action: !A && !j && !M ? /* @__PURE__ */ y("button", {
 						onClick: () => W("/apps/new"),
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ v(_, { size: 16 }), T("devportal.createApp", "Create App")]
+						children: [/* @__PURE__ */ v(g, { size: 16 }), T("devportal.createApp", "Create App")]
 					}) : void 0
 				}),
-				/* @__PURE__ */ v(ee, {
-					open: I === "deactivate",
+				/* @__PURE__ */ v(s, {
+					open: F === "deactivate",
 					onOpenChange: (e) => {
-						e || L(null);
+						e || I(null);
 					},
 					onConfirm: async () => {
 						if (J.length === 0) return;
-						let e = await Promise.allSettled(J.map((e) => me({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						z({
+						let e = await Promise.allSettled(J.map((e) => pe({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+						R({
 							type: n === 0 ? "success" : "error",
-							message: ce("Deactivated", t, n)
-						}), $(), L(null), await H();
+							message: ce(T("devportal.deactivated", "Deactivated"), t, n)
+						}), $(), I(null), await H();
 					},
-					title: "Deactivate selected applications",
-					description: `Deactivate ${J.length} selected application${J.length === 1 ? "" : "s"}? Users and integrations may lose access until these apps are re-enabled.`,
-					confirmLabel: "Deactivate",
-					cancelLabel: "Cancel",
+					title: T("devportal.deactivateSelectedApplications", "Deactivate selected applications"),
+					description: T("devportal.deactivateSelectedApplicationsDescription", "Deactivate {{count}} selected application(s)? Users and integrations may lose access until these apps are re-enabled.", { count: J.length }),
+					confirmLabel: T("devportal.deactivate", "Deactivate"),
+					cancelLabel: T("devportal.cancel", "Cancel"),
 					variant: "warning"
 				})
 			]
@@ -480,6 +483,6 @@ var x = () => {
 	});
 };
 //#endregion
-export { x as ApplicationsPage };
+export { S as ApplicationsPage };
 
 //# sourceMappingURL=ApplicationsPage.js.map