@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/OAuthClientDetailPage.js

@@ -0,0 +1,332 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { cn as t } from "../utils/cn.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { ActiveIndicator as r } from "../components/StatusBadge.js";
+import { nativeCopyText as i, nativeImpact as a, nativeNotify as o } from "../../utils/nativeBridge.js";
+import { useDeactivateAppMutation as s, useGetAuthAppQuery as c, useRotateAppSecretMutation as l, useUpdateAuthAppMutation as u } from "../../generated/global-operations.js";
+import { PermissionGuard as d } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { DEVPORTAL_PERMISSIONS as f } from "../constants/permissions.js";
+import { getErrorMessage as p } from "../hooks/useGraphQL.js";
+import "../hooks/index.js";
+import { useState as m } from "react";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as g, ArrowLeft as _, Copy as v, Eye as y, EyeOff as b, Loader2 as x, RefreshCw as S, Trash2 as C } from "lucide-react";
+import { useParams as w } from "react-router-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/devportal/pages/OAuthClientDetailPage.tsx
+var D = () => {
+	let { clientId: D } = w(), { navigate: O, basePath: k } = e(), { t: A } = h(), j = (e, t) => {
+		let n = A(e);
+		return n === e ? t : n;
+	}, [M, N] = m(!1), [P, F] = m(null), [I, L] = m(!1), [R, z] = m(!1), { data: B, loading: V, error: H, refetch: U } = c({
+		variables: { id: D || "" },
+		skip: !D,
+		fetchPolicy: "cache-and-network"
+	}), [W, { loading: G }] = l(), [K, { loading: q }] = s(), [J] = u(), Y = B?.app ? {
+		id: B.app.id,
+		name: B.app.name,
+		description: B.app.description ?? void 0,
+		clientId: B.app.clientId,
+		type: B.app.type,
+		status: B.app.status,
+		scopes: B.app.scopes ?? [],
+		redirectUris: B.app.redirectUris ?? [],
+		ownerUserId: B.app.ownerUserId,
+		tenantId: B.app.tenantId,
+		createdAt: B.app.createdAt,
+		updatedAt: B.app.updatedAt
+	} : null, X = (e) => {
+		O?.(`${k}${e}`);
+	}, Z = async (e) => {
+		a("light"), o(await i(e) ? "success" : "error");
+	};
+	return V && !B ? /* @__PURE__ */ T(n, {
+		title: j("devportal.appDetails", "App Details"),
+		description: j("devportal.loadingDots", "Loading..."),
+		backLink: "/oauth",
+		backLabel: j("devportal.backToApps", "Back to Apps"),
+		children: /* @__PURE__ */ T("div", {
+			className: "flex items-center justify-center py-12",
+			children: /* @__PURE__ */ T(x, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		})
+	}) : H || !Y ? /* @__PURE__ */ T(n, {
+		title: j("devportal.appDetails", "App Details"),
+		description: j("devportal.failedToLoad", "Failed to load"),
+		backLink: "/oauth",
+		backLabel: j("devportal.backToApps", "Back to Apps"),
+		children: /* @__PURE__ */ E("div", {
+			className: "rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center",
+			children: [
+				/* @__PURE__ */ T(g, { className: "mx-auto h-8 w-8 text-destructive" }),
+				/* @__PURE__ */ T("h3", {
+					className: "mt-2 font-medium text-destructive",
+					children: H ? j("devportal.failedToLoadApp", "Failed to load app") : j("devportal.appNotFound", "App not found")
+				}),
+				H && /* @__PURE__ */ T("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: p(H)
+				}),
+				/* @__PURE__ */ E("button", {
+					onClick: () => X("/oauth"),
+					className: "mt-4 inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+					children: [/* @__PURE__ */ T(_, { size: 16 }), j("devportal.backToApps", "Back to Apps")]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ T(d, {
+		permission: f.APP_READ,
+		children: /* @__PURE__ */ E(n, {
+			title: Y.name,
+			description: Y.description || j("devportal.oauthAppDetailsAndCredentials", "OAuth App details and credentials"),
+			backLink: "/oauth",
+			backLabel: j("devportal.backToApps", "Back to Apps"),
+			actions: /* @__PURE__ */ E("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ T("button", {
+					onClick: async () => {
+						if (!D || !Y) return;
+						let e = Y.status === "ACTIVE" ? "INACTIVE" : "ACTIVE";
+						try {
+							await J({ variables: {
+								id: D,
+								input: { status: e }
+							} }), U();
+						} catch {}
+					},
+					className: t("rounded-md px-3 py-2 text-sm font-medium transition-colors", Y.status === "ACTIVE" ? "bg-status-warning-bg-subtle text-status-warning-text hover:bg-status-warning-bg-subtle" : "bg-status-success-bg-subtle text-status-success-text hover:bg-status-success-bg-subtle"),
+					children: Y.status === "ACTIVE" ? j("devportal.deactivate", "Deactivate") : j("devportal.activate", "Activate")
+				}), /* @__PURE__ */ T("button", {
+					onClick: () => L(!0),
+					className: "rounded-md bg-destructive/10 px-3 py-2 text-sm font-medium text-destructive hover:bg-destructive/20 transition-colors",
+					children: /* @__PURE__ */ T(C, { size: 16 })
+				})]
+			}),
+			children: [
+				/* @__PURE__ */ E("div", {
+					className: "grid gap-6 md:grid-cols-2",
+					children: [/* @__PURE__ */ E("div", {
+						className: "rounded-lg border bg-card p-6",
+						children: [/* @__PURE__ */ T("h3", {
+							className: "text-sm font-medium text-muted-foreground mb-4",
+							children: j("devportal.statusAndConfiguration", "Status & Configuration")
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ E("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-sm text-muted-foreground",
+										children: j("devportal.status", "Status")
+									}), /* @__PURE__ */ E("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ T(r, { active: Y.status === "ACTIVE" }), /* @__PURE__ */ T("span", {
+											className: "text-sm font-medium",
+											children: Y.status
+										})]
+									})]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-sm text-muted-foreground",
+										children: j("devportal.type", "Type")
+									}), /* @__PURE__ */ T("span", {
+										className: t("rounded px-2 py-0.5 text-xs font-medium", Y.type === "SERVICE" ? "bg-accent-purple-subtle text-accent-purple" : Y.type === "INTEGRATION" || Y.type === "API_INTEGRATION" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-status-success-bg-subtle text-status-success-text"),
+										children: Y.type
+									})]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-sm text-muted-foreground",
+										children: j("devportal.created", "Created")
+									}), /* @__PURE__ */ T("span", {
+										className: "text-sm",
+										children: new Date(Y.createdAt).toLocaleDateString()
+									})]
+								})
+							]
+						})]
+					}), /* @__PURE__ */ E("div", {
+						className: "rounded-lg border bg-card p-6",
+						children: [/* @__PURE__ */ T("h3", {
+							className: "text-sm font-medium text-muted-foreground mb-4",
+							children: j("devportal.credentials", "Credentials")
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									className: "text-xs text-muted-foreground",
+									children: j("devportal.clientId", "Client ID")
+								}), /* @__PURE__ */ E("div", {
+									className: "mt-1 flex items-center gap-2",
+									children: [/* @__PURE__ */ T("code", {
+										className: "flex-1 rounded bg-muted px-3 py-1.5 text-sm font-mono",
+										children: Y.clientId
+									}), /* @__PURE__ */ T("button", {
+										onClick: () => Z(Y.clientId),
+										className: "rounded p-1.5 hover:bg-muted transition-colors",
+										title: "Copy",
+										children: /* @__PURE__ */ T(v, { size: 14 })
+									})]
+								})] }),
+								P && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									className: "text-xs text-destructive font-medium",
+									children: j("devportal.newClientSecretShownOnce", "New Client Secret (shown only once!)")
+								}), /* @__PURE__ */ E("div", {
+									className: "mt-1 flex items-center gap-2",
+									children: [
+										/* @__PURE__ */ T("code", {
+											className: "flex-1 rounded bg-destructive/10 border border-destructive/30 px-3 py-1.5 text-sm font-mono",
+											children: M ? P : "••••••••••••••••"
+										}),
+										/* @__PURE__ */ T("button", {
+											onClick: () => N(!M),
+											className: "rounded p-1.5 hover:bg-muted transition-colors",
+											children: T(M ? b : y, { size: 14 })
+										}),
+										/* @__PURE__ */ T("button", {
+											onClick: () => Z(P),
+											className: "rounded p-1.5 hover:bg-muted transition-colors",
+											children: /* @__PURE__ */ T(v, { size: 14 })
+										})
+									]
+								})] }),
+								/* @__PURE__ */ E("button", {
+									onClick: () => z(!0),
+									disabled: G,
+									className: "mt-2 inline-flex items-center gap-2 rounded-md bg-status-warning-bg-subtle px-3 py-1.5 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle transition-colors disabled:opacity-50",
+									children: [/* @__PURE__ */ T(S, {
+										size: 14,
+										className: G ? "animate-spin" : ""
+									}), j("devportal.rotateSecret", "Rotate Secret")]
+								})
+							]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "rounded-lg border bg-card p-6",
+					children: [/* @__PURE__ */ E("h3", {
+						className: "text-sm font-medium text-muted-foreground mb-3",
+						children: [
+							j("devportal.scopes", "Scopes"),
+							" (",
+							Y.scopes.length,
+							")"
+						]
+					}), Y.scopes.length > 0 ? /* @__PURE__ */ T("div", {
+						className: "flex flex-wrap gap-2",
+						children: Y.scopes.map((e) => /* @__PURE__ */ T("span", {
+							className: "rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary",
+							children: e
+						}, e))
+					}) : /* @__PURE__ */ T("p", {
+						className: "text-sm text-muted-foreground",
+						children: j("devportal.noScopesConfigured", "No scopes configured")
+					})]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "rounded-lg border bg-card p-6",
+					children: [/* @__PURE__ */ E("h3", {
+						className: "text-sm font-medium text-muted-foreground mb-3",
+						children: [
+							j("devportal.redirectUris", "Redirect URIs"),
+							" (",
+							Y.redirectUris.length,
+							")"
+						]
+					}), Y.redirectUris.length > 0 ? /* @__PURE__ */ T("div", {
+						className: "space-y-2",
+						children: Y.redirectUris.map((e) => /* @__PURE__ */ E("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ T("code", {
+								className: "rounded bg-muted px-3 py-1.5 text-sm font-mono",
+								children: e
+							}), /* @__PURE__ */ T("button", {
+								onClick: () => Z(e),
+								className: "rounded p-1 hover:bg-muted transition-colors",
+								children: /* @__PURE__ */ T(v, { size: 12 })
+							})]
+						}, e))
+					}) : /* @__PURE__ */ T("p", {
+						className: "text-sm text-muted-foreground",
+						children: j("devportal.noRedirectUrisConfigured", "No redirect URIs configured")
+					})]
+				}),
+				R && /* @__PURE__ */ T("div", {
+					className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
+					children: /* @__PURE__ */ E("div", {
+						className: "rounded-lg bg-card border shadow-lg p-6 max-w-md w-full mx-4",
+						children: [
+							/* @__PURE__ */ T("h3", {
+								className: "font-medium text-lg",
+								children: j("devportal.rotateClientSecretQuestion", "Rotate Client Secret?")
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "mt-2 text-sm text-muted-foreground",
+								children: j("devportal.rotateSecretWarning", "This will invalidate the current client secret. All integrations using the old secret will stop working immediately.")
+							}),
+							/* @__PURE__ */ E("div", {
+								className: "mt-4 flex justify-end gap-3",
+								children: [/* @__PURE__ */ T("button", {
+									onClick: () => z(!1),
+									className: "rounded-md px-4 py-2 text-sm font-medium hover:bg-muted transition-colors",
+									children: j("devportal.cancel", "Cancel")
+								}), /* @__PURE__ */ T("button", {
+									onClick: async () => {
+										if (D) try {
+											let e = (await W({ variables: { id: D } })).data?.rotateAppSecret?.clientSecret;
+											e && (F(e), N(!0)), z(!1), U();
+										} catch {}
+									},
+									disabled: G,
+									className: "rounded-md bg-status-warning-bg px-4 py-2 text-sm font-medium text-white hover:bg-status-warning-bg/90 disabled:opacity-50 transition-colors",
+									children: G ? j("devportal.rotating", "Rotating...") : j("devportal.rotateSecret", "Rotate Secret")
+								})]
+							})
+						]
+					})
+				}),
+				I && /* @__PURE__ */ T("div", {
+					className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
+					children: /* @__PURE__ */ E("div", {
+						className: "rounded-lg bg-card border shadow-lg p-6 max-w-md w-full mx-4",
+						children: [
+							/* @__PURE__ */ T("h3", {
+								className: "font-medium text-lg text-destructive",
+								children: j("devportal.deactivateAppQuestion", "Deactivate App?")
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "mt-2 text-sm text-muted-foreground",
+								children: j("devportal.deactivateAppWarning", "This will deactivate the app and revoke all tokens. This action cannot be undone easily.")
+							}),
+							/* @__PURE__ */ E("div", {
+								className: "mt-4 flex justify-end gap-3",
+								children: [/* @__PURE__ */ T("button", {
+									onClick: () => L(!1),
+									className: "rounded-md px-4 py-2 text-sm font-medium hover:bg-muted transition-colors",
+									children: j("devportal.cancel", "Cancel")
+								}), /* @__PURE__ */ T("button", {
+									onClick: async () => {
+										if (D) try {
+											await K({ variables: { id: D } }), L(!1), X("/oauth");
+										} catch {}
+									},
+									disabled: q,
+									className: "rounded-md bg-destructive px-4 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50 transition-colors",
+									children: q ? j("devportal.deactivating", "Deactivating...") : j("devportal.deactivate", "Deactivate")
+								})]
+							})
+						]
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { D as OAuthClientDetailPage };
+
+//# sourceMappingURL=OAuthClientDetailPage.js.map

package/dist/devportal/pages/OAuthClientDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthClientDetailPage.js","names":[],"sources":["../../../src/devportal/pages/OAuthClientDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport {\n  Shield,\n  Copy,\n  Eye,\n  EyeOff,\n  Loader2,\n  AlertCircle,\n  RefreshCw,\n  Trash2,\n  ArrowLeft,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useParams } from \"react-router-dom\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { ActiveIndicator } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport type { AuthApp } from \"../types\";\nimport { cn } from \"../utils/cn\";\nimport {\n  nativeCopyText,\n  nativeImpact,\n  nativeNotify,\n} from \"../../utils/nativeBridge\";\nimport {\n  useGetAuthAppQuery,\n  useRotateAppSecretMutation,\n  useDeactivateAppMutation,\n  useUpdateAuthAppMutation,\n  getErrorMessage,\n} from \"../hooks\";\n\n/**\n * OAuth App Detail page\n *\n * Shows details for an auth-svc App (replaces devportal-svc OAuthClient detail).\n * Supports secret rotation, deactivation, and status toggle.\n */\nexport const OAuthClientDetailPage: FC = () => {\n  const { clientId: appId } = useParams<{ clientId: string }>();\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const [showSecret, setShowSecret] = useState(false);\n  const [newSecret, setNewSecret] = useState<string | null>(null);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [confirmRotate, setConfirmRotate] = useState(false);\n\n  const { data, loading, error, refetch } = useGetAuthAppQuery({\n    variables: { id: appId || \"\" },\n    skip: !appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [rotateSecret, { loading: rotating }] = useRotateAppSecretMutation();\n  const [deactivateApp, { loading: deactivating }] = useDeactivateAppMutation();\n  const [updateApp] = useUpdateAuthAppMutation();\n\n  const app: AuthApp | null = data?.app\n    ? {\n        id: data.app.id,\n        name: data.app.name,\n        description: data.app.description ?? undefined,\n        clientId: data.app.clientId,\n        type: data.app.type as AuthApp[\"type\"],\n        status: data.app.status as AuthApp[\"status\"],\n        scopes: data.app.scopes ?? [],\n        redirectUris: data.app.redirectUris ?? [],\n        ownerUserId: data.app.ownerUserId,\n        tenantId: data.app.tenantId,\n        createdAt: data.app.createdAt,\n        updatedAt: data.app.updatedAt,\n      }\n    : null;\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleCopy = async (text: string) => {\n    void nativeImpact(\"light\");\n    const ok = await nativeCopyText(text);\n    void nativeNotify(ok ? \"success\" : \"error\");\n  };\n\n  const handleRotateSecret = async () => {\n    if (!appId) return;\n    try {\n      const result = await rotateSecret({ variables: { id: appId } });\n      const secret = result.data?.rotateAppSecret?.clientSecret;\n      if (secret) {\n        setNewSecret(secret);\n        setShowSecret(true);\n      }\n      setConfirmRotate(false);\n      refetch();\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  const handleDeactivate = async () => {\n    if (!appId) return;\n    try {\n      await deactivateApp({ variables: { id: appId } });\n      setConfirmDelete(false);\n      handleNavigate(\"/oauth\");\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  const handleToggleStatus = async () => {\n    if (!appId || !app) return;\n    const newStatus = app.status === \"ACTIVE\" ? \"INACTIVE\" : \"ACTIVE\";\n    try {\n      await updateApp({\n        variables: { id: appId, input: { status: newStatus } },\n      });\n      refetch();\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.appDetails\", \"App Details\")}\n        description={tr(\"devportal.loadingDots\", \"Loading...\")}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !app) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.appDetails\", \"App Details\")}\n        description={tr(\"devportal.failedToLoad\", \"Failed to load\")}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n      >\n        <div className=\"rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-destructive\" />\n          <h3 className=\"mt-2 font-medium text-destructive\">\n            {error\n              ? tr(\"devportal.failedToLoadApp\", \"Failed to load app\")\n              : tr(\"devportal.appNotFound\", \"App not found\")}\n          </h3>\n          {error && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {getErrorMessage(error)}\n            </p>\n          )}\n          <button\n            onClick={() => handleNavigate(\"/oauth\")}\n            className=\"mt-4 inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n          >\n            <ArrowLeft size={16} />\n            {tr(\"devportal.backToApps\", \"Back to Apps\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={app.name}\n        description={\n          app.description ||\n          tr(\n            \"devportal.oauthAppDetailsAndCredentials\",\n            \"OAuth App details and credentials\",\n          )\n        }\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={handleToggleStatus}\n              className={cn(\n                \"rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n                app.status === \"ACTIVE\"\n                  ? \"bg-status-warning-bg-subtle text-status-warning-text hover:bg-status-warning-bg-subtle\"\n                  : \"bg-status-success-bg-subtle text-status-success-text hover:bg-status-success-bg-subtle\",\n              )}\n            >\n              {app.status === \"ACTIVE\"\n                ? tr(\"devportal.deactivate\", \"Deactivate\")\n                : tr(\"devportal.activate\", \"Activate\")}\n            </button>\n            <button\n              onClick={() => setConfirmDelete(true)}\n              className=\"rounded-md bg-destructive/10 px-3 py-2 text-sm font-medium text-destructive hover:bg-destructive/20 transition-colors\"\n            >\n              <Trash2 size={16} />\n            </button>\n          </div>\n        }\n      >\n        {/* Status & Type */}\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h3 className=\"text-sm font-medium text-muted-foreground mb-4\">\n              {tr(\"devportal.statusAndConfiguration\", \"Status & Configuration\")}\n            </h3>\n            <div className=\"space-y-3\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.status\", \"Status\")}\n                </span>\n                <div className=\"flex items-center gap-2\">\n                  <ActiveIndicator active={app.status === \"ACTIVE\"} />\n                  <span className=\"text-sm font-medium\">{app.status}</span>\n                </div>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.type\", \"Type\")}\n                </span>\n                <span\n                  className={cn(\n                    \"rounded px-2 py-0.5 text-xs font-medium\",\n                    app.type === \"SERVICE\"\n                      ? \"bg-accent-purple-subtle text-accent-purple\"\n                      : app.type === \"INTEGRATION\" ||\n                          app.type === \"API_INTEGRATION\"\n                        ? \"bg-status-info-bg-subtle text-status-info-text\"\n                        : \"bg-status-success-bg-subtle text-status-success-text\",\n                  )}\n                >\n                  {app.type}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr(\"devportal.created\", \"Created\")}\n                </span>\n                <span className=\"text-sm\">\n                  {new Date(app.createdAt).toLocaleDateString()}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h3 className=\"text-sm font-medium text-muted-foreground mb-4\">\n              {tr(\"devportal.credentials\", \"Credentials\")}\n            </h3>\n            <div className=\"space-y-3\">\n              <div>\n                <label className=\"text-xs text-muted-foreground\">\n                  {tr(\"devportal.clientId\", \"Client ID\")}\n                </label>\n                <div className=\"mt-1 flex items-center gap-2\">\n                  <code className=\"flex-1 rounded bg-muted px-3 py-1.5 text-sm font-mono\">\n                    {app.clientId}\n                  </code>\n                  <button\n                    onClick={() => handleCopy(app.clientId)}\n                    className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    title=\"Copy\"\n                  >\n                    <Copy size={14} />\n                  </button>\n                </div>\n              </div>\n              {newSecret && (\n                <div>\n                  <label className=\"text-xs text-destructive font-medium\">\n                    {tr(\n                      \"devportal.newClientSecretShownOnce\",\n                      \"New Client Secret (shown only once!)\",\n                    )}\n                  </label>\n                  <div className=\"mt-1 flex items-center gap-2\">\n                    <code className=\"flex-1 rounded bg-destructive/10 border border-destructive/30 px-3 py-1.5 text-sm font-mono\">\n                      {showSecret\n                        ? newSecret\n                        : \"\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\"}\n                    </code>\n                    <button\n                      onClick={() => setShowSecret(!showSecret)}\n                      className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    >\n                      {showSecret ? <EyeOff size={14} /> : <Eye size={14} />}\n                    </button>\n                    <button\n                      onClick={() => handleCopy(newSecret)}\n                      className=\"rounded p-1.5 hover:bg-muted transition-colors\"\n                    >\n                      <Copy size={14} />\n                    </button>\n                  </div>\n                </div>\n              )}\n              <button\n                onClick={() => setConfirmRotate(true)}\n                disabled={rotating}\n                className=\"mt-2 inline-flex items-center gap-2 rounded-md bg-status-warning-bg-subtle px-3 py-1.5 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle transition-colors disabled:opacity-50\"\n              >\n                <RefreshCw\n                  size={14}\n                  className={rotating ? \"animate-spin\" : \"\"}\n                />\n                {tr(\"devportal.rotateSecret\", \"Rotate Secret\")}\n              </button>\n            </div>\n          </div>\n        </div>\n\n        {/* Scopes */}\n        <div className=\"rounded-lg border bg-card p-6\">\n          <h3 className=\"text-sm font-medium text-muted-foreground mb-3\">\n            {tr(\"devportal.scopes\", \"Scopes\")} ({app.scopes.length})\n          </h3>\n          {app.scopes.length > 0 ? (\n            <div className=\"flex flex-wrap gap-2\">\n              {app.scopes.map((scope) => (\n                <span\n                  key={scope}\n                  className=\"rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary\"\n                >\n                  {scope}\n                </span>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-muted-foreground\">\n              {tr(\"devportal.noScopesConfigured\", \"No scopes configured\")}\n            </p>\n          )}\n        </div>\n\n        {/* Redirect URIs */}\n        <div className=\"rounded-lg border bg-card p-6\">\n          <h3 className=\"text-sm font-medium text-muted-foreground mb-3\">\n            {tr(\"devportal.redirectUris\", \"Redirect URIs\")} (\n            {app.redirectUris.length})\n          </h3>\n          {app.redirectUris.length > 0 ? (\n            <div className=\"space-y-2\">\n              {app.redirectUris.map((uri) => (\n                <div key={uri} className=\"flex items-center gap-2\">\n                  <code className=\"rounded bg-muted px-3 py-1.5 text-sm font-mono\">\n                    {uri}\n                  </code>\n                  <button\n                    onClick={() => handleCopy(uri)}\n                    className=\"rounded p-1 hover:bg-muted transition-colors\"\n                  >\n                    <Copy size={12} />\n                  </button>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-muted-foreground\">\n              {tr(\n                \"devportal.noRedirectUrisConfigured\",\n                \"No redirect URIs configured\",\n              )}\n            </p>\n          )}\n        </div>\n\n        {/* Confirm Rotate Dialog */}\n        {confirmRotate && (\n          <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\">\n            <div className=\"rounded-lg bg-card border shadow-lg p-6 max-w-md w-full mx-4\">\n              <h3 className=\"font-medium text-lg\">\n                {tr(\n                  \"devportal.rotateClientSecretQuestion\",\n                  \"Rotate Client Secret?\",\n                )}\n              </h3>\n              <p className=\"mt-2 text-sm text-muted-foreground\">\n                {tr(\n                  \"devportal.rotateSecretWarning\",\n                  \"This will invalidate the current client secret. All integrations using the old secret will stop working immediately.\",\n                )}\n              </p>\n              <div className=\"mt-4 flex justify-end gap-3\">\n                <button\n                  onClick={() => setConfirmRotate(false)}\n                  className=\"rounded-md px-4 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  onClick={handleRotateSecret}\n                  disabled={rotating}\n                  className=\"rounded-md bg-status-warning-bg px-4 py-2 text-sm font-medium text-white hover:bg-status-warning-bg/90 disabled:opacity-50 transition-colors\"\n                >\n                  {rotating\n                    ? tr(\"devportal.rotating\", \"Rotating...\")\n                    : tr(\"devportal.rotateSecret\", \"Rotate Secret\")}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Confirm Deactivate Dialog */}\n        {confirmDelete && (\n          <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\">\n            <div className=\"rounded-lg bg-card border shadow-lg p-6 max-w-md w-full mx-4\">\n              <h3 className=\"font-medium text-lg text-destructive\">\n                {tr(\"devportal.deactivateAppQuestion\", \"Deactivate App?\")}\n              </h3>\n              <p className=\"mt-2 text-sm text-muted-foreground\">\n                {tr(\n                  \"devportal.deactivateAppWarning\",\n                  \"This will deactivate the app and revoke all tokens. This action cannot be undone easily.\",\n                )}\n              </p>\n              <div className=\"mt-4 flex justify-end gap-3\">\n                <button\n                  onClick={() => setConfirmDelete(false)}\n                  className=\"rounded-md px-4 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  onClick={handleDeactivate}\n                  disabled={deactivating}\n                  className=\"rounded-md bg-destructive px-4 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50 transition-colors\"\n                >\n                  {deactivating\n                    ? tr(\"devportal.deactivating\", \"Deactivating...\")\n                    : tr(\"devportal.deactivate\", \"Deactivate\")}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/OAuthClientsPage.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+/**
+ * OAuth Apps listing page
+ *
+ * Displays the current user's OAuth apps from auth-svc.
+ * Previously showed devportal-svc OAuthClients per application;
+ * now shows all user-owned apps centrally.
+ */
+export declare const OAuthClientsPage: FC;
+//# sourceMappingURL=OAuthClientsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthClientsPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/OAuthClientsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAehC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,EA+U9B,CAAC"}