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-ASxPhrgZ.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index-ASxPhrgZ.cjs","sources":["../src/pages/docs/business/platform/administration/users/dashboard/index.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n ArrowLeft,\r\n ArrowRight,\r\n Users,\r\n UserCheck,\r\n UserX,\r\n UserPlus,\r\n Activity,\r\n AlertTriangle,\r\n Key,\r\n Shield,\r\n TrendingUp,\r\n RefreshCw,\r\n Clock,\r\n Globe,\r\n Monitor,\r\n Info,\r\n Code2,\r\n ChevronRight,\r\n HelpCircle,\r\n Zap,\r\n Target,\r\n Lightbulb,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual AdminDashboardPage ───────────────────────────────\r\n\r\nconst mockOverview = {\r\n totalUsers: 248,\r\n activeUsers: 211,\r\n inactiveUsers: 37,\r\n newUsers: 18,\r\n totalSessions: 1_342,\r\n failedLogins: 7,\r\n totalRoles: 6,\r\n totalPermissions: 42,\r\n usersLoggedInRecently: 94,\r\n};\r\n\r\nconst mockStatusData = [\r\n { status: 'Active', count: 211 },\r\n { status: 'Inactive', count: 37 },\r\n];\r\n\r\nconst mockRoleData = [\r\n { roleName: 'Administrator', count: 12 },\r\n { roleName: 'Support Agent', count: 78 },\r\n { roleName: 'Manager', count: 31 },\r\n { roleName: 'Viewer', count: 90 },\r\n { roleName: 'Developer', count: 37 },\r\n];\r\n\r\nconst mockSecurityAlerts = [\r\n { userId: '1', fullName: 'Thomas Müller', email: 'thomas.muller@example.com', failedAttempts: 8, ipAddresses: ['192.168.1.1', '10.0.0.5', '172.16.0.2'] },\r\n { userId: '2', fullName: 'Sarah Connor', email: 'sarah.c@example.com', failedAttempts: 5, ipAddresses: ['203.0.113.42'] },\r\n];\r\n\r\nconst mockLatestSessions = [\r\n { userId: '3', fullName: 'Alice Martin', duration: '2h 14m' },\r\n { userId: '4', fullName: 'Jean Dupont', duration: '47m' },\r\n { userId: '5', fullName: 'Maria Rossi', duration: '1h 32m' },\r\n { userId: '6', fullName: 'Hans Scherer', duration: '23m' },\r\n { userId: '7', fullName: 'Emma Wilson', duration: '3h 05m' },\r\n];\r\n\r\nconst mockSessionStats = {\r\n totalActiveSessions: 23,\r\n byBrowser: [\r\n { browser: 'Chrome', count: 14 },\r\n { browser: 'Firefox', count: 5 },\r\n { browser: 'Edge', count: 3 },\r\n { browser: 'Safari', count: 1 },\r\n ],\r\n byCountry: [\r\n { country: 'Switzerland', count: 11 },\r\n { country: 'France', count: 7 },\r\n { country: 'Germany', count: 4 },\r\n { country: 'Italy', count: 1 },\r\n ],\r\n};\r\n\r\nconst mockTrends = Array.from({ length: 14 }, (_, i) => ({\r\n date: new Date(Date.now() - (13 - i) * 86400000).toISOString(),\r\n newUsers: Math.floor(Math.random() * 5),\r\n logins: Math.floor(Math.random() * 40 + 20),\r\n}));\r\n\r\nconst mockDeviceData = [\r\n { label: 'Desktop', value: 67, color: '#3b82f6' },\r\n { label: 'Mobile', value: 24, color: '#22c55e' },\r\n { label: 'Tablet', value: 9, color: '#f59e0b' },\r\n];\r\n\r\nconst apiEndpoints = [\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/overview', handler: 'GetOverview', permission: 'administration.users.read', params: '?days=30' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/by-status', handler: 'GetByStatus', permission: 'administration.users.read', params: '' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/by-role', handler: 'GetByRole', permission: 'administration.users.read', params: '' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/by-type', handler: 'GetByType', permission: 'administration.users.read', params: '' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/login-activity', handler: 'GetLoginActivity', permission: 'administration.users.read', params: '?days=30' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/trends', handler: 'GetTrends', permission: 'administration.users.read', params: '?days=30' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/recent-users', handler: 'GetRecentUsers', permission: 'administration.users.read', params: '?limit=10' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/security-alerts', handler: 'GetSecurityAlerts', permission: 'administration.users.read', params: '?threshold=3&hours=24' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/active-sessions', handler: 'GetActiveSessionsStats', permission: 'administration.users.read', params: '' },\r\n { method: 'GET' as const, path: '/api/administration/users/dashboard/latest-active-sessions', handler: 'GetLatestActiveSessions', permission: 'administration.users.read', params: '?limit=5' },\r\n];\r\n\r\nconst businessRules = [\r\n { id: 'BR-001', category: 'Sécurité', key: 'techRef.rules.br001' },\r\n { id: 'BR-002', category: 'UI / UX', key: 'techRef.rules.br002' },\r\n { id: 'BR-003', category: 'Période', key: 'techRef.rules.br003' },\r\n { id: 'BR-004', category: 'Navigation', key: 'techRef.rules.br004' },\r\n { id: 'BR-005', category: 'Performance', key: 'techRef.rules.br005' },\r\n { id: 'BR-006', category: 'Accès', key: 'techRef.rules.br006' },\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 DELETE: 'bg-red-500/10 text-red-700 border-red-500/20',\r\n};\r\n\r\nconst statusColors: Record<string, string> = {\r\n Active: '#22c55e',\r\n Inactive: '#ef4444',\r\n};\r\n\r\nconst roleBarColors = ['#3b82f6', '#8b5cf6', '#22c55e', '#f59e0b', '#ef4444'];\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 UsersDashboardDocPage() {\r\n const { t } = useTranslation('docsAdministrationUsersDashboard');\r\n const [showTechRef, setShowTechRef] = useState(false);\r\n\r\n const totalStatus = mockStatusData.reduce((s, d) => s + d.count, 0);\r\n const maxRoleCount = Math.max(...mockRoleData.map((r) => r.count), 1);\r\n const maxTrend = Math.max(...mockTrends.flatMap((d) => [d.newUsers, d.logins]), 1);\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/administration/users\"\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>6 {t('header.businessRules')}</span>\r\n <span>·</span>\r\n <span>10 {t('header.apiEndpoints')}</span>\r\n <span>·</span>\r\n <span>5 {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-green-500/10 text-green-700 font-medium\">Users</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/dashboard\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: DASHBOARD MOCK UI */}\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.dashboard')}\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\r\n {/* ── Dashboard Header ─────────────────────────────────────────────── */}\r\n <div className=\"px-4 py-3 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 flex items-center gap-2 text-[var(--text-primary)]\">\r\n <Users className=\"h-4 w-4\" />\r\n {t('dashboard.pageTitle')}\r\n </h3>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t('dashboard.pageSubtitle')}</p>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <select className=\"px-2 py-1 text-xs border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg text-[var(--text-secondary)]\">\r\n <option>{t('dashboard.days7')}</option>\r\n <option selected>{t('dashboard.days30')}</option>\r\n <option>{t('dashboard.days90')}</option>\r\n </select>\r\n <button className=\"flex items-center gap-1 px-2.5 py-1 text-xs border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg text-[var(--text-secondary)]\">\r\n <RefreshCw className=\"w-3 h-3\" />\r\n {t('dashboard.refresh')}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* ── KPI Cards ────────────────────────────────────────────────────── */}\r\n <div className=\"p-4\">\r\n <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3\">\r\n <div className=\"p-3 rounded-lg border bg-[var(--info-bg)] border-[var(--info-border)]\">\r\n <div className=\"flex items-center justify-between mb-1\">\r\n <span className=\"text-xs text-[var(--info-text)] opacity-80\">{t('dashboard.kpi.totalUsers')}</span>\r\n <Users className=\"h-4 w-4 text-[var(--info-text)]\" />\r\n </div>\r\n <div className=\"text-2xl font-bold text-[var(--info-text)]\">{mockOverview.totalUsers}</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=\"flex items-center justify-between mb-1\">\r\n <span className=\"text-xs text-[var(--success-text)] opacity-80\">{t('dashboard.kpi.active')}</span>\r\n <UserCheck className=\"h-4 w-4 text-[var(--success-text)]\" />\r\n </div>\r\n <div className=\"text-2xl font-bold text-[var(--success-text)]\">{mockOverview.activeUsers}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-[var(--error-bg)] border-[var(--error-border)]\">\r\n <div className=\"flex items-center justify-between mb-1\">\r\n <span className=\"text-xs text-[var(--error-text)] opacity-80\">{t('dashboard.kpi.inactive')}</span>\r\n <UserX className=\"h-4 w-4 text-[var(--error-text)]\" />\r\n </div>\r\n <div className=\"text-2xl font-bold text-[var(--error-text)]\">{mockOverview.inactiveUsers}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-[var(--info-bg)] border-[var(--info-border)]\">\r\n <div className=\"flex items-center justify-between mb-1\">\r\n <span className=\"text-xs text-[var(--info-text)] opacity-80\">{t('dashboard.kpi.newUsers')}</span>\r\n <UserPlus className=\"h-4 w-4 text-[var(--info-text)]\" />\r\n </div>\r\n <div className=\"text-2xl font-bold text-[var(--info-text)]\">{mockOverview.newUsers}</div>\r\n <div className=\"text-xs text-[var(--info-text)] opacity-60 mt-0.5\">{t('dashboard.kpiPeriod')}</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=\"flex items-center justify-between mb-1\">\r\n <span className=\"text-xs text-[var(--success-text)] opacity-80\">{t('dashboard.kpi.sessions')}</span>\r\n <Activity className=\"h-4 w-4 text-[var(--success-text)]\" />\r\n </div>\r\n <div className=\"text-2xl font-bold text-[var(--success-text)]\">{mockOverview.totalSessions.toLocaleString()}</div>\r\n <div className=\"text-xs text-[var(--success-text)] opacity-60 mt-0.5\">{t('dashboard.kpiPeriod')}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg border bg-[var(--warning-bg)] border-[var(--warning-border)]\">\r\n <div className=\"flex items-center justify-between mb-1\">\r\n <span className=\"text-xs text-[var(--warning-text)] opacity-80\">{t('dashboard.kpi.failedLogins')}</span>\r\n <AlertTriangle className=\"h-4 w-4 text-[var(--warning-text)]\" />\r\n </div>\r\n <div className=\"text-2xl font-bold text-[var(--warning-text)]\">{mockOverview.failedLogins}</div>\r\n <div className=\"text-xs text-[var(--warning-text)] opacity-60 mt-0.5\">{t('dashboard.kpiPeriod')}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* ── Security Alerts ──────────────────────────────────────────────── */}\r\n <div className=\"px-4 pb-4\">\r\n <div className=\"p-3 border-l-4 border-red-500 bg-red-50 dark:bg-red-900/20 rounded-lg\">\r\n <h4 className=\"font-semibold text-red-600 flex items-center gap-2 mb-2 text-sm\">\r\n <AlertTriangle className=\"w-4 h-4\" />\r\n {t('dashboard.securityAlerts.title')} ({mockSecurityAlerts.length})\r\n </h4>\r\n <div className=\"space-y-2\">\r\n {mockSecurityAlerts.map((alert) => (\r\n <div key={alert.userId} className=\"flex items-center justify-between p-2 bg-red-50/80 dark:bg-red-900/30 rounded border border-red-200/50 cursor-pointer\">\r\n <div>\r\n <span className=\"text-xs font-medium text-[var(--text-primary)]\">{alert.fullName}</span>\r\n <span className=\"ml-2 text-xs text-[var(--text-secondary)]\">{alert.email}</span>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"text-xs text-red-600 font-medium\">{alert.failedAttempts} {t('dashboard.securityAlerts.failedAttempts')}</span>\r\n <span className=\"text-xs text-[var(--text-secondary)]\">{alert.ipAddresses.length} {t('dashboard.securityAlerts.ips')}</span>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* ── Status + Role Charts ─────────────────────────────────────────── */}\r\n <div className=\"px-4 pb-4 grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n {/* Status Distribution */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-3\">\r\n <h4 className=\"text-sm font-semibold mb-3 flex items-center gap-2 text-[var(--text-primary)]\">\r\n <UserCheck className=\"h-4 w-4\" />\r\n {t('dashboard.statusChart.title')}\r\n </h4>\r\n <div className=\"space-y-2\">\r\n {mockStatusData.map((item) => {\r\n const pct = totalStatus > 0 ? (item.count / totalStatus) * 100 : 0;\r\n return (\r\n <div key={item.status} className=\"flex items-center gap-2\">\r\n <div className=\"w-20 text-xs text-[var(--text-secondary)]\">\r\n {item.status === 'Active' ? t('dashboard.statusChart.active') : t('dashboard.statusChart.inactive')}\r\n </div>\r\n <div className=\"flex-1 h-5 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n <div\r\n className=\"h-full rounded-full\"\r\n style={{ width: `${pct}%`, backgroundColor: statusColors[item.status] }}\r\n />\r\n </div>\r\n <div className=\"w-16 text-right text-xs\">\r\n <span className=\"font-medium text-[var(--text-primary)]\">{item.count}</span>\r\n <span className=\"text-[var(--text-muted)] ml-1\">({pct.toFixed(0)}%)</span>\r\n </div>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n\r\n {/* Role Distribution */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-3\">\r\n <h4 className=\"text-sm font-semibold mb-3 flex items-center gap-2 text-[var(--text-primary)]\">\r\n <Key className=\"h-4 w-4\" />\r\n {t('dashboard.roleChart.title')}\r\n </h4>\r\n <div className=\"space-y-2\">\r\n {mockRoleData.map((item, idx) => {\r\n const pct = (item.count / maxRoleCount) * 100;\r\n return (\r\n <div key={item.roleName} className=\"flex items-center gap-2\">\r\n <div className=\"w-24 text-xs text-[var(--text-secondary)] truncate\">{item.roleName}</div>\r\n <div className=\"flex-1 h-5 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n <div\r\n className=\"h-full rounded-full\"\r\n style={{ width: `${pct}%`, backgroundColor: roleBarColors[idx % roleBarColors.length] }}\r\n />\r\n </div>\r\n <div className=\"w-8 text-right text-xs font-medium text-[var(--text-primary)]\">{item.count}</div>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* ── System Config + Active Sessions ─────────────────────────────── */}\r\n <div className=\"px-4 pb-4 grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n {/* System Config */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-3\">\r\n <h4 className=\"text-sm font-semibold mb-3 flex items-center gap-2 text-[var(--text-primary)]\">\r\n <Shield className=\"h-4 w-4\" />\r\n {t('dashboard.systemConfig.title')}\r\n </h4>\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n <div className=\"text-center p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n <div className=\"text-2xl font-bold text-purple-600\">{mockOverview.totalRoles}</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">{t('dashboard.systemConfig.roles')}</div>\r\n </div>\r\n <div className=\"text-center p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n <div className=\"text-2xl font-bold text-green-600\">{mockOverview.totalPermissions}</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">{t('dashboard.systemConfig.permissions')}</div>\r\n </div>\r\n <div className=\"text-center p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n <div className=\"text-2xl font-bold text-blue-600\">{mockOverview.usersLoggedInRecently}</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">{t('dashboard.systemConfig.recentLogins')}</div>\r\n </div>\r\n <div className=\"text-center p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n <div className=\"text-2xl font-bold text-orange-600\">{mockSessionStats.totalActiveSessions}</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">{t('dashboard.systemConfig.activeSessions')}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Active Sessions by Browser/Country */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-3\">\r\n <h4 className=\"text-sm font-semibold mb-3 flex items-center gap-2 text-[var(--text-primary)]\">\r\n <Monitor className=\"h-4 w-4\" />\r\n {t('dashboard.activeSessions.title')}\r\n </h4>\r\n <div className=\"grid grid-cols-2 gap-4\">\r\n <div>\r\n <h5 className=\"text-xs font-medium text-[var(--text-secondary)] mb-2\">{t('dashboard.activeSessions.byBrowser')}</h5>\r\n <div className=\"space-y-1.5\">\r\n {mockSessionStats.byBrowser.map((item) => (\r\n <div key={item.browser} className=\"flex items-center justify-between text-xs\">\r\n <span className=\"text-[var(--text-primary)]\">{item.browser}</span>\r\n <span className=\"font-medium text-[var(--text-primary)]\">{item.count}</span>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n <div>\r\n <h5 className=\"text-xs font-medium text-[var(--text-secondary)] mb-2 flex items-center gap-1\">\r\n <Globe className=\"w-3 h-3\" />\r\n {t('dashboard.activeSessions.byCountry')}\r\n </h5>\r\n <div className=\"space-y-1.5\">\r\n {mockSessionStats.byCountry.map((item) => (\r\n <div key={item.country} className=\"flex items-center justify-between text-xs\">\r\n <span className=\"text-[var(--text-primary)]\">{item.country}</span>\r\n <span className=\"font-medium text-[var(--text-primary)]\">{item.count}</span>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* ── Device & Engagement ──────────────────────────────────────────── */}\r\n <div className=\"px-4 pb-4 grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n {/* Device Breakdown (simplified mock) */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-3\">\r\n <h4 className=\"text-sm font-semibold mb-3 flex items-center gap-2 text-[var(--text-primary)]\">\r\n <Monitor className=\"h-4 w-4\" />\r\n {t('dashboard.device.title')}\r\n </h4>\r\n <div className=\"space-y-2\">\r\n {mockDeviceData.map((item) => (\r\n <div key={item.label} className=\"flex items-center gap-2\">\r\n <div className=\"w-14 text-xs text-[var(--text-secondary)]\">{item.label}</div>\r\n <div className=\"flex-1 h-5 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n <div className=\"h-full rounded-full\" style={{ width: `${item.value}%`, backgroundColor: item.color }} />\r\n </div>\r\n <div className=\"w-8 text-right text-xs font-medium text-[var(--text-primary)]\">{item.value}%</div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n {/* Engagement Metrics (simplified mock) */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-3\">\r\n <h4 className=\"text-sm font-semibold mb-3 flex items-center gap-2 text-[var(--text-primary)]\">\r\n <Activity className=\"h-4 w-4\" />\r\n {t('dashboard.engagement.title')}\r\n </h4>\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n {[\r\n { label: 'Durée moy.', value: '18m 32s', color: 'text-blue-600' },\r\n { label: 'Rétention', value: '73%', color: 'text-green-600' },\r\n { label: 'Fréquence', value: '4.2×/sem', color: 'text-purple-600' },\r\n { label: 'Rebond', value: '12%', color: 'text-orange-600' },\r\n ].map((metric) => (\r\n <div key={metric.label} className=\"text-center p-2 bg-[var(--bg-secondary)] rounded-lg\">\r\n <div className={`text-lg font-bold ${metric.color}`}>{metric.value}</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">{metric.label}</div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* ── Trends Chart ─────────────────────────────────────────────────── */}\r\n <div className=\"px-4 pb-4\">\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-3\">\r\n <h4 className=\"text-sm font-semibold mb-3 flex items-center gap-2 text-[var(--text-primary)]\">\r\n <TrendingUp className=\"h-4 w-4\" />\r\n {t('dashboard.trends.title')} ({t('dashboard.trends.period')})\r\n </h4>\r\n <div className=\"flex items-center gap-4 mb-3\">\r\n <div className=\"flex items-center gap-1.5 text-xs\">\r\n <div className=\"w-3 h-3 rounded bg-blue-500\" />\r\n <span className=\"text-[var(--text-secondary)]\">{t('dashboard.trends.newUsers')}</span>\r\n </div>\r\n <div className=\"flex items-center gap-1.5 text-xs\">\r\n <div className=\"w-3 h-3 rounded bg-green-500\" />\r\n <span className=\"text-[var(--text-secondary)]\">{t('dashboard.trends.logins')}</span>\r\n </div>\r\n </div>\r\n <div className=\"h-24 flex items-end gap-0.5\">\r\n {mockTrends.map((item, i) => (\r\n <div key={i} className=\"flex-1 min-w-[8px] flex gap-px\">\r\n <div\r\n className=\"flex-1 bg-blue-500 rounded-t opacity-80\"\r\n style={{ height: `${(item.newUsers / maxTrend) * 100}%`, minHeight: item.newUsers > 0 ? '3px' : '0' }}\r\n />\r\n <div\r\n className=\"flex-1 bg-green-500 rounded-t opacity-80\"\r\n style={{ height: `${(item.logins / maxTrend) * 100}%`, minHeight: '3px' }}\r\n />\r\n </div>\r\n ))}\r\n </div>\r\n <div className=\"flex justify-between text-xs text-[var(--text-muted)] mt-1\">\r\n <span>{new Date(mockTrends[0].date).toLocaleDateString('fr-FR')}</span>\r\n <span>{new Date(mockTrends[mockTrends.length - 1].date).toLocaleDateString('fr-FR')}</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* ── Latest Active Sessions ───────────────────────────────────────── */}\r\n <div className=\"px-4 pb-4\">\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n <div className=\"px-3 py-2.5 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center gap-2\">\r\n <Clock className=\"h-4 w-4 text-[var(--text-secondary)]\" />\r\n <h4 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t('dashboard.latestSessions.title')}</h4>\r\n </div>\r\n <table className=\"w-full text-xs\">\r\n <thead className=\"bg-[var(--bg-secondary)]\">\r\n <tr>\r\n <th className=\"text-left px-3 py-2 font-medium text-[var(--text-muted)]\">{t('dashboard.latestSessions.user')}</th>\r\n <th className=\"text-right px-3 py-2 font-medium text-[var(--text-muted)]\">{t('dashboard.latestSessions.duration')}</th>\r\n </tr>\r\n </thead>\r\n <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n {mockLatestSessions.map((session) => (\r\n <tr key={session.userId} className=\"hover:bg-[var(--bg-secondary)] cursor-pointer transition-colors\">\r\n <td className=\"px-3 py-2 font-medium text-[var(--text-primary)]\">{session.fullName}</td>\r\n <td className=\"px-3 py-2 text-right\">\r\n <span className=\"px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400\">\r\n {session.duration}\r\n </span>\r\n </td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <Annotation>{t('dashboard.annotations.header')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.kpis')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.securityAlerts')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.statusChart')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.roleChart')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.systemConfig')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.activeSessions')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.device')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.engagement')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.trends')}</Annotation>\r\n <Annotation>{t('dashboard.annotations.latestSessions')}</Annotation>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 4: USE CASES */}\r\n {/* ══════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4 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.useCases')}\r\n </h2>\r\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n {[1, 2, 3].map((i) => (\r\n <div key={i} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n <div className=\"text-xs font-semibold text-[var(--color-primary-600)] uppercase tracking-wide mb-1\">\r\n {t(`useCases.${i}.persona`)}\r\n </div>\r\n <p className=\"text-sm font-medium mb-2\">{t(`useCases.${i}.situation`)}</p>\r\n <div className=\"pt-2 border-t border-[var(--border-color)]\">\r\n <p className=\"text-xs text-[var(--text-muted)]\">\r\n <span className=\"font-medium text-green-600\">{t('useCases.withLabel')} </span>\r\n {t(`useCases.${i}.outcome`)}\r\n </p>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 5: FEATURES */}\r\n {/* ══════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4 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.features')}\r\n </h2>\r\n <div className=\"space-y-3\">\r\n {[1, 2, 3, 4, 5].map((i) => (\r\n <div key={i} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)] flex gap-4\">\r\n <div className=\"p-2 rounded-lg bg-[var(--color-primary-600)]/10 flex-shrink-0 h-fit\">\r\n <Zap className=\"h-4 w-4 text-[var(--color-primary-600)]\" />\r\n </div>\r\n <div>\r\n <h3 className=\"text-sm font-semibold mb-1\">{t(`features.${i}.title`)}</h3>\r\n <p className=\"text-xs text-[var(--text-muted)] mb-2\">{t(`features.${i}.desc`)}</p>\r\n <div className=\"px-3 py-1.5 rounded-md bg-[var(--bg-secondary)] text-xs\">\r\n <span className=\"font-medium text-[var(--color-primary-600)]\">Ex. </span>\r\n {t(`features.${i}.example`)}\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 6: FAQ */}\r\n {/* ══════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4 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.faq')}\r\n </h2>\r\n <div className=\"space-y-3\">\r\n {[1, 2, 3, 4, 5].map((i) => (\r\n <div key={i} 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=\"h-4 w-4 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5\" />\r\n <h3 className=\"text-sm font-medium\">{t(`faq.${i}.question`)}</h3>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-muted)] pl-6\">{t(`faq.${i}.answer`)}</p>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 7: TECHNICAL REFERENCE (collapsible) */}\r\n {/* ══════════════════════════════════════════════════════════════════════ */}\r\n <section>\r\n <button\r\n onClick={() => setShowTechRef(!showTechRef)}\r\n className=\"w-full flex items-center justify-between p-4 rounded-lg border border-[var(--border-color)] bg-[var(--bg-card)] hover:bg-[var(--bg-secondary)] transition-colors\"\r\n >\r\n <div className=\"flex items-center gap-2\">\r\n <Code2 className=\"h-4 w-4 text-[var(--text-muted)]\" />\r\n <span className=\"text-sm font-semibold\">{t('sections.techRef')}</span>\r\n </div>\r\n <ChevronRight className={`h-4 w-4 text-[var(--text-muted)] transition-transform ${showTechRef ? 'rotate-90' : ''}`} />\r\n </button>\r\n\r\n {showTechRef && (\r\n <div className=\"mt-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-card)] divide-y divide-[var(--border-color)]\">\r\n\r\n {/* Business Rules */}\r\n <div className=\"p-4\">\r\n <h3 className=\"text-sm font-semibold mb-3\">{t('techRef.rulesTitle')}</h3>\r\n <div className=\"space-y-2\">\r\n {businessRules.map((rule) => (\r\n <div key={rule.id} className=\"p-3 rounded-lg bg-[var(--bg-secondary)] text-xs\">\r\n <div className=\"flex items-center gap-2 mb-1\">\r\n <span className=\"font-mono text-[var(--color-primary-600)]\">{rule.id}</span>\r\n <span className=\"px-1.5 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]\">{rule.category}</span>\r\n </div>\r\n <p className=\"text-[var(--text-muted)]\">{t(rule.key)}</p>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n {/* Permissions */}\r\n <div className=\"p-4\">\r\n <h3 className=\"text-sm font-semibold mb-3\">{t('techRef.permissionsTitle')}</h3>\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-xs\">\r\n <thead>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <th className=\"text-left py-2 px-2 text-[var(--text-muted)] font-medium\">Permission</th>\r\n <th className=\"text-left py-2 px-2 text-[var(--text-muted)] font-medium\">Description</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-2 px-2 font-mono text-[var(--color-primary-600)]\">administration.users.read</td>\r\n <td className=\"py-2 px-2 text-[var(--text-muted)]\">{t('techRef.perms.read')}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n\r\n {/* API Endpoints */}\r\n <div className=\"p-4\">\r\n <h3 className=\"text-sm font-semibold mb-3\">{t('techRef.endpointsTitle')}</h3>\r\n <div className=\"space-y-2\">\r\n {apiEndpoints.map((ep, i) => (\r\n <div key={i} className=\"p-2.5 rounded-lg bg-[var(--bg-secondary)] text-xs\">\r\n <div className=\"flex items-center gap-2 mb-0.5\">\r\n <span className={`font-bold px-1.5 py-0.5 rounded border text-xs ${methodColors[ep.method]}`}>\r\n {ep.method}\r\n </span>\r\n <code className=\"text-[var(--text-primary)]\">{ep.path}{ep.params}</code>\r\n </div>\r\n <div className=\"text-[var(--text-muted)] pl-1\">\r\n {ep.handler} · <span className=\"font-mono\">{ep.permission}</span>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n </div>\r\n )}\r\n </section>\r\n\r\n {/* Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/docs/business/administration/users\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors text-sm\"\r\n >\r\n <ArrowLeft className=\"w-4 h-4\" />\r\n {t('nav.backToAdmin')}\r\n </Link>\r\n <Link\r\n to=\"/docs/business/administration/permissions\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline text-sm\"\r\n >\r\n {t('nav.toUsersList')}\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n\r\n </div>\r\n );\r\n}\r\n"],"names":["mockOverview","mockStatusData","mockRoleData","mockSecurityAlerts","mockLatestSessions","mockSessionStats","mockTrends","_","mockDeviceData","apiEndpoints","businessRules","methodColors","statusColors","roleBarColors","Annotation","children","jsxs","jsx","Info","UsersDashboardDocPage","t","useTranslation","showTechRef","setShowTechRef","useState","totalStatus","s","maxRoleCount","maxTrend","d","Link","ArrowLeft","Users","Target","Lightbulb","ChevronRight","RefreshCw","UserCheck","UserX","UserPlus","Activity","AlertTriangle","alert","item","pct","Key","idx","Shield","Monitor","Globe","metric","TrendingUp","i","Clock","session","Zap","HelpCircle","Code2","rule","ep","ArrowRight"],"mappings":"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"}

package/dist/index-B2rKKVDN.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index-B2rKKVDN.js","sources":["../src/pages/docs/business/platform/administration/tenants/template/index.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n ArrowLeft,\r\n LayoutTemplate,\r\n Target,\r\n Lightbulb,\r\n Users,\r\n Zap,\r\n Star,\r\n Plus,\r\n Building,\r\n User,\r\n Layers,\r\n FolderOpen,\r\n Boxes,\r\n ArrowRight,\r\n Settings2,\r\n Info,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual TenantsTemplatePage ───────────────────────────\r\n\r\nconst mockDefaultTemplates = [\r\n {\r\n type: 'Personal' as const,\r\n code: 'portail-client',\r\n isActive: true,\r\n applicationCount: 3,\r\n tenantCount: 14,\r\n },\r\n {\r\n type: 'Business' as const,\r\n code: 'espace-pro',\r\n isActive: true,\r\n applicationCount: 5,\r\n tenantCount: 8,\r\n },\r\n];\r\n\r\nconst mockDetailTabs = [\r\n { label: 'Information', active: true },\r\n { label: 'Applications', active: false },\r\n { label: 'Tenants', active: false },\r\n];\r\n\r\nconst mockApps = [\r\n { name: 'Administration', icon: '⚙️', accessLevel: 'Complet', modules: 8, sections: 12 },\r\n { name: 'Support', icon: '🎧', accessLevel: 'Personnalise', modules: 3, sections: 5 },\r\n { name: 'MySpace', icon: '👤', accessLevel: 'Complet', modules: 2, sections: 4 },\r\n];\r\n\r\nconst apiEndpoints = [\r\n { method: 'GET' as const, path: '/api/tenant-templates', handler: 'GetAll', permission: '...templates.read' },\r\n { method: 'GET' as const, path: '/api/tenant-templates/{id}', handler: 'GetById', permission: '...templates.read' },\r\n { method: 'POST' as const, path: '/api/tenant-templates', handler: 'Create', permission: '...templates.create' },\r\n { method: 'PUT' as const, path: '/api/tenant-templates/{id}', handler: 'Update', permission: '...templates.update' },\r\n { method: 'DELETE' as const, path: '/api/tenant-templates/{id}', handler: 'Delete', permission: '...templates.delete' },\r\n { method: 'POST' as const, path: '/api/tenant-templates/{id}/applications/{appId}', handler: 'AssignApplication', permission: '...templates.assign' },\r\n { method: 'DELETE' as const, path: '/api/tenant-templates/{id}/applications/{appId}', handler: 'RemoveApplication', permission: '...templates.assign' },\r\n { method: 'POST' as const, path: '/api/tenant-templates/{id}/applications/bulk', handler: 'BulkAssignApplications', permission: '...templates.assign' },\r\n { method: 'GET' as const, path: '/api/tenant-templates/{id}/applications', handler: 'GetApplications', permission: '...templates.read' },\r\n { method: 'GET' as const, path: '/api/tenant-templates/{id}/applications/available', handler: 'GetAvailableApplications', permission: '...templates.assign' },\r\n { method: 'PATCH' as const, path: '/api/tenant-templates/{id}/applications/{appId}/access-level', handler: 'UpdateAccessLevel', permission: '...templates.assign' },\r\n { method: 'GET' as const, path: '/api/tenant-templates/{id}/applications/{appId}/modules', handler: 'GetApplicationModules', permission: '...templates.read' },\r\n { method: 'PUT' as const, path: '/api/tenant-templates/{id}/applications/{appId}/modules', handler: 'UpdateApplicationModules', permission: '...templates.assign' },\r\n { method: 'GET' as const, path: '/api/tenant-templates/{id}/tenants', handler: 'GetTenants', permission: '...templates.read' },\r\n];\r\n\r\nconst permissions = [\r\n { path: 'administration.tenants.templates.read', description: 'Consulter les templates' },\r\n { path: 'administration.tenants.templates.create', description: 'Creer un template' },\r\n { path: 'administration.tenants.templates.update', description: 'Modifier un template' },\r\n { path: 'administration.tenants.templates.delete', description: 'Supprimer un template' },\r\n { path: 'administration.tenants.templates.assign', description: 'Gerer les applications assignees' },\r\n];\r\n\r\n// ── Annotation helper ────────────────────────────────────────────────────────\r\n\r\nfunction Annotation({ text }: { text: string }) {\r\n return (\r\n <div className=\"flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400\">\r\n <Info className=\"w-4 h-4 mt-0.5 flex-shrink-0\" />\r\n <span>{text}</span>\r\n </div>\r\n );\r\n}\r\n\r\n// ── Component ────────────────────────────────────────────────────────────────\r\n\r\nexport default function TenantTemplatesDocPage() {\r\n const { t } = useTranslation('docsAdministrationTenantsTemplate');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Back Navigation */}\r\n <Link\r\n to=\"/docs/business/administration/tenants\"\r\n className=\"inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors\"\r\n >\r\n <ArrowLeft className=\"w-4 h-4\" />\r\n {t('nav.backToTenants')}\r\n </Link>\r\n\r\n {/* Header */}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <LayoutTemplate className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n {t('title')}\r\n </h1>\r\n <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n {t('valueProposition')}\r\n </p>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n {t('subtitle')}\r\n </p>\r\n <div className=\"flex gap-4 mt-3 text-sm text-[var(--text-secondary)]\">\r\n <span>6 regles metier</span>\r\n <span>5 permissions</span>\r\n <span>14 endpoints API</span>\r\n </div>\r\n </div>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 1: VALEUR METIER */}\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n <section id=\"valeur\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n {t('sections.businessValue')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"mb-6\">\r\n <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n <Target className=\"w-5 h-5 text-red-500\" />\r\n {t('sections.problem')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">{t('problem')}</p>\r\n </div>\r\n\r\n <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n <h3 className=\"font-semibold mb-2 flex items-center gap-2 text-green-700\">\r\n <Lightbulb className=\"w-5 h-5\" />\r\n {t('sections.solution')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">{t('solution')}</p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 2: ACCES */}\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n <section id=\"acces\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n {t('sections.access')}\r\n </h2>\r\n\r\n <div className=\"card p-6 space-y-4\">\r\n <div>\r\n <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-2\">{t('access.navigation')}</div>\r\n <div className=\"flex items-center gap-2 text-sm flex-wrap\">\r\n <span className=\"px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium\">Platform</span>\r\n <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n <span className=\"px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium\">Administration</span>\r\n <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n <span className=\"px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium\">Tenants</span>\r\n <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n <span className=\"px-3 py-1.5 rounded-lg bg-orange-500/10 text-orange-600 font-medium\">Templates</span>\r\n </div>\r\n </div>\r\n <div>\r\n <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">URL</div>\r\n <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">/administration/tenants/template</code>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 3: INTERFACE OVERVIEW - MOCK UI with annotations */}\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n <section id=\"interface\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n {t('sections.interface')}\r\n </h2>\r\n\r\n <p className=\"text-[var(--text-secondary)] mb-4\">{t('interface.defaultDesc')}</p>\r\n\r\n {/* Mock page header */}\r\n <div className=\"card overflow-hidden mb-4\">\r\n <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3\">\r\n <span>Administration</span>\r\n <span>›</span>\r\n <span>Tenants</span>\r\n <span>›</span>\r\n <span className=\"text-[var(--text-primary)]\">{t('title')}</span>\r\n </div>\r\n <div className=\"flex items-center gap-3\">\r\n <Settings2 className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n <div>\r\n <h3 className=\"text-lg font-semibold\">{t('title')}</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('subtitle')}</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Two default template cards */}\r\n <div className=\"p-6 grid grid-cols-1 lg:grid-cols-2 gap-6\">\r\n {mockDefaultTemplates.map((tpl) => {\r\n const IconComponent = tpl.type === 'Personal' ? User : Building;\r\n return (\r\n <div\r\n key={tpl.type}\r\n className=\"p-6 border border-[var(--border-color)] rounded-lg bg-[var(--bg-card)] hover:border-[var(--color-primary-600)] transition-all duration-200 shadow-sm\"\r\n >\r\n <div className=\"space-y-4\">\r\n {/* Header */}\r\n <div className=\"flex items-start justify-between gap-3\">\r\n <div className=\"flex items-center gap-3\">\r\n <div className=\"p-2.5 rounded-lg bg-[var(--bg-secondary)]\">\r\n <IconComponent className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n </div>\r\n <div className=\"min-w-0 flex-1\">\r\n <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">\r\n {t(tpl.type === 'Personal' ? 'interface.personalTitle' : 'interface.businessTitle')}\r\n </h3>\r\n <p className=\"text-sm text-[var(--text-tertiary)] font-mono\">{tpl.code}</p>\r\n </div>\r\n </div>\r\n <span className=\"flex items-center gap-1 px-2.5 py-1 rounded-full text-xs bg-amber-500/10 text-amber-600 flex-shrink-0\">\r\n <Star className=\"w-3 h-3\" />\r\n {t('interface.default')}\r\n </span>\r\n </div>\r\n\r\n {/* Description */}\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t(tpl.type === 'Personal' ? 'interface.personalDescription' : 'interface.businessDescription')}\r\n </p>\r\n\r\n {/* Status badge */}\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"px-2 py-0.5 rounded text-xs bg-green-500/10 text-green-600\">\r\n {t('interface.active')}\r\n </span>\r\n </div>\r\n\r\n {/* Stats Grid */}\r\n <div className=\"grid grid-cols-2 gap-3 pt-2\">\r\n <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-2 mb-1\">\r\n <Boxes className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-xs text-[var(--text-tertiary)]\">{t('interface.applications')}</span>\r\n </div>\r\n <div className=\"text-lg font-bold text-[var(--text-primary)]\">{tpl.applicationCount}</div>\r\n </div>\r\n <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-2 mb-1\">\r\n <Users className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-xs text-[var(--text-tertiary)]\">{t('interface.tenants')}</span>\r\n </div>\r\n <div className=\"text-lg font-bold text-[var(--text-primary)]\">{tpl.tenantCount}</div>\r\n </div>\r\n </div>\r\n\r\n {/* CTA Button */}\r\n <button className=\"w-full mt-2 py-2 px-3 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center justify-center gap-2 opacity-80\">\r\n {t('interface.configure')}\r\n <ArrowRight className=\"w-3.5 h-3.5\" />\r\n </button>\r\n </div>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n\r\n {/* Annotations explaining each element of the card */}\r\n <div className=\"space-y-2\">\r\n <Annotation text={t('interface.annotations.icon')} />\r\n <Annotation text={t('interface.annotations.title')} />\r\n <Annotation text={t('interface.annotations.code')} />\r\n <Annotation text={t('interface.annotations.defaultBadge')} />\r\n <Annotation text={t('interface.annotations.description')} />\r\n <Annotation text={t('interface.annotations.status')} />\r\n <Annotation text={t('interface.annotations.statsApps')} />\r\n <Annotation text={t('interface.annotations.statsTenants')} />\r\n <Annotation text={t('interface.annotations.cta')} />\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 4: FORMULAIRE DE CREATION - MOCK UI with annotations */}\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n <section id=\"creation\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n {t('sections.createForm')}\r\n </h2>\r\n\r\n <p className=\"text-[var(--text-secondary)] mb-4\">{t('form.desc')}</p>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-6 bg-[var(--bg-secondary)]\">\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div>\r\n <label className=\"block text-sm font-medium mb-1\">Code *</label>\r\n <input\r\n type=\"text\"\r\n placeholder=\"portail-client\"\r\n value=\"starter-b2c\"\r\n readOnly\r\n className=\"w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\"\r\n />\r\n <p className=\"text-xs text-[var(--text-tertiary)] mt-1\">{t('form.codeHint')}</p>\r\n </div>\r\n <div>\r\n <label className=\"block text-sm font-medium mb-1\">{t('form.name')} *</label>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Starter B2C\"\r\n value=\"Starter B2C\"\r\n readOnly\r\n className=\"w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\"\r\n />\r\n </div>\r\n <div>\r\n <label className=\"block text-sm font-medium mb-1\">{t('form.targetType')} *</label>\r\n <select className=\"w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" disabled>\r\n <option>Personal (B2C)</option>\r\n <option>Business (B2B)</option>\r\n </select>\r\n </div>\r\n <div>\r\n <label className=\"block text-sm font-medium mb-1\">Description</label>\r\n <input\r\n type=\"text\"\r\n placeholder={t('form.descriptionPlaceholder')}\r\n value=\"Template de base pour les clients B2C\"\r\n readOnly\r\n className=\"w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-center gap-3 mt-6 pt-6 border-t border-[var(--border-color)]\">\r\n <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2 opacity-80\">\r\n <Plus className=\"w-4 h-4\" />\r\n {t('form.create')}\r\n </button>\r\n <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg opacity-80\">\r\n {t('form.cancel')}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Annotations explaining each form field */}\r\n <div className=\"space-y-2 mt-4\">\r\n <Annotation text={t('form.annotations.code')} />\r\n <Annotation text={t('form.annotations.name')} />\r\n <Annotation text={t('form.annotations.targetType')} />\r\n <Annotation text={t('form.annotations.description')} />\r\n <Annotation text={t('form.annotations.actions')} />\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 5: VUE DETAIL - MOCK UI with annotations */}\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n <section id=\"detail\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">5</span>\r\n {t('sections.detailView')}\r\n </h2>\r\n\r\n <p className=\"text-[var(--text-secondary)] mb-4\">{t('detail.desc')}</p>\r\n\r\n <div className=\"card overflow-hidden\">\r\n {/* Mock header */}\r\n <div className=\"p-4 border-b border-[var(--border-color)] flex items-center justify-between\">\r\n <div className=\"flex items-center gap-3\">\r\n <LayoutTemplate className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n <div>\r\n <h3 className=\"font-semibold flex items-center gap-2\">\r\n Espace Professionnel\r\n <Star className=\"w-4 h-4 text-yellow-500 fill-yellow-500\" />\r\n </h3>\r\n <span className=\"text-xs font-mono text-[var(--text-secondary)]\">espace-pro</span>\r\n </div>\r\n </div>\r\n <span className=\"px-2 py-1 text-xs rounded bg-purple-500/10 text-purple-600 flex items-center gap-1\">\r\n <Building className=\"w-3 h-3\" /> Business\r\n </span>\r\n </div>\r\n\r\n {/* Mock tabs */}\r\n <div className=\"border-b border-[var(--border-color)] flex\">\r\n {mockDetailTabs.map((tab) => (\r\n <button\r\n key={tab.label}\r\n className={`px-4 py-3 text-sm font-medium border-b-2 ${\r\n tab.active\r\n ? 'border-[var(--color-primary-600)] text-[var(--color-primary-600)]'\r\n : 'border-transparent text-[var(--text-secondary)]'\r\n }`}\r\n >\r\n {tab.label}\r\n </button>\r\n ))}\r\n </div>\r\n\r\n {/* Mock stats */}\r\n <div className=\"p-4 grid grid-cols-3 gap-4\">\r\n <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg text-center\">\r\n <Boxes className=\"w-5 h-5 mx-auto mb-1 text-[var(--color-primary-600)]\" />\r\n <div className=\"text-xl font-bold\">5</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">Applications</div>\r\n </div>\r\n <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg text-center\">\r\n <Layers className=\"w-5 h-5 mx-auto mb-1 text-[var(--color-primary-600)]\" />\r\n <div className=\"text-xl font-bold\">12</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">Modules</div>\r\n </div>\r\n <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg text-center\">\r\n <Users className=\"w-5 h-5 mx-auto mb-1 text-[var(--color-primary-600)]\" />\r\n <div className=\"text-xl font-bold\">8</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">Tenants</div>\r\n </div>\r\n </div>\r\n\r\n {/* Mock applications tab preview */}\r\n <div className=\"p-4 border-t border-[var(--border-color)]\">\r\n <h4 className=\"font-semibold mb-3 text-sm text-[var(--text-secondary)] uppercase tracking-wider\">{t('detail.applicationsAssigned')}</h4>\r\n <div className=\"space-y-2\">\r\n {mockApps.map((app) => (\r\n <div key={app.name} className=\"flex items-center justify-between p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n <div className=\"flex items-center gap-3\">\r\n <span className=\"text-lg\">{app.icon}</span>\r\n <div>\r\n <div className=\"font-medium text-sm\">{app.name}</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">\r\n {app.modules} modules, {app.sections} sections\r\n </div>\r\n </div>\r\n </div>\r\n <span className={`px-2 py-1 text-xs rounded ${\r\n app.accessLevel === 'Complet' ? 'bg-green-500/10 text-green-600' : 'bg-orange-500/10 text-orange-600'\r\n }`}>\r\n {app.accessLevel}\r\n </span>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Annotations explaining each area of the detail view */}\r\n <div className=\"space-y-2 mt-4\">\r\n <Annotation text={t('detail.annotations.header')} />\r\n <Annotation text={t('detail.annotations.tabs')} />\r\n <Annotation text={t('detail.annotations.stats')} />\r\n <Annotation text={t('detail.annotations.apps')} />\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 6: CAS D'USAGE */}\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n <section id=\"cas-usage\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">6</span>\r\n {t('sections.useCases')}\r\n </h2>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-center gap-3 mb-4\">\r\n <div className=\"w-12 h-12 rounded-full bg-blue-500/10 flex items-center justify-center\">\r\n <Users className=\"w-6 h-6 text-blue-600\" />\r\n </div>\r\n <div>\r\n <div className=\"font-semibold\">{t('useCases.1.persona')}</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">{t('useCases.1.role')}</div>\r\n </div>\r\n </div>\r\n <div className=\"space-y-3 text-sm\">\r\n <div>\r\n <span className=\"font-medium text-[var(--text-secondary)]\">Situation : </span>\r\n <span>{t('useCases.1.situation')}</span>\r\n </div>\r\n <div>\r\n <span className=\"font-medium text-green-600\">Avec les templates : </span>\r\n <span>{t('useCases.1.withFeature')}</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-center gap-3 mb-4\">\r\n <div className=\"w-12 h-12 rounded-full bg-purple-500/10 flex items-center justify-center\">\r\n <Users className=\"w-6 h-6 text-purple-600\" />\r\n </div>\r\n <div>\r\n <div className=\"font-semibold\">{t('useCases.2.persona')}</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">{t('useCases.2.role')}</div>\r\n </div>\r\n </div>\r\n <div className=\"space-y-3 text-sm\">\r\n <div>\r\n <span className=\"font-medium text-[var(--text-secondary)]\">Situation : </span>\r\n <span>{t('useCases.2.situation')}</span>\r\n </div>\r\n <div>\r\n <span className=\"font-medium text-green-600\">Avec les templates : </span>\r\n <span>{t('useCases.2.withFeature')}</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-center gap-3 mb-4\">\r\n <div className=\"w-12 h-12 rounded-full bg-green-500/10 flex items-center justify-center\">\r\n <Users className=\"w-6 h-6 text-green-600\" />\r\n </div>\r\n <div>\r\n <div className=\"font-semibold\">{t('useCases.3.persona')}</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">{t('useCases.3.role')}</div>\r\n </div>\r\n </div>\r\n <div className=\"space-y-3 text-sm\">\r\n <div>\r\n <span className=\"font-medium text-[var(--text-secondary)]\">Situation : </span>\r\n <span>{t('useCases.3.situation')}</span>\r\n </div>\r\n <div>\r\n <span className=\"font-medium text-green-600\">Avec les templates : </span>\r\n <span>{t('useCases.3.withFeature')}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 7: FONCTIONNALITES */}\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n <section id=\"fonctionnalites\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">7</span>\r\n {t('sections.features')}\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n {[1, 2, 3, 4, 5].map((i) => (\r\n <div key={i} className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0\">\r\n {i === 1 && <User className=\"w-6 h-6 text-[var(--color-primary-600)]\" />}\r\n {i === 2 && <Layers className=\"w-6 h-6 text-[var(--color-primary-600)]\" />}\r\n {i === 3 && <FolderOpen className=\"w-6 h-6 text-[var(--color-primary-600)]\" />}\r\n {i === 4 && <Star className=\"w-6 h-6 text-[var(--color-primary-600)]\" />}\r\n {i === 5 && <Zap className=\"w-6 h-6 text-[var(--color-primary-600)]\" />}\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t(`features.${i}.title`)}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">{t(`features.${i}.description`)}</p>\r\n <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)] text-sm\">\r\n <span className=\"font-medium text-[var(--color-primary-600)]\">Exemple : </span>\r\n {t(`features.${i}.example`)}\r\n </div>\r\n </div>\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 id=\"faq\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">8</span>\r\n {t('sections.faq')}\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n {[1, 2, 3, 4, 5].map((i) => (\r\n <div key={i} className=\"card p-4\">\r\n <h3 className=\"font-medium mb-2\">{t(`faq.${i}.question`)}</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t(`faq.${i}.answer`)}</p>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 9: REFERENCE TECHNIQUE (collapsible) */}\r\n {/* ══════════════════════════════════════════════════════════════════ */}\r\n <section id=\"reference\" className=\"scroll-mt-4\">\r\n <details className=\"card\">\r\n <summary className=\"p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm\">9</span>\r\n {t('sections.technicalRef')}\r\n </summary>\r\n <div className=\"p-4 pt-0 space-y-6\">\r\n {/* Business Rules */}\r\n <div>\r\n <h3 className=\"font-semibold mb-3\">{t('techRef.businessRules')}</h3>\r\n <div className=\"space-y-2\">\r\n {[\r\n { id: 'BR-001', name: 'Code kebab-case', category: 'Validation' },\r\n { id: 'BR-002', name: 'Code unique', category: 'Validation' },\r\n { id: 'BR-003', name: 'Longueur du code', category: 'Validation' },\r\n { id: 'BR-004', name: 'Default auto', category: 'Automatisation' },\r\n { id: 'BR-005', name: 'Suppression protegee', category: 'Integrite' },\r\n { id: 'BR-006', name: 'Navigation propagee', category: 'Comportement' },\r\n ].map((rule) => (\r\n <div key={rule.id} className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-2 mb-1\">\r\n <span className=\"text-xs font-mono text-[var(--color-primary-600)]\">{rule.id}</span>\r\n <span className=\"text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10\">{rule.category}</span>\r\n </div>\r\n <div className=\"font-medium text-sm\">{rule.name}</div>\r\n <p className=\"text-xs text-[var(--text-secondary)] mt-1\">{t(`techRef.rules.${rule.id}`)}</p>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n {/* Permissions */}\r\n <div>\r\n <h3 className=\"font-semibold mb-3\">Permissions</h3>\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-sm\">\r\n <thead>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <th className=\"text-left py-2 px-3\">Permission</th>\r\n <th className=\"text-left py-2 px-3\">Description</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {permissions.map((perm, index) => (\r\n <tr key={index} className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-2 px-3 font-mono text-xs\">{perm.path}</td>\r\n <td className=\"py-2 px-3\">{perm.description}</td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n\r\n {/* API Endpoints */}\r\n <div>\r\n <h3 className=\"font-semibold mb-3\">{t('techRef.apiEndpoints')}</h3>\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-sm\">\r\n <thead>\r\n <tr className=\"bg-[var(--bg-secondary)]\">\r\n <th className=\"text-left py-2 px-3\">Method</th>\r\n <th className=\"text-left py-2 px-3\">Endpoint</th>\r\n <th className=\"text-left py-2 px-3\">Handler</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {apiEndpoints.map((ep, i) => (\r\n <tr key={i} className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-2 px-3\">\r\n <span className={`px-2 py-0.5 rounded text-xs font-medium ${\r\n ep.method === 'GET' ? 'bg-blue-500/10 text-blue-600' :\r\n ep.method === 'POST' ? 'bg-green-500/10 text-green-600' :\r\n ep.method === 'PUT' || ep.method === 'PATCH' ? 'bg-orange-500/10 text-orange-600' :\r\n 'bg-red-500/10 text-red-600'\r\n }`}>{ep.method}</span>\r\n </td>\r\n <td className=\"py-2 px-3 font-mono text-xs\">{ep.path}</td>\r\n <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{ep.handler}</td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </details>\r\n </section>\r\n\r\n {/* Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/docs/business/administration/tenants\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n >\r\n <ArrowLeft className=\"w-4 h-4\" />\r\n {t('nav.backToTenants')}\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["mockDefaultTemplates","mockDetailTabs","mockApps","apiEndpoints","permissions","Annotation","text","jsxs","jsx","Info","TenantTemplatesDocPage","t","useTranslation","Link","ArrowLeft","LayoutTemplate","Target","Lightbulb","Settings2","tpl","IconComponent","User","Building","Star","Boxes","Users","ArrowRight","Plus","tab","Layers","app","i","FolderOpen","Zap","rule","perm","index","ep"],"mappings":"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"}

package/dist/index-BP5i2CQo.cjs DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react-router-dom"),x=require("react-i18next"),a=require("lucide-react");function l({label:s,children:r}){return e.jsx("div",{className:"mt-2 p-3 rounded-lg bg-[var(--color-primary-600)]/5 border border-[var(--color-primary-600)]/20",children:e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-[10px] px-2 py-0.5 rounded-full bg-[var(--color-primary-600)]/15 text-[var(--color-primary-600)] font-medium shrink-0 mt-0.5",children:s}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:r})]})})}function d({status:s}){const r={Open:"bg-[var(--warning-bg)] text-[var(--warning-text)]",InProgress:"bg-[var(--info-bg)] text-[var(--info-text)]",OnHold:"bg-[var(--warning-bg)] text-[var(--warning-text)]",Resolved:"bg-[var(--success-bg)] text-[var(--success-text)]",Closed:"bg-[var(--bg-secondary)] text-[var(--text-secondary)]",Rejected:"bg-[var(--error-bg)] text-[var(--error-text)]"},t={Open:"Ouvert",InProgress:"En cours",OnHold:"En attente",Resolved:"Résolu",Closed:"Fermé",Rejected:"Rejeté"};return e.jsx("span",{className:`text-xs px-2 py-0.5 rounded-full font-medium ${r[s]\|\|"bg-[var(--bg-secondary)]"}`,children:t[s]\|\|s})}function i({priority:s}){const r={Low:{bg:"var(--info-bg)",color:"var(--info-text)"},Medium:{bg:"var(--warning-bg)",color:"var(--warning-text)"},High:{bg:"var(--error-bg)",color:"var(--error-text)"},Critical:{bg:"var(--error-text)",color:"white"}},t={Low:"Faible",Medium:"Moyen",High:"Élevé",Critical:"Critique"},c=r[s]\|\|r.Low;return e.jsx("span",{className:"text-xs px-2 py-0.5 rounded font-medium",style:{backgroundColor:c.bg,color:c.color},children:t[s]\|\|s})}const m=[{id:"1",num:"TKT-1001",workspace:"Acme Corp",title:"Erreur d'accès au module Facturation",type:"Bug",status:"InProgress",priority:"Critical",msgs:3,created:"21/02/2026"},{id:"2",num:"TKT-1002",workspace:"TechStartup",title:"Demande d'accès application CRM",type:"ApplicationRequest",status:"Open",priority:"Medium",msgs:1,created:"21/02/2026"},{id:"3",num:"TKT-1003",workspace:null,title:"Connexion SSO impossible après mise à jour",type:"Bug",status:"OnHold",priority:"High",msgs:5,created:"20/02/2026"},{id:"4",num:"TKT-1004",workspace:"InnovateCo",title:"Ajouter export PDF aux rapports",type:"FeatureRequest",status:"Resolved",priority:"Low",msgs:2,created:"19/02/2026"},{id:"5",num:"TKT-1005",workspace:"DataFlow",title:"Question sur la matrice des permissions",type:"Question",status:"Closed",priority:"Low",msgs:0,created:"18/02/2026"}],p=[{key:"total",value:47,color:"info"},{key:"open",value:12,color:"warning"},{key:"inProgress",value:8,color:"info"},{key:"onHold",value:3,color:"warning"},{key:"resolved",value:18,color:"success"},{key:"closed",value:6,color:"neutral"},{key:"critical",value:2,color:"error"},{key:"highPriority",value:5,color:"warning"}],o={info:"bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",warning:"bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]",success:"bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]",error:"bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]",neutral:"bg-[var(--bg-secondary)] text-[var(--text-primary)] border-[var(--border-color)]"};function h(){const{t:s}=x.useTranslation("docsPlatformSupportTickets");return e.jsxs("div",{className:"space-y-10 max-w-5xl mx-auto pb-12",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[var(--text-secondary)]",children:[e.jsx(n.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:s("navBack")}),e.jsx("span",{children:"/"}),e.jsx("span",{className:"text-[var(--text-primary)]",children:s("pageTitle")})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-3 flex items-center gap-3",children:[e.jsx(a.Headphones,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),s("pageTitle")]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:s("pageSubtitle")})]}),e.jsxs("section",{className:"card p-6 space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.Lock,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("access_title")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("access_description")}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-4 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsxs("h3",{className:"font-medium mb-2 flex items-center gap-2",children:[e.jsx(a.User,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),s("access_rolesTitle")]}),e.jsx("div",{className:"space-y-1",children:["access_role_supportAgent","access_role_supportAdmin"].map(r=>e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx(a.CheckCircle,{className:"w-3.5 h-3.5 text-[var(--success-text)]"}),e.jsx("span",{children:s(r)})]},r))})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)]",children:[e.jsxs("h3",{className:"font-medium mb-1 flex items-center gap-2 text-[var(--info-text)]",children:[e.jsx(a.Info,{className:"w-4 h-4"}),"Note"]}),e.jsx("p",{className:"text-sm text-[var(--info-text)]",children:s("access_note")})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-medium mb-2",children:s("access_permissionsTitle")}),e.jsx("div",{className:"grid md:grid-cols-2 gap-1",children:["access_perm_view","access_perm_create","access_perm_update","access_perm_changeStatus","access_perm_assign","access_perm_delete","access_perm_comments","access_perm_attachments"].map(r=>e.jsxs("div",{className:"flex items-start gap-2 text-sm p-2 rounded bg-[var(--bg-secondary)]",children:[e.jsx("code",{className:"text-[var(--color-primary-600)] text-xs font-mono mt-0.5",children:"→"}),e.jsx("span",{children:s(r)})]},r))})]})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.BarChart2,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("listView_title")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("listView_description")}),e.jsxs("div",{className:"card p-4 space-y-3",children:[e.jsx("div",{className:"grid grid-cols-4 lg:grid-cols-8 gap-2",children:p.map(r=>e.jsxs("div",{className:`card p-3 text-center border ${o[r.color]}`,children:[e.jsx("div",{className:"text-xl font-bold",children:r.value}),e.jsx("div",{className:"text-[10px] opacity-80 mt-0.5",children:s(`stats_${r.key}`)})]},r.key))}),e.jsx(l,{label:s("stats_total"),children:s("listAnnotation_stats")})]}),e.jsxs("div",{className:"card p-3 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("div",{className:"flex-1 relative",children:[e.jsx(a.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("div",{className:"input w-full pl-10 py-2 text-sm text-[var(--text-tertiary)] bg-[var(--bg-secondary)] rounded-lg border border-[var(--border-color)]",children:"Rechercher un ticket..."})]}),e.jsxs("button",{className:"btn btn-secondary flex items-center gap-2 text-sm",children:[e.jsx(a.Filter,{className:"w-4 h-4"}),"Filtres"]}),e.jsxs("div",{className:"flex items-center gap-1 border border-[var(--border-color)] rounded-lg p-1",children:[e.jsx("div",{className:"p-1.5 rounded bg-[var(--color-primary-600)]/15",children:e.jsx(a.Layers,{className:"w-4 h-4 text-[var(--color-primary-600)]"})}),e.jsx("div",{className:"p-1.5 rounded hover:bg-[var(--bg-secondary)]",children:e.jsx(a.Tag,{className:"w-4 h-4 text-[var(--text-tertiary)]"})}),e.jsx("div",{className:"p-1.5 rounded hover:bg-[var(--bg-secondary)]",children:e.jsx(a.BarChart2,{className:"w-4 h-4 text-[var(--text-tertiary)]"})})]}),e.jsxs("button",{className:"btn btn-primary flex items-center gap-2 text-sm",children:[e.jsx(a.Plus,{className:"w-4 h-4"}),"Nouveau"]})]}),e.jsx(l,{label:"Toolbar",children:s("listAnnotation_viewToggle")})]}),e.jsxs("div",{className:"card overflow-hidden",children:[e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left p-3 font-medium",children:s("table_number")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("table_workspace")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("table_title")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("table_type")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("table_status")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("table_priority")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("table_comments")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("table_created")}),e.jsx("th",{className:"text-right p-3 font-medium",children:s("table_actions")})]})}),e.jsx("tbody",{children:m.map((r,t)=>e.jsxs("tr",{className:`border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)] ${t===0?"bg-[var(--color-primary-600)]/3":""}`,children:[e.jsx("td",{className:"p-3",children:e.jsx("span",{className:"font-mono text-xs text-[var(--text-secondary)]",children:r.num})}),e.jsx("td",{className:"p-3",children:r.workspace?e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-blue-100 text-blue-700 border border-blue-200",children:r.workspace}):e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-purple-100 text-purple-700 border border-purple-200",children:"System"})}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:"font-medium line-clamp-1",children:r.title})}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:"text-xs text-[var(--text-secondary)]",children:r.type})}),e.jsx("td",{className:"p-3",children:e.jsx(d,{status:r.status})}),e.jsx("td",{className:"p-3",children:e.jsx(i,{priority:r.priority})}),e.jsx("td",{className:"p-3",children:e.jsxs("div",{className:"flex items-center gap-1 text-[var(--text-secondary)]",children:[e.jsx(a.MessageSquare,{className:"w-3 h-3"}),e.jsx("span",{className:"text-xs",children:r.msgs})]})}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:"text-xs text-[var(--text-secondary)]",children:r.created})}),e.jsx("td",{className:"p-3 text-right",children:e.jsxs("div",{className:"flex items-center justify-end gap-1",children:[e.jsx("button",{className:"p-1.5 rounded hover:bg-[var(--bg-secondary)]",children:e.jsx(a.Eye,{className:"w-3.5 h-3.5 text-[var(--text-secondary)]"})}),e.jsx("button",{className:"p-1.5 rounded hover:bg-[var(--error-bg)]",children:e.jsx(a.Trash2,{className:"w-3.5 h-3.5 text-[var(--error-text)]"})})]})})]},r.id))})]}),e.jsxs("div",{className:"p-3 space-y-2",children:[e.jsx(l,{label:"Table",children:s("listAnnotation_table","Table paginée avec colonnes cliquables. La ligne entière est cliquable pour accéder au détail. La corbeille est visible uniquement pour les admins.")}),e.jsx(l,{label:"Workspace",children:s("listAnnotation_tenant")}),e.jsxs(l,{label:"Statut / Priorité",children:[s("listAnnotation_status")," · ",s("listAnnotation_priority")]})]})]})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.Layers,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("kanbanView_title")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("kanbanView_description")}),e.jsxs("div",{className:"card p-4",children:[e.jsx("div",{className:"flex gap-3 overflow-x-auto pb-2",children:[{status:"Open",color:"warning",count:2,tickets:[{num:"TKT-1002",title:"Demande d'accès CRM",priority:"Medium",msgs:1},{num:"TKT-1006",title:"Interface lente sur Firefox",priority:"High",msgs:0}]},{status:"InProgress",color:"info",count:2,tickets:[{num:"TKT-1001",title:"Erreur module Facturation",priority:"Critical",msgs:3},{num:"TKT-1007",title:"Export CSV manquant",priority:"Medium",msgs:2}]},{status:"OnHold",color:"warning",count:1,tickets:[{num:"TKT-1003",title:"SSO après mise à jour",priority:"High",msgs:5}]},{status:"Resolved",color:"success",count:2,tickets:[{num:"TKT-1004",title:"Export PDF rapports",priority:"Low",msgs:2},{num:"TKT-1008",title:"Erreur 403 dashboard",priority:"Medium",msgs:1}]},{status:"Closed",color:"neutral",count:1,tickets:[{num:"TKT-1005",title:"Matrice permissions",priority:"Low",msgs:0}]}].map(r=>e.jsxs("div",{className:"flex-shrink-0 w-44",children:[e.jsxs("div",{className:`flex items-center justify-between mb-2 px-2 py-1.5 rounded-lg ${o[r.color]}`,children:[e.jsx("span",{className:"text-xs font-medium",children:r.status==="Open"?"Ouvert":r.status==="InProgress"?"En cours":r.status==="OnHold"?"En attente":r.status==="Resolved"?"Résolu":"Fermé"}),e.jsx("span",{className:"text-xs px-1.5 py-0.5 rounded-full bg-white/30 font-medium",children:r.count})]}),e.jsx("div",{className:"space-y-2",children:r.tickets.map(t=>e.jsxs("div",{className:`card p-2.5 cursor-pointer hover:shadow-md transition-shadow ${t.num==="TKT-1001"?"ring-2 ring-[var(--color-primary-600)]/40":""}`,children:[e.jsx("div",{className:"text-[10px] text-[var(--text-tertiary)] mb-1 font-mono",children:t.num}),e.jsx("div",{className:"text-xs font-medium line-clamp-2 mb-1.5",children:t.title}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(i,{priority:t.priority}),e.jsxs("div",{className:"flex items-center gap-0.5 text-[var(--text-tertiary)]",children:[e.jsx(a.MessageSquare,{className:"w-3 h-3"}),e.jsx("span",{className:"text-[10px]",children:t.msgs})]})]})]},t.num))})]},r.status))}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(l,{label:"Colonnes",children:s("kanbanAnnotation_columns")}),e.jsx(l,{label:"Drag & Drop",children:s("kanbanAnnotation_drag")})]})]})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.Filter,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("filterPanel_title")]}),e.jsxs("div",{className:"card p-4",children:[e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium mb-1 text-[var(--text-secondary)]",children:s("table_status")}),e.jsxs("select",{className:"input w-full text-sm py-1.5",children:[e.jsx("option",{children:"Tous les statuts"}),e.jsx("option",{children:"Ouvert"}),e.jsx("option",{children:"En cours"}),e.jsx("option",{children:"En attente"}),e.jsx("option",{children:"Résolu"}),e.jsx("option",{children:"Fermé"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium mb-1 text-[var(--text-secondary)]",children:s("table_type")}),e.jsxs("select",{className:"input w-full text-sm py-1.5",children:[e.jsx("option",{children:"Tous les types"}),e.jsx("option",{children:"Bug"}),e.jsx("option",{children:"Fonctionnalité"}),e.jsx("option",{children:"Application"}),e.jsx("option",{children:"Support"}),e.jsx("option",{children:"Question"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium mb-1 text-[var(--text-secondary)]",children:s("table_priority")}),e.jsxs("select",{className:"input w-full text-sm py-1.5",children:[e.jsx("option",{children:"Toutes les priorités"}),e.jsx("option",{children:"Faible"}),e.jsx("option",{children:"Moyen"}),e.jsx("option",{children:"Élevé"}),e.jsx("option",{children:"Critique"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium mb-1 text-[var(--text-secondary)]",children:s("table_workspace")}),e.jsxs("select",{className:"input w-full text-sm py-1.5",children:[e.jsx("option",{children:"Tous les workspaces"}),e.jsx("option",{children:"Acme Corp"}),e.jsx("option",{children:"TechStartup"}),e.jsx("option",{children:"InnovateCo"})]})]})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(l,{label:"Statut",children:s("filterAnnotation_status")}),e.jsx(l,{label:"Workspace",children:s("filterAnnotation_tenant")})]})]})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.FileText,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("detailView_title")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("detailView_description")}),e.jsxs("div",{className:"card overflow-hidden border border-[var(--border-color)]",children:[e.jsxs("div",{className:"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-card)]",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{className:"p-1.5 rounded hover:bg-[var(--bg-secondary)]",children:e.jsx(a.ArrowLeft,{className:"w-4 h-4"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"font-mono text-xs text-[var(--text-secondary)]",children:"TKT-1001"}),e.jsx(d,{status:"InProgress"}),e.jsx(i,{priority:"Critical"}),e.jsxs("div",{className:"flex items-center gap-1 text-[10px] text-[var(--success-text)]",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-[var(--success-text)]"}),"Live"]})]}),e.jsx("h1",{className:"text-base font-bold truncate",children:"Erreur d'accès au module Facturation"})]}),e.jsx("div",{className:"flex items-center gap-1",children:e.jsx("button",{className:"p-1.5 rounded hover:bg-[var(--bg-secondary)]",title:"Modifier",children:e.jsx(a.Edit2,{className:"w-4 h-4 text-[var(--text-secondary)]"})})})]}),e.jsx(l,{label:"En-tête",children:s("detailAnnotation_header")}),e.jsx(l,{label:"SignalR",children:s("detailAnnotation_realtime")})]}),e.jsxs("div",{className:"px-4 py-2 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsx("div",{className:"flex items-center gap-1 text-xs overflow-x-auto",children:[{label:"Ouvert",date:"21/02 09:00",done:!0},{label:"En cours",date:"21/02 09:15",done:!0,current:!0},{label:"En attente",date:null,done:!1},{label:"Résolu",date:null,done:!1},{label:"Fermé",date:null,done:!1}].map((r,t)=>e.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[t>0&&e.jsx(a.ChevronRight,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsxs("div",{className:`flex flex-col items-center px-2 py-1 rounded ${r.current?"bg-[var(--info-bg)] text-[var(--info-text)]":r.done?"text-[var(--success-text)]":"text-[var(--text-tertiary)]"}`,children:[e.jsx("span",{className:"font-medium",children:r.label}),r.date&&e.jsx("span",{className:"text-[10px] opacity-70",children:r.date})]})]},r.label))}),e.jsx(l,{label:"Workflow",children:s("detailAnnotation_workflow")})]}),e.jsxs("div",{className:"flex",style:{minHeight:"320px"},children:[e.jsxs("div",{className:"flex-1 border-r border-[var(--border-color)] flex flex-col",children:[e.jsxs("div",{className:"flex-1 p-4 space-y-3 overflow-y-auto",children:[e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"text-xs text-[var(--text-tertiary)] mb-1 flex items-center gap-1",children:[e.jsx(a.User,{className:"w-3 h-3"}),e.jsx("span",{children:"Sophie Martin • 21/02 09:00"}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-blue-100 text-blue-700 ml-1",children:"Client"})]}),e.jsx("p",{className:"text-sm",children:"Depuis ce matin, impossible d'accéder au module Facturation. J'obtiens une erreur 403 sur /billing/invoices."})]}),e.jsxs("div",{className:"p-3 rounded-lg border border-[var(--warning-border)] bg-[var(--warning-bg)]/30",children:[e.jsxs("div",{className:"text-xs text-[var(--text-tertiary)] mb-1 flex items-center gap-1",children:[e.jsx(a.Lock,{className:"w-3 h-3"}),e.jsx("span",{children:"Jean Dupont • 21/02 09:20"}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-[var(--warning-bg)] text-[var(--warning-text)] ml-1",children:"Interne"})]}),e.jsx("p",{className:"text-sm",children:"Vérifié dans les logs — rôle 'billing.view' manquant après la màj de permission. À corriger dans le groupe 'Comptabilité'."})]}),e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--color-primary-600)]/5 border border-[var(--color-primary-600)]/10",children:[e.jsxs("div",{className:"text-xs text-[var(--text-tertiary)] mb-1 flex items-center gap-1",children:[e.jsx(a.User,{className:"w-3 h-3"}),e.jsx("span",{children:"Jean Dupont • 21/02 09:35"}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-[var(--color-primary-600)]/15 text-[var(--color-primary-600)] ml-1",children:"Agent"})]}),e.jsx("p",{className:"text-sm",children:"Nous avons identifié le problème. La permission 'billing.view' a été omise lors de la dernière mise à jour. Correction en cours."})]})]}),e.jsxs("div",{className:"p-3 border-t border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx("div",{className:"flex-1 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] px-3 py-2 text-sm text-[var(--text-tertiary)]",children:"Répondre... (Maj+Entrée pour nouvelle ligne)"}),e.jsx("button",{className:"btn btn-primary text-sm px-3",children:"Envoyer"})]}),e.jsxs("label",{className:"flex items-center gap-2 mt-2 text-xs text-[var(--text-secondary)]",children:[e.jsx("input",{type:"checkbox",className:"rounded"}),e.jsx(a.Lock,{className:"w-3 h-3"}),"Note interne (visible agents uniquement)"]})]}),e.jsx("div",{className:"px-3 pb-2",children:e.jsx(l,{label:"Conversation",children:s("detailAnnotation_conversation")})})]}),e.jsxs("div",{className:"w-60 shrink-0 overflow-y-auto bg-[var(--bg-card)]",children:[e.jsxs("div",{className:"border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[e.jsx(a.ChevronDown,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx(a.FileText,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-xs font-medium",children:s("sidebar_info")})]}),e.jsx("div",{className:"px-3 pb-3 space-y-1.5",children:[{label:"Type",value:"Bug"},{label:"Priorité",value:e.jsx(i,{priority:"Critical"})},{label:"Créé par",value:"Sophie Martin"},{label:"Assigné à",value:e.jsxs("span",{className:"flex items-center gap-1",children:["Jean Dupont ",e.jsx(a.UserPlus,{className:"w-3 h-3 text-[var(--color-primary-600)] cursor-pointer"})]})},{label:"Créé le",value:"21/02/2026 09:00"}].map(r=>e.jsxs("div",{className:"flex justify-between items-center text-xs",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r.label}),e.jsx("span",{className:"font-medium",children:r.value})]},r.label))})]}),e.jsxs("div",{className:"border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[e.jsx(a.ChevronDown,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx(a.Monitor,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-xs font-medium",children:s("sidebar_systemInfo")})]}),e.jsxs("div",{className:"px-3 pb-3 space-y-1.5",children:[e.jsxs("div",{className:"p-2 bg-[var(--bg-secondary)] rounded text-xs",children:[e.jsxs("div",{className:"flex items-center gap-1 text-[var(--text-tertiary)] mb-0.5",children:[e.jsx(a.Globe,{className:"w-3 h-3"}),"URL"]}),e.jsx("span",{className:"font-mono text-[10px] break-all",children:"/billing/invoices"})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-1.5",children:[e.jsxs("div",{className:"p-1.5 bg-[var(--bg-secondary)] rounded text-[10px]",children:[e.jsxs("div",{className:"flex items-center gap-1 text-[var(--text-tertiary)] mb-0.5",children:[e.jsx(a.Laptop,{className:"w-3 h-3"}),"Navigateur"]}),e.jsx("div",{className:"font-medium",children:"Chrome 130"})]}),e.jsxs("div",{className:"p-1.5 bg-[var(--bg-secondary)] rounded text-[10px]",children:[e.jsxs("div",{className:"flex items-center gap-1 text-[var(--text-tertiary)] mb-0.5",children:[e.jsx(a.Monitor,{className:"w-3 h-3"}),"OS"]}),e.jsx("div",{className:"font-medium",children:"Windows 11"})]})]})]})]}),e.jsxs("div",{className:"border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[e.jsx(a.ChevronDown,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx(a.Bug,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-xs font-medium",children:s("sidebar_errors")}),e.jsx("span",{className:"ml-auto text-[10px] px-1 py-0.5 rounded-full bg-[var(--error-bg)] text-[var(--error-text)]",children:"1"})]}),e.jsx("div",{className:"px-3 pb-3",children:e.jsxs("div",{className:"p-2 bg-[var(--error-bg)]/30 border border-[var(--error-border)] rounded text-[10px]",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-1",children:[e.jsx(a.AlertTriangle,{className:"w-3 h-3 text-[var(--error-text)]"}),e.jsx("span",{className:"bg-[var(--bg-secondary)] px-1 rounded",children:"BillingPage"})]}),e.jsx("span",{className:"text-[var(--error-text)] font-medium",children:"403 Forbidden: /api/billing/invoices"})]})})]}),e.jsxs("div",{className:"border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[e.jsx(a.ChevronDown,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx(a.Zap,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-xs font-medium",children:s("sidebar_actions")})]}),e.jsxs("div",{className:"px-3 pb-3 space-y-2",children:[e.jsxs("button",{className:"btn btn-secondary w-full text-xs py-1.5 flex items-center justify-center gap-1",children:[e.jsx(a.Clock,{className:"w-3.5 h-3.5"}),"Mettre en attente"]}),e.jsxs("button",{className:"btn btn-primary w-full text-xs py-1.5 flex items-center justify-center gap-1",children:[e.jsx(a.CheckCircle,{className:"w-3.5 h-3.5"}),"Résoudre"]}),e.jsxs("button",{className:"w-full text-xs py-1.5 flex items-center justify-center gap-1 rounded border border-[var(--warning-border)] bg-[var(--warning-bg)] text-[var(--warning-text)]",children:[e.jsx(a.ArrowUpCircle,{className:"w-3.5 h-3.5"}),"Escalader"]})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[e.jsx(a.ChevronDown,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx(a.History,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-xs font-medium",children:s("sidebar_history")}),e.jsx("span",{className:"ml-auto text-[10px] px-1 py-0.5 rounded-full bg-[var(--bg-secondary)] text-[var(--text-secondary)]",children:"3"})]}),e.jsxs("div",{className:"px-3 pb-3 relative pl-6",children:[e.jsx("div",{className:"absolute left-5 top-0 bottom-0 w-0.5 bg-[var(--border-color)]"}),[{icon:a.Edit2,label:"Assigné → Jean Dupont",time:"Il y a 25 min",color:"var(--color-primary-600)"},{icon:a.ArrowUpCircle,label:"Statut → En cours",time:"Il y a 45 min",color:"var(--info-text)"},{icon:a.Plus,label:"Ticket créé",time:"Il y a 1h",color:"var(--success-text)"}].map((r,t)=>{const c=r.icon;return e.jsxs("div",{className:"relative flex gap-2 mb-2 last:mb-0",children:[e.jsx("div",{className:"relative z-10 w-4 h-4 rounded-full bg-[var(--bg-card)] border border-[var(--border-color)] flex items-center justify-center -ml-3",children:e.jsx(c,{className:"w-2.5 h-2.5",style:{color:r.color}})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-[10px] font-medium",children:r.label}),e.jsx("p",{className:"text-[9px] text-[var(--text-tertiary)]",children:r.time})]})]},t)})]})]}),e.jsx("div",{className:"p-2",children:e.jsx(l,{label:"Sidebar",children:s("detailAnnotation_sidebar")})})]})]})]})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.Zap,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("agentActions_title")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("agentActions_description")}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"card p-4 space-y-3",children:[e.jsx("h3",{className:"font-medium text-sm mb-3",children:"Transitions d'état"}),[{action:"action_startProcessing",desc:"action_startProcessing_desc",icon:a.ArrowRight,color:"info"},{action:"action_putOnHold",desc:"action_putOnHold_desc",icon:a.Clock,color:"warning"},{action:"action_resume",desc:"action_resume_desc",icon:a.ArrowRight,color:"info"},{action:"action_resolve",desc:"action_resolve_desc",icon:a.CheckCircle,color:"success"},{action:"action_close",desc:"action_close_desc",icon:a.XCircle,color:"neutral"},{action:"action_reopen",desc:"action_reopen_desc",icon:a.RotateCcw,color:"warning"}].map(r=>{const t=r.icon;return e.jsxs("div",{className:"flex items-start gap-3 p-2 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsx("div",{className:`p-1.5 rounded ${o[r.color]}`,children:e.jsx(t,{className:"w-3.5 h-3.5"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium",children:s(r.action)}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:s(r.desc)})]})]},r.action)})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"card p-4",children:[e.jsxs("h3",{className:"font-medium text-sm mb-3 flex items-center gap-2",children:[e.jsx(a.UserPlus,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),s("action_assign")]}),e.jsxs("div",{className:"rounded-lg border border-[var(--border-color)] overflow-hidden",children:[e.jsxs("div",{className:"relative px-3 py-2 border-b border-[var(--border-color)]",children:[e.jsx(a.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-[var(--text-tertiary)]"}),e.jsx("div",{className:"text-xs text-[var(--text-tertiary)] pl-6",children:"Rechercher un agent..."})]}),["Non assigné","Jean Dupont","Marie Laurent","Paul Bernard"].map((r,t)=>e.jsxs("div",{className:`flex items-center gap-2 px-3 py-2 text-sm border-b border-[var(--border-color)] last:border-b-0 ${t===1?"bg-[var(--color-primary-600)]/8 border-l-2 border-l-[var(--color-primary-600)]":""}`,children:[e.jsx("div",{className:`w-6 h-6 rounded-full flex items-center justify-center text-xs font-medium ${t===0?"bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]":"bg-[var(--color-primary-600)] text-white"}`,children:t===0?e.jsx(a.User,{className:"w-3.5 h-3.5"}):r[0]}),e.jsx("span",{children:r}),t===1&&e.jsx(a.CheckCircle,{className:"w-4 h-4 text-[var(--color-primary-600)] ml-auto"})]},r))]}),e.jsx(l,{label:"Modale Assigner",children:s("assignModal_annotation")})]}),e.jsxs("div",{className:"card p-4",children:[e.jsxs("h3",{className:"font-medium text-sm mb-3 flex items-center gap-2",children:[e.jsx(a.ArrowUpCircle,{className:"w-4 h-4 text-[var(--warning-text)]"}),s("action_escalate")]}),e.jsx("div",{className:"space-y-2",children:["Supervisor","Manager","Director"].map((r,t)=>e.jsxs("div",{className:`flex items-center gap-3 px-3 py-2 rounded-lg border transition-colors ${t===0?"border-[var(--warning-border)] bg-[var(--warning-bg)]":"border-[var(--border-color)]"}`,children:[e.jsx("div",{className:`w-3.5 h-3.5 rounded-full border-2 flex items-center justify-center ${t===0?"border-[var(--warning-text)]":"border-[var(--border-color)]"}`,children:t===0&&e.jsx("div",{className:"w-2 h-2 rounded-full bg-[var(--warning-text)]"})}),e.jsx("div",{children:e.jsx("p",{className:"text-xs font-medium",children:s(`action_escalate_${r.toLowerCase()}`)})})]},r))}),e.jsx(l,{label:"Modale Escalader",children:s("escalateModal_annotation")})]})]})]})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.Wifi,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("useCases_title")]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-4",children:[1,2,3].map(r=>e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-medium text-sm mb-3",children:s(`useCase${r}_title`)}),e.jsx("ol",{className:"space-y-2",children:[1,2,3,4,...r===1?[5,6]:[]].map(t=>e.jsxs("li",{className:"flex items-start gap-2 text-xs",children:[e.jsx("span",{className:"w-4 h-4 rounded-full bg-[var(--color-primary-600)]/15 text-[var(--color-primary-600)] text-[10px] font-bold flex items-center justify-center shrink-0 mt-0.5",children:t}),e.jsx("span",{className:"text-[var(--text-secondary)]",children:s(`useCase${r}_step${t}`)})]},t))})]},r))})]}),e.jsxs("section",{className:"card p-6 space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.Lock,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("businessRules_title")]}),e.jsx("div",{className:"grid md:grid-cols-2 gap-3",children:[1,2,3,4,5,6,7].map(r=>e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsx("h4",{className:"text-sm font-medium mb-1",children:s(`rule${r}_title`)}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:s(`rule${r}_desc`)})]},r))})]}),e.jsxs("section",{className:"card p-6 space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.Zap,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("features_title")]}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3",children:[{key:"realtime",icon:a.Wifi},{key:"multitenancy",icon:a.Globe},{key:"kanban",icon:a.Layers},{key:"internalNotes",icon:a.Lock},{key:"clientContext",icon:a.Monitor},{key:"escalation",icon:a.ArrowUpCircle},{key:"attachments",icon:a.File},{key:"activityLog",icon:a.History}].map(({key:r,icon:t})=>e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)] text-center",children:[e.jsx("div",{className:"p-2 rounded-lg bg-[var(--color-primary-600)]/10 w-fit mx-auto mb-2",children:e.jsx(t,{className:"w-4 h-4 text-[var(--color-primary-600)]"})}),e.jsx("p",{className:"text-xs font-medium",children:s(`feature_${r}`)}),e.jsx("p",{className:"text-[10px] text-[var(--text-tertiary)] mt-0.5",children:s(`feature_${r}_desc`)})]},r))})]}),e.jsxs("section",{className:"card p-6 space-y-4",children:[e.jsxs("h2",{className:"text-xl font-semibold flex items-center gap-2",children:[e.jsx(a.Tag,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),s("api_title")]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s("api_subtitle")}),e.jsx("div",{className:"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:"text-left py-2 px-3 rounded-tl-lg font-medium",children:s("api_col_method")}),e.jsx("th",{className:"text-left py-2 px-3 font-medium",children:s("api_col_endpoint")}),e.jsx("th",{className:"text-left py-2 px-3 font-medium",children:s("api_col_description")}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg font-medium",children:s("api_col_permission")})]})}),e.jsx("tbody",{children:[{method:"GET",ep:"/",desc:"api_ep1",perm:"tickets.view"},{method:"GET",ep:"/my-assigned",desc:"api_ep2",perm:"tickets.view"},{method:"GET",ep:"/{id}",desc:"api_ep3",perm:"tickets.view"},{method:"GET",ep:"/{id}/activities",desc:"api_ep4",perm:"tickets.view"},{method:"GET",ep:"/stats",desc:"api_ep5",perm:"tickets.view"},{method:"POST",ep:"/",desc:"api_ep6",perm:"tickets.create"},{method:"PUT",ep:"/{id}",desc:"api_ep7",perm:"tickets.update"},{method:"PATCH",ep:"/{id}/status",desc:"api_ep8",perm:"tickets.changestatus"},{method:"PATCH",ep:"/{id}/assign",desc:"api_ep9",perm:"tickets.assign"},{method:"PATCH",ep:"/{id}/resolve",desc:"api_ep10",perm:"tickets.changestatus"},{method:"PATCH",ep:"/{id}/close",desc:"api_ep11",perm:"tickets.changestatus"},{method:"PATCH",ep:"/{id}/reopen",desc:"api_ep12",perm:"tickets.changestatus"},{method:"POST",ep:"/{id}/comments",desc:"api_ep13",perm:"comments.create"},{method:"POST",ep:"/{id}/attachments",desc:"api_ep14",perm:"tickets.update"},{method:"GET",ep:"/{id}/attachments/{aId}",desc:"api_ep15",perm:"attachments.view"},{method:"DELETE",ep:"/{id}",desc:"api_ep16",perm:"tickets.delete"}].map((r,t)=>{const c={GET:"bg-[var(--info-bg)] text-[var(--info-text)]",POST:"bg-[var(--success-bg)] text-[var(--success-text)]",PUT:"bg-[var(--warning-bg)] text-[var(--warning-text)]",PATCH:"bg-purple-100 text-purple-700",DELETE:"bg-[var(--error-bg)] text-[var(--error-text)]"};return e.jsxs("tr",{className:"border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-1.5 py-0.5 rounded text-[10px] font-bold font-mono ${c[r.method]}`,children:r.method})}),e.jsxs("td",{className:"py-2 px-3 font-mono text-[var(--text-secondary)]",children:["/api/support/tickets",r.ep]}),e.jsx("td",{className:"py-2 px-3",children:s(r.desc)}),e.jsx("td",{className:"py-2 px-3",children:e.jsxs("code",{className:"text-[10px] px-1.5 py-0.5 bg-[var(--bg-secondary)] rounded",children:["support.",r.perm]})})]},t)})})]})})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(n.Link,{to:"/system/docs/user",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(a.ArrowRight,{className:"w-4 h-4 rotate-180"}),s("navBack")]}),e.jsxs(n.Link,{to:"/docs/business/platform/support/dashboard",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:[s("navNext"),e.jsx(a.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.default=h;
2	- //# sourceMappingURL=index-BP5i2CQo.cjs.map