+ {msg && (
+
+ );
+}
diff --git a/frontend-react/src/pages/admin/OracleIamPage.tsx b/frontend-react/src/pages/admin/OracleIamPage.tsx
new file mode 100644
index 0000000..c58b63c
--- /dev/null
+++ b/frontend-react/src/pages/admin/OracleIamPage.tsx
@@ -0,0 +1,267 @@
+import { useState, useEffect } from 'react';
+import { Shield, Globe, Key, Users, FlaskConical, Loader2, CheckCircle, AlertTriangle, Save, Eye, EyeOff } from 'lucide-react';
+import client from '@/api/client';
+import { useI18n } from '@/i18n';
+
+interface IamConfig {
+ auth_mode: string;
+ oidc_issuer: string;
+ oidc_client_id: string;
+ oidc_client_secret: string;
+ oidc_redirect_uri: string;
+ oidc_group_admin: string;
+ oidc_group_user: string;
+ oidc_group_viewer: string;
+}
+
+const DEFAULT_CONFIG: IamConfig = {
+ auth_mode: 'local',
+ oidc_issuer: '',
+ oidc_client_id: '',
+ oidc_client_secret: '',
+ oidc_redirect_uri: '',
+ oidc_group_admin: 'CISAgent_Admins',
+ oidc_group_user: 'CISAgent_Users',
+ oidc_group_viewer: 'CISAgent_Viewers',
+};
+
+const SETTINGS_KEYS = [
+ 'auth_mode', 'oidc_issuer', 'oidc_client_id', 'oidc_client_secret',
+ 'oidc_redirect_uri', 'oidc_group_admin', 'oidc_group_user', 'oidc_group_viewer',
+];
+
+export default function OracleIamPage() {
+ const { t } = useI18n();
+ const [config, setConfig] = useState
+ {msg.type === 'success' ?
+ )}
+
+
+
+
+ {/* Timezone */}
+
+
+
+
+ {t('settings.title') || 'Minhas Configurações'}
+{currentUser?.username} — {currentUser?.role}
+
+
+
+ {/* MFA */}
+
+
+
+
+ {t('settings.timezone') || 'Timezone'}
++ {t('settings.tzDesc') || 'Define o fuso horário para exibição de datas e horários.'} +
+ +
+
+
+
+
+ {mfaOn ? (
+
+ {mfaOn ?
+ {t('settings.mfa') || 'Autenticação Multi-Fator (MFA)'}
+ + + {mfaOn ? t('usr.active') || 'Ativo' : t('usr.inactive') || 'Inativo'} + +
+
+ ) : mfaSecret && mfaTotpUri ? (
+
+
+ {t('mfa.enabledDesc')}
+ +
+
+ ) : (
+
+
+
+ }`})
+
+
+ SECRET
+
+ {mfaSecret}
+ + {t('mfa.scanQr') || 'Escaneie o QR code com seu app autenticador e insira o código de 6 dígitos.'} +
+
+ setMfaCode(e.target.value.replace(/\D/g, '').slice(0, 6))}
+ placeholder="000000" maxLength={6} autoFocus
+ className="px-3 py-2 rounded-lg text-sm text-center tracking-[.3em] font-semibold outline-none"
+ style={{ background: 'var(--bg2)', border: '1px solid var(--bd)', color: 'var(--t1)', fontFamily: 'var(--fm)', width: 160 }}
+ onKeyDown={e => { if (e.key === 'Enter') handleMfaVerify(); }} />
+
+
+
+
+ )}
+
+
+ + {t('mfa.generateHint')} +
+ +
+
+ );
+ }
+
+ return (
+
+ {msg && (
+
+ );
+}
diff --git a/frontend-react/src/pages/admin/UsersPage.tsx b/frontend-react/src/pages/admin/UsersPage.tsx
index 758b8ab..b173e0d 100644
--- a/frontend-react/src/pages/admin/UsersPage.tsx
+++ b/frontend-react/src/pages/admin/UsersPage.tsx
@@ -1,7 +1,6 @@
import { useState, useEffect, useCallback } from 'react';
-import { Users, Plus, Shield, Eye, User as UserIcon, Trash2, X, AlertTriangle, CheckCircle, Loader2, UserPlus, Lock, ShieldCheck, ShieldOff, KeyRound, Clock } from 'lucide-react';
+import { Users, Plus, Shield, Eye, User as UserIcon, Trash2, X, AlertTriangle, CheckCircle, Loader2, UserPlus, Lock, ShieldCheck, ShieldOff, KeyRound } from 'lucide-react';
import client from '@/api/client';
-import { adminApi } from '@/api/endpoints/admin';
import { useAuthStore } from '@/stores/auth';
import { useI18n } from '@/i18n';
@@ -38,29 +37,6 @@ export default function UsersPage() {
const [msg, setMsg] = useState<{ text: string; type: 'success' | 'error' } | null>(null);
const [submitting, setSubmitting] = useState(false);
- // Timezone
- const [timezone, setTimezone] = useState('');
- const [tzOptions, setTzOptions] = useState
+ {msg.type === 'success' ?
+ )}
+
+
+
+
+ {/* Auth Mode */}
+
+
+
+
+ {t('iam.title') || 'Oracle IAM Identity Domains'}
+{t('iam.subtitle') || 'Integração OIDC para autenticação corporativa'}
+
+
+
+ {/* OIDC Configuration */}
+ {config.auth_mode !== 'local' && (
+ <>
+
+
+
+
+ {t('iam.authMode') || 'Modo de Autenticação'}
++ {t('iam.authModeDesc') || 'Define como os usuários se autenticam no sistema.'} +
+
+ {(['local', 'oidc', 'both'] as const).map(mode => {
+ const selected = config.auth_mode === mode;
+ const labels: Record = {
+ local: { label: t('iam.modeLocal') || 'Local', desc: t('iam.modeLocalDesc') || 'Usuários locais com senha' },
+ oidc: { label: t('iam.modeOidc') || 'Oracle IAM', desc: t('iam.modeOidcDesc') || 'Somente SSO corporativo' },
+ both: { label: t('iam.modeBoth') || 'Ambos', desc: t('iam.modeBothDesc') || 'Local + Oracle IAM' },
+ };
+ return (
+
+ );
+ })}
+
+
+
+
+ {/* Group Mapping */}
+
+
+
+
+
+ {t('iam.oidcConfig') || 'Configuração OIDC'}
+ + +
+
+
+
+
+ update('oidc_issuer', e.target.value)}
+ placeholder="https://idcs-xxx.identity.oraclecloud.com" style={{ fontFamily: 'var(--fm)' }} />
+
+
+
+
+
+
+ update('oidc_client_id', e.target.value)}
+ placeholder="ea58b04047fd4d8182a8bad4e3d0aff5" style={{ fontFamily: 'var(--fm)' }} />
+
+
+
+
+
+ update('oidc_client_secret', e.target.value)}
+ placeholder="••••••••" className="flex-1" style={{ fontFamily: 'var(--fm)' }} />
+
+
+
+
+
+
+ update('oidc_redirect_uri', e.target.value)}
+ placeholder="https://yourapp.com/api/auth/oidc/callback" style={{ fontFamily: 'var(--fm)' }} />
+
+
+
+
+ )}
+
+ {/* Save */}
+
+
+
+
+ {t('iam.groupMapping') || 'Mapeamento de Grupos'}
++ {t('iam.groupMappingDesc') || 'Mapeie os grupos do OCI Identity Domain para as roles do sistema.'} +
+ +
+
+
+
+ update('oidc_group_admin', e.target.value)}
+ placeholder="CISAgent_Admins" />
+
+
+
+ update('oidc_group_user', e.target.value)}
+ placeholder="CISAgent_Users" />
+
+
+
+ update('oidc_group_viewer', e.target.value)}
+ placeholder="CISAgent_Viewers" />
+
+
+
+
+
-
-
{/* Header */}
-
-
-
-
-