@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.2

package/dist/devportal/pages/ApplicationsPage.js

@@ -1,28 +1,30 @@
 import { PageLayout as e } from "../components/PageLayout.js";
 import { AppCard as t } from "../components/AppCard.js";
 import { EmptyState as n } from "../components/EmptyState.js";
-import { useDeactivateApplicationMutation as r, useGetApplicationsQuery as i } from "../../generated/global-operations.js";
-import { getErrorMessage as a } from "../hooks/useGraphQL.js";
-import { ConfirmDialog as ee } from "../components/ConfirmDialog.js";
-import { SelectionCheckbox as o } from "../components/SelectionCheckbox.js";
-import { useDevportal as te } from "../providers/DevportalProvider.js";
+import { useDeactivateApplicationMutation as r, useGetApplicationsQuery as ee } from "../../generated/global-operations.js";
+import { getErrorMessage as te } from "../hooks/useGraphQL.js";
+import { ConfirmDialog as i } from "../components/ConfirmDialog.js";
+import { SelectionCheckbox as a } from "../components/SelectionCheckbox.js";
+import { useDevportal as ne, useIsFluidgridsVariant as re } from "../providers/DevportalProvider.js";
+import { DEACTIVATE_COPY as o } from "../utils/appDetailTabs.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as s } from "../constants/permissions.js";
-import { PermissionGuard as c } from "../components/PermissionGuard.js";
-import { useTr as ne } from "../utils/i18n.js";
-import { useDevportalPermission as l } from "../hooks/usePermission.js";
-import { APP_STATUS_COLORS as u, APP_TYPE_LABELS as d } from "../utils/constants.js";
+import { PermissionGuard as ie } from "../components/PermissionGuard.js";
+import { useTr as ae } from "../utils/i18n.js";
+import { useDevportalPermission as c } from "../hooks/usePermission.js";
+import { APP_STATUS_COLORS as l, APP_TYPE_LABELS as u } from "../utils/constants.js";
 import "../hooks/index.js";
