@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.2

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

@@ -1 +1 @@
-{"version":3,"file":"OAuthClientDetailPage.js","names":["OAuthClientDetailPage","appId","useParams","useDevportal","useI18n","tr","value","t","key","fallback","showSecret","setShowSecret","useState","newSecret","setNewSecret","confirmDelete","setConfirmDelete","confirmRotate","setConfirmRotate","actionError","setActionError","isFluidgrids","useIsFluidgridsVariant","useGetAuthAppQuery","rotateSecret","rotating","useRotateAppSecretMutation","deactivateApp","deactivating","useDeactivateAppMutation","updateApp","useUpdateAuthAppMutation","app","data","handleNavigate","basePath","path","handleCopy","ok","nativeCopyText","text","handleRotateSecret","secret","refetch","err","errorMessage","handleDeactivate","loading","PageLayout","Loader2","error","AlertCircle","getErrorMessage","ArrowLeft","PermissionGuard","CTAOverflowMenu","newStatus","Trash2","ActiveIndicator","cn","GlassCard","Copy","jsx","EyeOff","Eye","RefreshCw","scope","uri","AlertDialog","AlertDialogContent","AlertDialogHeader","AlertDialogTitle","AlertDialogDescription","AlertDialogFooter","AlertDialogCancel","AlertDialogAction"],"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 {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n} from \"@burdenoff/fe-libs/ui\";\nimport { useParams } from \"react-router\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { ActiveIndicator } from \"../components/StatusBadge\";\nimport {\n  useDevportal,\n  useIsFluidgridsVariant,\n} from \"../providers/DevportalProvider\";\nimport { errorMessage } from \"../utils/errorMessage\";\nimport { PermissionGuard } from \"../components\";\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  // A failed rotate / deactivate / status change stays visible (never swallowed).\n  const [actionError, setActionError] = useState<string | null>(null);\n  // FluidGrids: the \"Delete\" action only deactivates, so it is labelled that way.\n  const isFluidgrids = useIsFluidgridsVariant();\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    setActionError(null);\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 (err) {\n      setActionError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.oauthActionFailed\",\n            \"That did not work. Nothing was changed. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  const handleDeactivate = async () => {\n    if (!appId) return;\n    setActionError(null);\n    try {\n      await deactivateApp({ variables: { id: appId } });\n      setConfirmDelete(false);\n      handleNavigate(\"/oauth\");\n    } catch (err) {\n      setActionError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.oauthActionFailed\",\n            \"That did not work. Nothing was changed. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  const handleToggleStatus = async () => {\n    if (!appId || !app) return;\n    setActionError(null);\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 (err) {\n      setActionError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.oauthActionFailed\",\n            \"That did not work. Nothing was changed. Please try again.\",\n          ),\n        ),\n      );\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 authOnly>\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        purpose={tr(\n          \"devportal.oauthAppDetailPurpose\",\n          \"These are this OAuth app's credentials and the scopes it may request. Copy the client ID for your integration, rotate the secret if it leaks, and keep scopes minimal so users only grant what the app truly needs.\",\n        )}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n        actions={\n          <CTAOverflowMenu\n            primary={{\n              label:\n                app.status === \"ACTIVE\"\n                  ? tr(\"devportal.deactivate\", \"Deactivate\")\n                  : tr(\"devportal.activate\", \"Activate\"),\n              onSelect: handleToggleStatus,\n            }}\n            actions={[\n              {\n                label: isFluidgrids\n                  ? tr(\"devportal.deactivate\", \"Deactivate\")\n                  : tr(\"devportal.delete\", \"Delete\"),\n                icon: <Trash2 size={16} />,\n                intent: \"destructive\",\n                onSelect: () => setConfirmDelete(true),\n              },\n            ]}\n          />\n        }\n      >\n        {actionError && (\n          <div\n            role=\"alert\"\n            className=\"mb-4 rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text\"\n          >\n            {actionError}\n          </div>\n        )}\n        {/* Status & Type */}\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          <div className=\"rounded-card border border-border-seam 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          {/* Credentials — primary emphasis zone */}\n          <GlassCard treatment=\"glass\" glow className=\"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          </GlassCard>\n        </div>\n\n        {/* Scopes */}\n        <div className=\"rounded-card border border-border-seam 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-card border border-border-seam 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        <AlertDialog open={confirmRotate} onOpenChange={setConfirmRotate}>\n          <AlertDialogContent>\n            <AlertDialogHeader>\n              <AlertDialogTitle>\n                {tr(\n                  \"devportal.rotateClientSecretQuestion\",\n                  \"Rotate Client Secret?\",\n                )}\n              </AlertDialogTitle>\n              <AlertDialogDescription>\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              </AlertDialogDescription>\n            </AlertDialogHeader>\n            <AlertDialogFooter>\n              <AlertDialogCancel disabled={rotating}>\n                {tr(\"devportal.cancel\", \"Cancel\")}\n              </AlertDialogCancel>\n              <AlertDialogAction\n                onClick={(e) => {\n                  e.preventDefault();\n                  void handleRotateSecret();\n                }}\n                disabled={rotating}\n                className=\"bg-status-warning-bg text-white hover:bg-status-warning-bg/90\"\n              >\n                {rotating\n                  ? tr(\"devportal.rotating\", \"Rotating...\")\n                  : tr(\"devportal.rotateSecret\", \"Rotate Secret\")}\n              </AlertDialogAction>\n            </AlertDialogFooter>\n          </AlertDialogContent>\n        </AlertDialog>\n\n        {/* Confirm Deactivate Dialog */}\n        <AlertDialog open={confirmDelete} onOpenChange={setConfirmDelete}>\n          <AlertDialogContent>\n            <AlertDialogHeader>\n              <AlertDialogTitle className=\"text-status-error-text\">\n                {tr(\"devportal.deactivateAppQuestion\", \"Deactivate App?\")}\n              </AlertDialogTitle>\n              <AlertDialogDescription>\n                {tr(\n                  \"devportal.deactivateAppWarning\",\n                  \"This will deactivate the app and revoke all tokens. This action cannot be undone easily.\",\n                )}\n              </AlertDialogDescription>\n            </AlertDialogHeader>\n            <AlertDialogFooter>\n              <AlertDialogCancel disabled={deactivating}>\n                {tr(\"devportal.cancel\", \"Cancel\")}\n              </AlertDialogCancel>\n              <AlertDialogAction\n                onClick={(e) => {\n                  e.preventDefault();\n                  void handleDeactivate();\n                }}\n                disabled={deactivating}\n                className=\"bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90\"\n              >\n                {deactivating\n                  ? tr(\"devportal.deactivating\", \"Deactivating...\")\n                  : tr(\"devportal.deactivate\", \"Deactivate\")}\n              </AlertDialogAction>\n            </AlertDialogFooter>\n          </AlertDialogContent>\n        </AlertDialog>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"OAuthClientDetailPage.js","names":["OAuthClientDetailPage","appId","useParams","useDevportal","useI18n","tr","value","t","key","fallback","showSecret","setShowSecret","useState","newSecret","setNewSecret","confirmDelete","setConfirmDelete","confirmRotate","setConfirmRotate","actionError","setActionError","isFluidgrids","useIsFluidgridsVariant","useGetAuthAppQuery","rotateSecret","rotating","useRotateAppSecretMutation","deactivateApp","deactivating","useDeactivateAppMutation","updateApp","useUpdateAuthAppMutation","app","data","handleNavigate","basePath","path","handleCopy","ok","nativeCopyText","text","handleRotateSecret","secret","refetch","err","errorMessage","handleDeactivate","loading","PageLayout","Loader2","error","AlertCircle","getErrorMessage","ArrowLeft","PermissionGuard","CTAOverflowMenu","newStatus","Trash2","ActiveIndicator","cn","GlassCard","Copy","jsx","EyeOff","Eye","RefreshCw","scope","uri","AlertDialog","AlertDialogContent","AlertDialogHeader","AlertDialogTitle","AlertDialogDescription","AlertDialogFooter","AlertDialogCancel","AlertDialogAction"],"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 {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n} from \"@burdenoff/fe-libs/ui\";\nimport { useParams } from \"react-router\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { ActiveIndicator } from \"../components/StatusBadge\";\nimport {\n  useDevportal,\n  useIsFluidgridsVariant,\n} from \"../providers/DevportalProvider\";\nimport { errorMessage } from \"../utils/errorMessage\";\nimport { PermissionGuard } from \"../components\";\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  // A failed rotate / deactivate / status change stays visible (never swallowed).\n  const [actionError, setActionError] = useState<string | null>(null);\n  // FluidGrids: the \"Delete\" action only deactivates, so it is labelled that way.\n  const isFluidgrids = useIsFluidgridsVariant();\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    setActionError(null);\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 (err) {\n      setActionError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.oauthActionFailed\",\n            \"That did not work. Nothing was changed. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  const handleDeactivate = async () => {\n    if (!appId) return;\n    setActionError(null);\n    try {\n      await deactivateApp({ variables: { id: appId } });\n      setConfirmDelete(false);\n      handleNavigate(\"/oauth\");\n    } catch (err) {\n      setActionError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.oauthActionFailed\",\n            \"That did not work. Nothing was changed. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  const handleToggleStatus = async () => {\n    if (!appId || !app) return;\n    setActionError(null);\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 (err) {\n      setActionError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.oauthActionFailed\",\n            \"That did not work. Nothing was changed. Please try again.\",\n          ),\n        ),\n      );\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 authOnly>\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        purpose={tr(\n          \"devportal.oauthAppDetailPurpose\",\n          \"These are this OAuth app's credentials and the scopes it may request. Copy the client ID for your integration, rotate the secret if it leaks, and keep scopes minimal so users only grant what the app truly needs.\",\n        )}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToApps\", \"Back to Apps\")}\n        actions={\n          <CTAOverflowMenu\n            primary={{\n              label:\n                app.status === \"ACTIVE\"\n                  ? tr(\"devportal.deactivate\", \"Deactivate\")\n                  : tr(\"devportal.activate\", \"Activate\"),\n              onSelect: handleToggleStatus,\n            }}\n            actions={[\n              {\n                label: isFluidgrids\n                  ? tr(\"devportal.deactivate\", \"Deactivate\")\n                  : tr(\"devportal.delete\", \"Delete\"),\n                icon: <Trash2 size={16} />,\n                intent: \"destructive\",\n                onSelect: () => setConfirmDelete(true),\n              },\n            ]}\n          />\n        }\n      >\n        {actionError && (\n          <div\n            role=\"alert\"\n            className=\"mb-4 rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text\"\n          >\n            {actionError}\n          </div>\n        )}\n        {/* Status & Type */}\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          <div className=\"rounded-card border border-border-seam 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          {/* Credentials — primary emphasis zone */}\n          <GlassCard treatment=\"glass\" glow className=\"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          </GlassCard>\n        </div>\n\n        {/* Scopes */}\n        <div className=\"rounded-card border border-border-seam 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-card border border-border-seam 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        <AlertDialog open={confirmRotate} onOpenChange={setConfirmRotate}>\n          <AlertDialogContent>\n            <AlertDialogHeader>\n              <AlertDialogTitle>\n                {tr(\n                  \"devportal.rotateClientSecretQuestion\",\n                  \"Rotate Client Secret?\",\n                )}\n              </AlertDialogTitle>\n              <AlertDialogDescription>\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              </AlertDialogDescription>\n            </AlertDialogHeader>\n            <AlertDialogFooter>\n              <AlertDialogCancel disabled={rotating}>\n                {tr(\"devportal.cancel\", \"Cancel\")}\n              </AlertDialogCancel>\n              <AlertDialogAction\n                onClick={(e) => {\n                  e.preventDefault();\n                  void handleRotateSecret();\n                }}\n                disabled={rotating}\n                className=\"bg-status-warning-bg text-white hover:bg-status-warning-bg/90\"\n              >\n                {rotating\n                  ? tr(\"devportal.rotating\", \"Rotating...\")\n                  : tr(\"devportal.rotateSecret\", \"Rotate Secret\")}\n              </AlertDialogAction>\n            </AlertDialogFooter>\n          </AlertDialogContent>\n        </AlertDialog>\n\n        {/* Confirm Deactivate Dialog */}\n        <AlertDialog open={confirmDelete} onOpenChange={setConfirmDelete}>\n          <AlertDialogContent>\n            <AlertDialogHeader>\n              <AlertDialogTitle className=\"text-status-error-text\">\n                {tr(\"devportal.deactivateAppQuestion\", \"Deactivate App?\")}\n              </AlertDialogTitle>\n              <AlertDialogDescription>\n                {tr(\n                  \"devportal.deactivateAppWarning\",\n                  \"This will deactivate the app and revoke all tokens. This action cannot be undone easily.\",\n                )}\n              </AlertDialogDescription>\n            </AlertDialogHeader>\n            <AlertDialogFooter>\n              <AlertDialogCancel disabled={deactivating}>\n                {tr(\"devportal.cancel\", \"Cancel\")}\n              </AlertDialogCancel>\n              <AlertDialogAction\n                onClick={(e) => {\n                  e.preventDefault();\n                  void handleDeactivate();\n                }}\n                disabled={deactivating}\n                className=\"bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90\"\n              >\n                {deactivating\n                  ? tr(\"devportal.deactivating\", \"Deactivating...\")\n                  : tr(\"devportal.deactivate\", \"Deactivate\")}\n              </AlertDialogAction>\n            </AlertDialogFooter>\n          </AlertDialogContent>\n        </AlertDialog>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/OAuthClientsPage.js

@@ -4,22 +4,22 @@ import { ActiveIndicator as n } from "../components/StatusBadge.js";
 import { useCurrentUserAppsQuery as r } from "../../generated/global-operations.js";
 import { getErrorMessage as i } from "../hooks/useGraphQL.js";
 import { EmptyState as a } from "../components/EmptyState.js";
-import { useDevportal as o } from "../providers/DevportalProvider.js";
+import { useDevportal as o, useIsFluidgridsVariant as s } from "../providers/DevportalProvider.js";
 import "../components/index.js";
-import { PermissionGuard as s } from "../components/PermissionGuard.js";
-import { cn as c } from "../utils/cn.js";
+import { PermissionGuard as c } from "../components/PermissionGuard.js";
+import { cn as l } from "../utils/cn.js";
 import "../hooks/index.js";
-import { useState as l } from "react";
-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 { useState as u } from "react";
+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 { EmphasisPanel as v, GlassCard as y } from "@burdenoff/fe-libs/ui";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 // src/devportal/pages/OAuthClientsPage.tsx
-var b = () => {
-	let { navigate: b, basePath: x } = o(), { t: S } = _(), C = (e, t) => {
-		let n = S(e);
+var x = () => {
+	let { navigate: x, basePath: S } = o(), C = s(), { t: w } = b(), T = (e, t) => {
+		let n = w(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) => ({
+	}, E = C ? T("devportal.oauthApps.v2Title", "OAuth apps") : T("devportal.oauthApps", "OAuth Apps"), D = C ? T("devportal.oauthApps.v2Create", "Create OAuth app") : T("devportal.createOAuthApp", "Create OAuth App"), [O, k] = u(""), [A, j] = u(""), { data: M, loading: N, error: P, refetch: F } = r({ fetchPolicy: "cache-and-network" }), I = M?.currentUserApps?.apps.map((e) => ({
 		id: e.id,
 		name: e.name,
 		description: e.description ?? void 0,
@@ -32,65 +32,65 @@ var b = () => {
 		tenantId: e.tenantId ?? "",
 		createdAt: e.createdAt,
 		updatedAt: e.updatedAt
-	})) ?? [], N = (e) => {
-		b?.(`${x}${e}`);
-	}, P = M.filter((e) => {
-		let t = !w || e.name.toLowerCase().includes(w.toLowerCase()) || e.clientId.toLowerCase().includes(w.toLowerCase()), n = !E || e.type === E;
+	})) ?? [], L = (e) => {
+		x?.(`${S}${e}`);
+	}, R = I.filter((e) => {
+		let t = !O || e.name.toLowerCase().includes(O.toLowerCase()) || e.clientId.toLowerCase().includes(O.toLowerCase()), n = !A || e.type === A;
 		return t && n;
 	});
-	if (k && !O) return /* @__PURE__ */ h(e, {
-		title: C("devportal.oauthApps", "OAuth Apps"),
-		description: C("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
-		children: /* @__PURE__ */ g("div", {
+	if (N && !M) return /* @__PURE__ */ g(e, {
+		title: E,
+		description: T("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
+		children: /* @__PURE__ */ _("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ h(d, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ h("span", {
+			children: [/* @__PURE__ */ g(f, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ g("span", {
 				className: "ml-2 text-text-secondary",
-				children: C("devportal.loadingApps", "Loading apps...")
+				children: T("devportal.loadingApps", "Loading apps...")
 			})]
 		})
 	});
-	if (A) return /* @__PURE__ */ h(e, {
-		title: C("devportal.oauthApps", "OAuth Apps"),
-		description: C("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
-		children: /* @__PURE__ */ g("div", {
+	if (P) return /* @__PURE__ */ g(e, {
+		title: E,
+		description: T("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
+		children: /* @__PURE__ */ _("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ h(u, { className: "mx-auto h-8 w-8 text-status-error-text" }),
-				/* @__PURE__ */ h("h3", {
+				/* @__PURE__ */ g(d, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ g("h3", {
 					className: "mt-2 font-medium text-status-error-text",
-					children: C("devportal.failedToLoadApps", "Failed to load apps")
+					children: T("devportal.failedToLoadApps", "Failed to load apps")
 				}),
-				/* @__PURE__ */ h("p", {
+				/* @__PURE__ */ g("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: i(A)
+					children: i(P)
 				}),
-				/* @__PURE__ */ h("button", {
-					onClick: () => j(),
+				/* @__PURE__ */ g("button", {
+					onClick: () => F(),
 					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")
+					children: T("devportal.tryAgain", "Try Again")
 				})
 			]
 		})
 	});
-	let F = [
+	let z = [
 		{
 			key: "name",
 			header: "App",
-			render: (e) => /* @__PURE__ */ g("div", {
+			render: (e) => /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ h("div", {
-					className: c("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__ */ h(m, { size: 20 })
-				}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ g("div", {
+					className: l("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", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ h("p", {
+					children: [/* @__PURE__ */ g("p", {
 						className: "font-medium",
 						children: e.name
-					}), /* @__PURE__ */ h("span", {
-						className: c("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"),
+					}), /* @__PURE__ */ g("span", {
+						className: l("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__ */ h("code", {
+				}), /* @__PURE__ */ g("code", {
 					className: "text-xs text-text-secondary",
 					children: e.clientId
 				})] })]
@@ -99,12 +99,12 @@ var b = () => {
 		{
 			key: "scopes",
 			header: "Scopes",
-			render: (e) => /* @__PURE__ */ g("div", {
+			render: (e) => /* @__PURE__ */ _("div", {
 				className: "flex flex-wrap gap-1",
-				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ h("span", {
+				children: [e.scopes.slice(0, 3).map((e) => /* @__PURE__ */ g("span", {
 					className: "inline-flex rounded bg-bg-sunken px-1.5 py-0.5 text-xs",
 					children: e
-				}, e)), e.scopes.length > 3 && /* @__PURE__ */ g("span", {
+				}, e)), e.scopes.length > 3 && /* @__PURE__ */ _("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__ */ g("span", {
+			render: (e) => /* @__PURE__ */ _("span", {
 				className: "text-sm",
 				children: [
 					e.redirectUris.length,
@@ -125,169 +125,171 @@ var b = () => {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ g("div", {
+			render: (e) => /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ h(n, { active: e.status === "ACTIVE" }), /* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ g(n, { active: e.status === "ACTIVE" }), /* @__PURE__ */ g("span", {
 					className: "text-sm",
 					children: e.status
 				})]
 			})
 		}
-	], I = {
-		total: M.length,
-		active: M.filter((e) => e.status === "ACTIVE").length,
-		integration: M.filter((e) => e.type === "INTEGRATION" || e.type === "API_INTEGRATION").length,
-		service: M.filter((e) => e.type === "SERVICE").length
+	], B = {
+		total: I.length,
+		active: I.filter((e) => e.status === "ACTIVE").length,
+		integration: I.filter((e) => e.type === "INTEGRATION" || e.type === "API_INTEGRATION").length,
+		service: I.filter((e) => e.type === "SERVICE").length
 	};
-	return /* @__PURE__ */ h(s, {
+	return /* @__PURE__ */ g(c, {
 		authOnly: !0,
-		children: /* @__PURE__ */ g(e, {
-			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__ */ g("button", {
-				onClick: () => N("/oauth/new"),
+		children: /* @__PURE__ */ _(e, {
+			title: E,
+			description: T("devportal.manageOAuthApps", "Manage your OAuth applications and credentials"),
+			backLink: C ? "/settings" : void 0,
+			backLabel: T("devportal.developerSettings.back", "Developer settings"),
+			purpose: T("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", {
+				onClick: () => L("/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__ */ h(f, { size: 16 }), C("devportal.createOAuthApp", "Create OAuth App")]
+				children: [/* @__PURE__ */ g(p, { size: 16 }), D]
 			}),
 			children: [
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ g("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "flex flex-1 items-center gap-4",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "relative flex-1 max-w-md",
-							children: [/* @__PURE__ */ h(p, {
+							children: [/* @__PURE__ */ g(m, {
 								size: 16,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-							}), /* @__PURE__ */ h("input", {
+							}), /* @__PURE__ */ g("input", {
 								type: "text",
-								placeholder: C("devportal.searchByNameOrClientId", "Search by name or client ID..."),
-								value: w,
-								onChange: (e) => T(e.target.value),
+								placeholder: T("devportal.searchByNameOrClientId", "Search by name or client ID..."),
+								value: O,
+								onChange: (e) => k(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__ */ g("select", {
-							value: E,
-							onChange: (e) => D(e.target.value),
+						}), /* @__PURE__ */ _("select", {
+							value: A,
+							onChange: (e) => j(e.target.value),
 							className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
 							children: [
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ g("option", {
 									value: "",
-									children: C("devportal.allTypes", "All Types")
+									children: T("devportal.allTypes", "All Types")
 								}),
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ g("option", {
 									value: "SERVICE",
-									children: C("devportal.service", "Service")
+									children: T("devportal.service", "Service")
 								}),
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ g("option", {
 									value: "INTEGRATION",
-									children: C("devportal.integration", "Integration")
+									children: T("devportal.integration", "Integration")
 								}),
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ g("option", {
 									value: "BOT",
-									children: C("devportal.bot", "Bot")
+									children: T("devportal.bot", "Bot")
 								}),
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ g("option", {
 									value: "WEB_APP",
-									children: C("devportal.webApp", "Web App")
+									children: T("devportal.webApp", "Web App")
 								}),
-								/* @__PURE__ */ h("option", {
+								/* @__PURE__ */ g("option", {
 									value: "AUTOMATION",
-									children: C("devportal.automation", "Automation")
+									children: T("devportal.automation", "Automation")
 								})
 							]
 						})]
 					})
 				}),
-				/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g("div", {
+				/* @__PURE__ */ g(v, { children: /* @__PURE__ */ _("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ g(y, {
+						/* @__PURE__ */ _(y, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g(h, { size: 16 }), /* @__PURE__ */ g("span", {
 									className: "text-sm",
-									children: C("devportal.totalApps", "Total Apps")
+									children: T("devportal.totalApps", "Total Apps")
 								})]
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ g("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
-								children: I.total
+								children: B.total
 							})]
 						}),
-						/* @__PURE__ */ g(y, {
+						/* @__PURE__ */ _(y, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center gap-2 text-status-success-text",
-								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g(h, { size: 16 }), /* @__PURE__ */ g("span", {
 									className: "text-sm",
-									children: C("devportal.active", "Active")
+									children: T("devportal.active", "Active")
 								})]
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ g("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
-								children: I.active
+								children: B.active
 							})]
 						}),
-						/* @__PURE__ */ g(y, {
+						/* @__PURE__ */ _(y, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center gap-2 text-accent-blue",
-								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g(h, { size: 16 }), /* @__PURE__ */ g("span", {
 									className: "text-sm",
-									children: C("devportal.integration", "Integration")
+									children: T("devportal.integration", "Integration")
 								})]
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ g("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
-								children: I.integration
+								children: B.integration
 							})]
 						}),
-						/* @__PURE__ */ g(y, {
+						/* @__PURE__ */ _(y, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center gap-2 text-accent-purple",
-								children: [/* @__PURE__ */ h(m, { size: 16 }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g(h, { size: 16 }), /* @__PURE__ */ g("span", {
 									className: "text-sm",
-									children: C("devportal.service", "Service")
+									children: T("devportal.service", "Service")
 								})]
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ g("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
-								children: I.service
+								children: B.service
 							})]
 						})
 					]
 				}) }),
-				/* @__PURE__ */ g("p", {
+				/* @__PURE__ */ _("p", {
 					className: "text-sm text-text-secondary",
 					children: [
-						P.length,
+						R.length,
 						" ",
-						P.length === 1 ? C("devportal.appFound", "app found") : C("devportal.appsFound", "apps found")
+						R.length === 1 ? T("devportal.appFound", "app found") : T("devportal.appsFound", "apps found")
 					]
 				}),
-				P.length > 0 ? /* @__PURE__ */ h(t, {
-					data: P,
-					columns: F,
+				R.length > 0 ? /* @__PURE__ */ g(t, {
+					data: R,
+					columns: z,
 					keyField: "id",
-					onRowClick: (e) => N(`/oauth/${e.id}`)
-				}) : /* @__PURE__ */ h(a, {
+					onRowClick: (e) => L(`/oauth/${e.id}`)
+				}) : /* @__PURE__ */ g(a, {
 					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__ */ g("button", {
-						onClick: () => N("/oauth/new"),
+					title: T("devportal.noOAuthAppsFound", "No OAuth apps found"),
+					description: O || A ? T("devportal.tryAdjustingFilters", "Try adjusting your filters") : T("devportal.createFirstOAuthApp", "Create your first OAuth app to enable authentication"),
+					action: !O && !A ? /* @__PURE__ */ _("button", {
+						onClick: () => L("/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__ */ h(f, { size: 16 }), C("devportal.createOAuthApp", "Create OAuth App")]
+						children: [/* @__PURE__ */ g(p, { size: 16 }), D]
 					}) : void 0
 				})
 			]
 		})
 	});
 };
-export { b as OAuthClientsPage };
+export { x as OAuthClientsPage };
 
 //# sourceMappingURL=OAuthClientsPage.js.map