@atlashub/smartstack 3.11.0 → 3.14.0

package/dist/{SupportEscalationDocPage-WXkAQr8k.cjs → SupportEscalationDocPage-C65oCDZL.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react-router-dom"),o=require("react-i18next"),r=require("lucide-react"),n={Supervisor:{color:"bg-blue-500/10 text-blue-600 border-blue-500/20",description:"Premier niveau d'escalade"},Manager:{color:"bg-orange-500/10 text-orange-600 border-orange-500/20",description:"Deuxieme niveau d'escalade"},Director:{color:"bg-red-500/10 text-red-600 border-red-500/20",description:"Niveau maximum d'escalade"}},m=[{type:"ResponseBreach",label:"Response SLA Breach",icon:r.Clock,description:"Declenchee quand le temps de premiere reponse SLA est depasse"},{type:"ResolutionBreach",label:"Resolution SLA Breach",icon:r.AlertTriangle,description:"Declenchee quand le temps de resolution SLA est depasse"},{type:"ManualRequest",label:"Manual Request",icon:r.Bell,description:"Escalade manuelle demandee par un agent"}],x=[{level:"Supervisor",trigger:"ResponseBreach",delay:0,role:"Support Supervisor",active:!0},{level:"Supervisor",trigger:"ResolutionBreach",delay:30,role:"Support Supervisor",active:!0},{level:"Manager",trigger:"ResponseBreach",delay:60,role:"Support Manager",active:!0},{level:"Manager",trigger:"ResolutionBreach",delay:120,role:"Support Manager",active:!0},{level:"Director",trigger:"ResolutionBreach",delay:240,role:"IT Director",active:!0}],p=[{step:1,title:"Detection du depassement",description:"Le systeme detecte qu'un SLA a ete depasse (reponse ou resolution)"},{step:2,title:"Verification du delai",description:"Si un delai est configure, le systeme attend la duree specifiee"},{step:3,title:"Escalade automatique",description:"Le ticket est escalade au niveau configure et les notifications sont envoyees"},{step:4,title:"Escalades successives",description:"Si le probleme persiste, le ticket peut etre escalade aux niveaux superieurs"}],u=[{question:"Que se passe-t-il si une regle d'escalade est desactivee ?",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."},{question:"Comment fonctionne le delai apres depassement ?",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."},{question:"Puis-je configurer plusieurs roles pour le meme niveau ?",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."},{question:"L'escalade est-elle reversible ?",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."}],h=[{method:"GET",url:"/api/support/sla/escalation-rules",description:"Liste des regles d'escalade"},{method:"GET",url:"/api/support/sla/escalation-rules/{id}",description:"Detail d'une regle"},{method:"PUT",url:"/api/support/sla/escalation-rules/{id}",description:"Modifier une regle d'escalade"},{method:"POST",url:"/api/support/tickets/{id}/escalate",description:"Escalader manuellement un ticket"}];function j(){const{t:c}=o.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(i.Link,{to:"/system/docs",className:"hover:text-[var(--color-primary-600)]",children:c("breadcrumb.documentation")}),e.jsx("span",{children:"/"}),e.jsx(i.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:c("breadcrumb.user")}),e.jsx("span",{children:"/"}),e.jsx(i.Link,{to:"/system/docs/user/support",className:"hover:text-[var(--color-primary-600)]",children:c("breadcrumb.support")}),e.jsx("span",{children:"/"}),e.jsx("span",{children:c("support.escalation.title")})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(r.TrendingUp,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),"Configuration Escalade"]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:"Regles d'escalade automatique et hierarchie de notification pour les depassements SLA."}),e.jsxs("div",{className:"mt-4 flex items-center gap-2",children:[e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-orange-500/10 text-orange-600 border border-orange-500/20",children:"Automatisation"}),e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-red-500/10 text-red-600 border border-red-500/20",children:"SLA"})]})]}),e.jsxs("div",{className:"card p-4 bg-[var(--bg-secondary)]",children:[e.jsx("h2",{className:"font-semibold mb-3",children:"Table des matieres"}),e.jsxs("nav",{className:"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm",children:[e.jsx("a",{href:"#introduction",className:"text-[var(--color-primary-600)] hover:underline",children:"1. Introduction"}),e.jsx("a",{href:"#access",className:"text-[var(--color-primary-600)] hover:underline",children:"2. Acces"}),e.jsx("a",{href:"#hierarchy",className:"text-[var(--color-primary-600)] hover:underline",children:"3. Hierarchie"}),e.jsx("a",{href:"#triggers",className:"text-[var(--color-primary-600)] hover:underline",children:"4. Declencheurs"}),e.jsx("a",{href:"#rules",className:"text-[var(--color-primary-600)] hover:underline",children:"5. Configuration"}),e.jsx("a",{href:"#workflow",className:"text-[var(--color-primary-600)] hover:underline",children:"6. Fonctionnement"}),e.jsx("a",{href:"#faq",className:"text-[var(--color-primary-600)] hover:underline",children:"7. FAQ"}),e.jsx("a",{href:"#api",className:"text-[var(--color-primary-600)] hover:underline",children:"8. Reference API"})]})]}),e.jsxs("section",{id:"introduction",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"1"}),"Introduction"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Le systeme d'escalade permet de notifier automatiquement les responsables lorsqu'un ticket depasse les delais SLA garantis. Il s'organise en trois niveaux hierarchiques avec des regles configurables."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Users,{className:"w-4 h-4 text-blue-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"3 niveaux"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Supervisor → Manager → Director"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Zap,{className:"w-4 h-4 text-orange-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"3 declencheurs"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Response, Resolution, Manuel"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Clock,{className:"w-4 h-4 text-purple-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Delais configurables"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"De immediat a plusieurs heures"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Bell,{className:"w-4 h-4 text-green-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Notifications par role"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Assignation de roles par niveau"})]})]})]})]}),e.jsxs("section",{id:"access",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"2"}),"Acces au module"]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Navigation"}),e.jsxs("div",{className:"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg",children:[e.jsx("span",{className:"px-2 py-1 bg-[var(--bg-primary)] rounded",children:"Support"}),e.jsx(r.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded",children:"Escalation"})]})]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"URL directe"}),e.jsx("code",{className:"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono",children:"/support/escalation"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Shield,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-sm font-medium",children:"Permissions requises"})]}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Action"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Permission"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Voir les regles"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.escalation.read"})})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 px-3",children:"Modifier les regles"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.escalation.update"})})]})]})]})]})]}),e.jsxs("section",{id:"hierarchy",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"3"}),"Hierarchie d'escalade"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Les tickets sont escalades progressivement a travers trois niveaux de responsabilite."}),e.jsx("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg mb-6",children:e.jsx("div",{className:"flex items-center justify-center gap-4 flex-wrap",children:Object.entries(n).map(([s,t],l)=>e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`px-6 py-3 rounded-lg font-medium border ${t.color}`,children:e.jsxs("div",{className:"text-center",children:[e.jsxs("div",{className:"text-xs opacity-70",children:["Level ",l+1]}),e.jsx("div",{className:"font-bold",children:s})]})}),l<2&&e.jsx(r.ArrowRight,{className:"w-6 h-6 text-[var(--text-tertiary)]"})]},s))})}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:Object.entries(n).map(([s,t],l)=>e.jsxs("div",{className:`p-4 rounded-lg border ${t.color}`,children:[e.jsxs("h3",{className:"font-semibold mb-2",children:["Niveau ",l+1,": ",s]}),e.jsx("p",{className:"text-sm opacity-80",children:t.description}),e.jsxs("div",{className:"mt-3 text-sm",children:[e.jsx("strong",{children:"Responsabilites:"}),e.jsxs("ul",{className:"mt-1 space-y-1 list-disc list-inside opacity-80",children:[s==="Supervisor"&&e.jsxs(e.Fragment,{children:[e.jsx("li",{children:"Suivi des tickets en depassement"}),e.jsx("li",{children:"Reassignation si necessaire"})]}),s==="Manager"&&e.jsxs(e.Fragment,{children:[e.jsx("li",{children:"Gestion des cas complexes"}),e.jsx("li",{children:"Allocation de ressources"})]}),s==="Director"&&e.jsxs(e.Fragment,{children:[e.jsx("li",{children:"Decisions strategiques"}),e.jsx("li",{children:"Communication client VIP"})]})]})]})]},s))})]}),e.jsxs("section",{id:"triggers",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"4"}),"Types de declencheurs"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Trois types d'evenements peuvent declencher une escalade."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:m.map(s=>e.jsxs("div",{className:"p-4 border border-[var(--border-color)] rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(s.icon,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),e.jsx("h3",{className:"font-semibold",children:s.label})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.description})]},s.type))}),e.jsxs("div",{className:"mt-4 p-4 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-start gap-3",children:[e.jsx(r.AlertTriangle,{className:"w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-amber-600",children:"Important"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:'Les escalades de type "Response Breach" sont generalement configurees avec des delais plus courts car la premiere reponse est critique pour la satisfaction client.'})]})]})]}),e.jsxs("section",{id:"rules",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"5"}),"Configuration des regles"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Chaque regle d'escalade definit: le niveau, le type de declencheur, le delai et le role a notifier."}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.TrendingUp,{className:"w-5 h-5"}),e.jsx("span",{className:"font-bold",children:"Escalation Configuration"})]}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Configure escalation hierarchy and notification rules"})]}),e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(r.Users,{className:"w-4 h-4"}),e.jsx("span",{className:"font-medium",children:"Escalation Hierarchy"})]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"px-4 py-2 rounded-lg font-medium bg-blue-500/10 text-blue-600",children:"Supervisor"}),e.jsx(r.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("div",{className:"px-4 py-2 rounded-lg font-medium bg-orange-500/10 text-orange-600",children:"Manager"}),e.jsx(r.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("div",{className:"px-4 py-2 rounded-lg font-medium bg-red-500/10 text-red-600",children:"Director"})]})]}),["Supervisor","Manager","Director"].map((s,t)=>{const l=x.filter(a=>a.level===s),d=n[s];return e.jsxs("div",{className:"border-b border-[var(--border-color)] last:border-b-0",children:[e.jsxs("div",{className:`px-4 py-2 font-semibold ${d.color}`,children:["Level ",t+1,": ",s]}),e.jsx("div",{className:"divide-y divide-[var(--border-color)]",children:l.map(a=>e.jsxs("div",{className:"p-4 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[a.trigger==="ResponseBreach"?e.jsx(r.Clock,{className:"w-4 h-4 text-[var(--text-secondary)]"}):e.jsx(r.AlertTriangle,{className:"w-4 h-4 text-[var(--text-secondary)]"}),e.jsx("span",{className:"font-medium",children:a.trigger==="ResponseBreach"?"Response SLA Breach":"Resolution SLA Breach"})]}),e.jsxs("div",{className:"text-sm text-[var(--text-secondary)]",children:[e.jsx(r.Clock,{className:"w-3 h-3 inline mr-1"}),a.delay===0?"Immediate":`${a.delay}min`]}),e.jsxs("div",{className:"text-sm text-[var(--text-secondary)]",children:[e.jsx(r.Bell,{className:"w-3 h-3 inline mr-1"}),a.role]})]}),e.jsxs("button",{className:"px-3 py-1 border border-[var(--border-color)] rounded text-sm flex items-center gap-1",children:[e.jsx(r.Edit,{className:"w-3 h-3"}),"Edit"]})]},`${s}-${a.delay}-${a.role}`))})]},s)})]}),e.jsxs("div",{className:"mt-6",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Formulaire d'edition"}),e.jsxs("div",{className:"p-4 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Delay After Breach"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"number",value:"30",className:"w-20 p-2 border border-[var(--border-color)] rounded bg-[var(--bg-primary)]",readOnly:!0}),e.jsx("span",{className:"text-sm text-[var(--text-secondary)]",children:"minutes"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Notify Role"}),e.jsx("select",{className:"w-full p-2 border border-[var(--border-color)] rounded bg-[var(--bg-primary)]",children:e.jsx("option",{children:"Support Supervisor"})})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Status"}),e.jsxs("label",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",checked:!0,className:"rounded",readOnly:!0}),e.jsx("span",{className:"text-sm",children:"Active"})]})]})]}),e.jsxs("div",{className:"mt-4 flex justify-end gap-2",children:[e.jsxs("button",{className:"px-3 py-1.5 border border-[var(--border-color)] rounded text-sm flex items-center gap-1",children:[e.jsx(r.X,{className:"w-3 h-3"}),"Cancel"]}),e.jsxs("button",{className:"px-3 py-1.5 bg-[var(--color-primary-600)] text-white rounded text-sm flex items-center gap-1",children:[e.jsx(r.Check,{className:"w-3 h-3"}),"Save"]})]})]})]})]}),e.jsxs("section",{id:"workflow",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"6"}),"Comment fonctionne l'escalade"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Le processus d'escalade suit une sequence d'etapes bien definie."}),e.jsx("div",{className:"space-y-4",children:p.map(s=>e.jsxs("div",{className:"flex gap-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold flex-shrink-0",children:s.step}),e.jsxs("div",{className:"flex-1 pt-2",children:[e.jsx("h4",{className:"font-medium",children:s.title}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.description})]})]},s.step))}),e.jsxs("div",{className:"mt-6 p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Exemple de scenario"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("p",{children:[e.jsx("strong",{children:"Ticket critique:"})," SLA Resolution = 4h"]}),e.jsxs("div",{className:"pl-4 border-l-2 border-[var(--color-primary-600)] space-y-2 text-[var(--text-secondary)]",children:[e.jsxs("p",{children:[e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:"T+0:"})," Ticket cree, compteur SLA demarre"]}),e.jsxs("p",{children:[e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:"T+4h:"})," SLA depasse → Escalade Supervisor immediate"]}),e.jsxs("p",{children:[e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:"T+6h:"})," Non resolu → Delai 2h atteint → Escalade Manager"]}),e.jsxs("p",{children:[e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:"T+10h:"})," Non resolu → Delai 4h atteint → Escalade Director"]})]})]})]})]}),e.jsxs("section",{id:"faq",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"7"}),e.jsx(r.HelpCircle,{className:"w-5 h-5"}),"Questions frequentes"]}),e.jsx("div",{className:"space-y-4",children:u.map(s=>e.jsx("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(r.MessageSquare,{className:"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium mb-2",children:s.question}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.answer})]})]})},s.question))})]}),e.jsxs("section",{id:"api",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"8"}),"Reference API"]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Methode"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Endpoint"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Description"})]})}),e.jsx("tbody",{children:h.map((s,t)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${s.method==="GET"?"bg-green-500/10 text-green-600":s.method==="POST"?"bg-yellow-500/10 text-yellow-600":"bg-blue-500/10 text-blue-600"}`,children:s.method})}),e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:s.url}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:s.description})]},t))})]})})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3",children:[e.jsx(r.Info,{className:"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-blue-600",children:"Documentation complete"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Vous avez parcouru l'ensemble de la documentation du module Support. Retournez a l'index pour explorer d'autres sections."})]})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(i.Link,{to:"/system/docs/user/support-templates",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(r.ArrowRight,{className:"w-4 h-4 rotate-180"}),"Templates de Reponse"]}),e.jsxs(i.Link,{to:"/system/docs/user/support",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:["Index Module Support",e.jsx(r.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.SupportEscalationDocPage=j;
-//# sourceMappingURL=SupportEscalationDocPage-WXkAQr8k.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react-router-dom"),o=require("react-i18next"),r=require("lucide-react"),d={Supervisor:{color:"bg-blue-500/10 text-blue-600 border-blue-500/20",description:"Premier niveau d'escalade"},Manager:{color:"bg-orange-500/10 text-orange-600 border-orange-500/20",description:"Deuxieme niveau d'escalade"},Director:{color:"bg-red-500/10 text-red-600 border-red-500/20",description:"Niveau maximum d'escalade"}},m=[{type:"ResponseBreach",label:"Response SLA Breach",icon:r.Clock,description:"Declenchee quand le temps de premiere reponse SLA est depasse"},{type:"ResolutionBreach",label:"Resolution SLA Breach",icon:r.AlertTriangle,description:"Declenchee quand le temps de resolution SLA est depasse"},{type:"ManualRequest",label:"Manual Request",icon:r.Bell,description:"Escalade manuelle demandee par un agent"}],x=[{level:"Supervisor",trigger:"ResponseBreach",delay:0,role:"Support Supervisor",active:!0},{level:"Supervisor",trigger:"ResolutionBreach",delay:30,role:"Support Supervisor",active:!0},{level:"Manager",trigger:"ResponseBreach",delay:60,role:"Support Manager",active:!0},{level:"Manager",trigger:"ResolutionBreach",delay:120,role:"Support Manager",active:!0},{level:"Director",trigger:"ResolutionBreach",delay:240,role:"IT Director",active:!0}],p=[{step:1,title:"Detection du depassement",description:"Le systeme detecte qu'un SLA a ete depasse (reponse ou resolution)"},{step:2,title:"Verification du delai",description:"Si un delai est configure, le systeme attend la duree specifiee"},{step:3,title:"Escalade automatique",description:"Le ticket est escalade au niveau configure et les notifications sont envoyees"},{step:4,title:"Escalades successives",description:"Si le probleme persiste, le ticket peut etre escalade aux niveaux superieurs"}],u=[{question:"Que se passe-t-il si une regle d'escalade est desactivee ?",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."},{question:"Comment fonctionne le delai apres depassement ?",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."},{question:"Puis-je configurer plusieurs roles pour le meme niveau ?",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."},{question:"L'escalade est-elle reversible ?",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."}],h=[{method:"GET",url:"/api/support/sla/escalation-rules",description:"Liste des regles d'escalade"},{method:"GET",url:"/api/support/sla/escalation-rules/{id}",description:"Detail d'une regle"},{method:"PUT",url:"/api/support/sla/escalation-rules/{id}",description:"Modifier une regle d'escalade"},{method:"POST",url:"/api/support/tickets/{id}/escalate",description:"Escalader manuellement un ticket"}];function j(){const{t:c}=o.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(i.Link,{to:"/system/docs",className:"hover:text-[var(--color-primary-600)]",children:c("breadcrumb.documentation")}),e.jsx("span",{children:"/"}),e.jsx(i.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:c("breadcrumb.user")}),e.jsx("span",{children:"/"}),e.jsx(i.Link,{to:"/system/docs/user/support",className:"hover:text-[var(--color-primary-600)]",children:c("breadcrumb.support")}),e.jsx("span",{children:"/"}),e.jsx("span",{children:c("support.escalation.title")})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(r.TrendingUp,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),"Configuration Escalade"]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:"Regles d'escalade automatique et hierarchie de notification pour les depassements SLA."}),e.jsxs("div",{className:"mt-4 flex items-center gap-2",children:[e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-orange-500/10 text-orange-600 border border-orange-500/20",children:"Automatisation"}),e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-red-500/10 text-red-600 border border-red-500/20",children:"SLA"})]})]}),e.jsxs("div",{className:"card p-4 bg-[var(--bg-secondary)]",children:[e.jsx("h2",{className:"font-semibold mb-3",children:"Table des matieres"}),e.jsxs("nav",{className:"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm",children:[e.jsx("a",{href:"#introduction",className:"text-[var(--color-primary-600)] hover:underline",children:"1. Introduction"}),e.jsx("a",{href:"#access",className:"text-[var(--color-primary-600)] hover:underline",children:"2. Acces"}),e.jsx("a",{href:"#hierarchy",className:"text-[var(--color-primary-600)] hover:underline",children:"3. Hierarchie"}),e.jsx("a",{href:"#triggers",className:"text-[var(--color-primary-600)] hover:underline",children:"4. Declencheurs"}),e.jsx("a",{href:"#rules",className:"text-[var(--color-primary-600)] hover:underline",children:"5. Configuration"}),e.jsx("a",{href:"#workflow",className:"text-[var(--color-primary-600)] hover:underline",children:"6. Fonctionnement"}),e.jsx("a",{href:"#faq",className:"text-[var(--color-primary-600)] hover:underline",children:"7. FAQ"}),e.jsx("a",{href:"#api",className:"text-[var(--color-primary-600)] hover:underline",children:"8. Reference API"})]})]}),e.jsxs("section",{id:"introduction",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"1"}),"Introduction"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Le systeme d'escalade permet de notifier automatiquement les responsables lorsqu'un ticket depasse les delais SLA garantis. Il s'organise en trois niveaux hierarchiques avec des regles configurables."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Users,{className:"w-4 h-4 text-blue-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"3 niveaux"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Supervisor → Manager → Director"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Zap,{className:"w-4 h-4 text-orange-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"3 declencheurs"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Response, Resolution, Manuel"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Clock,{className:"w-4 h-4 text-purple-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Delais configurables"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"De immediat a plusieurs heures"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Bell,{className:"w-4 h-4 text-green-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Notifications par role"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Assignation de roles par niveau"})]})]})]})]}),e.jsxs("section",{id:"access",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"2"}),"Acces au module"]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Navigation"}),e.jsxs("div",{className:"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg",children:[e.jsx("span",{className:"px-2 py-1 bg-[var(--bg-primary)] rounded",children:"Support"}),e.jsx(r.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded",children:"Escalation"})]})]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"URL directe"}),e.jsx("code",{className:"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono",children:"/support/escalation"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Shield,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-sm font-medium",children:"Permissions requises"})]}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Action"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Permission"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Voir les regles"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.escalation.read"})})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 px-3",children:"Modifier les regles"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.escalation.update"})})]})]})]})]})]}),e.jsxs("section",{id:"hierarchy",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"3"}),"Hierarchie d'escalade"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Les tickets sont escalades progressivement a travers trois niveaux de responsabilite."}),e.jsx("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg mb-6",children:e.jsx("div",{className:"flex items-center justify-center gap-4 flex-wrap",children:Object.entries(d).map(([s,t],l)=>e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`px-6 py-3 rounded-lg font-medium border ${t.color}`,children:e.jsxs("div",{className:"text-center",children:[e.jsxs("div",{className:"text-xs opacity-70",children:["Level ",l+1]}),e.jsx("div",{className:"font-bold",children:s})]})}),l<2&&e.jsx(r.ArrowRight,{className:"w-6 h-6 text-[var(--text-tertiary)]"})]},s))})}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:Object.entries(d).map(([s,t],l)=>e.jsxs("div",{className:`p-4 rounded-lg border ${t.color}`,children:[e.jsxs("h3",{className:"font-semibold mb-2",children:["Niveau ",l+1,": ",s]}),e.jsx("p",{className:"text-sm opacity-80",children:t.description}),e.jsxs("div",{className:"mt-3 text-sm",children:[e.jsx("strong",{children:"Responsabilites:"}),e.jsxs("ul",{className:"mt-1 space-y-1 list-disc list-inside opacity-80",children:[s==="Supervisor"&&e.jsxs(e.Fragment,{children:[e.jsx("li",{children:"Suivi des tickets en depassement"}),e.jsx("li",{children:"Reassignation si necessaire"})]}),s==="Manager"&&e.jsxs(e.Fragment,{children:[e.jsx("li",{children:"Gestion des cas complexes"}),e.jsx("li",{children:"Allocation de ressources"})]}),s==="Director"&&e.jsxs(e.Fragment,{children:[e.jsx("li",{children:"Decisions strategiques"}),e.jsx("li",{children:"Communication client VIP"})]})]})]})]},s))})]}),e.jsxs("section",{id:"triggers",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"4"}),"Types de declencheurs"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Trois types d'evenements peuvent declencher une escalade."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:m.map(s=>e.jsxs("div",{className:"p-4 border border-[var(--border-color)] rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(s.icon,{className:"w-5 h-5 text-[var(--color-primary-600)]"}),e.jsx("h3",{className:"font-semibold",children:s.label})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.description})]},s.type))}),e.jsxs("div",{className:"mt-4 p-4 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-start gap-3",children:[e.jsx(r.AlertTriangle,{className:"w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-amber-600",children:"Important"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:'Les escalades de type "Response Breach" sont generalement configurees avec des delais plus courts car la premiere reponse est critique pour la satisfaction client.'})]})]})]}),e.jsxs("section",{id:"rules",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"5"}),"Configuration des regles"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Chaque regle d'escalade definit: le niveau, le type de declencheur, le delai et le role a notifier."}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.TrendingUp,{className:"w-5 h-5"}),e.jsx("span",{className:"font-bold",children:"Escalation Configuration"})]}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Configure escalation hierarchy and notification rules"})]}),e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(r.Users,{className:"w-4 h-4"}),e.jsx("span",{className:"font-medium",children:"Escalation Hierarchy"})]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"px-4 py-2 rounded-lg font-medium bg-blue-500/10 text-blue-600",children:"Supervisor"}),e.jsx(r.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("div",{className:"px-4 py-2 rounded-lg font-medium bg-orange-500/10 text-orange-600",children:"Manager"}),e.jsx(r.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("div",{className:"px-4 py-2 rounded-lg font-medium bg-red-500/10 text-red-600",children:"Director"})]})]}),["Supervisor","Manager","Director"].map((s,t)=>{const l=x.filter(a=>a.level===s),n=d[s];return e.jsxs("div",{className:"border-b border-[var(--border-color)] last:border-b-0",children:[e.jsxs("div",{className:`px-4 py-2 font-semibold ${n.color}`,children:["Level ",t+1,": ",s]}),e.jsx("div",{className:"divide-y divide-[var(--border-color)]",children:l.map(a=>e.jsxs("div",{className:"p-4 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[a.trigger==="ResponseBreach"?e.jsx(r.Clock,{className:"w-4 h-4 text-[var(--text-secondary)]"}):e.jsx(r.AlertTriangle,{className:"w-4 h-4 text-[var(--text-secondary)]"}),e.jsx("span",{className:"font-medium",children:a.trigger==="ResponseBreach"?"Response SLA Breach":"Resolution SLA Breach"})]}),e.jsxs("div",{className:"text-sm text-[var(--text-secondary)]",children:[e.jsx(r.Clock,{className:"w-3 h-3 inline mr-1"}),a.delay===0?"Immediate":`${a.delay}min`]}),e.jsxs("div",{className:"text-sm text-[var(--text-secondary)]",children:[e.jsx(r.Bell,{className:"w-3 h-3 inline mr-1"}),a.role]})]}),e.jsxs("button",{className:"px-3 py-1 border border-[var(--border-color)] rounded text-sm flex items-center gap-1",children:[e.jsx(r.Edit,{className:"w-3 h-3"}),"Edit"]})]},`${s}-${a.delay}-${a.role}`))})]},s)})]}),e.jsxs("div",{className:"mt-6",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Formulaire d'edition"}),e.jsxs("div",{className:"p-4 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Delay After Breach"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"number",value:"30",className:"w-20 p-2 border border-[var(--border-color)] rounded bg-[var(--bg-primary)]",readOnly:!0}),e.jsx("span",{className:"text-sm text-[var(--text-secondary)]",children:"minutes"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Notify Role"}),e.jsx("select",{className:"w-full p-2 border border-[var(--border-color)] rounded bg-[var(--bg-primary)]",children:e.jsx("option",{children:"Support Supervisor"})})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Status"}),e.jsxs("label",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",checked:!0,className:"rounded",readOnly:!0}),e.jsx("span",{className:"text-sm",children:"Active"})]})]})]}),e.jsxs("div",{className:"mt-4 flex justify-end gap-2",children:[e.jsxs("button",{className:"px-3 py-1.5 border border-[var(--border-color)] rounded text-sm flex items-center gap-1",children:[e.jsx(r.X,{className:"w-3 h-3"}),"Cancel"]}),e.jsxs("button",{className:"px-3 py-1.5 bg-[var(--color-primary-600)] text-white rounded text-sm flex items-center gap-1",children:[e.jsx(r.Check,{className:"w-3 h-3"}),"Save"]})]})]})]})]}),e.jsxs("section",{id:"workflow",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"6"}),"Comment fonctionne l'escalade"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Le processus d'escalade suit une sequence d'etapes bien definie."}),e.jsx("div",{className:"space-y-4",children:p.map(s=>e.jsxs("div",{className:"flex gap-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold flex-shrink-0",children:s.step}),e.jsxs("div",{className:"flex-1 pt-2",children:[e.jsx("h4",{className:"font-medium",children:s.title}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.description})]})]},s.step))}),e.jsxs("div",{className:"mt-6 p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Exemple de scenario"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("p",{children:[e.jsx("strong",{children:"Ticket critique:"})," SLA Resolution = 4h"]}),e.jsxs("div",{className:"pl-4 border-l-2 border-[var(--color-primary-600)] space-y-2 text-[var(--text-secondary)]",children:[e.jsxs("p",{children:[e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:"T+0:"})," Ticket cree, compteur SLA demarre"]}),e.jsxs("p",{children:[e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:"T+4h:"})," SLA depasse → Escalade Supervisor immediate"]}),e.jsxs("p",{children:[e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:"T+6h:"})," Non resolu → Delai 2h atteint → Escalade Manager"]}),e.jsxs("p",{children:[e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:"T+10h:"})," Non resolu → Delai 4h atteint → Escalade Director"]})]})]})]})]}),e.jsxs("section",{id:"faq",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"7"}),e.jsx(r.HelpCircle,{className:"w-5 h-5"}),"Questions frequentes"]}),e.jsx("div",{className:"space-y-4",children:u.map(s=>e.jsx("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(r.MessageSquare,{className:"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium mb-2",children:s.question}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.answer})]})]})},s.question))})]}),e.jsxs("section",{id:"api",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"8"}),"Reference API"]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Methode"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Endpoint"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Description"})]})}),e.jsx("tbody",{children:h.map((s,t)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${s.method==="GET"?"bg-green-500/10 text-green-600":s.method==="POST"?"bg-yellow-500/10 text-yellow-600":"bg-blue-500/10 text-blue-600"}`,children:s.method})}),e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:s.url}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:s.description})]},`${s.method}-${s.url}-${t}`))})]})})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3",children:[e.jsx(r.Info,{className:"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-blue-600",children:"Documentation complete"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Vous avez parcouru l'ensemble de la documentation du module Support. Retournez a l'index pour explorer d'autres sections."})]})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(i.Link,{to:"/system/docs/user/support-templates",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(r.ArrowRight,{className:"w-4 h-4 rotate-180"}),"Templates de Reponse"]}),e.jsxs(i.Link,{to:"/system/docs/user/support",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:["Index Module Support",e.jsx(r.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.SupportEscalationDocPage=j;
+//# sourceMappingURL=SupportEscalationDocPage-C65oCDZL.cjs.map

package/dist/SupportEscalationDocPage-C65oCDZL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportEscalationDocPage-C65oCDZL.cjs","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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"}

package/dist/SupportIndexPage-Bb0giRKn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportIndexPage-Bb0giRKn.js","sources":["../src/pages/system/docs/user/SupportIndexPage.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  HeadphonesIcon,\r\n  ArrowRight,\r\n  LayoutDashboard,\r\n  UserCheck,\r\n  Clock,\r\n  FileText,\r\n  TrendingUp,\r\n  Shield,\r\n  Settings,\r\n} from 'lucide-react';\r\n\r\nexport function SupportIndexPage() {\r\n  const { t } = useTranslation('docs');\r\n\r\n  const supportModules = [\r\n    {\r\n      title: t('support.modules.dashboard.title'),\r\n      description: t('support.modules.dashboard.description'),\r\n      icon: LayoutDashboard,\r\n      href: '/system/docs/user/support-dashboard',\r\n      color: 'from-blue-500 to-cyan-500',\r\n      features: [\r\n        t('support.modules.dashboard.features.realTimeKpis'),\r\n        t('support.modules.dashboard.features.slaAlerts'),\r\n        t('support.modules.dashboard.features.agentWorkload'),\r\n        t('support.modules.dashboard.features.trends'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.tickets.title'),\r\n      description: t('support.modules.tickets.description'),\r\n      icon: HeadphonesIcon,\r\n      href: '/system/docs/user/support-tickets',\r\n      color: 'from-purple-500 to-pink-500',\r\n      features: [\r\n        t('support.modules.tickets.features.views'),\r\n        t('support.modules.tickets.features.filters'),\r\n        t('support.modules.tickets.features.search'),\r\n        t('support.modules.tickets.features.quickActions'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.myTickets.title'),\r\n      description: t('support.modules.myTickets.description'),\r\n      icon: UserCheck,\r\n      href: '/system/docs/user/support-my-tickets',\r\n      color: 'from-green-500 to-emerald-500',\r\n      features: [\r\n        t('support.modules.myTickets.features.personalQueue'),\r\n        t('support.modules.myTickets.features.slaIndicators'),\r\n        t('support.modules.myTickets.features.prioritization'),\r\n        t('support.modules.myTickets.features.directActions'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.sla.title'),\r\n      description: t('support.modules.sla.description'),\r\n      icon: Clock,\r\n      href: '/system/docs/user/support-sla',\r\n      color: 'from-orange-500 to-red-500',\r\n      features: [\r\n        t('support.modules.sla.features.timeByPriority'),\r\n        t('support.modules.sla.features.performanceMetrics'),\r\n        t('support.modules.sla.features.autoPause'),\r\n        t('support.modules.sla.features.compliance'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.templates.title'),\r\n      description: t('support.modules.templates.description'),\r\n      icon: FileText,\r\n      href: '/system/docs/user/support-templates',\r\n      color: 'from-teal-500 to-cyan-500',\r\n      features: [\r\n        t('support.modules.templates.features.categories'),\r\n        t('support.modules.templates.features.dynamicVariables'),\r\n        t('support.modules.templates.features.quickCopy'),\r\n        t('support.modules.templates.features.displayOrder'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.escalation.title'),\r\n      description: t('support.modules.escalation.description'),\r\n      icon: TrendingUp,\r\n      href: '/system/docs/user/support-escalation',\r\n      color: 'from-amber-500 to-orange-500',\r\n      features: [\r\n        t('support.modules.escalation.features.threeLevelHierarchy'),\r\n        t('support.modules.escalation.features.configurableDelays'),\r\n        t('support.modules.escalation.features.roleNotifications'),\r\n        t('support.modules.escalation.features.triggers'),\r\n      ],\r\n    },\r\n  ];\r\n\r\n  const quickStats = [\r\n    { label: t('support.index.stats.modules'), value: '6', icon: Settings },\r\n    { label: t('support.index.stats.slaLevels'), value: '4', icon: Clock },\r\n    { label: t('support.index.stats.escalationLevels'), value: '3', icon: TrendingUp },\r\n    { label: t('support.index.stats.templateCategories'), value: '6', icon: FileText },\r\n  ];\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        <span>{t('breadcrumb.support')}</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          <HeadphonesIcon className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('support.index.title')}\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('support.index.subtitle')}\r\n        </p>\r\n        <div className=\"mt-4 flex items-center gap-2\">\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-cyan-500/10 text-cyan-600 border border-cyan-500/20\">\r\n            Support\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Quick Stats */}\r\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n        {quickStats.map((stat) => (\r\n          <div key={stat.label} className=\"card p-4 text-center\">\r\n            <stat.icon className=\"w-6 h-6 mx-auto mb-2 text-[var(--color-primary-600)]\" />\r\n            <div className=\"text-2xl font-bold text-[var(--color-primary-600)]\">{stat.value}</div>\r\n            <div className=\"text-sm text-[var(--text-secondary)]\">{stat.label}</div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {/* Overview Card */}\r\n      <div className=\"card p-6 bg-gradient-to-r from-[var(--color-primary-600)]/10 to-transparent\">\r\n        <h2 className=\"text-lg font-semibold mb-4\">{t('support.index.overview.title')}</h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          {t('support.index.overview.description')}\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              <LayoutDashboard className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.dashboard.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.dashboard.description')}</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              <HeadphonesIcon className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.tickets.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.tickets.description')}</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              <Clock className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.sla.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.sla.description')}</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-teal-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <FileText className=\"w-4 h-4 text-teal-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.templates.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.templates.description')}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Permissions Card */}\r\n      <div className=\"card p-6\">\r\n        <div className=\"flex items-center gap-2 mb-4\">\r\n          <Shield className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n          <h2 className=\"text-lg font-semibold\">{t('support.index.permissions.title')}</h2>\r\n        </div>\r\n        <div className=\"overflow-x-auto\">\r\n          <table className=\"w-full text-sm\">\r\n            <thead>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.module')}</th>\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.permission')}</th>\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.description')}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Dashboard</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.dashboard.read</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.viewDashboard')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Tickets</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.tickets.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.manageTickets')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">SLA</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.sla.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.configureSla')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Templates</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.templates.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.manageTemplates')}</td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2\">Escalade</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.escalation.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.configureEscalation')}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Modules Grid */}\r\n      <div>\r\n        <h2 className=\"text-xl font-semibold mb-4\">{t('support.index.sections')}</h2>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n          {supportModules.map((module) => (\r\n            <Link\r\n              key={module.href}\r\n              to={module.href}\r\n              className=\"card p-5 hover:shadow-lg transition-all group block\"\r\n            >\r\n              <div className=\"flex items-start gap-4\">\r\n                <div className={`p-3 rounded-xl bg-gradient-to-br ${module.color} flex-shrink-0`}>\r\n                  <module.icon className=\"w-6 h-6 text-white\" />\r\n                </div>\r\n                <div className=\"flex-1 min-w-0\">\r\n                  <h3 className=\"font-semibold group-hover:text-[var(--color-primary-600)] transition-colors flex items-center gap-2\">\r\n                    {module.title}\r\n                    <ArrowRight className=\"w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity\" />\r\n                  </h3>\r\n                  <p className=\"text-sm text-[var(--text-secondary)] mt-1\">{module.description}</p>\r\n                  <div className=\"flex flex-wrap gap-1 mt-3\">\r\n                    {module.features.map((feature) => (\r\n                      <span\r\n                        key={feature}\r\n                        className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-tertiary)]\"\r\n                      >\r\n                        {feature}\r\n                      </span>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </Link>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Workflow Diagram */}\r\n      <div className=\"card p-6\">\r\n        <h2 className=\"text-lg font-semibold mb-4\">{t('support.index.workflow.title')}</h2>\r\n        <div className=\"space-y-4\">\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold\">1</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.creation.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.creation.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-yellow-500 text-white flex items-center justify-center font-bold\">2</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.assignment.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.assignment.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-purple-500 text-white flex items-center justify-center font-bold\">3</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.processing.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.processing.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-orange-500 text-white flex items-center justify-center font-bold\">!</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.escalation.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.escalation.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold\">4</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.resolution.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.resolution.description')}</div>\r\n            </div>\r\n          </div>\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/modules\"\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.index.nav.allModules')}\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-dashboard\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('support.index.nav.startDashboard')}\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SupportIndexPage","t","useTranslation","supportModules","LayoutDashboard","HeadphonesIcon","UserCheck","Clock","FileText","TrendingUp","quickStats","Settings","jsxs","jsx","Link","stat","Shield","module","ArrowRight","feature"],"mappings":"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"}
+{"version":3,"file":"SupportIndexPage-Bb0giRKn.js","sources":["../src/pages/system/docs/user/SupportIndexPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  HeadphonesIcon,\r\n  ArrowRight,\r\n  LayoutDashboard,\r\n  UserCheck,\r\n  Clock,\r\n  FileText,\r\n  TrendingUp,\r\n  Shield,\r\n  Settings,\r\n} from 'lucide-react';\r\n\r\nexport function SupportIndexPage(): ReactElement {\r\n  const { t } = useTranslation('docs');\r\n\r\n  const supportModules = [\r\n    {\r\n      title: t('support.modules.dashboard.title'),\r\n      description: t('support.modules.dashboard.description'),\r\n      icon: LayoutDashboard,\r\n      href: '/system/docs/user/support-dashboard',\r\n      color: 'from-blue-500 to-cyan-500',\r\n      features: [\r\n        t('support.modules.dashboard.features.realTimeKpis'),\r\n        t('support.modules.dashboard.features.slaAlerts'),\r\n        t('support.modules.dashboard.features.agentWorkload'),\r\n        t('support.modules.dashboard.features.trends'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.tickets.title'),\r\n      description: t('support.modules.tickets.description'),\r\n      icon: HeadphonesIcon,\r\n      href: '/system/docs/user/support-tickets',\r\n      color: 'from-purple-500 to-pink-500',\r\n      features: [\r\n        t('support.modules.tickets.features.views'),\r\n        t('support.modules.tickets.features.filters'),\r\n        t('support.modules.tickets.features.search'),\r\n        t('support.modules.tickets.features.quickActions'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.myTickets.title'),\r\n      description: t('support.modules.myTickets.description'),\r\n      icon: UserCheck,\r\n      href: '/system/docs/user/support-my-tickets',\r\n      color: 'from-green-500 to-emerald-500',\r\n      features: [\r\n        t('support.modules.myTickets.features.personalQueue'),\r\n        t('support.modules.myTickets.features.slaIndicators'),\r\n        t('support.modules.myTickets.features.prioritization'),\r\n        t('support.modules.myTickets.features.directActions'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.sla.title'),\r\n      description: t('support.modules.sla.description'),\r\n      icon: Clock,\r\n      href: '/system/docs/user/support-sla',\r\n      color: 'from-orange-500 to-red-500',\r\n      features: [\r\n        t('support.modules.sla.features.timeByPriority'),\r\n        t('support.modules.sla.features.performanceMetrics'),\r\n        t('support.modules.sla.features.autoPause'),\r\n        t('support.modules.sla.features.compliance'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.templates.title'),\r\n      description: t('support.modules.templates.description'),\r\n      icon: FileText,\r\n      href: '/system/docs/user/support-templates',\r\n      color: 'from-teal-500 to-cyan-500',\r\n      features: [\r\n        t('support.modules.templates.features.categories'),\r\n        t('support.modules.templates.features.dynamicVariables'),\r\n        t('support.modules.templates.features.quickCopy'),\r\n        t('support.modules.templates.features.displayOrder'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.escalation.title'),\r\n      description: t('support.modules.escalation.description'),\r\n      icon: TrendingUp,\r\n      href: '/system/docs/user/support-escalation',\r\n      color: 'from-amber-500 to-orange-500',\r\n      features: [\r\n        t('support.modules.escalation.features.threeLevelHierarchy'),\r\n        t('support.modules.escalation.features.configurableDelays'),\r\n        t('support.modules.escalation.features.roleNotifications'),\r\n        t('support.modules.escalation.features.triggers'),\r\n      ],\r\n    },\r\n  ];\r\n\r\n  const quickStats = [\r\n    { label: t('support.index.stats.modules'), value: '6', icon: Settings },\r\n    { label: t('support.index.stats.slaLevels'), value: '4', icon: Clock },\r\n    { label: t('support.index.stats.escalationLevels'), value: '3', icon: TrendingUp },\r\n    { label: t('support.index.stats.templateCategories'), value: '6', icon: FileText },\r\n  ];\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        <span>{t('breadcrumb.support')}</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          <HeadphonesIcon className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('support.index.title')}\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('support.index.subtitle')}\r\n        </p>\r\n        <div className=\"mt-4 flex items-center gap-2\">\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-cyan-500/10 text-cyan-600 border border-cyan-500/20\">\r\n            Support\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Quick Stats */}\r\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n        {quickStats.map((stat) => (\r\n          <div key={stat.label} className=\"card p-4 text-center\">\r\n            <stat.icon className=\"w-6 h-6 mx-auto mb-2 text-[var(--color-primary-600)]\" />\r\n            <div className=\"text-2xl font-bold text-[var(--color-primary-600)]\">{stat.value}</div>\r\n            <div className=\"text-sm text-[var(--text-secondary)]\">{stat.label}</div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {/* Overview Card */}\r\n      <div className=\"card p-6 bg-gradient-to-r from-[var(--color-primary-600)]/10 to-transparent\">\r\n        <h2 className=\"text-lg font-semibold mb-4\">{t('support.index.overview.title')}</h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          {t('support.index.overview.description')}\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              <LayoutDashboard className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.dashboard.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.dashboard.description')}</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              <HeadphonesIcon className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.tickets.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.tickets.description')}</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              <Clock className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.sla.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.sla.description')}</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-teal-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <FileText className=\"w-4 h-4 text-teal-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.templates.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.templates.description')}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Permissions Card */}\r\n      <div className=\"card p-6\">\r\n        <div className=\"flex items-center gap-2 mb-4\">\r\n          <Shield className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n          <h2 className=\"text-lg font-semibold\">{t('support.index.permissions.title')}</h2>\r\n        </div>\r\n        <div className=\"overflow-x-auto\">\r\n          <table className=\"w-full text-sm\">\r\n            <thead>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.module')}</th>\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.permission')}</th>\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.description')}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Dashboard</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.dashboard.read</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.viewDashboard')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Tickets</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.tickets.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.manageTickets')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">SLA</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.sla.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.configureSla')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Templates</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.templates.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.manageTemplates')}</td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2\">Escalade</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.escalation.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.configureEscalation')}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Modules Grid */}\r\n      <div>\r\n        <h2 className=\"text-xl font-semibold mb-4\">{t('support.index.sections')}</h2>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n          {supportModules.map((module) => (\r\n            <Link\r\n              key={module.href}\r\n              to={module.href}\r\n              className=\"card p-5 hover:shadow-lg transition-all group block\"\r\n            >\r\n              <div className=\"flex items-start gap-4\">\r\n                <div className={`p-3 rounded-xl bg-gradient-to-br ${module.color} flex-shrink-0`}>\r\n                  <module.icon className=\"w-6 h-6 text-white\" />\r\n                </div>\r\n                <div className=\"flex-1 min-w-0\">\r\n                  <h3 className=\"font-semibold group-hover:text-[var(--color-primary-600)] transition-colors flex items-center gap-2\">\r\n                    {module.title}\r\n                    <ArrowRight className=\"w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity\" />\r\n                  </h3>\r\n                  <p className=\"text-sm text-[var(--text-secondary)] mt-1\">{module.description}</p>\r\n                  <div className=\"flex flex-wrap gap-1 mt-3\">\r\n                    {module.features.map((feature) => (\r\n                      <span\r\n                        key={feature}\r\n                        className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-tertiary)]\"\r\n                      >\r\n                        {feature}\r\n                      </span>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </Link>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Workflow Diagram */}\r\n      <div className=\"card p-6\">\r\n        <h2 className=\"text-lg font-semibold mb-4\">{t('support.index.workflow.title')}</h2>\r\n        <div className=\"space-y-4\">\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold\">1</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.creation.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.creation.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-yellow-500 text-white flex items-center justify-center font-bold\">2</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.assignment.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.assignment.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-purple-500 text-white flex items-center justify-center font-bold\">3</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.processing.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.processing.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-orange-500 text-white flex items-center justify-center font-bold\">!</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.escalation.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.escalation.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold\">4</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.resolution.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.resolution.description')}</div>\r\n            </div>\r\n          </div>\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/modules\"\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.index.nav.allModules')}\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-dashboard\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('support.index.nav.startDashboard')}\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SupportIndexPage","t","useTranslation","supportModules","LayoutDashboard","HeadphonesIcon","UserCheck","Clock","FileText","TrendingUp","quickStats","Settings","jsxs","jsx","Link","stat","Shield","module","ArrowRight","feature"],"mappings":"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"}

package/dist/SupportIndexPage-CsDQ35Cu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SupportIndexPage-CsDQ35Cu.cjs","sources":["../src/pages/system/docs/user/SupportIndexPage.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  HeadphonesIcon,\r\n  ArrowRight,\r\n  LayoutDashboard,\r\n  UserCheck,\r\n  Clock,\r\n  FileText,\r\n  TrendingUp,\r\n  Shield,\r\n  Settings,\r\n} from 'lucide-react';\r\n\r\nexport function SupportIndexPage() {\r\n  const { t } = useTranslation('docs');\r\n\r\n  const supportModules = [\r\n    {\r\n      title: t('support.modules.dashboard.title'),\r\n      description: t('support.modules.dashboard.description'),\r\n      icon: LayoutDashboard,\r\n      href: '/system/docs/user/support-dashboard',\r\n      color: 'from-blue-500 to-cyan-500',\r\n      features: [\r\n        t('support.modules.dashboard.features.realTimeKpis'),\r\n        t('support.modules.dashboard.features.slaAlerts'),\r\n        t('support.modules.dashboard.features.agentWorkload'),\r\n        t('support.modules.dashboard.features.trends'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.tickets.title'),\r\n      description: t('support.modules.tickets.description'),\r\n      icon: HeadphonesIcon,\r\n      href: '/system/docs/user/support-tickets',\r\n      color: 'from-purple-500 to-pink-500',\r\n      features: [\r\n        t('support.modules.tickets.features.views'),\r\n        t('support.modules.tickets.features.filters'),\r\n        t('support.modules.tickets.features.search'),\r\n        t('support.modules.tickets.features.quickActions'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.myTickets.title'),\r\n      description: t('support.modules.myTickets.description'),\r\n      icon: UserCheck,\r\n      href: '/system/docs/user/support-my-tickets',\r\n      color: 'from-green-500 to-emerald-500',\r\n      features: [\r\n        t('support.modules.myTickets.features.personalQueue'),\r\n        t('support.modules.myTickets.features.slaIndicators'),\r\n        t('support.modules.myTickets.features.prioritization'),\r\n        t('support.modules.myTickets.features.directActions'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.sla.title'),\r\n      description: t('support.modules.sla.description'),\r\n      icon: Clock,\r\n      href: '/system/docs/user/support-sla',\r\n      color: 'from-orange-500 to-red-500',\r\n      features: [\r\n        t('support.modules.sla.features.timeByPriority'),\r\n        t('support.modules.sla.features.performanceMetrics'),\r\n        t('support.modules.sla.features.autoPause'),\r\n        t('support.modules.sla.features.compliance'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.templates.title'),\r\n      description: t('support.modules.templates.description'),\r\n      icon: FileText,\r\n      href: '/system/docs/user/support-templates',\r\n      color: 'from-teal-500 to-cyan-500',\r\n      features: [\r\n        t('support.modules.templates.features.categories'),\r\n        t('support.modules.templates.features.dynamicVariables'),\r\n        t('support.modules.templates.features.quickCopy'),\r\n        t('support.modules.templates.features.displayOrder'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.escalation.title'),\r\n      description: t('support.modules.escalation.description'),\r\n      icon: TrendingUp,\r\n      href: '/system/docs/user/support-escalation',\r\n      color: 'from-amber-500 to-orange-500',\r\n      features: [\r\n        t('support.modules.escalation.features.threeLevelHierarchy'),\r\n        t('support.modules.escalation.features.configurableDelays'),\r\n        t('support.modules.escalation.features.roleNotifications'),\r\n        t('support.modules.escalation.features.triggers'),\r\n      ],\r\n    },\r\n  ];\r\n\r\n  const quickStats = [\r\n    { label: t('support.index.stats.modules'), value: '6', icon: Settings },\r\n    { label: t('support.index.stats.slaLevels'), value: '4', icon: Clock },\r\n    { label: t('support.index.stats.escalationLevels'), value: '3', icon: TrendingUp },\r\n    { label: t('support.index.stats.templateCategories'), value: '6', icon: FileText },\r\n  ];\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        <span>{t('breadcrumb.support')}</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          <HeadphonesIcon className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('support.index.title')}\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('support.index.subtitle')}\r\n        </p>\r\n        <div className=\"mt-4 flex items-center gap-2\">\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-cyan-500/10 text-cyan-600 border border-cyan-500/20\">\r\n            Support\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Quick Stats */}\r\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n        {quickStats.map((stat) => (\r\n          <div key={stat.label} className=\"card p-4 text-center\">\r\n            <stat.icon className=\"w-6 h-6 mx-auto mb-2 text-[var(--color-primary-600)]\" />\r\n            <div className=\"text-2xl font-bold text-[var(--color-primary-600)]\">{stat.value}</div>\r\n            <div className=\"text-sm text-[var(--text-secondary)]\">{stat.label}</div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {/* Overview Card */}\r\n      <div className=\"card p-6 bg-gradient-to-r from-[var(--color-primary-600)]/10 to-transparent\">\r\n        <h2 className=\"text-lg font-semibold mb-4\">{t('support.index.overview.title')}</h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          {t('support.index.overview.description')}\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              <LayoutDashboard className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.dashboard.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.dashboard.description')}</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              <HeadphonesIcon className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.tickets.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.tickets.description')}</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              <Clock className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.sla.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.sla.description')}</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-teal-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <FileText className=\"w-4 h-4 text-teal-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.templates.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.templates.description')}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Permissions Card */}\r\n      <div className=\"card p-6\">\r\n        <div className=\"flex items-center gap-2 mb-4\">\r\n          <Shield className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n          <h2 className=\"text-lg font-semibold\">{t('support.index.permissions.title')}</h2>\r\n        </div>\r\n        <div className=\"overflow-x-auto\">\r\n          <table className=\"w-full text-sm\">\r\n            <thead>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.module')}</th>\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.permission')}</th>\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.description')}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Dashboard</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.dashboard.read</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.viewDashboard')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Tickets</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.tickets.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.manageTickets')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">SLA</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.sla.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.configureSla')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Templates</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.templates.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.manageTemplates')}</td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2\">Escalade</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.escalation.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.configureEscalation')}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Modules Grid */}\r\n      <div>\r\n        <h2 className=\"text-xl font-semibold mb-4\">{t('support.index.sections')}</h2>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n          {supportModules.map((module) => (\r\n            <Link\r\n              key={module.href}\r\n              to={module.href}\r\n              className=\"card p-5 hover:shadow-lg transition-all group block\"\r\n            >\r\n              <div className=\"flex items-start gap-4\">\r\n                <div className={`p-3 rounded-xl bg-gradient-to-br ${module.color} flex-shrink-0`}>\r\n                  <module.icon className=\"w-6 h-6 text-white\" />\r\n                </div>\r\n                <div className=\"flex-1 min-w-0\">\r\n                  <h3 className=\"font-semibold group-hover:text-[var(--color-primary-600)] transition-colors flex items-center gap-2\">\r\n                    {module.title}\r\n                    <ArrowRight className=\"w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity\" />\r\n                  </h3>\r\n                  <p className=\"text-sm text-[var(--text-secondary)] mt-1\">{module.description}</p>\r\n                  <div className=\"flex flex-wrap gap-1 mt-3\">\r\n                    {module.features.map((feature) => (\r\n                      <span\r\n                        key={feature}\r\n                        className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-tertiary)]\"\r\n                      >\r\n                        {feature}\r\n                      </span>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </Link>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Workflow Diagram */}\r\n      <div className=\"card p-6\">\r\n        <h2 className=\"text-lg font-semibold mb-4\">{t('support.index.workflow.title')}</h2>\r\n        <div className=\"space-y-4\">\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold\">1</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.creation.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.creation.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-yellow-500 text-white flex items-center justify-center font-bold\">2</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.assignment.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.assignment.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-purple-500 text-white flex items-center justify-center font-bold\">3</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.processing.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.processing.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-orange-500 text-white flex items-center justify-center font-bold\">!</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.escalation.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.escalation.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold\">4</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.resolution.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.resolution.description')}</div>\r\n            </div>\r\n          </div>\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/modules\"\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.index.nav.allModules')}\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-dashboard\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('support.index.nav.startDashboard')}\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SupportIndexPage","t","useTranslation","supportModules","LayoutDashboard","HeadphonesIcon","UserCheck","Clock","FileText","TrendingUp","quickStats","Settings","jsxs","jsx","Link","stat","Shield","module","ArrowRight","feature"],"mappings":"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"}
+{"version":3,"file":"SupportIndexPage-CsDQ35Cu.cjs","sources":["../src/pages/system/docs/user/SupportIndexPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  HeadphonesIcon,\r\n  ArrowRight,\r\n  LayoutDashboard,\r\n  UserCheck,\r\n  Clock,\r\n  FileText,\r\n  TrendingUp,\r\n  Shield,\r\n  Settings,\r\n} from 'lucide-react';\r\n\r\nexport function SupportIndexPage(): ReactElement {\r\n  const { t } = useTranslation('docs');\r\n\r\n  const supportModules = [\r\n    {\r\n      title: t('support.modules.dashboard.title'),\r\n      description: t('support.modules.dashboard.description'),\r\n      icon: LayoutDashboard,\r\n      href: '/system/docs/user/support-dashboard',\r\n      color: 'from-blue-500 to-cyan-500',\r\n      features: [\r\n        t('support.modules.dashboard.features.realTimeKpis'),\r\n        t('support.modules.dashboard.features.slaAlerts'),\r\n        t('support.modules.dashboard.features.agentWorkload'),\r\n        t('support.modules.dashboard.features.trends'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.tickets.title'),\r\n      description: t('support.modules.tickets.description'),\r\n      icon: HeadphonesIcon,\r\n      href: '/system/docs/user/support-tickets',\r\n      color: 'from-purple-500 to-pink-500',\r\n      features: [\r\n        t('support.modules.tickets.features.views'),\r\n        t('support.modules.tickets.features.filters'),\r\n        t('support.modules.tickets.features.search'),\r\n        t('support.modules.tickets.features.quickActions'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.myTickets.title'),\r\n      description: t('support.modules.myTickets.description'),\r\n      icon: UserCheck,\r\n      href: '/system/docs/user/support-my-tickets',\r\n      color: 'from-green-500 to-emerald-500',\r\n      features: [\r\n        t('support.modules.myTickets.features.personalQueue'),\r\n        t('support.modules.myTickets.features.slaIndicators'),\r\n        t('support.modules.myTickets.features.prioritization'),\r\n        t('support.modules.myTickets.features.directActions'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.sla.title'),\r\n      description: t('support.modules.sla.description'),\r\n      icon: Clock,\r\n      href: '/system/docs/user/support-sla',\r\n      color: 'from-orange-500 to-red-500',\r\n      features: [\r\n        t('support.modules.sla.features.timeByPriority'),\r\n        t('support.modules.sla.features.performanceMetrics'),\r\n        t('support.modules.sla.features.autoPause'),\r\n        t('support.modules.sla.features.compliance'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.templates.title'),\r\n      description: t('support.modules.templates.description'),\r\n      icon: FileText,\r\n      href: '/system/docs/user/support-templates',\r\n      color: 'from-teal-500 to-cyan-500',\r\n      features: [\r\n        t('support.modules.templates.features.categories'),\r\n        t('support.modules.templates.features.dynamicVariables'),\r\n        t('support.modules.templates.features.quickCopy'),\r\n        t('support.modules.templates.features.displayOrder'),\r\n      ],\r\n    },\r\n    {\r\n      title: t('support.modules.escalation.title'),\r\n      description: t('support.modules.escalation.description'),\r\n      icon: TrendingUp,\r\n      href: '/system/docs/user/support-escalation',\r\n      color: 'from-amber-500 to-orange-500',\r\n      features: [\r\n        t('support.modules.escalation.features.threeLevelHierarchy'),\r\n        t('support.modules.escalation.features.configurableDelays'),\r\n        t('support.modules.escalation.features.roleNotifications'),\r\n        t('support.modules.escalation.features.triggers'),\r\n      ],\r\n    },\r\n  ];\r\n\r\n  const quickStats = [\r\n    { label: t('support.index.stats.modules'), value: '6', icon: Settings },\r\n    { label: t('support.index.stats.slaLevels'), value: '4', icon: Clock },\r\n    { label: t('support.index.stats.escalationLevels'), value: '3', icon: TrendingUp },\r\n    { label: t('support.index.stats.templateCategories'), value: '6', icon: FileText },\r\n  ];\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        <span>{t('breadcrumb.support')}</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          <HeadphonesIcon className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('support.index.title')}\r\n        </h1>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('support.index.subtitle')}\r\n        </p>\r\n        <div className=\"mt-4 flex items-center gap-2\">\r\n          <span className=\"px-3 py-1 text-xs rounded-full bg-cyan-500/10 text-cyan-600 border border-cyan-500/20\">\r\n            Support\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Quick Stats */}\r\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n        {quickStats.map((stat) => (\r\n          <div key={stat.label} className=\"card p-4 text-center\">\r\n            <stat.icon className=\"w-6 h-6 mx-auto mb-2 text-[var(--color-primary-600)]\" />\r\n            <div className=\"text-2xl font-bold text-[var(--color-primary-600)]\">{stat.value}</div>\r\n            <div className=\"text-sm text-[var(--text-secondary)]\">{stat.label}</div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {/* Overview Card */}\r\n      <div className=\"card p-6 bg-gradient-to-r from-[var(--color-primary-600)]/10 to-transparent\">\r\n        <h2 className=\"text-lg font-semibold mb-4\">{t('support.index.overview.title')}</h2>\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">\r\n          {t('support.index.overview.description')}\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              <LayoutDashboard className=\"w-4 h-4 text-blue-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.dashboard.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.dashboard.description')}</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              <HeadphonesIcon className=\"w-4 h-4 text-purple-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.tickets.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.tickets.description')}</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              <Clock className=\"w-4 h-4 text-orange-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.sla.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.sla.description')}</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-teal-500/10 flex items-center justify-center flex-shrink-0\">\r\n              <FileText className=\"w-4 h-4 text-teal-500\" />\r\n            </div>\r\n            <div>\r\n              <div className=\"font-medium\">{t('support.index.overview.templates.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.overview.templates.description')}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Permissions Card */}\r\n      <div className=\"card p-6\">\r\n        <div className=\"flex items-center gap-2 mb-4\">\r\n          <Shield className=\"w-5 h-5 text-[var(--color-primary-600)]\" />\r\n          <h2 className=\"text-lg font-semibold\">{t('support.index.permissions.title')}</h2>\r\n        </div>\r\n        <div className=\"overflow-x-auto\">\r\n          <table className=\"w-full text-sm\">\r\n            <thead>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.module')}</th>\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.permission')}</th>\r\n                <th className=\"text-left py-2 font-medium\">{t('support.index.permissions.description')}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Dashboard</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.dashboard.read</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.viewDashboard')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Tickets</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.tickets.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.manageTickets')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">SLA</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.sla.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.configureSla')}</td>\r\n              </tr>\r\n              <tr className=\"border-b border-[var(--border-color)]\">\r\n                <td className=\"py-2\">Templates</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.templates.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.manageTemplates')}</td>\r\n              </tr>\r\n              <tr>\r\n                <td className=\"py-2\">Escalade</td>\r\n                <td className=\"py-2\"><code className=\"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs\">support.escalation.*</code></td>\r\n                <td className=\"py-2 text-[var(--text-secondary)]\">{t('support.index.permissions.configureEscalation')}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Modules Grid */}\r\n      <div>\r\n        <h2 className=\"text-xl font-semibold mb-4\">{t('support.index.sections')}</h2>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n          {supportModules.map((module) => (\r\n            <Link\r\n              key={module.href}\r\n              to={module.href}\r\n              className=\"card p-5 hover:shadow-lg transition-all group block\"\r\n            >\r\n              <div className=\"flex items-start gap-4\">\r\n                <div className={`p-3 rounded-xl bg-gradient-to-br ${module.color} flex-shrink-0`}>\r\n                  <module.icon className=\"w-6 h-6 text-white\" />\r\n                </div>\r\n                <div className=\"flex-1 min-w-0\">\r\n                  <h3 className=\"font-semibold group-hover:text-[var(--color-primary-600)] transition-colors flex items-center gap-2\">\r\n                    {module.title}\r\n                    <ArrowRight className=\"w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity\" />\r\n                  </h3>\r\n                  <p className=\"text-sm text-[var(--text-secondary)] mt-1\">{module.description}</p>\r\n                  <div className=\"flex flex-wrap gap-1 mt-3\">\r\n                    {module.features.map((feature) => (\r\n                      <span\r\n                        key={feature}\r\n                        className=\"px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-tertiary)]\"\r\n                      >\r\n                        {feature}\r\n                      </span>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </Link>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Workflow Diagram */}\r\n      <div className=\"card p-6\">\r\n        <h2 className=\"text-lg font-semibold mb-4\">{t('support.index.workflow.title')}</h2>\r\n        <div className=\"space-y-4\">\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold\">1</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.creation.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.creation.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-yellow-500 text-white flex items-center justify-center font-bold\">2</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.assignment.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.assignment.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-purple-500 text-white flex items-center justify-center font-bold\">3</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.processing.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.processing.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-orange-500 text-white flex items-center justify-center font-bold\">!</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.escalation.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.escalation.description')}</div>\r\n            </div>\r\n            <ArrowRight className=\"w-5 h-5 text-[var(--text-tertiary)]\" />\r\n          </div>\r\n          <div className=\"flex items-center gap-4\">\r\n            <div className=\"w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold\">4</div>\r\n            <div className=\"flex-1\">\r\n              <div className=\"font-medium\">{t('support.index.workflow.resolution.title')}</div>\r\n              <div className=\"text-sm text-[var(--text-secondary)]\">{t('support.index.workflow.resolution.description')}</div>\r\n            </div>\r\n          </div>\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/modules\"\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.index.nav.allModules')}\r\n        </Link>\r\n        <Link\r\n          to=\"/system/docs/user/support-dashboard\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('support.index.nav.startDashboard')}\r\n          <ArrowRight className=\"w-4 h-4\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SupportIndexPage","t","useTranslation","supportModules","LayoutDashboard","HeadphonesIcon","UserCheck","Clock","FileText","TrendingUp","quickStats","Settings","jsxs","jsx","Link","stat","Shield","module","ArrowRight","feature"],"mappings":"wMAeO,SAASA,GAAiC,CAC/C,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAAA,eAAe,MAAM,EAE7BC,EAAiB,CACrB,CACE,MAAOF,EAAE,iCAAiC,EAC1C,YAAaA,EAAE,uCAAuC,EACtD,KAAMG,EAAAA,gBACN,KAAM,sCACN,MAAO,4BACP,SAAU,CACRH,EAAE,iDAAiD,EACnDA,EAAE,8CAA8C,EAChDA,EAAE,kDAAkD,EACpDA,EAAE,2CAA2C,CAAA,CAC/C,EAEF,CACE,MAAOA,EAAE,+BAA+B,EACxC,YAAaA,EAAE,qCAAqC,EACpD,KAAMI,EAAAA,eACN,KAAM,oCACN,MAAO,8BACP,SAAU,CACRJ,EAAE,wCAAwC,EAC1CA,EAAE,0CAA0C,EAC5CA,EAAE,yCAAyC,EAC3CA,EAAE,+CAA+C,CAAA,CACnD,EAEF,CACE,MAAOA,EAAE,iCAAiC,EAC1C,YAAaA,EAAE,uCAAuC,EACtD,KAAMK,EAAAA,UACN,KAAM,uCACN,MAAO,gCACP,SAAU,CACRL,EAAE,kDAAkD,EACpDA,EAAE,kDAAkD,EACpDA,EAAE,mDAAmD,EACrDA,EAAE,kDAAkD,CAAA,CACtD,EAEF,CACE,MAAOA,EAAE,2BAA2B,EACpC,YAAaA,EAAE,iCAAiC,EAChD,KAAMM,EAAAA,MACN,KAAM,gCACN,MAAO,6BACP,SAAU,CACRN,EAAE,6CAA6C,EAC/CA,EAAE,iDAAiD,EACnDA,EAAE,wCAAwC,EAC1CA,EAAE,yCAAyC,CAAA,CAC7C,EAEF,CACE,MAAOA,EAAE,iCAAiC,EAC1C,YAAaA,EAAE,uCAAuC,EACtD,KAAMO,EAAAA,SACN,KAAM,sCACN,MAAO,4BACP,SAAU,CACRP,EAAE,+CAA+C,EACjDA,EAAE,qDAAqD,EACvDA,EAAE,8CAA8C,EAChDA,EAAE,iDAAiD,CAAA,CACrD,EAEF,CACE,MAAOA,EAAE,kCAAkC,EAC3C,YAAaA,EAAE,wCAAwC,EACvD,KAAMQ,EAAAA,WACN,KAAM,uCACN,MAAO,+BACP,SAAU,CACRR,EAAE,yDAAyD,EAC3DA,EAAE,wDAAwD,EAC1DA,EAAE,uDAAuD,EACzDA,EAAE,8CAA8C,CAAA,CAClD,CACF,EAGIS,EAAa,CACjB,CAAE,MAAOT,EAAE,6BAA6B,EAAG,MAAO,IAAK,KAAMU,UAAA,EAC7D,CAAE,MAAOV,EAAE,+BAA+B,EAAG,MAAO,IAAK,KAAMM,OAAA,EAC/D,CAAE,MAAON,EAAE,sCAAsC,EAAG,MAAO,IAAK,KAAMQ,YAAA,EACtE,CAAE,MAAOR,EAAE,wCAAwC,EAAG,MAAO,IAAK,KAAMO,EAAAA,QAAA,CAAS,EAGnF,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAU,YAEb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+DACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,MAAK,GAAG,eAAe,UAAU,wCAAyC,SAAAb,EAAE,0BAA0B,EAAE,EACzGY,EAAAA,IAAC,QAAK,SAAA,GAAA,CAAC,EACPA,EAAAA,IAACC,EAAAA,MAAK,GAAG,oBAAoB,UAAU,wCAAyC,SAAAb,EAAE,iBAAiB,EAAE,EACrGY,EAAAA,IAAC,QAAK,SAAA,GAAA,CAAC,EACPA,EAAAA,IAAC,OAAA,CAAM,SAAAZ,EAAE,oBAAoB,CAAA,CAAE,CAAA,EACjC,SAGC,MAAA,CACC,SAAA,CAAAW,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAC,EAAAA,IAACR,EAAAA,eAAA,CAAe,UAAU,yCAAA,CAA0C,EACnEJ,EAAE,qBAAqB,CAAA,EAC1B,QACC,IAAA,CAAE,UAAU,uCACV,SAAAA,EAAE,wBAAwB,EAC7B,EACAY,EAAAA,IAAC,OAAI,UAAU,+BACb,eAAC,OAAA,CAAK,UAAU,wFAAwF,SAAA,SAAA,CAExG,CAAA,CACF,CAAA,EACF,EAGAA,EAAAA,IAAC,MAAA,CAAI,UAAU,wCACZ,SAAAH,EAAW,IAAKK,GACfH,EAAAA,KAAC,MAAA,CAAqB,UAAU,uBAC9B,SAAA,CAAAC,EAAAA,IAACE,EAAK,KAAL,CAAU,UAAU,sDAAA,CAAuD,EAC5EF,EAAAA,IAAC,MAAA,CAAI,UAAU,qDAAsD,WAAK,MAAM,EAChFA,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAwC,WAAK,KAAA,CAAM,CAAA,CAAA,EAH1DE,EAAK,KAIf,CACD,EACH,EAGAH,EAAAA,KAAC,MAAA,CAAI,UAAU,8EACb,SAAA,CAAAC,MAAC,KAAA,CAAG,UAAU,6BAA8B,SAAAZ,EAAE,8BAA8B,EAAE,QAC7E,IAAA,CAAE,UAAU,oCACV,SAAAA,EAAE,oCAAoC,EACzC,EACAW,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,qFACb,eAACT,EAAAA,gBAAA,CAAgB,UAAU,wBAAwB,CAAA,CACrD,SACC,MAAA,CACC,SAAA,CAAAS,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,wCAAwC,EAAE,QACzE,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,8CAA8C,CAAA,CAAE,CAAA,CAAA,CAC3G,CAAA,EACF,EACAW,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,uFACb,eAACR,EAAAA,eAAA,CAAe,UAAU,0BAA0B,CAAA,CACtD,SACC,MAAA,CACC,SAAA,CAAAQ,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,sCAAsC,EAAE,QACvE,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,4CAA4C,CAAA,CAAE,CAAA,CAAA,CACzG,CAAA,EACF,EACAW,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,uFACb,eAACN,EAAAA,MAAA,CAAM,UAAU,0BAA0B,CAAA,CAC7C,SACC,MAAA,CACC,SAAA,CAAAM,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,kCAAkC,EAAE,QACnE,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,wCAAwC,CAAA,CAAE,CAAA,CAAA,CACrG,CAAA,EACF,EACAW,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,qFACb,eAACL,EAAAA,SAAA,CAAS,UAAU,wBAAwB,CAAA,CAC9C,SACC,MAAA,CACC,SAAA,CAAAK,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,wCAAwC,EAAE,QACzE,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,8CAA8C,CAAA,CAAE,CAAA,CAAA,CAC3G,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EAGAW,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAC,EAAAA,IAACG,EAAAA,OAAA,CAAO,UAAU,yCAAA,CAA0C,QAC3D,KAAA,CAAG,UAAU,wBAAyB,SAAAf,EAAE,iCAAiC,CAAA,CAAE,CAAA,EAC9E,QACC,MAAA,CAAI,UAAU,kBACb,SAAAW,EAAAA,KAAC,QAAA,CAAM,UAAU,iBACf,SAAA,CAAAC,MAAC,QAAA,CACC,SAAAD,EAAAA,KAAC,KAAA,CAAG,UAAU,wCACZ,SAAA,CAAAC,MAAC,KAAA,CAAG,UAAU,6BAA8B,SAAAZ,EAAE,kCAAkC,EAAE,QACjF,KAAA,CAAG,UAAU,6BAA8B,SAAAA,EAAE,sCAAsC,EAAE,QACrF,KAAA,CAAG,UAAU,6BAA8B,SAAAA,EAAE,uCAAuC,CAAA,CAAE,CAAA,CAAA,CACzF,CAAA,CACF,SACC,QAAA,CACC,SAAA,CAAAW,EAAAA,KAAC,KAAA,CAAG,UAAU,wCACZ,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,OAAO,SAAA,YAAS,EAC9BA,EAAAA,IAAC,MAAG,UAAU,OAAO,eAAC,OAAA,CAAK,UAAU,uDAAuD,SAAA,wBAAA,CAAsB,CAAA,CAAO,QACxH,KAAA,CAAG,UAAU,oCAAqC,SAAAZ,EAAE,yCAAyC,CAAA,CAAE,CAAA,EAClG,EACAW,EAAAA,KAAC,KAAA,CAAG,UAAU,wCACZ,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,OAAO,SAAA,UAAO,EAC5BA,EAAAA,IAAC,MAAG,UAAU,OAAO,eAAC,OAAA,CAAK,UAAU,uDAAuD,SAAA,mBAAA,CAAiB,CAAA,CAAO,QACnH,KAAA,CAAG,UAAU,oCAAqC,SAAAZ,EAAE,yCAAyC,CAAA,CAAE,CAAA,EAClG,EACAW,EAAAA,KAAC,KAAA,CAAG,UAAU,wCACZ,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,OAAO,SAAA,MAAG,EACxBA,EAAAA,IAAC,MAAG,UAAU,OAAO,eAAC,OAAA,CAAK,UAAU,uDAAuD,SAAA,eAAA,CAAa,CAAA,CAAO,QAC/G,KAAA,CAAG,UAAU,oCAAqC,SAAAZ,EAAE,wCAAwC,CAAA,CAAE,CAAA,EACjG,EACAW,EAAAA,KAAC,KAAA,CAAG,UAAU,wCACZ,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,OAAO,SAAA,YAAS,EAC9BA,EAAAA,IAAC,MAAG,UAAU,OAAO,eAAC,OAAA,CAAK,UAAU,uDAAuD,SAAA,qBAAA,CAAmB,CAAA,CAAO,QACrH,KAAA,CAAG,UAAU,oCAAqC,SAAAZ,EAAE,2CAA2C,CAAA,CAAE,CAAA,EACpG,SACC,KAAA,CACC,SAAA,CAAAY,EAAAA,IAAC,KAAA,CAAG,UAAU,OAAO,SAAA,WAAQ,EAC7BA,EAAAA,IAAC,MAAG,UAAU,OAAO,eAAC,OAAA,CAAK,UAAU,uDAAuD,SAAA,sBAAA,CAAoB,CAAA,CAAO,QACtH,KAAA,CAAG,UAAU,oCAAqC,SAAAZ,EAAE,+CAA+C,CAAA,CAAE,CAAA,CAAA,CACxG,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,SAGC,MAAA,CACC,SAAA,CAAAY,MAAC,KAAA,CAAG,UAAU,6BAA8B,SAAAZ,EAAE,wBAAwB,EAAE,QACvE,MAAA,CAAI,UAAU,wCACZ,SAAAE,EAAe,IAAKc,GACnBJ,EAAAA,IAACC,EAAAA,KAAA,CAEC,GAAIG,EAAO,KACX,UAAU,sDAEV,SAAAL,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAW,oCAAoCI,EAAO,KAAK,iBAC9D,SAAAJ,EAAAA,IAACI,EAAO,KAAP,CAAY,UAAU,oBAAA,CAAqB,EAC9C,EACAL,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,sGACX,SAAA,CAAAK,EAAO,MACRJ,EAAAA,IAACK,EAAAA,WAAA,CAAW,UAAU,8DAAA,CAA+D,CAAA,EACvF,EACAL,EAAAA,IAAC,IAAA,CAAE,UAAU,4CAA6C,WAAO,YAAY,EAC7EA,EAAAA,IAAC,OAAI,UAAU,4BACZ,WAAO,SAAS,IAAKM,GACpBN,EAAAA,IAAC,OAAA,CAEC,UAAU,mFAET,SAAAM,CAAA,EAHIA,CAAA,CAKR,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EAzBKF,EAAO,IAAA,CA2Bf,CAAA,CACH,CAAA,EACF,EAGAL,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,MAAC,KAAA,CAAG,UAAU,6BAA8B,SAAAZ,EAAE,8BAA8B,EAAE,EAC9EW,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,2FAA2F,SAAA,IAAC,EAC3GD,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,uCAAuC,EAAE,QACxE,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,6CAA6C,CAAA,CAAE,CAAA,EAC1G,EACAY,EAAAA,IAACK,EAAAA,WAAA,CAAW,UAAU,qCAAA,CAAsC,CAAA,EAC9D,EACAN,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,6FAA6F,SAAA,IAAC,EAC7GD,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,yCAAyC,EAAE,QAC1E,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,+CAA+C,CAAA,CAAE,CAAA,EAC5G,EACAY,EAAAA,IAACK,EAAAA,WAAA,CAAW,UAAU,qCAAA,CAAsC,CAAA,EAC9D,EACAN,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,6FAA6F,SAAA,IAAC,EAC7GD,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,yCAAyC,EAAE,QAC1E,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,+CAA+C,CAAA,CAAE,CAAA,EAC5G,EACAY,EAAAA,IAACK,EAAAA,WAAA,CAAW,UAAU,qCAAA,CAAsC,CAAA,EAC9D,EACAN,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,6FAA6F,SAAA,IAAC,EAC7GD,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,yCAAyC,EAAE,QAC1E,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,+CAA+C,CAAA,CAAE,CAAA,EAC5G,EACAY,EAAAA,IAACK,EAAAA,WAAA,CAAW,UAAU,qCAAA,CAAsC,CAAA,EAC9D,EACAN,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,4FAA4F,SAAA,IAAC,EAC5GD,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,cAAe,SAAAZ,EAAE,yCAAyC,EAAE,QAC1E,MAAA,CAAI,UAAU,uCAAwC,SAAAA,EAAE,+CAA+C,CAAA,CAAE,CAAA,CAAA,CAC5G,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EAGAW,EAAAA,KAAC,MAAA,CAAI,UAAU,kEACb,SAAA,CAAAA,EAAAA,KAACE,EAAAA,KAAA,CACC,GAAG,4BACH,UAAU,6FAEV,SAAA,CAAAD,EAAAA,IAACK,EAAAA,WAAA,CAAW,UAAU,oBAAA,CAAqB,EAC1CjB,EAAE,8BAA8B,CAAA,CAAA,CAAA,EAEnCW,EAAAA,KAACE,EAAAA,KAAA,CACC,GAAG,sCACH,UAAU,0EAET,SAAA,CAAAb,EAAE,kCAAkC,EACrCY,EAAAA,IAACK,EAAAA,WAAA,CAAW,UAAU,SAAA,CAAU,CAAA,CAAA,CAAA,CAClC,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/{SupportMyTicketsDocPage-DeRUdAIi.js → SupportMyTicketsDocPage-D2f6DaKb.js}

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