ahs-cti 0.0.12 → 0.0.13

package/dist/{managementDashboard-7BF5BKMA.mjs → managementDashboard-PDXSO6BB.mjs}

@@ -11,8 +11,8 @@ var require = function (id) {
 import {
   ReportFilterBar,
   headCellSx
-} from "./chunk-DCVTH63P.mjs";
-import "./chunk-VII5JNA6.mjs";
+} from "./chunk-SYOIXQFQ.mjs";
+import "./chunk-H5FOGKNG.mjs";
 import {
   Bar,
   CartesianGrid,
@@ -22,42 +22,39 @@ import {
   Tooltip,
   XAxis,
   YAxis
-} from "./chunk-45MLTWV7.mjs";
+} from "./chunk-SG26PWKV.mjs";
 import {
   FileDownload_default
-} from "./chunk-H22TUCN3.mjs";
+} from "./chunk-U6GXXCCQ.mjs";
 import {
   PageHeader
-} from "./chunk-Y4PAUTZ4.mjs";
+} from "./chunk-VZXMSMLL.mjs";
 import {
   AppButton
-} from "./chunk-ZSRD3ZXF.mjs";
+} from "./chunk-GU67CHVR.mjs";
 import {
   AdapterDayjs,
   LocalizationProvider,
   require_dayjs_min
-} from "./chunk-GTI2ZVQX.mjs";
+} from "./chunk-JLTFPMGH.mjs";
 import {
   Refresh_default,
   Search_default
-} from "./chunk-HAOFUADN.mjs";
+} from "./chunk-3W5XAE5U.mjs";
 import {
   SDKProvider
-} from "./chunk-M7FJYZF6.mjs";
+} from "./chunk-BZDLXMEG.mjs";
 import {
   END_POINT,
   axios_default
-} from "./chunk-UK5UJ3W4.mjs";
+} from "./chunk-A3UIDKO2.mjs";
 import {
   Alert_default,
   Box_default,
   Chip_default,
   CircularProgress_default,
-  FormControlLabel_default,
   InputAdornment_default,
   Paper_default,
-  RadioGroup_default,
-  Radio_default,
   Stack_default,
   TableBody_default,
   TableCell_default,
@@ -69,13 +66,26 @@ import {
   Typography_default,
   __spreadProps,
   __spreadValues,
-  __toESM
-} from "./chunk-ERSNXW5X.mjs";
+  __toESM,
+  createSvgIcon
+} from "./chunk-ZMO5SOQ4.mjs";
 
 // call-control-sdk/lib/pages/managementDashboard/index.tsx
 import { useState, useEffect, useCallback, useMemo, useRef } from "react";
 var import_dayjs = __toESM(require_dayjs_min());
 
+// node_modules/@mui/icons-material/PhoneCallback.mjs
+import { jsx as _jsx } from "react/jsx-runtime";
+var PhoneCallback_default = createSvgIcon(/* @__PURE__ */ _jsx("path", {
+  d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02zm13.54-7.1-.71-.7L13 9.29V5h-1v6h6v-1h-4.15z"
+}), "PhoneCallback");
+
+// node_modules/@mui/icons-material/PhoneForwarded.mjs
+import { jsx as _jsx2 } from "react/jsx-runtime";
+var PhoneForwarded_default = createSvgIcon(/* @__PURE__ */ _jsx2("path", {
+  d: "m18 11 5-5-5-5v3h-4v4h4zm2 4.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1"
+}), "PhoneForwarded");
+
 // call-control-sdk/lib/pages/managementDashboard/useManagementDashboard.ts
 function buildQs(params) {
   const qs = new URLSearchParams();
@@ -95,32 +105,33 @@ async function getManagementDashboard(params) {
 // call-control-sdk/lib/pages/managementDashboard/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var C = {
-  navy: "#1a3a6b",
-  blue: "#2b6cb0",
-  green: "#276749",
-  amber: "#c47c00",
-  red: "#c53030",
-  teal: "#0b7a8f",
+  navy: "#14505b",
+  blue: "#1A5F6C",
+  green: "#00A550",
+  amber: "#C47C00",
+  red: "#F05A22",
+  teal: "#1A5F6C",
   surface: "#fff",
-  s2: "#f7f9fc",
-  s3: "#eef2f7",
-  b1: "rgba(20,50,100,.07)",
-  b2: "rgba(20,50,100,.13)",
-  t1: "#2d3748",
-  t2: "#4a5568",
-  t3: "#718096",
-  blt: "#e8f0fc",
+  s2: "#f5f9fa",
+  s3: "#e7f1f2",
+  b1: "rgba(26,95,108,.08)",
+  b2: "rgba(26,95,108,.16)",
+  t1: "#1a2e33",
+  t2: "#3d5a60",
+  t3: "#6b8a90",
+  blt: "#e3f1f3",
   glt: "#e4f6ef",
   alt: "#fdf3e0",
-  rlt: "#fde8e8",
-  tlt: "#e3f4f7"
+  rlt: "#fdeae3",
+  tlt: "#e3f1f3"
 };
 var headSx = __spreadProps(__spreadValues({}, headCellSx), { py: 1, px: 1.5 });
 var cellSx = { fontSize: 12, py: 0.8, px: 1.5, borderBottom: `1px solid ${C.b1}` };
 var monoSx = { fontFamily: "'JetBrains Mono', monospace", fontSize: 12, fontWeight: 700 };
 var labelSx = { fontSize: 11, fontWeight: 700, letterSpacing: 0.7, textTransform: "uppercase", color: C.t2 };
 var cardPaper = { background: C.surface, border: `1px solid #dce3ef`, borderRadius: "6px", overflow: "hidden", boxShadow: "0 1px 4px rgba(0,0,0,.09)" };
-var cardHeader = { px: 1.5, py: 1, background: C.s2, borderBottom: `1px solid ${C.b1}`, display: "flex", alignItems: "center", justifyContent: "space-between" };
+var cardHeader = { px: 1.5, py: 1, background: C.s2, borderBottom: `1px solid ${C.b1}`, display: "flex", alignItems: "center", justifyContent: "center" };
+var numIconSx = { fontSize: 28, color: C.blue };
 var EMPTY = {
   inbound: { total: 0, answered: 0, unanswered: 0, answered_pct: 0, unanswered_pct: 0 },
   outbound: { total: 0, answered: 0, unanswered: 0, answered_pct: 0, unanswered_pct: 0 },
@@ -133,19 +144,23 @@ var EMPTY = {
   hourly_chart: [],
   repeated_calls: []
 };
-function DirectionCard({ title, data }) {
+function DirectionCard({ title, data, icon }) {
   return /* @__PURE__ */ jsxs(Paper_default, { sx: cardPaper, children: [
     /* @__PURE__ */ jsx(Box_default, { sx: cardHeader, children: /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: title }) }),
     /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.5 }, children: [
-      /* @__PURE__ */ jsx(Typography_default, { sx: { fontFamily: "'Barlow Condensed', sans-serif", fontSize: 32, fontWeight: 800, color: C.navy, lineHeight: 1, mb: 1.2 }, children: data.total.toLocaleString() }),
-      /* @__PURE__ */ jsx(Box_default, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1, borderTop: `2px solid ${C.s3}`, pt: 1 }, children: [
-        { label: "ANSWERED", value: data.answered, pct: data.answered_pct, color: C.blue },
-        { label: "UNANSWERED", value: data.unanswered, pct: data.unanswered_pct, color: C.t3 }
-      ].map(({ label, value, pct, color }) => /* @__PURE__ */ jsxs(Box_default, { children: [
+      /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1, mb: 1.2 }, children: [
+        icon,
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontFamily: "'Barlow Condensed', sans-serif", fontSize: 32, fontWeight: 800, color: C.navy, lineHeight: 1 }, children: data.total.toLocaleString() })
+      ] }),
+      /* @__PURE__ */ jsx(Box_default, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", borderTop: `2px solid ${C.s3}`, pt: 1 }, children: [
+        { label: "ANSWERED", value: data.answered, pct: data.answered_pct },
+        { label: "UNANSWERED", value: data.unanswered, pct: data.unanswered_pct }
+      ].map(({ label, value, pct }, idx) => /* @__PURE__ */ jsxs(Box_default, { sx: __spreadValues({ textAlign: "center" }, idx === 0 && { borderRight: `1px solid ${C.b1}` }), children: [
         /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 10, fontWeight: 700, letterSpacing: 0.5, color: C.t3, mb: 0.3 }, children: label }),
-        /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "baseline", gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 18, fontWeight: 700, color }, children: value.toLocaleString() }),
-          /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 11, color: C.t3 }, children: [
+        /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "baseline", justifyContent: "center", gap: 0.5 }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 15, fontWeight: 700, color: C.blue }, children: value.toLocaleString() }),
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 11, color: C.t3 }, children: "|" }),
+          /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 12, fontWeight: 600, color: C.blue }, children: [
             pct.toFixed(1),
             "%"
           ] })
