@atlashub/smartstack 3.10.0 → 3.14.0

package/dist/SupportTemplatesDocPage-BkeDpR-8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportTemplatesDocPage-BkeDpR-8.cjs","sources":["../src/pages/system/docs/user/SupportTemplatesDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  FileText,\r\n  ArrowRight,\r\n  Shield,\r\n  Search,\r\n  Filter,\r\n  Plus,\r\n  Edit,\r\n  Trash2,\r\n  Eye,\r\n  EyeOff,\r\n  Copy,\r\n  Save,\r\n  Info,\r\n  HelpCircle,\r\n  MessageSquare,\r\n  Variable,\r\n} from 'lucide-react';\r\n\r\nconst categoryConfig = {\r\n  Greeting: { label: 'Salutation', color: 'bg-blue-500/10 text-blue-600' },\r\n  Acknowledgment: { label: 'Accuse reception', color: 'bg-green-500/10 text-green-600' },\r\n  RequestInfo: { label: 'Demande info', color: 'bg-yellow-500/10 text-yellow-600' },\r\n  Resolution: { label: 'Resolution', color: 'bg-purple-500/10 text-purple-600' },\r\n  Escalation: { label: 'Escalade', color: 'bg-orange-500/10 text-orange-600' },\r\n  Closure: { label: 'Cloture', color: 'bg-gray-500/10 text-gray-600' },\r\n};\r\n\r\nconst mockTemplates = [\r\n  { id: '1', title: 'Accuse de reception', category: 'Acknowledgment', content: 'Bonjour {{userFirstName}},\\n\\nNous avons bien recu votre demande concernant \"{{ticketTitle}}\"...', active: true, order: 1 },\r\n  { id: '2', title: 'Demande de precision', category: 'RequestInfo', content: 'Bonjour {{userFirstName}},\\n\\nAfin de mieux traiter votre demande, pourriez-vous nous preciser...', active: true, order: 2 },\r\n  { id: '3', title: 'Resolution standard', category: 'Resolution', content: 'Bonjour {{userFirstName}},\\n\\nVotre probleme a ete resolu. Voici la solution...', active: true, order: 3 },\r\n  { id: '4', title: 'Escalade niveau 2', category: 'Escalation', content: 'Bonjour {{userFirstName}},\\n\\nVotre demande necessite une expertise supplementaire...', active: false, order: 4 },\r\n];\r\n\r\nconst availableVariables = [\r\n  { name: '{{ticketNumber}}', description: 'Numero du ticket (ex: TKT-2024-001)' },\r\n  { name: '{{ticketTitle}}', description: 'Titre du ticket' },\r\n  { name: '{{userName}}', description: 'Nom complet du demandeur' },\r\n  { name: '{{userFirstName}}', description: 'Prenom du demandeur' },\r\n  { name: '{{userLastName}}', description: 'Nom de famille du demandeur' },\r\n  { name: '{{userEmail}}', description: 'Email du demandeur' },\r\n  { name: '{{priority}}', description: 'Priorite du ticket (Low/Medium/High/Critical)' },\r\n  { name: '{{type}}', description: 'Type de ticket (Bug/Feature/Support/Question)' },\r\n  { name: '{{status}}', description: 'Statut actuel du ticket' },\r\n  { name: '{{agentName}}', description: 'Nom de l\\'agent assigne' },\r\n  { name: '{{agentFirstName}}', description: 'Prenom de l\\'agent' },\r\n  { name: '{{createdAt}}', description: 'Date de creation du ticket' },\r\n  { name: '{{resolvedAt}}', description: 'Date de resolution' },\r\n  { name: '{{resolution}}', description: 'Note de resolution' },\r\n];\r\n\r\nconst faqItems = [\r\n  {\r\n    question: 'Comment utiliser les variables dans un template ?',\r\n    answer: 'Les variables sont encadrees par des doubles accolades {{variable}}. Lors de l\\'utilisation du template, elles sont automatiquement remplacees par les valeurs reelles du ticket. Cliquez sur une variable dans l\\'editeur pour l\\'inserer a la position du curseur.',\r\n  },\r\n  {\r\n    question: 'Quelle est la difference entre actif et inactif ?',\r\n    answer: 'Les templates inactifs ne sont pas visibles par les agents lors de la redaction de reponses. Utilisez cette fonctionnalite pour archiver des templates obsoletes sans les supprimer definitivement.',\r\n  },\r\n  {\r\n    question: 'Comment organiser l\\'ordre d\\'affichage ?',\r\n    answer: 'Le champ \"Display Order\" permet de definir l\\'ordre d\\'apparition des templates dans une meme categorie. Les templates avec un ordre plus bas apparaissent en premier.',\r\n  },\r\n  {\r\n    question: 'Puis-je dupliquer un template existant ?',\r\n    answer: 'Il n\\'y a pas de fonction de duplication directe. Copiez le contenu avec le bouton \"Copy\", creez un nouveau template et collez le contenu. Vous pouvez ensuite le modifier selon vos besoins.',\r\n  },\r\n];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET', url: '/api/support/templates', description: 'Liste des templates (filtrable par categorie)' },\r\n  { method: 'GET', url: '/api/support/templates/categories', description: 'Liste des categories disponibles' },\r\n  { method: 'GET', url: '/api/support/templates/{id}', description: 'Detail d\\'un template' },\r\n  { method: 'POST', url: '/api/support/templates', description: 'Creer un nouveau template' },\r\n  { method: 'PUT', url: '/api/support/templates/{id}', description: 'Modifier un template' },\r\n  { method: 'DELETE', url: '/api/support/templates/{id}', description: 'Supprimer un template' },\r\n  { method: 'POST', url: '/api/support/templates/{id}/activate', description: 'Activer un template' },\r\n  { method: 'POST', url: '/api/support/templates/{id}/deactivate', description: 'Desactiver un template' },\r\n];\r\n\r\nexport function SupportTemplatesDocPage(): ReactElement {\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.templates.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          <FileText className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          Templates de Reponse\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          Gestion des reponses pre-definies avec variables dynamiques pour accelerer le traitement des tickets.\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-teal-500/10 text-teal-600 border border-teal-500/20\">\r\n            Configuration\r\n          </span>\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            Variables\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-4 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=\"#categories\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Categories</a>\r\n          <a href=\"#variables\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Variables</a>\r\n          <a href=\"#crud\" className=\"text-[var(--color-primary-600)] hover:underline\">6. Operations</a>\r\n          <a href=\"#faq\" className=\"text-[var(--color-primary-600)] hover:underline\">7. FAQ</a>\r\n          <a href=\"#api\" className=\"text-[var(--color-primary-600)] hover:underline\">8. 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          Les templates de reponse permettent aux agents de gagner du temps en utilisant des reponses\r\n          pre-formatees. Les variables dynamiques sont remplacees automatiquement par les informations\r\n          du ticket lors de l'insertion.\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              <FileText className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">6 categories</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Organisation claire des templates</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              <Variable className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">14 variables</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Personnalisation automatique</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              <Copy className=\"w-4 h-4 text-green-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Copie rapide</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Un clic pour copier le contenu</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              <EyeOff className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Activation/Desactivation</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Archivage sans 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\">Templates</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/templates\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 templates</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.templates.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 template</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.templates.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 template</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.templates.update</code></td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 px-3\">Supprimer un template</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.templates.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 affiche les templates en grille de cartes avec filtrage par categorie et recherche.\r\n        </p>\r\n\r\n        {/* Maquette */}\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                <FileText className=\"w-5 h-5\" />\r\n                <span className=\"font-bold\">Response Templates</span>\r\n              </div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Manage pre-defined response templates for tickets</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 Template\r\n            </button>\r\n          </div>\r\n\r\n          {/* Filters */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <div className=\"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 templates...\"\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              <div className=\"flex items-center gap-2\">\r\n                <Filter className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n                <select className=\"px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\">\r\n                  <option>All Categories</option>\r\n                  <option>Greeting</option>\r\n                  <option>Acknowledgment</option>\r\n                  <option>Request Info</option>\r\n                </select>\r\n              </div>\r\n              <label className=\"flex items-center gap-2 text-sm\">\r\n                <input type=\"checkbox\" className=\"rounded\" />\r\n                Show Inactive\r\n              </label>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Templates Grid */}\r\n          <div className=\"p-4 grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n            {mockTemplates.map((template) => (\r\n              <div key={template.id} className={`p-4 border border-[var(--border-color)] rounded-lg ${!template.active ? 'opacity-60' : ''}`}>\r\n                <div className=\"flex items-start justify-between mb-3\">\r\n                  <span className={`text-xs px-2 py-1 rounded font-medium ${categoryConfig[template.category as keyof typeof categoryConfig]?.color}`}>\r\n                    {categoryConfig[template.category as keyof typeof categoryConfig]?.label}\r\n                  </span>\r\n                  <div className=\"flex items-center gap-1\">\r\n                    {!template.active && <span className=\"text-xs text-red-500 mr-2\">Inactive</span>}\r\n                    <button className=\"p-1 hover:bg-[var(--bg-secondary)] rounded\"><Copy className=\"w-3.5 h-3.5\" /></button>\r\n                    <button className=\"p-1 hover:bg-[var(--bg-secondary)] rounded\"><Edit className=\"w-3.5 h-3.5\" /></button>\r\n                    <button className=\"p-1 hover:bg-[var(--bg-secondary)] rounded\">{template.active ? <EyeOff className=\"w-3.5 h-3.5\" /> : <Eye className=\"w-3.5 h-3.5\" />}</button>\r\n                    <button className=\"p-1 hover:bg-[var(--bg-secondary)] rounded text-red-500\"><Trash2 className=\"w-3.5 h-3.5\" /></button>\r\n                  </div>\r\n                </div>\r\n                <h3 className=\"font-semibold mb-2\">{template.title}</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)] line-clamp-2 whitespace-pre-wrap\">{template.content}</p>\r\n                <div className=\"mt-3 pt-3 border-t border-[var(--border-color)] flex items-center justify-between text-xs text-[var(--text-secondary)]\">\r\n                  <span>Order: {template.order}</span>\r\n                  <span>Updated: 09/01/2026</span>\r\n                </div>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 4. Categories */}\r\n      <section id=\"categories\" 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          Categories de templates\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Les templates sont organises en 6 categories correspondant aux differentes etapes du cycle de vie d'un ticket.\r\n        </p>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n          {Object.entries(categoryConfig).map(([key, config]) => (\r\n            <div key={key} className={`p-4 rounded-lg ${config.color}`}>\r\n              <h3 className=\"font-semibold mb-2\">{config.label}</h3>\r\n              <p className=\"text-sm opacity-80\">\r\n                {key === 'Greeting' && 'Messages de bienvenue et d\\'introduction'}\r\n                {key === 'Acknowledgment' && 'Accuses de reception des demandes'}\r\n                {key === 'RequestInfo' && 'Demandes d\\'informations complementaires'}\r\n                {key === 'Resolution' && 'Messages de resolution de probleme'}\r\n                {key === 'Escalation' && 'Notifications d\\'escalade'}\r\n                {key === 'Closure' && 'Messages de cloture de ticket'}\r\n              </p>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* 5. Variables */}\r\n      <section id=\"variables\" 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          Variables dynamiques\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Les variables permettent de personnaliser automatiquement les templates avec les informations du ticket.\r\n          Elles sont remplacees lors de l'insertion du template.\r\n        </p>\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\">Variable</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              {availableVariables.map((variable) => (\r\n                <tr key={variable.name} className=\"border-b border-[var(--border-color)]\">\r\n                  <td className=\"py-2 px-3\">\r\n                    <code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs font-mono\">{variable.name}</code>\r\n                  </td>\r\n                  <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{variable.description}</td>\r\n                </tr>\r\n              ))}\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n\r\n        <div className=\"mt-4 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n          <h3 className=\"font-medium mb-2\">Exemple d'utilisation</h3>\r\n          <div className=\"p-3 bg-[var(--bg-primary)] rounded border border-[var(--border-color)] font-mono text-sm\">\r\n            <div>Bonjour <span className=\"text-purple-600\">{'{{userFirstName}}'}</span>,</div>\r\n            <div className=\"mt-2\">Nous avons bien recu votre demande concernant \"<span className=\"text-purple-600\">{'{{ticketTitle}}'}</span>\" (ref: <span className=\"text-purple-600\">{'{{ticketNumber}}'}</span>).</div>\r\n            <div className=\"mt-2\">Votre ticket a ete assigne a <span className=\"text-purple-600\">{'{{agentName}}'}</span> qui vous recontactera sous peu.</div>\r\n          </div>\r\n          <p className=\"text-sm text-[var(--text-secondary)] mt-2\">\r\n            Les variables en violet seront remplacees par les valeurs reelles du ticket.\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 6. Operations CRUD */}\r\n      <section id=\"crud\" 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          Operations disponibles\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 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 une modale avec le formulaire de creation: titre, categorie, contenu et ordre d'affichage.\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              <Edit className=\"w-5 h-5 text-blue-600\" />\r\n              <h3 className=\"font-semibold text-blue-600\">Modifier</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Edition du template existant. Tous les champs sont modifiables.\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-purple-500/10 border border-purple-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Copy className=\"w-5 h-5 text-purple-600\" />\r\n              <h3 className=\"font-semibold text-purple-600\">Copier</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Copie le contenu du template dans le presse-papiers pour une utilisation immediate.\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-orange-500/10 border border-orange-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <EyeOff className=\"w-5 h-5 text-orange-600\" />\r\n              <h3 className=\"font-semibold text-orange-600\">Activer/Desactiver</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Bascule l'etat du template. Les inactifs sont masques pour les agents.\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 md:col-span-2\">\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 template apres confirmation. Preferez la desactivation pour conserver l'historique.\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Maquette Modal */}\r\n        <div className=\"mt-6\">\r\n          <h3 className=\"font-medium mb-3\">Formulaire de creation/edition</h3>\r\n          <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n            <div className=\"p-4 border-b border-[var(--border-color)] flex items-center justify-between bg-[var(--bg-secondary)]\">\r\n              <span className=\"font-semibold\">Create Template</span>\r\n              <button className=\"p-1 hover:bg-[var(--bg-hover)] rounded\">&times;</button>\r\n            </div>\r\n            <div className=\"p-4 space-y-4\">\r\n              <div>\r\n                <label className=\"block text-sm font-medium mb-1\">Title *</label>\r\n                <input type=\"text\" placeholder=\"Template title\" className=\"w-full p-2 border border-[var(--border-color)] rounded-lg\" readOnly />\r\n              </div>\r\n              <div className=\"grid grid-cols-2 gap-4\">\r\n                <div>\r\n                  <label className=\"block text-sm font-medium mb-1\">Category *</label>\r\n                  <select className=\"w-full p-2 border border-[var(--border-color)] rounded-lg\">\r\n                    <option>Greeting</option>\r\n                  </select>\r\n                </div>\r\n                <div>\r\n                  <label className=\"block text-sm font-medium mb-1\">Display Order</label>\r\n                  <input type=\"number\" value=\"0\" className=\"w-full p-2 border border-[var(--border-color)] rounded-lg\" readOnly />\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <label className=\"block text-sm font-medium mb-1\">Content *</label>\r\n                <textarea rows={4} placeholder=\"Template content...\" className=\"w-full p-2 border border-[var(--border-color)] rounded-lg font-mono text-sm\" readOnly />\r\n              </div>\r\n              <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-sm font-medium mb-2\">Available Variables</div>\r\n                <div className=\"flex flex-wrap gap-1\">\r\n                  {availableVariables.slice(0, 6).map((v) => (\r\n                    <button key={v.name} className=\"text-xs px-2 py-1 bg-[var(--bg-primary)] rounded border border-[var(--border-color)] font-mono\">\r\n                      {v.name}\r\n                    </button>\r\n                  ))}\r\n                  <span className=\"text-xs px-2 py-1 text-[var(--text-secondary)]\">+8 more</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"p-4 border-t border-[var(--border-color)] flex justify-end gap-2 bg-[var(--bg-secondary)]\">\r\n              <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg\">Cancel</button>\r\n              <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2\">\r\n                <Save className=\"w-4 h-4\" />\r\n                Create\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 7. 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\">7</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      {/* 8. 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\">8</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={`${endpoint.method}-${endpoint.url}-${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 \"Configuration Escalade\" pour automatiser les notifications lors de depassements SLA.\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-sla\"\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          Configuration SLA\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-escalation\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          Configuration Escalade\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["categoryConfig","mockTemplates","availableVariables","faqItems","apiEndpoints","SupportTemplatesDocPage","t","useTranslation","jsxs","jsx","Link","FileText","Variable","Copy","EyeOff","ArrowRight","Shield","Plus","Search","Filter","template","Edit","Eye","Trash2","key","config","variable","v","Save","HelpCircle","item","MessageSquare","endpoint","index","Info"],"mappings":"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"}

package/dist/{SupportTemplatesDocPage-C8ZLzFJc.js → SupportTemplatesDocPage-sCKQlZFJ.js}

@@ -428,7 +428,7 @@ function P() {
           /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("span", { className: `px-2 py-0.5 rounded text-xs font-medium ${t.method === "GET" ? "bg-green-500/10 text-green-600" : t.method === "POST" ? "bg-yellow-500/10 text-yellow-600" : t.method === "PUT" ? "bg-blue-500/10 text-blue-600" : "bg-red-500/10 text-red-600"}`, children: t.method }) }),
           /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: t.url }),
           /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: t.description })
