@atlashub/smartstack 3.11.0 → 3.14.0

package/dist/SupportTicketsDocPage-C_ybDTjC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportTicketsDocPage-C_ybDTjC.cjs","sources":["../src/pages/system/docs/user/SupportTicketsDocPage.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  Headphones,\r\n  ArrowRight,\r\n  Shield,\r\n  Search,\r\n  Filter,\r\n  Eye,\r\n  Trash2,\r\n  Plus,\r\n  LayoutGrid,\r\n  List,\r\n  Columns,\r\n  Info,\r\n  MessageSquare,\r\n  HelpCircle,\r\n} from 'lucide-react';\r\n\r\nconst ticketStats = [\r\n  { label: 'Total', value: '248', color: 'var(--text-primary)' },\r\n  { label: 'Open', value: '45', color: 'var(--warning-text)', border: 'var(--warning-border)' },\r\n  { label: 'In Progress', value: '32', color: 'var(--info-text)', border: 'var(--info-border)' },\r\n  { label: 'On Hold', value: '8', color: 'var(--warning-text)', border: 'var(--warning-border)' },\r\n  { label: 'Resolved', value: '128', color: 'var(--success-text)', border: 'var(--success-border)' },\r\n  { label: 'Closed', value: '35', color: 'var(--text-secondary)', border: 'var(--border-strong)' },\r\n  { label: 'Critical', value: '3', color: 'var(--error-text)', border: 'var(--error-border)' },\r\n  { label: 'High Priority', value: '12', color: 'var(--warning-text)', border: 'var(--warning-border)' },\r\n];\r\n\r\nconst mockTickets = [\r\n  { number: 'TKT-2024-001', title: 'Probleme de connexion', type: 'Bug', status: 'Open', priority: 'High', comments: 3, date: '09/01/2026' },\r\n  { number: 'TKT-2024-002', title: 'Demande nouvelle fonctionnalite', type: 'Feature Request', status: 'InProgress', priority: 'Medium', comments: 5, date: '08/01/2026' },\r\n  { number: 'TKT-2024-003', title: 'Question sur facturation', type: 'Question', status: 'Resolved', priority: 'Low', comments: 2, date: '07/01/2026' },\r\n  { number: 'TKT-2024-004', title: 'Erreur critique serveur', type: 'Bug', status: 'Open', priority: 'Critical', comments: 8, date: '09/01/2026' },\r\n];\r\n\r\nconst statusConfig = {\r\n  Open: { label: 'Ouvert', color: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20' },\r\n  InProgress: { label: 'En cours', color: 'bg-blue-500/10 text-blue-600 border-blue-500/20' },\r\n  OnHold: { label: 'En attente', color: 'bg-orange-500/10 text-orange-600 border-orange-500/20' },\r\n  Resolved: { label: 'Resolu', color: 'bg-green-500/10 text-green-600 border-green-500/20' },\r\n  Closed: { label: 'Ferme', color: 'bg-gray-500/10 text-gray-600 border-gray-500/20' },\r\n  Rejected: { label: 'Rejete', color: 'bg-red-500/10 text-red-600 border-red-500/20' },\r\n};\r\n\r\nconst priorityConfig = {\r\n  Low: { label: 'Basse', color: 'bg-blue-100 text-blue-800' },\r\n  Medium: { label: 'Moyenne', color: 'bg-yellow-100 text-yellow-800' },\r\n  High: { label: 'Haute', color: 'bg-orange-100 text-orange-800' },\r\n  Critical: { label: 'Critique', color: 'bg-red-600 text-white' },\r\n};\r\n\r\nconst faqItems = [\r\n  {\r\n    question: 'Comment filtrer les tickets par plusieurs criteres ?',\r\n    answer: 'Cliquez sur le bouton \"Filters\" pour afficher les options de filtrage. Vous pouvez combiner les filtres par statut, type et priorite. La recherche full-text s\\'applique sur le titre et le contenu.',\r\n  },\r\n  {\r\n    question: 'Quelle est la difference entre les trois vues ?',\r\n    answer: 'La vue Tableau offre une liste detaillee avec toutes les colonnes. La vue Cartes presente chaque ticket de facon visuelle. La vue Kanban organise les tickets par statut en colonnes drag-and-drop.',\r\n  },\r\n  {\r\n    question: 'Comment creer un nouveau ticket ?',\r\n    answer: 'Cliquez sur le bouton \"New Ticket\" en haut a droite. Remplissez le formulaire avec le titre, la description, le type et la priorite. Le ticket sera automatiquement assigne selon vos regles de routage.',\r\n  },\r\n  {\r\n    question: 'Puis-je supprimer un ticket ?',\r\n    answer: 'Oui, cliquez sur l\\'icone corbeille dans la colonne Actions. Une confirmation sera demandee. Note: La suppression est definitive. Pour conserver l\\'historique, preferez le statut \"Rejete\" ou \"Ferme\".',\r\n  },\r\n];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET', url: '/api/support/tickets', description: 'Liste paginee des tickets avec filtres' },\r\n  { method: 'GET', url: '/api/support/tickets/{id}', description: 'Detail d\\'un ticket' },\r\n  { method: 'POST', url: '/api/support/tickets', description: 'Creer un nouveau ticket' },\r\n  { method: 'PUT', url: '/api/support/tickets/{id}', description: 'Modifier un ticket' },\r\n  { method: 'DELETE', url: '/api/support/tickets/{id}', description: 'Supprimer un ticket' },\r\n  { method: 'GET', url: '/api/support/tickets/stats', description: 'Statistiques des tickets' },\r\n];\r\n\r\nexport function SupportTicketsDocPage() {\r\n  const { t } = useTranslation('docs');\r\n\r\n  return (\r\n    <div className=\"space-y-8\">\r\n      {/* Breadcrumb */}\r\n      <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n        <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n        <span>/</span>\r\n        <Link to=\"/system/docs/user\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.user')}</Link>\r\n        <span>/</span>\r\n        <Link to=\"/system/docs/user/support\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.support')}</Link>\r\n        <span>/</span>\r\n        <span>{t('support.tickets.title')}</span>\r\n      </div>\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          <Headphones className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('support.tickets.title')}\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('support.tickets.subtitle')}\r\n        </p>\r\n        <div className=\"mt-4 flex items-center gap-2\">\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-purple-500/10 text-purple-600 border border-purple-500/20\">\r\n            Support\r\n          </span>\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-blue-500/10 text-blue-600 border border-blue-500/20\">\r\n            Multi-vues\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Table des matieres */}\r\n      <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n        <h2 className=\"font-semibold mb-3\">Table des matieres</h2>\r\n        <nav className=\"grid grid-cols-2 md:grid-cols-3 gap-2 text-sm\">\r\n          <a href=\"#introduction\" className=\"text-[var(--color-primary-600)] hover:underline\">1. Introduction</a>\r\n          <a href=\"#access\" className=\"text-[var(--color-primary-600)] hover:underline\">2. Acces</a>\r\n          <a href=\"#overview\" className=\"text-[var(--color-primary-600)] hover:underline\">3. Vue d'ensemble</a>\r\n          <a href=\"#stats\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Statistiques</a>\r\n          <a href=\"#views\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Modes de vue</a>\r\n          <a href=\"#filters\" className=\"text-[var(--color-primary-600)] hover:underline\">6. Filtres</a>\r\n          <a href=\"#actions\" className=\"text-[var(--color-primary-600)] hover:underline\">7. Actions</a>\r\n          <a href=\"#faq\" className=\"text-[var(--color-primary-600)] hover:underline\">8. FAQ</a>\r\n          <a href=\"#api\" className=\"text-[var(--color-primary-600)] hover:underline\">9. Reference API</a>\r\n        </nav>\r\n      </div>\r\n\r\n      {/* 1. Introduction */}\r\n      <section id=\"introduction\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">1</span>\r\n          Introduction\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          La page Gestion des Tickets est le centre nevralgique du module Support. Elle permet aux agents\r\n          et superviseurs de visualiser l'ensemble des tickets, d'appliquer des filtres avances et de\r\n          travailler efficacement grace aux differents modes d'affichage.\r\n        </p>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <Eye className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Multi-vues</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Tableau, Cartes ou Kanban selon vos preferences</div>\r\n            </div>\r\n          </div>\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <Filter className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Filtres avances</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Par statut, type, priorite et recherche</div>\r\n            </div>\r\n          </div>\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <LayoutGrid className=\"w-4 h-4 text-green-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Statistiques temps reel</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">8 KPIs affiches en permanence</div>\r\n            </div>\r\n          </div>\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <Plus className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Actions rapides</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Creation, consultation, suppression</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 2. Acces */}\r\n      <section id=\"access\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">2</span>\r\n          Acces au module\r\n        </h2>\r\n\r\n        <div className=\"mb-4\">\r\n          <div className=\"text-sm font-medium mb-2\">Navigation</div>\r\n          <div className=\"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg\">\r\n            <span className=\"px-2 py-1 bg-[var(--bg-primary)] rounded\">Support</span>\r\n            <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n            <span className=\"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded\">Tickets</span>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"mb-4\">\r\n          <div className=\"text-sm font-medium mb-2\">URL directe</div>\r\n          <code className=\"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono\">\r\n            /support/tickets\r\n          </code>\r\n        </div>\r\n\r\n        <div>\r\n          <div className=\"flex items-center gap-2 mb-2\">\r\n            <Shield className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n            <span className=\"text-sm font-medium\">Permissions requises</span>\r\n          </div>\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 rounded-tl-lg\">Action</th>\r\n                <th className=\"text-left py-2 px-3 rounded-tr-lg\">Permission</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3\">Voir les tickets</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.read</code></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3\">Creer un ticket</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.create</code></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3\">Modifier un ticket</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.update</code></td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 px-3\">Supprimer un ticket</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.delete</code></td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 3. Vue d'ensemble - Maquette */}\r\n      <section id=\"overview\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">3</span>\r\n          Vue d'ensemble\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          L'interface se compose de quatre zones principales : l'en-tete avec le titre et bouton de creation,\r\n          les statistiques, la barre de recherche/filtres, et la zone d'affichage des tickets.\r\n        </p>\r\n\r\n        {/* Maquette complete */}\r\n        <div className=\"border border-[var(--border-color)] rounded-lg 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>\r\n              <div className=\"flex items-center gap-2\">\r\n                <Headphones className=\"w-5 h-5\" />\r\n                <span className=\"font-bold\">Support Tickets</span>\r\n              </div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Manage all support tickets and requests</div>\r\n            </div>\r\n            <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2 text-sm\">\r\n              <Plus className=\"w-4 h-4\" />\r\n              New Ticket\r\n            </button>\r\n          </div>\r\n\r\n          {/* Stats */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <div className=\"grid grid-cols-4 md:grid-cols-8 gap-2\">\r\n              {ticketStats.map((stat) => (\r\n                <div\r\n                  key={stat.label}\r\n                  className=\"p-2 bg-[var(--bg-primary)] rounded-lg text-center\"\r\n                  style={{ borderLeft: stat.border ? `3px solid ${stat.border}` : undefined }}\r\n                >\r\n                  <div className=\"text-lg font-bold\" style={{ color: stat.color }}>{stat.value}</div>\r\n                  <div className=\"text-xs text-[var(--text-secondary)]\">{stat.label}</div>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Search & Filters */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] flex items-center gap-4\">\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-secondary)]\" />\r\n              <input\r\n                type=\"text\"\r\n                placeholder=\"Search tickets...\"\r\n                className=\"w-full pl-10 pr-4 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\"\r\n                readOnly\r\n              />\r\n            </div>\r\n            <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg flex items-center gap-2 text-sm\">\r\n              <Filter className=\"w-4 h-4\" />\r\n              Filters\r\n            </button>\r\n            <div className=\"flex items-center border border-[var(--border-color)] rounded-lg\">\r\n              <button className=\"p-2 bg-[var(--color-primary-600)] text-white rounded-l-lg\">\r\n                <List className=\"w-4 h-4\" />\r\n              </button>\r\n              <button className=\"p-2 hover:bg-[var(--bg-secondary)]\">\r\n                <LayoutGrid className=\"w-4 h-4\" />\r\n              </button>\r\n              <button className=\"p-2 hover:bg-[var(--bg-secondary)] rounded-r-lg\">\r\n                <Columns className=\"w-4 h-4\" />\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Table */}\r\n          <div className=\"overflow-x-auto\">\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 p-3 font-medium\">#</th>\r\n                  <th className=\"text-left p-3 font-medium\">Title</th>\r\n                  <th className=\"text-left p-3 font-medium\">Type</th>\r\n                  <th className=\"text-left p-3 font-medium\">Status</th>\r\n                  <th className=\"text-left p-3 font-medium\">Priority</th>\r\n                  <th className=\"text-left p-3 font-medium\">Comments</th>\r\n                  <th className=\"text-left p-3 font-medium\">Created</th>\r\n                  <th className=\"text-right p-3 font-medium\">Actions</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                {mockTickets.map((ticket) => (\r\n                  <tr key={ticket.number} className=\"border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]\">\r\n                    <td className=\"p-3 font-mono text-xs\">{ticket.number}</td>\r\n                    <td className=\"p-3 font-medium\">{ticket.title}</td>\r\n                    <td className=\"p-3 text-[var(--text-secondary)]\">{ticket.type}</td>\r\n                    <td className=\"p-3\">\r\n                      <span className={`px-2 py-1 text-xs rounded border ${statusConfig[ticket.status as keyof typeof statusConfig]?.color}`}>\r\n                        {statusConfig[ticket.status as keyof typeof statusConfig]?.label || ticket.status}\r\n                      </span>\r\n                    </td>\r\n                    <td className=\"p-3\">\r\n                      <span className={`px-2 py-1 text-xs rounded ${priorityConfig[ticket.priority as keyof typeof priorityConfig]?.color}`}>\r\n                        {priorityConfig[ticket.priority as keyof typeof priorityConfig]?.label}\r\n                      </span>\r\n                    </td>\r\n                    <td className=\"p-3\">{ticket.comments}</td>\r\n                    <td className=\"p-3 text-[var(--text-secondary)]\">{ticket.date}</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 hover:bg-[var(--bg-secondary)] rounded\">\r\n                          <Eye className=\"w-4 h-4\" />\r\n                        </button>\r\n                        <button className=\"p-1.5 hover:bg-[var(--bg-secondary)] rounded text-[var(--error-text)]\">\r\n                          <Trash2 className=\"w-4 h-4\" />\r\n                        </button>\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                ))}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 4. Statistiques */}\r\n      <section id=\"stats\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">4</span>\r\n          Statistiques\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          La barre de statistiques affiche 8 metriques cles en temps reel, actualisees automatiquement.\r\n        </p>\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\">Metrique</th>\r\n                <th className=\"text-left py-2 px-3\">Description</th>\r\n                <th className=\"text-left py-2 px-3\">Couleur</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Total</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Nombre total de tickets</td>\r\n                <td className=\"py-2 px-3\">Neutre</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Open</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets ouverts non assignes</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-yellow-500/10 text-yellow-600\">Jaune</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">In Progress</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets en cours de traitement</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-blue-500/10 text-blue-600\">Bleu</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">On Hold</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets en attente d'information</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-orange-500/10 text-orange-600\">Orange</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Resolved</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets resolus</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-green-500/10 text-green-600\">Vert</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Closed</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets fermes definitivement</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-gray-500/10 text-gray-600\">Gris</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Critical</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets de priorite critique</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-red-500/10 text-red-600\">Rouge</span></td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 px-3 font-medium\">High Priority</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets de haute priorite</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-orange-500/10 text-orange-600\">Orange</span></td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 5. Modes de vue */}\r\n      <section id=\"views\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">5</span>\r\n          Modes de vue\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Trois modes d'affichage sont disponibles pour s'adapter a votre facon de travailler.\r\n        </p>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n            <div className=\"flex items-center gap-2 mb-3\">\r\n              <List className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n              <h3 className=\"font-semibold\">Vue Tableau</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n              Affichage classique en lignes avec toutes les colonnes visibles. Ideal pour l'analyse detaillee.\r\n            </p>\r\n            <ul className=\"text-sm text-[var(--text-secondary)] space-y-1\">\r\n              <li>+ Tri par colonne</li>\r\n              <li>+ Toutes les infos visibles</li>\r\n              <li>+ Actions en ligne</li>\r\n            </ul>\r\n          </div>\r\n\r\n          <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n            <div className=\"flex items-center gap-2 mb-3\">\r\n              <LayoutGrid className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n              <h3 className=\"font-semibold\">Vue Cartes</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n              Affichage en grille de cartes. Visualisation plus compacte et moderne.\r\n            </p>\r\n            <ul className=\"text-sm text-[var(--text-secondary)] space-y-1\">\r\n              <li>+ Vue d'ensemble rapide</li>\r\n              <li>+ Focus sur titre/statut</li>\r\n              <li>+ Responsive mobile</li>\r\n            </ul>\r\n          </div>\r\n\r\n          <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n            <div className=\"flex items-center gap-2 mb-3\">\r\n              <Columns className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n              <h3 className=\"font-semibold\">Vue Kanban</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n              Colonnes par statut pour un workflow visuel. Parfait pour le suivi du pipeline.\r\n            </p>\r\n            <ul className=\"text-sm text-[var(--text-secondary)] space-y-1\">\r\n              <li>+ Workflow visuel</li>\r\n              <li>+ Colonnes par statut</li>\r\n              <li>+ Vue charge par etape</li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 6. Filtres */}\r\n      <section id=\"filters\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">6</span>\r\n          Filtres et recherche\r\n        </h2>\r\n\r\n        <div className=\"space-y-4\">\r\n          <div>\r\n            <h3 className=\"font-medium mb-2\">Recherche full-text</h3>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              La barre de recherche filtre les tickets par titre, numero et contenu de description.\r\n              La recherche est effectuee cote serveur pour de meilleures performances.\r\n            </p>\r\n          </div>\r\n\r\n          <div>\r\n            <h3 className=\"font-medium mb-2\">Filtres disponibles</h3>\r\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n              <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"font-medium text-sm mb-2\">Statut</div>\r\n                <div className=\"flex flex-wrap gap-1\">\r\n                  {Object.entries(statusConfig).map(([key, config]) => (\r\n                    <span key={key} className={`px-2 py-0.5 text-xs rounded border ${config.color}`}>\r\n                      {config.label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n              <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"font-medium text-sm mb-2\">Type</div>\r\n                <div className=\"flex flex-wrap gap-1\">\r\n                  <span className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-primary)]\">Bug</span>\r\n                  <span className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-primary)]\">Feature Request</span>\r\n                  <span className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-primary)]\">Support</span>\r\n                  <span className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-primary)]\">Question</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"font-medium text-sm mb-2\">Priorite</div>\r\n                <div className=\"flex flex-wrap gap-1\">\r\n                  {Object.entries(priorityConfig).map(([key, config]) => (\r\n                    <span key={key} className={`px-2 py-0.5 text-xs rounded ${config.color}`}>\r\n                      {config.label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 7. Actions */}\r\n      <section id=\"actions\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">7</span>\r\n          Actions disponibles\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Plus className=\"w-5 h-5 text-green-600\" />\r\n              <h3 className=\"font-semibold text-green-600\">Creer</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Ouvre le formulaire de creation d'un nouveau ticket avec tous les champs requis.\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Eye className=\"w-5 h-5 text-blue-600\" />\r\n              <h3 className=\"font-semibold text-blue-600\">Consulter</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Ouvre la page de detail du ticket avec historique, commentaires et actions.\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-red-500/10 border border-red-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Trash2 className=\"w-5 h-5 text-red-600\" />\r\n              <h3 className=\"font-semibold text-red-600\">Supprimer</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Supprime definitivement le ticket apres confirmation. Action irreversible.\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 8. FAQ */}\r\n      <section id=\"faq\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">8</span>\r\n          <HelpCircle className=\"w-5 h-5\" />\r\n          Questions frequentes\r\n        </h2>\r\n\r\n        <div className=\"space-y-4\">\r\n          {faqItems.map((item) => (\r\n            <div key={item.question} className=\"p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n              <div className=\"flex items-start gap-3\">\r\n                <MessageSquare className=\"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5\" />\r\n                <div>\r\n                  <h4 className=\"font-medium mb-2\">{item.question}</h4>\r\n                  <p className=\"text-sm text-[var(--text-secondary)]\">{item.answer}</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* 9. Reference API */}\r\n      <section id=\"api\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">9</span>\r\n          Reference API\r\n        </h2>\r\n\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 rounded-tl-lg\">Methode</th>\r\n                <th className=\"text-left py-2 px-3\">Endpoint</th>\r\n                <th className=\"text-left py-2 px-3 rounded-tr-lg\">Description</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              {apiEndpoints.map((endpoint, index) => (\r\n                <tr key={index} 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                      endpoint.method === 'GET' ? 'bg-green-500/10 text-green-600' :\r\n                      endpoint.method === 'POST' ? 'bg-yellow-500/10 text-yellow-600' :\r\n                      endpoint.method === 'PUT' ? 'bg-blue-500/10 text-blue-600' :\r\n                      'bg-red-500/10 text-red-600'\r\n                    }`}>\r\n                      {endpoint.method}\r\n                    </span>\r\n                  </td>\r\n                  <td className=\"py-2 px-3 font-mono text-xs\">{endpoint.url}</td>\r\n                  <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{endpoint.description}</td>\r\n                </tr>\r\n              ))}\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Info box */}\r\n      <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3\">\r\n        <Info className=\"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5\" />\r\n        <div>\r\n          <div className=\"font-medium text-blue-600\">Pour aller plus loin</div>\r\n          <p className=\"text-sm text-[var(--text-secondary)]\">\r\n            Consultez la documentation \"Mes Tickets\" pour la vue agent personnelle avec indicateurs SLA integres.\r\n          </p>\r\n        </div>\r\n      </div>\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=\"/system/docs/user/support-dashboard\"\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          Dashboard\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-my-tickets\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          Mes Tickets (Agent)\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ticketStats","mockTickets","statusConfig","priorityConfig","faqItems","apiEndpoints","SupportTicketsDocPage","t","useTranslation","jsxs","jsx","Link","Headphones","Eye","Filter","LayoutGrid","Plus","ArrowRight","Shield","stat","Search","List","Columns","ticket","Trash2","key","config","HelpCircle","item","MessageSquare","endpoint","index","Info"],"mappings":"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"}