@@ -155,70 +170,77 @@ function DirectionCard({ title, data }) {
   ] });
 }
 function QueueCallsCard({ data }) {
+  const maxCount = data.reduce((m, q) => Math.max(m, q.call_count), 0) || 1;
   return /* @__PURE__ */ jsxs(Paper_default, { sx: cardPaper, children: [
     /* @__PURE__ */ jsx(Box_default, { sx: cardHeader, children: /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "Queue Wise Calls" }) }),
     /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.5 }, children: [
       data.length === 0 && /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 12, color: C.t3, textAlign: "center", py: 2 }, children: "No data" }),
-      data.map((q, i) => /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", py: 0.6, borderBottom: `1px solid #f0f0f0`, "&:last-child": { borderBottom: "none" } }, children: [
-        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 12, fontWeight: 600, color: C.t2 }, children: q.queue_name }),
-        /* @__PURE__ */ jsx(Box_default, { sx: { background: i === 0 ? "#3182ce" : "#90cdf4", color: i === 0 ? "#fff" : "#1a365d", borderRadius: "4px", px: 1.2, py: 0.3, minWidth: 44, textAlign: "center", fontSize: 14, fontWeight: 700 }, children: q.call_count })
-      ] }, q.queue_name))
+      data.map((q, i) => {
+        const pct = Math.max(6, q.call_count / maxCount * 100);
+        return /* @__PURE__ */ jsxs(Box_default, { sx: { mb: 0.7, "&:last-child": { mb: 0 } }, children: [
+          /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.3 }, children: [
+            /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 12, fontWeight: 600, color: C.t2 }, children: q.queue_name }),
+            /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 13, fontWeight: 700, color: C.blue }, children: q.call_count })
+          ] }),
+          /* @__PURE__ */ jsx(Box_default, { sx: { height: 6, background: C.s3, borderRadius: 3, overflow: "hidden" }, children: /* @__PURE__ */ jsx(Box_default, { sx: { height: "100%", width: `${pct}%`, background: i === 0 ? C.blue : "#7fb3bd", borderRadius: 3 } }) })
+        ] }, q.queue_name);
+      })
     ] })
   ] });
 }
-function AbandonedCard({ data }) {
-  return /* @__PURE__ */ jsxs(Paper_default, { sx: cardPaper, children: [
-    /* @__PURE__ */ jsx(Box_default, { sx: cardHeader, children: /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "Abandoned Patients" }) }),
-    /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.5 }, children: [
-      /* @__PURE__ */ jsx(Typography_default, { sx: { fontFamily: "'Barlow Condensed', sans-serif", fontSize: 30, fontWeight: 800, color: C.navy, lineHeight: 1, mb: 1 }, children: data.total.toLocaleString() }),
-      [
-        { label: "Called Back Patients", value: data.called_back, pct: data.called_back_pct },
-        { label: "To be Called Patients", value: data.to_call, pct: data.to_call_pct }
-      ].map(({ label, value, pct }) => /* @__PURE__ */ jsxs(Box_default, { sx: { mb: 0.4 }, children: [
-        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 11, color: C.t3, display: "inline" }, children: [
-          label,
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 13, fontWeight: 700, color: C.blue, display: "inline" }, children: [
-          value,
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 11, fontWeight: 700, color: "#48bb78", display: "inline" }, children: [
-          pct.toFixed(1),
+function AbandonedCallbackCard({ data }) {
+  const numCellSx = { p: 1, textAlign: "center" };
+  const subCellSx = { p: 1, textAlign: "center", borderTop: `1px solid ${C.b1}` };
+  const subLabelSx = { fontSize: 10, fontWeight: 600, color: C.t3, mb: 0.3, lineHeight: 1.2 };
+  const subRowSx = { display: "flex", alignItems: "baseline", justifyContent: "center", gap: 0.5 };
+  return /* @__PURE__ */ jsx(Paper_default, { sx: cardPaper, children: /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr" }, children: [
+    /* @__PURE__ */ jsx(Box_default, { sx: __spreadProps(__spreadValues({}, cardHeader), { borderRight: `1px solid ${C.b1}` }), children: /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "Abandoned Patients" }) }),
+    /* @__PURE__ */ jsx(Box_default, { sx: cardHeader, children: /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "Avg Callback Duration" }) }),
+    /* @__PURE__ */ jsx(Box_default, { sx: __spreadProps(__spreadValues({}, numCellSx), { borderRight: `1px solid ${C.b1}` }), children: /* @__PURE__ */ jsx(Typography_default, { sx: { fontFamily: "'Barlow Condensed', sans-serif", fontSize: 30, fontWeight: 800, color: C.navy, lineHeight: 1 }, children: data.total.toLocaleString() }) }),
+    /* @__PURE__ */ jsx(Box_default, { sx: numCellSx, children: /* @__PURE__ */ jsx(Typography_default, { sx: { fontFamily: "'JetBrains Mono', monospace", fontSize: 24, fontWeight: 700, color: C.navy, letterSpacing: 1 }, children: data.avg_callback_duration }) }),
+    /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, subCellSx), { borderRight: `1px solid ${C.b1}` }), children: [
+      /* @__PURE__ */ jsx(Typography_default, { sx: subLabelSx, children: "Called Back Patients" }),
+      /* @__PURE__ */ jsxs(Box_default, { sx: subRowSx, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 13, fontWeight: 700, color: C.blue }, children: data.called_back }),
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 11, color: C.t3 }, children: "|" }),
+        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 12, fontWeight: 600, color: C.blue }, children: [
+          data.called_back_pct.toFixed(1),
+          "%"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box_default, { sx: subCellSx, children: [
+      /* @__PURE__ */ jsx(Typography_default, { sx: subLabelSx, children: "To be Called Patients" }),
+      /* @__PURE__ */ jsxs(Box_default, { sx: subRowSx, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 13, fontWeight: 700, color: C.blue }, children: data.to_call }),
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 11, color: C.t3 }, children: "|" }),
+        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 12, fontWeight: 600, color: C.blue }, children: [
+          data.to_call_pct.toFixed(1),
           "%"
         ] })
-      ] }, label))
+      ] })
     ] })
-  ] });
-}
-function AvgCallbackCard({ duration }) {
-  return /* @__PURE__ */ jsxs(Paper_default, { sx: cardPaper, children: [
-    /* @__PURE__ */ jsx(Box_default, { sx: cardHeader, children: /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "Avg Callback Duration" }) }),
-    /* @__PURE__ */ jsx(Box_default, { sx: { p: 1.5 }, children: /* @__PURE__ */ jsx(Typography_default, { sx: { fontFamily: "'JetBrains Mono', monospace", fontSize: 26, fontWeight: 700, color: C.navy, mt: 1, letterSpacing: 1 }, children: duration }) })
-  ] });
+  ] }) });
 }
 function IvrCard({ data }) {
   return /* @__PURE__ */ jsxs(Paper_default, { sx: cardPaper, children: [
     /* @__PURE__ */ jsx(Box_default, { sx: cardHeader, children: /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "IVR Patients" }) }),
     /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.5 }, children: [
-      /* @__PURE__ */ jsx(Typography_default, { sx: { fontFamily: "'Barlow Condensed', sans-serif", fontSize: 30, fontWeight: 800, color: C.navy, lineHeight: 1, mb: 1 }, children: data.total.toLocaleString() }),
-      [
+      /* @__PURE__ */ jsx(Typography_default, { sx: { fontFamily: "'Barlow Condensed', sans-serif", fontSize: 30, fontWeight: 800, color: C.navy, lineHeight: 1, mb: 1, textAlign: "center" }, children: data.total.toLocaleString() }),
+      /* @__PURE__ */ jsx(Box_default, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", borderTop: `2px solid ${C.s3}`, pt: 1 }, children: [
         { label: "Called Back", value: data.called_back, pct: data.called_back_pct },
         { label: "To Be Called", value: data.to_call, pct: data.to_call_pct }
-      ].map(({ label, value, pct }) => /* @__PURE__ */ jsxs(Box_default, { sx: { mb: 0.4 }, children: [
-        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 11, color: C.t3, display: "inline" }, children: [
-          label,
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 13, fontWeight: 700, color: C.blue, display: "inline" }, children: [
-          value,
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 11, fontWeight: 700, color: "#48bb78", display: "inline" }, children: [
-          pct.toFixed(1),
-          "%"
+      ].map(({ label, value, pct }, idx) => /* @__PURE__ */ jsxs(Box_default, { sx: __spreadValues({ textAlign: "center", px: 0.5 }, idx === 0 && { borderRight: `1px solid ${C.b1}` }), children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 10, fontWeight: 600, color: C.t3, mb: 0.3, lineHeight: 1.2 }, children: label }),
+        /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "baseline", justifyContent: "center", gap: 0.5 }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 13, fontWeight: 700, color: C.blue }, children: value }),
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 11, color: C.t3 }, children: "|" }),
+          /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 12, fontWeight: 600, color: C.blue }, children: [
+            pct.toFixed(1),
+            "%"
+          ] })
         ] })
