npm - @atlashub/smartstack - Versions diffs - 3.10.0 → 3.14.0 - Mend

@atlashub/smartstack 3.10.0 → 3.14.0

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 (1016) hide show

package/dist/index-CID51vRa.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-CID51vRa.js","sources":["../src/pages/docs/business/platform/administration/users/index.tsx"],"sourcesContent":["import { useState} from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n ArrowLeft,\r\n Users,\r\n Mail,\r\n Shield,\r\n Eye,\r\n Edit2,\r\n Trash2,\r\n UserCheck,\r\n UserX,\r\n Cloud,\r\n Search,\r\n Filter,\r\n Plus,\r\n ChevronRight,\r\n Info,\r\n Target,\r\n Lightbulb,\r\n CheckCircle,\r\n MoreHorizontal,\r\n Key,\r\n Activity,\r\n History,\r\n Lock,\r\n Smartphone,\r\n Monitor,\r\n HelpCircle,\r\n Zap,\r\n LayoutGrid,\r\n LayoutList,\r\n Columns,\r\n ArrowUpDown,\r\n ChevronDown,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual UsersPage ──────────────────────────────────────\r\n\r\ntype MockSource = 'Direct' | 'Group' | 'Both';\r\ninterface MockUser {\r\n id: string;\r\n fullName: string;\r\n email: string;\r\n roles: string[];\r\n isActive: boolean;\r\n source: MockSource;\r\n group: string | null;\r\n entra: boolean;\r\n}\r\n\r\nconst mockUsers: MockUser[] = [\r\n { id: '1', fullName: 'Alice Martin', email: 'alice.martin@acme.com', roles: ['Administrateur'], isActive: true, source: 'Direct', group: 'Acme Corp', entra: true },\r\n { id: '2', fullName: 'Bob Dupont', email: 'bob.dupont@techcorp.com', roles: ['Agent Support', 'Viewer'], isActive: true, source: 'Group', group: 'TechVision', entra: false },\r\n { id: '3', fullName: 'Charlie Klein', email: 'charlie.klein@example.com', roles: ['Viewer'], isActive: false, source: 'Direct', group: null, entra: true },\r\n { id: '4', fullName: 'Diana Braun', email: 'diana.braun@company.com', roles: ['Manager'], isActive: true, source: 'Both', group: 'DataCorp', entra: false },\r\n { id: '5', fullName: 'Eve Laurent', email: 'eve.laurent@startup.io', roles: [], isActive: false, source: 'Direct', group: null, entra: false },\r\n];\r\n\r\nconst mockStats = { total: 127, active: 98, inactive: 29, entra: 45 };\r\n\r\nconst sourceColors: Record<MockSource, string> = {\r\n Direct: 'bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300',\r\n Group: 'bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300',\r\n Both: 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300',\r\n};\r\n\r\nconst methodColors: Record<string, string> = {\r\n GET: 'bg-blue-500/10 text-blue-700 border-blue-500/20',\r\n POST: 'bg-green-500/10 text-green-700 border-green-500/20',\r\n PUT: 'bg-orange-500/10 text-orange-700 border-orange-500/20',\r\n PATCH: 'bg-yellow-500/10 text-yellow-700 border-yellow-500/20',\r\n DELETE: 'bg-red-500/10 text-red-700 border-red-500/20',\r\n};\r\n\r\nconst apiEndpoints = [\r\n { method: 'GET' as const, path: '/api/administration/users', handler: 'GetUsers', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}', handler: 'GetUser', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users', handler: 'CreateUser', permission: 'administration.users.create' },\r\n { method: 'PUT' as const, path: '/api/administration/users/{id}', handler: 'UpdateUser', permission: 'administration.users.update' },\r\n { method: 'DELETE' as const, path: '/api/administration/users/{id}', handler: 'DeleteUser', permission: 'administration.users.delete' },\r\n { method: 'PATCH' as const, path: '/api/administration/users/{id}/activate', handler: 'ActivateUser', permission: 'administration.users.update' },\r\n { method: 'PATCH' as const, path: '/api/administration/users/{id}/deactivate', handler: 'DeactivateUser', permission: 'administration.users.update' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/unlock', handler: 'UnlockAccount', permission: 'administration.users.update' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/send-password-reset', handler: 'SendPasswordResetLink', permission: 'administration.users.reset-password' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/reset-password-direct', handler: 'ResetPasswordDirect', permission: 'administration.users.reset-password-direct' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/clear-failed-attempts', handler: 'ClearFailedAttempts', permission: 'administration.users.update' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/sessions', handler: 'GetUserSessions', permission: 'administration.users.view-sessions' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/sessions/end-all', handler: 'EndAllUserSessions', permission: 'administration.users.manage-sessions' },\r\n { method: 'DELETE' as const, path: '/api/administration/users/{id}/sessions/{sessionId}', handler: 'EndUserSession', permission: 'administration.users.manage-sessions' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/activity', handler: 'GetUserActivity', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/history', handler: 'GetUserHistory', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/history/{historyId}/restore', handler: 'RestoreFromHistory', permission: 'administration.users.update' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/consolidated-roles', handler: 'GetUserConsolidatedRoles', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/application-access', handler: 'GetUserApplicationAccess', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/groups', handler: 'GetUserGroups', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/tenants', handler: 'GetUserTenants', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/custom-role', handler: 'CreateUserCustomRole', permission: 'administration.users.update' },\r\n { method: 'DELETE' as const, path: '/api/administration/users/{id}/custom-role', handler: 'DeleteUserCustomRole', permission: 'administration.users.update' },\r\n];\r\n\r\nconst businessRules = [\r\n { id: 'BR-001', category: 'Validation', key: 'techRef.rules.br001' },\r\n { id: 'BR-002', category: 'Validation', key: 'techRef.rules.br002' },\r\n { id: 'BR-003', category: 'Sécurité', key: 'techRef.rules.br003' },\r\n { id: 'BR-004', category: 'Cycle de vie', key: 'techRef.rules.br004' },\r\n { id: 'BR-005', category: 'Sécurité', key: 'techRef.rules.br005' },\r\n { id: 'BR-006', category: 'Intégration', key: 'techRef.rules.br006' },\r\n { id: 'BR-007', category: 'Sécurité', key: 'techRef.rules.br007' },\r\n { id: 'BR-008', category: 'Audit', key: 'techRef.rules.br008' },\r\n];\r\n\r\n// ── Avatar helper ─────────────────────────────────────────────────────────────\r\n\r\nfunction MockAvatar({ name, size = 'md' }: { name: string; size?: 'sm' | 'md' | 'lg' }) {\r\n const initials = name.split(' ').map(n => n.at(0)).join('').toUpperCase().slice(0, 2);\r\n const sizeClassMap = { sm: 'w-7 h-7 text-[10px]', lg: 'w-10 h-10 text-sm', md: 'w-8 h-8 text-xs' } as const;\r\n const sizeClass = sizeClassMap[size];\r\n return (\r\n <div className={`${sizeClass} rounded-full bg-[var(--color-primary-600)] text-white font-semibold flex items-center justify-center flex-shrink-0`}>\r\n {initials}\r\n </div>\r\n );\r\n}\r\n\r\n// ── Annotation helper ─────────────────────────────────────────────────────────\r\n\r\nfunction Annotation({ children }: { children: React.ReactNode }) {\r\n return (\r\n <div className=\"mt-3 flex items-start gap-2 px-3 py-2 rounded-md bg-blue-50 border border-blue-200 text-xs text-blue-800 dark:bg-blue-950/30 dark:border-blue-800 dark:text-blue-300\">\r\n <Info className=\"h-3.5 w-3.5 flex-shrink-0 mt-0.5\" />\r\n <span>{children}</span>\r\n </div>\r\n );\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport default function UsersDocPage(): ReactElement {\r\n const { t } = useTranslation('docsAdministrationUsers');\r\n const [showTechRef, setShowTechRef] = useState(false);\r\n\r\n return (\r\n <div className=\"space-y-8 max-w-5xl mx-auto px-4 py-6\">\r\n\r\n {/* Back link */}\r\n <Link\r\n to=\"/docs/business/platform\"\r\n className=\"inline-flex items-center gap-1.5 text-sm text-[var(--color-accent-500)] hover:text-[var(--color-accent-600)] transition-colors\"\r\n >\r\n <ArrowLeft className=\"h-4 w-4\" />\r\n {t('nav.backToAdmin')}\r\n </Link>\r\n\r\n {/* Header */}\r\n <div>\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"p-2 rounded-lg bg-[var(--color-primary-600)]/10\">\r\n <Users className=\"h-6 w-6 text-[var(--color-primary-600)]\" />\r\n </div>\r\n <div>\r\n <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('title')}</h1>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-0.5\">{t('subtitle')}</p>\r\n </div>\r\n </div>\r\n <div className=\"flex flex-wrap gap-3 text-sm text-[var(--text-secondary)]\">\r\n <span>8 {t('header.businessRules')}</span>\r\n <span>·</span>\r\n <span>23 {t('header.apiEndpoints')}</span>\r\n <span>·</span>\r\n <span>2 {t('header.statuses')}</span>\r\n </div>\r\n </div>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 1: BUSINESS VALUE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">1</span>\r\n {t('sections.businessValue')}\r\n </h2>\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div className=\"p-4 rounded-lg bg-red-50 border border-red-200 dark:bg-red-950/20 dark:border-red-800\">\r\n <div className=\"flex items-center gap-2 mb-2\">\r\n <Target className=\"h-4 w-4 text-red-600\" />\r\n <h3 className=\"text-sm font-semibold text-red-800 dark:text-red-300\">{t('value.problemTitle')}</h3>\r\n </div>\r\n <p className=\"text-xs text-red-700 dark:text-red-400\">{t('value.problem')}</p>\r\n </div>\r\n <div className=\"p-4 rounded-lg bg-green-50 border border-green-200 dark:bg-green-950/20 dark:border-green-800\">\r\n <div className=\"flex items-center gap-2 mb-2\">\r\n <Lightbulb className=\"h-4 w-4 text-green-600\" />\r\n <h3 className=\"text-sm font-semibold text-green-800 dark:text-green-300\">{t('value.solutionTitle')}</h3>\r\n </div>\r\n <p className=\"text-xs text-green-700 dark:text-green-400\">{t('value.solution')}</p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 2: ACCESS */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">2</span>\r\n {t('sections.access')}\r\n </h2>\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)] space-y-3\">\r\n <div>\r\n <div className=\"text-xs font-medium text-[var(--text-secondary)] mb-2\">{t('access.navigation')}</div>\r\n <div className=\"flex flex-wrap items-center gap-2 text-sm\">\r\n <span className=\"px-2 py-0.5 rounded bg-purple-500/10 text-purple-700 font-medium\">Platform</span>\r\n <ChevronRight className=\"h-3.5 w-3.5 text-[var(--text-muted)]\" />\r\n <span className=\"px-2 py-0.5 rounded bg-blue-500/10 text-blue-700 font-medium\">Administration</span>\r\n <ChevronRight className=\"h-3.5 w-3.5 text-[var(--text-muted)]\" />\r\n <span className=\"px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)] font-medium\">{t('access.module')}</span>\r\n </div>\r\n </div>\r\n <div className=\"flex flex-wrap gap-3 text-xs\">\r\n <div className=\"px-3 py-1.5 rounded-full bg-[var(--bg-secondary)] border border-[var(--border-color)] font-mono text-[var(--text-secondary)]\">\r\n /administration/users/list\r\n </div>\r\n <div className=\"px-3 py-1.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-700 font-mono\">\r\n administration.users.read\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 3: INTERFACE OVERVIEW — LIST PAGE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">3</span>\r\n {t('sections.overview')}\r\n </h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mb-4\">{t('overview.desc')}</p>\r\n\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n\r\n {/* ── Page header ── */}\r\n <div className=\"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between flex-wrap gap-2\">\r\n <div>\r\n <h3 className=\"text-sm font-bold flex items-center gap-2 text-[var(--text-primary)]\">\r\n <Users className=\"h-4 w-4\" />\r\n {t('overview.pageTitle')}\r\n </h3>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t('overview.pageSubtitle')}</p>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n {/* View toggles */}\r\n <div className=\"flex items-center gap-0.5 p-0.5 border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg\">\r\n <button className=\"p-1.5 rounded-md bg-[var(--color-primary-600)] text-white\">\r\n <LayoutList className=\"w-3.5 h-3.5\" />\r\n </button>\r\n <button className=\"p-1.5 rounded-md text-[var(--text-secondary)]\">\r\n <LayoutGrid className=\"w-3.5 h-3.5\" />\r\n </button>\r\n <button className=\"p-1.5 rounded-md text-[var(--text-secondary)]\">\r\n <Columns className=\"w-3.5 h-3.5\" />\r\n </button>\r\n </div>\r\n {/* Add button */}\r\n <button className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white\">\r\n <Plus className=\"w-3.5 h-3.5\" />\r\n {t('overview.addButton')}\r\n </button>\r\n </div>\r\n </div>\r\n <Annotation>{t('annotations.header')}</Annotation>\r\n\r\n {/* ── KPI stats ── */}\r\n <div className=\"px-4 pt-3 pb-1\">\r\n <div className=\"grid grid-cols-4 gap-3\">\r\n <div className=\"p-3 rounded-lg border bg-[var(--info-bg)] border-[var(--info-border)]\">\r\n <div className=\"text-xs text-[var(--info-text)] opacity-80 mb-1\">{t('overview.total')}</div>\r\n <div className=\"text-2xl font-bold text-[var(--info-text)]\">{mockStats.total}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-[var(--success-bg)] border-[var(--success-border)]\">\r\n <div className=\"text-xs text-[var(--success-text)] opacity-80 mb-1\">{t('overview.active')}</div>\r\n <div className=\"text-2xl font-bold text-[var(--success-text)]\">{mockStats.active}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-[var(--bg-secondary)] border-[var(--border-color)]\">\r\n <div className=\"text-xs text-[var(--text-secondary)] opacity-80 mb-1\">{t('overview.inactive')}</div>\r\n <div className=\"text-2xl font-bold text-[var(--text-primary)]\">{mockStats.inactive}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-blue-500/10 border-blue-500/20\">\r\n <div className=\"text-xs text-blue-700 opacity-80 mb-1\">{t('overview.entraSync')}</div>\r\n <div className=\"text-2xl font-bold text-blue-700\">{mockStats.entra}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <Annotation>{t('annotations.kpis')}</Annotation>\r\n\r\n {/* ── Search & Filter bar ── */}\r\n <div className=\"px-4 pt-3 pb-1 flex items-center gap-2 flex-wrap\">\r\n <div className=\"flex-1 min-w-48 flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n <Search className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n <span>{t('overview.searchPlaceholder')}</span>\r\n </div>\r\n <button className=\"flex items-center gap-1.5 px-3 py-2 text-xs border border-[var(--border-color)] rounded-lg text-[var(--text-secondary)] bg-[var(--bg-primary)]\">\r\n <Filter className=\"w-3.5 h-3.5\" />\r\n {t('overview.filters')}\r\n <ChevronDown className=\"w-3 h-3 ml-0.5\" />\r\n </button>\r\n <button className=\"flex items-center gap-1.5 px-3 py-2 text-xs border border-[var(--border-color)] rounded-lg text-[var(--text-secondary)] bg-[var(--bg-primary)]\">\r\n <ArrowUpDown className=\"w-3.5 h-3.5\" />\r\n {t('overview.sortBy')}\r\n </button>\r\n </div>\r\n <Annotation>{t('annotations.searchBar')}</Annotation>\r\n\r\n {/* ── Filter chips (expanded) ── */}\r\n <div className=\"px-4 pt-2 pb-1 flex items-center gap-2 flex-wrap\">\r\n <div className=\"flex items-center gap-1.5 text-xs\">\r\n <span className=\"text-[var(--text-secondary)]\">{t('overview.filterStatus')} :</span>\r\n {['filterAll', 'filterActive', 'filterInactive'].map((k, i) => (\r\n <button key={k} className={`px-2 py-0.5 rounded-full text-xs font-medium border ${i === 0 ? 'bg-[var(--color-primary-600)] text-white border-[var(--color-primary-600)]' : 'border-[var(--border-color)] text-[var(--text-secondary)]'}`}>\r\n {t(`overview.${k}`)}\r\n </button>\r\n ))}\r\n </div>\r\n <div className=\"flex items-center gap-1.5 text-xs ml-3\">\r\n <span className=\"text-[var(--text-secondary)]\">{t('overview.filterSource')} :</span>\r\n {['filterAll', 'filterEntra', 'filterLocal'].map((k, i) => (\r\n <button key={k} className={`px-2 py-0.5 rounded-full text-xs font-medium border ${i === 0 ? 'bg-[var(--color-primary-600)] text-white border-[var(--color-primary-600)]' : 'border-[var(--border-color)] text-[var(--text-secondary)]'}`}>\r\n {t(`overview.${k}`)}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n <Annotation>{t('annotations.filterPanel')}</Annotation>\r\n\r\n {/* ── Table ── */}\r\n <div className=\"px-4 pt-3 pb-1 overflow-x-auto\">\r\n <table className=\"w-full text-xs\">\r\n <thead>\r\n <tr className=\"bg-[var(--bg-secondary)]\">\r\n <th className=\"w-8 px-2 py-2\"><input type=\"checkbox\" className=\"w-3.5 h-3.5 rounded\" /></th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold\">{t('overview.colName')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden md:table-cell\">{t('overview.colEmail')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden lg:table-cell\">{t('overview.colRole')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold\">{t('overview.colStatus')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell\">{t('overview.colSource')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell\">{t('overview.colGroup')}</th>\r\n <th className=\"w-28 px-3 py-2\"></th>\r\n </tr>\r\n </thead>\r\n <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n {mockUsers.map(user => (\r\n <tr key={user.id} className=\"hover:bg-[var(--bg-hover)] transition-colors cursor-pointer\">\r\n <td className=\"px-2 py-2.5\"><input type=\"checkbox\" className=\"w-3.5 h-3.5 rounded\" /></td>\r\n {/* Name cell */}\r\n <td className=\"px-3 py-2.5\">\r\n <div className=\"flex items-center gap-2\">\r\n <div className=\"relative\">\r\n <MockAvatar name={user.fullName} />\r\n {user.entra && (\r\n <div className=\"absolute -bottom-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-500 flex items-center justify-center ring-1 ring-[var(--bg-card)]\">\r\n <Cloud className=\"w-2 h-2 text-white\" />\r\n </div>\r\n )}\r\n </div>\r\n <div>\r\n <p className=\"font-medium text-[var(--text-primary)] truncate max-w-32\">{user.fullName}</p>\r\n {user.entra && (\r\n <span className=\"inline-flex items-center gap-0.5 px-1 py-0 rounded text-[9px] font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-600\">\r\n <Cloud className=\"w-2 h-2\" /> AAD\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n </td>\r\n {/* Email */}\r\n <td className=\"px-3 py-2.5 hidden md:table-cell\">\r\n <div className=\"flex items-center gap-1.5 text-[var(--text-secondary)]\">\r\n <Mail className=\"w-3 h-3 text-[var(--text-tertiary)] flex-shrink-0\" />\r\n <span className=\"truncate max-w-40\">{user.email}</span>\r\n </div>\r\n </td>\r\n {/* Roles */}\r\n <td className=\"px-3 py-2.5 hidden lg:table-cell\">\r\n <div className=\"flex flex-wrap gap-1\">\r\n {user.roles.length > 0 ? user.roles.slice(0, 2).map(role => (\r\n <span key={role} className={`inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium ${role.toLowerCase().includes('admin') ? 'bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]' : 'bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]'}`}>\r\n <Shield className=\"w-2.5 h-2.5\" /> {role}\r\n </span>\r\n )) : (\r\n <span className=\"text-[var(--text-tertiary)] italic\">{t('overview.noRole')}</span>\r\n )}\r\n </div>\r\n </td>\r\n {/* Status */}\r\n <td className=\"px-3 py-2.5\">\r\n <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium ${user.isActive ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400' : 'bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400'}`}>\r\n {user.isActive ? t('overview.statusActive') : t('overview.statusInactive')}\r\n </span>\r\n </td>\r\n {/* Source */}\r\n <td className=\"px-3 py-2.5 hidden xl:table-cell\">\r\n <span className={`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium ${sourceColors[user.source]}`}>\r\n {t(`overview.source${user.source}`)}\r\n </span>\r\n </td>\r\n {/* Group */}\r\n <td className=\"px-3 py-2.5 hidden xl:table-cell\">\r\n {user.group ? (\r\n <button className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--bg-secondary)] hover:bg-[var(--bg-hover)] text-[var(--text-secondary)]\">\r\n <Users className=\"w-2.5 h-2.5\" /> {user.group}\r\n </button>\r\n ) : (\r\n <span className=\"text-[var(--text-tertiary)]\">—</span>\r\n )}\r\n </td>\r\n {/* Actions */}\r\n <td className=\"px-3 py-2.5\">\r\n <div className=\"flex items-center justify-end gap-0.5\">\r\n <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--color-primary-600)] hover:bg-[var(--accent-bg)] transition-all\" title={t('overview.actionView')}>\r\n <Eye className=\"w-3.5 h-3.5\" />\r\n </button>\r\n <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--info-text)] hover:bg-[var(--info-bg)] transition-all\" title={t('overview.actionEdit')}>\r\n <Edit2 className=\"w-3.5 h-3.5\" />\r\n </button>\r\n <button className={`p-1.5 rounded-lg transition-all ${user.isActive ? 'text-[var(--text-tertiary)] hover:text-[var(--warning-text)] hover:bg-[var(--warning-bg)]' : 'text-[var(--text-tertiary)] hover:text-[var(--success-text)] hover:bg-[var(--success-bg)]'}`}>\r\n {user.isActive ? <UserX className=\"w-3.5 h-3.5\" /> : <UserCheck className=\"w-3.5 h-3.5\" />}\r\n </button>\r\n {user.id !== '1' && (\r\n <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--error-text)] hover:bg-[var(--error-bg)] transition-all\" title={t('overview.actionDelete')}>\r\n <Trash2 className=\"w-3.5 h-3.5\" />\r\n </button>\r\n )}\r\n </div>\r\n </td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n <Annotation>{t('annotations.tableCols')}</Annotation>\r\n\r\n {/* Avatar + roles annotations */}\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.avatarCell')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.roleBadge')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.statusBadge')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.sourceBadge')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.groupChip')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.actionButtons')}</Annotation>\r\n </div>\r\n\r\n {/* Pagination */}\r\n <div className=\"px-4 py-3 border-t border-[var(--border-color)] flex items-center justify-between\">\r\n <span className=\"text-xs text-[var(--text-secondary)]\">1–5 / 127</span>\r\n <div className=\"flex items-center gap-1\">\r\n {[1, 2, 3, '...', 26].map((p, i) => (\r\n <button key={`page-${p}-${i}`} className={`w-7 h-7 text-xs rounded flex items-center justify-center ${p === 1 ? 'bg-[var(--color-primary-600)] text-white' : 'text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]'}`}>\r\n {p}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n <div className=\"px-4 pb-3\">\r\n <Annotation>{t('annotations.pagination')}</Annotation>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 4: CREATE FORM */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">4</span>\r\n {t('sections.createForm')}\r\n </h2>\r\n\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n {/* Modal header */}\r\n <div className=\"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"text-sm font-bold text-[var(--text-primary)]\">{t('createForm.title')}</h3>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t('createForm.subtitle')}</p>\r\n </div>\r\n <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:bg-[var(--bg-hover)]\">\r\n <MoreHorizontal className=\"w-4 h-4\" />\r\n </button>\r\n </div>\r\n\r\n <div className=\"p-5 space-y-4\">\r\n {/* Email */}\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelEmail')} *</label>\r\n <div className=\"flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n <Mail className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n <span>{t('createForm.placeholderEmail')}</span>\r\n </div>\r\n <Annotation>{t('formAnnotations.email')}</Annotation>\r\n </div>\r\n\r\n {/* Password */}\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelPassword')} *</label>\r\n <div className=\"flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n <Key className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n <span>{t('createForm.placeholderPassword')}</span>\r\n </div>\r\n <Annotation>{t('formAnnotations.password')}</Annotation>\r\n </div>\r\n\r\n {/* First/Last name */}\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelFirstName')} *</label>\r\n <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n {t('createForm.placeholderFirstName')}\r\n </div>\r\n </div>\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelLastName')} *</label>\r\n <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n {t('createForm.placeholderLastName')}\r\n </div>\r\n </div>\r\n </div>\r\n <Annotation>{t('formAnnotations.name')}</Annotation>\r\n\r\n {/* Roles */}\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelRoles')}</label>\r\n <div className=\"space-y-1.5\">\r\n {(['roleAdmin', 'roleSupport', 'roleViewer', 'roleManager'] as const).map((k, i) => (\r\n <label key={k} className=\"flex items-center gap-2.5 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-secondary)] cursor-pointer hover:bg-[var(--bg-hover)]\">\r\n <input type=\"checkbox\" defaultChecked={i === 0} className=\"w-3.5 h-3.5 rounded\" />\r\n <Shield className=\"w-3 h-3 text-[var(--text-tertiary)]\" />\r\n {t(`createForm.${k}`)}\r\n </label>\r\n ))}\r\n </div>\r\n <Annotation>{t('formAnnotations.roles')}</Annotation>\r\n </div>\r\n\r\n {/* Actions */}\r\n <div className=\"flex items-center justify-end gap-2 pt-2 border-t border-[var(--border-color)]\">\r\n <button className=\"px-4 py-2 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]\">\r\n {t('createForm.cancelButton')}\r\n </button>\r\n <button className=\"flex items-center gap-1.5 px-4 py-2 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white\">\r\n <Plus className=\"w-3.5 h-3.5\" />\r\n {t('createForm.submitButton')}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 5: DETAIL VIEW */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">5</span>\r\n {t('sections.detailView')}\r\n </h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mb-4\">{t('detailView.desc')}</p>\r\n\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n {/* Detail header */}\r\n <div className=\"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-4\">\r\n <div className=\"relative\">\r\n <MockAvatar name=\"Alice Martin\" size=\"lg\" />\r\n <div className=\"absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-full bg-blue-500 flex items-center justify-center ring-2 ring-[var(--bg-card)]\">\r\n <Cloud className=\"w-2.5 h-2.5 text-white\" />\r\n </div>\r\n </div>\r\n <div className=\"flex-1 min-w-0\">\r\n <div className=\"flex items-center gap-2 flex-wrap\">\r\n <h3 className=\"text-sm font-bold text-[var(--text-primary)]\">Alice Martin</h3>\r\n <span className=\"inline-flex items-center gap-0.5 px-1.5 py-0 rounded text-[9px] font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-600\"><Cloud className=\"w-2 h-2\" /> AAD</span>\r\n <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-green-100 dark:bg-green-900/30 text-green-700\">Actif</span>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5 flex items-center gap-1\"><Mail className=\"w-3 h-3\" /> alice.martin@acme.com</p>\r\n <div className=\"flex items-center gap-1 mt-1.5\">\r\n <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]\"><Shield className=\"w-2.5 h-2.5\" /> Administrateur</span>\r\n </div>\r\n </div>\r\n <div className=\"flex items-center gap-1.5\">\r\n <button className=\"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]\">\r\n <Edit2 className=\"w-3 h-3\" /> Modifier\r\n </button>\r\n <button className=\"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]\">\r\n <Key className=\"w-3 h-3\" /> MDP\r\n </button>\r\n <button className=\"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-orange-300 text-orange-600 hover:bg-orange-50\">\r\n <UserX className=\"w-3 h-3\" /> Désactiver\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <Annotation>{t('detailAnnotations.header')}</Annotation>\r\n\r\n {/* Tabs */}\r\n <div className=\"border-b border-[var(--border-color)] bg-[var(--bg-card)] px-4\">\r\n <div className=\"flex items-center gap-0 overflow-x-auto\">\r\n {(['info', 'security', 'roles', 'sessions', 'activity', 'history', 'groups', 'tenants', 'applications'] as const).map((tab, i) => (\r\n <button\r\n key={tab}\r\n className={`px-3 py-2.5 text-xs font-medium border-b-2 flex items-center gap-1.5 flex-shrink-0 transition-colors ${\r\n i === 0\r\n ? 'border-[var(--color-primary-600)] text-[var(--color-primary-600)]'\r\n : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)]'\r\n }`}\r\n >\r\n {tab === 'info' && <Users className=\"w-3 h-3\" />}\r\n {tab === 'security' && <Lock className=\"w-3 h-3\" />}\r\n {tab === 'roles' && <Shield className=\"w-3 h-3\" />}\r\n {tab === 'sessions' && <Monitor className=\"w-3 h-3\" />}\r\n {tab === 'activity' && <Activity className=\"w-3 h-3\" />}\r\n {tab === 'history' && <History className=\"w-3 h-3\" />}\r\n {tab === 'groups' && <Users className=\"w-3 h-3\" />}\r\n {tab === 'tenants' && <LayoutGrid className=\"w-3 h-3\" />}\r\n {tab === 'applications' && <Zap className=\"w-3 h-3\" />}\r\n {t(`detailView.tabs.${tab}`)}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n <Annotation>{t('detailAnnotations.tabs')}</Annotation>\r\n\r\n {/* Info tab content preview */}\r\n <div className=\"p-4\">\r\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n {/* Profile */}\r\n <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.infoSection')}</h4>\r\n <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.lastLogin')}</span><span>02/03/2026 09:14</span></div>\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.memberSince')}</span><span>12/01/2025</span></div>\r\n </div>\r\n </div>\r\n {/* Organization */}\r\n <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.orgSection')}</h4>\r\n <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.department')}</span><span>IT</span></div>\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.jobTitle')}</span><span>Lead Dev</span></div>\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.company')}</span><span>Acme Corp</span></div>\r\n </div>\r\n </div>\r\n {/* Contact */}\r\n <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.contactSection')}</h4>\r\n <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n <div className=\"flex items-center gap-1.5\"><Smartphone className=\"w-3 h-3 text-[var(--text-tertiary)]\" /><span>+41 79 123 45 67</span></div>\r\n <div className=\"flex items-center gap-1.5\"><Mail className=\"w-3 h-3 text-[var(--text-tertiary)]\" /><span>alice.martin@acme.com</span></div>\r\n </div>\r\n </div>\r\n </div>\r\n <Annotation>{t('detailAnnotations.infoTab')}</Annotation>\r\n <div className=\"mt-2\"><Annotation>{t('detailAnnotations.securityTab')}</Annotation></div>\r\n <div className=\"mt-2\"><Annotation>{t('detailAnnotations.rolesTab')}</Annotation></div>\r\n <div className=\"mt-2\"><Annotation>{t('detailAnnotations.sessionsTab')}</Annotation></div>\r\n <div className=\"mt-2\"><Annotation>{t('detailAnnotations.historyTab')}</Annotation></div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 6: USE CASES */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">6</span>\r\n {t('sections.useCases')}\r\n </h2>\r\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n {(['uc1', 'uc2', 'uc3'] as const).map(uc => (\r\n <div key={uc} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n <div className=\"flex items-start gap-2 mb-3\">\r\n <div className=\"w-6 h-6 rounded-full bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)] flex items-center justify-center text-xs font-bold flex-shrink-0\">\r\n {uc.slice(2)}\r\n </div>\r\n <div>\r\n <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`useCases.${uc}.title`)}</h3>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t(`useCases.${uc}.role`)}</p>\r\n </div>\r\n </div>\r\n <ol className=\"space-y-1.5\">\r\n {(t(`useCases.${uc}.steps`, { returnObjects: true }) as string[]).map((step, i) => (\r\n <li key={`step-${i}`} className=\"flex items-start gap-2 text-xs text-[var(--text-secondary)]\">\r\n <span className=\"w-4 h-4 rounded-full bg-[var(--bg-secondary)] text-[var(--text-tertiary)] flex items-center justify-center text-[10px] font-medium flex-shrink-0 mt-0.5\">{i + 1}</span>\r\n <span>{step}</span>\r\n </li>\r\n ))}\r\n </ol>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 7: FEATURES */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">7</span>\r\n {t('sections.features')}\r\n </h2>\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n {(['f1', 'f2', 'f3', 'f4', 'f5'] as const).map(f => (\r\n <div key={f} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n <div className=\"flex items-center gap-2 mb-2\">\r\n <div className=\"w-6 h-6 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center\">\r\n <Zap className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n </div>\r\n <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`features.${f}.title`)}</h3>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-secondary)] mb-2\">{t(`features.${f}.desc`)}</p>\r\n <div className=\"px-3 py-2 rounded-md bg-[var(--bg-secondary)] border border-[var(--border-color)]\">\r\n <p className=\"text-xs text-[var(--text-tertiary)] italic\">{t(`features.${f}.example`)}</p>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 8: FAQ */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">8</span>\r\n {t('sections.faq')}\r\n </h2>\r\n <div className=\"space-y-3\">\r\n {(['q1', 'q2', 'q3', 'q4', 'q5'] as const).map(q => (\r\n <div key={q} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n <div className=\"flex items-start gap-2 mb-2\">\r\n <HelpCircle className=\"w-4 h-4 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5\" />\r\n <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`faq.${q}`)}</h3>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-secondary)] ml-6\">{t(`faq.${q.replace('q', 'a')}`)}</p>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 9: TECHNICAL REFERENCE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">9</span>\r\n {t('sections.techRef')}\r\n </h2>\r\n\r\n <button\r\n onClick={() => setShowTechRef(v => !v)}\r\n className=\"flex items-center gap-2 px-4 py-2.5 text-sm font-medium rounded-lg border border-[var(--border-color)] bg-[var(--bg-card)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] transition-colors w-full\"\r\n >\r\n <ChevronDown className={`w-4 h-4 transition-transform ${showTechRef ? 'rotate-180' : ''}`} />\r\n {showTechRef ? t('techRef.hideBtn') : t('techRef.showBtn')}\r\n </button>\r\n\r\n {showTechRef && (\r\n <div className=\"mt-3 space-y-4\">\r\n {/* Business rules */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]\">\r\n <div className=\"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h3 className=\"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2\">\r\n <Shield className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n {t('techRef.rulesTitle')}\r\n </h3>\r\n </div>\r\n <div className=\"divide-y divide-[var(--border-color)]\">\r\n {businessRules.map(rule => (\r\n <div key={rule.id} className=\"px-4 py-2.5 flex items-start gap-3\">\r\n <span className=\"text-[10px] font-mono font-bold text-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10 px-1.5 py-0.5 rounded flex-shrink-0 mt-0.5\">{rule.id}</span>\r\n <div className=\"flex-1 min-w-0\">\r\n <p className=\"text-xs text-[var(--text-secondary)]\">{t(rule.key)}</p>\r\n <span className=\"text-[10px] text-[var(--text-tertiary)]\">{rule.category}</span>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n {/* API Endpoints */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]\">\r\n <div className=\"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h3 className=\"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2\">\r\n <CheckCircle className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n {t('techRef.endpointsTitle')}\r\n </h3>\r\n </div>\r\n <div className=\"divide-y divide-[var(--border-color)]\">\r\n {apiEndpoints.map((ep, i) => (\r\n <div key={`ep-${ep.method}-${i}`} className=\"px-4 py-2 flex items-center gap-3 flex-wrap\">\r\n <span className={`text-[10px] font-bold px-1.5 py-0.5 rounded border font-mono w-14 text-center flex-shrink-0 ${methodColors[ep.method]}`}>\r\n {ep.method}\r\n </span>\r\n <span className=\"text-xs font-mono text-[var(--text-primary)] flex-1 truncate\">{ep.path}</span>\r\n <span className=\"text-[10px] text-[var(--text-tertiary)] font-mono hidden md:inline\">{ep.permission}</span>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </section>\r\n\r\n </div>\r\n );\r\n}\r\n"],"names":["mockUsers","mockStats","sourceColors","methodColors","apiEndpoints","businessRules","MockAvatar","name","size","initials","n","sizeClass","Annotation","children","jsxs","jsx","Info","UsersDocPage","useTranslation","showTechRef","setShowTechRef","useState","Link","ArrowLeft","Users","Target","Lightbulb","ChevronRight","LayoutList","LayoutGrid","Columns","Plus","Search","Filter","ChevronDown","ArrowUpDown","k","user","Cloud","Mail","role","Shield","Eye","Edit2","UserX","UserCheck","Trash2","p","MoreHorizontal","Key","tab","Lock","Monitor","Activity","History","Zap","Smartphone","uc","step","i","f","q","HelpCircle","v","rule","CheckCircle","ep"],"mappings":"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"}

