@atlashub/smartstack 3.11.0 → 3.15.0

package/dist/SupportDashboardDocPage-CG_Ahacx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportDashboardDocPage-CG_Ahacx.js","sources":["../src/pages/system/docs/user/SupportDashboardDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  LayoutDashboard,\r\n  ArrowRight,\r\n  Headphones,\r\n  Clock,\r\n  AlertTriangle,\r\n  TrendingUp,\r\n  Users,\r\n  Star,\r\n  CheckCircle,\r\n  XCircle,\r\n  RefreshCw,\r\n  Info,\r\n} from 'lucide-react';\r\n\r\n// Mock data for illustrations\r\nconst kpiCards = [\r\n  { title: 'Total Tickets', value: '125', color: 'blue', icon: Headphones },\r\n  { title: 'New Tickets', value: '23', color: 'green', icon: TrendingUp, subtitle: 'Last 30 days' },\r\n  { title: 'Open Tickets', value: '45', color: 'yellow', icon: Clock },\r\n  { title: 'Resolved', value: '67', color: 'green', icon: CheckCircle, subtitle: 'Last 30 days' },\r\n  { title: 'SLA Compliance', value: '89.6%', color: 'green', icon: AlertTriangle },\r\n  { title: 'Avg. Satisfaction', value: '4.2/5', color: 'yellow', icon: Star },\r\n];\r\n\r\nconst agentWorkload = [\r\n  { name: 'Jean Dupont', email: 'jean@example.com', total: 12, open: 3, inProgress: 5, onHold: 2 },\r\n  { name: 'Marie Martin', email: 'marie@example.com', total: 8, open: 2, inProgress: 4, onHold: 1 },\r\n  { name: 'Pierre Bernard', email: 'pierre@example.com', total: 15, open: 5, inProgress: 6, onHold: 3 },\r\n];\r\n\r\nexport function SupportDashboardDocPage(): 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>Dashboard</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          <LayoutDashboard className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('support.dashboard.title')}\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('support.dashboard.subtitle')}\r\n        </p>\r\n      </div>\r\n\r\n      {/* Table of contents */}\r\n      <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n        <h3 className=\"font-semibold mb-3\">Table des matieres</h3>\r\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm\">\r\n          <a href=\"#overview\" className=\"text-[var(--color-primary-600)] hover:underline\">1. Vue d'ensemble</a>\r\n          <a href=\"#kpis\" className=\"text-[var(--color-primary-600)] hover:underline\">2. Indicateurs KPI</a>\r\n          <a href=\"#alerts\" className=\"text-[var(--color-primary-600)] hover:underline\">3. Alertes SLA</a>\r\n          <a href=\"#charts\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Graphiques</a>\r\n          <a href=\"#workload\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Charge agents</a>\r\n          <a href=\"#satisfaction\" className=\"text-[var(--color-primary-600)] hover:underline\">6. Satisfaction</a>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Section 1: Overview */}\r\n      <section id=\"overview\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n          Vue d'ensemble\r\n        </h2>\r\n\r\n        <div className=\"card p-6\">\r\n          <h3 className=\"font-semibold mb-3\">Acces</h3>\r\n          <div className=\"flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm mb-4\">\r\n            <span className=\"text-[var(--text-tertiary)]\">Support</span>\r\n            <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n            <span className=\"text-[var(--color-primary-600)] font-semibold\">Dashboard</span>\r\n          </div>\r\n          <p className=\"text-[var(--text-secondary)]\">\r\n            Le dashboard Support offre une vue complete des operations de support, incluant les KPIs,\r\n            les alertes SLA, la distribution des tickets et la charge de travail des agents.\r\n          </p>\r\n        </div>\r\n\r\n        <div className=\"card p-6\">\r\n          <h3 className=\"font-semibold mb-4\">Fonctionnalites principales</h3>\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                <RefreshCw className=\"w-4 h-4 text-blue-500\" />\r\n              </div>\r\n              <div>\r\n                <div className=\"font-medium\">Donnees temps reel</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">Actualisation automatique et manuelle</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                <Clock className=\"w-4 h-4 text-purple-500\" />\r\n              </div>\r\n              <div>\r\n                <div className=\"font-medium\">Selection de periode</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">7, 30 ou 90 derniers jours</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-red-500/10 flex items-center justify-center flex-shrink-0\">\r\n                <AlertTriangle className=\"w-4 h-4 text-red-500\" />\r\n              </div>\r\n              <div>\r\n                <div className=\"font-medium\">Alertes proactives</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">Tickets en depassement ou a risque</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                <TrendingUp className=\"w-4 h-4 text-green-500\" />\r\n              </div>\r\n              <div>\r\n                <div className=\"font-medium\">Tendances</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">Evolution des tickets crees/resolus</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 2: KPIs */}\r\n      <section id=\"kpis\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n          Indicateurs KPI\r\n        </h2>\r\n\r\n        {/* Mock KPI Cards */}\r\n        <div className=\"card p-6\">\r\n          <h3 className=\"font-semibold mb-4\">Cartes KPI</h3>\r\n          <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3\">\r\n            {kpiCards.map((kpi) => {\r\n              const colors: Record<string, string> = {\r\n                blue: 'bg-blue-500/10 text-blue-600 border-blue-500/20',\r\n                green: 'bg-green-500/10 text-green-600 border-green-500/20',\r\n                yellow: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20',\r\n                red: 'bg-red-500/10 text-red-600 border-red-500/20',\r\n              };\r\n              return (\r\n                <div key={kpi.title} className={`p-3 rounded-lg border ${colors[kpi.color]}`}>\r\n                  <div className=\"flex items-center justify-between mb-2\">\r\n                    <span className=\"text-xs font-medium opacity-80\">{kpi.title}</span>\r\n                    <kpi.icon className=\"w-4 h-4\" />\r\n                  </div>\r\n                  <div className=\"text-xl font-bold\">{kpi.value}</div>\r\n                  {kpi.subtitle && <div className=\"text-xs opacity-70\">{kpi.subtitle}</div>}\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"card p-6\">\r\n          <h3 className=\"font-semibold mb-3\">Description des KPIs</h3>\r\n          <table className=\"w-full text-sm\">\r\n            <thead>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <th className=\"text-left py-2\">KPI</th>\r\n                <th className=\"text-left py-2\">Description</th>\r\n                <th className=\"text-left py-2\">Objectif</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 font-medium\">Total Tickets</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Nombre total de tickets dans le systeme</td>\r\n                <td className=\"py-2\">Information</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 font-medium\">New Tickets</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Tickets crees sur la periode selectionnee</td>\r\n                <td className=\"py-2\">Suivi volume</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 font-medium\">Open Tickets</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Tickets actuellement ouverts (backlog)</td>\r\n                <td className=\"py-2\">&lt; 50</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 font-medium\">Resolved</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Tickets resolus sur la periode</td>\r\n                <td className=\"py-2\">&ge; New Tickets</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 font-medium\">SLA Compliance</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Pourcentage de tickets dans les delais</td>\r\n                <td className=\"py-2\">&ge; 90%</td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 font-medium\">Avg. Satisfaction</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Note moyenne des utilisateurs (1-5)</td>\r\n                <td className=\"py-2\">&ge; 4.0</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 3: SLA Alerts */}\r\n      <section id=\"alerts\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n          Alertes SLA\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n          {/* Breached */}\r\n          <div className=\"card p-4 border-l-4 border-red-500\">\r\n            <h3 className=\"font-semibold text-red-600 flex items-center gap-2 mb-3\">\r\n              <XCircle className=\"w-5 h-5\" />\r\n              SLA Breached (3)\r\n            </h3>\r\n            <div className=\"space-y-2\">\r\n              <div className=\"flex items-center justify-between p-2 bg-red-500/10 rounded\">\r\n                <div>\r\n                  <span className=\"font-mono text-sm\">#TK-1234</span>\r\n                  <span className=\"ml-2 text-sm\">Probleme critique serveur</span>\r\n                </div>\r\n                <span className=\"text-xs text-red-600 font-medium\">Response + Resolution</span>\r\n              </div>\r\n              <div className=\"flex items-center justify-between p-2 bg-red-500/10 rounded\">\r\n                <div>\r\n                  <span className=\"font-mono text-sm\">#TK-1235</span>\r\n                  <span className=\"ml-2 text-sm\">Bug application mobile</span>\r\n                </div>\r\n                <span className=\"text-xs text-red-600 font-medium\">Resolution</span>\r\n              </div>\r\n            </div>\r\n            <p className=\"text-xs text-[var(--text-secondary)] mt-3\">\r\n              Cliquez sur un ticket pour voir les details et prendre action.\r\n            </p>\r\n          </div>\r\n\r\n          {/* Approaching */}\r\n          <div className=\"card p-4 border-l-4 border-yellow-500\">\r\n            <h3 className=\"font-semibold text-yellow-600 flex items-center gap-2 mb-3\">\r\n              <AlertTriangle className=\"w-5 h-5\" />\r\n              Approaching Breach (5)\r\n            </h3>\r\n            <div className=\"space-y-2\">\r\n              <div className=\"flex items-center justify-between p-2 bg-yellow-500/10 rounded\">\r\n                <div>\r\n                  <span className=\"font-mono text-sm\">#TK-1240</span>\r\n                  <span className=\"ml-2 text-sm\">Demande de fonctionnalite</span>\r\n                </div>\r\n                <span className=\"text-xs text-yellow-600 font-medium\">85% Response</span>\r\n              </div>\r\n              <div className=\"flex items-center justify-between p-2 bg-yellow-500/10 rounded\">\r\n                <div>\r\n                  <span className=\"font-mono text-sm\">#TK-1241</span>\r\n                  <span className=\"ml-2 text-sm\">Question facturation</span>\r\n                </div>\r\n                <span className=\"text-xs text-yellow-600 font-medium\">78% Response</span>\r\n              </div>\r\n            </div>\r\n            <p className=\"text-xs text-[var(--text-secondary)] mt-3\">\r\n              Tickets dont le SLA depasse 75% du temps alloue.\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 4: Charts */}\r\n      <section id=\"charts\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n          Graphiques\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n          {/* Status Distribution */}\r\n          <div className=\"card p-4\">\r\n            <h3 className=\"font-semibold mb-4\">Tickets par Statut</h3>\r\n            <div className=\"space-y-3\">\r\n              {[\r\n                { status: 'Open', count: 45, color: '#eab308' },\r\n                { status: 'In Progress', count: 32, color: '#3b82f6' },\r\n                { status: 'On Hold', count: 12, color: '#f97316' },\r\n                { status: 'Resolved', count: 67, color: '#22c55e' },\r\n                { status: 'Closed', count: 89, color: '#6b7280' },\r\n              ].map((item) => {\r\n                const total = 245;\r\n                const percentage = (item.count / total) * 100;\r\n                return (\r\n                  <div key={item.status} className=\"flex items-center gap-3\">\r\n                    <div className=\"w-24 text-sm\">{item.status}</div>\r\n                    <div className=\"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                      <div\r\n                        className=\"h-full rounded-full\"\r\n                        style={{ width: `${percentage}%`, backgroundColor: item.color }}\r\n                      />\r\n                    </div>\r\n                    <div className=\"w-12 text-right text-sm font-medium\">{item.count}</div>\r\n                  </div>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Priority Distribution */}\r\n          <div className=\"card p-4\">\r\n            <h3 className=\"font-semibold mb-4\">Tickets actifs par Priorite</h3>\r\n            <div className=\"space-y-3\">\r\n              {[\r\n                { priority: 'Critical', count: 5, color: '#dc2626' },\r\n                { priority: 'High', count: 18, color: '#f97316' },\r\n                { priority: 'Medium', count: 42, color: '#eab308' },\r\n                { priority: 'Low', count: 24, color: '#3b82f6' },\r\n              ].map((item) => {\r\n                const total = 89;\r\n                const percentage = (item.count / total) * 100;\r\n                return (\r\n                  <div key={item.priority} className=\"flex items-center gap-3\">\r\n                    <div className=\"w-24 text-sm\">{item.priority}</div>\r\n                    <div className=\"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                      <div\r\n                        className=\"h-full rounded-full\"\r\n                        style={{ width: `${percentage}%`, backgroundColor: item.color }}\r\n                      />\r\n                    </div>\r\n                    <div className=\"w-12 text-right text-sm font-medium\">{item.count}</div>\r\n                  </div>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Trends */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">Tendances (30 derniers jours)</h3>\r\n          <div className=\"flex items-center gap-4 mb-4\">\r\n            <div className=\"flex items-center gap-2\">\r\n              <div className=\"w-3 h-3 rounded bg-blue-500\" />\r\n              <span className=\"text-sm\">Crees</span>\r\n            </div>\r\n            <div className=\"flex items-center gap-2\">\r\n              <div className=\"w-3 h-3 rounded bg-green-500\" />\r\n              <span className=\"text-sm\">Resolus</span>\r\n            </div>\r\n          </div>\r\n          <div className=\"h-32 flex items-end gap-1\">\r\n            {Array.from({ length: 30 }, (_, i) => (\r\n              <div key={`bar-${i}`} className=\"flex-1 flex gap-0.5\">\r\n                <div\r\n                  className=\"flex-1 bg-blue-500 rounded-t\"\r\n                  style={{ height: `${Math.random() * 80 + 20}%` }}\r\n                />\r\n                <div\r\n                  className=\"flex-1 bg-green-500 rounded-t\"\r\n                  style={{ height: `${Math.random() * 80 + 20}%` }}\r\n                />\r\n              </div>\r\n            ))}\r\n          </div>\r\n          <div className=\"flex justify-between text-xs text-[var(--text-secondary)] mt-2\">\r\n            <span>Il y a 30 jours</span>\r\n            <span>Aujourd'hui</span>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 5: Agent Workload */}\r\n      <section id=\"workload\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">5</span>\r\n          Charge des agents\r\n        </h2>\r\n\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4 flex items-center gap-2\">\r\n            <Users className=\"w-5 h-5\" />\r\n            Agent Workload\r\n          </h3>\r\n          <div className=\"overflow-x-auto\">\r\n            <table className=\"w-full text-sm\">\r\n              <thead>\r\n                <tr className=\"border-b border-[var(--border-color)]\">\r\n                  <th className=\"text-left p-3 font-medium\">Agent</th>\r\n                  <th className=\"text-center p-3 font-medium\">Total</th>\r\n                  <th className=\"text-center p-3 font-medium\">Open</th>\r\n                  <th className=\"text-center p-3 font-medium\">In Progress</th>\r\n                  <th className=\"text-center p-3 font-medium\">On Hold</th>\r\n                  <th className=\"text-left p-3 font-medium\">Load</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                {agentWorkload.map((agent) => {\r\n                  const maxLoad = Math.max(...agentWorkload.map((a) => a.total));\r\n                  const loadPercentage = (agent.total / maxLoad) * 100;\r\n                  return (\r\n                    <tr key={agent.email} className=\"border-b border-[var(--border-color)]\">\r\n                      <td className=\"p-3\">\r\n                        <div className=\"font-medium\">{agent.name}</div>\r\n                        <div className=\"text-xs text-[var(--text-secondary)]\">{agent.email}</div>\r\n                      </td>\r\n                      <td className=\"text-center p-3 font-semibold\">{agent.total}</td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-yellow-500/10 text-yellow-600 rounded text-xs\">\r\n                          {agent.open}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-blue-500/10 text-blue-600 rounded text-xs\">\r\n                          {agent.inProgress}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-orange-500/10 text-orange-600 rounded text-xs\">\r\n                          {agent.onHold}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"p-3 w-32\">\r\n                        <div className=\"h-2 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                          <div\r\n                            className=\"h-full bg-blue-500 rounded-full\"\r\n                            style={{ width: `${loadPercentage}%` }}\r\n                          />\r\n                        </div>\r\n                      </td>\r\n                    </tr>\r\n                  );\r\n                })}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 6: Satisfaction */}\r\n      <section id=\"satisfaction\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">6</span>\r\n          Satisfaction client\r\n        </h2>\r\n\r\n        <div className=\"card p-6\">\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n            <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n              <div className=\"text-4xl font-bold text-green-600\">4.2</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Note moyenne</div>\r\n              <div className=\"flex justify-center mt-2\">\r\n                {[1, 2, 3, 4, 5].map((star) => (\r\n                  <Star\r\n                    key={star}\r\n                    className={`w-5 h-5 ${star <= 4 ? 'text-yellow-500 fill-yellow-500' : 'text-gray-300'}`}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n              <div className=\"text-4xl font-bold\">156</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Reponses totales</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mt-6\">\r\n            <h4 className=\"font-medium mb-3\">Distribution des notes</h4>\r\n            <div className=\"space-y-2\">\r\n              {[\r\n                { rating: 5, count: 78 },\r\n                { rating: 4, count: 45 },\r\n                { rating: 3, count: 20 },\r\n                { rating: 2, count: 8 },\r\n                { rating: 1, count: 5 },\r\n              ].map((item) => {\r\n                const percentage = (item.count / 156) * 100;\r\n                return (\r\n                  <div key={item.rating} className=\"flex items-center gap-2 text-sm\">\r\n                    <span className=\"w-4\">{item.rating}</span>\r\n                    <Star className=\"w-3 h-3 text-yellow-500 fill-yellow-500\" />\r\n                    <div className=\"flex-1 h-3 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                      <div\r\n                        className=\"h-full bg-yellow-500 rounded-full\"\r\n                        style={{ width: `${percentage}%` }}\r\n                      />\r\n                    </div>\r\n                    <span className=\"w-8 text-right text-xs\">{item.count}</span>\r\n                  </div>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\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\">Conseils d'utilisation</div>\r\n          <ul className=\"text-sm text-[var(--text-secondary)] mt-1 space-y-1\">\r\n            <li>Consultez le dashboard en debut de journee pour prioriser les actions</li>\r\n            <li>Surveillez les alertes SLA pour eviter les depassements</li>\r\n            <li>Equilibrez la charge entre les agents pour optimiser le traitement</li>\r\n            <li>Analysez les tendances pour anticiper les pics de demande</li>\r\n          </ul>\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\"\r\n          className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n        >\r\n          <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n          {t('support.dashboard.nav.supportIndex')}\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-tickets\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('support.dashboard.nav.nextTickets')}\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["kpiCards","Headphones","TrendingUp","Clock","CheckCircle","AlertTriangle","Star","agentWorkload","SupportDashboardDocPage","t","useTranslation","jsxs","jsx","Link","LayoutDashboard","ArrowRight","RefreshCw","kpi","XCircle","item","percentage","_","i","Users","agent","maxLoad","a","loadPercentage","star","Info"],"mappings":"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"}

