ahs-cti 0.0.2 → 0.0.4

package/dist/{chunk-FVXHNBYV.mjs → chunk-ATAP77RC.mjs}

@@ -1,7 +1,7 @@
 import {
   END_POINT,
   axios_default
-} from "./chunk-O2XGWZLT.mjs";
+} from "./chunk-OVC42HVH.mjs";
 
 // call-control-sdk/lib/hooks/useCallMonitoring.ts
 import { useCallback, useState } from "react";
@@ -79,4 +79,4 @@ var useCallMonitoring = () => {
 export {
   useCallMonitoring
 };
-//# sourceMappingURL=chunk-FVXHNBYV.mjs.map
+//# sourceMappingURL=chunk-ATAP77RC.mjs.map

package/dist/{chunk-G6KDIN5W.mjs → chunk-BDQZYTAY.mjs}

@@ -4,6 +4,11 @@ import {
 import {
   AppButton
 } from "./chunk-HBR2JS4C.mjs";
+import {
+  AdapterDayjs,
+  DateRangePicker,
+  LocalizationProvider
+} from "./chunk-AJQBR3AZ.mjs";
 import {
   SDKProvider
 } from "./chunk-6ICPXSN6.mjs";
@@ -12,11 +17,11 @@ import {
   axios_default,
   deepFindArray,
   sdkStateManager
-} from "./chunk-O2XGWZLT.mjs";
+} from "./chunk-OVC42HVH.mjs";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-VQCHBU2Q.mjs";
+} from "./chunk-UB5HSUGK.mjs";
 
 // call-control-sdk/lib/pages/agentDetailReport/index.tsx
 import { useState as useState2, useEffect, useMemo, useCallback as useCallback2 } from "react";
@@ -55,9 +60,6 @@ import {
   LabelList
 } from "recharts";
 import dayjs from "dayjs";
-import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import { DatePicker } from "@mui/x-date-pickers/DatePicker";
 
 // call-control-sdk/lib/pages/agentDetailReport/useAgentDetailReport.ts
 import { useCallback, useState } from "react";