package/dist/index-CO5QP9C1.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),m=require("react-router-dom"),h=require("react-i18next"),t=require("lucide-react"),p=[{id:"1",fullName:"Alice Martin",email:"alice.martin@acme.com",roles:["Administrateur"],isActive:!0,source:"Direct",group:"Acme Corp",entra:!0},{id:"2",fullName:"Bob Dupont",email:"bob.dupont@techcorp.com",roles:["Agent Support","Viewer"],isActive:!0,source:"Group",group:"TechVision",entra:!1},{id:"3",fullName:"Charlie Klein",email:"charlie.klein@example.com",roles:["Viewer"],isActive:!1,source:"Direct",group:null,entra:!0},{id:"4",fullName:"Diana Braun",email:"diana.braun@company.com",roles:["Manager"],isActive:!0,source:"Both",group:"DataCorp",entra:!1},{id:"5",fullName:"Eve Laurent",email:"eve.laurent@startup.io",roles:[],isActive:!1,source:"Direct",group:null,entra:!1}],n={total:127,active:98,inactive:29,entra:45},b={Direct:"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300",Group:"bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300",Both:"bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300"},v={GET:"bg-blue-500/10 text-blue-700 border-blue-500/20",POST:"bg-green-500/10 text-green-700 border-green-500/20",PUT:"bg-orange-500/10 text-orange-700 border-orange-500/20",PATCH:"bg-yellow-500/10 text-yellow-700 border-yellow-500/20",DELETE:"bg-red-500/10 text-red-700 border-red-500/20"},u=[{method:"GET",path:"/api/administration/users",handler:"GetUsers",permission:"administration.users.read"},{method:"GET",path:"/api/administration/users/{id}",handler:"GetUser",permission:"administration.users.read"},{method:"POST",path:"/api/administration/users",handler:"CreateUser",permission:"administration.users.create"},{method:"PUT",path:"/api/administration/users/{id}",handler:"UpdateUser",permission:"administration.users.update"},{method:"DELETE",path:"/api/administration/users/{id}",handler:"DeleteUser",permission:"administration.users.delete"},{method:"PATCH",path:"/api/administration/users/{id}/activate",handler:"ActivateUser",permission:"administration.users.update"},{method:"PATCH",path:"/api/administration/users/{id}/deactivate",handler:"DeactivateUser",permission:"administration.users.update"},{method:"POST",path:"/api/administration/users/{id}/unlock",handler:"UnlockAccount",permission:"administration.users.update"},{method:"POST",path:"/api/administration/users/{id}/send-password-reset",handler:"SendPasswordResetLink",permission:"administration.users.reset-password"},{method:"POST",path:"/api/administration/users/{id}/reset-password-direct",handler:"ResetPasswordDirect",permission:"administration.users.reset-password-direct"},{method:"POST",path:"/api/administration/users/{id}/clear-failed-attempts",handler:"ClearFailedAttempts",permission:"administration.users.update"},{method:"GET",path:"/api/administration/users/{id}/sessions",handler:"GetUserSessions",permission:"administration.users.view-sessions"},{method:"POST",path:"/api/administration/users/{id}/sessions/end-all",handler:"EndAllUserSessions",permission:"administration.users.manage-sessions"},{method:"DELETE",path:"/api/administration/users/{id}/sessions/{sessionId}",handler:"EndUserSession",permission:"administration.users.manage-sessions"},{method:"GET",path:"/api/administration/users/{id}/activity",handler:"GetUserActivity",permission:"administration.users.read"},{method:"GET",path:"/api/administration/users/{id}/history",handler:"GetUserHistory",permission:"administration.users.read"},{method:"POST",path:"/api/administration/users/{id}/history/{historyId}/restore",handler:"RestoreFromHistory",permission:"administration.users.update"},{method:"GET",path:"/api/administration/users/{id}/consolidated-roles",handler:"GetUserConsolidatedRoles",permission:"administration.users.read"},{method:"GET",path:"/api/administration/users/{id}/application-access",handler:"GetUserApplicationAccess",permission:"administration.users.read"},{method:"GET",path:"/api/administration/users/{id}/groups",handler:"GetUserGroups",permission:"administration.users.read"},{method:"GET",path:"/api/administration/users/{id}/tenants",handler:"GetUserTenants",permission:"administration.users.read"},{method:"POST",path:"/api/administration/users/{id}/custom-role",handler:"CreateUserCustomRole",permission:"administration.users.update"},{method:"DELETE",path:"/api/administration/users/{id}/custom-role",handler:"DeleteUserCustomRole",permission:"administration.users.update"}],g=[{id:"BR-001",category:"Validation",key:"techRef.rules.br001"},{id:"BR-002",category:"Validation",key:"techRef.rules.br002"},{id:"BR-003",category:"Sécurité",key:"techRef.rules.br003"},{id:"BR-004",category:"Cycle de vie",key:"techRef.rules.br004"},{id:"BR-005",category:"Sécurité",key:"techRef.rules.br005"},{id:"BR-006",category:"Intégration",key:"techRef.rules.br006"},{id:"BR-007",category:"Sécurité",key:"techRef.rules.br007"},{id:"BR-008",category:"Audit",key:"techRef.rules.br008"}];function c({name:r,size:l="md"}){const o=r.split(" ").map(d=>d.at(0)).join("").toUpperCase().slice(0,2),i={sm:"w-7 h-7 text-[10px]",lg:"w-10 h-10 text-sm",md:"w-8 h-8 text-xs"}[l];return e.jsx("div",{className:`${i} rounded-full bg-[var(--color-primary-600)] text-white font-semibold flex items-center justify-center flex-shrink-0`,children:o})}function a({children:r}){return e.jsxs("div",{className:"mt-3 flex items-start gap-2 px-3 py-2 rounded-md bg-blue-50 border border-blue-200 text-xs text-blue-800 dark:bg-blue-950/30 dark:border-blue-800 dark:text-blue-300",children:[e.jsx(t.Info,{className:"h-3.5 w-3.5 flex-shrink-0 mt-0.5"}),e.jsx("span",{children:r})]})}function j(){const{t:r}=h.useTranslation("docsAdministrationUsers"),[l,o]=x.useState(!1);return e.jsxs("div",{className:"space-y-8 max-w-5xl mx-auto px-4 py-6",children:[e.jsxs(m.Link,{to:"/docs/business/platform",className:"inline-flex items-center gap-1.5 text-sm text-[var(--color-accent-500)] hover:text-[var(--color-accent-600)] transition-colors",children:[e.jsx(t.ArrowLeft,{className:"h-4 w-4"}),r("nav.backToAdmin")]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-[var(--color-primary-600)]/10",children:e.jsx(t.Users,{className:"h-6 w-6 text-[var(--color-primary-600)]"})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-[var(--text-primary)]",children:r("title")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mt-0.5",children:r("subtitle")})]})]}),e.jsxs("div",{className:"flex flex-wrap gap-3 text-sm text-[var(--text-secondary)]",children:[e.jsxs("span",{children:["8 ",r("header.businessRules")]}),e.jsx("span",{children:"·"}),e.jsxs("span",{children:["23 ",r("header.apiEndpoints")]}),e.jsx("span",{children:"·"}),e.jsxs("span",{children:["2 ",r("header.statuses")]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"1"}),r("sections.businessValue")]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-4 rounded-lg bg-red-50 border border-red-200 dark:bg-red-950/20 dark:border-red-800",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(t.Target,{className:"h-4 w-4 text-red-600"}),e.jsx("h3",{className:"text-sm font-semibold text-red-800 dark:text-red-300",children:r("value.problemTitle")})]}),e.jsx("p",{className:"text-xs text-red-700 dark:text-red-400",children:r("value.problem")})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-green-50 border border-green-200 dark:bg-green-950/20 dark:border-green-800",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(t.Lightbulb,{className:"h-4 w-4 text-green-600"}),e.jsx("h3",{className:"text-sm font-semibold text-green-800 dark:text-green-300",children:r("value.solutionTitle")})]}),e.jsx("p",{className:"text-xs text-green-700 dark:text-green-400",children:r("value.solution")})]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"2"}),r("sections.access")]}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)] space-y-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-medium text-[var(--text-secondary)] mb-2",children:r("access.navigation")}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2 text-sm",children:[e.jsx("span",{className:"px-2 py-0.5 rounded bg-purple-500/10 text-purple-700 font-medium",children:"Platform"}),e.jsx(t.ChevronRight,{className:"h-3.5 w-3.5 text-[var(--text-muted)]"}),e.jsx("span",{className:"px-2 py-0.5 rounded bg-blue-500/10 text-blue-700 font-medium",children:"Administration"}),e.jsx(t.ChevronRight,{className:"h-3.5 w-3.5 text-[var(--text-muted)]"}),e.jsx("span",{className:"px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)] font-medium",children:r("access.module")})]})]}),e.jsxs("div",{className:"flex flex-wrap gap-3 text-xs",children:[e.jsx("div",{className:"px-3 py-1.5 rounded-full bg-[var(--bg-secondary)] border border-[var(--border-color)] font-mono text-[var(--text-secondary)]",children:"/administration/users/list"}),e.jsx("div",{className:"px-3 py-1.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-700 font-mono",children:"administration.users.read"})]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"3"}),r("sections.overview")]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mb-4",children:r("overview.desc")}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm",children:[e.jsxs("div",{className:"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between flex-wrap gap-2",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"text-sm font-bold flex items-center gap-2 text-[var(--text-primary)]",children:[e.jsx(t.Users,{className:"h-4 w-4"}),r("overview.pageTitle")]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-0.5",children:r("overview.pageSubtitle")})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"flex items-center gap-0.5 p-0.5 border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg",children:[e.jsx("button",{className:"p-1.5 rounded-md bg-[var(--color-primary-600)] text-white",children:e.jsx(t.LayoutList,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1.5 rounded-md text-[var(--text-secondary)]",children:e.jsx(t.LayoutGrid,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1.5 rounded-md text-[var(--text-secondary)]",children:e.jsx(t.Columns,{className:"w-3.5 h-3.5"})})]}),e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white",children:[e.jsx(t.Plus,{className:"w-3.5 h-3.5"}),r("overview.addButton")]})]})]}),e.jsx(a,{children:r("annotations.header")}),e.jsx("div",{className:"px-4 pt-3 pb-1",children:e.jsxs("div",{className:"grid grid-cols-4 gap-3",children:[e.jsxs("div",{className:"p-3 rounded-lg border bg-[var(--info-bg)] border-[var(--info-border)]",children:[e.jsx("div",{className:"text-xs text-[var(--info-text)] opacity-80 mb-1",children:r("overview.total")}),e.jsx("div",{className:"text-2xl font-bold text-[var(--info-text)]",children:n.total})]}),e.jsxs("div",{className:"p-3 rounded-lg border bg-[var(--success-bg)] border-[var(--success-border)]",children:[e.jsx("div",{className:"text-xs text-[var(--success-text)] opacity-80 mb-1",children:r("overview.active")}),e.jsx("div",{className:"text-2xl font-bold text-[var(--success-text)]",children:n.active})]}),e.jsxs("div",{className:"p-3 rounded-lg border bg-[var(--bg-secondary)] border-[var(--border-color)]",children:[e.jsx("div",{className:"text-xs text-[var(--text-secondary)] opacity-80 mb-1",children:r("overview.inactive")}),e.jsx("div",{className:"text-2xl font-bold text-[var(--text-primary)]",children:n.inactive})]}),e.jsxs("div",{className:"p-3 rounded-lg border bg-blue-500/10 border-blue-500/20",children:[e.jsx("div",{className:"text-xs text-blue-700 opacity-80 mb-1",children:r("overview.entraSync")}),e.jsx("div",{className:"text-2xl font-bold text-blue-700",children:n.entra})]})]})}),e.jsx(a,{children:r("annotations.kpis")}),e.jsxs("div",{className:"px-4 pt-3 pb-1 flex items-center gap-2 flex-wrap",children:[e.jsxs("div",{className:"flex-1 min-w-48 flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]",children:[e.jsx(t.Search,{className:"w-3.5 h-3.5 flex-shrink-0"}),e.jsx("span",{children:r("overview.searchPlaceholder")})]}),e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-2 text-xs border border-[var(--border-color)] rounded-lg text-[var(--text-secondary)] bg-[var(--bg-primary)]",children:[e.jsx(t.Filter,{className:"w-3.5 h-3.5"}),r("overview.filters"),e.jsx(t.ChevronDown,{className:"w-3 h-3 ml-0.5"})]}),e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-2 text-xs border border-[var(--border-color)] rounded-lg text-[var(--text-secondary)] bg-[var(--bg-primary)]",children:[e.jsx(t.ArrowUpDown,{className:"w-3.5 h-3.5"}),r("overview.sortBy")]})]}),e.jsx(a,{children:r("annotations.searchBar")}),e.jsxs("div",{className:"px-4 pt-2 pb-1 flex items-center gap-2 flex-wrap",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-xs",children:[e.jsxs("span",{className:"text-[var(--text-secondary)]",children:[r("overview.filterStatus")," :"]}),["filterAll","filterActive","filterInactive"].map((s,i)=>e.jsx("button",{className:`px-2 py-0.5 rounded-full text-xs font-medium border ${i===0?"bg-[var(--color-primary-600)] text-white border-[var(--color-primary-600)]":"border-[var(--border-color)] text-[var(--text-secondary)]"}`,children:r(`overview.${s}`)},s))]}),e.jsxs("div",{className:"flex items-center gap-1.5 text-xs ml-3",children:[e.jsxs("span",{className:"text-[var(--text-secondary)]",children:[r("overview.filterSource")," :"]}),["filterAll","filterEntra","filterLocal"].map((s,i)=>e.jsx("button",{className:`px-2 py-0.5 rounded-full text-xs font-medium border ${i===0?"bg-[var(--color-primary-600)] text-white border-[var(--color-primary-600)]":"border-[var(--border-color)] text-[var(--text-secondary)]"}`,children:r(`overview.${s}`)},s))]})]}),e.jsx(a,{children:r("annotations.filterPanel")}),e.jsx("div",{className:"px-4 pt-3 pb-1 overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"w-8 px-2 py-2",children:e.jsx("input",{type:"checkbox",className:"w-3.5 h-3.5 rounded"})}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold",children:r("overview.colName")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden md:table-cell",children:r("overview.colEmail")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden lg:table-cell",children:r("overview.colRole")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold",children:r("overview.colStatus")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell",children:r("overview.colSource")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell",children:r("overview.colGroup")}),e.jsx("th",{className:"w-28 px-3 py-2"})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:p.map(s=>e.jsxs("tr",{className:"hover:bg-[var(--bg-hover)] transition-colors cursor-pointer",children:[e.jsx("td",{className:"px-2 py-2.5",children:e.jsx("input",{type:"checkbox",className:"w-3.5 h-3.5 rounded"})}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"relative",children:[e.jsx(c,{name:s.fullName}),s.entra&&e.jsx("div",{className:"absolute -bottom-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-500 flex items-center justify-center ring-1 ring-[var(--bg-card)]",children:e.jsx(t.Cloud,{className:"w-2 h-2 text-white"})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium text-[var(--text-primary)] truncate max-w-32",children:s.fullName}),s.entra&&e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1 py-0 rounded text-[9px] font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-600",children:[e.jsx(t.Cloud,{className:"w-2 h-2"})," AAD"]})]})]})}),e.jsx("td",{className:"px-3 py-2.5 hidden md:table-cell",children:e.jsxs("div",{className:"flex items-center gap-1.5 text-[var(--text-secondary)]",children:[e.jsx(t.Mail,{className:"w-3 h-3 text-[var(--text-tertiary)] flex-shrink-0"}),e.jsx("span",{className:"truncate max-w-40",children:s.email})]})}),e.jsx("td",{className:"px-3 py-2.5 hidden lg:table-cell",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:s.roles.length>0?s.roles.slice(0,2).map(i=>e.jsxs("span",{className:`inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium ${i.toLowerCase().includes("admin")?"bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]":"bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]"}`,children:[e.jsx(t.Shield,{className:"w-2.5 h-2.5"})," ",i]},i)):e.jsx("span",{className:"text-[var(--text-tertiary)] italic",children:r("overview.noRole")})})}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsx("span",{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium ${s.isActive?"bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400":"bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400"}`,children:s.isActive?r("overview.statusActive"):r("overview.statusInactive")})}),e.jsx("td",{className:"px-3 py-2.5 hidden xl:table-cell",children:e.jsx("span",{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium ${b[s.source]}`,children:r(`overview.source${s.source}`)})}),e.jsx("td",{className:"px-3 py-2.5 hidden xl:table-cell",children:s.group?e.jsxs("button",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--bg-secondary)] hover:bg-[var(--bg-hover)] text-[var(--text-secondary)]",children:[e.jsx(t.Users,{className:"w-2.5 h-2.5"})," ",s.group]}):e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"—"})}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsxs("div",{className:"flex items-center justify-end gap-0.5",children:[e.jsx("button",{className:"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--color-primary-600)] hover:bg-[var(--accent-bg)] transition-all",title:r("overview.actionView"),children:e.jsx(t.Eye,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--info-text)] hover:bg-[var(--info-bg)] transition-all",title:r("overview.actionEdit"),children:e.jsx(t.Edit2,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:`p-1.5 rounded-lg transition-all ${s.isActive?"text-[var(--text-tertiary)] hover:text-[var(--warning-text)] hover:bg-[var(--warning-bg)]":"text-[var(--text-tertiary)] hover:text-[var(--success-text)] hover:bg-[var(--success-bg)]"}`,children:s.isActive?e.jsx(t.UserX,{className:"w-3.5 h-3.5"}):e.jsx(t.UserCheck,{className:"w-3.5 h-3.5"})}),s.id!=="1"&&e.jsx("button",{className:"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--error-text)] hover:bg-[var(--error-bg)] transition-all",title:r("overview.actionDelete"),children:e.jsx(t.Trash2,{className:"w-3.5 h-3.5"})})]})})]},s.id))})]})}),e.jsx(a,{children:r("annotations.tableCols")}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.avatarCell")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.roleBadge")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.statusBadge")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.sourceBadge")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.groupChip")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.actionButtons")})}),e.jsxs("div",{className:"px-4 py-3 border-t border-[var(--border-color)] flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-[var(--text-secondary)]",children:"1–5 / 127"}),e.jsx("div",{className:"flex items-center gap-1",children:[1,2,3,"...",26].map((s,i)=>e.jsx("button",{className:`w-7 h-7 text-xs rounded flex items-center justify-center ${s===1?"bg-[var(--color-primary-600)] text-white":"text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]"}`,children:s},`page-${s}-${i}`))})]}),e.jsx("div",{className:"px-4 pb-3",children:e.jsx(a,{children:r("annotations.pagination")})})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"4"}),r("sections.createForm")]}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm",children:[e.jsxs("div",{className:"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-bold text-[var(--text-primary)]",children:r("createForm.title")}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-0.5",children:r("createForm.subtitle")})]}),e.jsx("button",{className:"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:bg-[var(--bg-hover)]",children:e.jsx(t.MoreHorizontal,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"p-5 space-y-4",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:[r("createForm.labelEmail")," "]}),e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]",children:[e.jsx(t.Mail,{className:"w-3.5 h-3.5 flex-shrink-0"}),e.jsx("span",{children:r("createForm.placeholderEmail")})]}),e.jsx(a,{children:r("formAnnotations.email")})]}),e.jsxs("div",{children:[e.jsxs("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:[r("createForm.labelPassword")," "]}),e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]",children:[e.jsx(t.Key,{className:"w-3.5 h-3.5 flex-shrink-0"}),e.jsx("span",{children:r("createForm.placeholderPassword")})]}),e.jsx(a,{children:r("formAnnotations.password")})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:[r("createForm.labelFirstName")," "]}),e.jsx("div",{className:"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]",children:r("createForm.placeholderFirstName")})]}),e.jsxs("div",{children:[e.jsxs("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:[r("createForm.labelLastName")," "]}),e.jsx("div",{className:"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]",children:r("createForm.placeholderLastName")})]})]}),e.jsx(a,{children:r("formAnnotations.name")}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:r("createForm.labelRoles")}),e.jsx("div",{className:"space-y-1.5",children:["roleAdmin","roleSupport","roleViewer","roleManager"].map((s,i)=>e.jsxs("label",{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-secondary)] cursor-pointer hover:bg-[var(--bg-hover)]",children:[e.jsx("input",{type:"checkbox",defaultChecked:i===0,className:"w-3.5 h-3.5 rounded"}),e.jsx(t.Shield,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),r(`createForm.${s}`)]},s))}),e.jsx(a,{children:r("formAnnotations.roles")})]}),e.jsxs("div",{className:"flex items-center justify-end gap-2 pt-2 border-t border-[var(--border-color)]",children:[e.jsx("button",{className:"px-4 py-2 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]",children:r("createForm.cancelButton")}),e.jsxs("button",{className:"flex items-center gap-1.5 px-4 py-2 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white",children:[e.jsx(t.Plus,{className:"w-3.5 h-3.5"}),r("createForm.submitButton")]})]})]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"5"}),r("sections.detailView")]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mb-4",children:r("detailView.desc")}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm",children:[e.jsx("div",{className:"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"relative",children:[e.jsx(c,{name:"Alice Martin",size:"lg"}),e.jsx("div",{className:"absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-full bg-blue-500 flex items-center justify-center ring-2 ring-[var(--bg-card)]",children:e.jsx(t.Cloud,{className:"w-2.5 h-2.5 text-white"})})]}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("h3",{className:"text-sm font-bold text-[var(--text-primary)]",children:"Alice Martin"}),e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1.5 py-0 rounded text-[9px] font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-600",children:[e.jsx(t.Cloud,{className:"w-2 h-2"})," AAD"]}),e.jsx("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-green-100 dark:bg-green-900/30 text-green-700",children:"Actif"})]}),e.jsxs("p",{className:"text-xs text-[var(--text-secondary)] mt-0.5 flex items-center gap-1",children:[e.jsx(t.Mail,{className:"w-3 h-3"})," alice.martin@acme.com"]}),e.jsx("div",{className:"flex items-center gap-1 mt-1.5",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]",children:[e.jsx(t.Shield,{className:"w-2.5 h-2.5"})," Administrateur"]})})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("button",{className:"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]",children:[e.jsx(t.Edit2,{className:"w-3 h-3"})," Modifier"]}),e.jsxs("button",{className:"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]",children:[e.jsx(t.Key,{className:"w-3 h-3"})," MDP"]}),e.jsxs("button",{className:"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-orange-300 text-orange-600 hover:bg-orange-50",children:[e.jsx(t.UserX,{className:"w-3 h-3"})," Désactiver"]})]})]})}),e.jsx(a,{children:r("detailAnnotations.header")}),e.jsx("div",{className:"border-b border-[var(--border-color)] bg-[var(--bg-card)] px-4",children:e.jsx("div",{className:"flex items-center gap-0 overflow-x-auto",children:["info","security","roles","sessions","activity","history","groups","tenants","applications"].map((s,i)=>e.jsxs("button",{className:`px-3 py-2.5 text-xs font-medium border-b-2 flex items-center gap-1.5 flex-shrink-0 transition-colors ${i===0?"border-[var(--color-primary-600)] text-[var(--color-primary-600)]":"border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,children:[s==="info"&&e.jsx(t.Users,{className:"w-3 h-3"}),s==="security"&&e.jsx(t.Lock,{className:"w-3 h-3"}),s==="roles"&&e.jsx(t.Shield,{className:"w-3 h-3"}),s==="sessions"&&e.jsx(t.Monitor,{className:"w-3 h-3"}),s==="activity"&&e.jsx(t.Activity,{className:"w-3 h-3"}),s==="history"&&e.jsx(t.History,{className:"w-3 h-3"}),s==="groups"&&e.jsx(t.Users,{className:"w-3 h-3"}),s==="tenants"&&e.jsx(t.LayoutGrid,{className:"w-3 h-3"}),s==="applications"&&e.jsx(t.Zap,{className:"w-3 h-3"}),r(`detailView.tabs.${s}`)]},s))})}),e.jsx(a,{children:r("detailAnnotations.tabs")}),e.jsxs("div",{className:"p-4",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsx("h4",{className:"text-xs font-semibold text-[var(--text-primary)] mb-2",children:r("detailView.infoSection")}),e.jsxs("div",{className:"space-y-1.5 text-xs text-[var(--text-secondary)]",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.lastLogin")}),e.jsx("span",{children:"02/03/2026 09:14"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.memberSince")}),e.jsx("span",{children:"12/01/2025"})]})]})]}),e.jsxs("div",{className:"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsx("h4",{className:"text-xs font-semibold text-[var(--text-primary)] mb-2",children:r("detailView.orgSection")}),e.jsxs("div",{className:"space-y-1.5 text-xs text-[var(--text-secondary)]",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.department")}),e.jsx("span",{children:"IT"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.jobTitle")}),e.jsx("span",{children:"Lead Dev"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.company")}),e.jsx("span",{children:"Acme Corp"})]})]})]}),e.jsxs("div",{className:"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsx("h4",{className:"text-xs font-semibold text-[var(--text-primary)] mb-2",children:r("detailView.contactSection")}),e.jsxs("div",{className:"space-y-1.5 text-xs text-[var(--text-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(t.Smartphone,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx("span",{children:"+41 79 123 45 67"})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(t.Mail,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx("span",{children:"alice.martin@acme.com"})]})]})]})]}),e.jsx(a,{children:r("detailAnnotations.infoTab")}),e.jsx("div",{className:"mt-2",children:e.jsx(a,{children:r("detailAnnotations.securityTab")})}),e.jsx("div",{className:"mt-2",children:e.jsx(a,{children:r("detailAnnotations.rolesTab")})}),e.jsx("div",{className:"mt-2",children:e.jsx(a,{children:r("detailAnnotations.sessionsTab")})}),e.jsx("div",{className:"mt-2",children:e.jsx(a,{children:r("detailAnnotations.historyTab")})})]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"6"}),r("sections.useCases")]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:["uc1","uc2","uc3"].map(s=>e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]",children:[e.jsxs("div",{className:"flex items-start gap-2 mb-3",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)] flex items-center justify-center text-xs font-bold flex-shrink-0",children:s.slice(2)}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-semibold text-[var(--text-primary)]",children:r(`useCases.${s}.title`)}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-0.5",children:r(`useCases.${s}.role`)})]})]}),e.jsx("ol",{className:"space-y-1.5",children:r(`useCases.${s}.steps`,{returnObjects:!0}).map((i,d)=>e.jsxs("li",{className:"flex items-start gap-2 text-xs text-[var(--text-secondary)]",children:[e.jsx("span",{className:"w-4 h-4 rounded-full bg-[var(--bg-secondary)] text-[var(--text-tertiary)] flex items-center justify-center text-[10px] font-medium flex-shrink-0 mt-0.5",children:d+1}),e.jsx("span",{children:i})]},`step-${d}`))})]},s))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"7"}),r("sections.features")]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:["f1","f2","f3","f4","f5"].map(s=>e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center",children:e.jsx(t.Zap,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"})}),e.jsx("h3",{className:"text-sm font-semibold text-[var(--text-primary)]",children:r(`features.${s}.title`)})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mb-2",children:r(`features.${s}.desc`)}),e.jsx("div",{className:"px-3 py-2 rounded-md bg-[var(--bg-secondary)] border border-[var(--border-color)]",children:e.jsx("p",{className:"text-xs text-[var(--text-tertiary)] italic",children:r(`features.${s}.example`)})})]},s))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"8"}),r("sections.faq")]}),e.jsx("div",{className:"space-y-3",children:["q1","q2","q3","q4","q5"].map(s=>e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]",children:[e.jsxs("div",{className:"flex items-start gap-2 mb-2",children:[e.jsx(t.HelpCircle,{className:"w-4 h-4 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5"}),e.jsx("h3",{className:"text-sm font-semibold text-[var(--text-primary)]",children:r(`faq.${s}`)})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] ml-6",children:r(`faq.${s.replace("q","a")}`)})]},s))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold",children:"9"}),r("sections.techRef")]}),e.jsxs("button",{onClick:()=>o(s=>!s),className:"flex items-center gap-2 px-4 py-2.5 text-sm font-medium rounded-lg border border-[var(--border-color)] bg-[var(--bg-card)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] transition-colors w-full",children:[e.jsx(t.ChevronDown,{className:`w-4 h-4 transition-transform ${l?"rotate-180":""}`}),r(l?"techRef.hideBtn":"techRef.showBtn")]}),l&&e.jsxs("div",{className:"mt-3 space-y-4",children:[e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]",children:[e.jsx("div",{className:"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("h3",{className:"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2",children:[e.jsx(t.Shield,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),r("techRef.rulesTitle")]})}),e.jsx("div",{className:"divide-y divide-[var(--border-color)]",children:g.map(s=>e.jsxs("div",{className:"px-4 py-2.5 flex items-start gap-3",children:[e.jsx("span",{className:"text-[10px] font-mono font-bold text-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10 px-1.5 py-0.5 rounded flex-shrink-0 mt-0.5",children:s.id}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:r(s.key)}),e.jsx("span",{className:"text-[10px] text-[var(--text-tertiary)]",children:s.category})]})]},s.id))})]}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]",children:[e.jsx("div",{className:"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("h3",{className:"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2",children:[e.jsx(t.CheckCircle,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),r("techRef.endpointsTitle")]})}),e.jsx("div",{className:"divide-y divide-[var(--border-color)]",children:u.map((s,i)=>e.jsxs("div",{className:"px-4 py-2 flex items-center gap-3 flex-wrap",children:[e.jsx("span",{className:`text-[10px] font-bold px-1.5 py-0.5 rounded border font-mono w-14 text-center flex-shrink-0 ${v[s.method]}`,children:s.method}),e.jsx("span",{className:"text-xs font-mono text-[var(--text-primary)] flex-1 truncate",children:s.path}),e.jsx("span",{className:"text-[10px] text-[var(--text-tertiary)] font-mono hidden md:inline",children:s.permission})]},`ep-${s.method}-${i}`))})]})]})]})]})}exports.default=j;
2	+ //# sourceMappingURL=index-CO5QP9C1.cjs.map