package/dist/{SupportDashboardDocPage-DpgGq5Mm.cjs → SupportDashboardDocPage-DfV-9_8r.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react-router-dom"),n=require("react-i18next"),t=require("lucide-react"),o=[{title:"Total Tickets",value:"125",color:"blue",icon:t.Headphones},{title:"New Tickets",value:"23",color:"green",icon:t.TrendingUp,subtitle:"Last 30 days"},{title:"Open Tickets",value:"45",color:"yellow",icon:t.Clock},{title:"Resolved",value:"67",color:"green",icon:t.CheckCircle,subtitle:"Last 30 days"},{title:"SLA Compliance",value:"89.6%",color:"green",icon:t.AlertTriangle},{title:"Avg. Satisfaction",value:"4.2/5",color:"yellow",icon:t.Star}],d=[{name:"Jean Dupont",email:"jean@example.com",total:12,open:3,inProgress:5,onHold:2},{name:"Marie Martin",email:"marie@example.com",total:8,open:2,inProgress:4,onHold:1},{name:"Pierre Bernard",email:"pierre@example.com",total:15,open:5,inProgress:6,onHold:3}];function x(){const{t:l}=n.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(c.Link,{to:"/system/docs",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.documentation")}),e.jsx("span",{children:"/"}),e.jsx(c.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.user")}),e.jsx("span",{children:"/"}),e.jsx(c.Link,{to:"/system/docs/user/support",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.support")}),e.jsx("span",{children:"/"}),e.jsx("span",{children:"Dashboard"})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(t.LayoutDashboard,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),l("support.dashboard.title")]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:l("support.dashboard.subtitle")})]}),e.jsxs("div",{className:"card p-4 bg-[var(--bg-secondary)]",children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Table des matieres"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm",children:[e.jsx("a",{href:"#overview",className:"text-[var(--color-primary-600)] hover:underline",children:"1. Vue d'ensemble"}),e.jsx("a",{href:"#kpis",className:"text-[var(--color-primary-600)] hover:underline",children:"2. Indicateurs KPI"}),e.jsx("a",{href:"#alerts",className:"text-[var(--color-primary-600)] hover:underline",children:"3. Alertes SLA"}),e.jsx("a",{href:"#charts",className:"text-[var(--color-primary-600)] hover:underline",children:"4. Graphiques"}),e.jsx("a",{href:"#workload",className:"text-[var(--color-primary-600)] hover:underline",children:"5. Charge agents"}),e.jsx("a",{href:"#satisfaction",className:"text-[var(--color-primary-600)] hover:underline",children:"6. Satisfaction"})]})]}),e.jsxs("section",{id:"overview",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"1"}),"Vue d'ensemble"]}),e.jsxs("div",{className:"card p-6",children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Acces"}),e.jsxs("div",{className:"flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm mb-4",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"Support"}),e.jsx(t.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"text-[var(--color-primary-600)] font-semibold",children:"Dashboard"})]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:"Le dashboard Support offre une vue complete des operations de support, incluant les KPIs, les alertes SLA, la distribution des tickets et la charge de travail des agents."})]}),e.jsxs("div",{className:"card p-6",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Fonctionnalites principales"}),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(t.RefreshCw,{className:"w-4 h-4 text-blue-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Donnees temps reel"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Actualisation automatique et manuelle"})]})]}),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(t.Clock,{className:"w-4 h-4 text-purple-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Selection de periode"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"7, 30 ou 90 derniers jours"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-red-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.AlertTriangle,{className:"w-4 h-4 text-red-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Alertes proactives"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Tickets en depassement ou a risque"})]})]}),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(t.TrendingUp,{className:"w-4 h-4 text-green-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Tendances"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Evolution des tickets crees/resolus"})]})]})]})]})]}),e.jsxs("section",{id:"kpis",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"2"}),"Indicateurs KPI"]}),e.jsxs("div",{className:"card p-6",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Cartes KPI"}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",children:o.map(s=>{const r={blue:"bg-blue-500/10 text-blue-600 border-blue-500/20",green:"bg-green-500/10 text-green-600 border-green-500/20",yellow:"bg-yellow-500/10 text-yellow-600 border-yellow-500/20",red:"bg-red-500/10 text-red-600 border-red-500/20"};return e.jsxs("div",{className:`p-3 rounded-lg border ${r[s.color]}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-xs font-medium opacity-80",children:s.title}),e.jsx(s.icon,{className:"w-4 h-4"})]}),e.jsx("div",{className:"text-xl font-bold",children:s.value}),s.subtitle&&e.jsx("div",{className:"text-xs opacity-70",children:s.subtitle})]},s.title)})})]}),e.jsxs("div",{className:"card p-6",children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Description des KPIs"}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left py-2",children:"KPI"}),e.jsx("th",{className:"text-left py-2",children:"Description"}),e.jsx("th",{className:"text-left py-2",children:"Objectif"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"Total Tickets"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Nombre total de tickets dans le systeme"}),e.jsx("td",{className:"py-2",children:"Information"})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"New Tickets"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Tickets crees sur la periode selectionnee"}),e.jsx("td",{className:"py-2",children:"Suivi volume"})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"Open Tickets"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Tickets actuellement ouverts (backlog)"}),e.jsx("td",{className:"py-2",children:"< 50"})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"Resolved"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Tickets resolus sur la periode"}),e.jsx("td",{className:"py-2",children:"≥ New Tickets"})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"SLA Compliance"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Pourcentage de tickets dans les delais"}),e.jsx("td",{className:"py-2",children:"≥ 90%"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 font-medium",children:"Avg. Satisfaction"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Note moyenne des utilisateurs (1-5)"}),e.jsx("td",{className:"py-2",children:"≥ 4.0"})]})]})]})]})]}),e.jsxs("section",{id:"alerts",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"3"}),"Alertes SLA"]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"card p-4 border-l-4 border-red-500",children:[e.jsxs("h3",{className:"font-semibold text-red-600 flex items-center gap-2 mb-3",children:[e.jsx(t.XCircle,{className:"w-5 h-5"}),"SLA Breached (3)"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between p-2 bg-red-500/10 rounded",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:"#TK-1234"}),e.jsx("span",{className:"ml-2 text-sm",children:"Probleme critique serveur"})]}),e.jsx("span",{className:"text-xs text-red-600 font-medium",children:"Response + Resolution"})]}),e.jsxs("div",{className:"flex items-center justify-between p-2 bg-red-500/10 rounded",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:"#TK-1235"}),e.jsx("span",{className:"ml-2 text-sm",children:"Bug application mobile"})]}),e.jsx("span",{className:"text-xs text-red-600 font-medium",children:"Resolution"})]})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-3",children:"Cliquez sur un ticket pour voir les details et prendre action."})]}),e.jsxs("div",{className:"card p-4 border-l-4 border-yellow-500",children:[e.jsxs("h3",{className:"font-semibold text-yellow-600 flex items-center gap-2 mb-3",children:[e.jsx(t.AlertTriangle,{className:"w-5 h-5"}),"Approaching Breach (5)"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between p-2 bg-yellow-500/10 rounded",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:"#TK-1240"}),e.jsx("span",{className:"ml-2 text-sm",children:"Demande de fonctionnalite"})]}),e.jsx("span",{className:"text-xs text-yellow-600 font-medium",children:"85% Response"})]}),e.jsxs("div",{className:"flex items-center justify-between p-2 bg-yellow-500/10 rounded",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:"#TK-1241"}),e.jsx("span",{className:"ml-2 text-sm",children:"Question facturation"})]}),e.jsx("span",{className:"text-xs text-yellow-600 font-medium",children:"78% Response"})]})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-3",children:"Tickets dont le SLA depasse 75% du temps alloue."})]})]})]}),e.jsxs("section",{id:"charts",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"4"}),"Graphiques"]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Tickets par Statut"}),e.jsx("div",{className:"space-y-3",children:[{status:"Open",count:45,color:"#eab308"},{status:"In Progress",count:32,color:"#3b82f6"},{status:"On Hold",count:12,color:"#f97316"},{status:"Resolved",count:67,color:"#22c55e"},{status:"Closed",count:89,color:"#6b7280"}].map(s=>{const a=s.count/245*100;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm",children:s.status}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${a}%`,backgroundColor:s.color}})}),e.jsx("div",{className:"w-12 text-right text-sm font-medium",children:s.count})]},s.status)})})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Tickets actifs par Priorite"}),e.jsx("div",{className:"space-y-3",children:[{priority:"Critical",count:5,color:"#dc2626"},{priority:"High",count:18,color:"#f97316"},{priority:"Medium",count:42,color:"#eab308"},{priority:"Low",count:24,color:"#3b82f6"}].map(s=>{const a=s.count/89*100;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm",children:s.priority}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${a}%`,backgroundColor:s.color}})}),e.jsx("div",{className:"w-12 text-right text-sm font-medium",children:s.count})]},s.priority)})})]})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Tendances (30 derniers jours)"}),e.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded bg-blue-500"}),e.jsx("span",{className:"text-sm",children:"Crees"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded bg-green-500"}),e.jsx("span",{className:"text-sm",children:"Resolus"})]})]}),e.jsx("div",{className:"h-32 flex items-end gap-1",children:Array.from({length:30},(s,r)=>e.jsxs("div",{className:"flex-1 flex gap-0.5",children:[e.jsx("div",{className:"flex-1 bg-blue-500 rounded-t",style:{height:`${Math.random()*80+20}%`}}),e.jsx("div",{className:"flex-1 bg-green-500 rounded-t",style:{height:`${Math.random()*80+20}%`}})]},r))}),e.jsxs("div",{className:"flex justify-between text-xs text-[var(--text-secondary)] mt-2",children:[e.jsx("span",{children:"Il y a 30 jours"}),e.jsx("span",{children:"Aujourd'hui"})]})]})]}),e.jsxs("section",{id:"workload",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"5"}),"Charge des agents"]}),e.jsxs("div",{className:"card p-4",children:[e.jsxs("h3",{className:"font-semibold mb-4 flex items-center gap-2",children:[e.jsx(t.Users,{className:"w-5 h-5"}),"Agent Workload"]}),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:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left p-3 font-medium",children:"Agent"}),e.jsx("th",{className:"text-center p-3 font-medium",children:"Total"}),e.jsx("th",{className:"text-center p-3 font-medium",children:"Open"}),e.jsx("th",{className:"text-center p-3 font-medium",children:"In Progress"}),e.jsx("th",{className:"text-center p-3 font-medium",children:"On Hold"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Load"})]})}),e.jsx("tbody",{children:d.map(s=>{const r=Math.max(...d.map(i=>i.total)),a=s.total/r*100;return e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsxs("td",{className:"p-3",children:[e.jsx("div",{className:"font-medium",children:s.name}),e.jsx("div",{className:"text-xs text-[var(--text-secondary)]",children:s.email})]}),e.jsx("td",{className:"text-center p-3 font-semibold",children:s.total}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-yellow-500/10 text-yellow-600 rounded text-xs",children:s.open})}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-blue-500/10 text-blue-600 rounded text-xs",children:s.inProgress})}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-orange-500/10 text-orange-600 rounded text-xs",children:s.onHold})}),e.jsx("td",{className:"p-3 w-32",children:e.jsx("div",{className:"h-2 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-blue-500 rounded-full",style:{width:`${a}%`}})})})]},s.email)})})]})})]})]}),e.jsxs("section",{id:"satisfaction",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"6"}),"Satisfaction client"]}),e.jsxs("div",{className:"card p-6",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-4xl font-bold text-green-600",children:"4.2"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Note moyenne"}),e.jsx("div",{className:"flex justify-center mt-2",children:[1,2,3,4,5].map(s=>e.jsx(t.Star,{className:`w-5 h-5 ${s<=4?"text-yellow-500 fill-yellow-500":"text-gray-300"}`},s))})]}),e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-4xl font-bold",children:"156"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Reponses totales"})]})]}),e.jsxs("div",{className:"mt-6",children:[e.jsx("h4",{className:"font-medium mb-3",children:"Distribution des notes"}),e.jsx("div",{className:"space-y-2",children:[{rating:5,count:78},{rating:4,count:45},{rating:3,count:20},{rating:2,count:8},{rating:1,count:5}].map(s=>{const r=s.count/156*100;return e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx("span",{className:"w-4",children:s.rating}),e.jsx(t.Star,{className:"w-3 h-3 text-yellow-500 fill-yellow-500"}),e.jsx("div",{className:"flex-1 h-3 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-yellow-500 rounded-full",style:{width:`${r}%`}})}),e.jsx("span",{className:"w-8 text-right text-xs",children:s.count})]},s.rating)})})]})]})]}),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(t.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:"Conseils d'utilisation"}),e.jsxs("ul",{className:"text-sm text-[var(--text-secondary)] mt-1 space-y-1",children:[e.jsx("li",{children:"Consultez le dashboard en debut de journee pour prioriser les actions"}),e.jsx("li",{children:"Surveillez les alertes SLA pour eviter les depassements"}),e.jsx("li",{children:"Equilibrez la charge entre les agents pour optimiser le traitement"}),e.jsx("li",{children:"Analysez les tendances pour anticiper les pics de demande"})]})]})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(c.Link,{to:"/system/docs/user/support",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(t.ArrowRight,{className:"w-4 h-4 rotate-180"}),l("support.dashboard.nav.supportIndex")]}),e.jsxs(c.Link,{to:"/system/docs/user/support-tickets",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:[l("support.dashboard.nav.nextTickets"),e.jsx(t.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.SupportDashboardDocPage=x;
-//# sourceMappingURL=SupportDashboardDocPage-DpgGq5Mm.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react-router-dom"),n=require("react-i18next"),t=require("lucide-react"),o=[{title:"Total Tickets",value:"125",color:"blue",icon:t.Headphones},{title:"New Tickets",value:"23",color:"green",icon:t.TrendingUp,subtitle:"Last 30 days"},{title:"Open Tickets",value:"45",color:"yellow",icon:t.Clock},{title:"Resolved",value:"67",color:"green",icon:t.CheckCircle,subtitle:"Last 30 days"},{title:"SLA Compliance",value:"89.6%",color:"green",icon:t.AlertTriangle},{title:"Avg. Satisfaction",value:"4.2/5",color:"yellow",icon:t.Star}],d=[{name:"Jean Dupont",email:"jean@example.com",total:12,open:3,inProgress:5,onHold:2},{name:"Marie Martin",email:"marie@example.com",total:8,open:2,inProgress:4,onHold:1},{name:"Pierre Bernard",email:"pierre@example.com",total:15,open:5,inProgress:6,onHold:3}];function x(){const{t:l}=n.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(c.Link,{to:"/system/docs",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.documentation")}),e.jsx("span",{children:"/"}),e.jsx(c.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.user")}),e.jsx("span",{children:"/"}),e.jsx(c.Link,{to:"/system/docs/user/support",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.support")}),e.jsx("span",{children:"/"}),e.jsx("span",{children:"Dashboard"})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(t.LayoutDashboard,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),l("support.dashboard.title")]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:l("support.dashboard.subtitle")})]}),e.jsxs("div",{className:"card p-4 bg-[var(--bg-secondary)]",children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Table des matieres"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm",children:[e.jsx("a",{href:"#overview",className:"text-[var(--color-primary-600)] hover:underline",children:"1. Vue d'ensemble"}),e.jsx("a",{href:"#kpis",className:"text-[var(--color-primary-600)] hover:underline",children:"2. Indicateurs KPI"}),e.jsx("a",{href:"#alerts",className:"text-[var(--color-primary-600)] hover:underline",children:"3. Alertes SLA"}),e.jsx("a",{href:"#charts",className:"text-[var(--color-primary-600)] hover:underline",children:"4. Graphiques"}),e.jsx("a",{href:"#workload",className:"text-[var(--color-primary-600)] hover:underline",children:"5. Charge agents"}),e.jsx("a",{href:"#satisfaction",className:"text-[var(--color-primary-600)] hover:underline",children:"6. Satisfaction"})]})]}),e.jsxs("section",{id:"overview",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"1"}),"Vue d'ensemble"]}),e.jsxs("div",{className:"card p-6",children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Acces"}),e.jsxs("div",{className:"flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm mb-4",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"Support"}),e.jsx(t.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"text-[var(--color-primary-600)] font-semibold",children:"Dashboard"})]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:"Le dashboard Support offre une vue complete des operations de support, incluant les KPIs, les alertes SLA, la distribution des tickets et la charge de travail des agents."})]}),e.jsxs("div",{className:"card p-6",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Fonctionnalites principales"}),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(t.RefreshCw,{className:"w-4 h-4 text-blue-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Donnees temps reel"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Actualisation automatique et manuelle"})]})]}),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(t.Clock,{className:"w-4 h-4 text-purple-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Selection de periode"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"7, 30 ou 90 derniers jours"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-red-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.AlertTriangle,{className:"w-4 h-4 text-red-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Alertes proactives"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Tickets en depassement ou a risque"})]})]}),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(t.TrendingUp,{className:"w-4 h-4 text-green-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Tendances"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Evolution des tickets crees/resolus"})]})]})]})]})]}),e.jsxs("section",{id:"kpis",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"2"}),"Indicateurs KPI"]}),e.jsxs("div",{className:"card p-6",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Cartes KPI"}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",children:o.map(s=>{const r={blue:"bg-blue-500/10 text-blue-600 border-blue-500/20",green:"bg-green-500/10 text-green-600 border-green-500/20",yellow:"bg-yellow-500/10 text-yellow-600 border-yellow-500/20",red:"bg-red-500/10 text-red-600 border-red-500/20"};return e.jsxs("div",{className:`p-3 rounded-lg border ${r[s.color]}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-xs font-medium opacity-80",children:s.title}),e.jsx(s.icon,{className:"w-4 h-4"})]}),e.jsx("div",{className:"text-xl font-bold",children:s.value}),s.subtitle&&e.jsx("div",{className:"text-xs opacity-70",children:s.subtitle})]},s.title)})})]}),e.jsxs("div",{className:"card p-6",children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Description des KPIs"}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left py-2",children:"KPI"}),e.jsx("th",{className:"text-left py-2",children:"Description"}),e.jsx("th",{className:"text-left py-2",children:"Objectif"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"Total Tickets"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Nombre total de tickets dans le systeme"}),e.jsx("td",{className:"py-2",children:"Information"})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"New Tickets"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Tickets crees sur la periode selectionnee"}),e.jsx("td",{className:"py-2",children:"Suivi volume"})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"Open Tickets"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Tickets actuellement ouverts (backlog)"}),e.jsx("td",{className:"py-2",children:"< 50"})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"Resolved"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Tickets resolus sur la periode"}),e.jsx("td",{className:"py-2",children:"≥ New Tickets"})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 font-medium",children:"SLA Compliance"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Pourcentage de tickets dans les delais"}),e.jsx("td",{className:"py-2",children:"≥ 90%"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 font-medium",children:"Avg. Satisfaction"}),e.jsx("td",{className:"py-2 text-[var(--text-secondary)]",children:"Note moyenne des utilisateurs (1-5)"}),e.jsx("td",{className:"py-2",children:"≥ 4.0"})]})]})]})]})]}),e.jsxs("section",{id:"alerts",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"3"}),"Alertes SLA"]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"card p-4 border-l-4 border-red-500",children:[e.jsxs("h3",{className:"font-semibold text-red-600 flex items-center gap-2 mb-3",children:[e.jsx(t.XCircle,{className:"w-5 h-5"}),"SLA Breached (3)"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between p-2 bg-red-500/10 rounded",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:"#TK-1234"}),e.jsx("span",{className:"ml-2 text-sm",children:"Probleme critique serveur"})]}),e.jsx("span",{className:"text-xs text-red-600 font-medium",children:"Response + Resolution"})]}),e.jsxs("div",{className:"flex items-center justify-between p-2 bg-red-500/10 rounded",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:"#TK-1235"}),e.jsx("span",{className:"ml-2 text-sm",children:"Bug application mobile"})]}),e.jsx("span",{className:"text-xs text-red-600 font-medium",children:"Resolution"})]})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-3",children:"Cliquez sur un ticket pour voir les details et prendre action."})]}),e.jsxs("div",{className:"card p-4 border-l-4 border-yellow-500",children:[e.jsxs("h3",{className:"font-semibold text-yellow-600 flex items-center gap-2 mb-3",children:[e.jsx(t.AlertTriangle,{className:"w-5 h-5"}),"Approaching Breach (5)"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between p-2 bg-yellow-500/10 rounded",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:"#TK-1240"}),e.jsx("span",{className:"ml-2 text-sm",children:"Demande de fonctionnalite"})]}),e.jsx("span",{className:"text-xs text-yellow-600 font-medium",children:"85% Response"})]}),e.jsxs("div",{className:"flex items-center justify-between p-2 bg-yellow-500/10 rounded",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:"#TK-1241"}),e.jsx("span",{className:"ml-2 text-sm",children:"Question facturation"})]}),e.jsx("span",{className:"text-xs text-yellow-600 font-medium",children:"78% Response"})]})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-3",children:"Tickets dont le SLA depasse 75% du temps alloue."})]})]})]}),e.jsxs("section",{id:"charts",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"4"}),"Graphiques"]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Tickets par Statut"}),e.jsx("div",{className:"space-y-3",children:[{status:"Open",count:45,color:"#eab308"},{status:"In Progress",count:32,color:"#3b82f6"},{status:"On Hold",count:12,color:"#f97316"},{status:"Resolved",count:67,color:"#22c55e"},{status:"Closed",count:89,color:"#6b7280"}].map(s=>{const a=s.count/245*100;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm",children:s.status}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${a}%`,backgroundColor:s.color}})}),e.jsx("div",{className:"w-12 text-right text-sm font-medium",children:s.count})]},s.status)})})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Tickets actifs par Priorite"}),e.jsx("div",{className:"space-y-3",children:[{priority:"Critical",count:5,color:"#dc2626"},{priority:"High",count:18,color:"#f97316"},{priority:"Medium",count:42,color:"#eab308"},{priority:"Low",count:24,color:"#3b82f6"}].map(s=>{const a=s.count/89*100;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm",children:s.priority}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${a}%`,backgroundColor:s.color}})}),e.jsx("div",{className:"w-12 text-right text-sm font-medium",children:s.count})]},s.priority)})})]})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:"Tendances (30 derniers jours)"}),e.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded bg-blue-500"}),e.jsx("span",{className:"text-sm",children:"Crees"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded bg-green-500"}),e.jsx("span",{className:"text-sm",children:"Resolus"})]})]}),e.jsx("div",{className:"h-32 flex items-end gap-1",children:Array.from({length:30},(s,r)=>e.jsxs("div",{className:"flex-1 flex gap-0.5",children:[e.jsx("div",{className:"flex-1 bg-blue-500 rounded-t",style:{height:`${Math.random()*80+20}%`}}),e.jsx("div",{className:"flex-1 bg-green-500 rounded-t",style:{height:`${Math.random()*80+20}%`}})]},`bar-${r}`))}),e.jsxs("div",{className:"flex justify-between text-xs text-[var(--text-secondary)] mt-2",children:[e.jsx("span",{children:"Il y a 30 jours"}),e.jsx("span",{children:"Aujourd'hui"})]})]})]}),e.jsxs("section",{id:"workload",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"5"}),"Charge des agents"]}),e.jsxs("div",{className:"card p-4",children:[e.jsxs("h3",{className:"font-semibold mb-4 flex items-center gap-2",children:[e.jsx(t.Users,{className:"w-5 h-5"}),"Agent Workload"]}),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:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left p-3 font-medium",children:"Agent"}),e.jsx("th",{className:"text-center p-3 font-medium",children:"Total"}),e.jsx("th",{className:"text-center p-3 font-medium",children:"Open"}),e.jsx("th",{className:"text-center p-3 font-medium",children:"In Progress"}),e.jsx("th",{className:"text-center p-3 font-medium",children:"On Hold"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Load"})]})}),e.jsx("tbody",{children:d.map(s=>{const r=Math.max(...d.map(i=>i.total)),a=s.total/r*100;return e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsxs("td",{className:"p-3",children:[e.jsx("div",{className:"font-medium",children:s.name}),e.jsx("div",{className:"text-xs text-[var(--text-secondary)]",children:s.email})]}),e.jsx("td",{className:"text-center p-3 font-semibold",children:s.total}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-yellow-500/10 text-yellow-600 rounded text-xs",children:s.open})}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-blue-500/10 text-blue-600 rounded text-xs",children:s.inProgress})}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-orange-500/10 text-orange-600 rounded text-xs",children:s.onHold})}),e.jsx("td",{className:"p-3 w-32",children:e.jsx("div",{className:"h-2 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-blue-500 rounded-full",style:{width:`${a}%`}})})})]},s.email)})})]})})]})]}),e.jsxs("section",{id:"satisfaction",className:"space-y-4",children:[e.jsxs("h2",{className:"text-2xl font-bold 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",children:"6"}),"Satisfaction client"]}),e.jsxs("div",{className:"card p-6",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-4xl font-bold text-green-600",children:"4.2"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Note moyenne"}),e.jsx("div",{className:"flex justify-center mt-2",children:[1,2,3,4,5].map(s=>e.jsx(t.Star,{className:`w-5 h-5 ${s<=4?"text-yellow-500 fill-yellow-500":"text-gray-300"}`},s))})]}),e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-4xl font-bold",children:"156"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Reponses totales"})]})]}),e.jsxs("div",{className:"mt-6",children:[e.jsx("h4",{className:"font-medium mb-3",children:"Distribution des notes"}),e.jsx("div",{className:"space-y-2",children:[{rating:5,count:78},{rating:4,count:45},{rating:3,count:20},{rating:2,count:8},{rating:1,count:5}].map(s=>{const r=s.count/156*100;return e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx("span",{className:"w-4",children:s.rating}),e.jsx(t.Star,{className:"w-3 h-3 text-yellow-500 fill-yellow-500"}),e.jsx("div",{className:"flex-1 h-3 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-yellow-500 rounded-full",style:{width:`${r}%`}})}),e.jsx("span",{className:"w-8 text-right text-xs",children:s.count})]},s.rating)})})]})]})]}),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(t.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:"Conseils d'utilisation"}),e.jsxs("ul",{className:"text-sm text-[var(--text-secondary)] mt-1 space-y-1",children:[e.jsx("li",{children:"Consultez le dashboard en debut de journee pour prioriser les actions"}),e.jsx("li",{children:"Surveillez les alertes SLA pour eviter les depassements"}),e.jsx("li",{children:"Equilibrez la charge entre les agents pour optimiser le traitement"}),e.jsx("li",{children:"Analysez les tendances pour anticiper les pics de demande"})]})]})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(c.Link,{to:"/system/docs/user/support",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(t.ArrowRight,{className:"w-4 h-4 rotate-180"}),l("support.dashboard.nav.supportIndex")]}),e.jsxs(c.Link,{to:"/system/docs/user/support-tickets",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:[l("support.dashboard.nav.nextTickets"),e.jsx(t.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.SupportDashboardDocPage=x;
+//# sourceMappingURL=SupportDashboardDocPage-DfV-9_8r.cjs.map

package/dist/SupportDashboardDocPage-DfV-9_8r.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportDashboardDocPage-DfV-9_8r.cjs","sources":["../src/pages/system/docs/user/SupportDashboardDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  LayoutDashboard,\r\n  ArrowRight,\r\n  Headphones,\r\n  Clock,\r\n  AlertTriangle,\r\n  TrendingUp,\r\n  Users,\r\n  Star,\r\n  CheckCircle,\r\n  XCircle,\r\n  RefreshCw,\r\n  Info,\r\n} from 'lucide-react';\r\n\r\n// Mock data for illustrations\r\nconst kpiCards = [\r\n  { title: 'Total Tickets', value: '125', color: 'blue', icon: Headphones },\r\n  { title: 'New Tickets', value: '23', color: 'green', icon: TrendingUp, subtitle: 'Last 30 days' },\r\n  { title: 'Open Tickets', value: '45', color: 'yellow', icon: Clock },\r\n  { title: 'Resolved', value: '67', color: 'green', icon: CheckCircle, subtitle: 'Last 30 days' },\r\n  { title: 'SLA Compliance', value: '89.6%', color: 'green', icon: AlertTriangle },\r\n  { title: 'Avg. Satisfaction', value: '4.2/5', color: 'yellow', icon: Star },\r\n];\r\n\r\nconst agentWorkload = [\r\n  { name: 'Jean Dupont', email: 'jean@example.com', total: 12, open: 3, inProgress: 5, onHold: 2 },\r\n  { name: 'Marie Martin', email: 'marie@example.com', total: 8, open: 2, inProgress: 4, onHold: 1 },\r\n  { name: 'Pierre Bernard', email: 'pierre@example.com', total: 15, open: 5, inProgress: 6, onHold: 3 },\r\n];\r\n\r\nexport function SupportDashboardDocPage(): 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>Dashboard</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          <LayoutDashboard className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('support.dashboard.title')}\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('support.dashboard.subtitle')}\r\n        </p>\r\n      </div>\r\n\r\n      {/* Table of contents */}\r\n      <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n        <h3 className=\"font-semibold mb-3\">Table des matieres</h3>\r\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm\">\r\n          <a href=\"#overview\" className=\"text-[var(--color-primary-600)] hover:underline\">1. Vue d'ensemble</a>\r\n          <a href=\"#kpis\" className=\"text-[var(--color-primary-600)] hover:underline\">2. Indicateurs KPI</a>\r\n          <a href=\"#alerts\" className=\"text-[var(--color-primary-600)] hover:underline\">3. Alertes SLA</a>\r\n          <a href=\"#charts\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Graphiques</a>\r\n          <a href=\"#workload\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Charge agents</a>\r\n          <a href=\"#satisfaction\" className=\"text-[var(--color-primary-600)] hover:underline\">6. Satisfaction</a>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Section 1: Overview */}\r\n      <section id=\"overview\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n          Vue d'ensemble\r\n        </h2>\r\n\r\n        <div className=\"card p-6\">\r\n          <h3 className=\"font-semibold mb-3\">Acces</h3>\r\n          <div className=\"flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm mb-4\">\r\n            <span className=\"text-[var(--text-tertiary)]\">Support</span>\r\n            <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n            <span className=\"text-[var(--color-primary-600)] font-semibold\">Dashboard</span>\r\n          </div>\r\n          <p className=\"text-[var(--text-secondary)]\">\r\n            Le dashboard Support offre une vue complete des operations de support, incluant les KPIs,\r\n            les alertes SLA, la distribution des tickets et la charge de travail des agents.\r\n          </p>\r\n        </div>\r\n\r\n        <div className=\"card p-6\">\r\n          <h3 className=\"font-semibold mb-4\">Fonctionnalites principales</h3>\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                <RefreshCw className=\"w-4 h-4 text-blue-500\" />\r\n              </div>\r\n              <div>\r\n                <div className=\"font-medium\">Donnees temps reel</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">Actualisation automatique et manuelle</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                <Clock className=\"w-4 h-4 text-purple-500\" />\r\n              </div>\r\n              <div>\r\n                <div className=\"font-medium\">Selection de periode</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">7, 30 ou 90 derniers jours</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-red-500/10 flex items-center justify-center flex-shrink-0\">\r\n                <AlertTriangle className=\"w-4 h-4 text-red-500\" />\r\n              </div>\r\n              <div>\r\n                <div className=\"font-medium\">Alertes proactives</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">Tickets en depassement ou a risque</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                <TrendingUp className=\"w-4 h-4 text-green-500\" />\r\n              </div>\r\n              <div>\r\n                <div className=\"font-medium\">Tendances</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">Evolution des tickets crees/resolus</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 2: KPIs */}\r\n      <section id=\"kpis\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n          Indicateurs KPI\r\n        </h2>\r\n\r\n        {/* Mock KPI Cards */}\r\n        <div className=\"card p-6\">\r\n          <h3 className=\"font-semibold mb-4\">Cartes KPI</h3>\r\n          <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3\">\r\n            {kpiCards.map((kpi) => {\r\n              const colors: Record<string, string> = {\r\n                blue: 'bg-blue-500/10 text-blue-600 border-blue-500/20',\r\n                green: 'bg-green-500/10 text-green-600 border-green-500/20',\r\n                yellow: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20',\r\n                red: 'bg-red-500/10 text-red-600 border-red-500/20',\r\n              };\r\n              return (\r\n                <div key={kpi.title} className={`p-3 rounded-lg border ${colors[kpi.color]}`}>\r\n                  <div className=\"flex items-center justify-between mb-2\">\r\n                    <span className=\"text-xs font-medium opacity-80\">{kpi.title}</span>\r\n                    <kpi.icon className=\"w-4 h-4\" />\r\n                  </div>\r\n                  <div className=\"text-xl font-bold\">{kpi.value}</div>\r\n                  {kpi.subtitle && <div className=\"text-xs opacity-70\">{kpi.subtitle}</div>}\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"card p-6\">\r\n          <h3 className=\"font-semibold mb-3\">Description des KPIs</h3>\r\n          <table className=\"w-full text-sm\">\r\n            <thead>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <th className=\"text-left py-2\">KPI</th>\r\n                <th className=\"text-left py-2\">Description</th>\r\n                <th className=\"text-left py-2\">Objectif</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 font-medium\">Total Tickets</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Nombre total de tickets dans le systeme</td>\r\n                <td className=\"py-2\">Information</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 font-medium\">New Tickets</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Tickets crees sur la periode selectionnee</td>\r\n                <td className=\"py-2\">Suivi volume</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 font-medium\">Open Tickets</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Tickets actuellement ouverts (backlog)</td>\r\n                <td className=\"py-2\">&lt; 50</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 font-medium\">Resolved</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Tickets resolus sur la periode</td>\r\n                <td className=\"py-2\">&ge; New Tickets</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2 font-medium\">SLA Compliance</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Pourcentage de tickets dans les delais</td>\r\n                <td className=\"py-2\">&ge; 90%</td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 font-medium\">Avg. Satisfaction</td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">Note moyenne des utilisateurs (1-5)</td>\r\n                <td className=\"py-2\">&ge; 4.0</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 3: SLA Alerts */}\r\n      <section id=\"alerts\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n          Alertes SLA\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n          {/* Breached */}\r\n          <div className=\"card p-4 border-l-4 border-red-500\">\r\n            <h3 className=\"font-semibold text-red-600 flex items-center gap-2 mb-3\">\r\n              <XCircle className=\"w-5 h-5\" />\r\n              SLA Breached (3)\r\n            </h3>\r\n            <div className=\"space-y-2\">\r\n              <div className=\"flex items-center justify-between p-2 bg-red-500/10 rounded\">\r\n                <div>\r\n                  <span className=\"font-mono text-sm\">#TK-1234</span>\r\n                  <span className=\"ml-2 text-sm\">Probleme critique serveur</span>\r\n                </div>\r\n                <span className=\"text-xs text-red-600 font-medium\">Response + Resolution</span>\r\n              </div>\r\n              <div className=\"flex items-center justify-between p-2 bg-red-500/10 rounded\">\r\n                <div>\r\n                  <span className=\"font-mono text-sm\">#TK-1235</span>\r\n                  <span className=\"ml-2 text-sm\">Bug application mobile</span>\r\n                </div>\r\n                <span className=\"text-xs text-red-600 font-medium\">Resolution</span>\r\n              </div>\r\n            </div>\r\n            <p className=\"text-xs text-[var(--text-secondary)] mt-3\">\r\n              Cliquez sur un ticket pour voir les details et prendre action.\r\n            </p>\r\n          </div>\r\n\r\n          {/* Approaching */}\r\n          <div className=\"card p-4 border-l-4 border-yellow-500\">\r\n            <h3 className=\"font-semibold text-yellow-600 flex items-center gap-2 mb-3\">\r\n              <AlertTriangle className=\"w-5 h-5\" />\r\n              Approaching Breach (5)\r\n            </h3>\r\n            <div className=\"space-y-2\">\r\n              <div className=\"flex items-center justify-between p-2 bg-yellow-500/10 rounded\">\r\n                <div>\r\n                  <span className=\"font-mono text-sm\">#TK-1240</span>\r\n                  <span className=\"ml-2 text-sm\">Demande de fonctionnalite</span>\r\n                </div>\r\n                <span className=\"text-xs text-yellow-600 font-medium\">85% Response</span>\r\n              </div>\r\n              <div className=\"flex items-center justify-between p-2 bg-yellow-500/10 rounded\">\r\n                <div>\r\n                  <span className=\"font-mono text-sm\">#TK-1241</span>\r\n                  <span className=\"ml-2 text-sm\">Question facturation</span>\r\n                </div>\r\n                <span className=\"text-xs text-yellow-600 font-medium\">78% Response</span>\r\n              </div>\r\n            </div>\r\n            <p className=\"text-xs text-[var(--text-secondary)] mt-3\">\r\n              Tickets dont le SLA depasse 75% du temps alloue.\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 4: Charts */}\r\n      <section id=\"charts\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n          Graphiques\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n          {/* Status Distribution */}\r\n          <div className=\"card p-4\">\r\n            <h3 className=\"font-semibold mb-4\">Tickets par Statut</h3>\r\n            <div className=\"space-y-3\">\r\n              {[\r\n                { status: 'Open', count: 45, color: '#eab308' },\r\n                { status: 'In Progress', count: 32, color: '#3b82f6' },\r\n                { status: 'On Hold', count: 12, color: '#f97316' },\r\n                { status: 'Resolved', count: 67, color: '#22c55e' },\r\n                { status: 'Closed', count: 89, color: '#6b7280' },\r\n              ].map((item) => {\r\n                const total = 245;\r\n                const percentage = (item.count / total) * 100;\r\n                return (\r\n                  <div key={item.status} className=\"flex items-center gap-3\">\r\n                    <div className=\"w-24 text-sm\">{item.status}</div>\r\n                    <div className=\"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                      <div\r\n                        className=\"h-full rounded-full\"\r\n                        style={{ width: `${percentage}%`, backgroundColor: item.color }}\r\n                      />\r\n                    </div>\r\n                    <div className=\"w-12 text-right text-sm font-medium\">{item.count}</div>\r\n                  </div>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Priority Distribution */}\r\n          <div className=\"card p-4\">\r\n            <h3 className=\"font-semibold mb-4\">Tickets actifs par Priorite</h3>\r\n            <div className=\"space-y-3\">\r\n              {[\r\n                { priority: 'Critical', count: 5, color: '#dc2626' },\r\n                { priority: 'High', count: 18, color: '#f97316' },\r\n                { priority: 'Medium', count: 42, color: '#eab308' },\r\n                { priority: 'Low', count: 24, color: '#3b82f6' },\r\n              ].map((item) => {\r\n                const total = 89;\r\n                const percentage = (item.count / total) * 100;\r\n                return (\r\n                  <div key={item.priority} className=\"flex items-center gap-3\">\r\n                    <div className=\"w-24 text-sm\">{item.priority}</div>\r\n                    <div className=\"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                      <div\r\n                        className=\"h-full rounded-full\"\r\n                        style={{ width: `${percentage}%`, backgroundColor: item.color }}\r\n                      />\r\n                    </div>\r\n                    <div className=\"w-12 text-right text-sm font-medium\">{item.count}</div>\r\n                  </div>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Trends */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">Tendances (30 derniers jours)</h3>\r\n          <div className=\"flex items-center gap-4 mb-4\">\r\n            <div className=\"flex items-center gap-2\">\r\n              <div className=\"w-3 h-3 rounded bg-blue-500\" />\r\n              <span className=\"text-sm\">Crees</span>\r\n            </div>\r\n            <div className=\"flex items-center gap-2\">\r\n              <div className=\"w-3 h-3 rounded bg-green-500\" />\r\n              <span className=\"text-sm\">Resolus</span>\r\n            </div>\r\n          </div>\r\n          <div className=\"h-32 flex items-end gap-1\">\r\n            {Array.from({ length: 30 }, (_, i) => (\r\n              <div key={`bar-${i}`} className=\"flex-1 flex gap-0.5\">\r\n                <div\r\n                  className=\"flex-1 bg-blue-500 rounded-t\"\r\n                  style={{ height: `${Math.random() * 80 + 20}%` }}\r\n                />\r\n                <div\r\n                  className=\"flex-1 bg-green-500 rounded-t\"\r\n                  style={{ height: `${Math.random() * 80 + 20}%` }}\r\n                />\r\n              </div>\r\n            ))}\r\n          </div>\r\n          <div className=\"flex justify-between text-xs text-[var(--text-secondary)] mt-2\">\r\n            <span>Il y a 30 jours</span>\r\n            <span>Aujourd'hui</span>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 5: Agent Workload */}\r\n      <section id=\"workload\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">5</span>\r\n          Charge des agents\r\n        </h2>\r\n\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4 flex items-center gap-2\">\r\n            <Users className=\"w-5 h-5\" />\r\n            Agent Workload\r\n          </h3>\r\n          <div className=\"overflow-x-auto\">\r\n            <table className=\"w-full text-sm\">\r\n              <thead>\r\n                <tr className=\"border-b border-[var(--border-color)]\">\r\n                  <th className=\"text-left p-3 font-medium\">Agent</th>\r\n                  <th className=\"text-center p-3 font-medium\">Total</th>\r\n                  <th className=\"text-center p-3 font-medium\">Open</th>\r\n                  <th className=\"text-center p-3 font-medium\">In Progress</th>\r\n                  <th className=\"text-center p-3 font-medium\">On Hold</th>\r\n                  <th className=\"text-left p-3 font-medium\">Load</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                {agentWorkload.map((agent) => {\r\n                  const maxLoad = Math.max(...agentWorkload.map((a) => a.total));\r\n                  const loadPercentage = (agent.total / maxLoad) * 100;\r\n                  return (\r\n                    <tr key={agent.email} className=\"border-b border-[var(--border-color)]\">\r\n                      <td className=\"p-3\">\r\n                        <div className=\"font-medium\">{agent.name}</div>\r\n                        <div className=\"text-xs text-[var(--text-secondary)]\">{agent.email}</div>\r\n                      </td>\r\n                      <td className=\"text-center p-3 font-semibold\">{agent.total}</td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-yellow-500/10 text-yellow-600 rounded text-xs\">\r\n                          {agent.open}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-blue-500/10 text-blue-600 rounded text-xs\">\r\n                          {agent.inProgress}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-orange-500/10 text-orange-600 rounded text-xs\">\r\n                          {agent.onHold}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"p-3 w-32\">\r\n                        <div className=\"h-2 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                          <div\r\n                            className=\"h-full bg-blue-500 rounded-full\"\r\n                            style={{ width: `${loadPercentage}%` }}\r\n                          />\r\n                        </div>\r\n                      </td>\r\n                    </tr>\r\n                  );\r\n                })}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section 6: Satisfaction */}\r\n      <section id=\"satisfaction\" className=\"space-y-4\">\r\n        <h2 className=\"text-2xl font-bold flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">6</span>\r\n          Satisfaction client\r\n        </h2>\r\n\r\n        <div className=\"card p-6\">\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n            <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n              <div className=\"text-4xl font-bold text-green-600\">4.2</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Note moyenne</div>\r\n              <div className=\"flex justify-center mt-2\">\r\n                {[1, 2, 3, 4, 5].map((star) => (\r\n                  <Star\r\n                    key={star}\r\n                    className={`w-5 h-5 ${star <= 4 ? 'text-yellow-500 fill-yellow-500' : 'text-gray-300'}`}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n              <div className=\"text-4xl font-bold\">156</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Reponses totales</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mt-6\">\r\n            <h4 className=\"font-medium mb-3\">Distribution des notes</h4>\r\n            <div className=\"space-y-2\">\r\n              {[\r\n                { rating: 5, count: 78 },\r\n                { rating: 4, count: 45 },\r\n                { rating: 3, count: 20 },\r\n                { rating: 2, count: 8 },\r\n                { rating: 1, count: 5 },\r\n              ].map((item) => {\r\n                const percentage = (item.count / 156) * 100;\r\n                return (\r\n                  <div key={item.rating} className=\"flex items-center gap-2 text-sm\">\r\n                    <span className=\"w-4\">{item.rating}</span>\r\n                    <Star className=\"w-3 h-3 text-yellow-500 fill-yellow-500\" />\r\n                    <div className=\"flex-1 h-3 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                      <div\r\n                        className=\"h-full bg-yellow-500 rounded-full\"\r\n                        style={{ width: `${percentage}%` }}\r\n                      />\r\n                    </div>\r\n                    <span className=\"w-8 text-right text-xs\">{item.count}</span>\r\n                  </div>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\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\">Conseils d'utilisation</div>\r\n          <ul className=\"text-sm text-[var(--text-secondary)] mt-1 space-y-1\">\r\n            <li>Consultez le dashboard en debut de journee pour prioriser les actions</li>\r\n            <li>Surveillez les alertes SLA pour eviter les depassements</li>\r\n            <li>Equilibrez la charge entre les agents pour optimiser le traitement</li>\r\n            <li>Analysez les tendances pour anticiper les pics de demande</li>\r\n          </ul>\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\"\r\n          className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n        >\r\n          <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n          {t('support.dashboard.nav.supportIndex')}\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-tickets\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('support.dashboard.nav.nextTickets')}\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["kpiCards","Headphones","TrendingUp","Clock","CheckCircle","AlertTriangle","Star","agentWorkload","SupportDashboardDocPage","t","useTranslation","jsxs","jsx","Link","LayoutDashboard","ArrowRight","RefreshCw","kpi","colors","XCircle","item","percentage","_","i","Users","agent","maxLoad","a","loadPercentage","star","Info"],"mappings":"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"}

package/dist/{SupportEscalationDocPage-B-_ChfdN.js → SupportEscalationDocPage-C481D7pF.js}

@@ -386,7 +386,7 @@ function C() {
           /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("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" : "bg-blue-500/10 text-blue-600"}`, children: s.method }) }),
           /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: s.url }),
           /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: s.description })
-        ] }, t)) })
+        ] }, `${s.method}-${s.url}-${t}`)) })
       ] }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3", children: [
@@ -425,4 +425,4 @@ function C() {
 export {
   C as SupportEscalationDocPage
 };
-//# sourceMappingURL=SupportEscalationDocPage-B-_ChfdN.js.map
+//# sourceMappingURL=SupportEscalationDocPage-C481D7pF.js.map

package/dist/SupportEscalationDocPage-C481D7pF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportEscalationDocPage-C481D7pF.js","sources":["../src/pages/system/docs/user/SupportEscalationDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  TrendingUp,\r\n  ArrowRight,\r\n  Shield,\r\n  Clock,\r\n  Bell,\r\n  Users,\r\n  AlertTriangle,\r\n  Edit,\r\n  Check,\r\n  X,\r\n  Info,\r\n  HelpCircle,\r\n  MessageSquare,\r\n  Zap,\r\n} from 'lucide-react';\r\n\r\nconst levelConfig = {\r\n  Supervisor: { color: 'bg-blue-500/10 text-blue-600 border-blue-500/20', description: 'Premier niveau d\\'escalade' },\r\n  Manager: { color: 'bg-orange-500/10 text-orange-600 border-orange-500/20', description: 'Deuxieme niveau d\\'escalade' },\r\n  Director: { color: 'bg-red-500/10 text-red-600 border-red-500/20', description: 'Niveau maximum d\\'escalade' },\r\n};\r\n\r\nconst triggerTypes = [\r\n  { type: 'ResponseBreach', label: 'Response SLA Breach', icon: Clock, description: 'Declenchee quand le temps de premiere reponse SLA est depasse' },\r\n  { type: 'ResolutionBreach', label: 'Resolution SLA Breach', icon: AlertTriangle, description: 'Declenchee quand le temps de resolution SLA est depasse' },\r\n  { type: 'ManualRequest', label: 'Manual Request', icon: Bell, description: 'Escalade manuelle demandee par un agent' },\r\n];\r\n\r\nconst mockRules = [\r\n  { level: 'Supervisor', trigger: 'ResponseBreach', delay: 0, role: 'Support Supervisor', active: true },\r\n  { level: 'Supervisor', trigger: 'ResolutionBreach', delay: 30, role: 'Support Supervisor', active: true },\r\n  { level: 'Manager', trigger: 'ResponseBreach', delay: 60, role: 'Support Manager', active: true },\r\n  { level: 'Manager', trigger: 'ResolutionBreach', delay: 120, role: 'Support Manager', active: true },\r\n  { level: 'Director', trigger: 'ResolutionBreach', delay: 240, role: 'IT Director', active: true },\r\n];\r\n\r\nconst workflowSteps = [\r\n  { step: 1, title: 'Detection du depassement', description: 'Le systeme detecte qu\\'un SLA a ete depasse (reponse ou resolution)' },\r\n  { step: 2, title: 'Verification du delai', description: 'Si un delai est configure, le systeme attend la duree specifiee' },\r\n  { step: 3, title: 'Escalade automatique', description: 'Le ticket est escalade au niveau configure et les notifications sont envoyees' },\r\n  { step: 4, title: 'Escalades successives', description: 'Si le probleme persiste, le ticket peut etre escalade aux niveaux superieurs' },\r\n];\r\n\r\nconst faqItems = [\r\n  {\r\n    question: 'Que se passe-t-il si une regle d\\'escalade est desactivee ?',\r\n    answer: 'Les regles desactivees sont ignorees lors du traitement des escalades. Le systeme passe directement au niveau suivant si disponible, ou ne declenche pas d\\'escalade si c\\'est la seule regle pour ce type de depassement.',\r\n  },\r\n  {\r\n    question: 'Comment fonctionne le delai apres depassement ?',\r\n    answer: 'Le delai permet d\\'eviter les escalades immediates. Par exemple, un delai de 30 minutes laisse le temps a l\\'agent de resoudre le probleme avant de notifier le superviseur. Un delai de 0 signifie une escalade immediate.',\r\n  },\r\n  {\r\n    question: 'Puis-je configurer plusieurs roles pour le meme niveau ?',\r\n    answer: 'Non, chaque regle ne peut notifier qu\\'un seul role. Pour notifier plusieurs personnes, creez plusieurs regles avec le meme niveau et type de declencheur, ou utilisez un role de groupe.',\r\n  },\r\n  {\r\n    question: 'L\\'escalade est-elle reversible ?',\r\n    answer: 'L\\'escalade elle-meme ne peut pas etre annulee automatiquement. Cependant, le ticket peut etre reassigne manuellement a un agent de niveau inferieur une fois le probleme resolu ou stabilise.',\r\n  },\r\n];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET', url: '/api/support/sla/escalation-rules', description: 'Liste des regles d\\'escalade' },\r\n  { method: 'GET', url: '/api/support/sla/escalation-rules/{id}', description: 'Detail d\\'une regle' },\r\n  { method: 'PUT', url: '/api/support/sla/escalation-rules/{id}', description: 'Modifier une regle d\\'escalade' },\r\n  { method: 'POST', url: '/api/support/tickets/{id}/escalate', description: 'Escalader manuellement un ticket' },\r\n];\r\n\r\nexport function SupportEscalationDocPage(): 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.escalation.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          <TrendingUp className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          Configuration Escalade\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          Regles d'escalade automatique et hierarchie de notification pour les depassements SLA.\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-orange-500/10 text-orange-600 border border-orange-500/20\">\r\n            Automatisation\r\n          </span>\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-red-500/10 text-red-600 border border-red-500/20\">\r\n            SLA\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=\"#hierarchy\" className=\"text-[var(--color-primary-600)] hover:underline\">3. Hierarchie</a>\r\n          <a href=\"#triggers\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Declencheurs</a>\r\n          <a href=\"#rules\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Configuration</a>\r\n          <a href=\"#workflow\" className=\"text-[var(--color-primary-600)] hover:underline\">6. Fonctionnement</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          Le systeme d'escalade permet de notifier automatiquement les responsables lorsqu'un ticket\r\n          depasse les delais SLA garantis. Il s'organise en trois niveaux hierarchiques avec des\r\n          regles configurables.\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              <Users className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">3 niveaux</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Supervisor → Manager → Director</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              <Zap className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">3 declencheurs</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Response, Resolution, Manuel</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              <Clock className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Delais configurables</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">De immediat a plusieurs heures</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              <Bell className=\"w-4 h-4 text-green-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">Notifications par role</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">Assignation de roles par niveau</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\">Escalation</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/escalation\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 regles</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.escalation.read</code></td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2 px-3\">Modifier les regles</td>\r\n                <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.escalation.update</code></td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 3. Hierarchie */}\r\n      <section id=\"hierarchy\" 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          Hierarchie d'escalade\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Les tickets sont escalades progressivement a travers trois niveaux de responsabilite.\r\n        </p>\r\n\r\n        {/* Visual hierarchy */}\r\n        <div className=\"p-4 bg-[var(--bg-secondary)] rounded-lg mb-6\">\r\n          <div className=\"flex items-center justify-center gap-4 flex-wrap\">\r\n            {Object.entries(levelConfig).map(([level, config], index) => (\r\n              <div key={level} className=\"flex items-center gap-4\">\r\n                <div className={`px-6 py-3 rounded-lg font-medium border ${config.color}`}>\r\n                  <div className=\"text-center\">\r\n                    <div className=\"text-xs opacity-70\">Level {index + 1}</div>\r\n                    <div className=\"font-bold\">{level}</div>\r\n                  </div>\r\n                </div>\r\n                {index < 2 && <ArrowRight className=\"w-6 h-6 text-[var(--text-tertiary)]\" />}\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          {Object.entries(levelConfig).map(([level, config], index) => (\r\n            <div key={level} className={`p-4 rounded-lg border ${config.color}`}>\r\n              <h3 className=\"font-semibold mb-2\">Niveau {index + 1}: {level}</h3>\r\n              <p className=\"text-sm opacity-80\">{config.description}</p>\r\n              <div className=\"mt-3 text-sm\">\r\n                <strong>Responsabilites:</strong>\r\n                <ul className=\"mt-1 space-y-1 list-disc list-inside opacity-80\">\r\n                  {level === 'Supervisor' && (\r\n                    <>\r\n                      <li>Suivi des tickets en depassement</li>\r\n                      <li>Reassignation si necessaire</li>\r\n                    </>\r\n                  )}\r\n                  {level === 'Manager' && (\r\n                    <>\r\n                      <li>Gestion des cas complexes</li>\r\n                      <li>Allocation de ressources</li>\r\n                    </>\r\n                  )}\r\n                  {level === 'Director' && (\r\n                    <>\r\n                      <li>Decisions strategiques</li>\r\n                      <li>Communication client VIP</li>\r\n                    </>\r\n                  )}\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* 4. Declencheurs */}\r\n      <section id=\"triggers\" 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          Types de declencheurs\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Trois types d'evenements peuvent declencher une escalade.\r\n        </p>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          {triggerTypes.map((trigger) => (\r\n            <div key={trigger.type} className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n              <div className=\"flex items-center gap-2 mb-3\">\r\n                <trigger.icon className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n                <h3 className=\"font-semibold\">{trigger.label}</h3>\r\n              </div>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{trigger.description}</p>\r\n            </div>\r\n          ))}\r\n        </div>\r\n\r\n        <div className=\"mt-4 p-4 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-start gap-3\">\r\n          <AlertTriangle className=\"w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5\" />\r\n          <div>\r\n            <div className=\"font-medium text-amber-600\">Important</div>\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              Les escalades de type \"Response Breach\" sont generalement configurees avec des delais plus courts car la premiere reponse est critique pour la satisfaction client.\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 5. Configuration des regles */}\r\n      <section id=\"rules\" 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          Configuration des regles\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Chaque regle d'escalade definit: le niveau, le type de declencheur, le delai et le role a notifier.\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)]\">\r\n            <div className=\"flex items-center gap-2\">\r\n              <TrendingUp className=\"w-5 h-5\" />\r\n              <span className=\"font-bold\">Escalation Configuration</span>\r\n            </div>\r\n            <div className=\"text-sm text-[var(--text-secondary)]\">Configure escalation hierarchy and notification rules</div>\r\n          </div>\r\n\r\n          {/* Hierarchy visual */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <div className=\"flex items-center gap-2 mb-3\">\r\n              <Users className=\"w-4 h-4\" />\r\n              <span className=\"font-medium\">Escalation Hierarchy</span>\r\n            </div>\r\n            <div className=\"flex items-center gap-4\">\r\n              <div className=\"px-4 py-2 rounded-lg font-medium bg-blue-500/10 text-blue-600\">Supervisor</div>\r\n              <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n              <div className=\"px-4 py-2 rounded-lg font-medium bg-orange-500/10 text-orange-600\">Manager</div>\r\n              <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n              <div className=\"px-4 py-2 rounded-lg font-medium bg-red-500/10 text-red-600\">Director</div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Rules by level */}\r\n          {['Supervisor', 'Manager', 'Director'].map((level, levelIndex) => {\r\n            const levelRules = mockRules.filter(r => r.level === level);\r\n            const config = levelConfig[level as keyof typeof levelConfig];\r\n            return (\r\n              <div key={level} className=\"border-b border-[var(--border-color)] last:border-b-0\">\r\n                <div className={`px-4 py-2 font-semibold ${config.color}`}>\r\n                  Level {levelIndex + 1}: {level}\r\n                </div>\r\n                <div className=\"divide-y divide-[var(--border-color)]\">\r\n                  {levelRules.map((rule) => (\r\n                    <div key={`${level}-${rule.delay}-${rule.role}`} className=\"p-4 flex items-center justify-between\">\r\n                      <div className=\"flex items-center gap-4\">\r\n                        <div className=\"flex items-center gap-2\">\r\n                          {rule.trigger === 'ResponseBreach' ? <Clock className=\"w-4 h-4 text-[var(--text-secondary)]\" /> : <AlertTriangle className=\"w-4 h-4 text-[var(--text-secondary)]\" />}\r\n                          <span className=\"font-medium\">{rule.trigger === 'ResponseBreach' ? 'Response SLA Breach' : 'Resolution SLA Breach'}</span>\r\n                        </div>\r\n                        <div className=\"text-sm text-[var(--text-secondary)]\">\r\n                          <Clock className=\"w-3 h-3 inline mr-1\" />\r\n                          {rule.delay === 0 ? 'Immediate' : `${rule.delay}min`}\r\n                        </div>\r\n                        <div className=\"text-sm text-[var(--text-secondary)]\">\r\n                          <Bell className=\"w-3 h-3 inline mr-1\" />\r\n                          {rule.role}\r\n                        </div>\r\n                      </div>\r\n                      <button className=\"px-3 py-1 border border-[var(--border-color)] rounded text-sm flex items-center gap-1\">\r\n                        <Edit className=\"w-3 h-3\" />\r\n                        Edit\r\n                      </button>\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n\r\n        {/* Edit form example */}\r\n        <div className=\"mt-6\">\r\n          <h3 className=\"font-medium mb-3\">Formulaire d'edition</h3>\r\n          <div className=\"p-4 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]\">\r\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n              <div>\r\n                <label className=\"block text-sm font-medium mb-1\">Delay After Breach</label>\r\n                <div className=\"flex items-center gap-2\">\r\n                  <input type=\"number\" value=\"30\" className=\"w-20 p-2 border border-[var(--border-color)] rounded bg-[var(--bg-primary)]\" readOnly />\r\n                  <span className=\"text-sm text-[var(--text-secondary)]\">minutes</span>\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <label className=\"block text-sm font-medium mb-1\">Notify Role</label>\r\n                <select className=\"w-full p-2 border border-[var(--border-color)] rounded bg-[var(--bg-primary)]\">\r\n                  <option>Support Supervisor</option>\r\n                </select>\r\n              </div>\r\n              <div>\r\n                <label className=\"block text-sm font-medium mb-1\">Status</label>\r\n                <label className=\"flex items-center gap-2\">\r\n                  <input type=\"checkbox\" checked className=\"rounded\" readOnly />\r\n                  <span className=\"text-sm\">Active</span>\r\n                </label>\r\n              </div>\r\n            </div>\r\n            <div className=\"mt-4 flex justify-end gap-2\">\r\n              <button className=\"px-3 py-1.5 border border-[var(--border-color)] rounded text-sm flex items-center gap-1\">\r\n                <X className=\"w-3 h-3\" />\r\n                Cancel\r\n              </button>\r\n              <button className=\"px-3 py-1.5 bg-[var(--color-primary-600)] text-white rounded text-sm flex items-center gap-1\">\r\n                <Check className=\"w-3 h-3\" />\r\n                Save\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* 6. Fonctionnement */}\r\n      <section id=\"workflow\" 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          Comment fonctionne l'escalade\r\n        </h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          Le processus d'escalade suit une sequence d'etapes bien definie.\r\n        </p>\r\n\r\n        <div className=\"space-y-4\">\r\n          {workflowSteps.map((step) => (\r\n            <div key={step.step} className=\"flex gap-4\">\r\n              <div className=\"w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold flex-shrink-0\">\r\n                {step.step}\r\n              </div>\r\n              <div className=\"flex-1 pt-2\">\r\n                <h4 className=\"font-medium\">{step.title}</h4>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{step.description}</p>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n\r\n        <div className=\"mt-6 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n          <h3 className=\"font-medium mb-3\">Exemple de scenario</h3>\r\n          <div className=\"space-y-2 text-sm\">\r\n            <p><strong>Ticket critique:</strong> SLA Resolution = 4h</p>\r\n            <div className=\"pl-4 border-l-2 border-[var(--color-primary-600)] space-y-2 text-[var(--text-secondary)]\">\r\n              <p><span className=\"font-medium text-[var(--text-primary)]\">T+0:</span> Ticket cree, compteur SLA demarre</p>\r\n              <p><span className=\"font-medium text-[var(--text-primary)]\">T+4h:</span> SLA depasse → Escalade Supervisor immediate</p>\r\n              <p><span className=\"font-medium text-[var(--text-primary)]\">T+6h:</span> Non resolu → Delai 2h atteint → Escalade Manager</p>\r\n              <p><span className=\"font-medium text-[var(--text-primary)]\">T+10h:</span> Non resolu → Delai 4h atteint → Escalade Director</p>\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                      'bg-blue-500/10 text-blue-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\">Documentation complete</div>\r\n          <p className=\"text-sm text-[var(--text-secondary)]\">\r\n            Vous avez parcouru l'ensemble de la documentation du module Support. Retournez a l'index pour explorer d'autres sections.\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-templates\"\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          Templates de Reponse\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          Index Module Support\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["levelConfig","triggerTypes","Clock","AlertTriangle","Bell","mockRules","workflowSteps","faqItems","apiEndpoints","SupportEscalationDocPage","t","useTranslation","jsxs","jsx","Link","TrendingUp","Users","Zap","ArrowRight","Shield","level","config","index","Fragment","trigger","levelIndex","levelRules","r","rule","Edit","X","Check","step","HelpCircle","item","MessageSquare","endpoint","Info"],"mappings":"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"}