@atlashub/smartstack 3.11.0 → 3.14.0

package/dist/index-BP5i2CQo.cjs.map

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

package/dist/index-BYhFG50Z.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BYhFG50Z.cjs","sources":["../src/pages/docs/business/platform/administration/tenants/personal/index.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  ArrowLeft,\r\n  User,\r\n  Target,\r\n  Lightbulb,\r\n  Users,\r\n  PlayCircle,\r\n  PauseCircle,\r\n  Archive,\r\n  Search,\r\n  Filter,\r\n  MoreHorizontal,\r\n  Layers,\r\n  Clock,\r\n  Info,\r\n  FileText,\r\n  Check,\r\n  RefreshCw,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual TenantsPersonalPage ────────────────────────────\r\n\r\ntype MockTenantStatus = 'Active' | 'Suspended' | 'Pending' | 'Archived';\r\n\r\nconst mockTenants: Array<{\r\n  name: string;\r\n  slug: string;\r\n  status: MockTenantStatus;\r\n  template: string;\r\n  members: number;\r\n  requests: number;\r\n}> = [\r\n  { name: 'Marie Dupont', slug: 'marie-dupont', status: 'Active', template: 'personal-space', members: 1, requests: 0 },\r\n  { name: 'Jean Martin', slug: 'jean-martin', status: 'Active', template: 'personal-space', members: 1, requests: 0 },\r\n  { name: 'Lisa Schmidt', slug: 'lisa-schmidt', status: 'Pending', template: '', members: 1, requests: 0 },\r\n  { name: 'Marco Rossi', slug: 'marco-rossi', status: 'Suspended', template: 'personal-space', members: 1, requests: 0 },\r\n  { name: 'Sophie Weber', slug: 'sophie-weber', status: 'Active', template: 'starter-b2c', members: 1, requests: 1 },\r\n];\r\n\r\nconst mockStats = {\r\n  active: 3,\r\n  suspended: 1,\r\n  members: 5,\r\n  pendingRequests: 1,\r\n};\r\n\r\nconst mockDetailTabs = ['overview', 'members', 'groups', 'roles', 'applications', 'entra', 'requests'];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET' as const, path: '/api/administration/tenants', handler: 'GetAllTenants', permission: 'administration.tenants.read' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/{id}', handler: 'GetTenant', permission: 'authenticated' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/by-slug/{slug}', handler: 'GetTenantBySlug', permission: 'authenticated' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/config', handler: 'GetConfig', permission: 'authenticated' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/available-slug/{slug}', handler: 'CheckSlugAvailability', permission: 'authenticated' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/b2c', handler: 'CreateB2CTenant', permission: 'authenticated' },\r\n  { method: 'PUT' as const, path: '/api/administration/tenants/{id}', handler: 'UpdateTenant', permission: 'owner or admin' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/activate', handler: 'ActivateTenant', permission: 'administration.tenants.activate' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/suspend', handler: 'SuspendTenant', permission: 'administration.tenants.suspend' },\r\n  { method: 'DELETE' as const, path: '/api/administration/tenants/{id}', handler: 'ArchiveTenant', permission: 'administration.tenants.delete' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/template', handler: 'AssignTemplate', permission: 'administration.tenants.update' },\r\n  { method: 'DELETE' as const, path: '/api/administration/tenants/{id}/template', handler: 'RemoveTemplate', permission: 'administration.tenants.update' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/set-default', handler: 'SetDefaultTenant', permission: 'authenticated' },\r\n];\r\n\r\nconst statusConfig: Record<MockTenantStatus, { bg: string; text: string; border: string }> = {\r\n  Active: { bg: 'bg-green-500/10', text: 'text-green-700', border: 'border-green-500/20' },\r\n  Pending: { bg: 'bg-blue-500/10', text: 'text-blue-700', border: 'border-blue-500/20' },\r\n  Suspended: { bg: 'bg-amber-500/10', text: 'text-amber-700', border: 'border-amber-500/20' },\r\n  Archived: { bg: 'bg-gray-500/10', text: 'text-gray-600', border: 'border-gray-500/20' },\r\n};\r\n\r\nconst StatusIcon = ({ status }: { status: MockTenantStatus }) => {\r\n  if (status === 'Active') return <PlayCircle className=\"w-3 h-3\" />;\r\n  if (status === 'Suspended') return <PauseCircle className=\"w-3 h-3\" />;\r\n  if (status === 'Archived') return <Archive className=\"w-3 h-3\" />;\r\n  return <Clock className=\"w-3 h-3\" />;\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 PersonalTenantsDocPage() {\r\n  const { t } = useTranslation('docsAdministrationTenantsPersonal');\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          <User 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 {t('header.businessRules')}</span>\r\n          <span>13 {t('header.apiEndpoints')}</span>\r\n          <span>4 {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 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: ACCESS                                                   */}\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-blue-600/10 text-blue-700 font-medium\">Personal</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/list/personal</code>\r\n          </div>\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">{t('access.permission')}</div>\r\n            <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">administration.tenants.read</code>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 3: INTERFACE OVERVIEW - MOCK UI                             */}\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.desc')}</p>\r\n\r\n        <div className=\"card overflow-hidden mb-4\">\r\n          {/* Page header */}\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 className=\"text-[var(--text-primary)]\">{t('title')}</span>\r\n            </div>\r\n            <div className=\"flex items-center justify-between\">\r\n              <div className=\"flex items-center gap-3\">\r\n                <User 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              <button className=\"px-4 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center gap-2 opacity-80\">\r\n                <User className=\"w-4 h-4\" />\r\n                {t('interface.createButton')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Stats */}\r\n          <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 p-4\">\r\n            <div className=\"p-3 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <User className=\"w-6 h-6 text-green-700\" />\r\n                <div>\r\n                  <div className=\"text-xl font-bold text-green-700\">{mockStats.active}</div>\r\n                  <div className=\"text-xs text-green-700\">{t('interface.stats.active')}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <PauseCircle className=\"w-6 h-6 text-amber-700\" />\r\n                <div>\r\n                  <div className=\"text-xl font-bold text-amber-700\">{mockStats.suspended}</div>\r\n                  <div className=\"text-xs text-amber-700\">{t('interface.stats.suspended')}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)]\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <Users className=\"w-6 h-6 text-[var(--text-secondary)]\" />\r\n                <div>\r\n                  <div className=\"text-xl font-bold text-[var(--text-primary)]\">{mockStats.members}</div>\r\n                  <div className=\"text-xs text-[var(--text-secondary)]\">{t('interface.stats.members')}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <Clock className=\"w-6 h-6 text-amber-700\" />\r\n                <div>\r\n                  <div className=\"text-xl font-bold text-amber-700\">{mockStats.pendingRequests}</div>\r\n                  <div className=\"text-xs text-amber-700\">{t('interface.stats.requests')}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Search/Filter toolbar */}\r\n          <div className=\"px-4 pb-3\">\r\n            <div className=\"flex items-center gap-3 p-3 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]\">\r\n              <div className=\"flex items-center gap-2 flex-1 px-3 py-1.5 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg\">\r\n                <Search className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                <span className=\"text-sm text-[var(--text-tertiary)]\">{t('interface.searchPlaceholder')}</span>\r\n              </div>\r\n              {/* Inline status dropdown (visible directly since type is locked to Personal) */}\r\n              <div className=\"relative\">\r\n                <select className=\"appearance-none px-3 py-1.5 pr-8 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg text-sm text-[var(--text-secondary)]\">\r\n                  <option>{t('interface.columns.status')}: {t('interface.statusAll')}</option>\r\n                  <option>{t('interface.status.active')}</option>\r\n                  <option>{t('interface.status.pending')}</option>\r\n                  <option>{t('interface.status.suspended')}</option>\r\n                  <option>{t('interface.status.archived')}</option>\r\n                </select>\r\n                <Filter className=\"absolute right-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-[var(--text-tertiary)] pointer-events-none\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Table */}\r\n          <div className=\"px-4 pb-4\">\r\n            <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n              <table className=\"w-full text-sm\">\r\n                <thead className=\"bg-[var(--bg-secondary)]\">\r\n                  <tr>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.name')}</th>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.status')}</th>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell\">{t('interface.columns.template')}</th>\r\n                    <th className=\"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell\">{t('interface.columns.members')}</th>\r\n                    <th className=\"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell\">{t('interface.columns.requests')}</th>\r\n                    <th className=\"w-12 px-4 py-3\"></th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                  {mockTenants.map((tenant) => {\r\n                    const sc = statusConfig[tenant.status];\r\n                    return (\r\n                      <tr key={tenant.slug} className=\"hover:bg-[var(--bg-hover)] transition-colors\">\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"w-9 h-9 rounded-lg bg-[var(--bg-tertiary)] flex items-center justify-center\">\r\n                              <User className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n                            </div>\r\n                            <div>\r\n                              <div className=\"font-medium text-[var(--text-primary)]\">{tenant.name}</div>\r\n                              <div className=\"text-xs text-[var(--text-tertiary)] font-mono\">{tenant.slug}</div>\r\n                            </div>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border ${sc.bg} ${sc.text} ${sc.border}`}>\r\n                            <StatusIcon status={tenant.status} />\r\n                            {t(`interface.status.${tenant.status.toLowerCase()}`)}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 hidden md:table-cell\">\r\n                          {tenant.template ? (\r\n                            <div className=\"flex items-center gap-1.5\">\r\n                              <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n                              <span className=\"text-sm\">{tenant.template}</span>\r\n                            </div>\r\n                          ) : (\r\n                            <span className=\"text-[var(--text-tertiary)]\">-</span>\r\n                          )}\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-center hidden lg:table-cell text-[var(--text-primary)]\">{tenant.members}</td>\r\n                        <td className=\"px-4 py-3 text-center hidden lg:table-cell\">\r\n                          {tenant.requests > 0 ? (\r\n                            <span className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs rounded-full bg-amber-500/10 text-amber-700 border border-amber-500/20\">\r\n                              <Clock className=\"w-3 h-3\" />\r\n                              {tenant.requests}\r\n                            </span>\r\n                          ) : (\r\n                            <span className=\"text-[var(--text-tertiary)]\">-</span>\r\n                          )}\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-center\">\r\n                          <button className=\"p-1.5 rounded-lg hover:bg-[var(--bg-tertiary)] transition-colors\">\r\n                            <MoreHorizontal className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                          </button>\r\n                        </td>\r\n                      </tr>\r\n                    );\r\n                  })}\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2\">\r\n          <Annotation text={t('interface.annotations.header')} />\r\n          <Annotation text={t('interface.annotations.stats')} />\r\n          <Annotation text={t('interface.annotations.toolbar')} />\r\n          <Annotation text={t('interface.annotations.nameCol')} />\r\n          <Annotation text={t('interface.annotations.statusCol')} />\r\n          <Annotation text={t('interface.annotations.templateCol')} />\r\n          <Annotation text={t('interface.annotations.membersCol')} />\r\n          <Annotation text={t('interface.annotations.requestsCol')} />\r\n          <Annotation text={t('interface.annotations.actionsCol')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 4: CREATE FORM - MOCK UI                                    */}\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 space-y-4\">\r\n          {/* Type selection */}\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-2\">{t('form.typeLabel')}</div>\r\n            <div className=\"p-4 border-2 border-blue-500/40 bg-blue-500/5 rounded-lg flex items-center gap-3\">\r\n              <div className=\"p-2 rounded-lg bg-blue-500/10 text-blue-600\">\r\n                <User className=\"w-5 h-5\" />\r\n              </div>\r\n              <div className=\"flex-1\">\r\n                <div className=\"font-medium text-[var(--text-primary)]\">Personal (B2C)</div>\r\n                <div className=\"text-xs text-[var(--text-secondary)]\">{t('form.b2cDesc')}</div>\r\n              </div>\r\n              <Check className=\"w-5 h-5 text-blue-600\" />\r\n            </div>\r\n          </div>\r\n\r\n          {/* Tenant details */}\r\n          <div className=\"border border-[var(--border-color)] rounded-lg p-4 space-y-3 bg-[var(--bg-secondary)]\">\r\n            <div className=\"text-sm font-semibold text-[var(--text-primary)]\">{t('form.tenantDetails')}</div>\r\n            <div>\r\n              <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n                <User className=\"w-3.5 h-3.5 inline mr-1\" />{t('form.name')} *\r\n              </label>\r\n              <input readOnly value=\"Marie Dupont\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" />\r\n            </div>\r\n            <div className=\"grid grid-cols-2 gap-3\">\r\n              <div>\r\n                <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n                  Slug\r\n                </label>\r\n                <input readOnly value=\"marie-dupont\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] font-mono\" />\r\n              </div>\r\n              <div>\r\n                <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n                  <FileText className=\"w-3.5 h-3.5 inline mr-1\" />{t('form.description')}\r\n                </label>\r\n                <input readOnly value=\"Personal workspace\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Optional template selection */}\r\n          <div className=\"border border-[var(--border-color)] rounded-lg p-4 space-y-3 bg-[var(--bg-secondary)]\">\r\n            <div className=\"text-sm font-semibold text-[var(--text-primary)]\">{t('form.templateSection')}</div>\r\n            <p className=\"text-xs text-[var(--text-secondary)]\">{t('form.templateDesc')}</p>\r\n            <div className=\"grid grid-cols-2 gap-2\">\r\n              <div className=\"p-3 border border-[var(--border-color)] rounded-lg cursor-pointer hover:bg-[var(--bg-hover)]\">\r\n                <div className=\"flex items-center gap-2 mb-1\">\r\n                  <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n                  <span className=\"text-sm font-medium\">personal-space</span>\r\n                </div>\r\n                <p className=\"text-xs text-[var(--text-secondary)]\">{t('form.templateBasic')}</p>\r\n              </div>\r\n              <div className=\"p-3 border border-[var(--border-color)] rounded-lg cursor-pointer hover:bg-[var(--bg-hover)]\">\r\n                <div className=\"flex items-center gap-2 mb-1\">\r\n                  <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n                  <span className=\"text-sm font-medium\">starter-b2c</span>\r\n                </div>\r\n                <p className=\"text-xs text-[var(--text-secondary)]\">{t('form.templateStarter')}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex gap-3 pt-2\">\r\n            <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg text-sm font-medium opacity-80\">\r\n              {t('form.submit')}\r\n            </button>\r\n            <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg text-sm opacity-80\">\r\n              {t('form.cancel')}\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2 mt-4\">\r\n          <Annotation text={t('form.annotations.type')} />\r\n          <Annotation text={t('form.annotations.name')} />\r\n          <Annotation text={t('form.annotations.slug')} />\r\n          <Annotation text={t('form.annotations.template')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 5: DETAIL VIEW - MOCK UI                                    */}\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          {/* 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              <ArrowLeft className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n              <User className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n              <div>\r\n                <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">Marie Dupont</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">marie-dupont</p>\r\n              </div>\r\n            </div>\r\n            <div className=\"flex items-center gap-2\">\r\n              <span className=\"inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-sm bg-green-500/10 text-green-700 border border-green-500/20\">\r\n                <PlayCircle className=\"w-4 h-4\" />\r\n                {t('detail.statusActive')}\r\n              </span>\r\n              <span className=\"px-2.5 py-1 rounded-full text-sm bg-blue-500/10 text-blue-700\">Personal</span>\r\n              <button className=\"p-2 rounded-lg hover:bg-[var(--bg-hover)]\">\r\n                <RefreshCw className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Tabs */}\r\n          <div className=\"border-b border-[var(--border-color)] flex overflow-x-auto\">\r\n            {mockDetailTabs.map((tab, i) => (\r\n              <button\r\n                key={tab}\r\n                className={`px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${\r\n                  i === 0\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                {t(`detail.tabs.${tab}`)}\r\n              </button>\r\n            ))}\r\n          </div>\r\n\r\n          {/* Overview tab preview */}\r\n          <div className=\"p-4\">\r\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n              <div className=\"space-y-3\">\r\n                <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                  <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.overview.template')}</div>\r\n                  <div className=\"flex items-center gap-2\">\r\n                    <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n                    <span className=\"font-medium\">personal-space</span>\r\n                  </div>\r\n                </div>\r\n                <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                  <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.overview.members')}</div>\r\n                  <div className=\"text-2xl font-bold text-[var(--color-primary-600)]\">1</div>\r\n                </div>\r\n              </div>\r\n              <div className=\"space-y-3\">\r\n                <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                  <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.overview.created')}</div>\r\n                  <div className=\"text-sm text-[var(--text-primary)]\">2024-03-15</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2 mt-4\">\r\n          <Annotation text={t('detail.annotations.header')} />\r\n          <Annotation text={t('detail.annotations.statusBadge')} />\r\n          <Annotation text={t('detail.annotations.tabs')} />\r\n          <Annotation text={t('detail.annotations.overview')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 6: USE CASES                                                */}\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-3 gap-4\">\r\n          {[1, 2, 3].map((i) => (\r\n            <div key={i} 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 flex items-center justify-center ${\r\n                  i === 1 ? 'bg-blue-500/10' : i === 2 ? 'bg-amber-500/10' : 'bg-purple-500/10'\r\n                }`}>\r\n                  <Users className={`w-6 h-6 ${i === 1 ? 'text-blue-600' : i === 2 ? 'text-amber-600' : 'text-purple-600'}`} />\r\n                </div>\r\n                <div>\r\n                  <div className=\"font-semibold\">{t(`useCases.${i}.persona`)}</div>\r\n                  <div className=\"text-sm text-[var(--text-secondary)]\">{t(`useCases.${i}.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)]\">{t('useCases.situationLabel')} </span>\r\n                  <span>{t(`useCases.${i}.situation`)}</span>\r\n                </div>\r\n                <div>\r\n                  <span className=\"font-medium text-green-600\">{t('useCases.withFeatureLabel')} </span>\r\n                  <span>{t(`useCases.${i}.withFeature`)}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 7: FEATURES                                                 */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section 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            const icons = [Search, PlayCircle, User, Layers, Users];\r\n            const Icon = icons[i - 1];\r\n            return (\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                    <Icon 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)]\">{t('features.exampleLabel')} </span>\r\n                      {t(`features.${i}.example`)}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\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: TECHNICAL REFERENCE (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', category: 'Validation' },\r\n                  { id: 'BR-002', category: 'Config' },\r\n                  { id: 'BR-003', category: 'Lifecycle' },\r\n                  { id: 'BR-004', category: 'Lifecycle' },\r\n                  { id: 'BR-005', category: 'Template' },\r\n                  { id: 'BR-006', category: 'Organisation' },\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                    <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            {/* 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' ? '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        <Link\r\n          to=\"/docs/business/administration/tenants/template\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('nav.toTemplates')}\r\n          <ArrowLeft className=\"w-4 h-4 rotate-180\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["mockTenants","mockStats","mockDetailTabs","apiEndpoints","statusConfig","StatusIcon","status","jsx","PlayCircle","PauseCircle","Archive","Clock","Annotation","text","jsxs","Info","PersonalTenantsDocPage","t","useTranslation","Link","ArrowLeft","User","Target","Lightbulb","Users","Search","Filter","tenant","sc","Layers","MoreHorizontal","Check","FileText","RefreshCw","tab","i","Icon","rule","ep"],"mappings":"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"}

package/dist/index-BcO3pBlL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BcO3pBlL.js","sources":["../src/pages/docs/business/platform/administration/tenants/business/index.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  ArrowLeft,\r\n  Building,\r\n  Building2,\r\n  Target,\r\n  Lightbulb,\r\n  Users,\r\n  Zap,\r\n  PlayCircle,\r\n  PauseCircle,\r\n  Archive,\r\n  Search,\r\n  Filter,\r\n  MoreHorizontal,\r\n  Layers,\r\n  Clock,\r\n  Info,\r\n  MapPin,\r\n  Phone,\r\n  Mail,\r\n  Globe,\r\n  FileCheck,\r\n  Hash,\r\n  FileText,\r\n  Check,\r\n  RefreshCw,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual TenantsBusinessPage ────────────────────────────\r\n\r\ntype MockTenantStatus = 'Active' | 'Suspended' | 'Pending' | 'Archived';\r\n\r\nconst mockTenants: Array<{\r\n  name: string;\r\n  slug: string;\r\n  org: string;\r\n  status: MockTenantStatus;\r\n  template: string;\r\n  members: number;\r\n  requests: number;\r\n}> = [\r\n  { name: 'Acme Corporation', slug: 'acme-corporation', org: 'Acme Corp SA', status: 'Active', template: 'pro-space', members: 24, requests: 0 },\r\n  { name: 'TechVision GmbH', slug: 'techvision-gmbh', org: 'TechVision GmbH', status: 'Active', template: 'pro-space', members: 12, requests: 2 },\r\n  { name: 'InnoSuisse Sàrl', slug: 'innosuisse-sarl', org: 'InnoSuisse Sàrl', status: 'Pending', template: '', members: 1, requests: 0 },\r\n  { name: 'DataCorp France', slug: 'datacorp-france', org: 'DataCorp SAS', status: 'Suspended', template: 'pro-space', members: 8, requests: 0 },\r\n  { name: 'AlphaNet AG', slug: 'alphanet-ag', org: 'AlphaNet AG', status: 'Active', template: 'starter-b2b', members: 5, requests: 1 },\r\n];\r\n\r\nconst mockStats = {\r\n  active: 3,\r\n  suspended: 1,\r\n  members: 50,\r\n  pendingRequests: 3,\r\n};\r\n\r\nconst mockDetailTabs = ['overview', 'members', 'groups', 'roles', 'applications', 'entra', 'requests'];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET' as const, path: '/api/administration/tenants', handler: 'GetAllTenants', permission: 'administration.tenants.read' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/{id}', handler: 'GetTenant', permission: 'authenticated' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/by-slug/{slug}', handler: 'GetTenantBySlug', permission: 'authenticated' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/config', handler: 'GetConfig', permission: 'authenticated' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/available-slug/{slug}', handler: 'CheckSlugAvailability', permission: 'authenticated' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/b2b', handler: 'CreateB2BTenant', permission: 'authenticated' },\r\n  { method: 'PUT' as const, path: '/api/administration/tenants/{id}', handler: 'UpdateTenant', permission: 'owner or admin' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/activate', handler: 'ActivateTenant', permission: 'administration.tenants.activate' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/suspend', handler: 'SuspendTenant', permission: 'administration.tenants.suspend' },\r\n  { method: 'DELETE' as const, path: '/api/administration/tenants/{id}', handler: 'ArchiveTenant', permission: 'administration.tenants.delete' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/organisation', handler: 'LinkOrganisation', permission: 'administration.tenants.update' },\r\n  { method: 'DELETE' as const, path: '/api/administration/tenants/{id}/organisation', handler: 'UnlinkOrganisation', permission: 'administration.tenants.update' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/template', handler: 'AssignTemplate', permission: 'administration.tenants.update' },\r\n  { method: 'DELETE' as const, path: '/api/administration/tenants/{id}/template', handler: 'RemoveTemplate', permission: 'administration.tenants.update' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/{id}/set-default', handler: 'SetDefaultTenant', permission: 'authenticated' },\r\n];\r\n\r\nconst statusConfig: Record<MockTenantStatus, { bg: string; text: string; border: string }> = {\r\n  Active: { bg: 'bg-green-500/10', text: 'text-green-700', border: 'border-green-500/20' },\r\n  Pending: { bg: 'bg-blue-500/10', text: 'text-blue-700', border: 'border-blue-500/20' },\r\n  Suspended: { bg: 'bg-amber-500/10', text: 'text-amber-700', border: 'border-amber-500/20' },\r\n  Archived: { bg: 'bg-gray-500/10', text: 'text-gray-600', border: 'border-gray-500/20' },\r\n};\r\n\r\nconst StatusIcon = ({ status }: { status: MockTenantStatus }) => {\r\n  if (status === 'Active') return <PlayCircle className=\"w-3 h-3\" />;\r\n  if (status === 'Suspended') return <PauseCircle className=\"w-3 h-3\" />;\r\n  if (status === 'Archived') return <Archive className=\"w-3 h-3\" />;\r\n  return <Clock className=\"w-3 h-3\" />;\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 BusinessTenantsDocPage() {\r\n  const { t } = useTranslation('docsAdministrationTenantsBusiness');\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          <Building 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 {t('header.businessRules')}</span>\r\n          <span>15 {t('header.apiEndpoints')}</span>\r\n          <span>4 {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 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: ACCESS                                                   */}\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-blue-600/10 text-blue-700 font-medium\">Business</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/list/enterprise</code>\r\n          </div>\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">{t('access.permission')}</div>\r\n            <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">administration.tenants.read</code>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 3: INTERFACE OVERVIEW - MOCK UI                             */}\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.desc')}</p>\r\n\r\n        <div className=\"card overflow-hidden mb-4\">\r\n          {/* Page header */}\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 className=\"text-[var(--text-primary)]\">{t('title')}</span>\r\n            </div>\r\n            <div className=\"flex items-center justify-between\">\r\n              <div className=\"flex items-center gap-3\">\r\n                <Building 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              <button className=\"px-4 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center gap-2 opacity-80\">\r\n                <Building className=\"w-4 h-4\" />\r\n                {t('interface.createButton')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Stats */}\r\n          <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 p-4\">\r\n            <div className=\"p-3 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <Building2 className=\"w-6 h-6 text-green-700\" />\r\n                <div>\r\n                  <div className=\"text-xl font-bold text-green-700\">{mockStats.active}</div>\r\n                  <div className=\"text-xs text-green-700\">{t('interface.stats.active')}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <PauseCircle className=\"w-6 h-6 text-amber-700\" />\r\n                <div>\r\n                  <div className=\"text-xl font-bold text-amber-700\">{mockStats.suspended}</div>\r\n                  <div className=\"text-xs text-amber-700\">{t('interface.stats.suspended')}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)]\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <Users className=\"w-6 h-6 text-[var(--text-secondary)]\" />\r\n                <div>\r\n                  <div className=\"text-xl font-bold text-[var(--text-primary)]\">{mockStats.members}</div>\r\n                  <div className=\"text-xs text-[var(--text-secondary)]\">{t('interface.stats.members')}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n              <div className=\"flex items-center gap-2\">\r\n                <Clock className=\"w-6 h-6 text-amber-700\" />\r\n                <div>\r\n                  <div className=\"text-xl font-bold text-amber-700\">{mockStats.pendingRequests}</div>\r\n                  <div className=\"text-xs text-amber-700\">{t('interface.stats.requests')}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Search/Filter toolbar */}\r\n          <div className=\"px-4 pb-3\">\r\n            <div className=\"flex items-center gap-3 p-3 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]\">\r\n              <div className=\"flex items-center gap-2 flex-1 px-3 py-1.5 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg\">\r\n                <Search className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                <span className=\"text-sm text-[var(--text-tertiary)]\">{t('interface.searchPlaceholder')}</span>\r\n              </div>\r\n              {/* Inline status dropdown (visible directly since type is locked to Business) */}\r\n              <div className=\"relative\">\r\n                <select className=\"appearance-none px-3 py-1.5 pr-8 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg text-sm text-[var(--text-secondary)]\">\r\n                  <option>{t('interface.columns.status')}: {t('interface.statusAll')}</option>\r\n                  <option>{t('interface.status.active')}</option>\r\n                  <option>{t('interface.status.pending')}</option>\r\n                  <option>{t('interface.status.suspended')}</option>\r\n                  <option>{t('interface.status.archived')}</option>\r\n                </select>\r\n                <Filter className=\"absolute right-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-[var(--text-tertiary)] pointer-events-none\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Table */}\r\n          <div className=\"px-4 pb-4\">\r\n            <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n              <table className=\"w-full text-sm\">\r\n                <thead className=\"bg-[var(--bg-secondary)]\">\r\n                  <tr>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.name')}</th>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.status')}</th>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell\">{t('interface.columns.template')}</th>\r\n                    <th className=\"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell\">{t('interface.columns.members')}</th>\r\n                    <th className=\"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell\">{t('interface.columns.requests')}</th>\r\n                    <th className=\"w-12 px-4 py-3\"></th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                  {mockTenants.map((tenant) => {\r\n                    const sc = statusConfig[tenant.status];\r\n                    return (\r\n                      <tr key={tenant.slug} className=\"hover:bg-[var(--bg-hover)] transition-colors\">\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"w-9 h-9 rounded-lg bg-[var(--bg-tertiary)] flex items-center justify-center\">\r\n                              <Building2 className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n                            </div>\r\n                            <div>\r\n                              <div className=\"font-medium text-[var(--text-primary)]\">{tenant.name}</div>\r\n                              <div className=\"text-xs text-[var(--text-tertiary)] font-mono\">{tenant.slug}</div>\r\n                            </div>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border ${sc.bg} ${sc.text} ${sc.border}`}>\r\n                            <StatusIcon status={tenant.status} />\r\n                            {t(`interface.status.${tenant.status.toLowerCase()}`)}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 hidden md:table-cell\">\r\n                          {tenant.template ? (\r\n                            <div className=\"flex items-center gap-1.5\">\r\n                              <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n                              <span className=\"text-sm\">{tenant.template}</span>\r\n                            </div>\r\n                          ) : (\r\n                            <span className=\"text-[var(--text-tertiary)]\">-</span>\r\n                          )}\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-center hidden lg:table-cell text-[var(--text-primary)]\">{tenant.members}</td>\r\n                        <td className=\"px-4 py-3 text-center hidden lg:table-cell\">\r\n                          {tenant.requests > 0 ? (\r\n                            <span className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs rounded-full bg-amber-500/10 text-amber-700 border border-amber-500/20\">\r\n                              <Clock className=\"w-3 h-3\" />\r\n                              {tenant.requests}\r\n                            </span>\r\n                          ) : (\r\n                            <span className=\"text-[var(--text-tertiary)]\">-</span>\r\n                          )}\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-center\">\r\n                          <button className=\"p-1.5 rounded-lg hover:bg-[var(--bg-tertiary)] transition-colors\">\r\n                            <MoreHorizontal className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                          </button>\r\n                        </td>\r\n                      </tr>\r\n                    );\r\n                  })}\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2\">\r\n          <Annotation text={t('interface.annotations.header')} />\r\n          <Annotation text={t('interface.annotations.stats')} />\r\n          <Annotation text={t('interface.annotations.toolbar')} />\r\n          <Annotation text={t('interface.annotations.nameCol')} />\r\n          <Annotation text={t('interface.annotations.statusCol')} />\r\n          <Annotation text={t('interface.annotations.templateCol')} />\r\n          <Annotation text={t('interface.annotations.membersCol')} />\r\n          <Annotation text={t('interface.annotations.requestsCol')} />\r\n          <Annotation text={t('interface.annotations.actionsCol')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 4: CREATE FORM - MOCK UI                                    */}\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 space-y-4\">\r\n          {/* Type selection */}\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-2\">{t('form.typeLabel')}</div>\r\n            <div className=\"p-4 border-2 border-blue-500/40 bg-blue-500/5 rounded-lg flex items-center gap-3\">\r\n              <div className=\"p-2 rounded-lg bg-blue-500/10 text-blue-600\">\r\n                <Building className=\"w-5 h-5\" />\r\n              </div>\r\n              <div className=\"flex-1\">\r\n                <div className=\"font-medium text-[var(--text-primary)]\">Business (B2B)</div>\r\n                <div className=\"text-xs text-[var(--text-secondary)]\">{t('form.b2bDesc')}</div>\r\n              </div>\r\n              <Check className=\"w-5 h-5 text-blue-600\" />\r\n            </div>\r\n          </div>\r\n\r\n          {/* Tenant details */}\r\n          <div className=\"border border-[var(--border-color)] rounded-lg p-4 space-y-3 bg-[var(--bg-secondary)]\">\r\n            <div className=\"text-sm font-semibold text-[var(--text-primary)]\">{t('form.tenantDetails')}</div>\r\n            <div>\r\n              <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n                <Building2 className=\"w-3.5 h-3.5 inline mr-1\" />{t('form.name')} *\r\n              </label>\r\n              <input readOnly value=\"Acme Corporation\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" />\r\n            </div>\r\n            <div className=\"grid grid-cols-2 gap-3\">\r\n              <div>\r\n                <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n                  <Hash className=\"w-3.5 h-3.5 inline mr-1\" />Slug\r\n                </label>\r\n                <input readOnly value=\"acme-corporation\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] font-mono\" />\r\n              </div>\r\n              <div>\r\n                <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n                  <FileText className=\"w-3.5 h-3.5 inline mr-1\" />{t('form.description')}\r\n                </label>\r\n                <input readOnly value=\"Enterprise B2B workspace\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Organisation mode */}\r\n          <div className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-secondary)]\">\r\n            <div className=\"text-sm font-semibold text-blue-700 flex items-center gap-2 mb-3\">\r\n              <Building className=\"w-4 h-4\" />{t('form.orgTitle')}\r\n            </div>\r\n            <div className=\"grid grid-cols-2 gap-3\">\r\n              <div className=\"p-3 border-2 border-green-500/40 bg-green-500/5 rounded-lg\">\r\n                <div className=\"flex items-center gap-2 mb-1\">\r\n                  <Zap className=\"w-4 h-4 text-green-700\" />\r\n                  <span className=\"text-sm font-medium\">{t('form.quickMode')}</span>\r\n                  <Check className=\"w-4 h-4 text-green-700 ml-auto\" />\r\n                </div>\r\n                <p className=\"text-xs text-[var(--text-secondary)]\">{t('form.quickModeDesc')}</p>\r\n              </div>\r\n              <div className=\"p-3 border border-[var(--border-color)] rounded-lg opacity-60\">\r\n                <div className=\"flex items-center gap-2 mb-1\">\r\n                  <Building className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n                  <span className=\"text-sm font-medium\">{t('form.createOrgMode')}</span>\r\n                </div>\r\n                <p className=\"text-xs text-[var(--text-secondary)]\">{t('form.createOrgDesc')}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Organisation details (create mode preview) */}\r\n          <div className=\"border border-blue-500/30 rounded-lg p-4 space-y-3 bg-blue-500/5\">\r\n            <div className=\"text-sm font-semibold text-blue-700 flex items-center gap-2\">\r\n              <FileCheck className=\"w-4 h-4\" />{t('form.orgDetails')}\r\n            </div>\r\n            <div className=\"grid grid-cols-2 gap-3\">\r\n              <div>\r\n                <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">{t('form.orgName')} *</label>\r\n                <input readOnly value=\"Acme Corp SA\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" />\r\n              </div>\r\n              <div>\r\n                <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">{t('form.businessIdType')} *</label>\r\n                <div className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\">CHE/IDE (Suisse)</div>\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">{t('form.businessId')} *</label>\r\n              <div className=\"flex gap-2\">\r\n                <input readOnly value=\"CHE-123.456.789\" className=\"flex-1 px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] font-mono\" />\r\n                <button className=\"px-3 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-xs flex items-center gap-1 opacity-80\">\r\n                  <Search className=\"w-3 h-3\" />\r\n                  Zefix\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div className=\"pt-2 border-t border-blue-500/20\">\r\n              <div className=\"text-xs font-semibold text-[var(--text-secondary)] flex items-center gap-1 mb-2\">\r\n                <MapPin className=\"w-3 h-3\" />{t('form.address')} *\r\n              </div>\r\n              <div className=\"grid grid-cols-3 gap-2\">\r\n                <div className=\"col-span-2\">\r\n                  <input readOnly value=\"Route de la Paix 42\" className=\"w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]\" />\r\n                </div>\r\n                <input readOnly value=\"1000\" className=\"w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]\" />\r\n                <div className=\"col-span-2\">\r\n                  <input readOnly value=\"Lausanne\" className=\"w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]\" />\r\n                </div>\r\n                <input readOnly value=\"CH\" className=\"w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)] uppercase\" />\r\n              </div>\r\n            </div>\r\n            <div className=\"grid grid-cols-3 gap-2 pt-2\">\r\n              <div className=\"flex items-center gap-1.5 px-2 py-1.5 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\">\r\n                <Phone className=\"w-3 h-3 text-[var(--text-tertiary)]\" />\r\n                <span className=\"text-xs text-[var(--text-tertiary)]\">+41 21 123 45 67</span>\r\n              </div>\r\n              <div className=\"flex items-center gap-1.5 px-2 py-1.5 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\">\r\n                <Mail className=\"w-3 h-3 text-[var(--text-tertiary)]\" />\r\n                <span className=\"text-xs text-[var(--text-tertiary)] truncate\">contact@acme.ch</span>\r\n              </div>\r\n              <div className=\"flex items-center gap-1.5 px-2 py-1.5 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\">\r\n                <Globe className=\"w-3 h-3 text-[var(--text-tertiary)]\" />\r\n                <span className=\"text-xs text-[var(--text-tertiary)] truncate\">www.acme.ch</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex gap-3 pt-2\">\r\n            <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg text-sm font-medium opacity-80\">\r\n              {t('form.submit')}\r\n            </button>\r\n            <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg text-sm opacity-80\">\r\n              {t('form.cancel')}\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2 mt-4\">\r\n          <Annotation text={t('form.annotations.type')} />\r\n          <Annotation text={t('form.annotations.name')} />\r\n          <Annotation text={t('form.annotations.slug')} />\r\n          <Annotation text={t('form.annotations.orgMode')} />\r\n          <Annotation text={t('form.annotations.zefix')} />\r\n          <Annotation text={t('form.annotations.address')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 5: DETAIL VIEW - MOCK UI                                    */}\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          {/* 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              <ArrowLeft className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n              <Building2 className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n              <div>\r\n                <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">Acme Corporation</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">acme-corporation</p>\r\n              </div>\r\n            </div>\r\n            <div className=\"flex items-center gap-2\">\r\n              <span className=\"inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-sm bg-green-500/10 text-green-700 border border-green-500/20\">\r\n                <PlayCircle className=\"w-4 h-4\" />\r\n                {t('detail.statusActive')}\r\n              </span>\r\n              <span className=\"px-2.5 py-1 rounded-full text-sm bg-blue-500/10 text-blue-700\">Business</span>\r\n              <button className=\"p-2 rounded-lg hover:bg-[var(--bg-hover)]\">\r\n                <RefreshCw className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Tabs */}\r\n          <div className=\"border-b border-[var(--border-color)] flex overflow-x-auto\">\r\n            {mockDetailTabs.map((tab, i) => (\r\n              <button\r\n                key={tab}\r\n                className={`px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${\r\n                  i === 0\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                {t(`detail.tabs.${tab}`)}\r\n              </button>\r\n            ))}\r\n          </div>\r\n\r\n          {/* Overview tab preview */}\r\n          <div className=\"p-4\">\r\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n              <div className=\"space-y-3\">\r\n                <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                  <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.overview.organisation')}</div>\r\n                  <div className=\"font-medium text-[var(--text-primary)]\">Acme Corp SA</div>\r\n                  <div className=\"text-xs text-[var(--text-tertiary)]\">CHE-123.456.789 · Route de la Paix 42, 1000 Lausanne</div>\r\n                </div>\r\n                <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                  <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.overview.template')}</div>\r\n                  <div className=\"flex items-center gap-2\">\r\n                    <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n                    <span className=\"font-medium\">pro-space</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"space-y-3\">\r\n                <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                  <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.overview.members')}</div>\r\n                  <div className=\"text-2xl font-bold text-[var(--color-primary-600)]\">24</div>\r\n                </div>\r\n                <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                  <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.overview.created')}</div>\r\n                  <div className=\"text-sm text-[var(--text-primary)]\">2024-03-15</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2 mt-4\">\r\n          <Annotation text={t('detail.annotations.header')} />\r\n          <Annotation text={t('detail.annotations.statusBadge')} />\r\n          <Annotation text={t('detail.annotations.tabs')} />\r\n          <Annotation text={t('detail.annotations.overview')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 6: USE CASES                                                */}\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-3 gap-4\">\r\n          {[1, 2, 3].map((i) => (\r\n            <div key={i} 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 flex items-center justify-center ${\r\n                  i === 1 ? 'bg-blue-500/10' : i === 2 ? 'bg-amber-500/10' : 'bg-purple-500/10'\r\n                }`}>\r\n                  <Users className={`w-6 h-6 ${i === 1 ? 'text-blue-600' : i === 2 ? 'text-amber-600' : 'text-purple-600'}`} />\r\n                </div>\r\n                <div>\r\n                  <div className=\"font-semibold\">{t(`useCases.${i}.persona`)}</div>\r\n                  <div className=\"text-sm text-[var(--text-secondary)]\">{t(`useCases.${i}.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)]\">{t('useCases.situationLabel')} </span>\r\n                  <span>{t(`useCases.${i}.situation`)}</span>\r\n                </div>\r\n                <div>\r\n                  <span className=\"font-medium text-green-600\">{t('useCases.withFeatureLabel')} </span>\r\n                  <span>{t(`useCases.${i}.withFeature`)}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 7: FEATURES                                                 */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section 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            const icons = [Search, PlayCircle, Building, Layers, Users];\r\n            const Icon = icons[i - 1];\r\n            return (\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                    <Icon 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)]\">{t('features.exampleLabel')} </span>\r\n                      {t(`features.${i}.example`)}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\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: TECHNICAL REFERENCE (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', category: 'Validation' },\r\n                  { id: 'BR-002', category: 'Config' },\r\n                  { id: 'BR-003', category: 'Lifecycle' },\r\n                  { id: 'BR-004', category: 'Lifecycle' },\r\n                  { id: 'BR-005', category: 'Template' },\r\n                  { id: 'BR-006', category: 'Organisation' },\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                    <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            {/* 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' ? '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        <Link\r\n          to=\"/docs/business/administration/tenants/template\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('nav.toTemplates')}\r\n          <ArrowLeft className=\"w-4 h-4 rotate-180\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["mockTenants","mockStats","mockDetailTabs","apiEndpoints","statusConfig","StatusIcon","status","jsx","PlayCircle","PauseCircle","Archive","Clock","Annotation","text","jsxs","Info","BusinessTenantsDocPage","t","useTranslation","Link","ArrowLeft","Building","Target","Lightbulb","Building2","Users","Search","Filter","tenant","sc","Layers","MoreHorizontal","Check","Hash","FileText","Zap","FileCheck","MapPin","Phone","Mail","Globe","RefreshCw","tab","i","Icon","rule","ep"],"mappings":"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"}