package/dist/index-CO5QP9C1.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-CO5QP9C1.cjs","sources":["../src/pages/docs/business/platform/administration/users/index.tsx"],"sourcesContent":["import { useState} from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n ArrowLeft,\r\n Users,\r\n Mail,\r\n Shield,\r\n Eye,\r\n Edit2,\r\n Trash2,\r\n UserCheck,\r\n UserX,\r\n Cloud,\r\n Search,\r\n Filter,\r\n Plus,\r\n ChevronRight,\r\n Info,\r\n Target,\r\n Lightbulb,\r\n CheckCircle,\r\n MoreHorizontal,\r\n Key,\r\n Activity,\r\n History,\r\n Lock,\r\n Smartphone,\r\n Monitor,\r\n HelpCircle,\r\n Zap,\r\n LayoutGrid,\r\n LayoutList,\r\n Columns,\r\n ArrowUpDown,\r\n ChevronDown,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual UsersPage ──────────────────────────────────────\r\n\r\ntype MockSource = 'Direct' | 'Group' | 'Both';\r\ninterface MockUser {\r\n id: string;\r\n fullName: string;\r\n email: string;\r\n roles: string[];\r\n isActive: boolean;\r\n source: MockSource;\r\n group: string | null;\r\n entra: boolean;\r\n}\r\n\r\nconst mockUsers: MockUser[] = [\r\n { id: '1', fullName: 'Alice Martin', email: 'alice.martin@acme.com', roles: ['Administrateur'], isActive: true, source: 'Direct', group: 'Acme Corp', entra: true },\r\n { id: '2', fullName: 'Bob Dupont', email: 'bob.dupont@techcorp.com', roles: ['Agent Support', 'Viewer'], isActive: true, source: 'Group', group: 'TechVision', entra: false },\r\n { id: '3', fullName: 'Charlie Klein', email: 'charlie.klein@example.com', roles: ['Viewer'], isActive: false, source: 'Direct', group: null, entra: true },\r\n { id: '4', fullName: 'Diana Braun', email: 'diana.braun@company.com', roles: ['Manager'], isActive: true, source: 'Both', group: 'DataCorp', entra: false },\r\n { id: '5', fullName: 'Eve Laurent', email: 'eve.laurent@startup.io', roles: [], isActive: false, source: 'Direct', group: null, entra: false },\r\n];\r\n\r\nconst mockStats = { total: 127, active: 98, inactive: 29, entra: 45 };\r\n\r\nconst sourceColors: Record<MockSource, string> = {\r\n Direct: 'bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300',\r\n Group: 'bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300',\r\n Both: 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300',\r\n};\r\n\r\nconst methodColors: Record<string, string> = {\r\n GET: 'bg-blue-500/10 text-blue-700 border-blue-500/20',\r\n POST: 'bg-green-500/10 text-green-700 border-green-500/20',\r\n PUT: 'bg-orange-500/10 text-orange-700 border-orange-500/20',\r\n PATCH: 'bg-yellow-500/10 text-yellow-700 border-yellow-500/20',\r\n DELETE: 'bg-red-500/10 text-red-700 border-red-500/20',\r\n};\r\n\r\nconst apiEndpoints = [\r\n { method: 'GET' as const, path: '/api/administration/users', handler: 'GetUsers', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}', handler: 'GetUser', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users', handler: 'CreateUser', permission: 'administration.users.create' },\r\n { method: 'PUT' as const, path: '/api/administration/users/{id}', handler: 'UpdateUser', permission: 'administration.users.update' },\r\n { method: 'DELETE' as const, path: '/api/administration/users/{id}', handler: 'DeleteUser', permission: 'administration.users.delete' },\r\n { method: 'PATCH' as const, path: '/api/administration/users/{id}/activate', handler: 'ActivateUser', permission: 'administration.users.update' },\r\n { method: 'PATCH' as const, path: '/api/administration/users/{id}/deactivate', handler: 'DeactivateUser', permission: 'administration.users.update' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/unlock', handler: 'UnlockAccount', permission: 'administration.users.update' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/send-password-reset', handler: 'SendPasswordResetLink', permission: 'administration.users.reset-password' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/reset-password-direct', handler: 'ResetPasswordDirect', permission: 'administration.users.reset-password-direct' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/clear-failed-attempts', handler: 'ClearFailedAttempts', permission: 'administration.users.update' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/sessions', handler: 'GetUserSessions', permission: 'administration.users.view-sessions' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/sessions/end-all', handler: 'EndAllUserSessions', permission: 'administration.users.manage-sessions' },\r\n { method: 'DELETE' as const, path: '/api/administration/users/{id}/sessions/{sessionId}', handler: 'EndUserSession', permission: 'administration.users.manage-sessions' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/activity', handler: 'GetUserActivity', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/history', handler: 'GetUserHistory', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/history/{historyId}/restore', handler: 'RestoreFromHistory', permission: 'administration.users.update' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/consolidated-roles', handler: 'GetUserConsolidatedRoles', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/application-access', handler: 'GetUserApplicationAccess', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/groups', handler: 'GetUserGroups', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/{id}/tenants', handler: 'GetUserTenants', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users/{id}/custom-role', handler: 'CreateUserCustomRole', permission: 'administration.users.update' },\r\n { method: 'DELETE' as const, path: '/api/administration/users/{id}/custom-role', handler: 'DeleteUserCustomRole', permission: 'administration.users.update' },\r\n];\r\n\r\nconst businessRules = [\r\n { id: 'BR-001', category: 'Validation', key: 'techRef.rules.br001' },\r\n { id: 'BR-002', category: 'Validation', key: 'techRef.rules.br002' },\r\n { id: 'BR-003', category: 'Sécurité', key: 'techRef.rules.br003' },\r\n { id: 'BR-004', category: 'Cycle de vie', key: 'techRef.rules.br004' },\r\n { id: 'BR-005', category: 'Sécurité', key: 'techRef.rules.br005' },\r\n { id: 'BR-006', category: 'Intégration', key: 'techRef.rules.br006' },\r\n { id: 'BR-007', category: 'Sécurité', key: 'techRef.rules.br007' },\r\n { id: 'BR-008', category: 'Audit', key: 'techRef.rules.br008' },\r\n];\r\n\r\n// ── Avatar helper ─────────────────────────────────────────────────────────────\r\n\r\nfunction MockAvatar({ name, size = 'md' }: { name: string; size?: 'sm' | 'md' | 'lg' }) {\r\n const initials = name.split(' ').map(n => n.at(0)).join('').toUpperCase().slice(0, 2);\r\n const sizeClassMap = { sm: 'w-7 h-7 text-[10px]', lg: 'w-10 h-10 text-sm', md: 'w-8 h-8 text-xs' } as const;\r\n const sizeClass = sizeClassMap[size];\r\n return (\r\n <div className={`${sizeClass} rounded-full bg-[var(--color-primary-600)] text-white font-semibold flex items-center justify-center flex-shrink-0`}>\r\n {initials}\r\n </div>\r\n );\r\n}\r\n\r\n// ── Annotation helper ─────────────────────────────────────────────────────────\r\n\r\nfunction Annotation({ children }: { children: React.ReactNode }) {\r\n return (\r\n <div className=\"mt-3 flex items-start gap-2 px-3 py-2 rounded-md bg-blue-50 border border-blue-200 text-xs text-blue-800 dark:bg-blue-950/30 dark:border-blue-800 dark:text-blue-300\">\r\n <Info className=\"h-3.5 w-3.5 flex-shrink-0 mt-0.5\" />\r\n <span>{children}</span>\r\n </div>\r\n );\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport default function UsersDocPage(): ReactElement {\r\n const { t } = useTranslation('docsAdministrationUsers');\r\n const [showTechRef, setShowTechRef] = useState(false);\r\n\r\n return (\r\n <div className=\"space-y-8 max-w-5xl mx-auto px-4 py-6\">\r\n\r\n {/* Back link */}\r\n <Link\r\n to=\"/docs/business/platform\"\r\n className=\"inline-flex items-center gap-1.5 text-sm text-[var(--color-accent-500)] hover:text-[var(--color-accent-600)] transition-colors\"\r\n >\r\n <ArrowLeft className=\"h-4 w-4\" />\r\n {t('nav.backToAdmin')}\r\n </Link>\r\n\r\n {/* Header */}\r\n <div>\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"p-2 rounded-lg bg-[var(--color-primary-600)]/10\">\r\n <Users className=\"h-6 w-6 text-[var(--color-primary-600)]\" />\r\n </div>\r\n <div>\r\n <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('title')}</h1>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-0.5\">{t('subtitle')}</p>\r\n </div>\r\n </div>\r\n <div className=\"flex flex-wrap gap-3 text-sm text-[var(--text-secondary)]\">\r\n <span>8 {t('header.businessRules')}</span>\r\n <span>·</span>\r\n <span>23 {t('header.apiEndpoints')}</span>\r\n <span>·</span>\r\n <span>2 {t('header.statuses')}</span>\r\n </div>\r\n </div>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 1: BUSINESS VALUE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">1</span>\r\n {t('sections.businessValue')}\r\n </h2>\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div className=\"p-4 rounded-lg bg-red-50 border border-red-200 dark:bg-red-950/20 dark:border-red-800\">\r\n <div className=\"flex items-center gap-2 mb-2\">\r\n <Target className=\"h-4 w-4 text-red-600\" />\r\n <h3 className=\"text-sm font-semibold text-red-800 dark:text-red-300\">{t('value.problemTitle')}</h3>\r\n </div>\r\n <p className=\"text-xs text-red-700 dark:text-red-400\">{t('value.problem')}</p>\r\n </div>\r\n <div className=\"p-4 rounded-lg bg-green-50 border border-green-200 dark:bg-green-950/20 dark:border-green-800\">\r\n <div className=\"flex items-center gap-2 mb-2\">\r\n <Lightbulb className=\"h-4 w-4 text-green-600\" />\r\n <h3 className=\"text-sm font-semibold text-green-800 dark:text-green-300\">{t('value.solutionTitle')}</h3>\r\n </div>\r\n <p className=\"text-xs text-green-700 dark:text-green-400\">{t('value.solution')}</p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 2: ACCESS */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">2</span>\r\n {t('sections.access')}\r\n </h2>\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)] space-y-3\">\r\n <div>\r\n <div className=\"text-xs font-medium text-[var(--text-secondary)] mb-2\">{t('access.navigation')}</div>\r\n <div className=\"flex flex-wrap items-center gap-2 text-sm\">\r\n <span className=\"px-2 py-0.5 rounded bg-purple-500/10 text-purple-700 font-medium\">Platform</span>\r\n <ChevronRight className=\"h-3.5 w-3.5 text-[var(--text-muted)]\" />\r\n <span className=\"px-2 py-0.5 rounded bg-blue-500/10 text-blue-700 font-medium\">Administration</span>\r\n <ChevronRight className=\"h-3.5 w-3.5 text-[var(--text-muted)]\" />\r\n <span className=\"px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)] font-medium\">{t('access.module')}</span>\r\n </div>\r\n </div>\r\n <div className=\"flex flex-wrap gap-3 text-xs\">\r\n <div className=\"px-3 py-1.5 rounded-full bg-[var(--bg-secondary)] border border-[var(--border-color)] font-mono text-[var(--text-secondary)]\">\r\n /administration/users/list\r\n </div>\r\n <div className=\"px-3 py-1.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-700 font-mono\">\r\n administration.users.read\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 3: INTERFACE OVERVIEW — LIST PAGE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">3</span>\r\n {t('sections.overview')}\r\n </h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mb-4\">{t('overview.desc')}</p>\r\n\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n\r\n {/* ── Page header ── */}\r\n <div className=\"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between flex-wrap gap-2\">\r\n <div>\r\n <h3 className=\"text-sm font-bold flex items-center gap-2 text-[var(--text-primary)]\">\r\n <Users className=\"h-4 w-4\" />\r\n {t('overview.pageTitle')}\r\n </h3>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t('overview.pageSubtitle')}</p>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n {/* View toggles */}\r\n <div className=\"flex items-center gap-0.5 p-0.5 border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg\">\r\n <button className=\"p-1.5 rounded-md bg-[var(--color-primary-600)] text-white\">\r\n <LayoutList className=\"w-3.5 h-3.5\" />\r\n </button>\r\n <button className=\"p-1.5 rounded-md text-[var(--text-secondary)]\">\r\n <LayoutGrid className=\"w-3.5 h-3.5\" />\r\n </button>\r\n <button className=\"p-1.5 rounded-md text-[var(--text-secondary)]\">\r\n <Columns className=\"w-3.5 h-3.5\" />\r\n </button>\r\n </div>\r\n {/* Add button */}\r\n <button className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white\">\r\n <Plus className=\"w-3.5 h-3.5\" />\r\n {t('overview.addButton')}\r\n </button>\r\n </div>\r\n </div>\r\n <Annotation>{t('annotations.header')}</Annotation>\r\n\r\n {/* ── KPI stats ── */}\r\n <div className=\"px-4 pt-3 pb-1\">\r\n <div className=\"grid grid-cols-4 gap-3\">\r\n <div className=\"p-3 rounded-lg border bg-[var(--info-bg)] border-[var(--info-border)]\">\r\n <div className=\"text-xs text-[var(--info-text)] opacity-80 mb-1\">{t('overview.total')}</div>\r\n <div className=\"text-2xl font-bold text-[var(--info-text)]\">{mockStats.total}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-[var(--success-bg)] border-[var(--success-border)]\">\r\n <div className=\"text-xs text-[var(--success-text)] opacity-80 mb-1\">{t('overview.active')}</div>\r\n <div className=\"text-2xl font-bold text-[var(--success-text)]\">{mockStats.active}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-[var(--bg-secondary)] border-[var(--border-color)]\">\r\n <div className=\"text-xs text-[var(--text-secondary)] opacity-80 mb-1\">{t('overview.inactive')}</div>\r\n <div className=\"text-2xl font-bold text-[var(--text-primary)]\">{mockStats.inactive}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-blue-500/10 border-blue-500/20\">\r\n <div className=\"text-xs text-blue-700 opacity-80 mb-1\">{t('overview.entraSync')}</div>\r\n <div className=\"text-2xl font-bold text-blue-700\">{mockStats.entra}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <Annotation>{t('annotations.kpis')}</Annotation>\r\n\r\n {/* ── Search & Filter bar ── */}\r\n <div className=\"px-4 pt-3 pb-1 flex items-center gap-2 flex-wrap\">\r\n <div className=\"flex-1 min-w-48 flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n <Search className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n <span>{t('overview.searchPlaceholder')}</span>\r\n </div>\r\n <button className=\"flex items-center gap-1.5 px-3 py-2 text-xs border border-[var(--border-color)] rounded-lg text-[var(--text-secondary)] bg-[var(--bg-primary)]\">\r\n <Filter className=\"w-3.5 h-3.5\" />\r\n {t('overview.filters')}\r\n <ChevronDown className=\"w-3 h-3 ml-0.5\" />\r\n </button>\r\n <button className=\"flex items-center gap-1.5 px-3 py-2 text-xs border border-[var(--border-color)] rounded-lg text-[var(--text-secondary)] bg-[var(--bg-primary)]\">\r\n <ArrowUpDown className=\"w-3.5 h-3.5\" />\r\n {t('overview.sortBy')}\r\n </button>\r\n </div>\r\n <Annotation>{t('annotations.searchBar')}</Annotation>\r\n\r\n {/* ── Filter chips (expanded) ── */}\r\n <div className=\"px-4 pt-2 pb-1 flex items-center gap-2 flex-wrap\">\r\n <div className=\"flex items-center gap-1.5 text-xs\">\r\n <span className=\"text-[var(--text-secondary)]\">{t('overview.filterStatus')} :</span>\r\n {['filterAll', 'filterActive', 'filterInactive'].map((k, i) => (\r\n <button key={k} className={`px-2 py-0.5 rounded-full text-xs font-medium border ${i === 0 ? 'bg-[var(--color-primary-600)] text-white border-[var(--color-primary-600)]' : 'border-[var(--border-color)] text-[var(--text-secondary)]'}`}>\r\n {t(`overview.${k}`)}\r\n </button>\r\n ))}\r\n </div>\r\n <div className=\"flex items-center gap-1.5 text-xs ml-3\">\r\n <span className=\"text-[var(--text-secondary)]\">{t('overview.filterSource')} :</span>\r\n {['filterAll', 'filterEntra', 'filterLocal'].map((k, i) => (\r\n <button key={k} className={`px-2 py-0.5 rounded-full text-xs font-medium border ${i === 0 ? 'bg-[var(--color-primary-600)] text-white border-[var(--color-primary-600)]' : 'border-[var(--border-color)] text-[var(--text-secondary)]'}`}>\r\n {t(`overview.${k}`)}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n <Annotation>{t('annotations.filterPanel')}</Annotation>\r\n\r\n {/* ── Table ── */}\r\n <div className=\"px-4 pt-3 pb-1 overflow-x-auto\">\r\n <table className=\"w-full text-xs\">\r\n <thead>\r\n <tr className=\"bg-[var(--bg-secondary)]\">\r\n <th className=\"w-8 px-2 py-2\"><input type=\"checkbox\" className=\"w-3.5 h-3.5 rounded\" /></th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold\">{t('overview.colName')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden md:table-cell\">{t('overview.colEmail')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden lg:table-cell\">{t('overview.colRole')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold\">{t('overview.colStatus')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell\">{t('overview.colSource')}</th>\r\n <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell\">{t('overview.colGroup')}</th>\r\n <th className=\"w-28 px-3 py-2\"></th>\r\n </tr>\r\n </thead>\r\n <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n {mockUsers.map(user => (\r\n <tr key={user.id} className=\"hover:bg-[var(--bg-hover)] transition-colors cursor-pointer\">\r\n <td className=\"px-2 py-2.5\"><input type=\"checkbox\" className=\"w-3.5 h-3.5 rounded\" /></td>\r\n {/* Name cell */}\r\n <td className=\"px-3 py-2.5\">\r\n <div className=\"flex items-center gap-2\">\r\n <div className=\"relative\">\r\n <MockAvatar name={user.fullName} />\r\n {user.entra && (\r\n <div className=\"absolute -bottom-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-500 flex items-center justify-center ring-1 ring-[var(--bg-card)]\">\r\n <Cloud className=\"w-2 h-2 text-white\" />\r\n </div>\r\n )}\r\n </div>\r\n <div>\r\n <p className=\"font-medium text-[var(--text-primary)] truncate max-w-32\">{user.fullName}</p>\r\n {user.entra && (\r\n <span className=\"inline-flex items-center gap-0.5 px-1 py-0 rounded text-[9px] font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-600\">\r\n <Cloud className=\"w-2 h-2\" /> AAD\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n </td>\r\n {/* Email */}\r\n <td className=\"px-3 py-2.5 hidden md:table-cell\">\r\n <div className=\"flex items-center gap-1.5 text-[var(--text-secondary)]\">\r\n <Mail className=\"w-3 h-3 text-[var(--text-tertiary)] flex-shrink-0\" />\r\n <span className=\"truncate max-w-40\">{user.email}</span>\r\n </div>\r\n </td>\r\n {/* Roles */}\r\n <td className=\"px-3 py-2.5 hidden lg:table-cell\">\r\n <div className=\"flex flex-wrap gap-1\">\r\n {user.roles.length > 0 ? user.roles.slice(0, 2).map(role => (\r\n <span key={role} className={`inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium ${role.toLowerCase().includes('admin') ? 'bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]' : 'bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]'}`}>\r\n <Shield className=\"w-2.5 h-2.5\" /> {role}\r\n </span>\r\n )) : (\r\n <span className=\"text-[var(--text-tertiary)] italic\">{t('overview.noRole')}</span>\r\n )}\r\n </div>\r\n </td>\r\n {/* Status */}\r\n <td className=\"px-3 py-2.5\">\r\n <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium ${user.isActive ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400' : 'bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400'}`}>\r\n {user.isActive ? t('overview.statusActive') : t('overview.statusInactive')}\r\n </span>\r\n </td>\r\n {/* Source */}\r\n <td className=\"px-3 py-2.5 hidden xl:table-cell\">\r\n <span className={`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium ${sourceColors[user.source]}`}>\r\n {t(`overview.source${user.source}`)}\r\n </span>\r\n </td>\r\n {/* Group */}\r\n <td className=\"px-3 py-2.5 hidden xl:table-cell\">\r\n {user.group ? (\r\n <button className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--bg-secondary)] hover:bg-[var(--bg-hover)] text-[var(--text-secondary)]\">\r\n <Users className=\"w-2.5 h-2.5\" /> {user.group}\r\n </button>\r\n ) : (\r\n <span className=\"text-[var(--text-tertiary)]\">—</span>\r\n )}\r\n </td>\r\n {/* Actions */}\r\n <td className=\"px-3 py-2.5\">\r\n <div className=\"flex items-center justify-end gap-0.5\">\r\n <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--color-primary-600)] hover:bg-[var(--accent-bg)] transition-all\" title={t('overview.actionView')}>\r\n <Eye className=\"w-3.5 h-3.5\" />\r\n </button>\r\n <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--info-text)] hover:bg-[var(--info-bg)] transition-all\" title={t('overview.actionEdit')}>\r\n <Edit2 className=\"w-3.5 h-3.5\" />\r\n </button>\r\n <button className={`p-1.5 rounded-lg transition-all ${user.isActive ? 'text-[var(--text-tertiary)] hover:text-[var(--warning-text)] hover:bg-[var(--warning-bg)]' : 'text-[var(--text-tertiary)] hover:text-[var(--success-text)] hover:bg-[var(--success-bg)]'}`}>\r\n {user.isActive ? <UserX className=\"w-3.5 h-3.5\" /> : <UserCheck className=\"w-3.5 h-3.5\" />}\r\n </button>\r\n {user.id !== '1' && (\r\n <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--error-text)] hover:bg-[var(--error-bg)] transition-all\" title={t('overview.actionDelete')}>\r\n <Trash2 className=\"w-3.5 h-3.5\" />\r\n </button>\r\n )}\r\n </div>\r\n </td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n <Annotation>{t('annotations.tableCols')}</Annotation>\r\n\r\n {/* Avatar + roles annotations */}\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.avatarCell')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.roleBadge')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.statusBadge')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.sourceBadge')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.groupChip')}</Annotation>\r\n </div>\r\n <div className=\"px-4 pb-1\">\r\n <Annotation>{t('annotations.actionButtons')}</Annotation>\r\n </div>\r\n\r\n {/* Pagination */}\r\n <div className=\"px-4 py-3 border-t border-[var(--border-color)] flex items-center justify-between\">\r\n <span className=\"text-xs text-[var(--text-secondary)]\">1–5 / 127</span>\r\n <div className=\"flex items-center gap-1\">\r\n {[1, 2, 3, '...', 26].map((p, i) => (\r\n <button key={`page-${p}-${i}`} className={`w-7 h-7 text-xs rounded flex items-center justify-center ${p === 1 ? 'bg-[var(--color-primary-600)] text-white' : 'text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]'}`}>\r\n {p}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n <div className=\"px-4 pb-3\">\r\n <Annotation>{t('annotations.pagination')}</Annotation>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 4: CREATE FORM */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">4</span>\r\n {t('sections.createForm')}\r\n </h2>\r\n\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n {/* Modal header */}\r\n <div className=\"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"text-sm font-bold text-[var(--text-primary)]\">{t('createForm.title')}</h3>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t('createForm.subtitle')}</p>\r\n </div>\r\n <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:bg-[var(--bg-hover)]\">\r\n <MoreHorizontal className=\"w-4 h-4\" />\r\n </button>\r\n </div>\r\n\r\n <div className=\"p-5 space-y-4\">\r\n {/* Email */}\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelEmail')} *</label>\r\n <div className=\"flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n <Mail className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n <span>{t('createForm.placeholderEmail')}</span>\r\n </div>\r\n <Annotation>{t('formAnnotations.email')}</Annotation>\r\n </div>\r\n\r\n {/* Password */}\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelPassword')} *</label>\r\n <div className=\"flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n <Key className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n <span>{t('createForm.placeholderPassword')}</span>\r\n </div>\r\n <Annotation>{t('formAnnotations.password')}</Annotation>\r\n </div>\r\n\r\n {/* First/Last name */}\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelFirstName')} *</label>\r\n <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n {t('createForm.placeholderFirstName')}\r\n </div>\r\n </div>\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelLastName')} *</label>\r\n <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n {t('createForm.placeholderLastName')}\r\n </div>\r\n </div>\r\n </div>\r\n <Annotation>{t('formAnnotations.name')}</Annotation>\r\n\r\n {/* Roles */}\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelRoles')}</label>\r\n <div className=\"space-y-1.5\">\r\n {(['roleAdmin', 'roleSupport', 'roleViewer', 'roleManager'] as const).map((k, i) => (\r\n <label key={k} className=\"flex items-center gap-2.5 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-secondary)] cursor-pointer hover:bg-[var(--bg-hover)]\">\r\n <input type=\"checkbox\" defaultChecked={i === 0} className=\"w-3.5 h-3.5 rounded\" />\r\n <Shield className=\"w-3 h-3 text-[var(--text-tertiary)]\" />\r\n {t(`createForm.${k}`)}\r\n </label>\r\n ))}\r\n </div>\r\n <Annotation>{t('formAnnotations.roles')}</Annotation>\r\n </div>\r\n\r\n {/* Actions */}\r\n <div className=\"flex items-center justify-end gap-2 pt-2 border-t border-[var(--border-color)]\">\r\n <button className=\"px-4 py-2 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]\">\r\n {t('createForm.cancelButton')}\r\n </button>\r\n <button className=\"flex items-center gap-1.5 px-4 py-2 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white\">\r\n <Plus className=\"w-3.5 h-3.5\" />\r\n {t('createForm.submitButton')}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 5: DETAIL VIEW */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">5</span>\r\n {t('sections.detailView')}\r\n </h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mb-4\">{t('detailView.desc')}</p>\r\n\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n {/* Detail header */}\r\n <div className=\"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-4\">\r\n <div className=\"relative\">\r\n <MockAvatar name=\"Alice Martin\" size=\"lg\" />\r\n <div className=\"absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-full bg-blue-500 flex items-center justify-center ring-2 ring-[var(--bg-card)]\">\r\n <Cloud className=\"w-2.5 h-2.5 text-white\" />\r\n </div>\r\n </div>\r\n <div className=\"flex-1 min-w-0\">\r\n <div className=\"flex items-center gap-2 flex-wrap\">\r\n <h3 className=\"text-sm font-bold text-[var(--text-primary)]\">Alice Martin</h3>\r\n <span className=\"inline-flex items-center gap-0.5 px-1.5 py-0 rounded text-[9px] font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-600\"><Cloud className=\"w-2 h-2\" /> AAD</span>\r\n <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-green-100 dark:bg-green-900/30 text-green-700\">Actif</span>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5 flex items-center gap-1\"><Mail className=\"w-3 h-3\" /> alice.martin@acme.com</p>\r\n <div className=\"flex items-center gap-1 mt-1.5\">\r\n <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]\"><Shield className=\"w-2.5 h-2.5\" /> Administrateur</span>\r\n </div>\r\n </div>\r\n <div className=\"flex items-center gap-1.5\">\r\n <button className=\"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]\">\r\n <Edit2 className=\"w-3 h-3\" /> Modifier\r\n </button>\r\n <button className=\"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]\">\r\n <Key className=\"w-3 h-3\" /> MDP\r\n </button>\r\n <button className=\"flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-orange-300 text-orange-600 hover:bg-orange-50\">\r\n <UserX className=\"w-3 h-3\" /> Désactiver\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <Annotation>{t('detailAnnotations.header')}</Annotation>\r\n\r\n {/* Tabs */}\r\n <div className=\"border-b border-[var(--border-color)] bg-[var(--bg-card)] px-4\">\r\n <div className=\"flex items-center gap-0 overflow-x-auto\">\r\n {(['info', 'security', 'roles', 'sessions', 'activity', 'history', 'groups', 'tenants', 'applications'] as const).map((tab, i) => (\r\n <button\r\n key={tab}\r\n className={`px-3 py-2.5 text-xs font-medium border-b-2 flex items-center gap-1.5 flex-shrink-0 transition-colors ${\r\n i === 0\r\n ? 'border-[var(--color-primary-600)] text-[var(--color-primary-600)]'\r\n : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)]'\r\n }`}\r\n >\r\n {tab === 'info' && <Users className=\"w-3 h-3\" />}\r\n {tab === 'security' && <Lock className=\"w-3 h-3\" />}\r\n {tab === 'roles' && <Shield className=\"w-3 h-3\" />}\r\n {tab === 'sessions' && <Monitor className=\"w-3 h-3\" />}\r\n {tab === 'activity' && <Activity className=\"w-3 h-3\" />}\r\n {tab === 'history' && <History className=\"w-3 h-3\" />}\r\n {tab === 'groups' && <Users className=\"w-3 h-3\" />}\r\n {tab === 'tenants' && <LayoutGrid className=\"w-3 h-3\" />}\r\n {tab === 'applications' && <Zap className=\"w-3 h-3\" />}\r\n {t(`detailView.tabs.${tab}`)}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n <Annotation>{t('detailAnnotations.tabs')}</Annotation>\r\n\r\n {/* Info tab content preview */}\r\n <div className=\"p-4\">\r\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n {/* Profile */}\r\n <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.infoSection')}</h4>\r\n <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.lastLogin')}</span><span>02/03/2026 09:14</span></div>\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.memberSince')}</span><span>12/01/2025</span></div>\r\n </div>\r\n </div>\r\n {/* Organization */}\r\n <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.orgSection')}</h4>\r\n <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.department')}</span><span>IT</span></div>\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.jobTitle')}</span><span>Lead Dev</span></div>\r\n <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.company')}</span><span>Acme Corp</span></div>\r\n </div>\r\n </div>\r\n {/* Contact */}\r\n <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.contactSection')}</h4>\r\n <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n <div className=\"flex items-center gap-1.5\"><Smartphone className=\"w-3 h-3 text-[var(--text-tertiary)]\" /><span>+41 79 123 45 67</span></div>\r\n <div className=\"flex items-center gap-1.5\"><Mail className=\"w-3 h-3 text-[var(--text-tertiary)]\" /><span>alice.martin@acme.com</span></div>\r\n </div>\r\n </div>\r\n </div>\r\n <Annotation>{t('detailAnnotations.infoTab')}</Annotation>\r\n <div className=\"mt-2\"><Annotation>{t('detailAnnotations.securityTab')}</Annotation></div>\r\n <div className=\"mt-2\"><Annotation>{t('detailAnnotations.rolesTab')}</Annotation></div>\r\n <div className=\"mt-2\"><Annotation>{t('detailAnnotations.sessionsTab')}</Annotation></div>\r\n <div className=\"mt-2\"><Annotation>{t('detailAnnotations.historyTab')}</Annotation></div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 6: USE CASES */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">6</span>\r\n {t('sections.useCases')}\r\n </h2>\r\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n {(['uc1', 'uc2', 'uc3'] as const).map(uc => (\r\n <div key={uc} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n <div className=\"flex items-start gap-2 mb-3\">\r\n <div className=\"w-6 h-6 rounded-full bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)] flex items-center justify-center text-xs font-bold flex-shrink-0\">\r\n {uc.slice(2)}\r\n </div>\r\n <div>\r\n <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`useCases.${uc}.title`)}</h3>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t(`useCases.${uc}.role`)}</p>\r\n </div>\r\n </div>\r\n <ol className=\"space-y-1.5\">\r\n {(t(`useCases.${uc}.steps`, { returnObjects: true }) as string[]).map((step, i) => (\r\n <li key={`step-${i}`} className=\"flex items-start gap-2 text-xs text-[var(--text-secondary)]\">\r\n <span className=\"w-4 h-4 rounded-full bg-[var(--bg-secondary)] text-[var(--text-tertiary)] flex items-center justify-center text-[10px] font-medium flex-shrink-0 mt-0.5\">{i + 1}</span>\r\n <span>{step}</span>\r\n </li>\r\n ))}\r\n </ol>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 7: FEATURES */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">7</span>\r\n {t('sections.features')}\r\n </h2>\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n {(['f1', 'f2', 'f3', 'f4', 'f5'] as const).map(f => (\r\n <div key={f} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n <div className=\"flex items-center gap-2 mb-2\">\r\n <div className=\"w-6 h-6 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center\">\r\n <Zap className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n </div>\r\n <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`features.${f}.title`)}</h3>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-secondary)] mb-2\">{t(`features.${f}.desc`)}</p>\r\n <div className=\"px-3 py-2 rounded-md bg-[var(--bg-secondary)] border border-[var(--border-color)]\">\r\n <p className=\"text-xs text-[var(--text-tertiary)] italic\">{t(`features.${f}.example`)}</p>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 8: FAQ */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">8</span>\r\n {t('sections.faq')}\r\n </h2>\r\n <div className=\"space-y-3\">\r\n {(['q1', 'q2', 'q3', 'q4', 'q5'] as const).map(q => (\r\n <div key={q} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n <div className=\"flex items-start gap-2 mb-2\">\r\n <HelpCircle className=\"w-4 h-4 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5\" />\r\n <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`faq.${q}`)}</h3>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-secondary)] ml-6\">{t(`faq.${q.replace('q', 'a')}`)}</p>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 9: TECHNICAL REFERENCE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">9</span>\r\n {t('sections.techRef')}\r\n </h2>\r\n\r\n <button\r\n onClick={() => setShowTechRef(v => !v)}\r\n className=\"flex items-center gap-2 px-4 py-2.5 text-sm font-medium rounded-lg border border-[var(--border-color)] bg-[var(--bg-card)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] transition-colors w-full\"\r\n >\r\n <ChevronDown className={`w-4 h-4 transition-transform ${showTechRef ? 'rotate-180' : ''}`} />\r\n {showTechRef ? t('techRef.hideBtn') : t('techRef.showBtn')}\r\n </button>\r\n\r\n {showTechRef && (\r\n <div className=\"mt-3 space-y-4\">\r\n {/* Business rules */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]\">\r\n <div className=\"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h3 className=\"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2\">\r\n <Shield className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n {t('techRef.rulesTitle')}\r\n </h3>\r\n </div>\r\n <div className=\"divide-y divide-[var(--border-color)]\">\r\n {businessRules.map(rule => (\r\n <div key={rule.id} className=\"px-4 py-2.5 flex items-start gap-3\">\r\n <span className=\"text-[10px] font-mono font-bold text-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10 px-1.5 py-0.5 rounded flex-shrink-0 mt-0.5\">{rule.id}</span>\r\n <div className=\"flex-1 min-w-0\">\r\n <p className=\"text-xs text-[var(--text-secondary)]\">{t(rule.key)}</p>\r\n <span className=\"text-[10px] text-[var(--text-tertiary)]\">{rule.category}</span>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n {/* API Endpoints */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]\">\r\n <div className=\"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <h3 className=\"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2\">\r\n <CheckCircle className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n {t('techRef.endpointsTitle')}\r\n </h3>\r\n </div>\r\n <div className=\"divide-y divide-[var(--border-color)]\">\r\n {apiEndpoints.map((ep, i) => (\r\n <div key={`ep-${ep.method}-${i}`} className=\"px-4 py-2 flex items-center gap-3 flex-wrap\">\r\n <span className={`text-[10px] font-bold px-1.5 py-0.5 rounded border font-mono w-14 text-center flex-shrink-0 ${methodColors[ep.method]}`}>\r\n {ep.method}\r\n </span>\r\n <span className=\"text-xs font-mono text-[var(--text-primary)] flex-1 truncate\">{ep.path}</span>\r\n <span className=\"text-[10px] text-[var(--text-tertiary)] font-mono hidden md:inline\">{ep.permission}</span>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </section>\r\n\r\n </div>\r\n );\r\n}\r\n"],"names":["mockUsers","mockStats","sourceColors","methodColors","apiEndpoints","businessRules","MockAvatar","name","size","initials","n","sizeClass","Annotation","children","jsxs","jsx","Info","UsersDocPage","t","useTranslation","showTechRef","setShowTechRef","useState","Link","ArrowLeft","Users","Target","Lightbulb","ChevronRight","LayoutList","LayoutGrid","Columns","Plus","Search","Filter","ChevronDown","ArrowUpDown","k","user","Cloud","Mail","role","Shield","Eye","Edit2","UserX","UserCheck","Trash2","p","MoreHorizontal","Key","tab","Lock","Monitor","Activity","History","Zap","Smartphone","uc","step","i","f","q","HelpCircle","v","rule","CheckCircle","ep"],"mappings":"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"}