@atlashub/smartstack 3.39.0 → 3.40.0

package/dist/chunks/{DashboardPage-BT5kFaQA.js → DashboardPage-Cq5adDjP.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),se=require("react-router-dom"),ae=require("react-i18next"),c=require("./index-XOOiD_zY.js"),r=require("lucide-react"),te=require("./ticketingApi-D6s75rOB.js"),re={Low:"var(--info-text)",Medium:"var(--warning-text)",High:"var(--warning-text)",Critical:"var(--error-text)"},ne={Open:"var(--warning-text)",InProgress:"var(--info-text)",OnHold:"var(--warning-text)",Resolved:"var(--success-text)",Closed:"var(--text-secondary)",Rejected:"var(--error-text)"};function ce(){const{t:s}=ae.useTranslation("support"),l=se.useNavigate(),{hasPermission:o}=c.useAuth(),{isGlpi:t,glpiBaseUrl:m}=c.useTicketingProvider(),{currentTenant:p}=c.useTenant(),[k,L]=n.useState(!0),[$,A]=n.useState(!1),[x,E]=n.useState(30),R=o("support.sla.read"),[v,I]=n.useState(null),[P,H]=n.useState([]),[D,q]=n.useState([]),[C,G]=n.useState([]),[F,O]=n.useState([]),[g,U]=n.useState(null),[u,W]=n.useState(null),[N,V]=n.useState([]),[y,z]=n.useState([]),[i,K]=n.useState(null),[w,B]=n.useState(!1),S=n.useCallback(async()=>{try{const[a,d,h,b,f,Y,Z]=await Promise.all([c.dashboardApi.getOverview(x),c.dashboardApi.getByStatus(),c.dashboardApi.getByPriority(),c.dashboardApi.getAgentWorkload(),c.dashboardApi.getTrends(x),c.dashboardApi.getSatisfactionStats(x),c.dashboardApi.getSlaCompliance(x)]);if(I(a),H(d),q(h),G(b),O(f),U(Y),W(Z),t)try{const T=await c.supportApi.tickets.getGlpiSyncStats();K(T)}catch{}if(R){const[T,ee]=await Promise.all([c.slaApi.getBreachedTickets(),c.slaApi.getTicketsApproachingBreach(60)]);V(T),z(ee)}}catch(a){console.error("Failed to load dashboard data:",a)}finally{L(!1),A(!1)}},[x,R,t]);n.useEffect(()=>{S()},[S]);const X=()=>{A(!0),S()},_=async()=>{if(!(!p?.id||w)){B(!0);try{await te.ticketingApi.triggerSync(p.id),await S()}catch{}finally{B(!1)}}};if(k)return e.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:e.jsx(r.Loader2,{className:"w-8 h-8 animate-spin text-[var(--color-primary-600)]"})});const J=a=>a>=95?"text-[var(--success-text)]":a>=80?"text-[var(--warning-text)]":"text-[var(--error-text)]",Q=a=>a>=4?"text-[var(--success-text)]":a>=3?"text-[var(--warning-text)]":"text-[var(--error-text)]";return e.jsxs("div",{className:"space-y-6",children:[e.jsx(c.Breadcrumb,{items:[{label:s("title","Support"),href:"/support"},{label:s("dashboard.title","Dashboard")}]}),e.jsx(c.PageHeader,{title:s("dashboard.title"),subtitle:s("dashboard.subtitle"),icon:e.jsx(r.LayoutDashboard,{className:"w-6 h-6"}),actions:e.jsxs(e.Fragment,{children:[e.jsxs("select",{value:x,onChange:a=>E(Number(a.target.value)),className:"input",children:[e.jsx("option",{value:7,children:s("dashboard.period7")}),e.jsx("option",{value:30,children:s("dashboard.period30")}),e.jsx("option",{value:90,children:s("dashboard.period90")})]}),e.jsxs("button",{onClick:X,disabled:$,className:"btn btn-secondary flex items-center gap-2",children:[e.jsx(r.RefreshCw,{className:`w-4 h-4 ${$?"animate-spin":""}`}),s("dashboard.refresh")]})]})}),t&&e.jsxs("div",{className:"flex items-center gap-3 p-4 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)] text-[var(--info-text)]",children:[e.jsx(r.Info,{className:"w-5 h-5 flex-shrink-0"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"font-medium",children:s("glpi.managedByGlpi")}),e.jsx("p",{className:"text-sm opacity-80",children:s("glpi.dashboardSyncInfo")})]}),m&&e.jsxs("a",{href:m,target:"_blank",rel:"noopener noreferrer",className:"btn btn-secondary flex items-center gap-2 text-sm",children:[e.jsx(r.ExternalLink,{className:"w-4 h-4"}),s("glpi.openGlpi")]})]}),t&&i&&e.jsxs("div",{className:"card p-4 space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"font-semibold flex items-center gap-2",children:[e.jsx(r.RefreshCw,{className:"w-5 h-5"}),s("glpi.sync.title","GLPI Sync Status")]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s("glpi.sync.subtitle","Synchronization overview with GLPI")})]}),e.jsxs("button",{onClick:_,disabled:w,className:"btn btn-secondary flex items-center gap-2",children:[e.jsx(r.RefreshCw,{className:`w-4 h-4 ${w?"animate-spin":""}`}),w?s("glpi.sync.syncing","Syncing..."):s("glpi.sync.triggerSync","Sync Now")]})]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[e.jsxs("div",{className:"card p-4 text-center border bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",children:[e.jsx("div",{className:"text-2xl font-bold",children:i.totalMappedTickets}),e.jsx("div",{className:"text-sm opacity-80",children:s("glpi.sync.totalSynced","Total Synced")})]}),e.jsxs("div",{className:"card p-4 text-center border bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]",children:[e.jsx("div",{className:"text-2xl font-bold",children:i.ticketsSyncedOk}),e.jsx("div",{className:"text-sm opacity-80",children:s("glpi.sync.syncSuccess","Successful")})]}),e.jsxs("div",{className:"card p-4 text-center border bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]",children:[e.jsx("div",{className:"text-2xl font-bold",children:i.ticketsWithSyncErrors}),e.jsx("div",{className:"text-sm opacity-80",children:s("glpi.sync.syncErrors","Errors")})]}),e.jsxs("div",{className:`card p-4 text-center border ${i.successRate>=90?"bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]":"bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]"}`,children:[e.jsxs("div",{className:"text-2xl font-bold",children:[i.successRate,"%"]}),e.jsx("div",{className:"text-sm opacity-80",children:s("glpi.sync.successRate","Success Rate")})]})]}),e.jsxs("div",{className:"flex items-center gap-6 text-sm text-[var(--text-secondary)]",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"font-medium",children:[s("glpi.sync.lastSync","Last Sync"),":"]})," ",i.lastSyncAt?new Date(i.lastSyncAt).toLocaleString():s("glpi.sync.never","Never")]}),e.jsxs("div",{children:[e.jsxs("span",{className:"font-medium",children:[s("glpi.sync.syncInterval","Interval"),":"]})," ",s("glpi.sync.everyNMinutes","Every {{n}} min",{n:i.syncIntervalMinutes})]}),e.jsx("div",{children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${i.syncEnabled?"bg-[var(--success-bg)] text-[var(--success-text)]":"bg-[var(--bg-secondary)] text-[var(--text-secondary)]"}`,children:i.syncEnabled?s("glpi.sync.enabled","Enabled"):s("glpi.sync.disabled","Disabled")})})]}),i.lastSyncError&&e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--error-bg)] border border-[var(--error-border)]",children:[e.jsx("p",{className:"text-sm font-medium text-[var(--error-text)]",children:s("glpi.sync.lastError","Last Sync Error")}),e.jsx("p",{className:"text-sm text-[var(--error-text)] opacity-80 mt-1",children:i.lastSyncError})]})]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4",children:[e.jsx(j,{title:s("dashboard.totalTickets"),value:v?.totalTickets??0,icon:e.jsx(r.Headphones,{className:"w-5 h-5"}),color:"blue"}),e.jsx(j,{title:s("dashboard.newTickets"),value:v?.newTickets??0,icon:e.jsx(r.TrendingUp,{className:"w-5 h-5"}),color:"green",subtitle:s("dashboard.lastNDays",{period:x})}),e.jsx(j,{title:s("dashboard.openTickets"),value:v?.openTickets??0,icon:e.jsx(r.Clock,{className:"w-5 h-5"}),color:"yellow"}),e.jsx(j,{title:s("dashboard.resolvedTickets"),value:v?.resolvedTickets??0,icon:e.jsx(r.CheckCircle,{className:"w-5 h-5"}),color:"green",subtitle:s("dashboard.lastNDays",{period:x})}),e.jsx(j,{title:s("dashboard.slaCompliance"),value:`${v?.slaCompliancePercentage?.toFixed(1)??0}%`,icon:e.jsx(r.AlertTriangle,{className:"w-5 h-5"}),color:(v?.slaCompliancePercentage??0)>=90?"green":"red"}),e.jsx(j,{title:s("dashboard.avgSatisfaction"),value:`${v?.averageSatisfaction?.toFixed(1)??0}/5`,icon:e.jsx(r.Star,{className:"w-5 h-5"}),color:(v?.averageSatisfaction??0)>=4?"green":"yellow"})]}),R&&(N.length>0||y.length>0)&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[N.length>0&&e.jsxs("div",{className:"card p-4 border-l-4 border-[var(--error-border)]",children:[e.jsxs("h3",{className:"font-semibold text-[var(--error-text)] flex items-center gap-2 mb-3",children:[e.jsx(r.XCircle,{className:"w-5 h-5"}),s("dashboard.slaBreached")," (",N.length,")"]}),e.jsx("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:N.slice(0,5).map(a=>e.jsxs("button",{type:"button",className:"w-full flex items-center justify-between p-2 bg-[var(--error-bg)] rounded cursor-pointer hover:opacity-80 text-left",onClick:()=>l(`/support/tickets/${a.ticketId}`),children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:a.ticketNumber}),e.jsx("span",{className:"ml-2 text-sm",children:a.ticketTitle})]}),e.jsxs("span",{className:"text-xs text-[var(--error-text)] font-medium",children:[a.responseBreached&&"Response"," ",a.resolutionBreached&&"Resolution"]})]},a.id))})]}),y.length>0&&e.jsxs("div",{className:"card p-4 border-l-4 border-[var(--warning-border)]",children:[e.jsxs("h3",{className:"font-semibold text-[var(--warning-text)] flex items-center gap-2 mb-3",children:[e.jsx(r.AlertTriangle,{className:"w-5 h-5"}),s("dashboard.approachingBreach")," (",y.length,")"]}),e.jsx("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:y.slice(0,5).map(a=>e.jsxs("button",{type:"button",className:"w-full flex items-center justify-between p-2 bg-[var(--warning-bg)] rounded cursor-pointer hover:opacity-80 text-left",onClick:()=>l(`/support/tickets/${a.ticketId}`),children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:a.ticketNumber}),e.jsx("span",{className:"ml-2 text-sm",children:a.ticketTitle})]}),e.jsxs("span",{className:"text-xs text-[var(--warning-text)] font-medium",children:[Math.round(a.responseSlaPercentage),"% Response"]})]},a.id))})]})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.ticketsByStatus")}),e.jsx("div",{className:"space-y-3",children:P.map(a=>{const d=P.reduce((b,f)=>b+f.count,0),h=d>0?a.count/d*100:0;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm",children:a.status}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${h}%`,backgroundColor:ne[a.status]||"#6b7280"}})}),e.jsx("div",{className:"w-16 text-right text-sm font-medium",children:a.count})]},a.status)})})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.activeTicketsByPriority")}),e.jsx("div",{className:"space-y-3",children:D.map(a=>{const d=D.reduce((b,f)=>b+f.count,0),h=d>0?a.count/d*100:0;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm",children:a.priority}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${h}%`,backgroundColor:re[a.priority]||"#6b7280"}})}),e.jsx("div",{className:"w-16 text-right text-sm font-medium",children:a.count})]},a.priority)})})]})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.slaPerformance")}),u&&e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsxs("div",{className:`text-3xl font-bold ${J(u.compliancePercentage)}`,children:[u.compliancePercentage.toFixed(1),"%"]}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.complianceRate")})]}),e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-3xl font-bold",children:u.ticketsWithinSla}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.withinSla")})]}),e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-3xl font-bold text-[var(--error-text)]",children:u.ticketsBreached}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.breached")})]}),e.jsxs("div",{className:"space-y-2 p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsxs("span",{children:[s("dashboard.avgResponse"),":"]}),e.jsx("span",{className:"font-medium",children:M(u.averageResponseMinutes)})]}),e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsxs("span",{children:[s("dashboard.avgResolution"),":"]}),e.jsx("span",{className:"font-medium",children:M(u.averageResolutionMinutes)})]})]})]})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.customerSatisfaction")}),g&&e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:`text-3xl font-bold ${Q(g.averageRating)}`,children:g.averageRating.toFixed(1)}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.averageRating")}),e.jsx("div",{className:"flex justify-center mt-1",children:[1,2,3,4,5].map(a=>e.jsx(r.Star,{className:`w-4 h-4 ${a<=Math.round(g.averageRating)?"text-[var(--warning-text)] fill-[var(--warning-text)]":"text-[var(--text-muted)]"}`},a))})]}),e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-3xl font-bold",children:g.totalResponses}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.totalResponses")})]}),e.jsxs("div",{className:"col-span-2 p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:s("dashboard.ratingDistribution")}),e.jsx("div",{className:"space-y-1",children:[5,4,3,2,1].map(a=>{const d=g.ratingDistribution[a]||0,h=g.totalResponses>0?d/g.totalResponses*100:0;return e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx("span",{className:"w-4",children:a}),e.jsx(r.Star,{className:"w-3 h-3 text-[var(--warning-text)] fill-[var(--warning-text)]"}),e.jsx("div",{className:"flex-1 h-3 bg-[var(--bg-primary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-[var(--warning-text)] rounded-full",style:{width:`${h}%`}})}),e.jsx("span",{className:"w-8 text-right text-xs",children:d})]},a)})})]})]})]})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.ticketTrends",{period:x})}),e.jsx("div",{className:"h-64",children:e.jsx(le,{data:F,t:s})})]}),e.jsxs("div",{className:"card p-4",children:[e.jsxs("h3",{className:"font-semibold mb-4 flex items-center gap-2",children:[e.jsx(r.Users,{className:"w-5 h-5"}),s("dashboard.agentWorkload")]}),C.length>0?e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left p-3 font-medium",children:s("dashboard.agent")}),e.jsx("th",{className:"text-center p-3 font-medium",children:s("dashboard.total")}),e.jsx("th",{className:"text-center p-3 font-medium",children:s("dashboard.open")}),e.jsx("th",{className:"text-center p-3 font-medium",children:s("dashboard.inProgress")}),e.jsx("th",{className:"text-center p-3 font-medium",children:s("dashboard.onHold")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("dashboard.load")})]})}),e.jsx("tbody",{children:C.map(a=>{const d=Math.max(...C.map(b=>b.totalAssigned)),h=d>0?a.totalAssigned/d*100:0;return e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsxs("td",{className:"p-3",children:[e.jsx("div",{className:"font-medium",children:a.name}),e.jsx("div",{className:"text-xs text-[var(--text-secondary)]",children:a.email})]}),e.jsx("td",{className:"text-center p-3 font-semibold",children:a.totalAssigned}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-[var(--warning-bg)] text-[var(--warning-text)] rounded-[var(--radius-badge)] text-sm",children:a.openCount})}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-[var(--info-bg)] text-[var(--info-text)] rounded-[var(--radius-badge)] text-sm",children:a.inProgressCount})}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-[var(--warning-bg)] text-[var(--warning-text)] rounded-[var(--radius-badge)] text-sm",children:a.onHoldCount})}),e.jsx("td",{className:"p-3 w-32",children:e.jsx("div",{className:"h-2 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-[var(--info-text)] rounded-full",style:{width:`${h}%`}})})})]},a.userId)})})]})}):e.jsx("div",{className:"text-center py-8 text-[var(--text-secondary)]",children:s("dashboard.noAgentsAssigned")})]})]})}function j({title:s,value:l,icon:o,color:t,subtitle:m,trend:p}){const k={blue:"bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",green:"bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]",yellow:"bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]",red:"bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]"};return e.jsxs("div",{className:`card p-4 border ${k[t]}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm font-medium opacity-80",children:s}),o]}),e.jsx("div",{className:"text-2xl font-bold",children:l}),m&&e.jsx("div",{className:"text-xs opacity-70 mt-1",children:m}),p&&e.jsxs("div",{className:`flex items-center gap-1 mt-1 text-xs ${p.isUp?"text-[var(--success-text)]":"text-[var(--error-text)]"}`,children:[p.isUp?e.jsx(r.ArrowUp,{className:"w-3 h-3"}):e.jsx(r.ArrowDown,{className:"w-3 h-3"}),p.value,"%"]})]})}function le({data:s,t:l}){if(s.length===0)return e.jsx("div",{className:"flex items-center justify-center h-full text-[var(--text-secondary)]",children:l("dashboard.noTrendData")});const o=Math.max(...s.flatMap(t=>[t.created,t.resolved]),1);return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded bg-[var(--info-text)]"}),e.jsx("span",{className:"text-sm",children:l("dashboard.created")})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded bg-[var(--success-text)]"}),e.jsx("span",{className:"text-sm",children:l("dashboard.resolved")})]})]}),e.jsx("div",{className:"flex-1 flex items-end gap-1 overflow-x-auto pb-4",children:s.map(t=>e.jsxs("div",{className:"flex-1 min-w-[20px] flex gap-0.5",children:[e.jsx("div",{className:"flex-1 bg-[var(--info-text)] rounded-t transition-all duration-300 hover:opacity-80",style:{height:`${t.created/o*100}%`,minHeight:t.created>0?"4px":"0"},title:`Created: ${t.created}`}),e.jsx("div",{className:"flex-1 bg-[var(--success-text)] rounded-t transition-all duration-300 hover:opacity-80",style:{height:`${t.resolved/o*100}%`,minHeight:t.resolved>0?"4px":"0"},title:`Resolved: ${t.resolved}`})]},`${t.date}`))}),e.jsxs("div",{className:"flex justify-between text-xs text-[var(--text-secondary)] mt-2",children:[e.jsx("span",{children:s[0]&&new Date(s[0].date).toLocaleDateString()}),e.jsx("span",{children:s.at(-1)&&new Date(s.at(-1).date).toLocaleDateString()})]})]})}function M(s){if(s<60)return`${Math.round(s)}m`;const l=Math.floor(s/60),o=Math.round(s%60);if(l<24)return o>0?`${l}h ${o}m`:`${l}h`;const t=Math.floor(l/24),m=l%24;return m>0?`${t}d ${m}h`:`${t}d`}exports.DashboardPage=ce;
-//# sourceMappingURL=DashboardPage-BT5kFaQA.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),se=require("react-router-dom"),ae=require("react-i18next"),c=require("./index-BDRogQH_.js"),r=require("lucide-react"),te=require("./ticketingApi-x0BwZ1NH.js"),re={Low:"var(--info-text)",Medium:"var(--warning-text)",High:"var(--warning-text)",Critical:"var(--error-text)"},ne={Open:"var(--warning-text)",InProgress:"var(--info-text)",OnHold:"var(--warning-text)",Resolved:"var(--success-text)",Closed:"var(--text-secondary)",Rejected:"var(--error-text)"};function ce(){const{t:s}=ae.useTranslation("support"),l=se.useNavigate(),{hasPermission:o}=c.useAuth(),{isGlpi:t,glpiBaseUrl:m}=c.useTicketingProvider(),{currentTenant:p}=c.useTenant(),[k,L]=n.useState(!0),[$,A]=n.useState(!1),[x,E]=n.useState(30),R=o("support.sla.read"),[v,I]=n.useState(null),[P,H]=n.useState([]),[D,q]=n.useState([]),[C,G]=n.useState([]),[F,O]=n.useState([]),[g,U]=n.useState(null),[u,W]=n.useState(null),[N,V]=n.useState([]),[y,z]=n.useState([]),[i,K]=n.useState(null),[w,B]=n.useState(!1),S=n.useCallback(async()=>{try{const[a,d,h,b,f,Y,Z]=await Promise.all([c.dashboardApi.getOverview(x),c.dashboardApi.getByStatus(),c.dashboardApi.getByPriority(),c.dashboardApi.getAgentWorkload(),c.dashboardApi.getTrends(x),c.dashboardApi.getSatisfactionStats(x),c.dashboardApi.getSlaCompliance(x)]);if(I(a),H(d),q(h),G(b),O(f),U(Y),W(Z),t)try{const T=await c.supportApi.tickets.getGlpiSyncStats();K(T)}catch{}if(R){const[T,ee]=await Promise.all([c.slaApi.getBreachedTickets(),c.slaApi.getTicketsApproachingBreach(60)]);V(T),z(ee)}}catch(a){console.error("Failed to load dashboard data:",a)}finally{L(!1),A(!1)}},[x,R,t]);n.useEffect(()=>{S()},[S]);const X=()=>{A(!0),S()},_=async()=>{if(!(!p?.id||w)){B(!0);try{await te.ticketingApi.triggerSync(p.id),await S()}catch{}finally{B(!1)}}};if(k)return e.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:e.jsx(r.Loader2,{className:"w-8 h-8 animate-spin text-[var(--color-primary-600)]"})});const J=a=>a>=95?"text-[var(--success-text)]":a>=80?"text-[var(--warning-text)]":"text-[var(--error-text)]",Q=a=>a>=4?"text-[var(--success-text)]":a>=3?"text-[var(--warning-text)]":"text-[var(--error-text)]";return e.jsxs("div",{className:"space-y-6",children:[e.jsx(c.Breadcrumb,{items:[{label:s("title","Support"),href:"/support"},{label:s("dashboard.title","Dashboard")}]}),e.jsx(c.PageHeader,{title:s("dashboard.title"),subtitle:s("dashboard.subtitle"),icon:e.jsx(r.LayoutDashboard,{className:"w-6 h-6"}),actions:e.jsxs(e.Fragment,{children:[e.jsxs("select",{value:x,onChange:a=>E(Number(a.target.value)),className:"input",children:[e.jsx("option",{value:7,children:s("dashboard.period7")}),e.jsx("option",{value:30,children:s("dashboard.period30")}),e.jsx("option",{value:90,children:s("dashboard.period90")})]}),e.jsxs("button",{onClick:X,disabled:$,className:"btn btn-secondary flex items-center gap-2",children:[e.jsx(r.RefreshCw,{className:`w-4 h-4 ${$?"animate-spin":""}`}),s("dashboard.refresh")]})]})}),t&&e.jsxs("div",{className:"flex items-center gap-3 p-4 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)] text-[var(--info-text)]",children:[e.jsx(r.Info,{className:"w-5 h-5 flex-shrink-0"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"font-medium",children:s("glpi.managedByGlpi")}),e.jsx("p",{className:"text-sm opacity-80",children:s("glpi.dashboardSyncInfo")})]}),m&&e.jsxs("a",{href:m,target:"_blank",rel:"noopener noreferrer",className:"btn btn-secondary flex items-center gap-2 text-sm",children:[e.jsx(r.ExternalLink,{className:"w-4 h-4"}),s("glpi.openGlpi")]})]}),t&&i&&e.jsxs("div",{className:"card p-4 space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"font-semibold flex items-center gap-2",children:[e.jsx(r.RefreshCw,{className:"w-5 h-5"}),s("glpi.sync.title","GLPI Sync Status")]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s("glpi.sync.subtitle","Synchronization overview with GLPI")})]}),e.jsxs("button",{onClick:_,disabled:w,className:"btn btn-secondary flex items-center gap-2",children:[e.jsx(r.RefreshCw,{className:`w-4 h-4 ${w?"animate-spin":""}`}),w?s("glpi.sync.syncing","Syncing..."):s("glpi.sync.triggerSync","Sync Now")]})]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[e.jsxs("div",{className:"card p-4 text-center border bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",children:[e.jsx("div",{className:"text-2xl font-bold",children:i.totalMappedTickets}),e.jsx("div",{className:"text-sm opacity-80",children:s("glpi.sync.totalSynced","Total Synced")})]}),e.jsxs("div",{className:"card p-4 text-center border bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]",children:[e.jsx("div",{className:"text-2xl font-bold",children:i.ticketsSyncedOk}),e.jsx("div",{className:"text-sm opacity-80",children:s("glpi.sync.syncSuccess","Successful")})]}),e.jsxs("div",{className:"card p-4 text-center border bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]",children:[e.jsx("div",{className:"text-2xl font-bold",children:i.ticketsWithSyncErrors}),e.jsx("div",{className:"text-sm opacity-80",children:s("glpi.sync.syncErrors","Errors")})]}),e.jsxs("div",{className:`card p-4 text-center border ${i.successRate>=90?"bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]":"bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]"}`,children:[e.jsxs("div",{className:"text-2xl font-bold",children:[i.successRate,"%"]}),e.jsx("div",{className:"text-sm opacity-80",children:s("glpi.sync.successRate","Success Rate")})]})]}),e.jsxs("div",{className:"flex items-center gap-6 text-sm text-[var(--text-secondary)]",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"font-medium",children:[s("glpi.sync.lastSync","Last Sync"),":"]})," ",i.lastSyncAt?new Date(i.lastSyncAt).toLocaleString():s("glpi.sync.never","Never")]}),e.jsxs("div",{children:[e.jsxs("span",{className:"font-medium",children:[s("glpi.sync.syncInterval","Interval"),":"]})," ",s("glpi.sync.everyNMinutes","Every {{n}} min",{n:i.syncIntervalMinutes})]}),e.jsx("div",{children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${i.syncEnabled?"bg-[var(--success-bg)] text-[var(--success-text)]":"bg-[var(--bg-secondary)] text-[var(--text-secondary)]"}`,children:i.syncEnabled?s("glpi.sync.enabled","Enabled"):s("glpi.sync.disabled","Disabled")})})]}),i.lastSyncError&&e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--error-bg)] border border-[var(--error-border)]",children:[e.jsx("p",{className:"text-sm font-medium text-[var(--error-text)]",children:s("glpi.sync.lastError","Last Sync Error")}),e.jsx("p",{className:"text-sm text-[var(--error-text)] opacity-80 mt-1",children:i.lastSyncError})]})]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4",children:[e.jsx(j,{title:s("dashboard.totalTickets"),value:v?.totalTickets??0,icon:e.jsx(r.Headphones,{className:"w-5 h-5"}),color:"blue"}),e.jsx(j,{title:s("dashboard.newTickets"),value:v?.newTickets??0,icon:e.jsx(r.TrendingUp,{className:"w-5 h-5"}),color:"green",subtitle:s("dashboard.lastNDays",{period:x})}),e.jsx(j,{title:s("dashboard.openTickets"),value:v?.openTickets??0,icon:e.jsx(r.Clock,{className:"w-5 h-5"}),color:"yellow"}),e.jsx(j,{title:s("dashboard.resolvedTickets"),value:v?.resolvedTickets??0,icon:e.jsx(r.CheckCircle,{className:"w-5 h-5"}),color:"green",subtitle:s("dashboard.lastNDays",{period:x})}),e.jsx(j,{title:s("dashboard.slaCompliance"),value:`${v?.slaCompliancePercentage?.toFixed(1)??0}%`,icon:e.jsx(r.AlertTriangle,{className:"w-5 h-5"}),color:(v?.slaCompliancePercentage??0)>=90?"green":"red"}),e.jsx(j,{title:s("dashboard.avgSatisfaction"),value:`${v?.averageSatisfaction?.toFixed(1)??0}/5`,icon:e.jsx(r.Star,{className:"w-5 h-5"}),color:(v?.averageSatisfaction??0)>=4?"green":"yellow"})]}),R&&(N.length>0||y.length>0)&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[N.length>0&&e.jsxs("div",{className:"card p-4 border-l-4 border-[var(--error-border)]",children:[e.jsxs("h3",{className:"font-semibold text-[var(--error-text)] flex items-center gap-2 mb-3",children:[e.jsx(r.XCircle,{className:"w-5 h-5"}),s("dashboard.slaBreached")," (",N.length,")"]}),e.jsx("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:N.slice(0,5).map(a=>e.jsxs("button",{type:"button",className:"w-full flex items-center justify-between p-2 bg-[var(--error-bg)] rounded cursor-pointer hover:opacity-80 text-left",onClick:()=>l(`/support/tickets/${a.ticketId}`),children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:a.ticketNumber}),e.jsx("span",{className:"ml-2 text-sm",children:a.ticketTitle})]}),e.jsxs("span",{className:"text-xs text-[var(--error-text)] font-medium",children:[a.responseBreached&&"Response"," ",a.resolutionBreached&&"Resolution"]})]},a.id))})]}),y.length>0&&e.jsxs("div",{className:"card p-4 border-l-4 border-[var(--warning-border)]",children:[e.jsxs("h3",{className:"font-semibold text-[var(--warning-text)] flex items-center gap-2 mb-3",children:[e.jsx(r.AlertTriangle,{className:"w-5 h-5"}),s("dashboard.approachingBreach")," (",y.length,")"]}),e.jsx("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:y.slice(0,5).map(a=>e.jsxs("button",{type:"button",className:"w-full flex items-center justify-between p-2 bg-[var(--warning-bg)] rounded cursor-pointer hover:opacity-80 text-left",onClick:()=>l(`/support/tickets/${a.ticketId}`),children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-sm",children:a.ticketNumber}),e.jsx("span",{className:"ml-2 text-sm",children:a.ticketTitle})]}),e.jsxs("span",{className:"text-xs text-[var(--warning-text)] font-medium",children:[Math.round(a.responseSlaPercentage),"% Response"]})]},a.id))})]})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.ticketsByStatus")}),e.jsx("div",{className:"space-y-3",children:P.map(a=>{const d=P.reduce((b,f)=>b+f.count,0),h=d>0?a.count/d*100:0;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm",children:a.status}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${h}%`,backgroundColor:ne[a.status]||"#6b7280"}})}),e.jsx("div",{className:"w-16 text-right text-sm font-medium",children:a.count})]},a.status)})})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.activeTicketsByPriority")}),e.jsx("div",{className:"space-y-3",children:D.map(a=>{const d=D.reduce((b,f)=>b+f.count,0),h=d>0?a.count/d*100:0;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm",children:a.priority}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${h}%`,backgroundColor:re[a.priority]||"#6b7280"}})}),e.jsx("div",{className:"w-16 text-right text-sm font-medium",children:a.count})]},a.priority)})})]})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.slaPerformance")}),u&&e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsxs("div",{className:`text-3xl font-bold ${J(u.compliancePercentage)}`,children:[u.compliancePercentage.toFixed(1),"%"]}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.complianceRate")})]}),e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-3xl font-bold",children:u.ticketsWithinSla}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.withinSla")})]}),e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-3xl font-bold text-[var(--error-text)]",children:u.ticketsBreached}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.breached")})]}),e.jsxs("div",{className:"space-y-2 p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsxs("span",{children:[s("dashboard.avgResponse"),":"]}),e.jsx("span",{className:"font-medium",children:M(u.averageResponseMinutes)})]}),e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsxs("span",{children:[s("dashboard.avgResolution"),":"]}),e.jsx("span",{className:"font-medium",children:M(u.averageResolutionMinutes)})]})]})]})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.customerSatisfaction")}),g&&e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:`text-3xl font-bold ${Q(g.averageRating)}`,children:g.averageRating.toFixed(1)}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.averageRating")}),e.jsx("div",{className:"flex justify-center mt-1",children:[1,2,3,4,5].map(a=>e.jsx(r.Star,{className:`w-4 h-4 ${a<=Math.round(g.averageRating)?"text-[var(--warning-text)] fill-[var(--warning-text)]":"text-[var(--text-muted)]"}`},a))})]}),e.jsxs("div",{className:"text-center p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-3xl font-bold",children:g.totalResponses}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s("dashboard.totalResponses")})]}),e.jsxs("div",{className:"col-span-2 p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:s("dashboard.ratingDistribution")}),e.jsx("div",{className:"space-y-1",children:[5,4,3,2,1].map(a=>{const d=g.ratingDistribution[a]||0,h=g.totalResponses>0?d/g.totalResponses*100:0;return e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx("span",{className:"w-4",children:a}),e.jsx(r.Star,{className:"w-3 h-3 text-[var(--warning-text)] fill-[var(--warning-text)]"}),e.jsx("div",{className:"flex-1 h-3 bg-[var(--bg-primary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-[var(--warning-text)] rounded-full",style:{width:`${h}%`}})}),e.jsx("span",{className:"w-8 text-right text-xs",children:d})]},a)})})]})]})]})]}),e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-semibold mb-4",children:s("dashboard.ticketTrends",{period:x})}),e.jsx("div",{className:"h-64",children:e.jsx(le,{data:F,t:s})})]}),e.jsxs("div",{className:"card p-4",children:[e.jsxs("h3",{className:"font-semibold mb-4 flex items-center gap-2",children:[e.jsx(r.Users,{className:"w-5 h-5"}),s("dashboard.agentWorkload")]}),C.length>0?e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left p-3 font-medium",children:s("dashboard.agent")}),e.jsx("th",{className:"text-center p-3 font-medium",children:s("dashboard.total")}),e.jsx("th",{className:"text-center p-3 font-medium",children:s("dashboard.open")}),e.jsx("th",{className:"text-center p-3 font-medium",children:s("dashboard.inProgress")}),e.jsx("th",{className:"text-center p-3 font-medium",children:s("dashboard.onHold")}),e.jsx("th",{className:"text-left p-3 font-medium",children:s("dashboard.load")})]})}),e.jsx("tbody",{children:C.map(a=>{const d=Math.max(...C.map(b=>b.totalAssigned)),h=d>0?a.totalAssigned/d*100:0;return e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsxs("td",{className:"p-3",children:[e.jsx("div",{className:"font-medium",children:a.name}),e.jsx("div",{className:"text-xs text-[var(--text-secondary)]",children:a.email})]}),e.jsx("td",{className:"text-center p-3 font-semibold",children:a.totalAssigned}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-[var(--warning-bg)] text-[var(--warning-text)] rounded-[var(--radius-badge)] text-sm",children:a.openCount})}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-[var(--info-bg)] text-[var(--info-text)] rounded-[var(--radius-badge)] text-sm",children:a.inProgressCount})}),e.jsx("td",{className:"text-center p-3",children:e.jsx("span",{className:"px-2 py-1 bg-[var(--warning-bg)] text-[var(--warning-text)] rounded-[var(--radius-badge)] text-sm",children:a.onHoldCount})}),e.jsx("td",{className:"p-3 w-32",children:e.jsx("div",{className:"h-2 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-[var(--info-text)] rounded-full",style:{width:`${h}%`}})})})]},a.userId)})})]})}):e.jsx("div",{className:"text-center py-8 text-[var(--text-secondary)]",children:s("dashboard.noAgentsAssigned")})]})]})}function j({title:s,value:l,icon:o,color:t,subtitle:m,trend:p}){const k={blue:"bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",green:"bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]",yellow:"bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]",red:"bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]"};return e.jsxs("div",{className:`card p-4 border ${k[t]}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm font-medium opacity-80",children:s}),o]}),e.jsx("div",{className:"text-2xl font-bold",children:l}),m&&e.jsx("div",{className:"text-xs opacity-70 mt-1",children:m}),p&&e.jsxs("div",{className:`flex items-center gap-1 mt-1 text-xs ${p.isUp?"text-[var(--success-text)]":"text-[var(--error-text)]"}`,children:[p.isUp?e.jsx(r.ArrowUp,{className:"w-3 h-3"}):e.jsx(r.ArrowDown,{className:"w-3 h-3"}),p.value,"%"]})]})}function le({data:s,t:l}){if(s.length===0)return e.jsx("div",{className:"flex items-center justify-center h-full text-[var(--text-secondary)]",children:l("dashboard.noTrendData")});const o=Math.max(...s.flatMap(t=>[t.created,t.resolved]),1);return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded bg-[var(--info-text)]"}),e.jsx("span",{className:"text-sm",children:l("dashboard.created")})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded bg-[var(--success-text)]"}),e.jsx("span",{className:"text-sm",children:l("dashboard.resolved")})]})]}),e.jsx("div",{className:"flex-1 flex items-end gap-1 overflow-x-auto pb-4",children:s.map(t=>e.jsxs("div",{className:"flex-1 min-w-[20px] flex gap-0.5",children:[e.jsx("div",{className:"flex-1 bg-[var(--info-text)] rounded-t transition-all duration-300 hover:opacity-80",style:{height:`${t.created/o*100}%`,minHeight:t.created>0?"4px":"0"},title:`Created: ${t.created}`}),e.jsx("div",{className:"flex-1 bg-[var(--success-text)] rounded-t transition-all duration-300 hover:opacity-80",style:{height:`${t.resolved/o*100}%`,minHeight:t.resolved>0?"4px":"0"},title:`Resolved: ${t.resolved}`})]},`${t.date}`))}),e.jsxs("div",{className:"flex justify-between text-xs text-[var(--text-secondary)] mt-2",children:[e.jsx("span",{children:s[0]&&new Date(s[0].date).toLocaleDateString()}),e.jsx("span",{children:s.at(-1)&&new Date(s.at(-1).date).toLocaleDateString()})]})]})}function M(s){if(s<60)return`${Math.round(s)}m`;const l=Math.floor(s/60),o=Math.round(s%60);if(l<24)return o>0?`${l}h ${o}m`:`${l}h`;const t=Math.floor(l/24),m=l%24;return m>0?`${t}d ${m}h`:`${t}d`}exports.DashboardPage=ce;
+//# sourceMappingURL=DashboardPage-Cq5adDjP.js.map

package/dist/chunks/{DashboardPage-BT5kFaQA.js.map → DashboardPage-Cq5adDjP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage-BT5kFaQA.js","sources":["../../src/pages/platform/support/DashboardPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Breadcrumb } from '@/components/ui/Breadcrumb';\r\nimport {\r\n  LayoutDashboard,\r\n  Headphones,\r\n  Clock,\r\n  AlertTriangle,\r\n  TrendingUp,\r\n  Users,\r\n  Star,\r\n  CheckCircle,\r\n  XCircle,\r\n  ArrowUp,\r\n  ArrowDown,\r\n  Loader2,\r\n  RefreshCw,\r\n  ExternalLink,\r\n  Info,\r\n} from 'lucide-react';\r\nimport { PageHeader } from '@/components/ui/PageHeader';\r\nimport { useAuth } from '@/contexts/AuthContext';\r\nimport { useTenant } from '@/contexts/TenantContext';\r\nimport { useTicketingProvider } from '@/hooks/useTicketingProvider';\r\nimport { supportApi, type GlpiSyncStatsDto } from '@/services/api/ticketApi';\r\nimport { ticketingApi } from '@/services/api/ticketingApi';\r\nimport {\r\n  dashboardApi,\r\n  slaApi,\r\n  type DashboardOverviewDto,\r\n  type StatusCountDto,\r\n  type PriorityCountDto,\r\n  type AgentWorkloadDto,\r\n  type TrendDataDto,\r\n  type SatisfactionStatsDto,\r\n  type SlaComplianceDto,\r\n  type TicketSlaDto,\r\n} from '@/services/api/supportApi';\r\n\r\nconst priorityColors: Record<string, string> = {\r\n  Low: 'var(--info-text)',\r\n  Medium: 'var(--warning-text)',\r\n  High: 'var(--warning-text)',\r\n  Critical: 'var(--error-text)',\r\n};\r\n\r\nconst statusColors: Record<string, string> = {\r\n  Open: 'var(--warning-text)',\r\n  InProgress: 'var(--info-text)',\r\n  OnHold: 'var(--warning-text)',\r\n  Resolved: 'var(--success-text)',\r\n  Closed: 'var(--text-secondary)',\r\n  Rejected: 'var(--error-text)',\r\n};\r\n\r\nexport function DashboardPage(): ReactElement {\r\n  const { t } = useTranslation('support');\r\n  const navigate = useNavigate();\r\n  const { hasPermission } = useAuth();\r\n  const { isGlpi, glpiBaseUrl } = useTicketingProvider();\r\n  const { currentTenant } = useTenant();\r\n  const [loading, setLoading] = useState(true);\r\n  const [refreshing, setRefreshing] = useState(false);\r\n  const [period, setPeriod] = useState(30);\r\n\r\n  // Permission checks\r\n  const canViewSla = hasPermission('support.sla.read');\r\n\r\n  // Data states\r\n  const [overview, setOverview] = useState<DashboardOverviewDto | null>(null);\r\n  const [statusData, setStatusData] = useState<StatusCountDto[]>([]);\r\n  const [priorityData, setPriorityData] = useState<PriorityCountDto[]>([]);\r\n  const [agentWorkload, setAgentWorkload] = useState<AgentWorkloadDto[]>([]);\r\n  const [trends, setTrends] = useState<TrendDataDto[]>([]);\r\n  const [satisfaction, setSatisfaction] = useState<SatisfactionStatsDto | null>(null);\r\n  const [slaCompliance, setSlaCompliance] = useState<SlaComplianceDto | null>(null);\r\n  const [breachedTickets, setBreachedTickets] = useState<TicketSlaDto[]>([]);\r\n  const [approachingBreach, setApproachingBreach] = useState<TicketSlaDto[]>([]);\r\n  const [glpiSyncStats, setGlpiSyncStats] = useState<GlpiSyncStatsDto | null>(null);\r\n  const [syncing, setSyncing] = useState(false);\r\n\r\n  const loadData = useCallback(async () => {\r\n    try {\r\n      const [\r\n        overviewRes,\r\n        statusRes,\r\n        priorityRes,\r\n        workloadRes,\r\n        trendsRes,\r\n        satisfactionRes,\r\n        slaRes,\r\n      ] = await Promise.all([\r\n        dashboardApi.getOverview(period),\r\n        dashboardApi.getByStatus(),\r\n        dashboardApi.getByPriority(),\r\n        dashboardApi.getAgentWorkload(),\r\n        dashboardApi.getTrends(period),\r\n        dashboardApi.getSatisfactionStats(period),\r\n        dashboardApi.getSlaCompliance(period),\r\n      ]);\r\n\r\n      setOverview(overviewRes);\r\n      setStatusData(statusRes);\r\n      setPriorityData(priorityRes);\r\n      setAgentWorkload(workloadRes);\r\n      setTrends(trendsRes);\r\n      setSatisfaction(satisfactionRes);\r\n      setSlaCompliance(slaRes);\r\n\r\n      // Load GLPI sync stats if GLPI is provider\r\n      if (isGlpi) {\r\n        try {\r\n          const syncStats = await supportApi.tickets.getGlpiSyncStats();\r\n          setGlpiSyncStats(syncStats);\r\n        } catch {\r\n          // Sync stats are optional\r\n        }\r\n      }\r\n\r\n      // SLA detail endpoints require support.sla.read permission\r\n      if (canViewSla) {\r\n        const [breachedRes, approachingRes] = await Promise.all([\r\n          slaApi.getBreachedTickets(),\r\n          slaApi.getTicketsApproachingBreach(60),\r\n        ]);\r\n        setBreachedTickets(breachedRes);\r\n        setApproachingBreach(approachingRes);\r\n      }\r\n    } catch (error) {\r\n      console.error('Failed to load dashboard data:', error);\r\n    } finally {\r\n      setLoading(false);\r\n      setRefreshing(false);\r\n    }\r\n  }, [period, canViewSla, isGlpi]);\r\n\r\n  useEffect(() => {\r\n    loadData();\r\n  }, [loadData]);\r\n\r\n  const handleRefresh = () => {\r\n    setRefreshing(true);\r\n    loadData();\r\n  };\r\n\r\n  const handleTriggerSync = async () => {\r\n    if (!currentTenant?.id || syncing) return;\r\n    setSyncing(true);\r\n    try {\r\n      await ticketingApi.triggerSync(currentTenant.id);\r\n      // Reload data after sync\r\n      await loadData();\r\n    } catch {\r\n      // Error handled silently\r\n    } finally {\r\n      setSyncing(false);\r\n    }\r\n  };\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"flex items-center justify-center min-h-[400px]\">\r\n        <Loader2 className=\"w-8 h-8 animate-spin text-[var(--color-primary-600)]\" />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const getComplianceColor = (percentage: number) => {\r\n    if (percentage >= 95) return 'text-[var(--success-text)]';\r\n    if (percentage >= 80) return 'text-[var(--warning-text)]';\r\n    return 'text-[var(--error-text)]';\r\n  };\r\n\r\n  const getRatingColor = (rating: number) => {\r\n    if (rating >= 4) return 'text-[var(--success-text)]';\r\n    if (rating >= 3) return 'text-[var(--warning-text)]';\r\n    return 'text-[var(--error-text)]';\r\n  };\r\n\r\n  return (\r\n    <div className=\"space-y-6\">\r\n      <Breadcrumb\r\n        items={[\r\n          { label: t('title', 'Support'), href: '/support' },\r\n          { label: t('dashboard.title', 'Dashboard') }\r\n        ]}\r\n      />\r\n\r\n      {/* Header */}\r\n      <PageHeader\r\n        title={t('dashboard.title')}\r\n        subtitle={t('dashboard.subtitle')}\r\n        icon={<LayoutDashboard className=\"w-6 h-6\" />}\r\n        actions={\r\n          <>\r\n            <select\r\n              value={period}\r\n              onChange={(e) => setPeriod(Number(e.target.value))}\r\n              className=\"input\"\r\n            >\r\n              <option value={7}>{t('dashboard.period7')}</option>\r\n              <option value={30}>{t('dashboard.period30')}</option>\r\n              <option value={90}>{t('dashboard.period90')}</option>\r\n            </select>\r\n            <button\r\n              onClick={handleRefresh}\r\n              disabled={refreshing}\r\n              className=\"btn btn-secondary flex items-center gap-2\"\r\n            >\r\n              <RefreshCw className={`w-4 h-4 ${refreshing ? 'animate-spin' : ''}`} />\r\n              {t('dashboard.refresh')}\r\n            </button>\r\n          </>\r\n        }\r\n      />\r\n\r\n      {/* GLPI Provider Banner */}\r\n      {isGlpi && (\r\n        <div className=\"flex items-center gap-3 p-4 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)] text-[var(--info-text)]\">\r\n          <Info className=\"w-5 h-5 flex-shrink-0\" />\r\n          <div className=\"flex-1\">\r\n            <p className=\"font-medium\">{t('glpi.managedByGlpi')}</p>\r\n            <p className=\"text-sm opacity-80\">{t('glpi.dashboardSyncInfo')}</p>\r\n          </div>\r\n          {glpiBaseUrl && (\r\n            <a\r\n              href={glpiBaseUrl}\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              className=\"btn btn-secondary flex items-center gap-2 text-sm\"\r\n            >\r\n              <ExternalLink className=\"w-4 h-4\" />\r\n              {t('glpi.openGlpi')}\r\n            </a>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* GLPI Sync Status */}\r\n      {isGlpi && glpiSyncStats && (\r\n        <div className=\"card p-4 space-y-4\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <div>\r\n              <h3 className=\"font-semibold flex items-center gap-2\">\r\n                <RefreshCw className=\"w-5 h-5\" />\r\n                {t('glpi.sync.title', 'GLPI Sync Status')}\r\n              </h3>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{t('glpi.sync.subtitle', 'Synchronization overview with GLPI')}</p>\r\n            </div>\r\n            <button\r\n              onClick={handleTriggerSync}\r\n              disabled={syncing}\r\n              className=\"btn btn-secondary flex items-center gap-2\"\r\n            >\r\n              <RefreshCw className={`w-4 h-4 ${syncing ? 'animate-spin' : ''}`} />\r\n              {syncing ? t('glpi.sync.syncing', 'Syncing...') : t('glpi.sync.triggerSync', 'Sync Now')}\r\n            </button>\r\n          </div>\r\n\r\n          <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n            <div className=\"card p-4 text-center border bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]\">\r\n              <div className=\"text-2xl font-bold\">{glpiSyncStats.totalMappedTickets}</div>\r\n              <div className=\"text-sm opacity-80\">{t('glpi.sync.totalSynced', 'Total Synced')}</div>\r\n            </div>\r\n            <div className=\"card p-4 text-center border bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]\">\r\n              <div className=\"text-2xl font-bold\">{glpiSyncStats.ticketsSyncedOk}</div>\r\n              <div className=\"text-sm opacity-80\">{t('glpi.sync.syncSuccess', 'Successful')}</div>\r\n            </div>\r\n            <div className=\"card p-4 text-center border bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]\">\r\n              <div className=\"text-2xl font-bold\">{glpiSyncStats.ticketsWithSyncErrors}</div>\r\n              <div className=\"text-sm opacity-80\">{t('glpi.sync.syncErrors', 'Errors')}</div>\r\n            </div>\r\n            <div className={`card p-4 text-center border ${glpiSyncStats.successRate >= 90 ? 'bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]' : 'bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]'}`}>\r\n              <div className=\"text-2xl font-bold\">{glpiSyncStats.successRate}%</div>\r\n              <div className=\"text-sm opacity-80\">{t('glpi.sync.successRate', 'Success Rate')}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex items-center gap-6 text-sm text-[var(--text-secondary)]\">\r\n            <div>\r\n              <span className=\"font-medium\">{t('glpi.sync.lastSync', 'Last Sync')}:</span>{' '}\r\n              {glpiSyncStats.lastSyncAt\r\n                ? new Date(glpiSyncStats.lastSyncAt).toLocaleString()\r\n                : t('glpi.sync.never', 'Never')}\r\n            </div>\r\n            <div>\r\n              <span className=\"font-medium\">{t('glpi.sync.syncInterval', 'Interval')}:</span>{' '}\r\n              {t('glpi.sync.everyNMinutes', 'Every {{n}} min', { n: glpiSyncStats.syncIntervalMinutes })}\r\n            </div>\r\n            <div>\r\n              <span className={`px-2 py-0.5 rounded text-xs font-medium ${glpiSyncStats.syncEnabled ? 'bg-[var(--success-bg)] text-[var(--success-text)]' : 'bg-[var(--bg-secondary)] text-[var(--text-secondary)]'}`}>\r\n                {glpiSyncStats.syncEnabled ? t('glpi.sync.enabled', 'Enabled') : t('glpi.sync.disabled', 'Disabled')}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {glpiSyncStats.lastSyncError && (\r\n            <div className=\"p-3 rounded-lg bg-[var(--error-bg)] border border-[var(--error-border)]\">\r\n              <p className=\"text-sm font-medium text-[var(--error-text)]\">{t('glpi.sync.lastError', 'Last Sync Error')}</p>\r\n              <p className=\"text-sm text-[var(--error-text)] opacity-80 mt-1\">{glpiSyncStats.lastSyncError}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* KPI Cards */}\r\n      <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\r\n        <KpiCard\r\n          title={t('dashboard.totalTickets')}\r\n          value={overview?.totalTickets ?? 0}\r\n          icon={<Headphones className=\"w-5 h-5\" />}\r\n          color=\"blue\"\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.newTickets')}\r\n          value={overview?.newTickets ?? 0}\r\n          icon={<TrendingUp className=\"w-5 h-5\" />}\r\n          color=\"green\"\r\n          subtitle={t('dashboard.lastNDays', { period })}\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.openTickets')}\r\n          value={overview?.openTickets ?? 0}\r\n          icon={<Clock className=\"w-5 h-5\" />}\r\n          color=\"yellow\"\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.resolvedTickets')}\r\n          value={overview?.resolvedTickets ?? 0}\r\n          icon={<CheckCircle className=\"w-5 h-5\" />}\r\n          color=\"green\"\r\n          subtitle={t('dashboard.lastNDays', { period })}\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.slaCompliance')}\r\n          value={`${overview?.slaCompliancePercentage?.toFixed(1) ?? 0}%`}\r\n          icon={<AlertTriangle className=\"w-5 h-5\" />}\r\n          color={(overview?.slaCompliancePercentage ?? 0) >= 90 ? 'green' : 'red'}\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.avgSatisfaction')}\r\n          value={`${overview?.averageSatisfaction?.toFixed(1) ?? 0}/5`}\r\n          icon={<Star className=\"w-5 h-5\" />}\r\n          color={(overview?.averageSatisfaction ?? 0) >= 4 ? 'green' : 'yellow'}\r\n        />\r\n      </div>\r\n\r\n      {/* SLA Alerts - only visible with support.sla.read permission */}\r\n      {canViewSla && (breachedTickets.length > 0 || approachingBreach.length > 0) && (\r\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n          {breachedTickets.length > 0 && (\r\n            <div className=\"card p-4 border-l-4 border-[var(--error-border)]\">\r\n              <h3 className=\"font-semibold text-[var(--error-text)] flex items-center gap-2 mb-3\">\r\n                <XCircle className=\"w-5 h-5\" />\r\n                {t('dashboard.slaBreached')} ({breachedTickets.length})\r\n              </h3>\r\n              <div className=\"space-y-2 max-h-40 overflow-y-auto\">\r\n                {breachedTickets.slice(0, 5).map((ticket) => (\r\n                  <button\r\n                    type=\"button\"\r\n                    key={ticket.id}\r\n                    className=\"w-full flex items-center justify-between p-2 bg-[var(--error-bg)] rounded cursor-pointer hover:opacity-80 text-left\"\r\n                    onClick={() => navigate(`/support/tickets/${ticket.ticketId}`)}\r\n                  >\r\n                    <div>\r\n                      <span className=\"font-mono text-sm\">{ticket.ticketNumber}</span>\r\n                      <span className=\"ml-2 text-sm\">{ticket.ticketTitle}</span>\r\n                    </div>\r\n                    <span className=\"text-xs text-[var(--error-text)] font-medium\">\r\n                      {ticket.responseBreached && 'Response'}{' '}\r\n                      {ticket.resolutionBreached && 'Resolution'}\r\n                    </span>\r\n                  </button>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {approachingBreach.length > 0 && (\r\n            <div className=\"card p-4 border-l-4 border-[var(--warning-border)]\">\r\n              <h3 className=\"font-semibold text-[var(--warning-text)] flex items-center gap-2 mb-3\">\r\n                <AlertTriangle className=\"w-5 h-5\" />\r\n                {t('dashboard.approachingBreach')} ({approachingBreach.length})\r\n              </h3>\r\n              <div className=\"space-y-2 max-h-40 overflow-y-auto\">\r\n                {approachingBreach.slice(0, 5).map((ticket) => (\r\n                  <button\r\n                    type=\"button\"\r\n                    key={ticket.id}\r\n                    className=\"w-full flex items-center justify-between p-2 bg-[var(--warning-bg)] rounded cursor-pointer hover:opacity-80 text-left\"\r\n                    onClick={() => navigate(`/support/tickets/${ticket.ticketId}`)}\r\n                  >\r\n                    <div>\r\n                      <span className=\"font-mono text-sm\">{ticket.ticketNumber}</span>\r\n                      <span className=\"ml-2 text-sm\">{ticket.ticketTitle}</span>\r\n                    </div>\r\n                    <span className=\"text-xs text-[var(--warning-text)] font-medium\">\r\n                      {Math.round(ticket.responseSlaPercentage)}% Response\r\n                    </span>\r\n                  </button>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* Charts Row */}\r\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\r\n        {/* Status Distribution */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">{t('dashboard.ticketsByStatus')}</h3>\r\n          <div className=\"space-y-3\">\r\n            {statusData.map((item) => {\r\n              const total = statusData.reduce((sum, s) => sum + s.count, 0);\r\n              const percentage = total > 0 ? (item.count / total) * 100 : 0;\r\n              return (\r\n                <div key={item.status} className=\"flex items-center gap-3\">\r\n                  <div className=\"w-24 text-sm\">{item.status}</div>\r\n                  <div className=\"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                    <div\r\n                      className=\"h-full rounded-full transition-all duration-500\"\r\n                      style={{\r\n                        width: `${percentage}%`,\r\n                        backgroundColor: statusColors[item.status] || '#6b7280',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                  <div className=\"w-16 text-right text-sm font-medium\">{item.count}</div>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n\r\n        {/* Priority Distribution */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">{t('dashboard.activeTicketsByPriority')}</h3>\r\n          <div className=\"space-y-3\">\r\n            {priorityData.map((item) => {\r\n              const total = priorityData.reduce((sum, p) => sum + p.count, 0);\r\n              const percentage = total > 0 ? (item.count / total) * 100 : 0;\r\n              return (\r\n                <div key={item.priority} className=\"flex items-center gap-3\">\r\n                  <div className=\"w-24 text-sm\">{item.priority}</div>\r\n                  <div className=\"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                    <div\r\n                      className=\"h-full rounded-full transition-all duration-500\"\r\n                      style={{\r\n                        width: `${percentage}%`,\r\n                        backgroundColor: priorityColors[item.priority] || '#6b7280',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                  <div className=\"w-16 text-right text-sm font-medium\">{item.count}</div>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* SLA & Satisfaction Row */}\r\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\r\n        {/* SLA Compliance */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">{t('dashboard.slaPerformance')}</h3>\r\n          {slaCompliance && (\r\n            <div className=\"grid grid-cols-2 gap-4\">\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className={`text-3xl font-bold ${getComplianceColor(slaCompliance.compliancePercentage)}`}>\r\n                  {slaCompliance.compliancePercentage.toFixed(1)}%\r\n                </div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.complianceRate')}</div>\r\n              </div>\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-3xl font-bold\">{slaCompliance.ticketsWithinSla}</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.withinSla')}</div>\r\n              </div>\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-3xl font-bold text-[var(--error-text)]\">{slaCompliance.ticketsBreached}</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.breached')}</div>\r\n              </div>\r\n              <div className=\"space-y-2 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"flex justify-between text-sm\">\r\n                  <span>{t('dashboard.avgResponse')}:</span>\r\n                  <span className=\"font-medium\">{formatDuration(slaCompliance.averageResponseMinutes)}</span>\r\n                </div>\r\n                <div className=\"flex justify-between text-sm\">\r\n                  <span>{t('dashboard.avgResolution')}:</span>\r\n                  <span className=\"font-medium\">{formatDuration(slaCompliance.averageResolutionMinutes)}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {/* Satisfaction */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">{t('dashboard.customerSatisfaction')}</h3>\r\n          {satisfaction && (\r\n            <div className=\"grid grid-cols-2 gap-4\">\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className={`text-3xl font-bold ${getRatingColor(satisfaction.averageRating)}`}>\r\n                  {satisfaction.averageRating.toFixed(1)}\r\n                </div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.averageRating')}</div>\r\n                <div className=\"flex justify-center mt-1\">\r\n                  {[1, 2, 3, 4, 5].map((star) => (\r\n                    <Star\r\n                      key={star}\r\n                      className={`w-4 h-4 ${star <= Math.round(satisfaction.averageRating)\r\n                          ? 'text-[var(--warning-text)] fill-[var(--warning-text)]'\r\n                          : 'text-[var(--text-muted)]'\r\n                        }`}\r\n                    />\r\n                  ))}\r\n                </div>\r\n              </div>\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-3xl font-bold\">{satisfaction.totalResponses}</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.totalResponses')}</div>\r\n              </div>\r\n              <div className=\"col-span-2 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-sm font-medium mb-2\">{t('dashboard.ratingDistribution')}</div>\r\n                <div className=\"space-y-1\">\r\n                  {[5, 4, 3, 2, 1].map((rating) => {\r\n                    const count = satisfaction.ratingDistribution[rating] || 0;\r\n                    const percentage =\r\n                      satisfaction.totalResponses > 0\r\n                        ? (count / satisfaction.totalResponses) * 100\r\n                        : 0;\r\n                    return (\r\n                      <div key={rating} className=\"flex items-center gap-2 text-sm\">\r\n                        <span className=\"w-4\">{rating}</span>\r\n                        <Star className=\"w-3 h-3 text-[var(--warning-text)] fill-[var(--warning-text)]\" />\r\n                        <div className=\"flex-1 h-3 bg-[var(--bg-primary)] rounded-full overflow-hidden\">\r\n                          <div\r\n                            className=\"h-full bg-[var(--warning-text)] rounded-full\"\r\n                            style={{ width: `${percentage}%` }}\r\n                          />\r\n                        </div>\r\n                        <span className=\"w-8 text-right text-xs\">{count}</span>\r\n                      </div>\r\n                    );\r\n                  })}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Trends Chart */}\r\n      <div className=\"card p-4\">\r\n        <h3 className=\"font-semibold mb-4\">{t('dashboard.ticketTrends', { period })}</h3>\r\n        <div className=\"h-64\">\r\n          <TrendChart data={trends} t={t} />\r\n        </div>\r\n      </div>\r\n\r\n      {/* Agent Workload */}\r\n      <div className=\"card p-4\">\r\n        <h3 className=\"font-semibold mb-4 flex items-center gap-2\">\r\n          <Users className=\"w-5 h-5\" />\r\n          {t('dashboard.agentWorkload')}\r\n        </h3>\r\n        {agentWorkload.length > 0 ? (\r\n          <div className=\"overflow-x-auto\">\r\n            <table className=\"w-full\">\r\n              <thead>\r\n                <tr className=\"border-b border-[var(--border-color)]\">\r\n                  <th className=\"text-left p-3 font-medium\">{t('dashboard.agent')}</th>\r\n                  <th className=\"text-center p-3 font-medium\">{t('dashboard.total')}</th>\r\n                  <th className=\"text-center p-3 font-medium\">{t('dashboard.open')}</th>\r\n                  <th className=\"text-center p-3 font-medium\">{t('dashboard.inProgress')}</th>\r\n                  <th className=\"text-center p-3 font-medium\">{t('dashboard.onHold')}</th>\r\n                  <th className=\"text-left p-3 font-medium\">{t('dashboard.load')}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                {agentWorkload.map((agent) => {\r\n                  const maxLoad = Math.max(...agentWorkload.map((a) => a.totalAssigned));\r\n                  const loadPercentage = maxLoad > 0 ? (agent.totalAssigned / maxLoad) * 100 : 0;\r\n                  return (\r\n                    <tr key={agent.userId} className=\"border-b border-[var(--border-color)]\">\r\n                      <td className=\"p-3\">\r\n                        <div className=\"font-medium\">{agent.name}</div>\r\n                        <div className=\"text-xs text-[var(--text-secondary)]\">{agent.email}</div>\r\n                      </td>\r\n                      <td className=\"text-center p-3 font-semibold\">{agent.totalAssigned}</td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-[var(--warning-bg)] text-[var(--warning-text)] rounded-[var(--radius-badge)] text-sm\">\r\n                          {agent.openCount}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-[var(--info-bg)] text-[var(--info-text)] rounded-[var(--radius-badge)] text-sm\">\r\n                          {agent.inProgressCount}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-[var(--warning-bg)] text-[var(--warning-text)] rounded-[var(--radius-badge)] text-sm\">\r\n                          {agent.onHoldCount}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"p-3 w-32\">\r\n                        <div className=\"h-2 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                          <div\r\n                            className=\"h-full bg-[var(--info-text)] rounded-full\"\r\n                            style={{ width: `${loadPercentage}%` }}\r\n                          />\r\n                        </div>\r\n                      </td>\r\n                    </tr>\r\n                  );\r\n                })}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        ) : (\r\n          <div className=\"text-center py-8 text-[var(--text-secondary)]\">\r\n            {t('dashboard.noAgentsAssigned')}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n// KPI Card Component\r\nfunction KpiCard({\r\n  title,\r\n  value,\r\n  icon,\r\n  color,\r\n  subtitle,\r\n  trend,\r\n}: {\r\n  title: string;\r\n  value: string | number;\r\n  icon: React.ReactNode;\r\n  color: 'blue' | 'green' | 'yellow' | 'red';\r\n  subtitle?: string;\r\n  trend?: { value: number; isUp: boolean };\r\n}) {\r\n  const colorClasses = {\r\n    blue: 'bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]',\r\n    green: 'bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]',\r\n    yellow: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n    red: 'bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]',\r\n  };\r\n\r\n  return (\r\n    <div className={`card p-4 border ${colorClasses[color]}`}>\r\n      <div className=\"flex items-center justify-between mb-2\">\r\n        <span className=\"text-sm font-medium opacity-80\">{title}</span>\r\n        {icon}\r\n      </div>\r\n      <div className=\"text-2xl font-bold\">{value}</div>\r\n      {subtitle && <div className=\"text-xs opacity-70 mt-1\">{subtitle}</div>}\r\n      {trend && (\r\n        <div className={`flex items-center gap-1 mt-1 text-xs ${trend.isUp ? 'text-[var(--success-text)]' : 'text-[var(--error-text)]'}`}>\r\n          {trend.isUp ? <ArrowUp className=\"w-3 h-3\" /> : <ArrowDown className=\"w-3 h-3\" />}\r\n          {trend.value}%\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\n// Simple Trend Chart Component\r\ntype TrendTFunction = ReturnType<typeof useTranslation>['t'];\r\n\r\nfunction TrendChart({ data, t }: { data: TrendDataDto[]; t: TrendTFunction }) {\r\n  if (data.length === 0) {\r\n    return (\r\n      <div className=\"flex items-center justify-center h-full text-[var(--text-secondary)]\">\r\n        {t('dashboard.noTrendData')}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const maxValue = Math.max(...data.flatMap((d) => [d.created, d.resolved]), 1);\r\n\r\n  return (\r\n    <div className=\"flex flex-col h-full\">\r\n      <div className=\"flex items-center gap-4 mb-4\">\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"w-3 h-3 rounded bg-[var(--info-text)]\" />\r\n          <span className=\"text-sm\">{t('dashboard.created')}</span>\r\n        </div>\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"w-3 h-3 rounded bg-[var(--success-text)]\" />\r\n          <span className=\"text-sm\">{t('dashboard.resolved')}</span>\r\n        </div>\r\n      </div>\r\n      <div className=\"flex-1 flex items-end gap-1 overflow-x-auto pb-4\">\r\n        {data.map((item) => (\r\n          <div key={`${item.date}`} className=\"flex-1 min-w-[20px] flex gap-0.5\">\r\n            <div\r\n              className=\"flex-1 bg-[var(--info-text)] rounded-t transition-all duration-300 hover:opacity-80\"\r\n              style={{ height: `${(item.created / maxValue) * 100}%`, minHeight: item.created > 0 ? '4px' : '0' }}\r\n              title={`Created: ${item.created}`}\r\n            />\r\n            <div\r\n              className=\"flex-1 bg-[var(--success-text)] rounded-t transition-all duration-300 hover:opacity-80\"\r\n              style={{ height: `${(item.resolved / maxValue) * 100}%`, minHeight: item.resolved > 0 ? '4px' : '0' }}\r\n              title={`Resolved: ${item.resolved}`}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n      <div className=\"flex justify-between text-xs text-[var(--text-secondary)] mt-2\">\r\n        <span>{data[0] && new Date(data[0].date).toLocaleDateString()}</span>\r\n        <span>{data.at(-1) && new Date(data.at(-1)!.date).toLocaleDateString()}</span>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n// Format duration helper\r\nfunction formatDuration(minutes: number): string {\r\n  if (minutes < 60) return `${Math.round(minutes)}m`;\r\n  const hours = Math.floor(minutes / 60);\r\n  const mins = Math.round(minutes % 60);\r\n  if (hours < 24) return mins > 0 ? `${hours}h ${mins}m` : `${hours}h`;\r\n  const days = Math.floor(hours / 24);\r\n  const remainingHours = hours % 24;\r\n  return remainingHours > 0 ? `${days}d ${remainingHours}h` : `${days}d`;\r\n}\r\n"],"names":["priorityColors","statusColors","DashboardPage","t","useTranslation","navigate","useNavigate","hasPermission","useAuth","isGlpi","glpiBaseUrl","useTicketingProvider","currentTenant","useTenant","loading","setLoading","useState","refreshing","setRefreshing","period","setPeriod","canViewSla","overview","setOverview","statusData","setStatusData","priorityData","setPriorityData","agentWorkload","setAgentWorkload","trends","setTrends","satisfaction","setSatisfaction","slaCompliance","setSlaCompliance","breachedTickets","setBreachedTickets","approachingBreach","setApproachingBreach","glpiSyncStats","setGlpiSyncStats","syncing","setSyncing","loadData","useCallback","overviewRes","statusRes","priorityRes","workloadRes","trendsRes","satisfactionRes","slaRes","dashboardApi","syncStats","supportApi","breachedRes","approachingRes","slaApi","error","useEffect","handleRefresh","handleTriggerSync","ticketingApi","jsx","Loader2","getComplianceColor","percentage","getRatingColor","rating","jsxs","Breadcrumb","PageHeader","LayoutDashboard","Fragment","e","RefreshCw","Info","ExternalLink","KpiCard","Headphones","TrendingUp","Clock","CheckCircle","AlertTriangle","Star","XCircle","ticket","item","total","sum","s","p","formatDuration","star","count","TrendChart","Users","agent","maxLoad","a","loadPercentage","title","value","icon","color","subtitle","trend","colorClasses","ArrowUp","ArrowDown","data","maxValue","d","minutes","hours","mins","days","remainingHours"],"mappings":"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"}
+{"version":3,"file":"DashboardPage-Cq5adDjP.js","sources":["../../src/pages/platform/support/DashboardPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Breadcrumb } from '@/components/ui/Breadcrumb';\r\nimport {\r\n  LayoutDashboard,\r\n  Headphones,\r\n  Clock,\r\n  AlertTriangle,\r\n  TrendingUp,\r\n  Users,\r\n  Star,\r\n  CheckCircle,\r\n  XCircle,\r\n  ArrowUp,\r\n  ArrowDown,\r\n  Loader2,\r\n  RefreshCw,\r\n  ExternalLink,\r\n  Info,\r\n} from 'lucide-react';\r\nimport { PageHeader } from '@/components/ui/PageHeader';\r\nimport { useAuth } from '@/contexts/AuthContext';\r\nimport { useTenant } from '@/contexts/TenantContext';\r\nimport { useTicketingProvider } from '@/hooks/useTicketingProvider';\r\nimport { supportApi, type GlpiSyncStatsDto } from '@/services/api/ticketApi';\r\nimport { ticketingApi } from '@/services/api/ticketingApi';\r\nimport {\r\n  dashboardApi,\r\n  slaApi,\r\n  type DashboardOverviewDto,\r\n  type StatusCountDto,\r\n  type PriorityCountDto,\r\n  type AgentWorkloadDto,\r\n  type TrendDataDto,\r\n  type SatisfactionStatsDto,\r\n  type SlaComplianceDto,\r\n  type TicketSlaDto,\r\n} from '@/services/api/supportApi';\r\n\r\nconst priorityColors: Record<string, string> = {\r\n  Low: 'var(--info-text)',\r\n  Medium: 'var(--warning-text)',\r\n  High: 'var(--warning-text)',\r\n  Critical: 'var(--error-text)',\r\n};\r\n\r\nconst statusColors: Record<string, string> = {\r\n  Open: 'var(--warning-text)',\r\n  InProgress: 'var(--info-text)',\r\n  OnHold: 'var(--warning-text)',\r\n  Resolved: 'var(--success-text)',\r\n  Closed: 'var(--text-secondary)',\r\n  Rejected: 'var(--error-text)',\r\n};\r\n\r\nexport function DashboardPage(): ReactElement {\r\n  const { t } = useTranslation('support');\r\n  const navigate = useNavigate();\r\n  const { hasPermission } = useAuth();\r\n  const { isGlpi, glpiBaseUrl } = useTicketingProvider();\r\n  const { currentTenant } = useTenant();\r\n  const [loading, setLoading] = useState(true);\r\n  const [refreshing, setRefreshing] = useState(false);\r\n  const [period, setPeriod] = useState(30);\r\n\r\n  // Permission checks\r\n  const canViewSla = hasPermission('support.sla.read');\r\n\r\n  // Data states\r\n  const [overview, setOverview] = useState<DashboardOverviewDto | null>(null);\r\n  const [statusData, setStatusData] = useState<StatusCountDto[]>([]);\r\n  const [priorityData, setPriorityData] = useState<PriorityCountDto[]>([]);\r\n  const [agentWorkload, setAgentWorkload] = useState<AgentWorkloadDto[]>([]);\r\n  const [trends, setTrends] = useState<TrendDataDto[]>([]);\r\n  const [satisfaction, setSatisfaction] = useState<SatisfactionStatsDto | null>(null);\r\n  const [slaCompliance, setSlaCompliance] = useState<SlaComplianceDto | null>(null);\r\n  const [breachedTickets, setBreachedTickets] = useState<TicketSlaDto[]>([]);\r\n  const [approachingBreach, setApproachingBreach] = useState<TicketSlaDto[]>([]);\r\n  const [glpiSyncStats, setGlpiSyncStats] = useState<GlpiSyncStatsDto | null>(null);\r\n  const [syncing, setSyncing] = useState(false);\r\n\r\n  const loadData = useCallback(async () => {\r\n    try {\r\n      const [\r\n        overviewRes,\r\n        statusRes,\r\n        priorityRes,\r\n        workloadRes,\r\n        trendsRes,\r\n        satisfactionRes,\r\n        slaRes,\r\n      ] = await Promise.all([\r\n        dashboardApi.getOverview(period),\r\n        dashboardApi.getByStatus(),\r\n        dashboardApi.getByPriority(),\r\n        dashboardApi.getAgentWorkload(),\r\n        dashboardApi.getTrends(period),\r\n        dashboardApi.getSatisfactionStats(period),\r\n        dashboardApi.getSlaCompliance(period),\r\n      ]);\r\n\r\n      setOverview(overviewRes);\r\n      setStatusData(statusRes);\r\n      setPriorityData(priorityRes);\r\n      setAgentWorkload(workloadRes);\r\n      setTrends(trendsRes);\r\n      setSatisfaction(satisfactionRes);\r\n      setSlaCompliance(slaRes);\r\n\r\n      // Load GLPI sync stats if GLPI is provider\r\n      if (isGlpi) {\r\n        try {\r\n          const syncStats = await supportApi.tickets.getGlpiSyncStats();\r\n          setGlpiSyncStats(syncStats);\r\n        } catch {\r\n          // Sync stats are optional\r\n        }\r\n      }\r\n\r\n      // SLA detail endpoints require support.sla.read permission\r\n      if (canViewSla) {\r\n        const [breachedRes, approachingRes] = await Promise.all([\r\n          slaApi.getBreachedTickets(),\r\n          slaApi.getTicketsApproachingBreach(60),\r\n        ]);\r\n        setBreachedTickets(breachedRes);\r\n        setApproachingBreach(approachingRes);\r\n      }\r\n    } catch (error) {\r\n      console.error('Failed to load dashboard data:', error);\r\n    } finally {\r\n      setLoading(false);\r\n      setRefreshing(false);\r\n    }\r\n  }, [period, canViewSla, isGlpi]);\r\n\r\n  useEffect(() => {\r\n    loadData();\r\n  }, [loadData]);\r\n\r\n  const handleRefresh = () => {\r\n    setRefreshing(true);\r\n    loadData();\r\n  };\r\n\r\n  const handleTriggerSync = async () => {\r\n    if (!currentTenant?.id || syncing) return;\r\n    setSyncing(true);\r\n    try {\r\n      await ticketingApi.triggerSync(currentTenant.id);\r\n      // Reload data after sync\r\n      await loadData();\r\n    } catch {\r\n      // Error handled silently\r\n    } finally {\r\n      setSyncing(false);\r\n    }\r\n  };\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"flex items-center justify-center min-h-[400px]\">\r\n        <Loader2 className=\"w-8 h-8 animate-spin text-[var(--color-primary-600)]\" />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const getComplianceColor = (percentage: number) => {\r\n    if (percentage >= 95) return 'text-[var(--success-text)]';\r\n    if (percentage >= 80) return 'text-[var(--warning-text)]';\r\n    return 'text-[var(--error-text)]';\r\n  };\r\n\r\n  const getRatingColor = (rating: number) => {\r\n    if (rating >= 4) return 'text-[var(--success-text)]';\r\n    if (rating >= 3) return 'text-[var(--warning-text)]';\r\n    return 'text-[var(--error-text)]';\r\n  };\r\n\r\n  return (\r\n    <div className=\"space-y-6\">\r\n      <Breadcrumb\r\n        items={[\r\n          { label: t('title', 'Support'), href: '/support' },\r\n          { label: t('dashboard.title', 'Dashboard') }\r\n        ]}\r\n      />\r\n\r\n      {/* Header */}\r\n      <PageHeader\r\n        title={t('dashboard.title')}\r\n        subtitle={t('dashboard.subtitle')}\r\n        icon={<LayoutDashboard className=\"w-6 h-6\" />}\r\n        actions={\r\n          <>\r\n            <select\r\n              value={period}\r\n              onChange={(e) => setPeriod(Number(e.target.value))}\r\n              className=\"input\"\r\n            >\r\n              <option value={7}>{t('dashboard.period7')}</option>\r\n              <option value={30}>{t('dashboard.period30')}</option>\r\n              <option value={90}>{t('dashboard.period90')}</option>\r\n            </select>\r\n            <button\r\n              onClick={handleRefresh}\r\n              disabled={refreshing}\r\n              className=\"btn btn-secondary flex items-center gap-2\"\r\n            >\r\n              <RefreshCw className={`w-4 h-4 ${refreshing ? 'animate-spin' : ''}`} />\r\n              {t('dashboard.refresh')}\r\n            </button>\r\n          </>\r\n        }\r\n      />\r\n\r\n      {/* GLPI Provider Banner */}\r\n      {isGlpi && (\r\n        <div className=\"flex items-center gap-3 p-4 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)] text-[var(--info-text)]\">\r\n          <Info className=\"w-5 h-5 flex-shrink-0\" />\r\n          <div className=\"flex-1\">\r\n            <p className=\"font-medium\">{t('glpi.managedByGlpi')}</p>\r\n            <p className=\"text-sm opacity-80\">{t('glpi.dashboardSyncInfo')}</p>\r\n          </div>\r\n          {glpiBaseUrl && (\r\n            <a\r\n              href={glpiBaseUrl}\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              className=\"btn btn-secondary flex items-center gap-2 text-sm\"\r\n            >\r\n              <ExternalLink className=\"w-4 h-4\" />\r\n              {t('glpi.openGlpi')}\r\n            </a>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* GLPI Sync Status */}\r\n      {isGlpi && glpiSyncStats && (\r\n        <div className=\"card p-4 space-y-4\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <div>\r\n              <h3 className=\"font-semibold flex items-center gap-2\">\r\n                <RefreshCw className=\"w-5 h-5\" />\r\n                {t('glpi.sync.title', 'GLPI Sync Status')}\r\n              </h3>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{t('glpi.sync.subtitle', 'Synchronization overview with GLPI')}</p>\r\n            </div>\r\n            <button\r\n              onClick={handleTriggerSync}\r\n              disabled={syncing}\r\n              className=\"btn btn-secondary flex items-center gap-2\"\r\n            >\r\n              <RefreshCw className={`w-4 h-4 ${syncing ? 'animate-spin' : ''}`} />\r\n              {syncing ? t('glpi.sync.syncing', 'Syncing...') : t('glpi.sync.triggerSync', 'Sync Now')}\r\n            </button>\r\n          </div>\r\n\r\n          <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n            <div className=\"card p-4 text-center border bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]\">\r\n              <div className=\"text-2xl font-bold\">{glpiSyncStats.totalMappedTickets}</div>\r\n              <div className=\"text-sm opacity-80\">{t('glpi.sync.totalSynced', 'Total Synced')}</div>\r\n            </div>\r\n            <div className=\"card p-4 text-center border bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]\">\r\n              <div className=\"text-2xl font-bold\">{glpiSyncStats.ticketsSyncedOk}</div>\r\n              <div className=\"text-sm opacity-80\">{t('glpi.sync.syncSuccess', 'Successful')}</div>\r\n            </div>\r\n            <div className=\"card p-4 text-center border bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]\">\r\n              <div className=\"text-2xl font-bold\">{glpiSyncStats.ticketsWithSyncErrors}</div>\r\n              <div className=\"text-sm opacity-80\">{t('glpi.sync.syncErrors', 'Errors')}</div>\r\n            </div>\r\n            <div className={`card p-4 text-center border ${glpiSyncStats.successRate >= 90 ? 'bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]' : 'bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]'}`}>\r\n              <div className=\"text-2xl font-bold\">{glpiSyncStats.successRate}%</div>\r\n              <div className=\"text-sm opacity-80\">{t('glpi.sync.successRate', 'Success Rate')}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex items-center gap-6 text-sm text-[var(--text-secondary)]\">\r\n            <div>\r\n              <span className=\"font-medium\">{t('glpi.sync.lastSync', 'Last Sync')}:</span>{' '}\r\n              {glpiSyncStats.lastSyncAt\r\n                ? new Date(glpiSyncStats.lastSyncAt).toLocaleString()\r\n                : t('glpi.sync.never', 'Never')}\r\n            </div>\r\n            <div>\r\n              <span className=\"font-medium\">{t('glpi.sync.syncInterval', 'Interval')}:</span>{' '}\r\n              {t('glpi.sync.everyNMinutes', 'Every {{n}} min', { n: glpiSyncStats.syncIntervalMinutes })}\r\n            </div>\r\n            <div>\r\n              <span className={`px-2 py-0.5 rounded text-xs font-medium ${glpiSyncStats.syncEnabled ? 'bg-[var(--success-bg)] text-[var(--success-text)]' : 'bg-[var(--bg-secondary)] text-[var(--text-secondary)]'}`}>\r\n                {glpiSyncStats.syncEnabled ? t('glpi.sync.enabled', 'Enabled') : t('glpi.sync.disabled', 'Disabled')}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {glpiSyncStats.lastSyncError && (\r\n            <div className=\"p-3 rounded-lg bg-[var(--error-bg)] border border-[var(--error-border)]\">\r\n              <p className=\"text-sm font-medium text-[var(--error-text)]\">{t('glpi.sync.lastError', 'Last Sync Error')}</p>\r\n              <p className=\"text-sm text-[var(--error-text)] opacity-80 mt-1\">{glpiSyncStats.lastSyncError}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* KPI Cards */}\r\n      <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\r\n        <KpiCard\r\n          title={t('dashboard.totalTickets')}\r\n          value={overview?.totalTickets ?? 0}\r\n          icon={<Headphones className=\"w-5 h-5\" />}\r\n          color=\"blue\"\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.newTickets')}\r\n          value={overview?.newTickets ?? 0}\r\n          icon={<TrendingUp className=\"w-5 h-5\" />}\r\n          color=\"green\"\r\n          subtitle={t('dashboard.lastNDays', { period })}\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.openTickets')}\r\n          value={overview?.openTickets ?? 0}\r\n          icon={<Clock className=\"w-5 h-5\" />}\r\n          color=\"yellow\"\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.resolvedTickets')}\r\n          value={overview?.resolvedTickets ?? 0}\r\n          icon={<CheckCircle className=\"w-5 h-5\" />}\r\n          color=\"green\"\r\n          subtitle={t('dashboard.lastNDays', { period })}\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.slaCompliance')}\r\n          value={`${overview?.slaCompliancePercentage?.toFixed(1) ?? 0}%`}\r\n          icon={<AlertTriangle className=\"w-5 h-5\" />}\r\n          color={(overview?.slaCompliancePercentage ?? 0) >= 90 ? 'green' : 'red'}\r\n        />\r\n        <KpiCard\r\n          title={t('dashboard.avgSatisfaction')}\r\n          value={`${overview?.averageSatisfaction?.toFixed(1) ?? 0}/5`}\r\n          icon={<Star className=\"w-5 h-5\" />}\r\n          color={(overview?.averageSatisfaction ?? 0) >= 4 ? 'green' : 'yellow'}\r\n        />\r\n      </div>\r\n\r\n      {/* SLA Alerts - only visible with support.sla.read permission */}\r\n      {canViewSla && (breachedTickets.length > 0 || approachingBreach.length > 0) && (\r\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n          {breachedTickets.length > 0 && (\r\n            <div className=\"card p-4 border-l-4 border-[var(--error-border)]\">\r\n              <h3 className=\"font-semibold text-[var(--error-text)] flex items-center gap-2 mb-3\">\r\n                <XCircle className=\"w-5 h-5\" />\r\n                {t('dashboard.slaBreached')} ({breachedTickets.length})\r\n              </h3>\r\n              <div className=\"space-y-2 max-h-40 overflow-y-auto\">\r\n                {breachedTickets.slice(0, 5).map((ticket) => (\r\n                  <button\r\n                    type=\"button\"\r\n                    key={ticket.id}\r\n                    className=\"w-full flex items-center justify-between p-2 bg-[var(--error-bg)] rounded cursor-pointer hover:opacity-80 text-left\"\r\n                    onClick={() => navigate(`/support/tickets/${ticket.ticketId}`)}\r\n                  >\r\n                    <div>\r\n                      <span className=\"font-mono text-sm\">{ticket.ticketNumber}</span>\r\n                      <span className=\"ml-2 text-sm\">{ticket.ticketTitle}</span>\r\n                    </div>\r\n                    <span className=\"text-xs text-[var(--error-text)] font-medium\">\r\n                      {ticket.responseBreached && 'Response'}{' '}\r\n                      {ticket.resolutionBreached && 'Resolution'}\r\n                    </span>\r\n                  </button>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {approachingBreach.length > 0 && (\r\n            <div className=\"card p-4 border-l-4 border-[var(--warning-border)]\">\r\n              <h3 className=\"font-semibold text-[var(--warning-text)] flex items-center gap-2 mb-3\">\r\n                <AlertTriangle className=\"w-5 h-5\" />\r\n                {t('dashboard.approachingBreach')} ({approachingBreach.length})\r\n              </h3>\r\n              <div className=\"space-y-2 max-h-40 overflow-y-auto\">\r\n                {approachingBreach.slice(0, 5).map((ticket) => (\r\n                  <button\r\n                    type=\"button\"\r\n                    key={ticket.id}\r\n                    className=\"w-full flex items-center justify-between p-2 bg-[var(--warning-bg)] rounded cursor-pointer hover:opacity-80 text-left\"\r\n                    onClick={() => navigate(`/support/tickets/${ticket.ticketId}`)}\r\n                  >\r\n                    <div>\r\n                      <span className=\"font-mono text-sm\">{ticket.ticketNumber}</span>\r\n                      <span className=\"ml-2 text-sm\">{ticket.ticketTitle}</span>\r\n                    </div>\r\n                    <span className=\"text-xs text-[var(--warning-text)] font-medium\">\r\n                      {Math.round(ticket.responseSlaPercentage)}% Response\r\n                    </span>\r\n                  </button>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* Charts Row */}\r\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\r\n        {/* Status Distribution */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">{t('dashboard.ticketsByStatus')}</h3>\r\n          <div className=\"space-y-3\">\r\n            {statusData.map((item) => {\r\n              const total = statusData.reduce((sum, s) => sum + s.count, 0);\r\n              const percentage = total > 0 ? (item.count / total) * 100 : 0;\r\n              return (\r\n                <div key={item.status} className=\"flex items-center gap-3\">\r\n                  <div className=\"w-24 text-sm\">{item.status}</div>\r\n                  <div className=\"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                    <div\r\n                      className=\"h-full rounded-full transition-all duration-500\"\r\n                      style={{\r\n                        width: `${percentage}%`,\r\n                        backgroundColor: statusColors[item.status] || '#6b7280',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                  <div className=\"w-16 text-right text-sm font-medium\">{item.count}</div>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n\r\n        {/* Priority Distribution */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">{t('dashboard.activeTicketsByPriority')}</h3>\r\n          <div className=\"space-y-3\">\r\n            {priorityData.map((item) => {\r\n              const total = priorityData.reduce((sum, p) => sum + p.count, 0);\r\n              const percentage = total > 0 ? (item.count / total) * 100 : 0;\r\n              return (\r\n                <div key={item.priority} className=\"flex items-center gap-3\">\r\n                  <div className=\"w-24 text-sm\">{item.priority}</div>\r\n                  <div className=\"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                    <div\r\n                      className=\"h-full rounded-full transition-all duration-500\"\r\n                      style={{\r\n                        width: `${percentage}%`,\r\n                        backgroundColor: priorityColors[item.priority] || '#6b7280',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                  <div className=\"w-16 text-right text-sm font-medium\">{item.count}</div>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* SLA & Satisfaction Row */}\r\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\r\n        {/* SLA Compliance */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">{t('dashboard.slaPerformance')}</h3>\r\n          {slaCompliance && (\r\n            <div className=\"grid grid-cols-2 gap-4\">\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className={`text-3xl font-bold ${getComplianceColor(slaCompliance.compliancePercentage)}`}>\r\n                  {slaCompliance.compliancePercentage.toFixed(1)}%\r\n                </div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.complianceRate')}</div>\r\n              </div>\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-3xl font-bold\">{slaCompliance.ticketsWithinSla}</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.withinSla')}</div>\r\n              </div>\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-3xl font-bold text-[var(--error-text)]\">{slaCompliance.ticketsBreached}</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.breached')}</div>\r\n              </div>\r\n              <div className=\"space-y-2 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"flex justify-between text-sm\">\r\n                  <span>{t('dashboard.avgResponse')}:</span>\r\n                  <span className=\"font-medium\">{formatDuration(slaCompliance.averageResponseMinutes)}</span>\r\n                </div>\r\n                <div className=\"flex justify-between text-sm\">\r\n                  <span>{t('dashboard.avgResolution')}:</span>\r\n                  <span className=\"font-medium\">{formatDuration(slaCompliance.averageResolutionMinutes)}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {/* Satisfaction */}\r\n        <div className=\"card p-4\">\r\n          <h3 className=\"font-semibold mb-4\">{t('dashboard.customerSatisfaction')}</h3>\r\n          {satisfaction && (\r\n            <div className=\"grid grid-cols-2 gap-4\">\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className={`text-3xl font-bold ${getRatingColor(satisfaction.averageRating)}`}>\r\n                  {satisfaction.averageRating.toFixed(1)}\r\n                </div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.averageRating')}</div>\r\n                <div className=\"flex justify-center mt-1\">\r\n                  {[1, 2, 3, 4, 5].map((star) => (\r\n                    <Star\r\n                      key={star}\r\n                      className={`w-4 h-4 ${star <= Math.round(satisfaction.averageRating)\r\n                          ? 'text-[var(--warning-text)] fill-[var(--warning-text)]'\r\n                          : 'text-[var(--text-muted)]'\r\n                        }`}\r\n                    />\r\n                  ))}\r\n                </div>\r\n              </div>\r\n              <div className=\"text-center p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-3xl font-bold\">{satisfaction.totalResponses}</div>\r\n                <div className=\"text-sm text-[var(--text-secondary)]\">{t('dashboard.totalResponses')}</div>\r\n              </div>\r\n              <div className=\"col-span-2 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n                <div className=\"text-sm font-medium mb-2\">{t('dashboard.ratingDistribution')}</div>\r\n                <div className=\"space-y-1\">\r\n                  {[5, 4, 3, 2, 1].map((rating) => {\r\n                    const count = satisfaction.ratingDistribution[rating] || 0;\r\n                    const percentage =\r\n                      satisfaction.totalResponses > 0\r\n                        ? (count / satisfaction.totalResponses) * 100\r\n                        : 0;\r\n                    return (\r\n                      <div key={rating} className=\"flex items-center gap-2 text-sm\">\r\n                        <span className=\"w-4\">{rating}</span>\r\n                        <Star className=\"w-3 h-3 text-[var(--warning-text)] fill-[var(--warning-text)]\" />\r\n                        <div className=\"flex-1 h-3 bg-[var(--bg-primary)] rounded-full overflow-hidden\">\r\n                          <div\r\n                            className=\"h-full bg-[var(--warning-text)] rounded-full\"\r\n                            style={{ width: `${percentage}%` }}\r\n                          />\r\n                        </div>\r\n                        <span className=\"w-8 text-right text-xs\">{count}</span>\r\n                      </div>\r\n                    );\r\n                  })}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Trends Chart */}\r\n      <div className=\"card p-4\">\r\n        <h3 className=\"font-semibold mb-4\">{t('dashboard.ticketTrends', { period })}</h3>\r\n        <div className=\"h-64\">\r\n          <TrendChart data={trends} t={t} />\r\n        </div>\r\n      </div>\r\n\r\n      {/* Agent Workload */}\r\n      <div className=\"card p-4\">\r\n        <h3 className=\"font-semibold mb-4 flex items-center gap-2\">\r\n          <Users className=\"w-5 h-5\" />\r\n          {t('dashboard.agentWorkload')}\r\n        </h3>\r\n        {agentWorkload.length > 0 ? (\r\n          <div className=\"overflow-x-auto\">\r\n            <table className=\"w-full\">\r\n              <thead>\r\n                <tr className=\"border-b border-[var(--border-color)]\">\r\n                  <th className=\"text-left p-3 font-medium\">{t('dashboard.agent')}</th>\r\n                  <th className=\"text-center p-3 font-medium\">{t('dashboard.total')}</th>\r\n                  <th className=\"text-center p-3 font-medium\">{t('dashboard.open')}</th>\r\n                  <th className=\"text-center p-3 font-medium\">{t('dashboard.inProgress')}</th>\r\n                  <th className=\"text-center p-3 font-medium\">{t('dashboard.onHold')}</th>\r\n                  <th className=\"text-left p-3 font-medium\">{t('dashboard.load')}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                {agentWorkload.map((agent) => {\r\n                  const maxLoad = Math.max(...agentWorkload.map((a) => a.totalAssigned));\r\n                  const loadPercentage = maxLoad > 0 ? (agent.totalAssigned / maxLoad) * 100 : 0;\r\n                  return (\r\n                    <tr key={agent.userId} className=\"border-b border-[var(--border-color)]\">\r\n                      <td className=\"p-3\">\r\n                        <div className=\"font-medium\">{agent.name}</div>\r\n                        <div className=\"text-xs text-[var(--text-secondary)]\">{agent.email}</div>\r\n                      </td>\r\n                      <td className=\"text-center p-3 font-semibold\">{agent.totalAssigned}</td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-[var(--warning-bg)] text-[var(--warning-text)] rounded-[var(--radius-badge)] text-sm\">\r\n                          {agent.openCount}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-[var(--info-bg)] text-[var(--info-text)] rounded-[var(--radius-badge)] text-sm\">\r\n                          {agent.inProgressCount}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"text-center p-3\">\r\n                        <span className=\"px-2 py-1 bg-[var(--warning-bg)] text-[var(--warning-text)] rounded-[var(--radius-badge)] text-sm\">\r\n                          {agent.onHoldCount}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"p-3 w-32\">\r\n                        <div className=\"h-2 bg-[var(--bg-secondary)] rounded-full overflow-hidden\">\r\n                          <div\r\n                            className=\"h-full bg-[var(--info-text)] rounded-full\"\r\n                            style={{ width: `${loadPercentage}%` }}\r\n                          />\r\n                        </div>\r\n                      </td>\r\n                    </tr>\r\n                  );\r\n                })}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        ) : (\r\n          <div className=\"text-center py-8 text-[var(--text-secondary)]\">\r\n            {t('dashboard.noAgentsAssigned')}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n// KPI Card Component\r\nfunction KpiCard({\r\n  title,\r\n  value,\r\n  icon,\r\n  color,\r\n  subtitle,\r\n  trend,\r\n}: {\r\n  title: string;\r\n  value: string | number;\r\n  icon: React.ReactNode;\r\n  color: 'blue' | 'green' | 'yellow' | 'red';\r\n  subtitle?: string;\r\n  trend?: { value: number; isUp: boolean };\r\n}) {\r\n  const colorClasses = {\r\n    blue: 'bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]',\r\n    green: 'bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]',\r\n    yellow: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n    red: 'bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]',\r\n  };\r\n\r\n  return (\r\n    <div className={`card p-4 border ${colorClasses[color]}`}>\r\n      <div className=\"flex items-center justify-between mb-2\">\r\n        <span className=\"text-sm font-medium opacity-80\">{title}</span>\r\n        {icon}\r\n      </div>\r\n      <div className=\"text-2xl font-bold\">{value}</div>\r\n      {subtitle && <div className=\"text-xs opacity-70 mt-1\">{subtitle}</div>}\r\n      {trend && (\r\n        <div className={`flex items-center gap-1 mt-1 text-xs ${trend.isUp ? 'text-[var(--success-text)]' : 'text-[var(--error-text)]'}`}>\r\n          {trend.isUp ? <ArrowUp className=\"w-3 h-3\" /> : <ArrowDown className=\"w-3 h-3\" />}\r\n          {trend.value}%\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\n// Simple Trend Chart Component\r\ntype TrendTFunction = ReturnType<typeof useTranslation>['t'];\r\n\r\nfunction TrendChart({ data, t }: { data: TrendDataDto[]; t: TrendTFunction }) {\r\n  if (data.length === 0) {\r\n    return (\r\n      <div className=\"flex items-center justify-center h-full text-[var(--text-secondary)]\">\r\n        {t('dashboard.noTrendData')}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const maxValue = Math.max(...data.flatMap((d) => [d.created, d.resolved]), 1);\r\n\r\n  return (\r\n    <div className=\"flex flex-col h-full\">\r\n      <div className=\"flex items-center gap-4 mb-4\">\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"w-3 h-3 rounded bg-[var(--info-text)]\" />\r\n          <span className=\"text-sm\">{t('dashboard.created')}</span>\r\n        </div>\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"w-3 h-3 rounded bg-[var(--success-text)]\" />\r\n          <span className=\"text-sm\">{t('dashboard.resolved')}</span>\r\n        </div>\r\n      </div>\r\n      <div className=\"flex-1 flex items-end gap-1 overflow-x-auto pb-4\">\r\n        {data.map((item) => (\r\n          <div key={`${item.date}`} className=\"flex-1 min-w-[20px] flex gap-0.5\">\r\n            <div\r\n              className=\"flex-1 bg-[var(--info-text)] rounded-t transition-all duration-300 hover:opacity-80\"\r\n              style={{ height: `${(item.created / maxValue) * 100}%`, minHeight: item.created > 0 ? '4px' : '0' }}\r\n              title={`Created: ${item.created}`}\r\n            />\r\n            <div\r\n              className=\"flex-1 bg-[var(--success-text)] rounded-t transition-all duration-300 hover:opacity-80\"\r\n              style={{ height: `${(item.resolved / maxValue) * 100}%`, minHeight: item.resolved > 0 ? '4px' : '0' }}\r\n              title={`Resolved: ${item.resolved}`}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n      <div className=\"flex justify-between text-xs text-[var(--text-secondary)] mt-2\">\r\n        <span>{data[0] && new Date(data[0].date).toLocaleDateString()}</span>\r\n        <span>{data.at(-1) && new Date(data.at(-1)!.date).toLocaleDateString()}</span>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n// Format duration helper\r\nfunction formatDuration(minutes: number): string {\r\n  if (minutes < 60) return `${Math.round(minutes)}m`;\r\n  const hours = Math.floor(minutes / 60);\r\n  const mins = Math.round(minutes % 60);\r\n  if (hours < 24) return mins > 0 ? `${hours}h ${mins}m` : `${hours}h`;\r\n  const days = Math.floor(hours / 24);\r\n  const remainingHours = hours % 24;\r\n  return remainingHours > 0 ? `${days}d ${remainingHours}h` : `${days}d`;\r\n}\r\n"],"names":["priorityColors","statusColors","DashboardPage","t","useTranslation","navigate","useNavigate","hasPermission","useAuth","isGlpi","glpiBaseUrl","useTicketingProvider","currentTenant","useTenant","loading","setLoading","useState","refreshing","setRefreshing","period","setPeriod","canViewSla","overview","setOverview","statusData","setStatusData","priorityData","setPriorityData","agentWorkload","setAgentWorkload","trends","setTrends","satisfaction","setSatisfaction","slaCompliance","setSlaCompliance","breachedTickets","setBreachedTickets","approachingBreach","setApproachingBreach","glpiSyncStats","setGlpiSyncStats","syncing","setSyncing","loadData","useCallback","overviewRes","statusRes","priorityRes","workloadRes","trendsRes","satisfactionRes","slaRes","dashboardApi","syncStats","supportApi","breachedRes","approachingRes","slaApi","error","useEffect","handleRefresh","handleTriggerSync","ticketingApi","jsx","Loader2","getComplianceColor","percentage","getRatingColor","rating","jsxs","Breadcrumb","PageHeader","LayoutDashboard","Fragment","e","RefreshCw","Info","ExternalLink","KpiCard","Headphones","TrendingUp","Clock","CheckCircle","AlertTriangle","Star","XCircle","ticket","item","total","sum","s","p","formatDuration","star","count","TrendChart","Users","agent","maxLoad","a","loadPercentage","title","value","icon","color","subtitle","trend","colorClasses","ArrowUp","ArrowDown","data","maxValue","d","minutes","hours","mins","days","remainingHours"],"mappings":"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"}

package/dist/chunks/{EscalationConfigPage-4pF38E4N.js → EscalationConfigPage-C8Hv5naz.js}

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as e, Fragment as F } from "react/jsx-runtime";
 import { useState as c, useCallback as O, useEffect as L } from "react";
 import { useTranslation as P } from "react-i18next";
 import { TrendingUp as U, Loader2 as b, Users as W, Bell as w, AlertTriangle as R, Clock as A, X as q, Check as V, Edit as X } from "lucide-react";
-import { Z, i as y, B as _ } from "./index-Cq80YBne.js";
+import { Z, i as y, B as _ } from "./index-CBtjGPod.js";
 const d = ["Supervisor", "Manager", "Director"], N = {
   None: "bg-[var(--bg-secondary)] text-[var(--text-secondary)]",
   Supervisor: "bg-[var(--info-bg)] text-[var(--info-text)]",
@@ -228,4 +228,4 @@ function Y() {
 export {
   Y as EscalationConfigPage
 };
-//# sourceMappingURL=EscalationConfigPage-4pF38E4N.js.map
+//# sourceMappingURL=EscalationConfigPage-C8Hv5naz.js.map

package/dist/chunks/{EscalationConfigPage-4pF38E4N.js.map → EscalationConfigPage-C8Hv5naz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EscalationConfigPage-4pF38E4N.js","sources":["../../src/pages/platform/support/EscalationConfigPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  TrendingUp,\r\n  Loader2,\r\n  AlertTriangle,\r\n  Bell,\r\n  Clock,\r\n  Users,\r\n  Edit,\r\n  Check,\r\n  X,\r\n} from 'lucide-react';\r\nimport { Breadcrumb } from '@/components/ui/Breadcrumb';\r\nimport { slaApi, type EscalationRuleDto } from '@/services/api/supportApi';\r\nimport { api } from '@/services/api/apiClient';\r\n\r\ninterface RoleDto {\r\n  id: string;\r\n  name: string;\r\n  description: string | null;\r\n}\r\n\r\nconst LEVEL_ORDER = ['Supervisor', 'Manager', 'Director'] as const;\r\n\r\nconst levelColors: Record<string, string> = {\r\n  None: 'bg-[var(--bg-secondary)] text-[var(--text-secondary)]',\r\n  Supervisor: 'bg-[var(--info-bg)] text-[var(--info-text)]',\r\n  Manager: 'bg-[var(--warning-bg)] text-[var(--warning-text)]',\r\n  Director: 'bg-[var(--error-bg)] text-[var(--error-text)]',\r\n};\r\n\r\nconst triggerTypeIcons: Record<string, typeof AlertTriangle> = {\r\n  ResponseBreach: Clock,\r\n  ResolutionBreach: AlertTriangle,\r\n  ManualRequest: Bell,\r\n};\r\n\r\nexport function EscalationConfigPage(): ReactElement {\r\n  const { t } = useTranslation('support');\r\n  const [loading, setLoading] = useState(true);\r\n  const [saving, setSaving] = useState(false);\r\n  const [rules, setRules] = useState<EscalationRuleDto[]>([]);\r\n  const [roles, setRoles] = useState<RoleDto[]>([]);\r\n  const [editingRule, setEditingRule] = useState<EscalationRuleDto | null>(null);\r\n  const [editForm, setEditForm] = useState<{\r\n    delayAfterBreachMinutes: number;\r\n    notifyRoleId: string | null;\r\n    isActive: boolean;\r\n  }>({ delayAfterBreachMinutes: 0, notifyRoleId: null, isActive: true });\r\n\r\n  const loadData = useCallback(async () => {\r\n    try {\r\n      setLoading(true);\r\n      const [rulesRes, rolesRes] = await Promise.all([\r\n        slaApi.getEscalationRules(),\r\n        api.get<RoleDto[]>('/api/administration/permissions/roles'),\r\n      ]);\r\n      setRules(rulesRes);\r\n      setRoles(rolesRes);\r\n    } catch (error) {\r\n      console.error('Failed to load escalation data:', error);\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    loadData();\r\n  }, [loadData]);\r\n\r\n  const handleEdit = (rule: EscalationRuleDto) => {\r\n    setEditingRule(rule);\r\n    setEditForm({\r\n      delayAfterBreachMinutes: rule.delayAfterBreachMinutes,\r\n      notifyRoleId: rule.notifyRoleId,\r\n      isActive: rule.isActive,\r\n    });\r\n  };\r\n\r\n  const handleCancelEdit = () => {\r\n    setEditingRule(null);\r\n    setEditForm({ delayAfterBreachMinutes: 0, notifyRoleId: null, isActive: true });\r\n  };\r\n\r\n  const handleSave = async () => {\r\n    if (!editingRule) return;\r\n\r\n    try {\r\n      setSaving(true);\r\n      await api.put(`/api/support/sla/escalation-rules/${editingRule.id}`, editForm);\r\n      loadData();\r\n      setEditingRule(null);\r\n    } catch (error) {\r\n      console.error('Failed to save escalation rule:', error);\r\n    } finally {\r\n      setSaving(false);\r\n    }\r\n  };\r\n\r\n  const formatDelay = (minutes: number) => {\r\n    if (minutes === 0) return t('escalation.delay.immediate');\r\n    if (minutes < 60) return `${minutes} min`;\r\n    const hours = Math.floor(minutes / 60);\r\n    const remainingMinutes = minutes % 60;\r\n    if (remainingMinutes === 0) return `${hours}h`;\r\n    return `${hours}h ${remainingMinutes}min`;\r\n  };\r\n\r\n  const getRoleName = (roleId: string | null) => {\r\n    if (!roleId) return t('escalation.notConfigured');\r\n    const role = roles.find((r) => r.id === roleId);\r\n    return role?.name || t('escalation.unknownRole');\r\n  };\r\n\r\n  const groupedRules = rules.reduce((acc, rule) => {\r\n    if (!acc[rule.level]) {\r\n      acc[rule.level] = [];\r\n    }\r\n    acc[rule.level].push(rule);\r\n    return acc;\r\n  }, {} as Record<string, EscalationRuleDto[]>);\r\n\r\n  return (\r\n    <div className=\"space-y-6\">\r\n      <Breadcrumb\r\n        items={[\r\n          { label: t('title', 'Support'), href: '/support' },\r\n          { label: t('escalation.title') }\r\n        ]}\r\n      />\r\n\r\n      <div className=\"flex items-center justify-between\">\r\n        <div>\r\n          <h1 className=\"text-2xl font-bold flex items-center gap-2\">\r\n            <TrendingUp className=\"w-6 h-6\" />\r\n            {t('escalation.title')}\r\n          </h1>\r\n          <p className=\"text-[var(--text-secondary)]\">\r\n            {t('escalation.subtitle')}\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      {loading ? (\r\n        <div className=\"flex items-center justify-center py-12\">\r\n          <Loader2 className=\"w-8 h-8 animate-spin text-[var(--color-primary-600)]\" />\r\n        </div>\r\n      ) : (\r\n        <>\r\n          <div className=\"card p-6 bg-[var(--bg-secondary)]\">\r\n            <h3 className=\"text-lg font-semibold mb-4 flex items-center gap-2\">\r\n              <Users className=\"w-5 h-5\" />\r\n              {t('escalation.hierarchy')}\r\n            </h3>\r\n            <div className=\"flex items-center gap-4\">\r\n              {LEVEL_ORDER.map((level, index) => (\r\n                <div key={level} className=\"flex items-center gap-2\">\r\n                  <div className={`px-4 py-2 rounded-[var(--radius-badge)] font-medium ${levelColors[level]}`}>\r\n                    {t(`escalation.levels.${level}`)}\r\n                  </div>\r\n                  {index < 2 && (\r\n                    <div className=\"text-[var(--text-secondary)]\">→</div>\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n            <p className=\"mt-4 text-sm text-[var(--text-secondary)]\">\r\n              {t('escalation.hierarchyDescription')}\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"space-y-6\">\r\n            {Object.entries(groupedRules)\r\n              .filter(([level]) => level !== 'None')\r\n              .sort((a, b) => {\r\n                return LEVEL_ORDER.indexOf(a[0] as typeof LEVEL_ORDER[number]) - LEVEL_ORDER.indexOf(b[0] as typeof LEVEL_ORDER[number]);\r\n              })\r\n              .map(([level, levelRules]) => (\r\n                <div key={level} className=\"card overflow-hidden\">\r\n                  <div className={`px-6 py-3 ${levelColors[level]} border-b border-[var(--border-color)]`}>\r\n                    <h3 className=\"font-semibold\">\r\n                      {t('escalation.level', {\r\n                        number: LEVEL_ORDER.indexOf(level as typeof LEVEL_ORDER[number]) + 1,\r\n                        label: t(`escalation.levels.${level}`),\r\n                      })}\r\n                    </h3>\r\n                  </div>\r\n                  <div className=\"divide-y divide-[var(--border-color)]\">\r\n                    {levelRules.map((rule) => {\r\n                      const TriggerIcon = triggerTypeIcons[rule.triggerType] || AlertTriangle;\r\n                      const isEditing = editingRule?.id === rule.id;\r\n\r\n                      return (\r\n                        <div\r\n                          key={rule.id}\r\n                          className={`p-4 ${!rule.isActive ? 'opacity-60' : ''}`}\r\n                        >\r\n                          {isEditing ? (\r\n                            <div className=\"space-y-4\">\r\n                              <div className=\"flex items-center gap-2\">\r\n                                <TriggerIcon className=\"w-5 h-5\" />\r\n                                <span className=\"font-medium\">\r\n                                  {t(`escalation.triggerTypes.${rule.triggerType}`)}\r\n                                </span>\r\n                              </div>\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\">\r\n                                    {t('escalation.form.delayAfterBreach')}\r\n                                  </label>\r\n                                  <div className=\"flex items-center gap-2\">\r\n                                    <input\r\n                                      type=\"number\"\r\n                                      min=\"0\"\r\n                                      value={editForm.delayAfterBreachMinutes}\r\n                                      onChange={(e) =>\r\n                                        setEditForm({\r\n                                          ...editForm,\r\n                                          delayAfterBreachMinutes: parseInt(e.target.value) || 0,\r\n                                        })\r\n                                      }\r\n                                      className=\"input w-24\"\r\n                                    />\r\n                                    <span className=\"text-sm text-[var(--text-secondary)]\">\r\n                                      {t('escalation.form.minutes')}\r\n                                    </span>\r\n                                  </div>\r\n                                </div>\r\n                                <div>\r\n                                  <label className=\"block text-sm font-medium mb-1\">\r\n                                    {t('escalation.form.notifyRole')}\r\n                                  </label>\r\n                                  <select\r\n                                    value={editForm.notifyRoleId || ''}\r\n                                    onChange={(e) =>\r\n                                      setEditForm({\r\n                                        ...editForm,\r\n                                        notifyRoleId: e.target.value || null,\r\n                                      })\r\n                                    }\r\n                                    className=\"input w-full\"\r\n                                  >\r\n                                    <option value=\"\">{t('escalation.form.none')}</option>\r\n                                    {roles.map((role) => (\r\n                                      <option key={role.id} value={role.id}>\r\n                                        {role.name}\r\n                                      </option>\r\n                                    ))}\r\n                                  </select>\r\n                                </div>\r\n                                <div>\r\n                                  <label className=\"block text-sm font-medium mb-1\">\r\n                                    {t('escalation.form.status')}\r\n                                  </label>\r\n                                  <label className=\"flex items-center gap-2\">\r\n                                    <input\r\n                                      type=\"checkbox\"\r\n                                      checked={editForm.isActive}\r\n                                      onChange={(e) =>\r\n                                        setEditForm({\r\n                                          ...editForm,\r\n                                          isActive: e.target.checked,\r\n                                        })\r\n                                      }\r\n                                      className=\"rounded border-[var(--border-color)]\"\r\n                                    />\r\n                                    <span className=\"text-sm\">{t('escalation.form.active')}</span>\r\n                                  </label>\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"flex justify-end gap-2\">\r\n                                <button\r\n                                  onClick={handleCancelEdit}\r\n                                  className=\"btn btn-secondary flex items-center gap-1\"\r\n                                >\r\n                                  <X className=\"w-4 h-4\" />\r\n                                  {t('common:actions.cancel')}\r\n                                </button>\r\n                                <button\r\n                                  onClick={handleSave}\r\n                                  disabled={saving}\r\n                                  className=\"btn btn-primary flex items-center gap-1\"\r\n                                >\r\n                                  {saving ? (\r\n                                    <Loader2 className=\"w-4 h-4 animate-spin\" />\r\n                                  ) : (\r\n                                    <Check className=\"w-4 h-4\" />\r\n                                  )}\r\n                                  {t('common:actions.save')}\r\n                                </button>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div className=\"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                                  <TriggerIcon className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n                                  <span className=\"font-medium\">\r\n                                    {t(`escalation.triggerTypes.${rule.triggerType}`)}\r\n                                  </span>\r\n                                  {rule.isSystemDefault ? (\r\n                                    <span className=\"text-[10px] px-1.5 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                                      {t('escalation.scope.system')}\r\n                                    </span>\r\n                                  ) : (\r\n                                    <span className=\"text-[10px] px-1.5 py-0.5 rounded bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]\">\r\n                                      {t('escalation.scope.tenant')}\r\n                                    </span>\r\n                                  )}\r\n                                </div>\r\n                                <div className=\"text-sm text-[var(--text-secondary)]\">\r\n                                  <Clock className=\"w-4 h-4 inline mr-1\" />\r\n                                  {formatDelay(rule.delayAfterBreachMinutes)}\r\n                                </div>\r\n                                <div className=\"text-sm text-[var(--text-secondary)]\">\r\n                                  <Bell className=\"w-4 h-4 inline mr-1\" />\r\n                                  {getRoleName(rule.notifyRoleId)}\r\n                                </div>\r\n                                {!rule.isActive && (\r\n                                  <span className=\"text-xs px-2 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]\">\r\n                                    {t('escalation.disabled')}\r\n                                  </span>\r\n                                )}\r\n                              </div>\r\n                              <button\r\n                                onClick={() => handleEdit(rule)}\r\n                                className=\"btn btn-secondary btn-sm flex items-center gap-1\"\r\n                              >\r\n                                <Edit className=\"w-4 h-4\" />\r\n                                {t('common:actions.edit')}\r\n                              </button>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              ))}\r\n          </div>\r\n\r\n          <div className=\"card p-6\">\r\n            <h3 className=\"text-lg font-semibold mb-4\">{t('escalation.howItWorks.title')}</h3>\r\n            <div className=\"space-y-4 text-sm text-[var(--text-secondary)]\">\r\n              {[1, 2, 3, 4].map((step) => (\r\n                <div key={step} className=\"flex gap-3\">\r\n                  <div className=\"w-6 h-6 rounded-full bg-[var(--info-bg)] text-[var(--info-text)] flex items-center justify-center text-xs font-bold flex-shrink-0\">\r\n                    {step}\r\n                  </div>\r\n                  <p>{t(`escalation.howItWorks.step${step}`)}</p>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["LEVEL_ORDER","levelColors","triggerTypeIcons","Clock","AlertTriangle","Bell","EscalationConfigPage","useTranslation","loading","setLoading","useState","saving","setSaving","rules","setRules","roles","setRoles","editingRule","setEditingRule","editForm","setEditForm","loadData","useCallback","rulesRes","rolesRes","slaApi","api","error","useEffect","handleEdit","rule","handleCancelEdit","handleSave","formatDelay","minutes","hours","remainingMinutes","getRoleName","roleId","r","groupedRules","acc","jsxs","jsx","Breadcrumb","TrendingUp","Loader2","Fragment","Users","level","index","b","levelRules","TriggerIcon","isEditing","e","role","X","Check","Edit","step"],"mappings":"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"}
+{"version":3,"file":"EscalationConfigPage-C8Hv5naz.js","sources":["../../src/pages/platform/support/EscalationConfigPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  TrendingUp,\r\n  Loader2,\r\n  AlertTriangle,\r\n  Bell,\r\n  Clock,\r\n  Users,\r\n  Edit,\r\n  Check,\r\n  X,\r\n} from 'lucide-react';\r\nimport { Breadcrumb } from '@/components/ui/Breadcrumb';\r\nimport { slaApi, type EscalationRuleDto } from '@/services/api/supportApi';\r\nimport { api } from '@/services/api/apiClient';\r\n\r\ninterface RoleDto {\r\n  id: string;\r\n  name: string;\r\n  description: string | null;\r\n}\r\n\r\nconst LEVEL_ORDER = ['Supervisor', 'Manager', 'Director'] as const;\r\n\r\nconst levelColors: Record<string, string> = {\r\n  None: 'bg-[var(--bg-secondary)] text-[var(--text-secondary)]',\r\n  Supervisor: 'bg-[var(--info-bg)] text-[var(--info-text)]',\r\n  Manager: 'bg-[var(--warning-bg)] text-[var(--warning-text)]',\r\n  Director: 'bg-[var(--error-bg)] text-[var(--error-text)]',\r\n};\r\n\r\nconst triggerTypeIcons: Record<string, typeof AlertTriangle> = {\r\n  ResponseBreach: Clock,\r\n  ResolutionBreach: AlertTriangle,\r\n  ManualRequest: Bell,\r\n};\r\n\r\nexport function EscalationConfigPage(): ReactElement {\r\n  const { t } = useTranslation('support');\r\n  const [loading, setLoading] = useState(true);\r\n  const [saving, setSaving] = useState(false);\r\n  const [rules, setRules] = useState<EscalationRuleDto[]>([]);\r\n  const [roles, setRoles] = useState<RoleDto[]>([]);\r\n  const [editingRule, setEditingRule] = useState<EscalationRuleDto | null>(null);\r\n  const [editForm, setEditForm] = useState<{\r\n    delayAfterBreachMinutes: number;\r\n    notifyRoleId: string | null;\r\n    isActive: boolean;\r\n  }>({ delayAfterBreachMinutes: 0, notifyRoleId: null, isActive: true });\r\n\r\n  const loadData = useCallback(async () => {\r\n    try {\r\n      setLoading(true);\r\n      const [rulesRes, rolesRes] = await Promise.all([\r\n        slaApi.getEscalationRules(),\r\n        api.get<RoleDto[]>('/api/administration/permissions/roles'),\r\n      ]);\r\n      setRules(rulesRes);\r\n      setRoles(rolesRes);\r\n    } catch (error) {\r\n      console.error('Failed to load escalation data:', error);\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    loadData();\r\n  }, [loadData]);\r\n\r\n  const handleEdit = (rule: EscalationRuleDto) => {\r\n    setEditingRule(rule);\r\n    setEditForm({\r\n      delayAfterBreachMinutes: rule.delayAfterBreachMinutes,\r\n      notifyRoleId: rule.notifyRoleId,\r\n      isActive: rule.isActive,\r\n    });\r\n  };\r\n\r\n  const handleCancelEdit = () => {\r\n    setEditingRule(null);\r\n    setEditForm({ delayAfterBreachMinutes: 0, notifyRoleId: null, isActive: true });\r\n  };\r\n\r\n  const handleSave = async () => {\r\n    if (!editingRule) return;\r\n\r\n    try {\r\n      setSaving(true);\r\n      await api.put(`/api/support/sla/escalation-rules/${editingRule.id}`, editForm);\r\n      loadData();\r\n      setEditingRule(null);\r\n    } catch (error) {\r\n      console.error('Failed to save escalation rule:', error);\r\n    } finally {\r\n      setSaving(false);\r\n    }\r\n  };\r\n\r\n  const formatDelay = (minutes: number) => {\r\n    if (minutes === 0) return t('escalation.delay.immediate');\r\n    if (minutes < 60) return `${minutes} min`;\r\n    const hours = Math.floor(minutes / 60);\r\n    const remainingMinutes = minutes % 60;\r\n    if (remainingMinutes === 0) return `${hours}h`;\r\n    return `${hours}h ${remainingMinutes}min`;\r\n  };\r\n\r\n  const getRoleName = (roleId: string | null) => {\r\n    if (!roleId) return t('escalation.notConfigured');\r\n    const role = roles.find((r) => r.id === roleId);\r\n    return role?.name || t('escalation.unknownRole');\r\n  };\r\n\r\n  const groupedRules = rules.reduce((acc, rule) => {\r\n    if (!acc[rule.level]) {\r\n      acc[rule.level] = [];\r\n    }\r\n    acc[rule.level].push(rule);\r\n    return acc;\r\n  }, {} as Record<string, EscalationRuleDto[]>);\r\n\r\n  return (\r\n    <div className=\"space-y-6\">\r\n      <Breadcrumb\r\n        items={[\r\n          { label: t('title', 'Support'), href: '/support' },\r\n          { label: t('escalation.title') }\r\n        ]}\r\n      />\r\n\r\n      <div className=\"flex items-center justify-between\">\r\n        <div>\r\n          <h1 className=\"text-2xl font-bold flex items-center gap-2\">\r\n            <TrendingUp className=\"w-6 h-6\" />\r\n            {t('escalation.title')}\r\n          </h1>\r\n          <p className=\"text-[var(--text-secondary)]\">\r\n            {t('escalation.subtitle')}\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      {loading ? (\r\n        <div className=\"flex items-center justify-center py-12\">\r\n          <Loader2 className=\"w-8 h-8 animate-spin text-[var(--color-primary-600)]\" />\r\n        </div>\r\n      ) : (\r\n        <>\r\n          <div className=\"card p-6 bg-[var(--bg-secondary)]\">\r\n            <h3 className=\"text-lg font-semibold mb-4 flex items-center gap-2\">\r\n              <Users className=\"w-5 h-5\" />\r\n              {t('escalation.hierarchy')}\r\n            </h3>\r\n            <div className=\"flex items-center gap-4\">\r\n              {LEVEL_ORDER.map((level, index) => (\r\n                <div key={level} className=\"flex items-center gap-2\">\r\n                  <div className={`px-4 py-2 rounded-[var(--radius-badge)] font-medium ${levelColors[level]}`}>\r\n                    {t(`escalation.levels.${level}`)}\r\n                  </div>\r\n                  {index < 2 && (\r\n                    <div className=\"text-[var(--text-secondary)]\">→</div>\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n            <p className=\"mt-4 text-sm text-[var(--text-secondary)]\">\r\n              {t('escalation.hierarchyDescription')}\r\n            </p>\r\n          </div>\r\n\r\n          <div className=\"space-y-6\">\r\n            {Object.entries(groupedRules)\r\n              .filter(([level]) => level !== 'None')\r\n              .sort((a, b) => {\r\n                return LEVEL_ORDER.indexOf(a[0] as typeof LEVEL_ORDER[number]) - LEVEL_ORDER.indexOf(b[0] as typeof LEVEL_ORDER[number]);\r\n              })\r\n              .map(([level, levelRules]) => (\r\n                <div key={level} className=\"card overflow-hidden\">\r\n                  <div className={`px-6 py-3 ${levelColors[level]} border-b border-[var(--border-color)]`}>\r\n                    <h3 className=\"font-semibold\">\r\n                      {t('escalation.level', {\r\n                        number: LEVEL_ORDER.indexOf(level as typeof LEVEL_ORDER[number]) + 1,\r\n                        label: t(`escalation.levels.${level}`),\r\n                      })}\r\n                    </h3>\r\n                  </div>\r\n                  <div className=\"divide-y divide-[var(--border-color)]\">\r\n                    {levelRules.map((rule) => {\r\n                      const TriggerIcon = triggerTypeIcons[rule.triggerType] || AlertTriangle;\r\n                      const isEditing = editingRule?.id === rule.id;\r\n\r\n                      return (\r\n                        <div\r\n                          key={rule.id}\r\n                          className={`p-4 ${!rule.isActive ? 'opacity-60' : ''}`}\r\n                        >\r\n                          {isEditing ? (\r\n                            <div className=\"space-y-4\">\r\n                              <div className=\"flex items-center gap-2\">\r\n                                <TriggerIcon className=\"w-5 h-5\" />\r\n                                <span className=\"font-medium\">\r\n                                  {t(`escalation.triggerTypes.${rule.triggerType}`)}\r\n                                </span>\r\n                              </div>\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\">\r\n                                    {t('escalation.form.delayAfterBreach')}\r\n                                  </label>\r\n                                  <div className=\"flex items-center gap-2\">\r\n                                    <input\r\n                                      type=\"number\"\r\n                                      min=\"0\"\r\n                                      value={editForm.delayAfterBreachMinutes}\r\n                                      onChange={(e) =>\r\n                                        setEditForm({\r\n                                          ...editForm,\r\n                                          delayAfterBreachMinutes: parseInt(e.target.value) || 0,\r\n                                        })\r\n                                      }\r\n                                      className=\"input w-24\"\r\n                                    />\r\n                                    <span className=\"text-sm text-[var(--text-secondary)]\">\r\n                                      {t('escalation.form.minutes')}\r\n                                    </span>\r\n                                  </div>\r\n                                </div>\r\n                                <div>\r\n                                  <label className=\"block text-sm font-medium mb-1\">\r\n                                    {t('escalation.form.notifyRole')}\r\n                                  </label>\r\n                                  <select\r\n                                    value={editForm.notifyRoleId || ''}\r\n                                    onChange={(e) =>\r\n                                      setEditForm({\r\n                                        ...editForm,\r\n                                        notifyRoleId: e.target.value || null,\r\n                                      })\r\n                                    }\r\n                                    className=\"input w-full\"\r\n                                  >\r\n                                    <option value=\"\">{t('escalation.form.none')}</option>\r\n                                    {roles.map((role) => (\r\n                                      <option key={role.id} value={role.id}>\r\n                                        {role.name}\r\n                                      </option>\r\n                                    ))}\r\n                                  </select>\r\n                                </div>\r\n                                <div>\r\n                                  <label className=\"block text-sm font-medium mb-1\">\r\n                                    {t('escalation.form.status')}\r\n                                  </label>\r\n                                  <label className=\"flex items-center gap-2\">\r\n                                    <input\r\n                                      type=\"checkbox\"\r\n                                      checked={editForm.isActive}\r\n                                      onChange={(e) =>\r\n                                        setEditForm({\r\n                                          ...editForm,\r\n                                          isActive: e.target.checked,\r\n                                        })\r\n                                      }\r\n                                      className=\"rounded border-[var(--border-color)]\"\r\n                                    />\r\n                                    <span className=\"text-sm\">{t('escalation.form.active')}</span>\r\n                                  </label>\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"flex justify-end gap-2\">\r\n                                <button\r\n                                  onClick={handleCancelEdit}\r\n                                  className=\"btn btn-secondary flex items-center gap-1\"\r\n                                >\r\n                                  <X className=\"w-4 h-4\" />\r\n                                  {t('common:actions.cancel')}\r\n                                </button>\r\n                                <button\r\n                                  onClick={handleSave}\r\n                                  disabled={saving}\r\n                                  className=\"btn btn-primary flex items-center gap-1\"\r\n                                >\r\n                                  {saving ? (\r\n                                    <Loader2 className=\"w-4 h-4 animate-spin\" />\r\n                                  ) : (\r\n                                    <Check className=\"w-4 h-4\" />\r\n                                  )}\r\n                                  {t('common:actions.save')}\r\n                                </button>\r\n                              </div>\r\n                            </div>\r\n                          ) : (\r\n                            <div className=\"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                                  <TriggerIcon className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n                                  <span className=\"font-medium\">\r\n                                    {t(`escalation.triggerTypes.${rule.triggerType}`)}\r\n                                  </span>\r\n                                  {rule.isSystemDefault ? (\r\n                                    <span className=\"text-[10px] px-1.5 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                                      {t('escalation.scope.system')}\r\n                                    </span>\r\n                                  ) : (\r\n                                    <span className=\"text-[10px] px-1.5 py-0.5 rounded bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]\">\r\n                                      {t('escalation.scope.tenant')}\r\n                                    </span>\r\n                                  )}\r\n                                </div>\r\n                                <div className=\"text-sm text-[var(--text-secondary)]\">\r\n                                  <Clock className=\"w-4 h-4 inline mr-1\" />\r\n                                  {formatDelay(rule.delayAfterBreachMinutes)}\r\n                                </div>\r\n                                <div className=\"text-sm text-[var(--text-secondary)]\">\r\n                                  <Bell className=\"w-4 h-4 inline mr-1\" />\r\n                                  {getRoleName(rule.notifyRoleId)}\r\n                                </div>\r\n                                {!rule.isActive && (\r\n                                  <span className=\"text-xs px-2 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]\">\r\n                                    {t('escalation.disabled')}\r\n                                  </span>\r\n                                )}\r\n                              </div>\r\n                              <button\r\n                                onClick={() => handleEdit(rule)}\r\n                                className=\"btn btn-secondary btn-sm flex items-center gap-1\"\r\n                              >\r\n                                <Edit className=\"w-4 h-4\" />\r\n                                {t('common:actions.edit')}\r\n                              </button>\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              ))}\r\n          </div>\r\n\r\n          <div className=\"card p-6\">\r\n            <h3 className=\"text-lg font-semibold mb-4\">{t('escalation.howItWorks.title')}</h3>\r\n            <div className=\"space-y-4 text-sm text-[var(--text-secondary)]\">\r\n              {[1, 2, 3, 4].map((step) => (\r\n                <div key={step} className=\"flex gap-3\">\r\n                  <div className=\"w-6 h-6 rounded-full bg-[var(--info-bg)] text-[var(--info-text)] flex items-center justify-center text-xs font-bold flex-shrink-0\">\r\n                    {step}\r\n                  </div>\r\n                  <p>{t(`escalation.howItWorks.step${step}`)}</p>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["LEVEL_ORDER","levelColors","triggerTypeIcons","Clock","AlertTriangle","Bell","EscalationConfigPage","useTranslation","loading","setLoading","useState","saving","setSaving","rules","setRules","roles","setRoles","editingRule","setEditingRule","editForm","setEditForm","loadData","useCallback","rulesRes","rolesRes","slaApi","api","error","useEffect","handleEdit","rule","handleCancelEdit","handleSave","formatDelay","minutes","hours","remainingMinutes","getRoleName","roleId","r","groupedRules","acc","jsxs","jsx","Breadcrumb","TrendingUp","Loader2","Fragment","Users","level","index","b","levelRules","TriggerIcon","isEditing","e","role","X","Check","Edit","step"],"mappings":"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"}