-        ] }, l)) })
+        ] }, `${t.method}-${t.url}-${l}`)) })
       ] }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3", children: [
@@ -467,4 +467,4 @@ function P() {
 export {
   P as SupportTemplatesDocPage
 };
-//# sourceMappingURL=SupportTemplatesDocPage-C8ZLzFJc.js.map
+//# sourceMappingURL=SupportTemplatesDocPage-sCKQlZFJ.js.map

package/dist/SupportTemplatesDocPage-sCKQlZFJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportTemplatesDocPage-sCKQlZFJ.js","sources":["../src/pages/system/docs/user/SupportTemplatesDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  FileText,\r\n  ArrowRight,\r\n  Shield,\r\n  Search,\r\n  Filter,\r\n  Plus,\r\n  Edit,\r\n  Trash2,\r\n  Eye,\r\n  EyeOff,\r\n  Copy,\r\n  Save,\r\n  Info,\r\n  HelpCircle,\r\n  MessageSquare,\r\n  Variable,\r\n} from 'lucide-react';\r\n\r\nconst categoryConfig = {\r\n  Greeting: { label: 'Salutation', color: 'bg-blue-500/10 text-blue-600' },\r\n  Acknowledgment: { label: 'Accuse reception', color: 'bg-green-500/10 text-green-600' },\r\n  RequestInfo: { label: 'Demande info', color: 'bg-yellow-500/10 text-yellow-600' },\r\n  Resolution: { label: 'Resolution', color: 'bg-purple-500/10 text-purple-600' },\r\n  Escalation: { label: 'Escalade', color: 'bg-orange-500/10 text-orange-600' },\r\n  Closure: { label: 'Cloture', color: 'bg-gray-500/10 text-gray-600' },\r\n};\r\n\r\nconst mockTemplates = [\r\n  { id: '1', title: 'Accuse de reception', category: 'Acknowledgment', content: 'Bonjour {{userFirstName}},\\n\\nNous avons bien recu votre demande concernant \"{{ticketTitle}}\"...', active: true, order: 1 },\r\n  { id: '2', title: 'Demande de precision', category: 'RequestInfo', content: 'Bonjour {{userFirstName}},\\n\\nAfin de mieux traiter votre demande, pourriez-vous nous preciser...', active: true, order: 2 },\r\n  { id: '3', title: 'Resolution standard', category: 'Resolution', content: 'Bonjour {{userFirstName}},\\n\\nVotre probleme a ete resolu. Voici la solution...', active: true, order: 3 },\r\n  { id: '4', title: 'Escalade niveau 2', category: 'Escalation', content: 'Bonjour {{userFirstName}},\\n\\nVotre demande necessite une expertise supplementaire...', active: false, order: 4 },\r\n];\r\n\r\nconst availableVariables = [\r\n  { name: '{{ticketNumber}}', description: 'Numero du ticket (ex: TKT-2024-001)' },\r\n  { name: '{{ticketTitle}}', description: 'Titre du ticket' },\r\n  { name: '{{userName}}', description: 'Nom complet du demandeur' },\r\n  { name: '{{userFirstName}}', description: 'Prenom du demandeur' },\r\n  { name: '{{userLastName}}', description: 'Nom de famille du demandeur' },\r\n  { name: '{{userEmail}}', description: 'Email du demandeur' },\r\n  { name: '{{priority}}', description: 'Priorite du ticket (Low/Medium/High/Critical)' },\r\n  { name: '{{type}}', description: 'Type de ticket (Bug/Feature/Support/Question)' },\r\n  { name: '{{status}}', description: 'Statut actuel du ticket' },\r\n  { name: '{{agentName}}', description: 'Nom de l\\'agent assigne' },\r\n  { name: '{{agentFirstName}}', description: 'Prenom de l\\'agent' },\r\n  { name: '{{createdAt}}', description: 'Date de creation du ticket' },\r\n  { name: '{{resolvedAt}}', description: 'Date de resolution' },\r\n  { name: '{{resolution}}', description: 'Note de resolution' },\r\n];\r\n\r\nconst faqItems = [\r\n  {\r\n    question: 'Comment utiliser les variables dans un template ?',\r\n    answer: 'Les variables sont encadrees par des doubles accolades {{variable}}. Lors de l\\'utilisation du template, elles sont automatiquement remplacees par les valeurs reelles du ticket. Cliquez sur une variable dans l\\'editeur pour l\\'inserer a la position du curseur.',\r\n  },\r\n  {\r\n    question: 'Quelle est la difference entre actif et inactif ?',\r\n    answer: 'Les templates inactifs ne sont pas visibles par les agents lors de la redaction de reponses. Utilisez cette fonctionnalite pour archiver des templates obsoletes sans les supprimer definitivement.',\r\n  },\r\n  {\r\n    question: 'Comment organiser l\\'ordre d\\'affichage ?',\r\n    answer: 'Le champ \"Display Order\" permet de definir l\\'ordre d\\'apparition des templates dans une meme categorie. Les templates avec un ordre plus bas apparaissent en premier.',\r\n  },\r\n  {\r\n    question: 'Puis-je dupliquer un template existant ?',\r\n    answer: 'Il n\\'y a pas de fonction de duplication directe. Copiez le contenu avec le bouton \"Copy\", creez un nouveau template et collez le contenu. Vous pouvez ensuite le modifier selon vos besoins.',\r\n  },\r\n];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET', url: '/api/support/templates', description: 'Liste des templates (filtrable par categorie)' },\r\n  { method: 'GET', url: '/api/support/templates/categories', description: 'Liste des categories disponibles' },\r\n  { method: 'GET', url: '/api/support/templates/{id}', description: 'Detail d\\'un template' },\r\n  { method: 'POST', url: '/api/support/templates', description: 'Creer un nouveau template' },\r\n  { method: 'PUT', url: '/api/support/templates/{id}', description: 'Modifier un template' },\r\n  { method: 'DELETE', url: '/api/support/templates/{id}', description: 'Supprimer un template' },\r\n  { method: 'POST', url: '/api/support/templates/{id}/activate', description: 'Activer un template' },\r\n  { method: 'POST', url: '/api/support/templates/{id}/deactivate', description: 'Desactiver un template' },\r\n];\r\n\r\nexport function SupportTemplatesDocPage(): ReactElement {\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.templates.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          <FileText className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          Templates de Reponse\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          Gestion des reponses pre-definies avec variables dynamiques pour accelerer le traitement des tickets.\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-teal-500/10 text-teal-600 border border-teal-500/20\">\r\n            Configuration\r\n          </span>\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            Variables\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-4 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=\"#categories\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Categories</a>\r\n          <a href=\"#variables\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Variables</a>\r\n          <a href=\"#crud\" className=\"text-[var(--color-primary-600)] hover:underline\">6. Operations</a>\r\n          <a href=\"#faq\" className=\"text-[var(--color-primary-600)] hover:underline\">7. FAQ</a>\r\n          <a href=\"#api\" className=\"text-[var(--color-primary-600)] hover:underline\">8. 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          Les templates de reponse permettent aux agents de gagner du temps en utilisant des reponses\r\n          pre-formatees. Les variables dynamiques sont remplacees automatiquement par les informations\r\n          du ticket lors de l'insertion.\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              <FileText className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">6 categories</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Organisation claire des templates</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              <Variable className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">14 variables</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Personnalisation automatique</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              <Copy className=\"w-4 h-4 text-green-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Copie rapide</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Un clic pour copier le contenu</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              <EyeOff className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Activation/Desactivation</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Archivage sans 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\">Templates</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/templates\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 templates</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.templates.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 template</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.templates.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 template</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.templates.update</code></td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 px-3\">Supprimer un template</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.templates.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 affiche les templates en grille de cartes avec filtrage par categorie et recherche.\r\n        </p>\r\n\r\n        {/* Maquette */}\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                <FileText className=\"w-5 h-5\" />\r\n                <span className=\"font-bold\">Response Templates</span>\r\n              </div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Manage pre-defined response templates for tickets</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 Template\r\n            </button>\r\n          </div>\r\n\r\n          {/* Filters */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <div className=\"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 templates...\"\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              <div className=\"flex items-center gap-2\">\r\n                <Filter className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n                <select className=\"px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\">\r\n                  <option>All Categories</option>\r\n                  <option>Greeting</option>\r\n                  <option>Acknowledgment</option>\r\n                  <option>Request Info</option>\r\n                </select>\r\n              </div>\r\n              <label className=\"flex items-center gap-2 text-sm\">\r\n                <input type=\"checkbox\" className=\"rounded\" />\r\n                Show Inactive\r\n              </label>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Templates Grid */}\r\n          <div className=\"p-4 grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n            {mockTemplates.map((template) => (\r\n              <div key={template.id} className={`p-4 border border-[var(--border-color)] rounded-lg ${!template.active ? 'opacity-60' : ''}`}>\r\n                <div className=\"flex items-start justify-between mb-3\">\r\n                  <span className={`text-xs px-2 py-1 rounded font-medium ${categoryConfig[template.category as keyof typeof categoryConfig]?.color}`}>\r\n                    {categoryConfig[template.category as keyof typeof categoryConfig]?.label}\r\n                  </span>\r\n                  <div className=\"flex items-center gap-1\">\r\n                    {!template.active && <span className=\"text-xs text-red-500 mr-2\">Inactive</span>}\r\n                    <button className=\"p-1 hover:bg-[var(--bg-secondary)] rounded\"><Copy className=\"w-3.5 h-3.5\" /></button>\r\n                    <button className=\"p-1 hover:bg-[var(--bg-secondary)] rounded\"><Edit className=\"w-3.5 h-3.5\" /></button>\r\n                    <button className=\"p-1 hover:bg-[var(--bg-secondary)] rounded\">{template.active ? <EyeOff className=\"w-3.5 h-3.5\" /> : <Eye className=\"w-3.5 h-3.5\" />}</button>\r\n                    <button className=\"p-1 hover:bg-[var(--bg-secondary)] rounded text-red-500\"><Trash2 className=\"w-3.5 h-3.5\" /></button>\r\n                  </div>\r\n                </div>\r\n                <h3 className=\"font-semibold mb-2\">{template.title}</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)] line-clamp-2 whitespace-pre-wrap\">{template.content}</p>\r\n                <div className=\"mt-3 pt-3 border-t border-[var(--border-color)] flex items-center justify-between text-xs text-[var(--text-secondary)]\">\r\n                  <span>Order: {template.order}</span>\r\n                  <span>Updated: 09/01/2026</span>\r\n                </div>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 4. Categories */}\r\n      <section id=\"categories\" 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          Categories de templates\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Les templates sont organises en 6 categories correspondant aux differentes etapes du cycle de vie d'un ticket.\r\n        </p>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n          {Object.entries(categoryConfig).map(([key, config]) => (\r\n            <div key={key} className={`p-4 rounded-lg ${config.color}`}>\r\n              <h3 className=\"font-semibold mb-2\">{config.label}</h3>\r\n              <p className=\"text-sm opacity-80\">\r\n                {key === 'Greeting' && 'Messages de bienvenue et d\\'introduction'}\r\n                {key === 'Acknowledgment' && 'Accuses de reception des demandes'}\r\n                {key === 'RequestInfo' && 'Demandes d\\'informations complementaires'}\r\n                {key === 'Resolution' && 'Messages de resolution de probleme'}\r\n                {key === 'Escalation' && 'Notifications d\\'escalade'}\r\n                {key === 'Closure' && 'Messages de cloture de ticket'}\r\n              </p>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* 5. Variables */}\r\n      <section id=\"variables\" 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          Variables dynamiques\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Les variables permettent de personnaliser automatiquement les templates avec les informations du ticket.\r\n          Elles sont remplacees lors de l'insertion du template.\r\n        </p>\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\">Variable</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              {availableVariables.map((variable) => (\r\n                <tr key={variable.name} className=\"border-b border-[var(--border-color)]\">\r\n                  <td className=\"py-2 px-3\">\r\n                    <code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs font-mono\">{variable.name}</code>\r\n                  </td>\r\n                  <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{variable.description}</td>\r\n                </tr>\r\n              ))}\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n\r\n        <div className=\"mt-4 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n          <h3 className=\"font-medium mb-2\">Exemple d'utilisation</h3>\r\n          <div className=\"p-3 bg-[var(--bg-primary)] rounded border border-[var(--border-color)] font-mono text-sm\">\r\n            <div>Bonjour <span className=\"text-purple-600\">{'{{userFirstName}}'}</span>,</div>\r\n            <div className=\"mt-2\">Nous avons bien recu votre demande concernant \"<span className=\"text-purple-600\">{'{{ticketTitle}}'}</span>\" (ref: <span className=\"text-purple-600\">{'{{ticketNumber}}'}</span>).</div>\r\n            <div className=\"mt-2\">Votre ticket a ete assigne a <span className=\"text-purple-600\">{'{{agentName}}'}</span> qui vous recontactera sous peu.</div>\r\n          </div>\r\n          <p className=\"text-sm text-[var(--text-secondary)] mt-2\">\r\n            Les variables en violet seront remplacees par les valeurs reelles du ticket.\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 6. Operations CRUD */}\r\n      <section id=\"crud\" 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          Operations disponibles\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 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 une modale avec le formulaire de creation: titre, categorie, contenu et ordre d'affichage.\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              <Edit className=\"w-5 h-5 text-blue-600\" />\r\n              <h3 className=\"font-semibold text-blue-600\">Modifier</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Edition du template existant. Tous les champs sont modifiables.\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-purple-500/10 border border-purple-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Copy className=\"w-5 h-5 text-purple-600\" />\r\n              <h3 className=\"font-semibold text-purple-600\">Copier</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Copie le contenu du template dans le presse-papiers pour une utilisation immediate.\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-orange-500/10 border border-orange-500/20\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <EyeOff className=\"w-5 h-5 text-orange-600\" />\r\n              <h3 className=\"font-semibold text-orange-600\">Activer/Desactiver</h3>\r\n            </div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Bascule l'etat du template. Les inactifs sont masques pour les agents.\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 md:col-span-2\">\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 template apres confirmation. Preferez la desactivation pour conserver l'historique.\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Maquette Modal */}\r\n        <div className=\"mt-6\">\r\n          <h3 className=\"font-medium mb-3\">Formulaire de creation/edition</h3>\r\n          <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n            <div className=\"p-4 border-b border-[var(--border-color)] flex items-center justify-between bg-[var(--bg-secondary)]\">\r\n              <span className=\"font-semibold\">Create Template</span>\r\n              <button className=\"p-1 hover:bg-[var(--bg-hover)] rounded\">&times;</button>\r\n            </div>\r\n            <div className=\"p-4 space-y-4\">\r\n              <div>\r\n                <label className=\"block text-sm font-medium mb-1\">Title *</label>\r\n                <input type=\"text\" placeholder=\"Template title\" className=\"w-full p-2 border border-[var(--border-color)] rounded-lg\" readOnly />\r\n              </div>\r\n              <div className=\"grid grid-cols-2 gap-4\">\r\n                <div>\r\n                  <label className=\"block text-sm font-medium mb-1\">Category *</label>\r\n                  <select className=\"w-full p-2 border border-[var(--border-color)] rounded-lg\">\r\n                    <option>Greeting</option>\r\n                  </select>\r\n                </div>\r\n                <div>\r\n                  <label className=\"block text-sm font-medium mb-1\">Display Order</label>\r\n                  <input type=\"number\" value=\"0\" className=\"w-full p-2 border border-[var(--border-color)] rounded-lg\" readOnly />\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <label className=\"block text-sm font-medium mb-1\">Content *</label>\r\n                <textarea rows={4} placeholder=\"Template content...\" className=\"w-full p-2 border border-[var(--border-color)] rounded-lg font-mono text-sm\" readOnly />\r\n              </div>\r\n              <div className=\"p-3 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-sm font-medium mb-2\">Available Variables</div>\r\n                <div className=\"flex flex-wrap gap-1\">\r\n                  {availableVariables.slice(0, 6).map((v) => (\r\n                    <button key={v.name} className=\"text-xs px-2 py-1 bg-[var(--bg-primary)] rounded border border-[var(--border-color)] font-mono\">\r\n                      {v.name}\r\n                    </button>\r\n                  ))}\r\n                  <span className=\"text-xs px-2 py-1 text-[var(--text-secondary)]\">+8 more</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"p-4 border-t border-[var(--border-color)] flex justify-end gap-2 bg-[var(--bg-secondary)]\">\r\n              <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg\">Cancel</button>\r\n              <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2\">\r\n                <Save className=\"w-4 h-4\" />\r\n                Create\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 7. 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\">7</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      {/* 8. 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\">8</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={`${endpoint.method}-${endpoint.url}-${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 \"Configuration Escalade\" pour automatiser les notifications lors de depassements SLA.\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-sla\"\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          Configuration SLA\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-escalation\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          Configuration Escalade\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["categoryConfig","mockTemplates","availableVariables","faqItems","apiEndpoints","SupportTemplatesDocPage","t","useTranslation","jsxs","jsx","Link","FileText","Variable","Copy","EyeOff","ArrowRight","Shield","Plus","Search","Filter","template","Edit","Eye","Trash2","key","config","variable","v","Save","HelpCircle","item","MessageSquare","endpoint","index","Info"],"mappings":";;;;AAsBA,MAAMA,IAAiB;AAAA,EACrB,UAAU,EAAE,OAAO,cAAc,OAAO,+BAAA;AAAA,EACxC,gBAAgB,EAAE,OAAO,oBAAoB,OAAO,iCAAA;AAAA,EACpD,aAAa,EAAE,OAAO,gBAAgB,OAAO,mCAAA;AAAA,EAC7C,YAAY,EAAE,OAAO,cAAc,OAAO,mCAAA;AAAA,EAC1C,YAAY,EAAE,OAAO,YAAY,OAAO,mCAAA;AAAA,EACxC,SAAS,EAAE,OAAO,WAAW,OAAO,+BAAA;AACtC,GAEMC,IAAgB;AAAA,EACpB,EAAE,IAAI,KAAK,OAAO,uBAAuB,UAAU,kBAAkB,SAAS;AAAA;AAAA,qEAAoG,QAAQ,IAAM,OAAO,EAAA;AAAA,EACvM,EAAE,IAAI,KAAK,OAAO,wBAAwB,UAAU,eAAe,SAAS;AAAA;AAAA,sEAAqG,QAAQ,IAAM,OAAO,EAAA;AAAA,EACtM,EAAE,IAAI,KAAK,OAAO,uBAAuB,UAAU,cAAc,SAAS;AAAA;AAAA,oDAAmF,QAAQ,IAAM,OAAO,EAAA;AAAA,EAClL,EAAE,IAAI,KAAK,OAAO,qBAAqB,UAAU,cAAc,SAAS;AAAA;AAAA,0DAAyF,QAAQ,IAAO,OAAO,EAAA;AACzL,GAEMC,IAAqB;AAAA,EACzB,EAAE,MAAM,oBAAoB,aAAa,sCAAA;AAAA,EACzC,EAAE,MAAM,mBAAmB,aAAa,kBAAA;AAAA,EACxC,EAAE,MAAM,gBAAgB,aAAa,2BAAA;AAAA,EACrC,EAAE,MAAM,qBAAqB,aAAa,sBAAA;AAAA,EAC1C,EAAE,MAAM,oBAAoB,aAAa,8BAAA;AAAA,EACzC,EAAE,MAAM,iBAAiB,aAAa,qBAAA;AAAA,EACtC,EAAE,MAAM,gBAAgB,aAAa,gDAAA;AAAA,EACrC,EAAE,MAAM,YAAY,aAAa,gDAAA;AAAA,EACjC,EAAE,MAAM,cAAc,aAAa,0BAAA;AAAA,EACnC,EAAE,MAAM,iBAAiB,aAAa,yBAAA;AAAA,EACtC,EAAE,MAAM,sBAAsB,aAAa,oBAAA;AAAA,EAC3C,EAAE,MAAM,iBAAiB,aAAa,6BAAA;AAAA,EACtC,EAAE,MAAM,kBAAkB,aAAa,qBAAA;AAAA,EACvC,EAAE,MAAM,kBAAkB,aAAa,qBAAA;AACzC,GAEMC,IAAW;AAAA,EACf;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAEZ,GAEMC,IAAe;AAAA,EACnB,EAAE,QAAQ,OAAO,KAAK,0BAA0B,aAAa,gDAAA;AAAA,EAC7D,EAAE,QAAQ,OAAO,KAAK,qCAAqC,aAAa,mCAAA;AAAA,EACxE,EAAE,QAAQ,OAAO,KAAK,+BAA+B,aAAa,uBAAA;AAAA,EAClE,EAAE,QAAQ,QAAQ,KAAK,0BAA0B,aAAa,4BAAA;AAAA,EAC9D,EAAE,QAAQ,OAAO,KAAK,+BAA+B,aAAa,uBAAA;AAAA,EAClE,EAAE,QAAQ,UAAU,KAAK,+BAA+B,aAAa,wBAAA;AAAA,EACrE,EAAE,QAAQ,QAAQ,KAAK,wCAAwC,aAAa,sBAAA;AAAA,EAC5E,EAAE,QAAQ,QAAQ,KAAK,0CAA0C,aAAa,yBAAA;AAChF;AAEO,SAASC,IAAwC;AACtD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,MAAM;AAEnC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,aAEb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAK,IAAG,gBAAe,WAAU,yCAAyC,UAAAJ,EAAE,0BAA0B,GAAE;AAAA,MACzG,gBAAAG,EAAC,UAAK,UAAA,IAAA,CAAC;AAAA,MACP,gBAAAA,EAACC,KAAK,IAAG,qBAAoB,WAAU,yCAAyC,UAAAJ,EAAE,iBAAiB,GAAE;AAAA,MACrG,gBAAAG,EAAC,UAAK,UAAA,IAAA,CAAC;AAAA,MACP,gBAAAA,EAACC,KAAK,IAAG,6BAA4B,WAAU,yCAAyC,UAAAJ,EAAE,oBAAoB,GAAE;AAAA,MAChH,gBAAAG,EAAC,UAAK,UAAA,IAAA,CAAC;AAAA,MACP,gBAAAA,EAAC,QAAA,EAAM,UAAAH,EAAE,yBAAyB,EAAA,CAAE;AAAA,IAAA,GACtC;AAAA,sBAGC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,mDACZ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EAAS,WAAU,0CAAA,CAA0C;AAAA,QAAE;AAAA,MAAA,GAElE;AAAA,MACA,gBAAAF,EAAC,KAAA,EAAE,WAAU,wCAAuC,UAAA,yGAEpD;AAAA,MACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,yFAAwF,UAAA,iBAExG;AAAA,QACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,+FAA8F,UAAA,YAAA,CAE9G;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAqB,UAAA,sBAAkB;AAAA,MACrD,gBAAAD,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,KAAA,EAAE,MAAK,iBAAgB,WAAU,mDAAkD,UAAA,mBAAe;AAAA,0BAClG,KAAA,EAAE,MAAK,WAAU,WAAU,mDAAkD,UAAA,YAAQ;AAAA,0BACrF,KAAA,EAAE,MAAK,aAAY,WAAU,mDAAkD,UAAA,qBAAiB;AAAA,0BAChG,KAAA,EAAE,MAAK,eAAc,WAAU,mDAAkD,UAAA,iBAAa;AAAA,0BAC9F,KAAA,EAAE,MAAK,cAAa,WAAU,mDAAkD,UAAA,gBAAY;AAAA,0BAC5F,KAAA,EAAE,MAAK,SAAQ,WAAU,mDAAkD,UAAA,iBAAa;AAAA,0BACxF,KAAA,EAAE,MAAK,QAAO,WAAU,mDAAkD,UAAA,UAAM;AAAA,0BAChF,KAAA,EAAE,MAAK,QAAO,WAAU,mDAAkD,UAAA,mBAAA,CAAgB;AAAA,MAAA,EAAA,CAC7F;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,WAAA,EAAQ,IAAG,gBAAe,WAAU,YACnC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,oHAAmH,UAAA,KAAC;AAAA,QAAO;AAAA,MAAA,GAE7I;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA,2NAIjD;AAAA,MACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,sFACb,4BAACE,GAAA,EAAS,WAAU,yBAAwB,EAAA,CAC9C;AAAA,4BACC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,eAAc,UAAA,gBAAY;AAAA,YACzC,gBAAAA,EAAC,OAAA,EAAI,WAAU,wCAAuC,UAAA,oCAAA,CAAiC;AAAA,UAAA,EAAA,CACzF;AAAA,QAAA,GACF;AAAA,QACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,wFACb,4BAACG,GAAA,EAAS,WAAU,2BAA0B,EAAA,CAChD;AAAA,4BACC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,eAAc,UAAA,gBAAY;AAAA,YACzC,gBAAAA,EAAC,OAAA,EAAI,WAAU,wCAAuC,UAAA,+BAAA,CAA4B;AAAA,UAAA,EAAA,CACpF;AAAA,QAAA,GACF;AAAA,QACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,uFACb,4BAACI,GAAA,EAAK,WAAU,0BAAyB,EAAA,CAC3C;AAAA,4BACC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,eAAc,UAAA,gBAAY;AAAA,YACzC,gBAAAA,EAAC,OAAA,EAAI,WAAU,wCAAuC,UAAA,iCAAA,CAA8B;AAAA,UAAA,EAAA,CACtF;AAAA,QAAA,GACF;AAAA,QACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,wFACb,4BAACK,GAAA,EAAO,WAAU,2BAA0B,EAAA,CAC9C;AAAA,4BACC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,eAAc,UAAA,4BAAwB;AAAA,YACrD,gBAAAA,EAAC,OAAA,EAAI,WAAU,wCAAuC,UAAA,6BAAA,CAA0B;AAAA,UAAA,EAAA,CAClF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,WAAA,EAAQ,IAAG,UAAS,WAAU,YAC7B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,oHAAmH,UAAA,KAAC;AAAA,QAAO;AAAA,MAAA,GAE7I;AAAA,MAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BAA2B,UAAA,cAAU;AAAA,QACpD,gBAAAD,EAAC,OAAA,EAAI,WAAU,2EACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,4CAA2C,UAAA,WAAO;AAAA,UAClE,gBAAAA,EAACM,GAAA,EAAW,WAAU,sCAAA,CAAsC;AAAA,UAC5D,gBAAAN,EAAC,QAAA,EAAK,WAAU,8DAA6D,UAAA,YAAA,CAAS;AAAA,QAAA,EAAA,CACxF;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BAA2B,UAAA,eAAW;AAAA,QACrD,gBAAAA,EAAC,QAAA,EAAK,WAAU,mEAAkE,UAAA,qBAAA,CAElF;AAAA,MAAA,GACF;AAAA,wBAEC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAA,gBAAAC,EAACO,GAAA,EAAO,WAAU,0CAAA,CAA0C;AAAA,UAC5D,gBAAAP,EAAC,QAAA,EAAK,WAAU,uBAAsB,UAAA,uBAAA,CAAoB;AAAA,QAAA,GAC5D;AAAA,QACA,gBAAAD,EAAC,SAAA,EAAM,WAAU,kBACf,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAA,EACC,UAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,4BACZ,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,qCAAoC,UAAA,UAAM;AAAA,YACxD,gBAAAA,EAAC,MAAA,EAAG,WAAU,qCAAoC,UAAA,aAAA,CAAU;AAAA,UAAA,EAAA,CAC9D,EAAA,CACF;AAAA,4BACC,SAAA,EACC,UAAA;AAAA,YAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,yCACZ,UAAA;AAAA,cAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aAAY,UAAA,sBAAkB;AAAA,cAC5C,gBAAAA,EAAC,QAAG,WAAU,aAAY,4BAAC,QAAA,EAAK,WAAU,wDAAuD,UAAA,yBAAA,CAAsB,EAAA,CAAO;AAAA,YAAA,GAChI;AAAA,YACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,yCACZ,UAAA;AAAA,cAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aAAY,UAAA,qBAAiB;AAAA,cAC3C,gBAAAA,EAAC,QAAG,WAAU,aAAY,4BAAC,QAAA,EAAK,WAAU,wDAAuD,UAAA,2BAAA,CAAwB,EAAA,CAAO;AAAA,YAAA,GAClI;AAAA,YACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,yCACZ,UAAA;AAAA,cAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aAAY,UAAA,wBAAoB;AAAA,cAC9C,gBAAAA,EAAC,QAAG,WAAU,aAAY,4BAAC,QAAA,EAAK,WAAU,wDAAuD,UAAA,2BAAA,CAAwB,EAAA,CAAO;AAAA,YAAA,GAClI;AAAA,8BACC,MAAA,EACC,UAAA;AAAA,cAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,aAAY,UAAA,yBAAqB;AAAA,cAC/C,gBAAAA,EAAC,QAAG,WAAU,aAAY,4BAAC,QAAA,EAAK,WAAU,wDAAuD,UAAA,2BAAA,CAAwB,EAAA,CAAO;AAAA,YAAA,EAAA,CAClI;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,WAAA,EAAQ,IAAG,YAAW,WAAU,YAC/B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,oHAAmH,UAAA,KAAC;AAAA,QAAO;AAAA,MAAA,GAE7I;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA,mGAEjD;AAAA,MAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kEAEb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+EACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,cAAA,gBAAAC,EAACE,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,cAC9B,gBAAAF,EAAC,QAAA,EAAK,WAAU,aAAY,UAAA,qBAAA,CAAkB;AAAA,YAAA,GAChD;AAAA,YACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wCAAuC,UAAA,oDAAA,CAAiD;AAAA,UAAA,GACzG;AAAA,UACA,gBAAAD,EAAC,UAAA,EAAO,WAAU,iGAChB,UAAA;AAAA,YAAA,gBAAAC,EAACQ,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,YAAE;AAAA,UAAA,EAAA,CAE9B;AAAA,QAAA,GACF;AAAA,0BAGC,OAAA,EAAI,WAAU,sEACb,UAAA,gBAAAT,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,YAAA,gBAAAC,EAACS,GAAA,EAAO,WAAU,gFAAA,CAAgF;AAAA,YAClG,gBAAAT;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,UAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACV,GACF;AAAA,UACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAC,EAACU,GAAA,EAAO,WAAU,uCAAA,CAAuC;AAAA,YACzD,gBAAAX,EAAC,UAAA,EAAO,WAAU,mFAChB,UAAA;AAAA,cAAA,gBAAAC,EAAC,YAAO,UAAA,iBAAA,CAAc;AAAA,cACtB,gBAAAA,EAAC,YAAO,UAAA,WAAA,CAAQ;AAAA,cAChB,gBAAAA,EAAC,YAAO,UAAA,iBAAA,CAAc;AAAA,cACtB,gBAAAA,EAAC,YAAO,UAAA,eAAA,CAAY;AAAA,YAAA,EAAA,CACtB;AAAA,UAAA,GACF;AAAA,UACA,gBAAAD,EAAC,SAAA,EAAM,WAAU,mCACf,UAAA;AAAA,YAAA,gBAAAC,EAAC,SAAA,EAAM,MAAK,YAAW,WAAU,WAAU;AAAA,YAAE;AAAA,UAAA,EAAA,CAE/C;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,0BAGC,OAAA,EAAI,WAAU,6CACZ,UAAAR,EAAc,IAAI,CAACmB,MAClB,gBAAAZ,EAAC,OAAA,EAAsB,WAAW,sDAAuDY,EAAS,SAAwB,KAAf,YAAiB,IAC1H,UAAA;AAAA,UAAA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,QAAA,EAAK,WAAW,yCAAyCT,EAAeoB,EAAS,QAAuC,GAAG,KAAK,IAC9H,UAAApB,EAAeoB,EAAS,QAAuC,GAAG,OACrE;AAAA,YACA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,cAAA,CAACY,EAAS,UAAU,gBAAAX,EAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA,YAAQ;AAAA,cACzE,gBAAAA,EAAC,YAAO,WAAU,8CAA6C,4BAACI,GAAA,EAAK,WAAU,eAAc,EAAA,CAAE;AAAA,cAC/F,gBAAAJ,EAAC,YAAO,WAAU,8CAA6C,4BAACY,GAAA,EAAK,WAAU,eAAc,EAAA,CAAE;AAAA,cAC/F,gBAAAZ,EAAC,UAAA,EAAO,WAAU,8CAA8C,YAAS,SAAS,gBAAAA,EAACK,GAAA,EAAO,WAAU,eAAc,IAAK,gBAAAL,EAACa,GAAA,EAAI,WAAU,eAAc,GAAG;AAAA,cACvJ,gBAAAb,EAAC,YAAO,WAAU,2DAA0D,4BAACc,GAAA,EAAO,WAAU,eAAc,EAAA,CAAE;AAAA,YAAA,EAAA,CAChH;AAAA,UAAA,GACF;AAAA,UACA,gBAAAd,EAAC,MAAA,EAAG,WAAU,sBAAsB,YAAS,OAAM;AAAA,UACnD,gBAAAA,EAAC,KAAA,EAAE,WAAU,yEAAyE,YAAS,SAAQ;AAAA,UACvG,gBAAAD,EAAC,OAAA,EAAI,WAAU,0HACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,QAAA,EAAK,UAAA;AAAA,cAAA;AAAA,cAAQY,EAAS;AAAA,YAAA,GAAM;AAAA,YAC7B,gBAAAX,EAAC,UAAK,UAAA,sBAAA,CAAmB;AAAA,UAAA,EAAA,CAC3B;AAAA,QAAA,KAlBQW,EAAS,EAmBnB,CACD,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAZ,EAAC,WAAA,EAAQ,IAAG,cAAa,WAAU,YACjC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,oHAAmH,UAAA,KAAC;AAAA,QAAO;AAAA,MAAA,GAE7I;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA,kHAEjD;AAAA,MAEA,gBAAAA,EAAC,SAAI,WAAU,wDACZ,iBAAO,QAAQT,CAAc,EAAE,IAAI,CAAC,CAACwB,GAAKC,CAAM,MAC/C,gBAAAjB,EAAC,OAAA,EAAc,WAAW,kBAAkBiB,EAAO,KAAK,IACtD,UAAA;AAAA,QAAA,gBAAAhB,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAAgB,EAAO,OAAM;AAAA,QACjD,gBAAAjB,EAAC,KAAA,EAAE,WAAU,sBACV,UAAA;AAAA,UAAAgB,MAAQ,cAAc;AAAA,UACtBA,MAAQ,oBAAoB;AAAA,UAC5BA,MAAQ,iBAAiB;AAAA,UACzBA,MAAQ,gBAAgB;AAAA,UACxBA,MAAQ,gBAAgB;AAAA,UACxBA,MAAQ,aAAa;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA,EAAA,GATQA,CAUV,CACD,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAhB,EAAC,WAAA,EAAQ,IAAG,aAAY,WAAU,YAChC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,oHAAmH,UAAA,KAAC;AAAA,QAAO;AAAA,MAAA,GAE7I;AAAA,MACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA,mKAGjD;AAAA,wBAEC,OAAA,EAAI,WAAU,mBACb,UAAA,gBAAAD,EAAC,SAAA,EAAM,WAAU,kBACf,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAA,EACC,UAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,4BACZ,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,qCAAoC,UAAA,YAAQ;AAAA,UAC1D,gBAAAA,EAAC,MAAA,EAAG,WAAU,qCAAoC,UAAA,cAAA,CAAW;AAAA,QAAA,EAAA,CAC/D,EAAA,CACF;AAAA,QACA,gBAAAA,EAAC,WACE,UAAAP,EAAmB,IAAI,CAACwB,MACvB,gBAAAlB,EAAC,MAAA,EAAuB,WAAU,yCAChC,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA,EAAC,UAAK,WAAU,kEAAkE,UAAAiB,EAAS,KAAA,CAAK,EAAA,CAClG;AAAA,UACA,gBAAAjB,EAAC,MAAA,EAAG,WAAU,0CAA0C,YAAS,YAAA,CAAY;AAAA,QAAA,KAJtEiB,EAAS,IAKlB,CACD,EAAA,CACH;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAEA,gBAAAlB,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,yBAAqB;AAAA,QACtD,gBAAAD,EAAC,OAAA,EAAI,WAAU,4FACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,UAAA;AAAA,YAAA;AAAA,YAAQ,gBAAAC,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA,qBAAoB;AAAA,YAAO;AAAA,UAAA,GAAC;AAAA,UAC5E,gBAAAD,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,YAAA;AAAA,YAA+C,gBAAAC,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA,mBAAkB;AAAA,YAAO;AAAA,YAAQ,gBAAAA,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA,oBAAmB;AAAA,YAAO;AAAA,UAAA,GAAE;AAAA,UACxM,gBAAAD,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA;AAAA,YAAA;AAAA,YAA6B,gBAAAC,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA,iBAAgB;AAAA,YAAO;AAAA,UAAA,EAAA,CAAgC;AAAA,QAAA,GAC/I;AAAA,QACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,6CAA4C,UAAA,+EAAA,CAEzD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,WAAA,EAAQ,IAAG,QAAO,WAAU,YAC3B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,oHAAmH,UAAA,KAAC;AAAA,QAAO;AAAA,MAAA,GAE7I;AAAA,MAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,YAAA,gBAAAC,EAACQ,GAAA,EAAK,WAAU,yBAAA,CAAyB;AAAA,YACzC,gBAAAR,EAAC,MAAA,EAAG,WAAU,gCAA+B,UAAA,QAAA,CAAK;AAAA,UAAA,GACpD;AAAA,UACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,wCAAuC,UAAA,mGAAA,CAEpD;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2DACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,YAAA,gBAAAC,EAACY,GAAA,EAAK,WAAU,wBAAA,CAAwB;AAAA,YACxC,gBAAAZ,EAAC,MAAA,EAAG,WAAU,+BAA8B,UAAA,WAAA,CAAQ;AAAA,UAAA,GACtD;AAAA,UACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,wCAAuC,UAAA,kEAAA,CAEpD;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,+DACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,YAAA,gBAAAC,EAACI,GAAA,EAAK,WAAU,0BAAA,CAA0B;AAAA,YAC1C,gBAAAJ,EAAC,MAAA,EAAG,WAAU,iCAAgC,UAAA,SAAA,CAAM;AAAA,UAAA,GACtD;AAAA,UACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,wCAAuC,UAAA,sFAAA,CAEpD;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,+DACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,YAAA,gBAAAC,EAACK,GAAA,EAAO,WAAU,0BAAA,CAA0B;AAAA,YAC5C,gBAAAL,EAAC,MAAA,EAAG,WAAU,iCAAgC,UAAA,qBAAA,CAAkB;AAAA,UAAA,GAClE;AAAA,UACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,wCAAuC,UAAA,yEAAA,CAEpD;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,uEACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,YAAA,gBAAAC,EAACc,GAAA,EAAO,WAAU,uBAAA,CAAuB;AAAA,YACzC,gBAAAd,EAAC,MAAA,EAAG,WAAU,8BAA6B,UAAA,YAAA,CAAS;AAAA,UAAA,GACtD;AAAA,UACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,wCAAuC,UAAA,iHAAA,CAEpD;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,oBAAmB,UAAA,kCAA8B;AAAA,QAC/D,gBAAAD,EAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wGACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,mBAAe;AAAA,YAC/C,gBAAAA,EAAC,UAAA,EAAO,WAAU,0CAAyC,UAAA,IAAA,CAAO;AAAA,UAAA,GACpE;AAAA,UACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAC,EAAC,SAAA,EAAM,WAAU,kCAAiC,UAAA,WAAO;AAAA,cACzD,gBAAAA,EAAC,WAAM,MAAK,QAAO,aAAY,kBAAiB,WAAU,6DAA4D,UAAQ,GAAA,CAAC;AAAA,YAAA,GACjI;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EACC,UAAA;AAAA,gBAAA,gBAAAC,EAAC,SAAA,EAAM,WAAU,kCAAiC,UAAA,cAAU;AAAA,kCAC3D,UAAA,EAAO,WAAU,6DAChB,UAAA,gBAAAA,EAAC,UAAA,EAAO,sBAAQ,EAAA,CAClB;AAAA,cAAA,GACF;AAAA,gCACC,OAAA,EACC,UAAA;AAAA,gBAAA,gBAAAA,EAAC,SAAA,EAAM,WAAU,kCAAiC,UAAA,iBAAa;AAAA,gBAC/D,gBAAAA,EAAC,WAAM,MAAK,UAAS,OAAM,KAAI,WAAU,6DAA4D,UAAQ,GAAA,CAAC;AAAA,cAAA,EAAA,CAChH;AAAA,YAAA,GACF;AAAA,8BACC,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAA,EAAC,SAAA,EAAM,WAAU,kCAAiC,UAAA,aAAS;AAAA,cAC3D,gBAAAA,EAAC,cAAS,MAAM,GAAG,aAAY,uBAAsB,WAAU,+EAA8E,UAAQ,GAAA,CAAC;AAAA,YAAA,GACxJ;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BAA2B,UAAA,uBAAmB;AAAA,cAC7D,gBAAAD,EAAC,OAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,gBAAAN,EAAmB,MAAM,GAAG,CAAC,EAAE,IAAI,CAACyB,MACnC,gBAAAlB,EAAC,UAAA,EAAoB,WAAU,kGAC5B,UAAAkB,EAAE,QADQA,EAAE,IAEf,CACD;AAAA,gBACD,gBAAAlB,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CAC1E;AAAA,YAAA,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,6FACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,UAAA,EAAO,WAAU,4DAA2D,UAAA,UAAM;AAAA,YACnF,gBAAAD,EAAC,UAAA,EAAO,WAAU,yFAChB,UAAA;AAAA,cAAA,gBAAAC,EAACmB,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,cAAE;AAAA,YAAA,EAAA,CAE9B;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAApB,EAAC,WAAA,EAAQ,IAAG,OAAM,WAAU,YAC1B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,oHAAmH,UAAA,KAAC;AAAA,QACpI,gBAAAA,EAACoB,GAAA,EAAW,WAAU,UAAA,CAAU;AAAA,QAAE;AAAA,MAAA,GAEpC;AAAA,MAEA,gBAAApB,EAAC,OAAA,EAAI,WAAU,aACZ,YAAS,IAAI,CAACqB,MACb,gBAAArB,EAAC,SAAwB,WAAU,2CACjC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAA,gBAAAC,EAACsB,GAAA,EAAc,WAAU,+DAAA,CAA+D;AAAA,0BACvF,OAAA,EACC,UAAA;AAAA,UAAA,gBAAAtB,EAAC,MAAA,EAAG,WAAU,oBAAoB,UAAAqB,EAAK,UAAS;AAAA,UAChD,gBAAArB,EAAC,KAAA,EAAE,WAAU,wCAAwC,YAAK,OAAA,CAAO;AAAA,QAAA,EAAA,CACnE;AAAA,MAAA,EAAA,CACF,EAAA,GAPQqB,EAAK,QAQf,CACD,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAtB,EAAC,WAAA,EAAQ,IAAG,OAAM,WAAU,YAC1B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,sDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,oHAAmH,UAAA,KAAC;AAAA,QAAO;AAAA,MAAA,GAE7I;AAAA,wBAEC,OAAA,EAAI,WAAU,mBACb,UAAA,gBAAAD,EAAC,SAAA,EAAM,WAAU,kBACf,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAA,EACC,UAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,4BACZ,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,qCAAoC,UAAA,WAAO;AAAA,UACzD,gBAAAA,EAAC,MAAA,EAAG,WAAU,uBAAsB,UAAA,YAAQ;AAAA,UAC5C,gBAAAA,EAAC,MAAA,EAAG,WAAU,qCAAoC,UAAA,cAAA,CAAW;AAAA,QAAA,EAAA,CAC/D,EAAA,CACF;AAAA,QACA,gBAAAA,EAAC,SAAA,EACE,UAAAL,EAAa,IAAI,CAAC4B,GAAUC,MAC3B,gBAAAzB,EAAC,MAAA,EAAuD,WAAU,yCAChE,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA,EAAC,UAAK,WAAW,2CACfuB,EAAS,WAAW,QAAQ,mCAC5BA,EAAS,WAAW,SAAS,qCAC7BA,EAAS,WAAW,QAAQ,iCAC5B,4BACF,IACG,UAAAA,EAAS,OAAA,CACZ,EAAA,CACF;AAAA,UACA,gBAAAvB,EAAC,MAAA,EAAG,WAAU,+BAA+B,YAAS,KAAI;AAAA,UAC1D,gBAAAA,EAAC,MAAA,EAAG,WAAU,0CAA0C,YAAS,YAAA,CAAY;AAAA,QAAA,EAAA,GAZtE,GAAGuB,EAAS,MAAM,IAAIA,EAAS,GAAG,IAAIC,CAAK,EAapD,CACD,EAAA,CACH;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAzB,EAAC,OAAA,EAAI,WAAU,kFACb,UAAA;AAAA,MAAA,gBAAAC,EAACyB,GAAA,EAAK,WAAU,6CAAA,CAA6C;AAAA,wBAC5D,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAAC,OAAA,EAAI,WAAU,6BAA4B,UAAA,wBAAoB;AAAA,QAC/D,gBAAAA,EAAC,KAAA,EAAE,WAAU,wCAAuC,UAAA,mHAAA,CAEpD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAD,EAACM,GAAA,EAAW,WAAU,qBAAA,CAAqB;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG/C,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,YAEC,gBAAAD,EAACM,GAAA,EAAW,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/{SupportTicketsDocPage-C_ybDTjC.cjs → SupportTicketsDocPage-B_603CpY.cjs}

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