ahs-cti 0.0.7 → 0.0.9

package/{dist/chunk-33QNSXP7.mjs.map → dist-react/chunk-MD472UKG.mjs.map}

@@ -1 +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 DateRangePicker from \"../common/components/DateRangePicker\";\r\nimport { getAgentDetailReport, getCdrReport, getRecordingByCall } from \"./useAgentDetailReport\";\r\nimport { deepFindArray } from \"../../services/axios\";\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        pageSize: pageSize,\r\n      };\r\n      const res: any = await getCdrReport(params);\r\n      setCdrRecords(deepFindArray<CdrRecordResponse>(res, [\"data\", \"records\"]));\r\n      setCdrTotal(res?.records?.total ?? res?.total ?? res?.data?.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  /* ── Manual refresh / search (re-fetch with the current date range) ── */\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  // Auto-fetch the detail report whenever the agent or date range changes.\r\n  useEffect(() => {\r\n    if (agentIdFromRow && startDate && endDate) fetchDetailFn(startDate, endDate);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [agentIdFromRow, startDate, endDate]);\r\n\r\n  // Fetch CDR records on tab switch, pagination, or date-range change.\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, startDate, endDate]);\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          <DateRangePicker\r\n            showTime={false}\r\n            startDate={startDate}\r\n            endDate={endDate}\r\n            onStartChange={(d) => { setStartDate(d); setQuickRange(\"custom\"); if (d && endDate) syncFilterToUrl(d, endDate, \"custom\"); }}\r\n            onEndChange={(d) => { setEndDate(d); setQuickRange(\"custom\"); if (startDate && d) syncFilterToUrl(startDate, d, \"custom\"); }}\r\n          />\r\n          <AppButton variant={quickRange === \"today\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"today\")} sx={{ whiteSpace: \"nowrap\" }}>Today</AppButton>\r\n          <AppButton variant={quickRange === \"week\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"week\")} sx={{ whiteSpace: \"nowrap\" }}>This Week</AppButton>\r\n          <AppButton variant={quickRange === \"month\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"month\")} 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={[10, 15, 25, 50, 100]}\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.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","dayjs","_a","_b","_c","_d","_e","useCallback"]}
+{"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 DateRangePicker from \"../common/components/DateRangePicker\";\r\nimport { getAgentDetailReport, getCdrReport, getRecordingByCall } from \"./useAgentDetailReport\";\r\nimport { deepFindArray } from \"../../services/axios\";\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        pageSize: pageSize,\r\n      };\r\n      const res: any = await getCdrReport(params);\r\n      setCdrRecords(deepFindArray<CdrRecordResponse>(res, [\"data\", \"records\"]));\r\n      setCdrTotal(res?.records?.total ?? res?.total ?? res?.data?.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  /* ── Manual refresh / search (re-fetch with the current date range) ── */\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  // Auto-fetch the detail report whenever the agent or date range changes.\r\n  useEffect(() => {\r\n    if (agentIdFromRow && startDate && endDate) fetchDetailFn(startDate, endDate);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [agentIdFromRow, startDate, endDate]);\r\n\r\n  // Fetch CDR records on tab switch, pagination, or date-range change.\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, startDate, endDate]);\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          <DateRangePicker\r\n            showTime={false}\r\n            startDate={startDate}\r\n            endDate={endDate}\r\n            onStartChange={(d) => { setStartDate(d); setQuickRange(\"custom\"); if (d && endDate) syncFilterToUrl(d, endDate, \"custom\"); }}\r\n            onEndChange={(d) => { setEndDate(d); setQuickRange(\"custom\"); if (startDate && d) syncFilterToUrl(startDate, d, \"custom\"); }}\r\n          />\r\n          <AppButton variant={quickRange === \"today\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"today\")} sx={{ whiteSpace: \"nowrap\" }}>Today</AppButton>\r\n          <AppButton variant={quickRange === \"week\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"week\")} sx={{ whiteSpace: \"nowrap\" }}>This Week</AppButton>\r\n          <AppButton variant={quickRange === \"month\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"month\")} 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={[10, 15, 25, 50, 100]}\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.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-react/chunk-ORNNWQI6.mjs

@@ -0,0 +1,67 @@
+import * as __ext_react from "react";
+import * as __ext_react_dom from "react-dom";
+import * as __ext_react_jsx from "react/jsx-runtime";
+var __cjsExternals = { "react": __ext_react, "react-dom": __ext_react_dom, "react/jsx-runtime": __ext_react_jsx };
+var require = function (id) {
+  var mod = __cjsExternals[id];
+  if (mod) return mod.default || mod;
+  throw new Error('Dynamic require of "' + id + '" is not supported');
+};
+
+import {
+  sdkStateManager
+} from "./chunk-F7G2XFRU.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-S4J35V4B.mjs";
+
+// call-control-sdk/lib/hooks/useGetCallerData.ts
+import { useState, useEffect } from "react";
+var useGetCallerData = () => {
+  var _a, _b;
+  const sdkState = sdkStateManager.getState();
+  const { process_id, process_name, status, phone_number, agent_id, call_id, call_details } = sdkState.callData;
+  const initialLeadData = sdkStateManager.getTransferLeadData();
+  const initialCallData = __spreadProps(__spreadValues({
+    phone_number,
+    status,
+    callReferenceId: call_id,
+    agent_id,
+    process_id,
+    process_name,
+    call_details,
+    auto_wrapup_time: (_b = (_a = sdkState.backendCallControls) == null ? void 0 : _a.auto_wrapup_time) != null ? _b : null
+  }, initialLeadData !== void 0 && { lead_data: initialLeadData }), {
+    socket_info: sdkState.callData
+  });
+  const [callData, setCallData] = useState(initialCallData);
+  useEffect(() => {
+    const unsubscribe = sdkStateManager.subscribe(() => {
+      var _a2, _b2;
+      const state = sdkStateManager.getState();
+      const { process_id: process_id2, process_name: process_name2, status: status2, phone_number: phone_number2, agent_id: agent_id2, call_id: call_id2, call_details: call_details2, auto_wrapup_time } = state.callData;
+      const lead_data = sdkStateManager.getTransferLeadData();
+      const currentCallData = __spreadProps(__spreadValues({
+        phone_number: phone_number2,
+        status: status2,
+        callReferenceId: call_id2,
+        agent_id: agent_id2,
+        process_id: process_id2,
+        process_name: process_name2,
+        call_details: call_details2,
+        auto_wrapup_time: (_b2 = auto_wrapup_time != null ? auto_wrapup_time : (_a2 = state.backendCallControls) == null ? void 0 : _a2.auto_wrapup_time) != null ? _b2 : null
+      }, lead_data !== void 0 && { lead_data }), {
+        socket_info: state.callData
+      });
+      setCallData(currentCallData);
+    });
+    return unsubscribe;
+  }, []);
+  return callData;
+};
+
+export {
+  useGetCallerData
+};
+//# sourceMappingURL=chunk-ORNNWQI6.mjs.map

package/dist-react/chunk-ORNNWQI6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../call-control-sdk/lib/hooks/useGetCallerData.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\nimport { sdkStateManager } from \"./sdk-state\";\r\nimport type { CallData } from \"../../types\";\r\n\r\nexport const useGetCallerData = (): CallData => {\r\n\tconst sdkState = sdkStateManager.getState();\r\n\tconst { process_id, process_name, status, phone_number, agent_id, call_id, call_details } =\r\n\t\tsdkState.callData;\r\n\tconst initialLeadData = sdkStateManager.getTransferLeadData();\r\n\tconst initialCallData = {\r\n\t\tphone_number,\r\n\t\tstatus,\r\n\t\tcallReferenceId: call_id,\r\n\t\tagent_id,\r\n\t\tprocess_id,\r\n\t\tprocess_name,\r\n\t\tcall_details,\r\n\t\tauto_wrapup_time: sdkState.backendCallControls?.auto_wrapup_time ?? null,\r\n\t\t...(initialLeadData !== undefined && { lead_data: initialLeadData }),\r\n\t\tsocket_info: sdkState.callData,\r\n\t};\r\n\tconst [callData, setCallData] = useState<CallData>(initialCallData);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst unsubscribe = sdkStateManager.subscribe(() => {\r\n\t\t\tconst state = sdkStateManager.getState();\r\n\t\t\tconst { process_id, process_name, status, phone_number, agent_id, call_id, call_details, auto_wrapup_time } =\r\n\t\t\t\tstate.callData;\r\n\t\t\tconst lead_data = sdkStateManager.getTransferLeadData();\r\n\t\t\tconst currentCallData = {\r\n\t\t\t\tphone_number,\r\n\t\t\t\tstatus,\r\n\t\t\t\tcallReferenceId: call_id,\r\n\t\t\t\tagent_id,\r\n\t\t\t\tprocess_id,\r\n\t\t\t\tprocess_name,\r\n\t\t\t\tcall_details,\r\n\t\t\t\tauto_wrapup_time: auto_wrapup_time ?? state.backendCallControls?.auto_wrapup_time ?? null,\r\n\t\t\t\t...(lead_data !== undefined && { lead_data }),\r\n\t\t\t\tsocket_info: state.callData,\r\n\t\t\t};\r\n\t\t\tsetCallData(currentCallData);\r\n\t\t});\r\n\r\n\t\treturn unsubscribe;\r\n\t}, []);\r\n\r\n\treturn callData;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAS,UAAU,iBAAiB;AAI7B,IAAM,mBAAmB,MAAgB;AAJhD;AAKC,QAAM,WAAW,gBAAgB,SAAS;AAC1C,QAAM,EAAE,YAAY,cAAc,QAAQ,cAAc,UAAU,SAAS,aAAa,IACvF,SAAS;AACV,QAAM,kBAAkB,gBAAgB,oBAAoB;AAC5D,QAAM,kBAAkB;AAAA,IACvB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAkB,oBAAS,wBAAT,mBAA8B,qBAA9B,YAAkD;AAAA,KAChE,oBAAoB,UAAa,EAAE,WAAW,gBAAgB,IAT3C;AAAA,IAUvB,aAAa,SAAS;AAAA,EACvB;AACA,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,eAAe;AAElE,YAAU,MAAM;AACf,UAAM,cAAc,gBAAgB,UAAU,MAAM;AAxBtD,UAAAA,KAAAC;AAyBG,YAAM,QAAQ,gBAAgB,SAAS;AACvC,YAAM,EAAE,YAAAC,aAAY,cAAAC,eAAc,QAAAC,SAAQ,cAAAC,eAAc,UAAAC,WAAU,SAAAC,UAAS,cAAAC,eAAc,iBAAiB,IACzG,MAAM;AACP,YAAM,YAAY,gBAAgB,oBAAoB;AACtD,YAAM,kBAAkB;AAAA,QACvB,cAAAH;AAAA,QACA,QAAAD;AAAA,QACA,iBAAiBG;AAAA,QACjB,UAAAD;AAAA,QACA,YAAAJ;AAAA,QACA,cAAAC;AAAA,QACA,cAAAK;AAAA,QACA,mBAAkBP,MAAA,+CAAoBD,MAAA,MAAM,wBAAN,gBAAAA,IAA2B,qBAA/C,OAAAC,MAAmE;AAAA,SACjF,cAAc,UAAa,EAAE,UAAU,IATpB;AAAA,QAUvB,aAAa,MAAM;AAAA,MACpB;AACA,kBAAY,eAAe;AAAA,IAC5B,CAAC;AAED,WAAO;AAAA,EACR,GAAG,CAAC,CAAC;AAEL,SAAO;AACR;","names":["_a","_b","process_id","process_name","status","phone_number","agent_id","call_id","call_details"]}