-      ] }, label))
+      ] }, label)) })
     ] })
   ] });
 }
@@ -237,7 +259,6 @@ function ManagementDashboardContent() {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
   const [repeatedSearch, setRepeatedSearch] = useState("");
-  const [chartDir, setChartDir] = useState("inbound");
   const chartRef = useRef(null);
   const fetchDashboard = useCallback(async () => {
     var _a, _b;
@@ -295,7 +316,7 @@ function ManagementDashboardContent() {
       ctx.fillRect(0, 0, canvas.width, canvas.height);
       ctx.drawImage(img, 0, 0);
       const a = document.createElement("a");
-      a.download = `hourly_chart_${chartDir}.png`;
+      a.download = `hourly_chart.png`;
       a.href = canvas.toDataURL("image/png");
       a.click();
     };
@@ -353,15 +374,14 @@ function ManagementDashboardContent() {
     !loading && /* @__PURE__ */ jsxs(Box_default, { sx: { px: { xs: 1, md: 2 }, py: 1.5 }, children: [
       /* @__PURE__ */ jsxs(Box_default, { sx: {
         display: "grid",
-        gridTemplateColumns: { xs: "1fr", sm: "repeat(2, 1fr)", md: "repeat(3, 1fr)", lg: "1.3fr 1.2fr 1.1fr 0.75fr 1.3fr 1.1fr" },
+        gridTemplateColumns: { xs: "1fr", sm: "repeat(2, 1fr)", md: "repeat(3, 1fr)", lg: "1.3fr 1.2fr 1.9fr 1.3fr 1.1fr" },
         gap: 1.2,
         mb: 1.2
       }, children: [
-        /* @__PURE__ */ jsx(DirectionCard, { title: "Inbound Calls", data: data.inbound }),
+        /* @__PURE__ */ jsx(DirectionCard, { title: "Inbound Calls", data: data.inbound, icon: /* @__PURE__ */ jsx(PhoneCallback_default, { sx: numIconSx }) }),
         /* @__PURE__ */ jsx(QueueCallsCard, { data: data.queue_calls }),
-        /* @__PURE__ */ jsx(AbandonedCard, { data: data.abandoned }),
-        /* @__PURE__ */ jsx(AvgCallbackCard, { duration: data.abandoned.avg_callback_duration }),
-        /* @__PURE__ */ jsx(DirectionCard, { title: "Outbound Calls", data: data.outbound }),
+        /* @__PURE__ */ jsx(AbandonedCallbackCard, { data: data.abandoned }),
+        /* @__PURE__ */ jsx(DirectionCard, { title: "Outbound Calls", data: data.outbound, icon: /* @__PURE__ */ jsx(PhoneForwarded_default, { sx: numIconSx }) }),
         /* @__PURE__ */ jsx(IvrCard, { data: data.ivr })
       ] }),
       /* @__PURE__ */ jsxs(Box_default, { sx: {
@@ -410,11 +430,11 @@ function ManagementDashboardContent() {
         ] }),
         /* @__PURE__ */ jsxs(Paper_default, { sx: cardPaper, children: [
           /* @__PURE__ */ jsx(Box_default, { sx: cardHeader, children: /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "Inbound Average Waiting" }) }),
-          /* @__PURE__ */ jsx(Box_default, { sx: { p: 1.5, display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 1, mt: 0.5 }, children: [
+          /* @__PURE__ */ jsx(Box_default, { sx: { p: 1.5, display: "grid", gridTemplateColumns: "1fr 1fr 1fr", mt: 0.5 }, children: [
             { label: "Waiting Time", value: data.waiting.avg_wait_time },
             { label: "Language Selection", value: data.waiting.avg_lang_selection },
             { label: "Queue Waiting", value: data.waiting.avg_queue_wait }
-          ].map(({ label, value }) => /* @__PURE__ */ jsxs(Box_default, { sx: { textAlign: "center" }, children: [
+          ].map(({ label, value }, idx) => /* @__PURE__ */ jsxs(Box_default, { sx: __spreadValues({ textAlign: "center", px: 0.5 }, idx < 2 && { borderRight: `1px solid ${C.b1}` }), children: [
             /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 10, fontWeight: 600, color: C.t3, mb: 0.5 }, children: label }),
             /* @__PURE__ */ jsx(Typography_default, { sx: __spreadProps(__spreadValues({}, monoSx), { fontSize: 18, color: C.blue }), children: value })
           ] }, label)) })
@@ -442,41 +462,26 @@ function ManagementDashboardContent() {
       ] }),
       /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", lg: "1fr 1fr" }, gap: 1.2 }, children: [
         /* @__PURE__ */ jsxs(Paper_default, { sx: cardPaper, children: [
-          /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, cardHeader), { flexWrap: "wrap", gap: 1 }), children: [
+          /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, cardHeader), { flexWrap: "wrap", gap: 1, justifyContent: "space-between" }), children: [
             /* @__PURE__ */ jsxs(Box_default, { children: [
               /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "Avg Hour Wise Inbound Calls vs Agents" }),
               /* @__PURE__ */ jsx(Stack_default, { direction: "row", spacing: 1.5, sx: { mt: 0.5 }, children: [
-                { color: "#f6a623", label: "Answered" },
-                { color: "#90a4c0", label: "Abandoned" },
-                { color: "#4a5568", label: "Agents" }
+                { color: "#F2B51D", label: "Answered" },
+                { color: "#9fc4cb", label: "Abandoned" },
+                { color: "#14505b", label: "Agents" }
               ].map(({ color, label }) => /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
                 /* @__PURE__ */ jsx(Box_default, { sx: { width: 12, height: 12, borderRadius: "2px", background: color } }),
                 /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: 11, color: C.t3 }, children: label })
               ] }, label)) })
             ] }),
-            /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 0.5 }, children: [
-              /* @__PURE__ */ jsxs(
-                RadioGroup_default,
-                {
-                  row: true,
-                  value: chartDir,
-                  onChange: (e) => setChartDir(e.target.value),
-                  sx: { "& .MuiFormControlLabel-root": { mr: 0.5 }, "& .MuiFormControlLabel-label": { fontSize: 12 } },
-                  children: [
-                    /* @__PURE__ */ jsx(FormControlLabel_default, { value: "inbound", control: /* @__PURE__ */ jsx(Radio_default, { size: "small" }), label: "Inbound" }),
-                    /* @__PURE__ */ jsx(FormControlLabel_default, { value: "outbound", control: /* @__PURE__ */ jsx(Radio_default, { size: "small" }), label: "Outbound" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Typography_default,
-                {
-                  onClick: downloadChart,
-                  sx: { fontSize: 11, color: "#3182ce", cursor: "pointer", border: "1px solid #bee3f8", borderRadius: "4px", px: 1, py: 0.3 },
-                  children: "\u2B07 DOWNLOAD"
-                }
-              )
-            ] })
+            /* @__PURE__ */ jsx(Box_default, { sx: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 0.5 }, children: /* @__PURE__ */ jsx(
+              Typography_default,
+              {
+                onClick: downloadChart,
+                sx: { fontSize: 11, color: C.blue, cursor: "pointer", border: `1px solid ${C.b2}`, borderRadius: "4px", px: 1, py: 0.3 },
+                children: "\u2B07 DOWNLOAD"
+              }
+            ) })
           ] }),
           /* @__PURE__ */ jsx(Box_default, { ref: chartRef, sx: { p: 1.5, height: 260 }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ComposedChart, { data: hourlyData, margin: { top: 4, right: 30, left: -20, bottom: 0 }, barGap: 1, children: [
             /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: C.b2, vertical: false }),
@@ -487,16 +492,19 @@ function ManagementDashboardContent() {
               Tooltip,
               {
                 contentStyle: { fontSize: 11, borderRadius: 6, border: `1px solid ${C.b2}` },
-                formatter: (v, n) => [v, n.charAt(0).toUpperCase() + n.slice(1)]
+                formatter: (v, n) => {
+                  const s = String(n != null ? n : "");
+                  return [v, s.charAt(0).toUpperCase() + s.slice(1)];
+                }
               }
             ),
-            /* @__PURE__ */ jsx(Bar, { yAxisId: "left", dataKey: "answered", fill: "#f6a623", radius: [2, 2, 0, 0], maxBarSize: 14 }),
-            /* @__PURE__ */ jsx(Bar, { yAxisId: "left", dataKey: "abandoned", fill: "#90a4c0", radius: [2, 2, 0, 0], maxBarSize: 14 }),
-            /* @__PURE__ */ jsx(Line, { yAxisId: "right", type: "monotone", dataKey: "agents", stroke: "#4a5568", strokeWidth: 1.5, dot: { r: 2, fill: "#4a5568" } })
+            /* @__PURE__ */ jsx(Bar, { yAxisId: "left", dataKey: "answered", fill: "#F2B51D", radius: [2, 2, 0, 0], maxBarSize: 14 }),
+            /* @__PURE__ */ jsx(Bar, { yAxisId: "left", dataKey: "abandoned", fill: "#9fc4cb", radius: [2, 2, 0, 0], maxBarSize: 14 }),
+            /* @__PURE__ */ jsx(Line, { yAxisId: "right", type: "monotone", dataKey: "agents", stroke: "#14505b", strokeWidth: 1.5, dot: { r: 2, fill: "#14505b" } })
           ] }) }) })
         ] }),
         /* @__PURE__ */ jsxs(Paper_default, { sx: cardPaper, children: [
-          /* @__PURE__ */ jsxs(Box_default, { sx: cardHeader, children: [
+          /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, cardHeader), { justifyContent: "space-between" }), children: [
             /* @__PURE__ */ jsx(Typography_default, { sx: labelSx, children: "Repeated Calls" }),
             /* @__PURE__ */ jsx(Chip_default, { label: data.repeated_calls.length, size: "small", sx: { background: C.rlt, color: C.red, fontWeight: 700, fontSize: 11 } })
           ] }),
@@ -543,4 +551,4 @@ var managementDashboard_default = ManagementDashboard;
 export {
   managementDashboard_default as default
 };
-//# sourceMappingURL=managementDashboard-7BF5BKMA.mjs.map
+//# sourceMappingURL=managementDashboard-PDXSO6BB.mjs.map

package/dist/managementDashboard-PDXSO6BB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../call-control-sdk/lib/pages/managementDashboard/index.tsx","../node_modules/@mui/icons-material/PhoneCallback.mjs","../node_modules/@mui/icons-material/PhoneForwarded.mjs","../call-control-sdk/lib/pages/managementDashboard/useManagementDashboard.ts"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef } from \"react\";\r\nimport {\r\n\tBox, Paper, Stack, Typography, CircularProgress, Alert,\r\n\tTable, TableBody, TableCell, TableContainer, TableHead, TableRow,\r\n\tTextField, InputAdornment, Chip,\r\n} from \"@mui/material\";\r\nimport dayjs, { Dayjs } from \"dayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport {\r\n\tComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid,\r\n\tTooltip as RTooltip, ResponsiveContainer,\r\n} from \"recharts\";\r\n\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\r\nimport RefreshIcon from \"@mui/icons-material/Refresh\";\r\nimport PhoneCallbackIcon from \"@mui/icons-material/PhoneCallback\";\r\nimport PhoneForwardedIcon from \"@mui/icons-material/PhoneForwarded\";\r\n\r\nimport PageHeader from \"../common/components/PageHeader\";\r\nimport ReportFilterBar, { type QuickRange } from \"../common/components/ReportFilterBar\";\r\nimport AppButton from \"../common/components/AppButton\";\r\nimport { headCellSx as sharedHeadSx } from \"../common/utils/tableStyles\";\r\nimport { SDKProvider } from \"../../components/SDKProvider\";\r\nimport { getManagementDashboard } from \"./useManagementDashboard\";\r\nimport type { MgmtDashboardResponse } from \"./types\";\r\n\r\n/* ═══════════════════════ COLORS (brand teal — see ThemeContext #1A5F6C) ═══════════════════════ */\r\nconst C = {\r\n\tnavy: \"#14505b\", blue: \"#1A5F6C\", green: \"#00A550\", amber: \"#C47C00\",\r\n\tred: \"#F05A22\", teal: \"#1A5F6C\",\r\n\tsurface: \"#fff\", s2: \"#f5f9fa\", s3: \"#e7f1f2\",\r\n\tb1: \"rgba(26,95,108,.08)\", b2: \"rgba(26,95,108,.16)\",\r\n\tt1: \"#1a2e33\", t2: \"#3d5a60\", t3: \"#6b8a90\",\r\n\tblt: \"#e3f1f3\", glt: \"#e4f6ef\", alt: \"#fdf3e0\", rlt: \"#fdeae3\", tlt: \"#e3f1f3\",\r\n};\r\n\r\n/* ═══════════════════════ STYLES ═══════════════════════ */\r\nconst headSx = { ...sharedHeadSx as object, py: 1, px: 1.5 };\r\nconst cellSx = { fontSize: 12, py: 0.8, px: 1.5, borderBottom: `1px solid ${C.b1}` };\r\nconst monoSx = { fontFamily: \"'JetBrains Mono', monospace\", fontSize: 12, fontWeight: 700 };\r\nconst labelSx = { fontSize: 11, fontWeight: 700, letterSpacing: 0.7, textTransform: \"uppercase\" as const, color: C.t2 };\r\nconst cardPaper = { background: C.surface, border: `1px solid #dce3ef`, borderRadius: \"6px\", overflow: \"hidden\", boxShadow: \"0 1px 4px rgba(0,0,0,.09)\" };\r\nconst cardHeader = { px: 1.5, py: 1, background: C.s2, borderBottom: `1px solid ${C.b1}`, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" };\r\nconst numIconSx = { fontSize: 28, color: C.blue };\r\n\r\n/* ═══════════════════════ EMPTY STATE ═══════════════════════ */\r\nconst EMPTY: MgmtDashboardResponse = {\r\n\tinbound:  { total: 0, answered: 0, unanswered: 0, answered_pct: 0, unanswered_pct: 0 },\r\n\toutbound: { total: 0, answered: 0, unanswered: 0, answered_pct: 0, unanswered_pct: 0 },\r\n\ttotals:   { total_calls: 0, total_answered: 0, highest_duration: \"00:00:00\", lowest_duration: \"00:00:00\", calls_lt_30sec: 0, avg_inbound_duration: \"00:00:00\", avg_outbound_duration: \"00:00:00\" },\r\n\tabandoned:{ total: 0, called_back: 0, to_call: 0, called_back_pct: 0, to_call_pct: 0, avg_callback_duration: \"00:00:00\" },\r\n\tivr:      { total: 0, called_back: 0, to_call: 0, called_back_pct: 0, to_call_pct: 0 },\r\n\twaiting:  { avg_wait_time: \"00:00:00\", avg_lang_selection: \"00:00:00\", avg_queue_wait: \"00:00:00\" },\r\n\tcht:      [],\r\n\tqueue_calls:    [],\r\n\thourly_chart:   [],\r\n\trepeated_calls: [],\r\n};\r\n\r\n/* ═══════════════════════ SUB-COMPONENTS ═══════════════════════ */\r\n\r\nfunction DirectionCard({ title, data, icon }: Readonly<{\r\n\ttitle: string;\r\n\tdata: MgmtDashboardResponse[\"inbound\"];\r\n\ticon: React.ReactNode;\r\n}>) {\r\n\treturn (\r\n\t\t<Paper sx={cardPaper}>\r\n\t\t\t<Box sx={cardHeader}>\r\n\t\t\t\t<Typography sx={labelSx}>{title}</Typography>\r\n\t\t\t</Box>\r\n\t\t\t<Box sx={{ p: 1.5 }}>\r\n\t\t\t\t<Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\", gap: 1, mb: 1.2 }}>\r\n\t\t\t\t\t{icon}\r\n\t\t\t\t\t<Typography sx={{ fontFamily: \"'Barlow Condensed', sans-serif\", fontSize: 32, fontWeight: 800, color: C.navy, lineHeight: 1 }}>\r\n\t\t\t\t\t\t{data.total.toLocaleString()}\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</Box>\r\n\t\t\t\t<Box sx={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", borderTop: `2px solid ${C.s3}`, pt: 1 }}>\r\n\t\t\t\t\t{[\r\n\t\t\t\t\t\t{ label: \"ANSWERED\",   value: data.answered,   pct: data.answered_pct },\r\n\t\t\t\t\t\t{ label: \"UNANSWERED\", value: data.unanswered, pct: data.unanswered_pct },\r\n\t\t\t\t\t].map(({ label, value, pct }, idx) => (\r\n\t\t\t\t\t\t<Box key={label} sx={{ textAlign: \"center\", ...(idx === 0 && { borderRight: `1px solid ${C.b1}` }) }}>\r\n\t\t\t\t\t\t\t<Typography sx={{ fontSize: 10, fontWeight: 700, letterSpacing: 0.5, color: C.t3, mb: 0.3 }}>{label}</Typography>\r\n\t\t\t\t\t\t\t<Box sx={{ display: \"flex\", alignItems: \"baseline\", justifyContent: \"center\", gap: 0.5 }}>\r\n\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 15, fontWeight: 700, color: C.blue }}>{value.toLocaleString()}</Typography>\r\n\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 11, color: C.t3 }}>|</Typography>\r\n\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 12, fontWeight: 600, color: C.blue }}>{pct.toFixed(1)}%</Typography>\r\n\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</Box>\r\n\t\t\t</Box>\r\n\t\t</Paper>\r\n\t);\r\n}\r\n\r\nfunction QueueCallsCard({ data }: Readonly<{ data: MgmtDashboardResponse[\"queue_calls\"] }>) {\r\n\tconst maxCount = data.reduce((m, q) => Math.max(m, q.call_count), 0) || 1;\r\n\treturn (\r\n\t\t<Paper sx={cardPaper}>\r\n\t\t\t<Box sx={cardHeader}>\r\n\t\t\t\t<Typography sx={labelSx}>Queue Wise Calls</Typography>\r\n\t\t\t</Box>\r\n\t\t\t<Box sx={{ p: 1.5 }}>\r\n\t\t\t\t{data.length === 0 && <Typography sx={{ fontSize: 12, color: C.t3, textAlign: \"center\", py: 2 }}>No data</Typography>}\r\n\t\t\t\t{data.map((q, i) => {\r\n\t\t\t\t\tconst pct = Math.max(6, (q.call_count / maxCount) * 100);\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<Box key={q.queue_name} sx={{ mb: 0.7, \"&:last-child\": { mb: 0 } }}>\r\n\t\t\t\t\t\t\t<Box sx={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\", mb: 0.3 }}>\r\n\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 12, fontWeight: 600, color: C.t2 }}>{q.queue_name}</Typography>\r\n\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 13, fontWeight: 700, color: C.blue }}>{q.call_count}</Typography>\r\n\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t<Box sx={{ height: 6, background: C.s3, borderRadius: 3, overflow: \"hidden\" }}>\r\n\t\t\t\t\t\t\t\t<Box sx={{ height: \"100%\", width: `${pct}%`, background: i === 0 ? C.blue : \"#7fb3bd\", borderRadius: 3 }} />\r\n\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</Box>\r\n\t\t</Paper>\r\n\t);\r\n}\r\n\r\nfunction AbandonedCallbackCard({ data }: Readonly<{ data: MgmtDashboardResponse[\"abandoned\"] }>) {\r\n\tconst numCellSx = { p: 1, textAlign: \"center\" as const };\r\n\tconst subCellSx = { p: 1, textAlign: \"center\" as const, borderTop: `1px solid ${C.b1}` };\r\n\tconst subLabelSx = { fontSize: 10, fontWeight: 600, color: C.t3, mb: 0.3, lineHeight: 1.2 };\r\n\tconst subRowSx = { display: \"flex\", alignItems: \"baseline\", justifyContent: \"center\", gap: 0.5 };\r\n\treturn (\r\n\t\t<Paper sx={cardPaper}>\r\n\t\t\t<Box sx={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\" }}>\r\n\t\t\t\t{/* headers */}\r\n\t\t\t\t<Box sx={{ ...cardHeader, borderRight: `1px solid ${C.b1}` }}>\r\n\t\t\t\t\t<Typography sx={labelSx}>Abandoned Patients</Typography>\r\n\t\t\t\t</Box>\r\n\t\t\t\t<Box sx={cardHeader}>\r\n\t\t\t\t\t<Typography sx={labelSx}>Avg Callback Duration</Typography>\r\n\t\t\t\t</Box>\r\n\t\t\t\t{/* headline numbers */}\r\n\t\t\t\t<Box sx={{ ...numCellSx, borderRight: `1px solid ${C.b1}` }}>\r\n\t\t\t\t\t<Typography sx={{ fontFamily: \"'Barlow Condensed', sans-serif\", fontSize: 30, fontWeight: 800, color: C.navy, lineHeight: 1 }}>\r\n\t\t\t\t\t\t{data.total.toLocaleString()}\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</Box>\r\n\t\t\t\t<Box sx={numCellSx}>\r\n\t\t\t\t\t<Typography sx={{ fontFamily: \"'JetBrains Mono', monospace\", fontSize: 24, fontWeight: 700, color: C.navy, letterSpacing: 1 }}>\r\n\t\t\t\t\t\t{data.avg_callback_duration}\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</Box>\r\n\t\t\t\t{/* sub-metrics */}\r\n\t\t\t\t<Box sx={{ ...subCellSx, borderRight: `1px solid ${C.b1}` }}>\r\n\t\t\t\t\t<Typography sx={subLabelSx}>Called Back Patients</Typography>\r\n\t\t\t\t\t<Box sx={subRowSx}>\r\n\t\t\t\t\t\t<Typography sx={{ fontSize: 13, fontWeight: 700, color: C.blue }}>{data.called_back}</Typography>\r\n\t\t\t\t\t\t<Typography sx={{ fontSize: 11, color: C.t3 }}>|</Typography>\r\n\t\t\t\t\t\t<Typography sx={{ fontSize: 12, fontWeight: 600, color: C.blue }}>{data.called_back_pct.toFixed(1)}%</Typography>\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t</Box>\r\n\t\t\t\t<Box sx={subCellSx}>\r\n\t\t\t\t\t<Typography sx={subLabelSx}>To be Called Patients</Typography>\r\n\t\t\t\t\t<Box sx={subRowSx}>\r\n\t\t\t\t\t\t<Typography sx={{ fontSize: 13, fontWeight: 700, color: C.blue }}>{data.to_call}</Typography>\r\n\t\t\t\t\t\t<Typography sx={{ fontSize: 11, color: C.t3 }}>|</Typography>\r\n\t\t\t\t\t\t<Typography sx={{ fontSize: 12, fontWeight: 600, color: C.blue }}>{data.to_call_pct.toFixed(1)}%</Typography>\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t</Box>\r\n\t\t\t</Box>\r\n\t\t</Paper>\r\n\t);\r\n}\r\n\r\nfunction IvrCard({ data }: Readonly<{ data: MgmtDashboardResponse[\"ivr\"] }>) {\r\n\treturn (\r\n\t\t<Paper sx={cardPaper}>\r\n\t\t\t<Box sx={cardHeader}>\r\n\t\t\t\t<Typography sx={labelSx}>IVR Patients</Typography>\r\n\t\t\t</Box>\r\n\t\t\t<Box sx={{ p: 1.5 }}>\r\n\t\t\t\t<Typography sx={{ fontFamily: \"'Barlow Condensed', sans-serif\", fontSize: 30, fontWeight: 800, color: C.navy, lineHeight: 1, mb: 1, textAlign: \"center\" }}>\r\n\t\t\t\t\t{data.total.toLocaleString()}\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<Box sx={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", borderTop: `2px solid ${C.s3}`, pt: 1 }}>\r\n\t\t\t\t\t{[\r\n\t\t\t\t\t\t{ label: \"Called Back\", value: data.called_back, pct: data.called_back_pct },\r\n\t\t\t\t\t\t{ label: \"To Be Called\", value: data.to_call, pct: data.to_call_pct },\r\n\t\t\t\t\t].map(({ label, value, pct }, idx) => (\r\n\t\t\t\t\t\t<Box key={label} sx={{ textAlign: \"center\", px: 0.5, ...(idx === 0 && { borderRight: `1px solid ${C.b1}` }) }}>\r\n\t\t\t\t\t\t\t<Typography sx={{ fontSize: 10, fontWeight: 600, color: C.t3, mb: 0.3, lineHeight: 1.2 }}>{label}</Typography>\r\n\t\t\t\t\t\t\t<Box sx={{ display: \"flex\", alignItems: \"baseline\", justifyContent: \"center\", gap: 0.5 }}>\r\n\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 13, fontWeight: 700, color: C.blue }}>{value}</Typography>\r\n\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 11, color: C.t3 }}>|</Typography>\r\n\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 12, fontWeight: 600, color: C.blue }}>{pct.toFixed(1)}%</Typography>\r\n\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</Box>\r\n\t\t\t</Box>\r\n\t\t</Paper>\r\n\t);\r\n}\r\n\r\nfunction statusColor(status: string) {\r\n\tconst s = status?.toUpperCase();\r\n\tif (s === \"ANSWERED\")  return C.green;\r\n\tif (s === \"CANCEL\")    return C.red;\r\n\tif (s === \"ABANDONED\") return \"#c05621\";\r\n\treturn C.t2;\r\n}\r\n\r\n/* ═══════════════════════ MAIN CONTENT ═══════════════════════ */\r\n\r\nfunction ManagementDashboardContent() {\r\n\tconst [startDate, setStartDate] = useState<Dayjs | null>(dayjs().startOf(\"day\"));\r\n\tconst [endDate, setEndDate]     = useState<Dayjs | null>(dayjs());\r\n\tconst [quickRange, setQuickRange] = useState(\"today\");\r\n\r\n\tconst [data, setData]       = useState<MgmtDashboardResponse>(EMPTY);\r\n\tconst [loading, setLoading] = useState(false);\r\n\tconst [error, setError]     = useState(\"\");\r\n\tconst [repeatedSearch, setRepeatedSearch] = useState(\"\");\r\n\tconst chartRef = useRef<HTMLDivElement>(null);\r\n\r\n\tconst fetchDashboard = useCallback(async () => {\r\n\t\tif (!startDate || !endDate) return;\r\n\t\tsetLoading(true);\r\n\t\tsetError(\"\");\r\n\t\ttry {\r\n\t\t\tconst result = await getManagementDashboard({\r\n\t\t\t\tstart_date: startDate.format(\"YYYY-MM-DD\"),\r\n\t\t\t\tend_date:   endDate.format(\"YYYY-MM-DD\"),\r\n\t\t\t});\r\n\t\t\tsetData(result);\r\n\t\t} catch (err: any) {\r\n\t\t\tsetError(err?.response?.data?.detail || err?.message || \"Failed to load dashboard\");\r\n\t\t} finally {\r\n\t\t\tsetLoading(false);\r\n\t\t}\r\n\t}, [startDate, endDate]);\r\n\r\n\tuseEffect(() => { fetchDashboard(); }, [fetchDashboard]);\r\n\r\n\tconst handleQuickRangeChange = (range: QuickRange) => setQuickRange(range);\r\n\r\n\tconst filteredRepeated = useMemo(() => {\r\n\t\tif (!repeatedSearch) return data.repeated_calls;\r\n\t\tconst q = repeatedSearch.toLowerCase();\r\n\t\treturn data.repeated_calls.filter((r) =>\r\n\t\t\tr.phone_number.toLowerCase().includes(q) ||\r\n\t\t\tr.latest_status.toLowerCase().includes(q) ||\r\n\t\t\tr.latest_call_type.toLowerCase().includes(q)\r\n\t\t);\r\n\t}, [data.repeated_calls, repeatedSearch]);\r\n\r\n\tconst hourlyData = useMemo(() => {\r\n\t\tconst map = new Map(data.hourly_chart.map((h) => [h.hour, h]));\r\n\t\treturn Array.from({ length: 24 }, (_, h) => ({\r\n\t\t\thour: `${String(h).padStart(2, \"0\")}`,\r\n\t\t\tanswered:  map.get(h)?.answered  ?? 0,\r\n\t\t\tabandoned: map.get(h)?.abandoned ?? 0,\r\n\t\t\tagents:    map.get(h)?.agents    ?? 0,\r\n\t\t}));\r\n\t}, [data.hourly_chart]);\r\n\r\n\tconst downloadChart = () => {\r\n\t\tconst svgEl = chartRef.current?.querySelector(\"svg\");\r\n\t\tif (!svgEl) return;\r\n\t\tconst svgData = new XMLSerializer().serializeToString(svgEl);\r\n\t\tconst canvas = document.createElement(\"canvas\");\r\n\t\tconst img = new Image();\r\n\t\timg.onload = () => {\r\n\t\t\tcanvas.width = img.width;\r\n\t\t\tcanvas.height = img.height;\r\n\t\t\tconst ctx = canvas.getContext(\"2d\");\r\n\t\t\tif (!ctx) return;\r\n\t\t\tctx.fillStyle = \"#fff\";\r\n\t\t\tctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\t\t\tctx.drawImage(img, 0, 0);\r\n\t\t\tconst a = document.createElement(\"a\");\r\n\t\t\ta.download = `hourly_chart.png`;\r\n\t\t\ta.href = canvas.toDataURL(\"image/png\");\r\n\t\t\ta.click();\r\n\t\t};\r\n\t\timg.src = \"data:image/svg+xml;base64,\" + btoa(unescape(encodeURIComponent(svgData)));\r\n\t};\r\n\r\n\treturn (\r\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\r\n\t\t\t<Box sx={{ background: \"transparent\", minHeight: \"100vh\" }}>\r\n\r\n\t\t\t\t{/* ── HEADER ── */}\r\n\t\t\t\t<PageHeader\r\n\t\t\t\t\ttitle=\"Management Dashboard\"\r\n\t\t\t\t\tactions={\r\n\t\t\t\t\t\t<Stack direction=\"row\" spacing={1} alignItems=\"center\">\r\n\t\t\t\t\t\t\t<AppButton\r\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\r\n\t\t\t\t\t\t\t\tstartIcon={<RefreshIcon sx={{ fontSize: \"0.95rem !important\" }} />}\r\n\t\t\t\t\t\t\t\tonClick={fetchDashboard}\r\n\t\t\t\t\t\t\t\tdisabled={loading}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tRefresh\r\n\t\t\t\t\t\t\t</AppButton>\r\n\t\t\t\t\t\t\t<AppButton\r\n\t\t\t\t\t\t\t\tstartIcon={<FileDownloadIcon sx={{ fontSize: \"0.95rem !important\" }} />}\r\n\t\t\t\t\t\t\t\tdisabled={loading || data.totals.total_calls === 0}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tconst rows = data.repeated_calls.map((r) => Object.values(r).join(\",\"));\r\n\t\t\t\t\t\t\t\t\tconst csv = [\"Phone,Date,Count,Status,Type,Comments\", ...rows].join(\"\\n\");\r\n\t\t\t\t\t\t\t\t\tconst a = document.createElement(\"a\");\r\n\t\t\t\t\t\t\t\t\ta.href = URL.createObjectURL(new Blob([csv], { type: \"text/csv\" }));\r\n\t\t\t\t\t\t\t\t\ta.download = `mgmt_dashboard_${startDate?.format(\"YYYY-MM-DD\")}.csv`;\r\n\t\t\t\t\t\t\t\t\ta.click();\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tExport CSV\r\n\t\t\t\t\t\t\t</AppButton>\r\n\t\t\t\t\t\t</Stack>\r\n\t\t\t\t\t}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{/* ── FILTER BAR ── */}\r\n\t\t\t\t<ReportFilterBar\r\n\t\t\t\t\tstartDate={startDate}\r\n\t\t\t\t\tendDate={endDate}\r\n\t\t\t\t\tonStartChange={setStartDate}\r\n\t\t\t\t\tonEndChange={setEndDate}\r\n\t\t\t\t\tshowTime={false}\r\n\t\t\t\t\tquickRange={quickRange}\r\n\t\t\t\t\tonQuickRangeChange={handleQuickRangeChange}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{error && (\r\n\t\t\t\t\t<Alert severity=\"error\" sx={{ mx: 2.5, mt: 1.5 }} onClose={() => setError(\"\")}>{error}</Alert>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{loading && (\r\n\t\t\t\t\t<Box sx={{ display: \"flex\", justifyContent: \"center\", py: 5 }}>\r\n\t\t\t\t\t\t<CircularProgress size={36} />\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{!loading && (\r\n\t\t\t\t\t<Box sx={{ px: { xs: 1, md: 2 }, py: 1.5 }}>\r\n\r\n\t\t\t\t\t\t{/* ═══ ROW 1 — 6 stat cards ═══ */}\r\n\t\t\t\t\t\t<Box sx={{\r\n\t\t\t\t\t\t\tdisplay: \"grid\",\r\n\t\t\t\t\t\t\tgridTemplateColumns: { xs: \"1fr\", sm: \"repeat(2, 1fr)\", md: \"repeat(3, 1fr)\", lg: \"1.3fr 1.2fr 1.9fr 1.3fr 1.1fr\" },\r\n\t\t\t\t\t\t\tgap: 1.2,\r\n\t\t\t\t\t\t\tmb: 1.2,\r\n\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t<DirectionCard title=\"Inbound Calls\"  data={data.inbound} icon={<PhoneCallbackIcon sx={numIconSx} />} />\r\n\t\t\t\t\t\t\t<QueueCallsCard data={data.queue_calls} />\r\n\t\t\t\t\t\t\t<AbandonedCallbackCard data={data.abandoned} />\r\n\t\t\t\t\t\t\t<DirectionCard title=\"Outbound Calls\" data={data.outbound} icon={<PhoneForwardedIcon sx={numIconSx} />} />\r\n\t\t\t\t\t\t\t<IvrCard data={data.ivr} />\r\n\t\t\t\t\t\t</Box>\r\n\r\n\t\t\t\t\t\t{/* ═══ ROW 2 — 4 metric cards ═══ */}\r\n\t\t\t\t\t\t<Box sx={{\r\n\t\t\t\t\t\t\tdisplay: \"grid\",\r\n\t\t\t\t\t\t\tgridTemplateColumns: { xs: \"1fr\", sm: \"repeat(2, 1fr)\", lg: \"1fr 1fr 1.6fr 1.6fr\" },\r\n\t\t\t\t\t\t\tgap: 1.2,\r\n\t\t\t\t\t\t\tmb: 1.2,\r\n\t\t\t\t\t\t}}>\r\n\r\n\t\t\t\t\t\t\t{/* Summary */}\r\n\t\t\t\t\t\t\t<Paper sx={cardPaper}>\r\n\t\t\t\t\t\t\t\t<Box sx={cardHeader}><Typography sx={labelSx}>Summary</Typography></Box>\r\n\t\t\t\t\t\t\t\t<Box sx={{ p: 1.5 }}>\r\n\t\t\t\t\t\t\t\t\t<Box sx={{ display: \"flex\", alignItems: \"baseline\", gap: 0.5, mb: 0.5 }}>\r\n\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontFamily: \"'Barlow Condensed', sans-serif\", fontSize: 22, fontWeight: 800, color: C.navy }}>{data.totals.total_answered.toLocaleString()}</Typography>\r\n\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 14, color: C.t3 }}>/</Typography>\r\n\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontFamily: \"'Barlow Condensed', sans-serif\", fontSize: 22, fontWeight: 800, color: C.t3 }}>{data.totals.total_calls.toLocaleString()}</Typography>\r\n\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 11, color: C.t3, mb: 1 }}>Total Calls</Typography>\r\n\t\t\t\t\t\t\t\t\t<Box sx={{ mt: 1 }}>\r\n\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 11, color: C.t3, mb: 0.3 }}>Call Duration</Typography>\r\n\t\t\t\t\t\t\t\t\t\t<Box sx={{ display: \"flex\", gap: 2 }}>\r\n\t\t\t\t\t\t\t\t\t\t\t<Box>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 10, color: C.t3 }}>Highest</Typography>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ ...monoSx, color: C.blue, fontSize: 13 }}>{data.totals.highest_duration}</Typography>\r\n\t\t\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t\t\t<Box>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 10, color: C.t3 }}>Lowest</Typography>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ ...monoSx, color: C.blue, fontSize: 13 }}>{data.totals.lowest_duration}</Typography>\r\n\t\t\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t<Box sx={{ mt: 1 }}>\r\n\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 11, color: C.t3, display: \"inline\" }}>Calls &lt; 30 sec: </Typography>\r\n\t\t\t\t\t\t\t\t\t\t<Typography sx={{ ...monoSx, color: C.blue, display: \"inline\", fontSize: 13 }}>{data.totals.calls_lt_30sec.toLocaleString()}</Typography>\r\n\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t</Paper>\r\n\r\n\t\t\t\t\t\t\t{/* Avg Duration */}\r\n\t\t\t\t\t\t\t<Paper sx={cardPaper}>\r\n\t\t\t\t\t\t\t\t<Box sx={cardHeader}><Typography sx={labelSx}>Avg Total Calls Duration</Typography></Box>\r\n\t\t\t\t\t\t\t\t<Box sx={{ p: 1.5 }}>\r\n\t\t\t\t\t\t\t\t\t{[\r\n\t\t\t\t\t\t\t\t\t\t{ label: \"Inbound\",  value: data.totals.avg_inbound_duration },\r\n\t\t\t\t\t\t\t\t\t\t{ label: \"Outbound\", value: data.totals.avg_outbound_duration },\r\n\t\t\t\t\t\t\t\t\t].map(({ label, value }) => (\r\n\t\t\t\t\t\t\t\t\t\t<Box key={label} sx={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\", py: 1, borderBottom: `1px solid ${C.b1}`, \"&:last-child\": { borderBottom: \"none\" } }}>\r\n\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 12, fontWeight: 600, color: C.t2 }}>{label}</Typography>\r\n\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ ...monoSx, fontSize: 16, color: C.blue }}>{value}</Typography>\r\n\t\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t</Paper>\r\n\r\n\t\t\t\t\t\t\t{/* Inbound Avg Waiting */}\r\n\t\t\t\t\t\t\t<Paper sx={cardPaper}>\r\n\t\t\t\t\t\t\t\t<Box sx={cardHeader}><Typography sx={labelSx}>Inbound Average Waiting</Typography></Box>\r\n\t\t\t\t\t\t\t\t<Box sx={{ p: 1.5, display: \"grid\", gridTemplateColumns: \"1fr 1fr 1fr\", mt: 0.5 }}>\r\n\t\t\t\t\t\t\t\t\t{[\r\n\t\t\t\t\t\t\t\t\t\t{ label: \"Waiting Time\",      value: data.waiting.avg_wait_time },\r\n\t\t\t\t\t\t\t\t\t\t{ label: \"Language Selection\", value: data.waiting.avg_lang_selection },\r\n\t\t\t\t\t\t\t\t\t\t{ label: \"Queue Waiting\",      value: data.waiting.avg_queue_wait },\r\n\t\t\t\t\t\t\t\t\t].map(({ label, value }, idx) => (\r\n\t\t\t\t\t\t\t\t\t\t<Box key={label} sx={{ textAlign: \"center\", px: 0.5, ...(idx < 2 && { borderRight: `1px solid ${C.b1}` }) }}>\r\n\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 10, fontWeight: 600, color: C.t3, mb: 0.5 }}>{label}</Typography>\r\n\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ ...monoSx, fontSize: 18, color: C.blue }}>{value}</Typography>\r\n\t\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t</Paper>\r\n\r\n\t\t\t\t\t\t\t{/* CHT Table */}\r\n\t\t\t\t\t\t\t<Paper sx={cardPaper}>\r\n\t\t\t\t\t\t\t\t<Box sx={cardHeader}><Typography sx={labelSx}>Average CHT</Typography></Box>\r\n\t\t\t\t\t\t\t\t<TableContainer>\r\n\t\t\t\t\t\t\t\t\t<Table size=\"small\">\r\n\t\t\t\t\t\t\t\t\t\t<TableHead>\r\n\t\t\t\t\t\t\t\t\t\t\t<TableRow>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Call Type</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Call Handling Time</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Talk Duration</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Hold Duration</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t</TableRow>\r\n\t\t\t\t\t\t\t\t\t\t</TableHead>\r\n\t\t\t\t\t\t\t\t\t\t<TableBody>\r\n\t\t\t\t\t\t\t\t\t\t\t{data.cht.length === 0 && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableRow><TableCell colSpan={4} sx={{ textAlign: \"center\", py: 2, color: C.t3, fontSize: 12 }}>No data</TableCell></TableRow>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t{data.cht.map((row) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableRow key={row.call_type} hover>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, fontWeight: 600, color: C.t2 }}>{row.call_type}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, ...monoSx, color: C.blue }}>{row.call_handling_time}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, ...monoSx, color: C.blue }}>{row.talk_duration}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, ...monoSx, color: C.blue }}>{row.hold_duration}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</TableRow>\r\n\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t</TableBody>\r\n\t\t\t\t\t\t\t\t\t</Table>\r\n\t\t\t\t\t\t\t\t</TableContainer>\r\n\t\t\t\t\t\t\t</Paper>\r\n\r\n\t\t\t\t\t\t</Box>\r\n\r\n\t\t\t\t\t\t{/* ═══ ROW 3 — Chart + Repeated Calls ═══ */}\r\n\t\t\t\t\t\t<Box sx={{ display: \"grid\", gridTemplateColumns: { xs: \"1fr\", lg: \"1fr 1fr\" }, gap: 1.2 }}>\r\n\r\n\t\t\t\t\t\t\t{/* Hourly Chart */}\r\n\t\t\t\t\t\t\t<Paper sx={cardPaper}>\r\n\t\t\t\t\t\t\t\t<Box sx={{ ...cardHeader, flexWrap: \"wrap\", gap: 1, justifyContent: \"space-between\" }}>\r\n\t\t\t\t\t\t\t\t\t<Box>\r\n\t\t\t\t\t\t\t\t\t\t<Typography sx={labelSx}>Avg Hour Wise Inbound Calls vs Agents</Typography>\r\n\t\t\t\t\t\t\t\t\t\t<Stack direction=\"row\" spacing={1.5} sx={{ mt: 0.5 }}>\r\n\t\t\t\t\t\t\t\t\t\t\t{[\r\n\t\t\t\t\t\t\t\t\t\t\t\t{ color: \"#F2B51D\", label: \"Answered\" },\r\n\t\t\t\t\t\t\t\t\t\t\t\t{ color: \"#9fc4cb\", label: \"Abandoned\" },\r\n\t\t\t\t\t\t\t\t\t\t\t\t{ color: \"#14505b\", label: \"Agents\" },\r\n\t\t\t\t\t\t\t\t\t\t\t].map(({ color, label }) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Box key={label} sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Box sx={{ width: 12, height: 12, borderRadius: \"2px\", background: color }} />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography sx={{ fontSize: 11, color: C.t3 }}>{label}</Typography>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t</Stack>\r\n\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t\t<Box sx={{ display: \"flex\", flexDirection: \"column\", alignItems: \"flex-end\", gap: 0.5 }}>\r\n\t\t\t\t\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={downloadChart}\r\n\t\t\t\t\t\t\t\t\t\t\tsx={{ fontSize: 11, color: C.blue, cursor: \"pointer\", border: `1px solid ${C.b2}`, borderRadius: \"4px\", px: 1, py: 0.3 }}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t⬇ DOWNLOAD\r\n\t\t\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t<Box ref={chartRef} sx={{ p: 1.5, height: 260 }}>\r\n\t\t\t\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height=\"100%\">\r\n\t\t\t\t\t\t\t\t\t\t<ComposedChart data={hourlyData} margin={{ top: 4, right: 30, left: -20, bottom: 0 }} barGap={1}>\r\n\t\t\t\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={C.b2} vertical={false} />\r\n\t\t\t\t\t\t\t\t\t\t\t<XAxis dataKey=\"hour\" tick={{ fontSize: 9, fill: C.t3 }} interval={1} />\r\n\t\t\t\t\t\t\t\t\t\t\t<YAxis yAxisId=\"left\" tick={{ fontSize: 9, fill: C.t3 }} />\r\n\t\t\t\t\t\t\t\t\t\t\t<YAxis yAxisId=\"right\" orientation=\"right\" tick={{ fontSize: 9, fill: C.t3 }} />\r\n\t\t\t\t\t\t\t\t\t\t\t<RTooltip\r\n\t\t\t\t\t\t\t\t\t\t\t\tcontentStyle={{ fontSize: 11, borderRadius: 6, border: `1px solid ${C.b2}` }}\r\n\t\t\t\t\t\t\t\t\t\t\t\tformatter={(v, n) => { const s = String(n ?? \"\"); return [v, s.charAt(0).toUpperCase() + s.slice(1)]; }}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<Bar yAxisId=\"left\" dataKey=\"answered\"  fill=\"#F2B51D\" radius={[2, 2, 0, 0]} maxBarSize={14} />\r\n\t\t\t\t\t\t\t\t\t\t\t<Bar yAxisId=\"left\" dataKey=\"abandoned\" fill=\"#9fc4cb\" radius={[2, 2, 0, 0]} maxBarSize={14} />\r\n\t\t\t\t\t\t\t\t\t\t\t<Line yAxisId=\"right\" type=\"monotone\" dataKey=\"agents\" stroke=\"#14505b\" strokeWidth={1.5} dot={{ r: 2, fill: \"#14505b\" }} />\r\n\t\t\t\t\t\t\t\t\t\t</ComposedChart>\r\n\t\t\t\t\t\t\t\t\t</ResponsiveContainer>\r\n\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t</Paper>\r\n\r\n\t\t\t\t\t\t\t{/* Repeated Calls Table */}\r\n\t\t\t\t\t\t\t<Paper sx={cardPaper}>\r\n\t\t\t\t\t\t\t\t<Box sx={{ ...cardHeader, justifyContent: \"space-between\" }}>\r\n\t\t\t\t\t\t\t\t\t<Typography sx={labelSx}>Repeated Calls</Typography>\r\n\t\t\t\t\t\t\t\t\t<Chip label={data.repeated_calls.length} size=\"small\" sx={{ background: C.rlt, color: C.red, fontWeight: 700, fontSize: 11 }} />\r\n\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t<Box sx={{ px: 1.5, py: 1 }}>\r\n\t\t\t\t\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Search…\"\r\n\t\t\t\t\t\t\t\t\t\tvalue={repeatedSearch}\r\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => setRepeatedSearch(e.target.value)}\r\n\t\t\t\t\t\t\t\t\t\tfullWidth\r\n\t\t\t\t\t\t\t\t\t\tslotProps={{ input: { startAdornment: <InputAdornment position=\"start\"><SearchIcon sx={{ fontSize: 16, color: C.t3 }} /></InputAdornment> } }}\r\n\t\t\t\t\t\t\t\t\t\tsx={{ \"& .MuiInputBase-root\": { fontSize: 12 } }}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t\t\t<TableContainer sx={{ maxHeight: 260, overflow: \"auto\" }}>\r\n\t\t\t\t\t\t\t\t\t<Table size=\"small\" stickyHeader>\r\n\t\t\t\t\t\t\t\t\t\t<TableHead>\r\n\t\t\t\t\t\t\t\t\t\t\t<TableRow>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Phone Number</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Date</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>No of Calls</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Latest Status</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Latest Call Type</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={headSx}>Comments</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t</TableRow>\r\n\t\t\t\t\t\t\t\t\t\t</TableHead>\r\n\t\t\t\t\t\t\t\t\t\t<TableBody>\r\n\t\t\t\t\t\t\t\t\t\t\t{filteredRepeated.length === 0 && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableRow><TableCell colSpan={6} sx={{ textAlign: \"center\", py: 2, color: C.t3, fontSize: 12 }}>No repeated calls</TableCell></TableRow>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t{filteredRepeated.map((r) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TableRow key={`${r.phone_number}-${r.date}`} hover>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, ...monoSx, fontSize: 11 }}>{r.phone_number}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, fontSize: 11 }}>{r.date}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, fontWeight: 700, color: C.navy, fontSize: 13 }}>{r.call_count}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, fontSize: 11, fontWeight: 600, color: statusColor(r.latest_status) }}>{r.latest_status}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, fontSize: 11 }}>{r.latest_call_type}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<TableCell sx={{ ...cellSx, fontSize: 11, color: C.t3 }}>{r.comments}</TableCell>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</TableRow>\r\n\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t</TableBody>\r\n\t\t\t\t\t\t\t\t\t</Table>\r\n\t\t\t\t\t\t\t\t</TableContainer>\r\n\t\t\t\t\t\t\t</Paper>\r\n\r\n\t\t\t\t\t\t</Box>\r\n\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t)}\r\n\t\t\t</Box>\r\n\t\t</LocalizationProvider>\r\n\t);\r\n}\r\n\r\nconst ManagementDashboard: React.FC = () => (\r\n\t<SDKProvider>\r\n\t\t<ManagementDashboardContent />\r\n\t</SDKProvider>\r\n);\r\n\r\nexport default ManagementDashboard;\r\n","\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02zm13.54-7.1-.71-.7L13 9.29V5h-1v6h6v-1h-4.15z\"\n}), 'PhoneCallback');","\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"m18 11 5-5-5-5v3h-4v4h4zm2 4.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1\"\n}), 'PhoneForwarded');","import axiosInstance from \"../../services/axios\";\r\nimport { END_POINT } from \"../../services/endPoint\";\r\nimport type { MgmtDashboardParams, MgmtDashboardResponse } from \"./types\";\r\n\r\nfunction buildQs(params: MgmtDashboardParams): 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 != null) qs.append(\"agent_id\", String(params.agent_id));\r\n\tconst str = qs.toString();\r\n\treturn str ? `?${str}` : \"\";\r\n}\r\n\r\nexport async function getManagementDashboard(params: MgmtDashboardParams): Promise<MgmtDashboardResponse> {\r\n\tconst res = await axiosInstance.get<MgmtDashboardResponse>(\r\n\t\t`${END_POINT.MANAGEMENT_DASHBOARD}${buildQs(params)}`,\r\n\t);\r\n\treturn res.data;\r\n}\r\n"],"mappings":"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","names":["_jsx","dayjs"]}

package/dist/{qualityAuditDashboard-L2KJETAG.mjs → qualityAuditDashboard-BIDWBG3T.mjs}

@@ -10,7 +10,7 @@ var require = function (id) {
 
 import {
   Box_default
-} from "./chunk-ERSNXW5X.mjs";
+} from "./chunk-ZMO5SOQ4.mjs";
 
 // call-control-sdk/lib/pages/qualityAuditDashboard/index.tsx
 import { jsx } from "react/jsx-runtime";
@@ -74,4 +74,4 @@ function QualityAuditDashboardPage() {
 export {
   QualityAuditDashboardPage as default
 };
-//# sourceMappingURL=qualityAuditDashboard-L2KJETAG.mjs.map
+//# sourceMappingURL=qualityAuditDashboard-BIDWBG3T.mjs.map