npm - @burdenoff/microfe-devportal - Versions diffs - 2026.624.7 → 2026.624.8 - Mend

@burdenoff/microfe-devportal 2026.624.7 → 2026.624.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1988) hide show

package/dist/devportal/pages/OAuthClientDetailPage.js CHANGED Viewed

@@ -48,7 +48,7 @@ var D = () => {
 		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" })
+			children: /* @__PURE__ */ T(x, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
 	}) : H || !Y ? /* @__PURE__ */ T(s, {
 		title: j("devportal.appDetails", "App Details"),
@@ -56,20 +56,20 @@ var D = () => {
 		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",
+			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ T(g, { className: "mx-auto h-8 w-8 text-destructive" }),
+				/* @__PURE__ */ T(g, { className: "mx-auto h-8 w-8 text-status-error-text" }),
 				/* @__PURE__ */ T("h3", {
-					className: "mt-2 font-medium text-destructive",
+					className: "mt-2 font-medium text-status-error-text",
 					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",
+					className: "mt-1 text-sm text-text-secondary",
 					children: o(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",
+					className: "mt-4 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__ */ T(_, { size: 16 }), j("devportal.backToApps", "Back to Apps")]
 				})
 			]
@@ -98,7 +98,7 @@ var D = () => {
 					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",
+					className: "rounded-md bg-status-error-bg/10 px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/20 transition-colors",
 					children: /* @__PURE__ */ T(C, { size: 16 })
 				})]
 			}),
