ahs-cti 1.0.1-beta.24 → 1.0.1-beta.26

package/dist/{agentDetailReport-BIQI3P5O.mjs → agentDetailReport-MRTTLOIR.mjs}

@@ -1,9 +1,9 @@
 import {
   agentDetailReport_default
-} from "./chunk-42534U53.mjs";
-import "./chunk-G5Q2CBVN.mjs";
+} from "./chunk-H3WVLGGD.mjs";
+import "./chunk-MEZYC4O3.mjs";
 import "./chunk-G6BEQBAP.mjs";
 export {
   agentDetailReport_default as default
 };
-//# sourceMappingURL=agentDetailReport-BIQI3P5O.mjs.map
+//# sourceMappingURL=agentDetailReport-MRTTLOIR.mjs.map

package/dist/{agentPerformanceReport-T7JNNV7Q.mjs → agentPerformanceReport-HMIJV6IJ.mjs}

@@ -4,17 +4,17 @@ import {
   headCellSx,
   reportBodyCellSx,
   sortLabelSx
-} from "./chunk-FLRD7IKP.mjs";
+} from "./chunk-TBSIFI22.mjs";
 import {
   SDKPermissionGuard
 } from "./chunk-T7NVHCA4.mjs";
 import {
   agentDetailReport_default
-} from "./chunk-42534U53.mjs";
+} from "./chunk-H3WVLGGD.mjs";
 import {
   AppButton,
   PageHeader
-} from "./chunk-G5Q2CBVN.mjs";
+} from "./chunk-MEZYC4O3.mjs";
 import {
   END_POINT,
   SDKProvider,
@@ -493,4 +493,4 @@ var agentPerformanceReport_default = AgentPerformanceReport;
 export {
   agentPerformanceReport_default as default
 };
-//# sourceMappingURL=agentPerformanceReport-T7JNNV7Q.mjs.map
+//# sourceMappingURL=agentPerformanceReport-HMIJV6IJ.mjs.map

package/dist/{cdrReport-FPTAY6DN.mjs → cdrReport-6NINZ4J3.mjs}

@@ -2,14 +2,14 @@ import {
   ReportFilterBar,
   SearchBar,
   headCellSx
-} from "./chunk-FLRD7IKP.mjs";
+} from "./chunk-TBSIFI22.mjs";
 import {
   SDKPermissionGuard
 } from "./chunk-T7NVHCA4.mjs";
 import {
   AppButton,
   PageHeader
-} from "./chunk-G5Q2CBVN.mjs";
+} from "./chunk-MEZYC4O3.mjs";
 import {
   END_POINT,
   SDKProvider,
@@ -519,4 +519,4 @@ var cdrReport_default = CdrReport;
 export {
   cdrReport_default as default
 };
-//# sourceMappingURL=cdrReport-FPTAY6DN.mjs.map
+//# sourceMappingURL=cdrReport-6NINZ4J3.mjs.map

package/dist/{chunk-42534U53.mjs → chunk-H3WVLGGD.mjs}

@@ -1,7 +1,7 @@
 import {
   AppButton,
   PageHeader
-} from "./chunk-G5Q2CBVN.mjs";
+} from "./chunk-MEZYC4O3.mjs";
 import {
   END_POINT,
   SDKProvider,
@@ -244,7 +244,7 @@ function AgentDetailReportContent({ agentRow: propAgentRow, onBack, from, initia
   };
   const [activeTab, setActiveTab] = useState2(0);
   const [detail, setDetail] = useState2(null);
-  const [detailLoading, setDetailLoading] = useState2(false);
+  const [detailLoading, setDetailLoading] = useState2(!isFromReportsList);
   const [detailError, setDetailError] = useState2("");
   const [cdrRecords, setCdrRecords] = useState2([]);
   const [cdrTotal, setCdrTotal] = useState2(0);
@@ -397,7 +397,7 @@ function AgentDetailReportContent({ agentRow: propAgentRow, onBack, from, initia
       PageHeader,
       {
         title: agentName,
-        showBack: true,
+        showBack: isFromReportsList,
         onBack: handleBack
       }
     ),
@@ -739,4 +739,4 @@ var agentDetailReport_default = AgentDetailReport;
 export {
   agentDetailReport_default
 };
-//# sourceMappingURL=chunk-42534U53.mjs.map
+//# sourceMappingURL=chunk-H3WVLGGD.mjs.map

package/dist/chunk-H3WVLGGD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../call-control-sdk/lib/pages/agentDetailReport/index.tsx","../call-control-sdk/lib/pages/agentDetailReport/useAgentDetailReport.ts"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from \"react\";\r\n\r\nimport {\r\n  Box, Typography, Table, TableBody, TableCell, TableContainer,\r\n  TableHead, TableRow, TablePagination, IconButton, Chip,\r\n  CircularProgress, Alert,\r\n} from \"@mui/material\";\r\nimport AppButton from \"../common/components/AppButton\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport RefreshIcon from \"@mui/icons-material/Refresh\";\r\nimport PlayArrowIcon from \"@mui/icons-material/PlayArrow\";\r\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\r\nimport Tooltip from \"@mui/material/Tooltip\";\r\nimport {\r\n  BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip as RTooltip,\r\n  PieChart, Pie, Cell, Legend, ResponsiveContainer, LabelList,\r\n} from \"recharts\";\r\nimport dayjs, { type Dayjs } from \"dayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport { getAgentDetailReport, getCdrReport, getRecordingByCall } from \"./useAgentDetailReport\";\r\nimport { sdkStateManager } from \"../../hooks/sdk-state\";\r\nimport type {\r\n  AgentDetailReportResponse,\r\n  AgentDetailProfile,\r\n  CdrRecordResponse,\r\n  CdrReportParams,\r\n  ReportData,\r\n} from \"./types\";\r\nimport PageHeader from \"../common/components/PageHeader\";\r\n\r\nimport { SDKProvider } from \"../../components/SDKProvider\";\r\n\r\nconst C = {\r\n  navy: \"#0d2a56\", blue: \"#1565c8\", green: \"#0a9a62\", amber: \"#c47c00\",\r\n  red: \"#cc2a2a\", purple: \"#6b3fbf\", teal: \"#0b7a8f\",\r\n  bg: \"#fff\", surface: \"#fff\", s2: \"#f7f9fc\", s3: \"#eef2f7\",\r\n  b1: \"rgba(20,50,100,.07)\", b2: \"rgba(20,50,100,.13)\",\r\n  t1: \"#0d1e35\", t2: \"#364f6e\", t3: \"#7a93b5\", t4: \"#bccad9\",\r\n  blt: \"#e8f0fc\", glt: \"#e4f6ef\", alt: \"#fdf3e0\", rlt: \"#fde8e8\",\r\n  plt: \"#f0eafa\", tlt: \"#e3f4f7\",\r\n};\r\n\r\nconst monoSx = { fontFamily: \"'JetBrains Mono', monospace\", fontSize: 11, fontWeight: 600 };\r\nconst QUEUE_COLORS = [C.blue, C.green, C.purple, C.amber, C.teal, C.red, C.navy];\r\n\r\nfunction StatCard({ value, label, color }: { value: string | number; label: string; color: string }) {\r\n  return (\r\n    <Box sx={{\r\n      px: 1.5, py: 1.2,\r\n      borderRadius: \"10px\",\r\n      backgroundColor: \"#fafafa\",\r\n      border: \"1px solid #e0e0e0\",\r\n      borderLeftWidth: \"3px\",\r\n      borderLeftStyle: \"solid\",\r\n      borderLeftColor: color,\r\n    }}>\r\n      <Typography sx={{ fontFamily: \"poppins, Arial, sans-serif\", fontSize: \"0.72rem\", fontWeight: 600, color: \"#888\", mb: 0.3 }}>\r\n        {label}\r\n      </Typography>\r\n      <Typography sx={{ fontFamily: \"poppins, Arial, sans-serif\", fontSize: \"0.95rem\", fontWeight: 700, color: \"#1a1a1a\" }}>\r\n        {value}\r\n      </Typography>\r\n    </Box>\r\n  );\r\n}\r\n\r\nfunction StatusChip({ status }: { status: string }) {\r\n  const s = status?.toLowerCase();\r\n  const isAns = s === \"answered\";\r\n  const isAband = s === \"abandoned\";\r\n  return (\r\n    <Chip label={status || \"—\"} size=\"small\" sx={{\r\n      fontSize: 11, fontWeight: 700, height: 22,\r\n      background: isAns ? C.glt : isAband ? C.alt : C.rlt,\r\n      color: isAns ? C.green : isAband ? C.amber : C.red,\r\n      border: `1px solid ${isAns ? \"rgba(10,154,98,.2)\" : isAband ? \"rgba(196,124,0,.2)\" : \"rgba(204,42,42,.2)\"}`,\r\n      fontFamily: \"'JetBrains Mono', monospace\",\r\n    }} />\r\n  );\r\n}\r\n\r\nfunction CallTypeChip({ type }: { type: string }) {\r\n  const isIn = type?.toLowerCase() === \"inbound\";\r\n  return (\r\n    <Chip label={type || \"—\"} size=\"small\" sx={{\r\n      fontSize: 11, fontWeight: 700, height: 22,\r\n      background: isIn ? C.glt : C.blt,\r\n      color: isIn ? C.green : C.blue,\r\n      border: `1px solid ${isIn ? \"rgba(10,154,98,.2)\" : \"rgba(21,101,200,.2)\"}`,\r\n      fontFamily: \"'JetBrains Mono', monospace\",\r\n    }} />\r\n  );\r\n}\r\n\r\nfunction RecordingCell({ callUuid, recordingPath }: { callUuid: string; recordingPath: string | null }) {\r\n  const [audioUrl, setAudioUrl] = useState<string | null>(null);\r\n  const [loading, setLoading] = useState(false);\r\n  const [error, setError] = useState(false);\r\n\r\n  if (!recordingPath) {\r\n    return (\r\n      <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.3 }}>\r\n        <Tooltip title=\"No recording available\">\r\n          <span>\r\n            <IconButton size=\"small\" disabled sx={{ p: 0.4 }}>\r\n              <PlayArrowIcon sx={{ fontSize: 16 }} />\r\n            </IconButton>\r\n          </span>\r\n        </Tooltip>\r\n        <Tooltip title=\"No recording available\">\r\n          <span>\r\n            <IconButton size=\"small\" disabled sx={{ p: 0.4 }}>\r\n              <FileDownloadIcon sx={{ fontSize: 16 }} />\r\n            </IconButton>\r\n          </span>\r\n        </Tooltip>\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  const handlePlay = async () => {\r\n    if (audioUrl) return;\r\n    try {\r\n      setLoading(true);\r\n      setError(false);\r\n      const blob = await getRecordingByCall(callUuid);\r\n      const url = URL.createObjectURL(blob);\r\n      setAudioUrl(url);\r\n    } catch {\r\n      setError(true);\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  const handleDownload = async () => {\r\n    try {\r\n      const blob = audioUrl\r\n        ? await fetch(audioUrl).then((r) => r.blob())\r\n        : await getRecordingByCall(callUuid);\r\n      const url = URL.createObjectURL(blob);\r\n      const a = document.createElement(\"a\");\r\n      a.href = url;\r\n      a.download = `recording_${callUuid}.wav`;\r\n      a.click();\r\n      URL.revokeObjectURL(url);\r\n    } catch {\r\n      /* ignore */\r\n    }\r\n  };\r\n\r\n  if (audioUrl) {\r\n    return (\r\n      <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\r\n        <audio\r\n          controls\r\n          autoPlay\r\n          src={audioUrl}\r\n          onEnded={() => { if (audioUrl.startsWith(\"blob:\")) URL.revokeObjectURL(audioUrl); setAudioUrl(null); }}\r\n          style={{ width: 140, height: 30 }}\r\n        />\r\n        <Tooltip title=\"Download\">\r\n          <IconButton size=\"small\" onClick={handleDownload} sx={{ color: C.blue, p: 0.4 }}>\r\n            <FileDownloadIcon sx={{ fontSize: 16 }} />\r\n          </IconButton>\r\n        </Tooltip>\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.3 }}>\r\n      <Tooltip title={error ? \"Recording unavailable\" : \"Play\"}>\r\n        <span>\r\n          <IconButton size=\"small\" onClick={handlePlay} disabled={loading || error} sx={{ color: C.green, p: 0.4 }}>\r\n            {loading ? <CircularProgress size={14} /> : <PlayArrowIcon sx={{ fontSize: 16 }} />}\r\n          </IconButton>\r\n        </span>\r\n      </Tooltip>\r\n      <Tooltip title={error ? \"Recording unavailable\" : \"Download\"}>\r\n        <span>\r\n          <IconButton size=\"small\" onClick={handleDownload} disabled={loading || error} sx={{ color: C.blue, p: 0.4 }}>\r\n            <FileDownloadIcon sx={{ fontSize: 16 }} />\r\n          </IconButton>\r\n        </span>\r\n      </Tooltip>\r\n      {error && <Chip label=\"No File\" size=\"small\" sx={{ fontSize: \"0.6rem\", height: 18 }} />}\r\n    </Box>\r\n  );\r\n}\r\n\r\nconst cdrHeadSx = {\r\n  bgcolor: \"#f1f1f1\", color: \"#333\", fontWeight: 600,\r\n  whiteSpace: \"nowrap\" as const, fontSize: \"14px\",\r\n  py: 0.7, px: 1,\r\n};\r\n\r\nexport interface AgentDetailReportProps {\r\n  agentRow?: ReportData | null;\r\n  onBack?: () => void;\r\n  from?: \"REPORTS_LIST\" | string;\r\n  initialStartDate?: Dayjs | null;\r\n  initialEndDate?: Dayjs | null;\r\n  initialQuickRange?: string;\r\n}\r\n\r\nfunction AgentDetailReportContent({ agentRow: propAgentRow, onBack, from, initialStartDate, initialEndDate, initialQuickRange }: AgentDetailReportProps = {}) {\r\n  const agentRow: ReportData | null = propAgentRow || null;\r\n  const isFromReportsList = from === \"REPORTS_LIST\";\r\n  const agentIdFromRow = isFromReportsList\r\n    ? agentRow?.agentDetails?.agentId || \"\"\r\n    : sdkStateManager.getState().agentId || agentRow?.agentDetails?.agentId || \"\";\r\n\r\n  const [quickRange, setQuickRange] = useState<string>(initialQuickRange || \"today\");\r\n  const [startDate, setStartDate] = useState<Dayjs | null>(initialStartDate ?? dayjs());\r\n  const [endDate, setEndDate] = useState<Dayjs | null>(initialEndDate ?? dayjs());\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  const syncFilterToUrl = (_sd: Dayjs, _ed: Dayjs, _range: string) => { /* no-op in SDK context */ };\r\n\r\n  const [activeTab, setActiveTab] = useState(0);\r\n\r\n  const [detail, setDetail] = useState<AgentDetailReportResponse | null>(null);\r\n  const [detailLoading, setDetailLoading] = useState(!isFromReportsList);\r\n  const [detailError, setDetailError] = useState(\"\");\r\n\r\n  const [cdrRecords, setCdrRecords] = useState<CdrRecordResponse[]>([]);\r\n  const [cdrTotal, setCdrTotal] = useState(0);\r\n  const [cdrPage, setCdrPage] = useState(0);\r\n  const [cdrPageSize, setCdrPageSize] = useState(10);\r\n  const [cdrLoading, setCdrLoading] = useState(false);\r\n  const [cdrError, setCdrError] = useState(\"\");\r\n\r\n  const profile: AgentDetailProfile | null = detail?.profile || null;\r\n  const agentName = profile?.fullName || agentRow?.agentDetails?.fullName || \"Unknown Agent\";\r\n  const showInitialSpinner = !isFromReportsList && detailLoading && !profile && !agentRow?.agentDetails?.fullName;\r\n\r\n  const setQuick = (range: string) => {\r\n    setQuickRange(range);\r\n    const today = dayjs();\r\n    let sd: Dayjs = today;\r\n    const ed: Dayjs = today;\r\n    if (range === \"week\") sd = today.startOf(\"week\");\r\n    else if (range === \"month\") sd = today.startOf(\"month\");\r\n    setStartDate(sd);\r\n    setEndDate(ed);\r\n    syncFilterToUrl(sd, ed, range);\r\n  };\r\n\r\n  const fetchDetailFn = async (sd: Dayjs, ed: Dayjs) => {\r\n    if (!agentIdFromRow) return;\r\n    try {\r\n      setDetailLoading(true);\r\n      setDetailError(\"\");\r\n      const res = await getAgentDetailReport(agentIdFromRow, {\r\n        start_date: sd.startOf(\"day\").format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n        end_date: ed.isSame(dayjs(), \"day\") ? dayjs().format(\"YYYY-MM-DDTHH:mm:ss\") : ed.endOf(\"day\").format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n      });\r\n      setDetail(res);\r\n    } catch (err: any) {\r\n      setDetailError(err?.message || \"Failed to load agent detail\");\r\n    } finally {\r\n      setDetailLoading(false);\r\n    }\r\n  };\r\n\r\n  const fetchCdrFn = async (sd: Dayjs, ed: Dayjs, page: number, pageSize: number) => {\r\n    if (!agentIdFromRow) return;\r\n    try {\r\n      setCdrLoading(true);\r\n      setCdrError(\"\");\r\n      const params: CdrReportParams = {\r\n        start_date: sd.startOf(\"day\").format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n        end_date: ed.isSame(dayjs(), \"day\") ? dayjs().format(\"YYYY-MM-DDTHH:mm:ss\") : ed.endOf(\"day\").format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n        search: agentIdFromRow,\r\n        page: page + 1,\r\n        page_size: pageSize,\r\n      };\r\n      const res = await getCdrReport(params);\r\n      setCdrRecords(res.records?.data || []);\r\n      setCdrTotal(res.records?.total || 0);\r\n    } catch (err: any) {\r\n      setCdrError(err?.message || \"Failed to load call history\");\r\n    } finally {\r\n      setCdrLoading(false);\r\n    }\r\n  };\r\n\r\n  const handleSearch = (sd?: Dayjs | null, ed?: Dayjs | null) => {\r\n    const fromDate = sd ?? startDate;\r\n    const toDate = ed ?? endDate;\r\n    if (!fromDate || !toDate) return;\r\n    fetchDetailFn(fromDate, toDate);\r\n    setCdrPage(0);\r\n    if (activeTab === 1) fetchCdrFn(fromDate, toDate, 0, cdrPageSize);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (agentIdFromRow) fetchDetailFn(startDate ?? dayjs(), endDate ?? dayjs());\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [agentIdFromRow]);\r\n\r\n  useEffect(() => {\r\n    if (activeTab === 1 && startDate && endDate) {\r\n      fetchCdrFn(startDate, endDate, cdrPage, cdrPageSize);\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [activeTab, cdrPage, cdrPageSize]);\r\n\r\n  const hourlyCallData = useMemo(() => {\r\n    return (detail?.hourlyCalls || []).map((h) => ({\r\n      hour: String(h.hourOfDay).padStart(2, \"0\"),\r\n      answered: h.answeredCalls,\r\n      abandoned: h.missedCalls,\r\n    }));\r\n  }, [detail]);\r\n\r\n  const timeUtilData = useMemo(() => {\r\n    const tu = detail?.timeUtilisation;\r\n    if (!tu) return [];\r\n    const total = tu.totalLoginSeconds || 1;\r\n    return [\r\n      { name: \"On Call / Handle\", value: tu.onCallSeconds, pct: (tu.onCallSeconds / total) * 100, formatted: tu.onCallFormatted, color: C.blue },\r\n      { name: \"Idle\", value: tu.idleSeconds, pct: (tu.idleSeconds / total) * 100, formatted: tu.idleFormatted, color: \"#e8a0a0\" },\r\n      { name: \"Break\", value: tu.breakSeconds, pct: (tu.breakSeconds / total) * 100, formatted: tu.breakFormatted, color: C.amber },\r\n    ];\r\n  }, [detail]);\r\n\r\n  const talkDurationBuckets = useMemo(() => {\r\n    const items = [...(detail?.talkDistribution || [])].sort((a, b) => a.bucketOrder - b.bucketOrder);\r\n    const total = items.reduce((s, b) => s + (b.callCount || 0), 0);\r\n    return items.map((b) => ({\r\n      bucket: b.bucketLabel,\r\n      count: b.callCount,\r\n      minSeconds: b.minSeconds,\r\n      maxSeconds: b.maxSeconds,\r\n      pct: total > 0 ? (b.callCount / total) * 100 : 0,\r\n    }));\r\n  }, [detail]);\r\n\r\n  const talkDurationTotal = useMemo(\r\n    () => talkDurationBuckets.reduce((s, b) => s + (b.count || 0), 0),\r\n    [talkDurationBuckets],\r\n  );\r\n\r\n  const queuePieData = useMemo(() => {\r\n    return (detail?.callsByQueue || []).map((q, i) => ({\r\n      name: q.queueName,\r\n      value: q.callCount,\r\n      pctOfTotal: q.pctOfTotal,\r\n      color: QUEUE_COLORS[i % QUEUE_COLORS.length],\r\n    }));\r\n  }, [detail]);\r\n\r\n  const queueMetrics = useMemo(() => {\r\n    const items = detail?.queueMetrics || [];\r\n    const grandTotal = items.reduce((sum, q) => sum + q.totalCalls, 0);\r\n    return items.map((q, i) => ({\r\n      ...q,\r\n      pctOfTotal: grandTotal > 0 ? (q.totalCalls / grandTotal) * 100 : 0,\r\n      answerRate: q.totalCalls > 0 ? (q.answeredCalls / q.totalCalls) * 100 : 0,\r\n      color: QUEUE_COLORS[i % QUEUE_COLORS.length],\r\n    }));\r\n  }, [detail]);\r\n\r\n  const hourlyChartTitle = useMemo(() => {\r\n    if (quickRange === \"today\") return \"Hourly Call Volume — Today\";\r\n    if (quickRange === \"month\") return `Hourly Call Volume — ${dayjs().format(\"MMMM YYYY\")}`;\r\n    if (quickRange === \"week\") return \"Hourly Call Volume — This Week\";\r\n    if (startDate && endDate) {\r\n      if (startDate.isSame(endDate, \"day\")) return `Hourly Call Volume — ${startDate.format(\"DD MMM YYYY\")}`;\r\n      return `Hourly Call Volume — ${startDate.format(\"DD MMM YYYY\")} to ${endDate.format(\"DD MMM YYYY\")}`;\r\n    }\r\n    return \"Hourly Call Volume\";\r\n  }, [quickRange, startDate, endDate]);\r\n\r\n  const handleBack = useCallback(() => {\r\n    onBack?.();\r\n  }, [onBack]);\r\n\r\n  if (!agentIdFromRow) {\r\n    return (\r\n      <Box sx={{ p: 4, textAlign: \"center\" }}>\r\n        <Typography sx={{ color: C.t3, mb: 2 }}>No agent selected.</Typography>\r\n        {isFromReportsList && (\r\n          <AppButton onClick={handleBack}>\r\n            Go Back\r\n          </AppButton>\r\n        )}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  if (showInitialSpinner) {\r\n    return (\r\n      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\", minHeight: 400 }}>\r\n        <CircularProgress size={36} />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  const tabs = [\"Overview\", \"Call History\", \"Break Details\"];\r\n\r\n  return (\r\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\r\n      <Box sx={{ background: C.bg, minHeight: \"100vh\" }}>\r\n        <PageHeader\r\n          title={agentName}\r\n          showBack={isFromReportsList}\r\n          onBack={handleBack}\r\n        />\r\n\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, flexWrap: \"wrap\", pb: 1.5, px: 2 }}>\r\n          <DatePicker value={startDate} onChange={(val) => { const d = val as Dayjs | null; setStartDate(d); setQuickRange(\"custom\"); if (d && endDate) syncFilterToUrl(d, endDate, \"custom\"); }} slotProps={{ textField: { size: \"small\", sx: { width: 150, \"& .MuiOutlinedInput-root\": { borderRadius: \"7px\", fontSize: 12, height: 30 }, \"& .MuiInputBase-input\": { py: \"4px\", fontSize: 12 } } } }} />\r\n          <Typography sx={{ fontSize: 12, color: C.t3 }}>to</Typography>\r\n          <DatePicker value={endDate} onChange={(val) => { const d = val as Dayjs | null; setEndDate(d); setQuickRange(\"custom\"); if (startDate && d) syncFilterToUrl(startDate, d, \"custom\"); }} slotProps={{ textField: { size: \"small\", sx: { width: 150, \"& .MuiOutlinedInput-root\": { borderRadius: \"7px\", fontSize: 12, height: 30 }, \"& .MuiInputBase-input\": { py: \"4px\", fontSize: 12 } } } }} />\r\n          <AppButton variant={quickRange === \"today\" ? \"primary\" : \"outlined\"} onClick={() => { setQuick(\"today\"); handleSearch(dayjs(), dayjs()); }} sx={{ whiteSpace: \"nowrap\" }}>Today</AppButton>\r\n          <AppButton variant={quickRange === \"week\" ? \"primary\" : \"outlined\"} onClick={() => { setQuick(\"week\"); handleSearch(dayjs().startOf(\"week\"), dayjs()); }} sx={{ whiteSpace: \"nowrap\" }}>This Week</AppButton>\r\n          <AppButton variant={quickRange === \"month\" ? \"primary\" : \"outlined\"} onClick={() => { setQuick(\"month\"); handleSearch(dayjs().startOf(\"month\"), dayjs()); }} sx={{ whiteSpace: \"nowrap\" }}>This Month</AppButton>\r\n        </Box>\r\n\r\n        <Box sx={{ py: 2, px: 2, position: \"relative\" }}>\r\n          {detailLoading && (\r\n            <Box sx={{ position: \"absolute\", top: 0, left: 0, right: 0, bottom: 0, background: \"rgba(240,244,248,0.7)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", zIndex: 10 }}>\r\n              <CircularProgress />\r\n            </Box>\r\n          )}\r\n\r\n          {detailError && <Alert severity=\"error\" sx={{ mb: 2 }} onClose={() => setDetailError(\"\")}>{detailError}</Alert>}\r\n\r\n          <Box sx={{ display: \"grid\", gridTemplateColumns: { xs: \"1fr 1fr\", sm: \"repeat(3, 1fr)\", md: \"repeat(5, 1fr)\" }, gap: 1.5, mb: 2 }}>\r\n            {[\r\n              { v: profile?.totalCalls ?? 0, l: \"Total Calls\", c: C.navy },\r\n              { v: profile?.answeredCalls ?? 0, l: \"Answered\", c: C.green },\r\n              { v: profile?.missedCalls ?? 0, l: \"Missed\", c: C.red },\r\n              { v: profile?.avgAhtFormatted || \"00:00:00\", l: \"Avg AHT\", c: C.purple },\r\n              { v: `${(profile?.answerRate ?? 0).toFixed(1)}%`, l: \"Answer Rate\", c: C.green },\r\n              { v: profile?.loginDurationFormatted || \"00:00:00\", l: \"Login Duration\", c: C.blue },\r\n              { v: profile?.productionFormatted || \"00:00:00\", l: \"Production\", c: C.blue },\r\n              { v: profile?.handleTimeFormatted || \"00:00:00\", l: \"Handle Time\", c: C.purple },\r\n              { v: profile?.breakTimeFormatted || \"00:00:00\", l: \"Break Time\", c: C.amber },\r\n              { v: `${(profile?.adherencePct ?? 0).toFixed(1)}%`, l: `Adherence${profile?.adherenceGrade ? ` (${profile.adherenceGrade})` : \"\"}`, c: C.teal },\r\n            ].map((kpi, i) => (\r\n              <Box key={i} sx={{\r\n                px: 1.5, py: 1.2,\r\n                borderRadius: \"10px\",\r\n                backgroundColor: \"#fafafa\",\r\n                borderLeft: `3px solid ${kpi.c}`,\r\n                border: \"1px solid #e0e0e0\",\r\n                borderLeftWidth: \"3px\",\r\n                borderLeftStyle: \"solid\",\r\n                borderLeftColor: kpi.c,\r\n              }}>\r\n                <Typography sx={{\r\n                  fontFamily: \"poppins, Arial, sans-serif\",\r\n                  fontSize: \"0.72rem\", fontWeight: 600, color: \"#888\", mb: 0.3,\r\n                }}>\r\n                  {kpi.l}\r\n                </Typography>\r\n                <Typography sx={{\r\n                  fontFamily: \"poppins, Arial, sans-serif\",\r\n                  fontSize: \"0.95rem\", fontWeight: 700, color: \"#1a1a1a\",\r\n                }}>\r\n                  {kpi.v}\r\n                </Typography>\r\n              </Box>\r\n            ))}\r\n          </Box>\r\n\r\n          <Box sx={{ display: \"flex\", alignItems: { xs: \"flex-start\", sm: \"center\" }, justifyContent: \"space-between\", flexDirection: { xs: \"column\", sm: \"row\" }, gap: 1, borderBottom: `2px solid ${C.b1}`, mb: 2 }}>\r\n            <Box sx={{ display: \"flex\", gap: 0.5, flexWrap: \"wrap\" }}>\r\n              {tabs.map((tab, idx) => (\r\n                <Box key={tab} onClick={() => setActiveTab(idx)}\r\n                  sx={{\r\n                    px: 2, py: 1, fontSize: 13, fontWeight: 600, cursor: \"pointer\",\r\n                    color: activeTab === idx ? C.blue : C.t3,\r\n                    borderBottom: `2px solid ${activeTab === idx ? C.blue : \"transparent\"}`,\r\n                    mb: \"-2px\", transition: \"all .15s\", \"&:hover\": { color: C.t1 },\r\n                  }}>\r\n                  {tab}\r\n                </Box>\r\n              ))}\r\n            </Box>\r\n            <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5, mb: \"-2px\" }}>\r\n              <AppButton\r\n                size=\"small\"\r\n                startIcon={<RefreshIcon />}\r\n                disabled={detailLoading || cdrLoading}\r\n                onClick={() => handleSearch()}\r\n              >\r\n                Refresh\r\n              </AppButton>\r\n              <AppButton size=\"small\" startIcon={<SearchIcon />} onClick={() => handleSearch()}>\r\n                Search\r\n              </AppButton>\r\n            </Box>\r\n          </Box>\r\n\r\n          {activeTab === 0 && (\r\n            <Box>\r\n              <Box sx={{ display: \"grid\", gridTemplateColumns: { xs: \"1fr\", md: \"1fr 1fr\" }, gap: 2, mb: 2 }}>\r\n                <Box sx={{ border: `1px solid ${C.b1}`, borderRadius: \"10px\", overflow: \"hidden\", background: \"transparent\" }}>\r\n                  <Box sx={{ px: 2, py: 1.2, background: C.s2, borderBottom: `1px solid ${C.b1}`, display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }}>\r\n                    <Typography sx={{ fontSize: 12, fontWeight: 700, letterSpacing: 0.8, textTransform: \"uppercase\", color: C.t2 }}>{hourlyChartTitle}</Typography>\r\n                    <Chip label={agentName} size=\"small\" sx={{ fontSize: 11, fontWeight: 700, background: C.blt, color: C.blue, border: `1px solid rgba(21,101,200,.2)` }} />\r\n                  </Box>\r\n                  <Box sx={{ p: 2, height: 260 }}>\r\n                    <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                      <BarChart data={hourlyCallData} barGap={1}>\r\n                        <CartesianGrid strokeDasharray=\"3 3\" stroke={C.b1} />\r\n                        <XAxis dataKey=\"hour\" tick={{ fontSize: 11, fill: C.t3 }} />\r\n                        <YAxis tick={{ fontSize: 11, fill: C.t3 }} allowDecimals={false} />\r\n                        <RTooltip labelFormatter={(label) => `${String(label).padStart(2, \"0\")}:00`} contentStyle={{ fontSize: 12, borderRadius: 8, border: `1px solid ${C.b2}` }} />\r\n                        <Legend wrapperStyle={{ fontSize: 11 }} />\r\n                        <Bar dataKey=\"answered\" name=\"Answered\" fill={C.blue} radius={[3, 3, 0, 0]} />\r\n                        <Bar dataKey=\"abandoned\" name=\"Abandoned\" fill={C.red} radius={[3, 3, 0, 0]} />\r\n                      </BarChart>\r\n                    </ResponsiveContainer>\r\n                  </Box>\r\n                </Box>\r\n\r\n                <Box sx={{ border: `1px solid ${C.b1}`, borderRadius: \"10px\", overflow: \"hidden\", background: \"transparent\" }}>\r\n                  <Box sx={{ px: 2, py: 1.2, background: C.s2, borderBottom: `1px solid ${C.b1}` }}>\r\n                    <Typography sx={{ fontSize: 12, fontWeight: 700, letterSpacing: 0.8, textTransform: \"uppercase\", color: C.t2 }}>Time Utilisation Breakdown</Typography>\r\n                  </Box>\r\n                  <Box sx={{ p: 2, height: 260 }}>\r\n                    {timeUtilData.length > 0 ? (\r\n                      <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                        <PieChart>\r\n                          <Pie data={timeUtilData} cx=\"50%\" cy=\"50%\" innerRadius={60} outerRadius={95} dataKey=\"value\" nameKey=\"name\" minAngle={8}>\r\n                            {timeUtilData.map((entry, idx) => <Cell key={idx} fill={entry.color} />)}\r\n                          </Pie>\r\n                          <RTooltip formatter={(_val, name, entry) => [`${(entry as any).payload.formatted} (${(entry as any).payload.pct.toFixed(1)}%)`, name]} contentStyle={{ fontSize: 12, borderRadius: 8, border: `1px solid ${C.b2}` }} />\r\n                          <Legend wrapperStyle={{ fontSize: 12 }} formatter={(value: string) => <span style={{ color: C.t1, fontWeight: 500 }}>{value}</span>} />\r\n                        </PieChart>\r\n                      </ResponsiveContainer>\r\n                    ) : (\r\n                      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\", height: \"100%\", color: C.t3, fontSize: 13 }}>No data</Box>\r\n                    )}\r\n                  </Box>\r\n                </Box>\r\n              </Box>\r\n\r\n              <Box sx={{ border: `1px solid ${C.b1}`, borderRadius: \"10px\", overflow: \"hidden\", background: \"transparent\", mb: 2 }}>\r\n                <Box sx={{ px: 2, py: 1.2, background: C.s2, borderBottom: `1px solid ${C.b1}`, display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }}>\r\n                  <Typography sx={{ fontSize: 12, fontWeight: 700, letterSpacing: 0.8, textTransform: \"uppercase\", color: C.t2 }}>Talk Duration Distribution</Typography>\r\n                  <Chip label={`${talkDurationTotal} call${talkDurationTotal === 1 ? \"\" : \"s\"}`} size=\"small\" sx={{ fontSize: 11, fontWeight: 700, background: C.glt, color: C.green, border: `1px solid rgba(10,154,98,.2)` }} />\r\n                </Box>\r\n                <Box sx={{ p: 2, height: 260 }}>\r\n                  {talkDurationBuckets.length > 0 ? (\r\n                    <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                      <BarChart data={talkDurationBuckets} margin={{ top: 16, right: 16, left: 0, bottom: 20 }}>\r\n                        <CartesianGrid strokeDasharray=\"3 3\" stroke={C.b1} />\r\n                        <XAxis dataKey=\"bucket\" tick={{ fontSize: 11, fill: C.t3 }} label={{ value: \"Talking Duration\", position: \"insideBottom\", offset: -5, style: { fontSize: 11, fontWeight: 600, fill: C.t2 } }} />\r\n                        <YAxis tick={{ fontSize: 11, fill: C.t3 }} allowDecimals={false} label={{ value: \"Call Count\", angle: -90, position: \"insideLeft\", offset: 10, style: { fontSize: 11, fontWeight: 600, fill: C.t2 } }} />\r\n                        <RTooltip\r\n                          contentStyle={{ fontSize: 12, borderRadius: 8, border: `1px solid ${C.b2}` }}\r\n                          labelFormatter={(label, payload) => {\r\n                            const p = payload?.[0]?.payload as { minSeconds?: number; maxSeconds?: number } | undefined;\r\n                            if (!p) return String(label);\r\n                            return `${label} (${p.minSeconds}–${p.maxSeconds}s)`;\r\n                          }}\r\n                          formatter={(val, _name, entry) => {\r\n                            const pct = (entry as any)?.payload?.pct;\r\n                            return [`${val} call${val === 1 ? \"\" : \"s\"}${pct != null ? ` (${pct.toFixed(1)}%)` : \"\"}`, \"Calls\"];\r\n                          }}\r\n                        />\r\n                        <Bar dataKey=\"count\" name=\"Calls\" fill={C.teal} radius={[4, 4, 0, 0]}>\r\n                          <LabelList dataKey=\"count\" position=\"top\" style={{ fontSize: 11, fontWeight: 700, fill: C.t1 }} />\r\n                        </Bar>\r\n                      </BarChart>\r\n                    </ResponsiveContainer>\r\n                  ) : (\r\n                    <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\", height: \"100%\", color: C.t3, fontSize: 13 }}>No data</Box>\r\n                  )}\r\n                </Box>\r\n              </Box>\r\n\r\n              <Box sx={{ display: \"grid\", gridTemplateColumns: { xs: \"1fr\", md: \"1fr 1fr\" }, gap: 2 }}>\r\n                <Box sx={{ border: `1px solid ${C.b1}`, borderRadius: \"10px\", overflow: \"hidden\", background: \"transparent\" }}>\r\n                  <Box sx={{ px: 2, py: 1.2, background: C.s2, borderBottom: `1px solid ${C.b1}` }}>\r\n                    <Typography sx={{ fontSize: 12, fontWeight: 700, letterSpacing: 0.8, textTransform: \"uppercase\", color: C.t2 }}>Calls by Queue</Typography>\r\n                  </Box>\r\n                  <Box sx={{ p: 2, height: 260 }}>\r\n                    {queuePieData.length > 0 ? (\r\n                      <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                        <PieChart>\r\n                          <Pie data={queuePieData} cx=\"50%\" cy=\"50%\" outerRadius={90} dataKey=\"value\" nameKey=\"name\">\r\n                            {queuePieData.map((entry, idx) => <Cell key={idx} fill={entry.color} />)}\r\n                          </Pie>\r\n                          <RTooltip\r\n                            contentStyle={{ fontSize: 12, borderRadius: 8, border: `1px solid ${C.b2}` }}\r\n                            formatter={(val, name, entry) => {\r\n                              const pct = (entry as any)?.payload?.pctOfTotal;\r\n                              return [`${val} calls${pct != null ? ` (${pct.toFixed(1)}%)` : \"\"}`, name];\r\n                            }}\r\n                          />\r\n                          <Legend wrapperStyle={{ fontSize: 12 }} formatter={(value: string) => <span style={{ color: C.t1, fontWeight: 500 }}>{value}</span>} />\r\n                        </PieChart>\r\n                      </ResponsiveContainer>\r\n                    ) : (\r\n                      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\", height: \"100%\", color: C.t3, fontSize: 13 }}>No queue data</Box>\r\n                    )}\r\n                  </Box>\r\n                </Box>\r\n\r\n                <Box sx={{ border: `1px solid ${C.b1}`, borderRadius: \"10px\", overflow: \"hidden\", background: \"transparent\" }}>\r\n                  <Box sx={{ px: 2, py: 1.2, background: C.s2, borderBottom: `1px solid ${C.b1}` }}>\r\n                    <Typography sx={{ fontSize: 12, fontWeight: 700, letterSpacing: 0.8, textTransform: \"uppercase\", color: C.t2 }}>Queue Performance Metrics</Typography>\r\n                  </Box>\r\n                  <Box sx={{ p: 2 }}>\r\n                    {queueMetrics.length > 0 ? queueMetrics.map((q) => (\r\n                      <Box key={q.queueName} sx={{ mb: 2, \"&:last-child\": { mb: 0 } }}>\r\n                        <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", mb: 0.3 }}>\r\n                          <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\r\n                            <Box sx={{ width: 10, height: 10, borderRadius: \"50%\", background: q.color, flexShrink: 0 }} />\r\n                            <Typography sx={{ fontSize: 13, fontWeight: 700, color: C.t1 }}>{q.queueName}</Typography>\r\n                          </Box>\r\n                          <Typography sx={{ ...monoSx, fontSize: 13, fontWeight: 800, color: q.color }}>\r\n                            {q.totalCalls} calls\r\n                            <Typography component=\"span\" sx={{ ...monoSx, color: C.t3, ml: 0.5 }}>\r\n                              ({q.answeredCalls} ans / {q.missedCalls} miss)\r\n                            </Typography>\r\n                          </Typography>\r\n                        </Box>\r\n                        <Box sx={{ height: 6, background: C.s3, borderRadius: 3, overflow: \"hidden\", mb: 0.3 }}>\r\n                          <Box sx={{ height: \"100%\", width: `${q.pctOfTotal ?? 0}%`, background: q.color, borderRadius: 3 }} />\r\n                        </Box>\r\n                        <Box sx={{ display: \"flex\", flexWrap: \"wrap\", columnGap: 1.5, rowGap: 0.2 }}>\r\n                          <Typography sx={{ fontSize: 11, color: C.t3 }}>{(q.pctOfTotal ?? 0).toFixed(0)}% of total</Typography>\r\n                          <Typography sx={{ fontSize: 11, color: C.t3 }}>Ans: {(q.answerRate ?? 0).toFixed(0)}%</Typography>\r\n                          <Typography sx={{ fontSize: 11, color: C.t3 }}>Talk: <span style={{ ...monoSx, color: C.t2 }}>{q.avgTalkFormatted}</span></Typography>\r\n                          <Typography sx={{ fontSize: 11, color: C.t3 }}>Hold: <span style={{ ...monoSx, color: C.t2 }}>{q.avgHoldFormatted}</span></Typography>\r\n                          <Typography sx={{ fontSize: 11, color: C.t3 }}>Wrap: <span style={{ ...monoSx, color: C.t2 }}>{q.avgWrapupFormatted}</span></Typography>\r\n                          <Typography sx={{ fontSize: 11, color: C.t3 }}>AHT: <span style={{ ...monoSx, color: C.t2 }}>{q.avgAhtFormatted}</span></Typography>\r\n                        </Box>\r\n                      </Box>\r\n                    )) : (\r\n                      <Box sx={{ textAlign: \"center\", py: 4, color: C.t3, fontSize: 13 }}>No queue data</Box>\r\n                    )}\r\n                  </Box>\r\n                </Box>\r\n              </Box>\r\n            </Box>\r\n          )}\r\n\r\n          {activeTab === 1 && (\r\n            <Box sx={{ borderRadius: \"8px\", border: \"1px solid #e0e7ef\", overflow: \"hidden\", background: \"transparent\" }}>\r\n              <Box sx={{ px: 2, py: 1.2, background: C.s2, borderBottom: `1px solid ${C.b1}`, display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }}>\r\n                <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\r\n                  <Typography sx={{ fontSize: 12, fontWeight: 700, letterSpacing: 0.8, textTransform: \"uppercase\", color: C.t2 }}>Call History</Typography>\r\n                  <Chip label={`${cdrTotal} records`} size=\"small\" sx={{ fontSize: 11, fontWeight: 700, background: C.s2, color: C.t3, border: `1px solid ${C.b2}` }} />\r\n                </Box>\r\n              </Box>\r\n              {cdrError && <Alert severity=\"error\" sx={{ mx: 2, mt: 1 }} onClose={() => setCdrError(\"\")}>{cdrError}</Alert>}\r\n              <TableContainer sx={{ position: \"relative\" }}>\r\n                {cdrLoading && (\r\n                  <Box sx={{ position: \"absolute\", top: 0, left: 0, right: 0, bottom: 0, background: \"rgba(255,255,255,0.7)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", zIndex: 5 }}>\r\n                    <CircularProgress size={28} />\r\n                  </Box>\r\n                )}\r\n                <Table size=\"small\" sx={{\r\n                  minWidth: 1400,\r\n                  \"& .MuiTableCell-root\": { fontSize: \"0.75rem\", borderBottom: \"1px solid #eef1f6\", py: 0.6, px: 1 },\r\n                }}>\r\n                  <TableHead>\r\n                    <TableRow>\r\n                      {[\r\n                        \"Phone Number\", \"Call Start\", \"Call Type\", \"Status\", \"Queue\", \"Extension\",\r\n                        \"Talk Duration\", \"Hold Duration\", \"Ringing Duration\", \"Wrapup Duration\",\r\n                        \"Disposition\", \"Transferred\", \"Recording\",\r\n                      ].map((label) => (\r\n                        <TableCell key={label} sx={cdrHeadSx}>{label}</TableCell>\r\n                      ))}\r\n                    </TableRow>\r\n                  </TableHead>\r\n                  <TableBody>\r\n                    {cdrRecords.map((row, idx) => (\r\n                      <TableRow key={row.callUuid || idx} hover sx={{\r\n                        backgroundColor: \"#fff\",\r\n                        \"&:hover\": { backgroundColor: \"#f0f7f8\" },\r\n                      }}>\r\n                        <TableCell sx={{ fontWeight: 600, color: C.navy, fontSize: \"0.75rem\" }}>{row.phoneNumber || \"\"}</TableCell>\r\n                        <TableCell sx={{ fontSize: \"0.73rem\", color: \"#4a5568\" }}>\r\n                          {row.callStartTime ? dayjs(row.callStartTime).format(\"DD MMM YYYY hh:mm A\") : \"\"}\r\n                        </TableCell>\r\n                        <TableCell><CallTypeChip type={row.callType || \"\"} /></TableCell>\r\n                        <TableCell><StatusChip status={row.callStatus || \"\"} /></TableCell>\r\n                        <TableCell>\r\n                          {row.queueName\r\n                            ? <Chip label={row.queueName} size=\"small\" sx={{ backgroundColor: \"#f0ebfa\", color: C.purple, fontWeight: 500, fontSize: \"0.67rem\", height: 22 }} />\r\n                            : \"\"}\r\n                        </TableCell>\r\n                        <TableCell sx={{ fontSize: \"0.73rem\", color: \"#4a5568\" }}>{row.extension || \"\"}</TableCell>\r\n                        <TableCell sx={{ fontWeight: 600, color: C.blue, fontSize: \"0.75rem\", fontVariantNumeric: \"tabular-nums\" }}>{row.talkDurationFmt || \"\"}</TableCell>\r\n                        <TableCell sx={{ fontWeight: 500, color: C.amber, fontSize: \"0.75rem\", fontVariantNumeric: \"tabular-nums\" }}>{row.holdDurationFmt || \"\"}</TableCell>\r\n                        <TableCell sx={{ fontWeight: 500, fontSize: \"0.75rem\", fontVariantNumeric: \"tabular-nums\" }}>{row.ringingDurationFmt || \"\"}</TableCell>\r\n                        <TableCell sx={{ fontWeight: 500, color: C.purple, fontSize: \"0.75rem\", fontVariantNumeric: \"tabular-nums\" }}>{row.wrapupDurationFmt || \"\"}</TableCell>\r\n                        <TableCell sx={{ fontSize: \"0.73rem\", color: \"#4a5568\" }}>{row.disposition || \"\"}</TableCell>\r\n                        <TableCell>\r\n                          {row.wasTransferred\r\n                            ? <Chip label=\"Yes\" size=\"small\" sx={{ backgroundColor: \"#e6f7ef\", color: C.green, fontWeight: 600, fontSize: \"0.65rem\", height: 20, borderRadius: \"6px\" }} />\r\n                            : <Chip label=\"No\" size=\"small\" sx={{ backgroundColor: \"transparent\", color: \"#6b7b8d\", fontWeight: 600, fontSize: \"0.65rem\", height: 20, borderRadius: \"6px\" }} />}\r\n                        </TableCell>\r\n                        <TableCell>\r\n                          {row.callUuid ? <RecordingCell callUuid={row.callUuid} recordingPath={row.recordingPath ?? null} /> : \"\"}\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    ))}\r\n                    {!cdrLoading && cdrRecords.length === 0 && (\r\n                      <TableRow><TableCell colSpan={13} sx={{ textAlign: \"center\", py: 4, color: C.t3, fontSize: 13 }}>No call records found</TableCell></TableRow>\r\n                    )}\r\n                  </TableBody>\r\n                </Table>\r\n              </TableContainer>\r\n              <TablePagination\r\n                component=\"div\" count={cdrTotal} page={cdrPage}\r\n                onPageChange={(_, p) => setCdrPage(p)} rowsPerPage={cdrPageSize}\r\n                onRowsPerPageChange={(e) => { setCdrPageSize(parseInt(e.target.value, 10)); setCdrPage(0); }}\r\n                rowsPerPageOptions={[5, 10, 20, 25, 50]}\r\n                sx={{ borderTop: \"1px solid #eef1f6\", \"& .MuiTablePagination-displayedRows\": { fontSize: \"0.73rem\" }, \"& .MuiTablePagination-selectLabel\": { fontSize: \"0.73rem\" } }}\r\n              />\r\n            </Box>\r\n          )}\r\n\r\n          {activeTab === 2 && (\r\n            <Box>\r\n              <Box sx={{ display: \"grid\", gridTemplateColumns: { xs: \"1fr 1fr\", md: \"repeat(3, 1fr)\", lg: \"repeat(4, 1fr)\" }, gap: { xs: 1.5, lg: 2 }, mb: 2 }}>\r\n                <StatCard value={profile?.breakTimeFormatted || \"00:00:00\"} label=\"Total Break Time\" color={C.amber} />\r\n                <StatCard value={profile?.breaksTaken ?? 0} label=\"Breaks Taken\" color={C.purple} />\r\n                <StatCard value={profile?.productionFormatted || \"00:00:00\"} label=\"Production Time\" color={C.green} />\r\n                <StatCard value={profile?.loginDurationFormatted || \"00:00:00\"} label=\"Login Duration\" color={C.teal} />\r\n              </Box>\r\n\r\n              <Box>\r\n                <Typography sx={{ fontSize: \"0.72rem\", fontWeight: 700, color: \"#888\", textTransform: \"uppercase\", letterSpacing: 0.8, mb: 1, fontFamily: \"poppins, Arial, sans-serif\" }}>\r\n                  Attendance Summary\r\n                </Typography>\r\n                <Box sx={{ display: \"grid\", gridTemplateColumns: { xs: \"1fr 1fr\", md: \"repeat(4, 1fr)\" }, gap: 1.5 }}>\r\n                  {[\r\n                    { label: \"First Login\", value: profile?.firstLoginTime ? dayjs(profile.firstLoginTime).format(\"YYYY-MM-DD HH:mm:ss\") : \"—\", color: C.blue },\r\n                    { label: \"Adherence Score\", value: `${profile?.adherencePct ?? 0}%`, color: C.green },\r\n                    { label: \"Adherence Grade\", value: profile?.adherenceGrade || \"—\", color: C.purple },\r\n                    { label: \"Answer Rate\", value: `${(profile?.answerRate ?? 0).toFixed(1)}%`, color: C.teal },\r\n                  ].map((item) => (\r\n                    <Box key={item.label} sx={{\r\n                      px: 1.5, py: 1.2, borderRadius: \"10px\",\r\n                      backgroundColor: \"#fafafa\", border: \"1px solid #e0e0e0\",\r\n                      borderLeftWidth: \"3px\", borderLeftStyle: \"solid\", borderLeftColor: item.color,\r\n                    }}>\r\n                      <Typography sx={{ fontFamily: \"poppins, Arial, sans-serif\", fontSize: \"0.72rem\", fontWeight: 600, color: \"#888\", mb: 0.3 }}>{item.label}</Typography>\r\n                      <Typography sx={{ fontFamily: \"poppins, Arial, sans-serif\", fontSize: \"0.95rem\", fontWeight: 700, color: \"#1a1a1a\" }}>{item.value}</Typography>\r\n                    </Box>\r\n                  ))}\r\n                </Box>\r\n              </Box>\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      </Box>\r\n    </LocalizationProvider>\r\n  );\r\n}\r\n\r\nconst AgentDetailReport: React.FC<AgentDetailReportProps> = (props) => (\r\n  <SDKProvider>\r\n    <AgentDetailReportContent {...props} />\r\n  </SDKProvider>\r\n);\r\n\r\nexport default AgentDetailReport;\r\n","import { useCallback, useState } from \"react\";\r\nimport axiosInstance from \"../../services/axios\";\r\nimport { END_POINT } from \"../../services/endPoint\";\r\nimport type {\r\n\tAgentDetailReportParams,\r\n\tAgentDetailReportResponse,\r\n\tCdrReportParams,\r\n\tCdrReportResponse,\r\n} from \"./types\";\r\n\r\nfunction buildCdrQs(params: CdrReportParams): string {\r\n\tconst qs = new URLSearchParams();\r\n\tif (params.start_date) qs.append(\"start_date\", params.start_date);\r\n\tif (params.end_date) qs.append(\"end_date\", params.end_date);\r\n\tif (params.agent_id) for (const id of params.agent_id) qs.append(\"agent_id\", String(id));\r\n\tif (params.queue_id) for (const id of params.queue_id) qs.append(\"queue_id\", String(id));\r\n\tif (params.call_type) qs.append(\"call_type\", params.call_type);\r\n\tif (params.status) qs.append(\"status\", params.status);\r\n\tif (params.search) qs.append(\"search\", params.search);\r\n\tif (params.page) qs.append(\"page\", String(params.page));\r\n\tif (params.page_size) qs.append(\"page_size\", String(params.page_size));\r\n\tconst str = qs.toString();\r\n\treturn str ? `?${str}` : \"\";\r\n}\r\n\r\nexport function useAgentDetailReport() {\r\n\tconst [detail, setDetail] = useState<AgentDetailReportResponse | null>(null);\r\n\tconst [detailLoading, setDetailLoading] = useState(false);\r\n\tconst [detailError, setDetailError] = useState(\"\");\r\n\r\n\tconst fetchDetail = useCallback(\r\n\t\tasync (agentId: string, params: AgentDetailReportParams) => {\r\n\t\t\tif (!agentId) return;\r\n\t\t\tsetDetailLoading(true);\r\n\t\t\tsetDetailError(\"\");\r\n\t\t\ttry {\r\n\t\t\t\tconst qs = new URLSearchParams();\r\n\t\t\t\tif (params.start_date) qs.append(\"start_date\", params.start_date);\r\n\t\t\t\tif (params.end_date) qs.append(\"end_date\", params.end_date);\r\n\t\t\t\tconst qsStr = qs.toString();\r\n\t\t\t\tconst url = `${END_POINT.AGENT_DETAIL_REPORT(agentId)}${qsStr ? `?${qsStr}` : \"\"}`;\r\n\t\t\t\tconst res = await axiosInstance.get<AgentDetailReportResponse>(url);\r\n\t\t\t\tsetDetail(res.data);\r\n\t\t\t} catch (err: any) {\r\n\t\t\t\tsetDetailError(err?.response?.data?.message || err?.message || \"Failed to load agent detail\");\r\n\t\t\t\tsetDetail(null);\r\n\t\t\t} finally {\r\n\t\t\t\tsetDetailLoading(false);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[],\r\n\t);\r\n\r\n\treturn { detail, detailLoading, detailError, setDetailError, fetchDetail };\r\n}\r\n\r\nexport function useAgentCdrRecords() {\r\n\tconst [records, setRecords] = useState<CdrReportResponse[\"records\"][\"data\"]>([]);\r\n\tconst [total, setTotal] = useState(0);\r\n\tconst [loading, setLoading] = useState(false);\r\n\tconst [error, setError] = useState(\"\");\r\n\r\n\tconst fetchCdr = useCallback(async (params: CdrReportParams) => {\r\n\t\tsetLoading(true);\r\n\t\tsetError(\"\");\r\n\t\ttry {\r\n\t\t\tconst res = await axiosInstance.get<CdrReportResponse>(\r\n\t\t\t\t`${END_POINT.CDR_REPORT}${buildCdrQs(params)}`,\r\n\t\t\t);\r\n\t\t\tsetRecords(res.data?.records?.data || []);\r\n\t\t\tsetTotal(res.data?.records?.total || 0);\r\n\t\t} catch (err: any) {\r\n\t\t\tsetError(err?.response?.data?.message || err?.message || \"Failed to load call history\");\r\n\t\t\tsetRecords([]);\r\n\t\t\tsetTotal(0);\r\n\t\t} finally {\r\n\t\t\tsetLoading(false);\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn { records, total, loading, error, setError, fetchCdr };\r\n}\r\n\r\nexport async function fetchRecordingBlob(callUuid: string): Promise<Blob> {\r\n\tconst res = await axiosInstance.get(END_POINT.RECORDING_BY_CALL(callUuid), {\r\n\t\tresponseType: \"blob\",\r\n\t});\r\n\treturn res.data as Blob;\r\n}\r\n\r\nexport async function getAgentDetailReport(\r\n\tagentId: string,\r\n\tparams?: AgentDetailReportParams,\r\n): Promise<AgentDetailReportResponse> {\r\n\tconst qs = new URLSearchParams();\r\n\tif (params?.start_date) qs.append(\"start_date\", params.start_date);\r\n\tif (params?.end_date) qs.append(\"end_date\", params.end_date);\r\n\tconst qsStr = qs.toString();\r\n\tconst res = await axiosInstance.get<AgentDetailReportResponse>(\r\n\t\t`${END_POINT.AGENT_DETAIL_REPORT(agentId)}${qsStr ? `?${qsStr}` : \"\"}`,\r\n\t);\r\n\treturn res.data;\r\n}\r\n\r\nexport async function getCdrReport(params: CdrReportParams): Promise<CdrReportResponse> {\r\n\tconst qs = buildCdrQs(params);\r\n\tconst res = await axiosInstance.get<CdrReportResponse>(`${END_POINT.CDR_REPORT}${qs}`);\r\n\treturn res.data;\r\n}\r\n\r\nexport async function getRecordingByCall(callUuid: string): Promise<Blob> {\r\n\treturn fetchRecordingBlob(callUuid);\r\n}\r\n"],"mappings":"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","names":["useState","useCallback","useState","_a","_b","useCallback","_c"]}