@@ -320,13 +322,13 @@ function AgentDetailReportContent({ agentRow: propAgentRow, onBack, from, initia
     if (activeTab === 1) fetchCdrFn(fromDate, toDate, 0, cdrPageSize);
   };
   useEffect(() => {
-    if (agentIdFromRow) fetchDetailFn(startDate != null ? startDate : dayjs(), endDate != null ? endDate : dayjs());
-  }, [agentIdFromRow]);
+    if (agentIdFromRow && startDate && endDate) fetchDetailFn(startDate, endDate);
+  }, [agentIdFromRow, startDate, endDate]);
   useEffect(() => {
     if (activeTab === 1 && startDate && endDate) {
       fetchCdrFn(startDate, endDate, cdrPage, cdrPageSize);
     }
-  }, [activeTab, cdrPage, cdrPageSize]);
+  }, [activeTab, cdrPage, cdrPageSize, startDate, endDate]);
   const hourlyCallData = useMemo(() => {
     return ((detail == null ? void 0 : detail.hourlyCalls) || []).map((h) => ({
       hour: String(h.hourOfDay).padStart(2, "0"),
@@ -409,31 +411,27 @@ function AgentDetailReportContent({ agentRow: propAgentRow, onBack, from, initia
       }
     ),
     /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", pb: 1.5, px: 2 }, children: [
-      /* @__PURE__ */ jsx(DatePicker, { value: startDate, onChange: (val) => {
-        const d = val;
-        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 } } } } }),
-      /* @__PURE__ */ jsx(Typography, { sx: { fontSize: 12, color: C.t3 }, children: "to" }),
-      /* @__PURE__ */ jsx(DatePicker, { value: endDate, onChange: (val) => {
-        const d = val;
-        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 } } } } }),
-      /* @__PURE__ */ jsx(AppButton, { variant: quickRange === "today" ? "primary" : "outlined", onClick: () => {
-        setQuick("today");
-        handleSearch(dayjs(), dayjs());
-      }, sx: { whiteSpace: "nowrap" }, children: "Today" }),
-      /* @__PURE__ */ jsx(AppButton, { variant: quickRange === "week" ? "primary" : "outlined", onClick: () => {
-        setQuick("week");
-        handleSearch(dayjs().startOf("week"), dayjs());
-      }, sx: { whiteSpace: "nowrap" }, children: "This Week" }),
-      /* @__PURE__ */ jsx(AppButton, { variant: quickRange === "month" ? "primary" : "outlined", onClick: () => {
-        setQuick("month");
-        handleSearch(dayjs().startOf("month"), dayjs());
-      }, sx: { whiteSpace: "nowrap" }, children: "This Month" })
+      /* @__PURE__ */ jsx(
+        DateRangePicker,
+        {
+          showTime: false,
+          startDate,
+          endDate,
+          onStartChange: (d) => {
+            setStartDate(d);
+            setQuickRange("custom");
+            if (d && endDate) syncFilterToUrl(d, endDate, "custom");
+          },
+          onEndChange: (d) => {
+            setEndDate(d);
+            setQuickRange("custom");
+            if (startDate && d) syncFilterToUrl(startDate, d, "custom");
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(AppButton, { variant: quickRange === "today" ? "primary" : "outlined", onClick: () => setQuick("today"), sx: { whiteSpace: "nowrap" }, children: "Today" }),
+      /* @__PURE__ */ jsx(AppButton, { variant: quickRange === "week" ? "primary" : "outlined", onClick: () => setQuick("week"), sx: { whiteSpace: "nowrap" }, children: "This Week" }),
+      /* @__PURE__ */ jsx(AppButton, { variant: quickRange === "month" ? "primary" : "outlined", onClick: () => setQuick("month"), sx: { whiteSpace: "nowrap" }, children: "This Month" })
     ] }),
     /* @__PURE__ */ jsxs(Box, { sx: { py: 2, px: 2, position: "relative" }, children: [
       detailLoading && /* @__PURE__ */ jsx(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 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
@@ -746,4 +744,4 @@ var agentDetailReport_default = AgentDetailReport;
 export {
   agentDetailReport_default
 };
-//# sourceMappingURL=chunk-G6KDIN5W.mjs.map
+//# sourceMappingURL=chunk-BDQZYTAY.mjs.map

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

package/dist/{chunk-GGACEO3I.mjs → chunk-FVVDDZCA.mjs}

@@ -1,6 +1,6 @@
 import {
   sdkStateManager
-} from "./chunk-O2XGWZLT.mjs";
+} from "./chunk-OVC42HVH.mjs";
 
 // call-control-sdk/lib/hooks/useSDKPermissions.ts
 import { useState, useEffect, useCallback } from "react";
@@ -177,4 +177,4 @@ export {
   SDKAccessDenied,
   SDKPermissionGuard
 };
-//# sourceMappingURL=chunk-GGACEO3I.mjs.map
+//# sourceMappingURL=chunk-FVVDDZCA.mjs.map

package/dist/{chunk-CXULBAK6.mjs → chunk-HAJ6SECI.mjs}

@@ -1,14 +1,16 @@
 import {
   AppButton
 } from "./chunk-HBR2JS4C.mjs";
+import {
+  DateRangePicker
+} from "./chunk-AJQBR3AZ.mjs";
 import {
   END_POINT,
   axios_default
-} from "./chunk-O2XGWZLT.mjs";
+} from "./chunk-OVC42HVH.mjs";
 import {
-  __spreadProps,
   __spreadValues
-} from "./chunk-VQCHBU2Q.mjs";
+} from "./chunk-UB5HSUGK.mjs";
 
 // call-control-sdk/lib/pages/common/components/SearchBar.tsx
 import { TextField, InputAdornment, IconButton } from "@mui/material";
@@ -74,85 +76,8 @@ import {
   TextField as TextField2,
   CircularProgress as CircularProgress2
 } from "@mui/material";
-import dayjs2 from "dayjs";
-import isoWeek from "dayjs/plugin/isoWeek";
-
-// call-control-sdk/lib/pages/common/components/DateRangePicker.tsx
-import { Fragment as Fragment2 } from "react";
-import { Typography } from "@mui/material";
 import dayjs from "dayjs";
-import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
-import { DatePicker } from "@mui/x-date-pickers/DatePicker";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var pickerSx = {
-  width: 170,
-  "& .MuiOutlinedInput-root": { borderRadius: "6px", height: 32, px: 0.5 },
-  "& .MuiInputBase-input": { py: 0, px: "4px", fontSize: "0.72rem" },
-  "& .MuiInputAdornment-root": { ml: 0 },
-  "& .MuiInputAdornment-root .MuiSvgIcon-root": { fontSize: "0.8rem" },
-  "& .MuiOutlinedInput-notchedOutline": { borderColor: "#c0c8d4" },
-  "& .MuiPickersSectionList-root": { py: "4px", px: 0, fontSize: 12 }
-};
-function DateRangePicker({
-  startDate,
-  endDate,
-  onStartChange,
-  onEndChange,
-  showTime = true
-}) {
-  const Picker = showTime ? DateTimePicker : DatePicker;
-  const format = showTime ? "DD-MM-YYYY hh:mm A" : void 0;
-  const now = dayjs();
-  const minKey = showTime ? "minDateTime" : "minDate";
-  const maxKey = showTime ? "maxDateTime" : "maxDate";
-  const clampFuture = (v) => {
-    if (!v) return v;
-    const current = dayjs();
-    return v.isAfter(current) ? current : v;
-  };
-  const handleStartChange = (v) => {
-    const clamped = clampFuture(v);
-    onStartChange(clamped);
-    if (clamped && endDate && endDate.isBefore(clamped)) {
-      onEndChange(clamped);
-    }
-  };
-  const handleEndChange = (v) => {
-    let clamped = clampFuture(v);
-    if (clamped && startDate && clamped.isBefore(startDate)) {
-      clamped = startDate;
-    }
-    onEndChange(clamped);
-  };
-  const startMax = endDate && endDate.isBefore(now) ? endDate : now;
-  const startPickerBounds = { [maxKey]: startMax };
-  const endPickerBounds = __spreadValues({
-    [maxKey]: now
-  }, startDate ? { [minKey]: startDate } : {});
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2(
-      Picker,
-      __spreadProps(__spreadValues(__spreadValues({
-        value: startDate,
-        onChange: (v) => handleStartChange(v),
-        disableFuture: true
-      }, startPickerBounds), format ? { format } : {}), {
-        slotProps: { textField: { size: "small", sx: pickerSx } }
-      })
-    ),
-    /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.72rem", color: "#7a8599" }, children: "to" }),
-    /* @__PURE__ */ jsx2(
-      Picker,
-      __spreadProps(__spreadValues(__spreadValues({
-        value: endDate,
-        onChange: (v) => handleEndChange(v),
-        disableFuture: true
-      }, endPickerBounds), format ? { format } : {}), {
-        slotProps: { textField: { size: "small", sx: pickerSx } }
-      })
-    )
-  ] });
-}
+import isoWeek from "dayjs/plugin/isoWeek";
 
 // call-control-sdk/lib/pages/common/components/AgentMultiSelect.tsx
 import { useState, useEffect } from "react";