@@ -106,9 +106,9 @@ var D = () => {
 				/* @__PURE__ */ E("div", {
 					className: "grid gap-6 md:grid-cols-2",
 					children: [/* @__PURE__ */ E("div", {
-						className: "rounded-lg border bg-card p-6",
+						className: "rounded-lg border bg-bg-surface p-6",
 						children: [/* @__PURE__ */ T("h3", {
-							className: "text-sm font-medium text-muted-foreground mb-4",
+							className: "text-sm font-medium text-text-secondary mb-4",
 							children: j("devportal.statusAndConfiguration", "Status & Configuration")
 						}), /* @__PURE__ */ E("div", {
 							className: "space-y-3",
@@ -116,7 +116,7 @@ var D = () => {
 								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ T("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: j("devportal.status", "Status")
 									}), /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2",
@@ -129,7 +129,7 @@ var D = () => {
 								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ T("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										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"),
@@ -139,7 +139,7 @@ var D = () => {
 								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ T("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: j("devportal.created", "Created")
 									}), /* @__PURE__ */ T("span", {
 										className: "text-sm",
@@ -149,46 +149,46 @@ var D = () => {
 							]
 						})]
 					}), /* @__PURE__ */ E("div", {
-						className: "rounded-lg border bg-card p-6",
+						className: "rounded-lg border bg-bg-surface p-6",
 						children: [/* @__PURE__ */ T("h3", {
-							className: "text-sm font-medium text-muted-foreground mb-4",
+							className: "text-sm font-medium text-text-secondary 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",
+									className: "text-xs text-text-secondary",
 									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",
+										className: "flex-1 rounded bg-bg-sunken 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",
+										className: "rounded p-1.5 hover:bg-bg-sunken 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",
+									className: "text-xs text-status-error-text 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",
+											className: "flex-1 rounded bg-status-error-bg/10 border border-status-error-border/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",
+											className: "rounded p-1.5 hover:bg-bg-sunken 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",
+											className: "rounded p-1.5 hover:bg-bg-sunken transition-colors",
 											children: /* @__PURE__ */ T(v, { size: 14 })
 										})
 									]
@@ -207,9 +207,9 @@ var D = () => {
 					})]
 				}),
 				/* @__PURE__ */ E("div", {
-					className: "rounded-lg border bg-card p-6",
+					className: "rounded-lg border bg-bg-surface p-6",
 					children: [/* @__PURE__ */ E("h3", {
-						className: "text-sm font-medium text-muted-foreground mb-3",
+						className: "text-sm font-medium text-text-secondary mb-3",
 						children: [
 							j("devportal.scopes", "Scopes"),
 							" (",
@@ -219,18 +219,18 @@ var D = () => {
 					}), 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",
+							className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
 							children: e
 						}, e))
 					}) : /* @__PURE__ */ T("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: j("devportal.noScopesConfigured", "No scopes configured")
 					})]
 				}),
 				/* @__PURE__ */ E("div", {
-					className: "rounded-lg border bg-card p-6",
+					className: "rounded-lg border bg-bg-surface p-6",
 					children: [/* @__PURE__ */ E("h3", {
-						className: "text-sm font-medium text-muted-foreground mb-3",
+						className: "text-sm font-medium text-text-secondary mb-3",
 						children: [
 							j("devportal.redirectUris", "Redirect URIs"),
 							" (",
@@ -242,37 +242,37 @@ var D = () => {
 						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",
+								className: "rounded bg-bg-sunken 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",
+								className: "rounded p-1 hover:bg-bg-sunken transition-colors",
 								children: /* @__PURE__ */ T(v, { size: 12 })
 							})]
 						}, e))
 					}) : /* @__PURE__ */ T("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						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",
+						className: "rounded-lg bg-bg-surface 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",
+								className: "mt-2 text-sm text-text-secondary",
 								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",
+									className: "rounded-md px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors",
 									children: j("devportal.cancel", "Cancel")
 								}), /* @__PURE__ */ T("button", {
 									onClick: async () => {
@@ -292,21 +292,21 @@ var D = () => {
 				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",
+						className: "rounded-lg bg-bg-surface border shadow-lg p-6 max-w-md w-full mx-4",
 						children: [
 							/* @__PURE__ */ T("h3", {
-								className: "font-medium text-lg text-destructive",
+								className: "font-medium text-lg text-status-error-text",
 								children: j("devportal.deactivateAppQuestion", "Deactivate App?")
 							}),
 							/* @__PURE__ */ T("p", {
-								className: "mt-2 text-sm text-muted-foreground",
+								className: "mt-2 text-sm text-text-secondary",
 								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",
+									className: "rounded-md px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors",
 									children: j("devportal.cancel", "Cancel")
 								}), /* @__PURE__ */ T("button", {
 									onClick: async () => {
@@ -315,7 +315,7 @@ var D = () => {
 										} 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",
+									className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50 transition-colors",
 									children: q ? j("devportal.deactivating", "Deactivating...") : j("devportal.deactivate", "Deactivate")
 								})]
 							})

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

	@@ -1 +1 @@
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 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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"}
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 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-text-secondary\" />\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-status-error-border/50 bg-status-error-bg/10 p-6 text-center\">\n <AlertCircle className=\"mx-auto h-8 w-8 text-status-error-text\" />\n <h3 className=\"mt-2 font-medium text-status-error-text\">\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-text-secondary\">\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-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/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-status-error-bg/10 px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/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-bg-surface p-6\">\n <h3 className=\"text-sm font-medium text-text-secondary 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-text-secondary\">\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-text-secondary\">\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-text-secondary\">\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-bg-surface p-6\">\n <h3 className=\"text-sm font-medium text-text-secondary mb-4\">\n {tr(\"devportal.credentials\", \"Credentials\")}\n </h3>\n <div className=\"space-y-3\">\n <div>\n <label className=\"text-xs text-text-secondary\">\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-bg-sunken 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-bg-sunken 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-status-error-text 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-status-error-bg/10 border border-status-error-border/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-bg-sunken 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-bg-sunken 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-bg-surface p-6\">\n <h3 className=\"text-sm font-medium text-text-secondary 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-action-primary-bg/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-text-secondary\">\n {tr(\"devportal.noScopesConfigured\", \"No scopes configured\")}\n </p>\n )}\n </div>\n\n {/ Redirect URIs /}\n <div className=\"rounded-lg border bg-bg-surface p-6\">\n <h3 className=\"text-sm font-medium text-text-secondary 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-bg-sunken 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-bg-sunken transition-colors\"\n >\n <Copy size={12} />\n </button>\n </div>\n ))}\n </div>\n ) : (\n <p className=\"text-sm text-text-secondary\">\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-bg-surface 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-text-secondary\">\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-bg-sunken 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-bg-surface border shadow-lg p-6 max-w-md w-full mx-4\">\n <h3 className=\"font-medium text-lg text-status-error-text\">\n {tr(\"devportal.deactivateAppQuestion\", \"Deactivate App?\")}\n </h3>\n <p className=\"mt-2 text-sm text-text-secondary\">\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-bg-sunken transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n onClick={handleDeactivate}\n disabled={deactivating}\n className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/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.js CHANGED Viewed

@@ -43,8 +43,8 @@ var y = () => {
 		description: S("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
 		children: /* @__PURE__ */ v("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ _("span", {
-				className: "ml-2 text-muted-foreground",
+			children: [/* @__PURE__ */ _(p, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ _("span", {
+				className: "ml-2 text-text-secondary",
 				children: S("devportal.loadingApps", "Loading apps...")
 			})]
 		})
@@ -53,20 +53,20 @@ var y = () => {
 		title: S("devportal.oauthApps", "OAuth Apps"),
 		description: S("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
 		children: /* @__PURE__ */ v("div", {
-			className: "rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center",
+			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ _(f, { className: "mx-auto h-8 w-8 text-destructive" }),
+				/* @__PURE__ */ _(f, { className: "mx-auto h-8 w-8 text-status-error-text" }),
 				/* @__PURE__ */ _("h3", {
-					className: "mt-2 font-medium text-destructive",
+					className: "mt-2 font-medium text-status-error-text",
 					children: S("devportal.failedToLoadApps", "Failed to load apps")
 				}),
 				/* @__PURE__ */ _("p", {
-					className: "mt-1 text-sm text-muted-foreground",
+					className: "mt-1 text-sm text-text-secondary",
 					children: i(k)
 				}),
 				/* @__PURE__ */ _("button", {
 					onClick: () => A(),
-					className: "mt-4 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+					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: S("devportal.tryAgain", "Try Again")
 				})
 			]
@@ -79,7 +79,7 @@ var y = () => {
 			render: (e) => /* @__PURE__ */ v("div", {
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ _("div", {
-					className: t("flex h-10 w-10 items-center justify-center rounded-lg", e.status === "ACTIVE" ? "bg-primary/10 text-primary" : "bg-bg-sunken text-text-tertiary"),
+					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, { size: 20 })
 				}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("div", {
 					className: "flex items-center gap-2",
@@ -91,7 +91,7 @@ var y = () => {
 						children: e.type
 					})]
 				}), /* @__PURE__ */ _("code", {
-					className: "text-xs text-muted-foreground",
+					className: "text-xs text-text-secondary",
 					children: e.clientId
 				})] })]
 			})
@@ -102,10 +102,10 @@ var y = () => {
 			render: (e) => /* @__PURE__ */ v("div", {
 				className: "flex flex-wrap gap-1",
 				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ _("span", {
-					className: "inline-flex rounded bg-muted px-1.5 py-0.5 text-xs",
+					className: "inline-flex rounded bg-bg-sunken px-1.5 py-0.5 text-xs",
 					children: e
 				}, e)), e.scopes.length > 3 && /* @__PURE__ */ v("span", {
-					className: "text-xs text-muted-foreground",
+					className: "text-xs text-text-secondary",
 					children: ["+", e.scopes.length - 3]
 				})]
 			})
@@ -146,7 +146,7 @@ var y = () => {
 			description: S("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
 			actions: /* @__PURE__ */ v("button", {
 				onClick: () => M("/oauth/new"),
-				className: "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 transition-colors",
+				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__ */ _(m, { size: 16 }), S("devportal.createOAuthApp", "Create OAuth App")]
 			}),
 			children: [
@@ -158,18 +158,18 @@ var y = () => {
 							className: "relative flex-1 max-w-md",
 							children: [/* @__PURE__ */ _(h, {
 								size: 16,
-								className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
 							}), /* @__PURE__ */ _("input", {
 								type: "text",
 								placeholder: S("devportal.searchByNameOrClientId", "Search by name or client ID..."),
 								value: C,
 								onChange: (e) => w(e.target.value),
-								className: "w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
+								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__ */ v("select", {
 							value: T,
 							onChange: (e) => E(e.target.value),
-							className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
+							className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
 							children: [
 								/* @__PURE__ */ _("option", {
 									value: "",
@@ -203,9 +203,9 @@ var y = () => {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 					children: [
 						/* @__PURE__ */ v("div", {
-							className: "rounded-lg border bg-card p-4",
+							className: "rounded-lg border bg-bg-surface p-4",
 							children: [/* @__PURE__ */ v("div", {
-								className: "flex items-center gap-2 text-muted-foreground",
+								className: "flex items-center gap-2 text-text-secondary",
 								children: [/* @__PURE__ */ _(g, { size: 16 }), /* @__PURE__ */ _("span", {
 									className: "text-sm",
 									children: S("devportal.totalApps", "Total Apps")
@@ -216,7 +216,7 @@ var y = () => {
 							})]
 						}),
 						/* @__PURE__ */ v("div", {
-							className: "rounded-lg border bg-card p-4",
+							className: "rounded-lg border bg-bg-surface p-4",
 							children: [/* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2 text-status-success-text",
 								children: [/* @__PURE__ */ _(g, { size: 16 }), /* @__PURE__ */ _("span", {
@@ -229,7 +229,7 @@ var y = () => {
 							})]
 						}),
 						/* @__PURE__ */ v("div", {
-							className: "rounded-lg border bg-card p-4",
+							className: "rounded-lg border bg-bg-surface p-4",
 							children: [/* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2 text-accent-blue",
 								children: [/* @__PURE__ */ _(g, { size: 16 }), /* @__PURE__ */ _("span", {
@@ -242,7 +242,7 @@ var y = () => {
 							})]
 						}),
 						/* @__PURE__ */ v("div", {
-							className: "rounded-lg border bg-card p-4",
+							className: "rounded-lg border bg-bg-surface p-4",
 							children: [/* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2 text-accent-purple",
 								children: [/* @__PURE__ */ _(g, { size: 16 }), /* @__PURE__ */ _("span", {
@@ -257,7 +257,7 @@ var y = () => {
 					]
 				}),
 				/* @__PURE__ */ v("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: [
 						N.length,
 						" ",
@@ -275,7 +275,7 @@ var y = () => {
 					description: C || T ? S("devportal.tryAdjustingFilters", "Try adjusting your filters") : S("devportal.createFirstOAuthApp", "Create your first OAuth app to enable authentication"),
 					action: !C && !T ? /* @__PURE__ */ v("button", {
 						onClick: () => M("/oauth/new"),
-						className: "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",
+						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__ */ _(m, { size: 16 }), S("devportal.createOAuthApp", "Create OAuth App")]
 					}) : void 0
 				})