package/dist-react/chunk-S4J35V4B.mjs

@@ -0,0 +1,126 @@
+import * as __ext_react from "react";
+import * as __ext_react_dom from "react-dom";
+import * as __ext_react_jsx from "react/jsx-runtime";
+var __cjsExternals = { "react": __ext_react, "react-dom": __ext_react_dom, "react/jsx-runtime": __ext_react_jsx };
+var require = function (id) {
+  var mod = __cjsExternals[id];
+  if (mod) return mod.default || mod;
+  throw new Error('Dynamic require of "' + id + '" is not supported');
+};
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __asyncGenerator = (__this, __arguments, generator) => {
+  var resume = (k, v, yes, no) => {
+    try {
+      var x = generator[k](v), isAwait = (v = x.value) instanceof __await, done = x.done;
+      Promise.resolve(isAwait ? v[0] : v).then((y) => isAwait ? resume(k === "return" ? k : "next", v[1] ? { done: y.done, value: y.value } : y, yes, no) : yes({ value: y, done })).catch((e) => resume("throw", e, yes, no));
+    } catch (e) {
+      no(e);
+    }
+  }, method = (k, call, wait, clear) => it[k] = (x) => (call = new Promise((yes, no, run) => (run = () => resume(k, x, yes, no), q ? q.then(run) : run())), clear = () => q === wait && (q = 0), q = wait = call.then(clear, clear), call), q, it = {};
+  return generator = generator.apply(__this, __arguments), it[__knownSymbol("asyncIterator")] = () => it, method("next"), method("throw"), method("return"), it;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+var __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")]) ? it.call(obj) : (obj = obj[__knownSymbol("iterator")](), it = {}, method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((yes, no, done) => (arg = fn.call(obj, arg), done = arg.done, Promise.resolve(arg.value).then((value) => yes({ value, done }), no)))), method("next"), method("return"), it);
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __require,
+  __commonJS,
+  __export,
+  __toESM,
+  __publicField,
+  __await,
+  __asyncGenerator,
+  __yieldStar,
+  __forAwait
+};
+//# sourceMappingURL=chunk-S4J35V4B.mjs.map

package/dist-react/chunk-S4J35V4B.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}