package/dist/SupportTicketsDocPage-DQhHfa6J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SupportTicketsDocPage-DQhHfa6J.js","sources":["../src/pages/system/docs/user/SupportTicketsDocPage.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  Headphones,\r\n  ArrowRight,\r\n  Shield,\r\n  Search,\r\n  Filter,\r\n  Eye,\r\n  Trash2,\r\n  Plus,\r\n  LayoutGrid,\r\n  List,\r\n  Columns,\r\n  Info,\r\n  MessageSquare,\r\n  HelpCircle,\r\n} from 'lucide-react';\r\n\r\nconst ticketStats = [\r\n  { label: 'Total', value: '248', color: 'var(--text-primary)' },\r\n  { label: 'Open', value: '45', color: 'var(--warning-text)', border: 'var(--warning-border)' },\r\n  { label: 'In Progress', value: '32', color: 'var(--info-text)', border: 'var(--info-border)' },\r\n  { label: 'On Hold', value: '8', color: 'var(--warning-text)', border: 'var(--warning-border)' },\r\n  { label: 'Resolved', value: '128', color: 'var(--success-text)', border: 'var(--success-border)' },\r\n  { label: 'Closed', value: '35', color: 'var(--text-secondary)', border: 'var(--border-strong)' },\r\n  { label: 'Critical', value: '3', color: 'var(--error-text)', border: 'var(--error-border)' },\r\n  { label: 'High Priority', value: '12', color: 'var(--warning-text)', border: 'var(--warning-border)' },\r\n];\r\n\r\nconst mockTickets = [\r\n  { number: 'TKT-2024-001', title: 'Probleme de connexion', type: 'Bug', status: 'Open', priority: 'High', comments: 3, date: '09/01/2026' },\r\n  { number: 'TKT-2024-002', title: 'Demande nouvelle fonctionnalite', type: 'Feature Request', status: 'InProgress', priority: 'Medium', comments: 5, date: '08/01/2026' },\r\n  { number: 'TKT-2024-003', title: 'Question sur facturation', type: 'Question', status: 'Resolved', priority: 'Low', comments: 2, date: '07/01/2026' },\r\n  { number: 'TKT-2024-004', title: 'Erreur critique serveur', type: 'Bug', status: 'Open', priority: 'Critical', comments: 8, date: '09/01/2026' },\r\n];\r\n\r\nconst statusConfig = {\r\n  Open: { label: 'Ouvert', color: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20' },\r\n  InProgress: { label: 'En cours', color: 'bg-blue-500/10 text-blue-600 border-blue-500/20' },\r\n  OnHold: { label: 'En attente', color: 'bg-orange-500/10 text-orange-600 border-orange-500/20' },\r\n  Resolved: { label: 'Resolu', color: 'bg-green-500/10 text-green-600 border-green-500/20' },\r\n  Closed: { label: 'Ferme', color: 'bg-gray-500/10 text-gray-600 border-gray-500/20' },\r\n  Rejected: { label: 'Rejete', color: 'bg-red-500/10 text-red-600 border-red-500/20' },\r\n};\r\n\r\nconst priorityConfig = {\r\n  Low: { label: 'Basse', color: 'bg-blue-100 text-blue-800' },\r\n  Medium: { label: 'Moyenne', color: 'bg-yellow-100 text-yellow-800' },\r\n  High: { label: 'Haute', color: 'bg-orange-100 text-orange-800' },\r\n  Critical: { label: 'Critique', color: 'bg-red-600 text-white' },\r\n};\r\n\r\nconst faqItems = [\r\n  {\r\n    question: 'Comment filtrer les tickets par plusieurs criteres ?',\r\n    answer: 'Cliquez sur le bouton \"Filters\" pour afficher les options de filtrage. Vous pouvez combiner les filtres par statut, type et priorite. La recherche full-text s\\'applique sur le titre et le contenu.',\r\n  },\r\n  {\r\n    question: 'Quelle est la difference entre les trois vues ?',\r\n    answer: 'La vue Tableau offre une liste detaillee avec toutes les colonnes. La vue Cartes presente chaque ticket de facon visuelle. La vue Kanban organise les tickets par statut en colonnes drag-and-drop.',\r\n  },\r\n  {\r\n    question: 'Comment creer un nouveau ticket ?',\r\n    answer: 'Cliquez sur le bouton \"New Ticket\" en haut a droite. Remplissez le formulaire avec le titre, la description, le type et la priorite. Le ticket sera automatiquement assigne selon vos regles de routage.',\r\n  },\r\n  {\r\n    question: 'Puis-je supprimer un ticket ?',\r\n    answer: 'Oui, cliquez sur l\\'icone corbeille dans la colonne Actions. Une confirmation sera demandee. Note: La suppression est definitive. Pour conserver l\\'historique, preferez le statut \"Rejete\" ou \"Ferme\".',\r\n  },\r\n];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET', url: '/api/support/tickets', description: 'Liste paginee des tickets avec filtres' },\r\n  { method: 'GET', url: '/api/support/tickets/{id}', description: 'Detail d\\'un ticket' },\r\n  { method: 'POST', url: '/api/support/tickets', description: 'Creer un nouveau ticket' },\r\n  { method: 'PUT', url: '/api/support/tickets/{id}', description: 'Modifier un ticket' },\r\n  { method: 'DELETE', url: '/api/support/tickets/{id}', description: 'Supprimer un ticket' },\r\n  { method: 'GET', url: '/api/support/tickets/stats', description: 'Statistiques des tickets' },\r\n];\r\n\r\nexport function SupportTicketsDocPage() {\r\n  const { t } = useTranslation('docs');\r\n\r\n  return (\r\n    <div className=\"space-y-8\">\r\n      {/* Breadcrumb */}\r\n      <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n        <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n        <span>/</span>\r\n        <Link to=\"/system/docs/user\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.user')}</Link>\r\n        <span>/</span>\r\n        <Link to=\"/system/docs/user/support\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.support')}</Link>\r\n        <span>/</span>\r\n        <span>{t('support.tickets.title')}</span>\r\n      </div>\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          <Headphones className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('support.tickets.title')}\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('support.tickets.subtitle')}\r\n        </p>\r\n        <div className=\"mt-4 flex items-center gap-2\">\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-purple-500/10 text-purple-600 border border-purple-500/20\">\r\n            Support\r\n          </span>\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-blue-500/10 text-blue-600 border border-blue-500/20\">\r\n            Multi-vues\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Table des matieres */}\r\n      <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n        <h2 className=\"font-semibold mb-3\">Table des matieres</h2>\r\n        <nav className=\"grid grid-cols-2 md:grid-cols-3 gap-2 text-sm\">\r\n          <a href=\"#introduction\" className=\"text-[var(--color-primary-600)] hover:underline\">1. Introduction</a>\r\n          <a href=\"#access\" className=\"text-[var(--color-primary-600)] hover:underline\">2. Acces</a>\r\n          <a href=\"#overview\" className=\"text-[var(--color-primary-600)] hover:underline\">3. Vue d'ensemble</a>\r\n          <a href=\"#stats\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Statistiques</a>\r\n          <a href=\"#views\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Modes de vue</a>\r\n          <a href=\"#filters\" className=\"text-[var(--color-primary-600)] hover:underline\">6. Filtres</a>\r\n          <a href=\"#actions\" className=\"text-[var(--color-primary-600)] hover:underline\">7. Actions</a>\r\n          <a href=\"#faq\" className=\"text-[var(--color-primary-600)] hover:underline\">8. FAQ</a>\r\n          <a href=\"#api\" className=\"text-[var(--color-primary-600)] hover:underline\">9. Reference API</a>\r\n        </nav>\r\n      </div>\r\n\r\n      {/* 1. Introduction */}\r\n      <section id=\"introduction\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">1</span>\r\n          Introduction\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          La page Gestion des Tickets est le centre nevralgique du module Support. Elle permet aux agents\r\n          et superviseurs de visualiser l'ensemble des tickets, d'appliquer des filtres avances et de\r\n          travailler efficacement grace aux differents modes d'affichage.\r\n        </p>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <Eye className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Multi-vues</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Tableau, Cartes ou Kanban selon vos preferences</div>\r\n            </div>\r\n          </div>\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <Filter className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Filtres avances</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Par statut, type, priorite et recherche</div>\r\n            </div>\r\n          </div>\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <LayoutGrid className=\"w-4 h-4 text-green-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Statistiques temps reel</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">8 KPIs affiches en permanence</div>\r\n            </div>\r\n          </div>\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <Plus className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Actions rapides</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Creation, consultation, suppression</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 2. Acces */}\r\n      <section id=\"access\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">2</span>\r\n          Acces au module\r\n        </h2>\r\n\r\n        <div className=\"mb-4\">\r\n          <div className=\"text-sm font-medium mb-2\">Navigation</div>\r\n          <div className=\"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg\">\r\n            <span className=\"px-2 py-1 bg-[var(--bg-primary)] rounded\">Support</span>\r\n            <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n            <span className=\"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded\">Tickets</span>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"mb-4\">\r\n          <div className=\"text-sm font-medium mb-2\">URL directe</div>\r\n          <code className=\"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono\">\r\n            /support/tickets\r\n          </code>\r\n        </div>\r\n\r\n        <div>\r\n          <div className=\"flex items-center gap-2 mb-2\">\r\n            <Shield className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n            <span className=\"text-sm font-medium\">Permissions requises</span>\r\n          </div>\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 rounded-tl-lg\">Action</th>\r\n                <th className=\"text-left py-2 px-3 rounded-tr-lg\">Permission</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3\">Voir les tickets</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.read</code></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3\">Creer un ticket</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.create</code></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3\">Modifier un ticket</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.update</code></td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 px-3\">Supprimer un ticket</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.delete</code></td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 3. Vue d'ensemble - Maquette */}\r\n      <section id=\"overview\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">3</span>\r\n          Vue d'ensemble\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          L'interface se compose de quatre zones principales : l'en-tete avec le titre et bouton de creation,\r\n          les statistiques, la barre de recherche/filtres, et la zone d'affichage des tickets.\r\n        </p>\r\n\r\n        {/* Maquette complete */}\r\n        <div className=\"border border-[var(--border-color)] rounded-lg 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>\r\n              <div className=\"flex items-center gap-2\">\r\n                <Headphones className=\"w-5 h-5\" />\r\n                <span className=\"font-bold\">Support Tickets</span>\r\n              </div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Manage all support tickets and requests</div>\r\n            </div>\r\n            <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2 text-sm\">\r\n              <Plus className=\"w-4 h-4\" />\r\n              New Ticket\r\n            </button>\r\n          </div>\r\n\r\n          {/* Stats */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <div className=\"grid grid-cols-4 md:grid-cols-8 gap-2\">\r\n              {ticketStats.map((stat) => (\r\n                <div\r\n                  key={stat.label}\r\n                  className=\"p-2 bg-[var(--bg-primary)] rounded-lg text-center\"\r\n                  style={{ borderLeft: stat.border ? `3px solid ${stat.border}` : undefined }}\r\n                >\r\n                  <div className=\"text-lg font-bold\" style={{ color: stat.color }}>{stat.value}</div>\r\n                  <div className=\"text-xs text-[var(--text-secondary)]\">{stat.label}</div>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Search & Filters */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] flex items-center gap-4\">\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-secondary)]\" />\r\n              <input\r\n                type=\"text\"\r\n                placeholder=\"Search tickets...\"\r\n                className=\"w-full pl-10 pr-4 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\"\r\n                readOnly\r\n              />\r\n            </div>\r\n            <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg flex items-center gap-2 text-sm\">\r\n              <Filter className=\"w-4 h-4\" />\r\n              Filters\r\n            </button>\r\n            <div className=\"flex items-center border border-[var(--border-color)] rounded-lg\">\r\n              <button className=\"p-2 bg-[var(--color-primary-600)] text-white rounded-l-lg\">\r\n                <List className=\"w-4 h-4\" />\r\n              </button>\r\n              <button className=\"p-2 hover:bg-[var(--bg-secondary)]\">\r\n                <LayoutGrid className=\"w-4 h-4\" />\r\n              </button>\r\n              <button className=\"p-2 hover:bg-[var(--bg-secondary)] rounded-r-lg\">\r\n                <Columns className=\"w-4 h-4\" />\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Table */}\r\n          <div className=\"overflow-x-auto\">\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 p-3 font-medium\">#</th>\r\n                  <th className=\"text-left p-3 font-medium\">Title</th>\r\n                  <th className=\"text-left p-3 font-medium\">Type</th>\r\n                  <th className=\"text-left p-3 font-medium\">Status</th>\r\n                  <th className=\"text-left p-3 font-medium\">Priority</th>\r\n                  <th className=\"text-left p-3 font-medium\">Comments</th>\r\n                  <th className=\"text-left p-3 font-medium\">Created</th>\r\n                  <th className=\"text-right p-3 font-medium\">Actions</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                {mockTickets.map((ticket) => (\r\n                  <tr key={ticket.number} className=\"border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]\">\r\n                    <td className=\"p-3 font-mono text-xs\">{ticket.number}</td>\r\n                    <td className=\"p-3 font-medium\">{ticket.title}</td>\r\n                    <td className=\"p-3 text-[var(--text-secondary)]\">{ticket.type}</td>\r\n                    <td className=\"p-3\">\r\n                      <span className={`px-2 py-1 text-xs rounded border ${statusConfig[ticket.status as keyof typeof statusConfig]?.color}`}>\r\n                        {statusConfig[ticket.status as keyof typeof statusConfig]?.label || ticket.status}\r\n                      </span>\r\n                    </td>\r\n                    <td className=\"p-3\">\r\n                      <span className={`px-2 py-1 text-xs rounded ${priorityConfig[ticket.priority as keyof typeof priorityConfig]?.color}`}>\r\n                        {priorityConfig[ticket.priority as keyof typeof priorityConfig]?.label}\r\n                      </span>\r\n                    </td>\r\n                    <td className=\"p-3\">{ticket.comments}</td>\r\n                    <td className=\"p-3 text-[var(--text-secondary)]\">{ticket.date}</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 hover:bg-[var(--bg-secondary)] rounded\">\r\n                          <Eye className=\"w-4 h-4\" />\r\n                        </button>\r\n                        <button className=\"p-1.5 hover:bg-[var(--bg-secondary)] rounded text-[var(--error-text)]\">\r\n                          <Trash2 className=\"w-4 h-4\" />\r\n                        </button>\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                ))}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 4. Statistiques */}\r\n      <section id=\"stats\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">4</span>\r\n          Statistiques\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          La barre de statistiques affiche 8 metriques cles en temps reel, actualisees automatiquement.\r\n        </p>\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\">Metrique</th>\r\n                <th className=\"text-left py-2 px-3\">Description</th>\r\n                <th className=\"text-left py-2 px-3\">Couleur</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Total</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Nombre total de tickets</td>\r\n                <td className=\"py-2 px-3\">Neutre</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Open</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets ouverts non assignes</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-yellow-500/10 text-yellow-600\">Jaune</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">In Progress</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets en cours de traitement</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-blue-500/10 text-blue-600\">Bleu</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">On Hold</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets en attente d'information</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-orange-500/10 text-orange-600\">Orange</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Resolved</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets resolus</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-green-500/10 text-green-600\">Vert</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Closed</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets fermes definitivement</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-gray-500/10 text-gray-600\">Gris</span></td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 px-3 font-medium\">Critical</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets de priorite critique</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-red-500/10 text-red-600\">Rouge</span></td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 px-3 font-medium\">High Priority</td>\r\n                <td className=\"py-2 px-3 text-[var(--text-secondary)]\">Tickets de haute priorite</td>\r\n                <td className=\"py-2 px-3\"><span className=\"px-2 py-0.5 rounded text-xs bg-orange-500/10 text-orange-600\">Orange</span></td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 5. Modes de vue */}\r\n      <section id=\"views\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">5</span>\r\n          Modes de vue\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Trois modes d'affichage sont disponibles pour s'adapter a votre facon de travailler.\r\n        </p>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n            <div className=\"flex items-center gap-2 mb-3\">\r\n              <List className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n              <h3 className=\"font-semibold\">Vue Tableau</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n              Affichage classique en lignes avec toutes les colonnes visibles. Ideal pour l'analyse detaillee.\r\n            </p>\r\n            <ul className=\"text-sm text-[var(--text-secondary)] space-y-1\">\r\n              <li>+ Tri par colonne</li>\r\n              <li>+ Toutes les infos visibles</li>\r\n              <li>+ Actions en ligne</li>\r\n            </ul>\r\n          </div>\r\n\r\n          <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n            <div className=\"flex items-center gap-2 mb-3\">\r\n              <LayoutGrid className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n              <h3 className=\"font-semibold\">Vue Cartes</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n              Affichage en grille de cartes. Visualisation plus compacte et moderne.\r\n            </p>\r\n            <ul className=\"text-sm text-[var(--text-secondary)] space-y-1\">\r\n              <li>+ Vue d'ensemble rapide</li>\r\n              <li>+ Focus sur titre/statut</li>\r\n              <li>+ Responsive mobile</li>\r\n            </ul>\r\n          </div>\r\n\r\n          <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n            <div className=\"flex items-center gap-2 mb-3\">\r\n              <Columns className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n              <h3 className=\"font-semibold\">Vue Kanban</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n              Colonnes par statut pour un workflow visuel. Parfait pour le suivi du pipeline.\r\n            </p>\r\n            <ul className=\"text-sm text-[var(--text-secondary)] space-y-1\">\r\n              <li>+ Workflow visuel</li>\r\n              <li>+ Colonnes par statut</li>\r\n              <li>+ Vue charge par etape</li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 6. Filtres */}\r\n      <section id=\"filters\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">6</span>\r\n          Filtres et recherche\r\n        </h2>\r\n\r\n        <div className=\"space-y-4\">\r\n          <div>\r\n            <h3 className=\"font-medium mb-2\">Recherche full-text</h3>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              La barre de recherche filtre les tickets par titre, numero et contenu de description.\r\n              La recherche est effectuee cote serveur pour de meilleures performances.\r\n            </p>\r\n          </div>\r\n\r\n          <div>\r\n            <h3 className=\"font-medium mb-2\">Filtres disponibles</h3>\r\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n              <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"font-medium text-sm mb-2\">Statut</div>\r\n                <div className=\"flex flex-wrap gap-1\">\r\n                  {Object.entries(statusConfig).map(([key, config]) => (\r\n                    <span key={key} className={`px-2 py-0.5 text-xs rounded border ${config.color}`}>\r\n                      {config.label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n              <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"font-medium text-sm mb-2\">Type</div>\r\n                <div className=\"flex flex-wrap gap-1\">\r\n                  <span className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-primary)]\">Bug</span>\r\n                  <span className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-primary)]\">Feature Request</span>\r\n                  <span className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-primary)]\">Support</span>\r\n                  <span className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-primary)]\">Question</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"font-medium text-sm mb-2\">Priorite</div>\r\n                <div className=\"flex flex-wrap gap-1\">\r\n                  {Object.entries(priorityConfig).map(([key, config]) => (\r\n                    <span key={key} className={`px-2 py-0.5 text-xs rounded ${config.color}`}>\r\n                      {config.label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 7. Actions */}\r\n      <section id=\"actions\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">7</span>\r\n          Actions disponibles\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Plus className=\"w-5 h-5 text-green-600\" />\r\n              <h3 className=\"font-semibold text-green-600\">Creer</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Ouvre le formulaire de creation d'un nouveau ticket avec tous les champs requis.\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Eye className=\"w-5 h-5 text-blue-600\" />\r\n              <h3 className=\"font-semibold text-blue-600\">Consulter</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Ouvre la page de detail du ticket avec historique, commentaires et actions.\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-red-500/10 border border-red-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Trash2 className=\"w-5 h-5 text-red-600\" />\r\n              <h3 className=\"font-semibold text-red-600\">Supprimer</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Supprime definitivement le ticket apres confirmation. Action irreversible.\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 8. FAQ */}\r\n      <section id=\"faq\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">8</span>\r\n          <HelpCircle className=\"w-5 h-5\" />\r\n          Questions frequentes\r\n        </h2>\r\n\r\n        <div className=\"space-y-4\">\r\n          {faqItems.map((item) => (\r\n            <div key={item.question} className=\"p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n              <div className=\"flex items-start gap-3\">\r\n                <MessageSquare className=\"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5\" />\r\n                <div>\r\n                  <h4 className=\"font-medium mb-2\">{item.question}</h4>\r\n                  <p className=\"text-sm text-[var(--text-secondary)]\">{item.answer}</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* 9. Reference API */}\r\n      <section id=\"api\" className=\"card p-6\">\r\n        <h2 className=\"text-xl font-semibold 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 font-bold\">9</span>\r\n          Reference API\r\n        </h2>\r\n\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 rounded-tl-lg\">Methode</th>\r\n                <th className=\"text-left py-2 px-3\">Endpoint</th>\r\n                <th className=\"text-left py-2 px-3 rounded-tr-lg\">Description</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              {apiEndpoints.map((endpoint, index) => (\r\n                <tr key={index} 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                      endpoint.method === 'GET' ? 'bg-green-500/10 text-green-600' :\r\n                      endpoint.method === 'POST' ? 'bg-yellow-500/10 text-yellow-600' :\r\n                      endpoint.method === 'PUT' ? 'bg-blue-500/10 text-blue-600' :\r\n                      'bg-red-500/10 text-red-600'\r\n                    }`}>\r\n                      {endpoint.method}\r\n                    </span>\r\n                  </td>\r\n                  <td className=\"py-2 px-3 font-mono text-xs\">{endpoint.url}</td>\r\n                  <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{endpoint.description}</td>\r\n                </tr>\r\n              ))}\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Info box */}\r\n      <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3\">\r\n        <Info className=\"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5\" />\r\n        <div>\r\n          <div className=\"font-medium text-blue-600\">Pour aller plus loin</div>\r\n          <p className=\"text-sm text-[var(--text-secondary)]\">\r\n            Consultez la documentation \"Mes Tickets\" pour la vue agent personnelle avec indicateurs SLA integres.\r\n          </p>\r\n        </div>\r\n      </div>\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=\"/system/docs/user/support-dashboard\"\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          Dashboard\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-my-tickets\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          Mes Tickets (Agent)\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ticketStats","mockTickets","statusConfig","priorityConfig","faqItems","apiEndpoints","SupportTicketsDocPage","t","useTranslation","jsxs","jsx","Link","Headphones","Eye","Filter","LayoutGrid","Plus","ArrowRight","Shield","stat","Search","List","Columns","ticket","Trash2","key","config","HelpCircle","item","MessageSquare","endpoint","index","Info"],"mappings":"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"}