-import { useMemo as f, useState as p } from "react";
-import { AlertCircle as re, AppWindow as m, Archive as ie, Grid as ae, List as h, Loader2 as oe, 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";
+import { StoreImage as oe } from "../components/StoreImage.js";
+import { useMemo as d, useState as f } from "react";
+import { AlertCircle as se, AppWindow as p, Archive as m, Grid as ce, List as le, Loader2 as ue, Plus as h, Search as de } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { EmphasisPanel as fe, GlassCard as v } from "@burdenoff/fe-libs/ui";
 // src/devportal/pages/ApplicationsPage.tsx
-function ce(e, t, n) {
+function y(e, t, n) {
 	return `${e} ${t} application${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`;
 }
-function le({ status: e, tr: t }) {
-	return /* @__PURE__ */ v("span", {
+function b({ status: e, tr: t }) {
+	return /* @__PURE__ */ g("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",
 			PUBLISHED: "bg-status-success-bg-subtle text-status-success-text",
@@ -87,190 +89,190 @@ function x(e) {
 	};
 }
 var S = () => {
-	let { navigate: S, basePath: C, activeOrgId: w } = te(), T = ne(), E = l(s.APP_CREATE), D = l(s.APP_UPDATE), [O, k] = p("list"), [A, ue] = p(""), [j, de] = p(""), [M, fe] = p(""), [N, P] = p(/* @__PURE__ */ new Set()), [F, I] = p(null), [L, R] = p(null), { data: z, loading: B, error: V, refetch: H } = i({
+	let { navigate: S, basePath: pe, activeOrgId: C } = ne(), w = ae(), T = re(), E = c(s.APP_CREATE), D = c(s.APP_UPDATE), [O, k] = f("list"), [A, me] = f(""), [j, he] = f(""), [M, N] = f(""), [P, F] = f(/* @__PURE__ */ new Set()), [I, L] = f(null), [R, z] = f(null), { data: B, loading: ge, error: V, refetch: H } = ee({
 		variables: {
 			limit: 50,
 			offset: 0,
 			status: j || void 0,
-			organizationId: w ?? void 0
+			organizationId: C ?? void 0
 		},
 		fetchPolicy: "cache-and-network"
-	}), U = f(() => z?.applications?.edges?.map((e) => x(e.node)) ?? [], [z?.applications?.edges]), [pe] = r(), W = (e) => {
-		S?.(`${C}${e}`);
+	}), U = d(() => B?.applications?.edges?.map((e) => x(e.node)) ?? [], [B?.applications?.edges]), [_e] = r(), W = (e) => {
+		S?.(`${pe}${e}`);
 	}, G = U.filter((e) => {
-		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;
+		let t = !C || e.developerOrganizationId === C, 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: z?.applications?.totalCount ?? G.length,
+	}), K = d(() => ({
+		total: B?.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, z?.applications?.totalCount]), q = f(() => U.filter((e) => N.has(e.id)), [U, N]), J = f(() => 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) => {
+	}), [G, B?.applications?.totalCount]), q = d(() => U.filter((e) => P.has(e.id)), [U, P]), J = d(() => 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) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, Q = (e) => {
-		P((t) => {
+		F((t) => {
 			let n = new Set(t);
 			return G.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, $ = () => P(/* @__PURE__ */ new Set());
-	return B && !z ? /* @__PURE__ */ v(e, {
-		title: T("devportal.myApplications", "My Applications"),
-		description: T("devportal.manageYourApps", "Manage your developer applications"),
-		children: /* @__PURE__ */ y("div", {
+	}, $ = () => F(/* @__PURE__ */ new Set());
+	return ge && !B ? /* @__PURE__ */ g(e, {
+		title: w("devportal.myApplications", "My Applications"),
+		description: w("devportal.manageYourApps", "Manage your developer applications"),
+		children: /* @__PURE__ */ _("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ v(oe, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ v("span", {
+			children: [/* @__PURE__ */ g(ue, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ g("span", {
 				className: "ml-2 text-text-secondary",
-				children: T("devportal.loadingApplications", "Loading applications...")
+				children: w("devportal.loadingApplications", "Loading applications...")
 			})]
 		})
-	}) : V ? /* @__PURE__ */ v(e, {
-		title: T("devportal.myApplications", "My Applications"),
-		description: T("devportal.manageYourApps", "Manage your developer applications"),
-		children: /* @__PURE__ */ y("div", {
+	}) : V ? /* @__PURE__ */ g(e, {
+		title: w("devportal.myApplications", "My Applications"),
+		description: w("devportal.manageYourApps", "Manage your developer applications"),
+		children: /* @__PURE__ */ _("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("h3", {
+				/* @__PURE__ */ g(se, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ g("h3", {
 					className: "mt-2 font-medium text-status-error-text",
-					children: T("devportal.failedToLoadApplications", "Failed to load applications")
+					children: w("devportal.failedToLoadApplications", "Failed to load applications")
 				}),
-				/* @__PURE__ */ v("p", {
+				/* @__PURE__ */ g("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: a(V)
+					children: te(V)
 				}),
-				/* @__PURE__ */ v("button", {
+				/* @__PURE__ */ g("button", {
 					onClick: () => H(),
 					className: "mt-4 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: T("devportal.tryAgain", "Try Again")
+					children: w("devportal.tryAgain", "Try Again")
 				})
 			]
 		})
-	}) : /* @__PURE__ */ v(c, {
+	}) : /* @__PURE__ */ g(ie, {
 		authOnly: !0,
-		children: /* @__PURE__ */ y(e, {
-			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."),
-			actions: /* @__PURE__ */ y("button", {
+		children: /* @__PURE__ */ _(e, {
+			title: w("devportal.myApplications", "My Applications"),
+			description: w("devportal.manageYourApps", "Manage your developer applications"),
+			purpose: w("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."),
+			actions: /* @__PURE__ */ _("button", {
 				onClick: () => W("/apps/new"),
 				disabled: !E.allowed,
 				"aria-disabled": !E.allowed,
-				title: E.allowed ? void 0 : T("devportal.common.noPermission", "You do not have permission to perform this action"),
+				title: E.allowed ? void 0 : w("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(g, {
+				children: [/* @__PURE__ */ g(h, {
 					size: 16,
 					"aria-hidden": "true"
-				}), T("devportal.createApp", "Create App")]
+				}), w("devportal.createApp", "Create App")]
 			}),
 			children: [
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ _("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "flex flex-1 items-center gap-4",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ _("div", {
 								className: "relative flex-1 max-w-md",
-								children: [/* @__PURE__ */ v(_, {
+								children: [/* @__PURE__ */ g(de, {
 									size: 16,
 									className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-								}), /* @__PURE__ */ v("input", {
+								}), /* @__PURE__ */ g("input", {
 									type: "text",
-									placeholder: T("devportal.searchApplications", "Search applications..."),
+									placeholder: w("devportal.searchApplications", "Search applications..."),
 									value: A,
-									onChange: (e) => ue(e.target.value),
+									onChange: (e) => me(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", {
+							/* @__PURE__ */ _("select", {
 								value: j,
-								onChange: (e) => de(e.target.value),
+								onChange: (e) => he(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 scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-								children: [/* @__PURE__ */ v("option", {
+								children: [/* @__PURE__ */ g("option", {
 									value: "",
-									children: T("devportal.allStatus", "All Status")
-								}), Object.keys(u).map((e) => /* @__PURE__ */ v("option", {
+									children: w("devportal.allStatus", "All Status")
+								}), Object.keys(l).map((e) => /* @__PURE__ */ g("option", {
 									value: e,
-									children: T(`devportal.appStatus.${e}`, e.replace(/_/g, " "))
+									children: w(`devportal.appStatus.${e}`, e.replace(/_/g, " "))
 								}, e))]
 							}),
-							/* @__PURE__ */ y("select", {
+							/* @__PURE__ */ _("select", {
 								value: M,
-								onChange: (e) => fe(e.target.value),
+								onChange: (e) => N(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 scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-								children: [/* @__PURE__ */ v("option", {
+								children: [/* @__PURE__ */ g("option", {
 									value: "",
-									children: T("devportal.allTypes", "All Types")
-								}), Object.entries(d).map(([e, t]) => /* @__PURE__ */ v("option", {
+									children: w("devportal.allTypes", "All Types")
+								}), Object.entries(u).map(([e, t]) => /* @__PURE__ */ g("option", {
 									value: e,
 									children: t
 								}, e))]
 							})
 						]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ _("div", {
 						className: "flex items-center gap-1 rounded-md border p-1",
-						children: [/* @__PURE__ */ v("button", {
+						children: [/* @__PURE__ */ g("button", {
 							onClick: () => k("grid"),
 							className: `rounded p-1.5 ${O === "grid" ? "bg-bg-sunken" : "hover:bg-bg-sunken/50"}`,
-							title: T("devportal.gridView", "Grid view"),
-							children: /* @__PURE__ */ v(ae, { size: 16 })
-						}), /* @__PURE__ */ v("button", {
+							title: w("devportal.gridView", "Grid view"),
+							children: /* @__PURE__ */ g(ce, { size: 16 })
+						}), /* @__PURE__ */ g("button", {
 							onClick: () => k("list"),
 							className: `rounded p-1.5 ${O === "list" ? "bg-bg-sunken" : "hover:bg-bg-sunken/50"}`,
-							title: T("devportal.tableView", "Table view"),
-							children: /* @__PURE__ */ v(h, { size: 16 })
+							title: w("devportal.tableView", "Table view"),
+							children: /* @__PURE__ */ g(le, { size: 16 })
 						})]
 					})]
 				}),
-				/* @__PURE__ */ v(se, {
+				/* @__PURE__ */ g(fe, {
 					className: "mt-4",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 						children: [
-							/* @__PURE__ */ y(b, {
+							/* @__PURE__ */ _(v, {
 								treatment: "metric",
 								className: "p-4",
-								children: [/* @__PURE__ */ v("p", {
+								children: [/* @__PURE__ */ g("p", {
 									className: "text-sm text-text-secondary",
-									children: T("devportal.totalApps", "Total Apps")
-								}), /* @__PURE__ */ v("p", {
+									children: w("devportal.totalApps", "Total Apps")
+								}), /* @__PURE__ */ g("p", {
 									className: "mt-1 text-2xl font-semibold tabular-nums",
 									children: K.total
 								})]
 							}),
-							/* @__PURE__ */ y(b, {
+							/* @__PURE__ */ _(v, {
 								treatment: "metric",
 								className: "p-4",
-								children: [/* @__PURE__ */ v("p", {
+								children: [/* @__PURE__ */ g("p", {
 									className: "text-sm text-status-success-text",
-									children: T("devportal.active", "Active")
-								}), /* @__PURE__ */ v("p", {
+									children: w("devportal.active", "Active")
+								}), /* @__PURE__ */ g("p", {
 									className: "mt-1 text-2xl font-semibold tabular-nums",
 									children: K.active
 								})]
 							}),
-							/* @__PURE__ */ y(b, {
+							/* @__PURE__ */ _(v, {
 								treatment: "metric",
 								className: "p-4",
-								children: [/* @__PURE__ */ v("p", {
+								children: [/* @__PURE__ */ g("p", {
 									className: "text-sm text-text-secondary",
-									children: T("devportal.published", "Published")
-								}), /* @__PURE__ */ v("p", {
+									children: w("devportal.published", "Published")
+								}), /* @__PURE__ */ g("p", {
 									className: "mt-1 text-2xl font-semibold tabular-nums",
 									children: K.published
 								})]
 							}),
-							/* @__PURE__ */ y(b, {
+							/* @__PURE__ */ _(v, {
 								treatment: "metric",
 								className: "p-4",
-								children: [/* @__PURE__ */ v("p", {
+								children: [/* @__PURE__ */ g("p", {
 									className: "text-sm text-text-secondary",
-									children: T("devportal.draft", "Draft")
-								}), /* @__PURE__ */ v("p", {
+									children: w("devportal.draft", "Draft")
+								}), /* @__PURE__ */ g("p", {
 									className: "mt-1 text-2xl font-semibold tabular-nums",
 									children: K.draft
 								})]
@@ -278,204 +280,205 @@ var S = () => {
 						]
 					})
 				}),
-				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", {
+				R && /* @__PURE__ */ g("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"}`,
+					children: /* @__PURE__ */ _("div", {
 						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ v("span", { children: L.message }), /* @__PURE__ */ v("button", {
-							onClick: () => R(null),
+						children: [/* @__PURE__ */ g("span", { children: R.message }), /* @__PURE__ */ g("button", {
+							onClick: () => z(null),
 							className: "text-xs font-medium underline underline-offset-2",
-							children: T("devportal.dismiss", "Dismiss")
+							children: w("devportal.dismiss", "Dismiss")
 						})]
 					})
 				}),
-				G.length > 0 && /* @__PURE__ */ v("div", {
+				G.length > 0 && /* @__PURE__ */ g("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-pop)]",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ v(o, {
+								children: [/* @__PURE__ */ g(a, {
 									checked: Y,
 									indeterminate: X,
 									onChange: Q,
-									ariaLabel: T("devportal.selectAllVisibleApplications", "Select all visible applications")
-								}), /* @__PURE__ */ v("span", {
+									ariaLabel: w("devportal.selectAllVisibleApplications", "Select all visible applications")
+								}), /* @__PURE__ */ g("span", {
 									className: "text-sm font-medium",
-									children: T("devportal.selectAllVisible", "Select all visible")
+									children: w("devportal.selectAllVisible", "Select all visible")
 								})]
-							}), N.size > 0 && /* @__PURE__ */ v("button", {
+							}), P.size > 0 && /* @__PURE__ */ g("button", {
 								onClick: $,
 								className: "text-sm text-text-secondary hover:text-text-primary",
-								children: T("devportal.clearSelection", "Clear selection")
+								children: w("devportal.clearSelection", "Clear selection")
 							})]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ _("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: [/* @__PURE__ */ y("span", {
+							children: [/* @__PURE__ */ _("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 								children: [
-									N.size,
+									P.size,
 									" ",
-									T("devportal.selectedLower", "selected")
+									w("devportal.selectedLower", "selected")
 								]
-							}), /* @__PURE__ */ y("button", {
-								onClick: () => I("deactivate"),
+							}), /* @__PURE__ */ _("button", {
+								onClick: () => L("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"),
+								title: D.allowed ? void 0 : w("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__ */ g(m, {
 										size: 16,
 										"aria-hidden": "true"
 									}),
-									T("devportal.deactivateSelected", "Deactivate Selected"),
+									w("devportal.deactivateSelected", "Deactivate Selected"),
 									J.length > 0 ? ` (${J.length})` : ""
 								]
 							})]
 						})]
 					})
 				}),
-				/* @__PURE__ */ y("p", {
+				/* @__PURE__ */ _("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						G.length,
 						" ",
-						G.length === 1 ? T("devportal.applicationFound", "application found") : T("devportal.applicationsFound", "applications found")
+						G.length === 1 ? w("devportal.applicationFound", "application found") : w("devportal.applicationsFound", "applications found")
 					]
 				}),
-				G.length > 0 ? O === "grid" ? /* @__PURE__ */ v("div", {
+				G.length > 0 ? O === "grid" ? /* @__PURE__ */ g("div", {
 					className: "grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-					children: G.map((e) => /* @__PURE__ */ v(t, {
+					children: G.map((e) => /* @__PURE__ */ g(t, {
 						app: e,
-						selected: N.has(e.id),
+						selected: P.has(e.id),
 						onToggleSelect: (t) => Z(e.id, t)
 					}, e.id))
-				}) : /* @__PURE__ */ v("div", {
+				}) : /* @__PURE__ */ g("div", {
 					className: "overflow-x-auto rounded-lg border border-border-seam",
-					children: /* @__PURE__ */ y("table", {
+					children: /* @__PURE__ */ _("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ v("thead", { children: /* @__PURE__ */ y("tr", {
+						children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
 							className: "border-b border-border-seam bg-bg-sunken text-left",
 							children: [
-								/* @__PURE__ */ v("th", {
+								/* @__PURE__ */ g("th", {
 									className: "w-10 px-4 py-3",
-									children: /* @__PURE__ */ v(o, {
+									children: /* @__PURE__ */ g(a, {
 										checked: Y,
 										indeterminate: X,
 										onChange: Q,
-										ariaLabel: T("devportal.selectAll", "Select all")
+										ariaLabel: w("devportal.selectAll", "Select all")
 									})
 								}),
-								/* @__PURE__ */ v("th", {
+								/* @__PURE__ */ g("th", {
 									className: "px-4 py-3 font-medium text-text-secondary",
-									children: T("devportal.name", "Name")
+									children: w("devportal.name", "Name")
 								}),
-								/* @__PURE__ */ v("th", {
+								/* @__PURE__ */ g("th", {
 									className: "px-4 py-3 font-medium text-text-secondary",
-									children: T("devportal.status", "Status")
+									children: w("devportal.status", "Status")
 								}),
-								/* @__PURE__ */ v("th", {
+								/* @__PURE__ */ g("th", {
 									className: "px-4 py-3 font-medium text-text-secondary",
-									children: T("devportal.type", "Type")
+									children: w("devportal.type", "Type")
 								}),
-								/* @__PURE__ */ v("th", {
+								/* @__PURE__ */ g("th", {
 									className: "px-4 py-3 font-medium text-text-secondary",
-									children: T("devportal.created", "Created")
+									children: w("devportal.created", "Created")
 								}),
-								/* @__PURE__ */ v("th", { className: "px-4 py-3 font-medium text-text-secondary" })
+								/* @__PURE__ */ g("th", { className: "px-4 py-3 font-medium text-text-secondary" })
 							]
-						}) }), /* @__PURE__ */ v("tbody", {
+						}) }), /* @__PURE__ */ g("tbody", {
 							className: "divide-y divide-border-seam",
-							children: G.map((e) => /* @__PURE__ */ y("tr", {
-								className: `hover:bg-bg-surface-hover transition-colors ${N.has(e.id) ? "bg-action-primary-bg/5" : ""}`,
+							children: G.map((e) => /* @__PURE__ */ _("tr", {
+								className: `hover:bg-bg-surface-hover transition-colors ${P.has(e.id) ? "bg-action-primary-bg/5" : ""}`,
 								children: [
-									/* @__PURE__ */ v("td", {
+									/* @__PURE__ */ g("td", {
 										className: "w-10 px-4 py-3",
-										children: /* @__PURE__ */ v(o, {
-											checked: N.has(e.id),
+										children: /* @__PURE__ */ g(a, {
+											checked: P.has(e.id),
 											onChange: (t) => Z(e.id, t),
-											ariaLabel: T("devportal.selectNamed", "Select {{name}}", { name: e.name })
+											ariaLabel: w("devportal.selectNamed", "Select {{name}}", { name: e.name })
 										})
 									}),
-									/* @__PURE__ */ v("td", {
+									/* @__PURE__ */ g("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ y("button", {
+										children: /* @__PURE__ */ _("button", {
 											onClick: () => W(`/apps/${e.id}`),
 											className: "group flex items-center gap-3 text-left",
-											children: [e.iconUrl ? /* @__PURE__ */ v("img", {
+											children: [/* @__PURE__ */ g(oe, {
 												src: e.iconUrl,
 												alt: "",
-												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 })
-											}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+												className: "h-8 w-8 rounded object-cover",
+												fallback: /* @__PURE__ */ g("div", {
+													className: "flex h-8 w-8 items-center justify-center rounded bg-bg-sunken text-text-secondary",
+													children: /* @__PURE__ */ g(p, { size: 14 })
+												})
+											}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 												className: "font-medium text-text-primary group-hover:text-action-primary-text transition-colors",
 												children: e.name
-											}), e.shortDescription && /* @__PURE__ */ v("p", {
+											}), e.shortDescription && /* @__PURE__ */ g("p", {
 												className: "text-xs text-text-secondary line-clamp-1",
 												children: e.shortDescription
 											})] })]
 										})
 									}),
-									/* @__PURE__ */ v("td", {
+									/* @__PURE__ */ g("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ v(le, {
+										children: /* @__PURE__ */ g(b, {
 											status: e.status,
-											tr: T
+											tr: w
 										})
 									}),
-									/* @__PURE__ */ v("td", {
+									/* @__PURE__ */ g("td", {
 										className: "px-4 py-3 text-text-secondary",
-										children: d[e.appType] || e.appType
+										children: u[e.appType] || e.appType
 									}),
-									/* @__PURE__ */ v("td", {
+									/* @__PURE__ */ g("td", {
 										className: "px-4 py-3 text-text-secondary tabular-nums",
 										children: new Date(e.createdAt).toLocaleDateString()
 									}),
-									/* @__PURE__ */ v("td", {
+									/* @__PURE__ */ g("td", {
 										className: "px-4 py-3 text-right",
-										children: /* @__PURE__ */ v("button", {
+										children: /* @__PURE__ */ g("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: T("devportal.view", "View")
+											children: w("devportal.view", "View")
 										})
 									})
 								]
 							}, e.id))
 						})]
 					})
-				}) : /* @__PURE__ */ v(n, {
+				}) : /* @__PURE__ */ g(n, {
 					illustration: A || j || M ? "empty-search" : "empty-data",
-					icon: /* @__PURE__ */ v(m, { size: 32 }),
-					title: T("devportal.noApplicationsFound", "No applications found"),
-					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", {
+					icon: /* @__PURE__ */ g(p, { size: 32 }),
+					title: w("devportal.noApplicationsFound", "No applications found"),
+					description: A || j || M ? w("devportal.tryAdjustingFilters", "Try adjusting your filters") : w("devportal.createFirstApp", "Create your first application to get started"),
+					action: !A && !j && !M ? /* @__PURE__ */ _("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(g, { size: 16 }), T("devportal.createApp", "Create App")]
+						children: [/* @__PURE__ */ g(h, { size: 16 }), w("devportal.createApp", "Create App")]
 					}) : void 0
 				}),
-				/* @__PURE__ */ v(ee, {
-					open: F === "deactivate",
+				/* @__PURE__ */ g(i, {
+					open: I === "deactivate",
 					onOpenChange: (e) => {
-						e || I(null);
+						e || L(null);
 					},
 					onConfirm: async () => {
 						if (J.length === 0) return;
-						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({
+						let e = await Promise.allSettled(J.map((e) => _e({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+						z({
 							type: n === 0 ? "success" : "error",
-							message: ce(T("devportal.deactivated", "Deactivated"), t, n)
-						}), $(), I(null), await H();
+							message: y(w("devportal.deactivated", "Deactivated"), t, n)
+						}), $(), L(null), await H();
 					},
-					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"),
+					title: w("devportal.deactivateSelectedApplications", "Deactivate selected applications"),
+					description: T ? w(o.bulkDescription.key, o.bulkDescription.fallback, { count: J.length }) : w("devportal.deactivateSelectedApplicationsDescription", "Deactivate {{count}} selected application(s)? Users and integrations may lose access until these apps are re-enabled.", { count: J.length }),
+					confirmLabel: T ? w(o.action.key, o.action.fallback) : w("devportal.deactivate", "Deactivate"),
+					cancelLabel: w("devportal.cancel", "Cancel"),
 					variant: "warning"
 				})
 			]