@burdenoff/microfe-devportal 2026.828.1 → 2026.830.2

package/dist/devportal/pages/OAuthClientsPage.js

@@ -10,13 +10,13 @@ import { PermissionGuard as c } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import "../hooks/index.js";
 import { useState as l } from "react";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as d, Loader2 as f, Plus as p, Search as m, Shield as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { AlertCircle as u, Loader2 as d, Plus as f, Search as p, Shield as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { EmphasisPanel as v, GlassCard as y } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/OAuthClientsPage.tsx
 var b = () => {
-	let { navigate: b, basePath: x } = e(), { t: S } = u(), C = (e, t) => {
+	let { navigate: b, basePath: x } = e(), { t: S } = _(), C = (e, t) => {
 		let n = S(e);
 		return n === e ? t : n;
 	}, [w, T] = l(""), [E, D] = l(""), { data: O, loading: k, error: A, refetch: j } = r({ fetchPolicy: "cache-and-network" }), M = O?.currentUserApps?.apps.map((e) => ({
@@ -38,33 +38,33 @@ var b = () => {
 		let t = !w || e.name.toLowerCase().includes(w.toLowerCase()) || e.clientId.toLowerCase().includes(w.toLowerCase()), n = !E || e.type === E;
 		return t && n;
 	});
-	if (k && !O) return /* @__PURE__ */ g(a, {
+	if (k && !O) return /* @__PURE__ */ h(a, {
 		title: C("devportal.oauthApps", "OAuth Apps"),
 		description: C("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ g(f, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ g("span", {
+			children: [/* @__PURE__ */ h(d, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ h("span", {
 				className: "ml-2 text-text-secondary",
 				children: C("devportal.loadingApps", "Loading apps...")
 			})]
 		})
 	});
-	if (A) return /* @__PURE__ */ g(a, {
+	if (A) return /* @__PURE__ */ h(a, {
 		title: C("devportal.oauthApps", "OAuth Apps"),
 		description: C("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ g(d, { className: "mx-auto h-8 w-8 text-status-error-text" }),
-				/* @__PURE__ */ g("h3", {
+				/* @__PURE__ */ h(u, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ h("h3", {
 					className: "mt-2 font-medium text-status-error-text",
 					children: C("devportal.failedToLoadApps", "Failed to load apps")
 				}),
-				/* @__PURE__ */ g("p", {
+				/* @__PURE__ */ h("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: i(A)
 				}),
-				/* @__PURE__ */ g("button", {
+				/* @__PURE__ */ h("button", {
 					onClick: () => j(),
 					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: C("devportal.tryAgain", "Try Again")
@@ -76,21 +76,21 @@ var b = () => {
 		{
 			key: "name",
 			header: "App",
-			render: (e) => /* @__PURE__ */ _("div", {
+			render: (e) => /* @__PURE__ */ g("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: t("flex h-10 w-10 items-center justify-center rounded-lg", e.status === "ACTIVE" ? "bg-action-primary-bg/10 text-primary" : "bg-bg-sunken text-text-tertiary"),
-					children: /* @__PURE__ */ g(h, { size: 20 })
-				}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ h(m, { size: 20 })
+				}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ g("p", {
+					children: [/* @__PURE__ */ h("p", {
 						className: "font-medium",
 						children: e.name
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ h("span", {
 						className: t("rounded px-1.5 py-0.5 text-xs", e.type === "SERVICE" ? "bg-accent-purple-subtle text-accent-purple" : e.type === "INTEGRATION" || e.type === "API_INTEGRATION" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-status-success-bg-subtle text-status-success-text"),
 						children: e.type
 					})]
-				}), /* @__PURE__ */ g("code", {
+				}), /* @__PURE__ */ h("code", {
 					className: "text-xs text-text-secondary",
 					children: e.clientId
 				})] })]
@@ -99,12 +99,12 @@ var b = () => {
 		{
 			key: "scopes",
 			header: "Scopes",
-			render: (e) => /* @__PURE__ */ _("div", {
+			render: (e) => /* @__PURE__ */ g("div", {
 				className: "flex flex-wrap gap-1",
-				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ g("span", {
+				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ h("span", {
 					className: "inline-flex rounded bg-bg-sunken px-1.5 py-0.5 text-xs",
 					children: e
-				}, e)), e.scopes.length > 3 && /* @__PURE__ */ _("span", {
+				}, e)), e.scopes.length > 3 && /* @__PURE__ */ g("span", {
 					className: "text-xs text-text-secondary",
 					children: ["+", e.scopes.length - 3]
 				})]
@@ -113,7 +113,7 @@ var b = () => {
 		{
 			key: "redirectUris",
 			header: "Redirect URIs",
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ g("span", {
 				className: "text-sm",
 				children: [
 					e.redirectUris.length,
@@ -125,9 +125,9 @@ var b = () => {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ _("div", {
+			render: (e) => /* @__PURE__ */ g("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ g(o, { active: e.status === "ACTIVE" }), /* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ h(o, { active: e.status === "ACTIVE" }), /* @__PURE__ */ h("span", {
 					className: "text-sm",
 					children: e.status
 				})]
@@ -139,60 +139,60 @@ var b = () => {
 		integration: M.filter((e) => e.type === "INTEGRATION" || e.type === "API_INTEGRATION").length,
 		service: M.filter((e) => e.type === "SERVICE").length
 	};
-	return /* @__PURE__ */ g(c, {
+	return /* @__PURE__ */ h(c, {
 		authOnly: !0,
-		children: /* @__PURE__ */ _(a, {
+		children: /* @__PURE__ */ g(a, {
 			title: C("devportal.oauthApps", "OAuth Apps"),
 			description: C("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
 			purpose: C("devportal.oauthAppsPurpose", "OAuth apps let external services sign in users and call the API on their behalf. Register one here to get a client ID and secret, set redirect URIs, and choose the scopes your integration may request."),
-			actions: /* @__PURE__ */ _("button", {
+			actions: /* @__PURE__ */ g("button", {
 				onClick: () => N("/oauth/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 transition-colors",
-				children: [/* @__PURE__ */ g(p, { size: 16 }), C("devportal.createOAuthApp", "Create OAuth App")]
+				children: [/* @__PURE__ */ h(f, { size: 16 }), C("devportal.createOAuthApp", "Create OAuth App")]
 			}),
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ h("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ g("div", {
 						className: "flex flex-1 items-center gap-4",
-						children: [/* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "relative flex-1 max-w-md",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ h(p, {
 								size: 16,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-							}), /* @__PURE__ */ g("input", {
+							}), /* @__PURE__ */ h("input", {
 								type: "text",
 								placeholder: C("devportal.searchByNameOrClientId", "Search by name or client ID..."),
 								value: w,
 								onChange: (e) => T(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__ */ _("select", {
+						}), /* @__PURE__ */ g("select", {
 							value: E,
 							onChange: (e) => D(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__ */ g("option", {
+								/* @__PURE__ */ h("option", {
 									value: "",
 									children: C("devportal.allTypes", "All Types")
 								}),
-								/* @__PURE__ */ g("option", {
+								/* @__PURE__ */ h("option", {
 									value: "SERVICE",
 									children: C("devportal.service", "Service")
 								}),
-								/* @__PURE__ */ g("option", {
+								/* @__PURE__ */ h("option", {
 									value: "INTEGRATION",
 									children: C("devportal.integration", "Integration")
 								}),
-								/* @__PURE__ */ g("option", {
+								/* @__PURE__ */ h("option", {
 									value: "BOT",
 									children: C("devportal.bot", "Bot")
 								}),
-								/* @__PURE__ */ g("option", {
+								/* @__PURE__ */ h("option", {
 									value: "WEB_APP",
 									children: C("devportal.webApp", "Web App")
 								}),
-								/* @__PURE__ */ g("option", {
+								/* @__PURE__ */ h("option", {
 									value: "AUTOMATION",
 									children: C("devportal.automation", "Automation")
 								})
@@ -200,68 +200,68 @@ var b = () => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ g(v, { children: /* @__PURE__ */ _("div", {
+				/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ g(y, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ g(h, { size: 16 }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
 									className: "text-sm",
 									children: C("devportal.totalApps", "Total Apps")
 								})]
-							}), /* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: I.total
 							})]
 						}),
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ g(y, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex items-center gap-2 text-status-success-text",
-								children: [/* @__PURE__ */ g(h, { size: 16 }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
 									className: "text-sm",
 									children: C("devportal.active", "Active")
 								})]
-							}), /* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: I.active
 							})]
 						}),
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ g(y, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex items-center gap-2 text-accent-blue",
-								children: [/* @__PURE__ */ g(h, { size: 16 }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
 									className: "text-sm",
 									children: C("devportal.integration", "Integration")
 								})]
-							}), /* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: I.integration
 							})]
 						}),
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ g(y, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex items-center gap-2 text-accent-purple",
-								children: [/* @__PURE__ */ g(h, { size: 16 }), /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
 									className: "text-sm",
 									children: C("devportal.service", "Service")
 								})]
-							}), /* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: I.service
 							})]
 						})
 					]
 				}) }),
-				/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ g("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						P.length,
@@ -269,19 +269,19 @@ var b = () => {
 						P.length === 1 ? C("devportal.appFound", "app found") : C("devportal.appsFound", "apps found")
 					]
 				}),
-				P.length > 0 ? /* @__PURE__ */ g(s, {
+				P.length > 0 ? /* @__PURE__ */ h(s, {
 					data: P,
 					columns: F,
 					keyField: "id",
 					onRowClick: (e) => N(`/oauth/${e.id}`)
-				}) : /* @__PURE__ */ g(n, {
+				}) : /* @__PURE__ */ h(n, {
 					illustration: "empty-generic",
 					title: C("devportal.noOAuthAppsFound", "No OAuth apps found"),
 					description: w || E ? C("devportal.tryAdjustingFilters", "Try adjusting your filters") : C("devportal.createFirstOAuthApp", "Create your first OAuth app to enable authentication"),
-					action: !w && !E ? /* @__PURE__ */ _("button", {
+					action: !w && !E ? /* @__PURE__ */ g("button", {
 						onClick: () => N("/oauth/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__ */ g(p, { size: 16 }), C("devportal.createOAuthApp", "Create OAuth App")]
+						children: [/* @__PURE__ */ h(f, { size: 16 }), C("devportal.createOAuthApp", "Create OAuth App")]
 					}) : void 0
 				})
 			]