@@ -163,9 +88,9 @@ import {
   MenuItem,
   Select,
   CircularProgress,
-  Typography as Typography2
+  Typography
 } from "@mui/material";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 async function getUsers(params) {
   var _a;
   const res = await axios_default.get(END_POINT.USERS_LIST, { params });
@@ -229,9 +154,9 @@ function AgentMultiSelect({
     if (sel.length === 0 || sel.length === agents.length) return placeholder;
     return `${sel.length} Agent(s)`;
   };
-  return /* @__PURE__ */ jsxs3(FormControl, { size: "small", sx: { minWidth }, disabled: disabled || loading, children: [
-    /* @__PURE__ */ jsx3(InputLabel, { sx: { fontSize: "0.76rem" }, children: label }),
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(FormControl, { size: "small", sx: { minWidth }, disabled: disabled || loading, children: [
+    /* @__PURE__ */ jsx2(InputLabel, { sx: { fontSize: "0.76rem" }, children: label }),
+    /* @__PURE__ */ jsxs2(
       Select,
       {
         multiple: true,
@@ -250,17 +175,17 @@ function AgentMultiSelect({
           }
         },
         children: [
-          loading && /* @__PURE__ */ jsxs3(MenuItem, { disabled: true, children: [
-            /* @__PURE__ */ jsx3(CircularProgress, { size: 16, sx: { mr: 1 } }),
+          loading && /* @__PURE__ */ jsxs2(MenuItem, { disabled: true, children: [
+            /* @__PURE__ */ jsx2(CircularProgress, { size: 16, sx: { mr: 1 } }),
             " Loading\u2026"
           ] }),
-          !loading && /* @__PURE__ */ jsxs3(MenuItem, { value: SELECT_ALL_ID, children: [
-            /* @__PURE__ */ jsx3(Checkbox, { checked: allSelected, indeterminate: value.length > 0 && !allSelected, size: "small" }),
+          !loading && /* @__PURE__ */ jsxs2(MenuItem, { value: SELECT_ALL_ID, children: [
+            /* @__PURE__ */ jsx2(Checkbox, { checked: allSelected, indeterminate: value.length > 0 && !allSelected, size: "small" }),
             "Select All"
           ] }),
-          !loading && agents.map((agent) => /* @__PURE__ */ jsxs3(MenuItem, { value: agent.id, children: [
-            /* @__PURE__ */ jsx3(Checkbox, { checked: selectedIds.includes(agent.id), size: "small" }),
-            /* @__PURE__ */ jsx3(Typography2, { noWrap: true, sx: { fontSize: "0.76rem", maxWidth: 180 }, title: agent.displayName, children: agent.displayName })
+          !loading && agents.map((agent) => /* @__PURE__ */ jsxs2(MenuItem, { value: agent.id, children: [
+            /* @__PURE__ */ jsx2(Checkbox, { checked: selectedIds.includes(agent.id), size: "small" }),
+            /* @__PURE__ */ jsx2(Typography, { noWrap: true, sx: { fontSize: "0.76rem", maxWidth: 180 }, title: agent.displayName, children: agent.displayName })
           ] }, agent.id))
         ]
       }
@@ -269,8 +194,8 @@ function AgentMultiSelect({
 }
 
 // call-control-sdk/lib/pages/common/components/ReportFilterBar.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-dayjs2.extend(isoWeek);
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+dayjs.extend(isoWeek);
 var FILTER_HEIGHT = 32;
 function ReportFilterBar({
   startDate,
@@ -320,7 +245,7 @@ function ReportFilterBar({
 }) {
   const setQuick = (range) => {
     onQuickRangeChange(range);
-    const today = dayjs2();
+    const today = dayjs();
     let sd = today.startOf("day");
     const ed = today;
     if (range === "week") sd = today.startOf("week").startOf("day");
@@ -328,8 +253,8 @@ function ReportFilterBar({
     onStartChange(sd);
     onEndChange(ed);
   };
-  return /* @__PURE__ */ jsxs4(Box, { sx: { py: 0.6, px: 1, display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", rowGap: 1 }, children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3(Box, { sx: { py: 0.6, px: 1, display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", rowGap: 1 }, children: [
+    /* @__PURE__ */ jsx3(
       DateRangePicker,
       {
         startDate,
@@ -345,13 +270,13 @@ function ReportFilterBar({
         showTime
       }
     ),
-    /* @__PURE__ */ jsx4(AppButton, { variant: quickRange === "today" ? "primary" : "outlined", onClick: () => setQuick("today"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "Today" }),
-    /* @__PURE__ */ jsx4(AppButton, { variant: quickRange === "week" ? "primary" : "outlined", onClick: () => setQuick("week"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "This Week" }),
-    /* @__PURE__ */ jsx4(AppButton, { variant: quickRange === "month" ? "primary" : "outlined", onClick: () => setQuick("month"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "This Month" }),
-    showAgentSelect && onAgentsChange && /* @__PURE__ */ jsx4(AgentMultiSelect, { value: selectedAgents, onChange: onAgentsChange, setIsAllUsersSelected, minWidth: 130 }),
-    showQueueSelect && onQueuesChange && /* @__PURE__ */ jsxs4(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
-      /* @__PURE__ */ jsx4(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "All Queues" }),
-      /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsx3(AppButton, { variant: quickRange === "today" ? "primary" : "outlined", onClick: () => setQuick("today"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "Today" }),
+    /* @__PURE__ */ jsx3(AppButton, { variant: quickRange === "week" ? "primary" : "outlined", onClick: () => setQuick("week"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "This Week" }),
+    /* @__PURE__ */ jsx3(AppButton, { variant: quickRange === "month" ? "primary" : "outlined", onClick: () => setQuick("month"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "This Month" }),
+    showAgentSelect && onAgentsChange && /* @__PURE__ */ jsx3(AgentMultiSelect, { value: selectedAgents, onChange: onAgentsChange, setIsAllUsersSelected, minWidth: 130 }),
+    showQueueSelect && onQueuesChange && /* @__PURE__ */ jsxs3(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx3(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "All Queues" }),
+      /* @__PURE__ */ jsxs3(
         Select2,
         {
           multiple: true,
@@ -381,19 +306,19 @@ function ReportFilterBar({
             return `${selected.length} Queue(s)`;
           },
           children: [
-            /* @__PURE__ */ jsxs4(MenuItem2, { value: -1, children: [
-              /* @__PURE__ */ jsx4(Checkbox2, { checked: selectedQueues.length === queues.length && queues.length > 0, size: "small" }),
+            /* @__PURE__ */ jsxs3(MenuItem2, { value: -1, children: [
+              /* @__PURE__ */ jsx3(Checkbox2, { checked: selectedQueues.length === queues.length && queues.length > 0, size: "small" }),
               "Select All"
             ] }),
-            queues.map((q) => /* @__PURE__ */ jsxs4(MenuItem2, { value: q.id, children: [
-              /* @__PURE__ */ jsx4(Checkbox2, { checked: selectedQueues.some((sq) => sq.id === q.id), size: "small" }),
+            queues.map((q) => /* @__PURE__ */ jsxs3(MenuItem2, { value: q.id, children: [
+              /* @__PURE__ */ jsx3(Checkbox2, { checked: selectedQueues.some((sq) => sq.id === q.id), size: "small" }),
               q.name
             ] }, q.id))
           ]
         }
       )
     ] }),
-    showProcessSelect && processes.length > 0 && onProcessChange && /* @__PURE__ */ jsx4(
+    showProcessSelect && processes.length > 0 && onProcessChange && /* @__PURE__ */ jsx3(
       TextField2,
       {
         select: true,
@@ -401,12 +326,12 @@ function ReportFilterBar({
         value: selectedProcess,
         onChange: (e) => onProcessChange(e.target.value),
         sx: { width: 140, "& .MuiOutlinedInput-root": { height: FILTER_HEIGHT, borderRadius: "6px", fontSize: 13 } },
-        children: processes.map((p) => /* @__PURE__ */ jsx4("option", { value: p.value, children: p.label }, p.value))
+        children: processes.map((p) => /* @__PURE__ */ jsx3("option", { value: p.value, children: p.label }, p.value))
       }
     ),
-    showCallTypeSelect && onCallTypeChange && /* @__PURE__ */ jsxs4(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
-      /* @__PURE__ */ jsx4(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "Call Type" }),
-      /* @__PURE__ */ jsx4(
+    showCallTypeSelect && onCallTypeChange && /* @__PURE__ */ jsxs3(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx3(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "Call Type" }),
+      /* @__PURE__ */ jsx3(
         Select2,
         {
           value: selectedCallType,
@@ -420,13 +345,13 @@ function ReportFilterBar({
               }
             }
           },
-          children: callTypeOptions.map((opt) => /* @__PURE__ */ jsx4(MenuItem2, { value: opt.value, children: opt.label }, opt.value || "all"))
+          children: callTypeOptions.map((opt) => /* @__PURE__ */ jsx3(MenuItem2, { value: opt.value, children: opt.label }, opt.value || "all"))
         }
       )
     ] }),
-    showStatusSelect && onStatusChange && /* @__PURE__ */ jsxs4(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
-      /* @__PURE__ */ jsx4(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "Status" }),
-      /* @__PURE__ */ jsx4(
+    showStatusSelect && onStatusChange && /* @__PURE__ */ jsxs3(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx3(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "Status" }),
+      /* @__PURE__ */ jsx3(
         Select2,
         {
           value: selectedStatus,
@@ -440,11 +365,11 @@ function ReportFilterBar({
               }
             }
           },
-          children: statusOptions.map((opt) => /* @__PURE__ */ jsx4(MenuItem2, { value: opt.value, children: opt.label }, opt.value || "all"))
+          children: statusOptions.map((opt) => /* @__PURE__ */ jsx3(MenuItem2, { value: opt.value, children: opt.label }, opt.value || "all"))
         }
       )
     ] }),
-    showSearchBar && onSearchChange && /* @__PURE__ */ jsx4(
+    showSearchBar && onSearchChange && /* @__PURE__ */ jsx3(
       SearchBar,
       {
         value: searchValue,
@@ -455,7 +380,7 @@ function ReportFilterBar({
         sx: { "& .MuiOutlinedInput-root": { height: FILTER_HEIGHT, fontSize: 13 } }
       }
     ),
-    showSearchButton && onSearch && /* @__PURE__ */ jsx4(AppButton, { onClick: onSearch, disabled: loading, sx: { height: FILTER_HEIGHT }, children: loading ? /* @__PURE__ */ jsx4(CircularProgress2, { size: 16, sx: { color: "#fff" } }) : "Search" }),
+    showSearchButton && onSearch && /* @__PURE__ */ jsx3(AppButton, { onClick: onSearch, disabled: loading, sx: { height: FILTER_HEIGHT }, children: loading ? /* @__PURE__ */ jsx3(CircularProgress2, { size: 16, sx: { color: "#fff" } }) : "Search" }),
     extra
   ] });
 }
@@ -490,4 +415,4 @@ export {
   sortLabelSx,
   reportBodyCellSx
 };
-//# sourceMappingURL=chunk-CXULBAK6.mjs.map
+//# sourceMappingURL=chunk-HAJ6SECI.mjs.map