package/dist/{chunk-G5Q2CBVN.mjs → chunk-MEZYC4O3.mjs}

@@ -205,4 +205,4 @@ export {
   AppButton,
   PageHeader
 };
-//# sourceMappingURL=chunk-G5Q2CBVN.mjs.map
+//# sourceMappingURL=chunk-MEZYC4O3.mjs.map

package/dist/chunk-MEZYC4O3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../call-control-sdk/lib/pages/common/components/AppButton.tsx","../call-control-sdk/lib/pages/common/components/PageHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, SxProps, Theme, useTheme } from '@mui/material';\r\nimport { alpha } from '@mui/material/styles';\r\n\r\ntype AppButtonVariant = 'primary' | 'danger' | 'cancel' | 'outlined';\r\n\r\ninterface AppButtonProps {\r\n  children: React.ReactNode;\r\n  variant?: AppButtonVariant;\r\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n  startIcon?: React.ReactNode;\r\n  endIcon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  size?: 'small' | 'medium' | 'large';\r\n  fullWidth?: boolean;\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nconst muiVariant: Record<AppButtonVariant, 'contained' | 'outlined' | 'text'> = {\r\n  primary: 'contained',\r\n  danger: 'contained',\r\n  cancel: 'text',\r\n  outlined: 'outlined',\r\n};\r\n\r\nexport default function AppButton({\r\n  children,\r\n  variant = 'primary',\r\n  onClick,\r\n  startIcon,\r\n  endIcon,\r\n  disabled = false,\r\n  type = 'button',\r\n  size = 'medium',\r\n  fullWidth = false,\r\n  sx,\r\n}: AppButtonProps) {\r\n  const theme = useTheme();\r\n  const primary = theme.palette.primary.main;\r\n  const primaryDark = theme.palette.primary.dark;\r\n\r\n  const styles: Record<AppButtonVariant, SxProps<Theme>> = {\r\n    primary: {\r\n      textTransform: 'none',\r\n      fontWeight: 600,\r\n      backgroundColor: primary,\r\n      borderRadius: '30px',\r\n      fontSize: '0.82rem',\r\n      px: 2,\r\n      boxShadow: `0 2px 8px ${alpha(primary, 0.25)}`,\r\n      '&:hover': {\r\n        backgroundColor: primaryDark,\r\n        boxShadow: `0 4px 12px ${alpha(primary, 0.35)}`,\r\n      },\r\n      '&.Mui-disabled': {\r\n        backgroundColor: alpha(primary, 0.4),\r\n        color: '#fff',\r\n      },\r\n    },\r\n    danger: {\r\n      textTransform: 'none',\r\n      fontWeight: 600,\r\n      backgroundColor: '#d32f2f',\r\n      borderRadius: '8px',\r\n      fontSize: '0.82rem',\r\n      px: 2,\r\n      '&:hover': { backgroundColor: '#b71c1c' },\r\n      '&.Mui-disabled': { backgroundColor: '#e57373', color: '#fff' },\r\n    },\r\n    cancel: {\r\n      textTransform: 'none',\r\n      fontWeight: 600,\r\n      color: '#666',\r\n      borderRadius: '30px',\r\n      fontSize: '0.82rem',\r\n      px: 2,\r\n      border: '1px solid #d0d0d0',\r\n      '&:hover': { backgroundColor: '#f5f5f5', borderColor: '#bbb' },\r\n    },\r\n    outlined: {\r\n      textTransform: 'none',\r\n      fontWeight: 600,\r\n      color: primary,\r\n      borderColor: primary,\r\n      borderRadius: '30px',\r\n      fontSize: '0.82rem',\r\n      px: 2,\r\n      '&:hover': { borderColor: primaryDark, backgroundColor: alpha(primary, 0.05) },\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Button\r\n      variant={muiVariant[variant]}\r\n      onClick={onClick}\r\n      startIcon={startIcon}\r\n      endIcon={endIcon}\r\n      disabled={disabled}\r\n      type={type}\r\n      size={size}\r\n      fullWidth={fullWidth}\r\n      sx={[styles[variant], ...(Array.isArray(sx) ? sx : [sx])]}\r\n    >\r\n      {children}\r\n    </Button>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { Box, Typography, IconButton } from \"@mui/material\";\r\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\r\n\r\ninterface PageHeaderProps {\r\n  title: string;\r\n  subtitle?: React.ReactNode;\r\n  avatar?: React.ReactNode;\r\n  showBack?: boolean;\r\n  onBack?: () => void;\r\n  actions?: React.ReactNode;\r\n  count?: number;\r\n  countLabel?: string;\r\n}\r\n\r\nexport default function PageHeader({\r\n  title,\r\n  subtitle,\r\n  avatar,\r\n  showBack = false,\r\n  onBack,\r\n  actions,\r\n  count,\r\n  countLabel = \"items\",\r\n}: PageHeaderProps) {\r\n  const handleBack = () => onBack?.();\r\n\r\n  return (\r\n    <Box sx={{ px: { xs: 2, md: 2.5 }, py: \"14px\" }}>\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          alignItems: { xs: \"flex-start\", sm: \"center\" },\r\n          justifyContent: \"space-between\",\r\n          flexDirection: { xs: \"column\", sm: \"row\" },\r\n          gap: 1,\r\n        }}\r\n      >\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.25, minWidth: 0 }}>\r\n          {showBack && (\r\n            <IconButton\r\n              onClick={handleBack}\r\n              size=\"small\"\r\n              sx={{\r\n                width: 30,\r\n                height: 30,\r\n                flexShrink: 0,\r\n                border: \"none\",\r\n                borderRadius: \"6px\",\r\n                backgroundColor: \"action.hover\",\r\n                color: \"text.secondary\",\r\n                \"&:hover\": { backgroundColor: \"action.selected\", color: \"text.primary\" },\r\n                transition: \"all 0.15s ease\",\r\n              }}\r\n            >\r\n              <ArrowBackIcon sx={{ fontSize: 15 }} />\r\n            </IconButton>\r\n          )}\r\n          {avatar}\r\n          <Box>\r\n            <Typography\r\n              sx={{\r\n                fontWeight: 700,\r\n                fontSize: { xs: \"1.25rem\", sm: \"1.5rem\", lg: \"1.75rem\" },\r\n                color: \"text.primary\",\r\n                lineHeight: 1.3,\r\n                whiteSpace: \"nowrap\",\r\n                overflow: \"hidden\",\r\n                textOverflow: \"ellipsis\",\r\n                pl: !showBack ? 0 : 2,\r\n              }}\r\n            >\r\n              {title}\r\n            </Typography>\r\n            {subtitle && (\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"0.78rem\",\r\n                  color: \"text.secondary\",\r\n                  pl: !showBack ? 0 : 2,\r\n                  mt: 0.2,\r\n                  lineHeight: 1.4,\r\n                }}\r\n              >\r\n                {subtitle}\r\n              </Typography>\r\n            )}\r\n          </Box>\r\n        </Box>\r\n        <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, flexShrink: 0 }}>\r\n          {count !== undefined && (\r\n            <Box\r\n              sx={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: \"5px\",\r\n                px: \"10px\",\r\n                height: 32,\r\n                border: \"1px solid\",\r\n                borderColor: \"divider\",\r\n                borderRadius: \"6px\",\r\n                backgroundColor: \"background.paper\",\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              <Box sx={{ width: 6, height: 6, borderRadius: \"50%\", backgroundColor: \"#1A5F6C\", flexShrink: 0 }} />\r\n              <Typography sx={{ fontSize: \"0.75rem\", color: \"text.secondary\" }}>\r\n                {count} {countLabel}\r\n              </Typography>\r\n            </Box>\r\n          )}\r\n          {actions}\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n"],"mappings":"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","names":["jsx"]}

package/dist/{chunk-FLRD7IKP.mjs → chunk-TBSIFI22.mjs}

@@ -1,6 +1,6 @@
 import {
   AppButton
-} from "./chunk-G5Q2CBVN.mjs";
+} from "./chunk-MEZYC4O3.mjs";
 import {
   END_POINT,
   __spreadProps,
@@ -426,4 +426,4 @@ export {
   sortLabelSx,
   reportBodyCellSx
 };
-//# sourceMappingURL=chunk-FLRD7IKP.mjs.map
+//# sourceMappingURL=chunk-TBSIFI22.mjs.map

package/dist/chunk-TBSIFI22.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../call-control-sdk/lib/pages/common/components/SearchBar.tsx","../call-control-sdk/lib/pages/common/components/ReportFilterBar.tsx","../call-control-sdk/lib/pages/common/components/DateRangePicker.tsx","../call-control-sdk/lib/pages/common/components/AgentMultiSelect.tsx","../call-control-sdk/lib/pages/common/utils/tableStyles.ts"],"sourcesContent":["import React from \"react\";\r\nimport { TextField, InputAdornment, IconButton } from \"@mui/material\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\ninterface SearchBarProps {\r\n  value: string;\r\n  onChange: (value: string) => void;\r\n  placeholder?: string;\r\n  iconPosition?: \"start\" | \"end\";\r\n  showClear?: boolean;\r\n  width?: number | string | Record<string, number | string>;\r\n  borderRadius?: number | string;\r\n  autoFocus?: boolean;\r\n  inputRef?: React.Ref<any>;\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nexport default function SearchBar({\r\n  value,\r\n  onChange,\r\n  placeholder = \"Search...\",\r\n  iconPosition = \"start\",\r\n  showClear = true,\r\n  width = 250,\r\n  borderRadius = \"50px\",\r\n  autoFocus = false,\r\n  inputRef,\r\n  sx,\r\n}: SearchBarProps) {\r\n  const searchAdornment = (\r\n    <InputAdornment position={iconPosition}>\r\n      <SearchIcon sx={{ color: \"#1A5F6C\", fontSize: 18 }} />\r\n    </InputAdornment>\r\n  );\r\n\r\n  const clearButton =\r\n    showClear && value ? (\r\n      <InputAdornment position=\"end\">\r\n        <IconButton size=\"small\" onClick={() => onChange(\"\")} edge=\"end\">\r\n          <CloseIcon sx={{ fontSize: 16, color: \"#94a3b8\" }} />\r\n        </IconButton>\r\n      </InputAdornment>\r\n    ) : null;\r\n\r\n  const startAdornment = iconPosition === \"start\" ? searchAdornment : undefined;\r\n  const endAdornment =\r\n    iconPosition === \"end\" ? (\r\n      <>\r\n        {clearButton}\r\n        {searchAdornment}\r\n      </>\r\n    ) : (\r\n      clearButton || undefined\r\n    );\r\n\r\n  return (\r\n    <TextField\r\n      size=\"small\"\r\n      placeholder={placeholder}\r\n      value={value}\r\n      autoFocus={autoFocus}\r\n      inputRef={inputRef}\r\n      onChange={(e) => onChange(e.target.value)}\r\n      InputProps={{ startAdornment, endAdornment }}\r\n      sx={{\r\n        width,\r\n        \"& .MuiOutlinedInput-root\": {\r\n          borderRadius,\r\n          height: 36,\r\n          backgroundColor: \"#f5f7f8\",\r\n          \"& fieldset\": { borderColor: \"#dde3e8\" },\r\n          \"&:hover fieldset\": { borderColor: \"#1A5F6C\" },\r\n          \"&.Mui-focused fieldset\": { borderColor: \"#1A5F6C\", borderWidth: \"1.5px\" },\r\n        },\r\n        \"& .MuiInputBase-input\": {\r\n          fontSize: \"0.85rem\",\r\n          \"&::placeholder\": { color: \"#94a3b8\", opacity: 1 },\r\n        },\r\n        ...((sx as object) || {}),\r\n      }}\r\n    />\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  Box,\r\n  Checkbox,\r\n  FormControl,\r\n  InputLabel,\r\n  MenuItem,\r\n  Select,\r\n  TextField,\r\n  CircularProgress,\r\n} from \"@mui/material\";\r\nimport AppButton from \"./AppButton\";\r\nimport dayjs, { Dayjs } from \"dayjs\";\r\nimport isoWeek from \"dayjs/plugin/isoWeek\";\r\nimport SearchBar from \"./SearchBar\";\r\nimport DateRangePicker from \"./DateRangePicker\";\r\nimport AgentMultiSelect, { type AgentOption } from \"./AgentMultiSelect\";\r\nimport { type Queue } from \"../services/queueService\";\r\n\r\ndayjs.extend(isoWeek);\r\n\r\nconst FILTER_HEIGHT = 32;\r\n\r\ntype QuickRange = \"today\" | \"week\" | \"month\" | \"\";\r\n\r\ninterface ProcessOption {\r\n  label: string;\r\n  value: string;\r\n}\r\n\r\ninterface ReportFilterBarProps {\r\n  startDate: Dayjs | null;\r\n  endDate: Dayjs | null;\r\n  onStartChange: (val: Dayjs | null) => void;\r\n  onEndChange: (val: Dayjs | null) => void;\r\n  showTime?: boolean;\r\n  quickRange: string;\r\n  onQuickRangeChange: (range: QuickRange) => void;\r\n  showAgentSelect?: boolean;\r\n  selectedAgents?: AgentOption[];\r\n  onAgentsChange?: (agents: AgentOption[]) => void;\r\n  showQueueSelect?: boolean;\r\n  queues?: Queue[];\r\n  selectedQueues?: Queue[];\r\n  onQueuesChange?: (queues: Queue[]) => void;\r\n  showProcessSelect?: boolean;\r\n  processes?: ProcessOption[];\r\n  selectedProcess?: string;\r\n  onProcessChange?: (process: string) => void;\r\n  showSearchBar?: boolean;\r\n  searchValue?: string;\r\n  onSearchChange?: (value: string) => void;\r\n  searchPlaceholder?: string;\r\n  showSearchButton?: boolean;\r\n  onSearch?: () => void;\r\n  loading?: boolean;\r\n  extra?: React.ReactNode;\r\n}\r\n\r\nexport default function ReportFilterBar({\r\n  startDate,\r\n  endDate,\r\n  onStartChange,\r\n  onEndChange,\r\n  showTime = true,\r\n  quickRange,\r\n  onQuickRangeChange,\r\n  showAgentSelect = false,\r\n  selectedAgents = [],\r\n  onAgentsChange,\r\n  showQueueSelect = false,\r\n  queues = [],\r\n  selectedQueues = [],\r\n  onQueuesChange,\r\n  showProcessSelect = false,\r\n  processes = [],\r\n  selectedProcess = \"\",\r\n  onProcessChange,\r\n  showSearchBar = false,\r\n  searchValue = \"\",\r\n  onSearchChange,\r\n  searchPlaceholder = \"Search...\",\r\n  showSearchButton = false,\r\n  onSearch,\r\n  loading = false,\r\n  extra,\r\n}: ReportFilterBarProps) {\r\n  const setQuick = (range: QuickRange) => {\r\n    onQuickRangeChange(range);\r\n    const today = dayjs();\r\n    let sd: Dayjs = today.startOf(\"day\");\r\n    const ed: Dayjs = today;\r\n    if (range === \"week\") sd = today.startOf(\"week\").startOf(\"day\");\r\n    else if (range === \"month\") sd = today.startOf(\"month\").startOf(\"day\");\r\n    onStartChange(sd);\r\n    onEndChange(ed);\r\n  };\r\n\r\n  return (\r\n    <Box sx={{ py: 0.6, px: 1, display: \"flex\", alignItems: \"center\", gap: 1, flexWrap: \"wrap\", rowGap: 1 }}>\r\n      <DateRangePicker\r\n        startDate={startDate}\r\n        endDate={endDate}\r\n        onStartChange={(v) => { onStartChange(v); onQuickRangeChange(\"\"); }}\r\n        onEndChange={(v) => { onEndChange(v); onQuickRangeChange(\"\"); }}\r\n        showTime={showTime}\r\n      />\r\n\r\n      <AppButton variant={quickRange === \"today\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"today\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n        Today\r\n      </AppButton>\r\n      <AppButton variant={quickRange === \"week\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"week\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n        This Week\r\n      </AppButton>\r\n      <AppButton variant={quickRange === \"month\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"month\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n        This Month\r\n      </AppButton>\r\n\r\n      {showAgentSelect && onAgentsChange && (\r\n        <AgentMultiSelect value={selectedAgents} onChange={onAgentsChange} minWidth={130} />\r\n      )}\r\n\r\n      {showQueueSelect && onQueuesChange && (\r\n        <FormControl size=\"small\" sx={{ minWidth: 130 }}>\r\n          <InputLabel sx={{ fontSize: \"0.76rem\" }}>All Queues</InputLabel>\r\n          <Select\r\n            multiple\r\n            sx={{ fontSize: \"0.76rem\", height: FILTER_HEIGHT, borderRadius: \"6px\" }}\r\n            MenuProps={{\r\n              PaperProps: {\r\n                sx: {\r\n                  maxHeight: 280,\r\n                  \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n                },\r\n              },\r\n            }}\r\n            value={selectedQueues.map((q) => q.id)}\r\n            label=\"All Queues\"\r\n            onChange={(e) => {\r\n              const ids = e.target.value as number[];\r\n              if (ids.includes(-1)) {\r\n                onQueuesChange(selectedQueues.length === queues.length ? [] : [...queues]);\r\n              } else {\r\n                onQueuesChange(queues.filter((q) => ids.includes(q.id)));\r\n              }\r\n            }}\r\n            renderValue={(selected) => {\r\n              if ((selected as number[]).length === 0) return \"All Queues\";\r\n              if ((selected as number[]).length === queues.length) return \"All Queues\";\r\n              return `${(selected as number[]).length} Queue(s)`;\r\n            }}\r\n          >\r\n            <MenuItem value={-1}>\r\n              <Checkbox checked={selectedQueues.length === queues.length && queues.length > 0} size=\"small\" />\r\n              Select All\r\n            </MenuItem>\r\n            {queues.map((q) => (\r\n              <MenuItem key={q.id} value={q.id}>\r\n                <Checkbox checked={selectedQueues.some((sq) => sq.id === q.id)} size=\"small\" />\r\n                {q.name}\r\n              </MenuItem>\r\n            ))}\r\n          </Select>\r\n        </FormControl>\r\n      )}\r\n\r\n      {showProcessSelect && processes.length > 0 && onProcessChange && (\r\n        <TextField\r\n          select\r\n          size=\"small\"\r\n          value={selectedProcess}\r\n          onChange={(e) => onProcessChange(e.target.value)}\r\n          sx={{ width: 140, \"& .MuiOutlinedInput-root\": { height: FILTER_HEIGHT, borderRadius: \"6px\", fontSize: 13 } }}\r\n        >\r\n          {processes.map((p) => (\r\n            <option key={p.value} value={p.value}>\r\n              {p.label}\r\n            </option>\r\n          ))}\r\n        </TextField>\r\n      )}\r\n\r\n      {showSearchBar && onSearchChange && (\r\n        <SearchBar\r\n          value={searchValue}\r\n          onChange={onSearchChange}\r\n          placeholder={searchPlaceholder}\r\n          width={200}\r\n          borderRadius=\"6px\"\r\n          sx={{ \"& .MuiOutlinedInput-root\": { height: FILTER_HEIGHT, fontSize: 13 } }}\r\n        />\r\n      )}\r\n\r\n      {showSearchButton && onSearch && (\r\n        <AppButton onClick={onSearch} disabled={loading} sx={{ height: FILTER_HEIGHT }}>\r\n          {loading ? <CircularProgress size={16} sx={{ color: \"#fff\" }} /> : \"Search\"}\r\n        </AppButton>\r\n      )}\r\n\r\n      {extra}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport type { QuickRange, ProcessOption, ReportFilterBarProps };\r\n","import { Fragment } from \"react\";\r\nimport { Typography } from \"@mui/material\";\r\nimport dayjs, { Dayjs } from \"dayjs\";\r\nimport { DateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\n\r\nconst pickerSx = {\r\n  width: 170,\r\n  \"& .MuiOutlinedInput-root\": { borderRadius: \"6px\", height: 32, px: 0.5 },\r\n  \"& .MuiInputBase-input\": { py: 0, px: \"4px\", fontSize: \"0.72rem\" },\r\n  \"& .MuiInputAdornment-root\": { ml: 0 },\r\n  \"& .MuiInputAdornment-root .MuiSvgIcon-root\": { fontSize: \"0.8rem\" },\r\n  \"& .MuiOutlinedInput-notchedOutline\": { borderColor: \"#c0c8d4\" },\r\n  \"& .MuiPickersSectionList-root\": { py: \"4px\", px: 0, fontSize: 12 },\r\n};\r\n\r\ninterface DateRangePickerProps {\r\n  startDate: Dayjs | null;\r\n  endDate: Dayjs | null;\r\n  onStartChange: (val: Dayjs | null) => void;\r\n  onEndChange: (val: Dayjs | null) => void;\r\n  showTime?: boolean;\r\n}\r\n\r\nexport default function DateRangePicker({\r\n  startDate,\r\n  endDate,\r\n  onStartChange,\r\n  onEndChange,\r\n  showTime = true,\r\n}: DateRangePickerProps) {\r\n  const Picker = showTime ? DateTimePicker : DatePicker;\r\n  const format = showTime ? \"DD-MM-YYYY hh:mm A\" : undefined;\r\n  const now = dayjs();\r\n  const minKey = showTime ? \"minDateTime\" : \"minDate\";\r\n  const maxKey = showTime ? \"maxDateTime\" : \"maxDate\";\r\n\r\n  const clampFuture = (v: Dayjs | null): Dayjs | null => {\r\n    if (!v) return v;\r\n    const current = dayjs();\r\n    return v.isAfter(current) ? current : v;\r\n  };\r\n\r\n  const handleStartChange = (v: Dayjs | null) => {\r\n    const clamped = clampFuture(v);\r\n    onStartChange(clamped);\r\n    if (clamped && endDate && endDate.isBefore(clamped)) {\r\n      onEndChange(clamped);\r\n    }\r\n  };\r\n\r\n  const handleEndChange = (v: Dayjs | null) => {\r\n    let clamped = clampFuture(v);\r\n    if (clamped && startDate && clamped.isBefore(startDate)) {\r\n      clamped = startDate;\r\n    }\r\n    onEndChange(clamped);\r\n  };\r\n\r\n  const startMax = endDate && endDate.isBefore(now) ? endDate : now;\r\n  const startPickerBounds = { [maxKey]: startMax };\r\n  const endPickerBounds = {\r\n    [maxKey]: now,\r\n    ...(startDate ? { [minKey]: startDate } : {}),\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Picker\r\n        value={startDate}\r\n        onChange={(v) => handleStartChange(v as Dayjs | null)}\r\n        disableFuture\r\n        {...startPickerBounds}\r\n        {...(format ? { format } : {})}\r\n        slotProps={{ textField: { size: \"small\" as const, sx: pickerSx } }}\r\n      />\r\n      <Typography sx={{ fontSize: \"0.72rem\", color: \"#7a8599\" }}>to</Typography>\r\n      <Picker\r\n        value={endDate}\r\n        onChange={(v) => handleEndChange(v as Dayjs | null)}\r\n        disableFuture\r\n        {...endPickerBounds}\r\n        {...(format ? { format } : {})}\r\n        slotProps={{ textField: { size: \"small\" as const, sx: pickerSx } }}\r\n      />\r\n    </Fragment>\r\n  );\r\n}\r\n","import { useState, useEffect } from \"react\";\r\nimport {\r\n  Checkbox,\r\n  FormControl,\r\n  InputLabel,\r\n  MenuItem,\r\n  Select,\r\n  CircularProgress,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport axiosInstance from \"../../../services/axios\";\r\nimport { END_POINT } from \"../../../services/endPoint\";\r\n\r\ninterface User {\r\n  id: number;\r\n  userId: string;\r\n  firstName: string;\r\n  lastName: string;\r\n  role: any;\r\n}\r\n\r\nasync function getUsers(params?: { role?: string }): Promise<User[]> {\r\n  const res = await axiosInstance.get(END_POINT.USERS_LIST, { params });\r\n  return Array.isArray(res.data) ? res.data : Array.isArray(res.data?.data) ? res.data.data : [];\r\n}\r\n\r\nexport interface AgentOption {\r\n  id: number;\r\n  userId: string;\r\n  displayName: string;\r\n}\r\n\r\ninterface AgentMultiSelectProps {\r\n  value: AgentOption[];\r\n  onChange: (agents: AgentOption[]) => void;\r\n  agents?: AgentOption[];\r\n  label?: string;\r\n  placeholder?: string;\r\n  role?: string;\r\n  minWidth?: number;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst SELECT_ALL_ID = -999;\r\n\r\nexport default function AgentMultiSelect({\r\n  value,\r\n  onChange,\r\n  agents: externalAgents,\r\n  label = \"Agents\",\r\n  placeholder = \"All Agents\",\r\n  role = \"AGENT\",\r\n  minWidth = 160,\r\n  disabled = false,\r\n}: AgentMultiSelectProps) {\r\n  const [internalAgents, setInternalAgents] = useState<AgentOption[]>([]);\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  const agents = externalAgents ?? internalAgents;\r\n\r\n  useEffect(() => {\r\n    if (externalAgents) return;\r\n    let cancelled = false;\r\n    (async () => {\r\n      try {\r\n        setLoading(true);\r\n        const users = await getUsers({ role });\r\n        if (cancelled) return;\r\n        const filtered = (users || []).filter((u: User) => {\r\n          const roleName =\r\n            typeof u.role === \"object\" && u.role !== null ? u.role.name : u.role;\r\n          return roleName === role;\r\n        });\r\n        setInternalAgents(\r\n          filtered.map((u: User) => ({\r\n            id: u.id,\r\n            userId: u.userId,\r\n            displayName:\r\n              [u.firstName, u.lastName].filter(Boolean).join(\" \") || u.userId,\r\n          })),\r\n        );\r\n      } catch {\r\n        /* silently fail */\r\n      } finally {\r\n        if (!cancelled) setLoading(false);\r\n      }\r\n    })();\r\n    return () => {\r\n      cancelled = true;\r\n    };\r\n  }, [externalAgents, role]);\r\n\r\n  const selectedIds = value.map((a) => a.id);\r\n  const allSelected = agents.length > 0 && value.length === agents.length;\r\n\r\n  const handleChange = (ids: number[]) => {\r\n    if (ids.includes(SELECT_ALL_ID)) {\r\n      onChange(allSelected ? [] : [...agents]);\r\n    } else {\r\n      onChange(agents.filter((a) => ids.includes(a.id)));\r\n    }\r\n  };\r\n\r\n  const renderValue = (selected: unknown) => {\r\n    const sel = selected as number[];\r\n    if (sel.length === 0 || sel.length === agents.length) return placeholder;\r\n    return `${sel.length} Agent(s)`;\r\n  };\r\n\r\n  return (\r\n    <FormControl size=\"small\" sx={{ minWidth }} disabled={disabled || loading}>\r\n      <InputLabel sx={{ fontSize: \"0.76rem\" }}>{label}</InputLabel>\r\n      <Select\r\n        multiple\r\n        value={selectedIds}\r\n        label={label}\r\n        onChange={(e) => handleChange(e.target.value as number[])}\r\n        renderValue={renderValue}\r\n        sx={{ fontSize: \"0.76rem\", height: 32, borderRadius: \"6px\" }}\r\n        MenuProps={{\r\n          PaperProps: {\r\n            sx: {\r\n              maxHeight: 280,\r\n              \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        {loading && (\r\n          <MenuItem disabled>\r\n            <CircularProgress size={16} sx={{ mr: 1 }} /> Loading…\r\n          </MenuItem>\r\n        )}\r\n        {!loading && (\r\n          <MenuItem value={SELECT_ALL_ID}>\r\n            <Checkbox checked={allSelected} indeterminate={value.length > 0 && !allSelected} size=\"small\" />\r\n            Select All\r\n          </MenuItem>\r\n        )}\r\n        {!loading &&\r\n          agents.map((agent) => (\r\n            <MenuItem key={agent.id} value={agent.id}>\r\n              <Checkbox checked={selectedIds.includes(agent.id)} size=\"small\" />\r\n              <Typography noWrap sx={{ fontSize: \"0.76rem\", maxWidth: 180 }} title={agent.displayName}>\r\n                {agent.displayName}\r\n              </Typography>\r\n            </MenuItem>\r\n          ))}\r\n      </Select>\r\n    </FormControl>\r\n  );\r\n}\r\n\r\nexport function toAgentOptions(users: User[]): AgentOption[] {\r\n  return users.map((u) => ({\r\n    id: u.id,\r\n    userId: u.userId,\r\n    displayName:\r\n      [u.firstName, u.lastName].filter(Boolean).join(\" \") || u.userId,\r\n  }));\r\n}\r\n","import type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\nexport const headCellSx: SxProps<Theme> = {\r\n  fontFamily: \"poppins, Arial, sans-serif\",\r\n  bgcolor: \"#f1f1f1\",\r\n  color: \"#333\",\r\n  fontWeight: 600,\r\n  whiteSpace: \"nowrap\",\r\n  fontSize: \"14px\",\r\n};\r\n\r\nexport const sortLabelSx: SxProps<Theme> = {\r\n  \"&.MuiTableSortLabel-root\": { color: \"#333\" },\r\n  \"&.MuiTableSortLabel-root:hover\": { color: \"#555\" },\r\n  \"&.Mui-active\": { color: \"#333\" },\r\n  \"& .MuiTableSortLabel-icon\": { color: \"#333 !important\" },\r\n};\r\n\r\nexport const reportBodyCellSx: SxProps<Theme> = {\r\n  fontSize: \"0.75rem\",\r\n  py: 0.6,\r\n  px: 1,\r\n  borderBottom: \"1px solid #eef1f6\",\r\n  whiteSpace: \"nowrap\",\r\n};\r\n\r\nexport const tableRowSx: SxProps<Theme> = {\r\n  \"&:nth-of-type(odd)\": { backgroundColor: \"#fff\" },\r\n  \"&:nth-of-type(even)\": { backgroundColor: \"#fff\" },\r\n  \"&:hover\": { backgroundColor: \"#f0f7f8\" },\r\n  \"&:last-child td, &:last-child th\": { border: 0 },\r\n};\r\n\r\nexport const bodyCellSx: SxProps<Theme> = {\r\n  fontFamily: \"poppins, Arial, sans-serif\",\r\n  fontSize: \"14px\",\r\n  padding: \"4px 12px\",\r\n};\r\n"],"mappings":"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","names":["Checkbox","FormControl","InputLabel","MenuItem","Select","TextField","CircularProgress","dayjs","Fragment","jsx","jsxs","Fragment","Typography","jsx","jsxs","Typography","jsx","jsxs","dayjs","FormControl","InputLabel","Select","MenuItem","Checkbox","TextField","CircularProgress"]}

package/dist/index.js

@@ -6691,7 +6691,7 @@ function AgentDetailReportContent({ agentRow: propAgentRow, onBack, from, initia
   };
   const [activeTab, setActiveTab] = (0, import_react28.useState)(0);
   const [detail, setDetail] = (0, import_react28.useState)(null);
-  const [detailLoading, setDetailLoading] = (0, import_react28.useState)(false);
+  const [detailLoading, setDetailLoading] = (0, import_react28.useState)(!isFromReportsList);
   const [detailError, setDetailError] = (0, import_react28.useState)("");
   const [cdrRecords, setCdrRecords] = (0, import_react28.useState)([]);
   const [cdrTotal, setCdrTotal] = (0, import_react28.useState)(0);
@@ -6844,7 +6844,7 @@ function AgentDetailReportContent({ agentRow: propAgentRow, onBack, from, initia
       PageHeader,
       {
         title: agentName,
-        showBack: true,
+        showBack: isFromReportsList,
         onBack: handleBack
       }
     ),