ahs-cti 0.0.4 → 0.0.6

package/dist/{chunk-PO6POUPL.mjs → chunk-IDZWA6HG.mjs}

@@ -1,43 +1,66 @@
+import {
+  Close_default
+} from "./chunk-WTBVFN4H.mjs";
 import {
   END_POINT,
   axios_default
-} from "./chunk-OVC42HVH.mjs";
+} from "./chunk-LHE4QGJJ.mjs";
 import {
+  Alert_default,
+  Avatar_default,
+  Box_default,
+  CircularProgress_default,
+  Dialog_default,
+  GlobalStyles_default,
+  IconButton_default,
+  LinearProgress_default,
+  Tab_default,
+  TableBody_default,
+  TableCell_default,
+  TableContainer_default,
+  TableHead_default,
+  TableRow_default,
+  Table_default,
+  Tabs_default,
+  ToggleButtonGroup_default,
+  ToggleButton_default,
+  Typography_default,
   __spreadProps,
-  __spreadValues
-} from "./chunk-UB5HSUGK.mjs";
+  __spreadValues,
+  alpha,
+  createSvgIcon,
+  useTheme
+} from "./chunk-Q6G3MPS7.mjs";
 
 // call-control-sdk/lib/pages/common/components/AuditReport.tsx
 import { useEffect, useState } from "react";
 import { createPortal } from "react-dom";
-import {
-  Avatar,
-  Box,
-  Typography,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TableRow,
-  Tabs,
-  Tab,
-  LinearProgress,
-  useTheme,
-  Dialog,
-  IconButton,
-  GlobalStyles,
-  CircularProgress,
-  Alert,
-  ToggleButton,
-  ToggleButtonGroup
-} from "@mui/material";
-import { alpha } from "@mui/material/styles";
-import CloseIcon from "@mui/icons-material/Close";
-import LaunchIcon from "@mui/icons-material/Launch";
-import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutlined";
-import HighlightOffIcon from "@mui/icons-material/HighlightOff";
-import RemoveCircleOutlineIcon from "@mui/icons-material/RemoveCircleOutlined";
+
+// node_modules/@mui/icons-material/Launch.mjs
+import { jsx as _jsx } from "react/jsx-runtime";
+var Launch_default = createSvgIcon(/* @__PURE__ */ _jsx("path", {
+  d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3z"
+}), "Launch");
+
+// node_modules/@mui/icons-material/CheckCircleOutlined.mjs
+import { jsx as _jsx2 } from "react/jsx-runtime";
+var CheckCircleOutlined_default = createSvgIcon(/* @__PURE__ */ _jsx2("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+}), "CheckCircleOutlined");
+
+// node_modules/@mui/icons-material/HighlightOff.mjs
+import { jsx as _jsx3 } from "react/jsx-runtime";
+var HighlightOff_default = createSvgIcon(/* @__PURE__ */ _jsx3("path", {
+  d: "M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
+}), "HighlightOff");
+
+// node_modules/@mui/icons-material/RemoveCircleOutlined.mjs
+import { jsx as _jsx4 } from "react/jsx-runtime";
+var RemoveCircleOutlined_default = createSvgIcon(/* @__PURE__ */ _jsx4("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11H7v-2h10z"
+}), "RemoveCircleOutlined");
+
+// call-control-sdk/lib/pages/common/components/AuditReport.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function toStringArray(value) {
   if (!value) return [];
@@ -74,21 +97,21 @@ function resolveColour(label) {
 }
 function StatusBadge({ label }) {
   const { color, bg } = resolveColour(label);
-  return /* @__PURE__ */ jsx(Box, { sx: { display: "inline-flex", alignItems: "center", px: "7px", py: "2px", borderRadius: "4px", backgroundColor: bg, whiteSpace: "nowrap" }, children: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.72rem", fontWeight: 600, color, letterSpacing: "0.02em" }, children: label.toUpperCase() }) });
+  return /* @__PURE__ */ jsx(Box_default, { sx: { display: "inline-flex", alignItems: "center", px: "7px", py: "2px", borderRadius: "4px", backgroundColor: bg, whiteSpace: "nowrap" }, children: /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.72rem", fontWeight: 600, color, letterSpacing: "0.02em" }, children: label.toUpperCase() }) });
 }
 function StatusIconBadge({ label }) {
   const key = label.toLowerCase().replace(/[^a-z]/g, "");
   let icon;
   if (key === "complied" || key === "completed" || key === "pass") {
-    icon = /* @__PURE__ */ jsx(CheckCircleOutlineIcon, { sx: { fontSize: 15, color: "#2e7d32" } });
+    icon = /* @__PURE__ */ jsx(CheckCircleOutlined_default, { sx: { fontSize: 15, color: "#2e7d32" } });
   } else if (key === "partial") {
-    icon = /* @__PURE__ */ jsx(RemoveCircleOutlineIcon, { sx: { fontSize: 15, color: "#e65100" } });
+    icon = /* @__PURE__ */ jsx(RemoveCircleOutlined_default, { sx: { fontSize: 15, color: "#e65100" } });
   } else if (key === "na") {
-    icon = /* @__PURE__ */ jsx(RemoveCircleOutlineIcon, { sx: { fontSize: 15, color: "#757575" } });
+    icon = /* @__PURE__ */ jsx(RemoveCircleOutlined_default, { sx: { fontSize: 15, color: "#757575" } });
   } else {
-    icon = /* @__PURE__ */ jsx(HighlightOffIcon, { sx: { fontSize: 15, color: "#c62828" } });
+    icon = /* @__PURE__ */ jsx(HighlightOff_default, { sx: { fontSize: 15, color: "#c62828" } });
   }
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
     icon,
     /* @__PURE__ */ jsx(StatusBadge, { label })
   ] });
@@ -96,9 +119,9 @@ function StatusIconBadge({ label }) {
 function ProgressCell({ value, primary }) {
   const pct = Math.min(Math.round(value.score / value.max * 100), 100);
   const barColor = pct < 80 ? "#c62828" : primary;
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 100 }, children: [
-    /* @__PURE__ */ jsx(LinearProgress, { variant: "determinate", value: pct, sx: { flex: 1, height: 5, borderRadius: 3, backgroundColor: alpha(barColor, 0.12), "& .MuiLinearProgress-bar": { backgroundColor: barColor, borderRadius: 3 } } }),
-    /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.68rem", color: "text.secondary", minWidth: 28, textAlign: "right" }, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 100 }, children: [
+    /* @__PURE__ */ jsx(LinearProgress_default, { variant: "determinate", value: pct, sx: { flex: 1, height: 5, borderRadius: 3, backgroundColor: alpha(barColor, 0.12), "& .MuiLinearProgress-bar": { backgroundColor: barColor, borderRadius: 3 } } }),
+    /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: "0.68rem", color: "text.secondary", minWidth: 28, textAlign: "right" }, children: [
       pct,
       "%"
     ] })
@@ -107,20 +130,20 @@ function ProgressCell({ value, primary }) {
 var TH = { fontSize: "0.72rem", fontWeight: 700, color: "text.secondary", py: "7px", px: "10px", backgroundColor: "#f5f7f8", borderBottom: "1px solid", borderColor: "divider", whiteSpace: "nowrap" };
 var TD = { fontSize: "0.75rem", color: "text.primary", py: "6px", px: "10px", borderBottom: "1px solid", borderColor: "divider", verticalAlign: "middle" };
 function SectionTitle({ children }) {
-  return /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", fontWeight: 700, color: "text.primary", mb: "8px", mt: "4px" }, children });
+  return /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.78rem", fontWeight: 700, color: "text.primary", mb: "8px", mt: "4px" }, children });
 }
 function TranscriptBubbles({ text }) {
   const lines = text.split("\n").filter((l) => l.trim().length > 0);
   if (!lines.length) {
-    return /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "text.secondary" }, children: "No transcript available." });
+    return /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", color: "text.secondary" }, children: "No transcript available." });
   }
-  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: lines.map((line, idx) => {
+  return /* @__PURE__ */ jsx(Box_default, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: lines.map((line, idx) => {
     const isPatient = line.trim().toLowerCase().startsWith("patient");
     const text2 = line.replace(/^\s*(Patient|Agent)\s*:\s*/i, "");
-    return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: isPatient ? "flex-end" : "flex-start", alignItems: "flex-end", gap: "6px" }, children: [
-      !isPatient && /* @__PURE__ */ jsx(Avatar, { sx: { width: 22, height: 22, fontSize: 12 } }),
+    return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", justifyContent: isPatient ? "flex-end" : "flex-start", alignItems: "flex-end", gap: "6px" }, children: [
+      !isPatient && /* @__PURE__ */ jsx(Avatar_default, { sx: { width: 22, height: 22, fontSize: 12 } }),
       /* @__PURE__ */ jsx(
-        Box,
+        Box_default,
         {
           sx: (t) => ({
             maxWidth: "70%",
@@ -136,7 +159,7 @@ function TranscriptBubbles({ text }) {
           children: text2
         }
       ),
-      isPatient && /* @__PURE__ */ jsx(Avatar, { sx: { width: 22, height: 22, fontSize: 12 } })
+      isPatient && /* @__PURE__ */ jsx(Avatar_default, { sx: { width: 22, height: 22, fontSize: 12 } })
     ] }, idx);
   }) });
 }
@@ -161,21 +184,21 @@ function OverviewTab({ data }) {
   const half = Math.ceil(kvItems.length / 2);
   const col1 = kvItems.slice(0, half);
   const col2 = kvItems.slice(half);
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+    /* @__PURE__ */ jsxs(Box_default, { children: [
       /* @__PURE__ */ jsx(SectionTitle, { children: "Audit Metadata" }),
-      /* @__PURE__ */ jsx(Box, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden", backgroundColor: "background.paper" }, children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex" }, children: [col1, col2].map((chunk, ci) => /* @__PURE__ */ jsx(Box, { sx: { flex: "1 1 240px", minWidth: 0, borderRight: ci === 0 ? "1px solid" : "none", borderColor: "divider" }, children: chunk.map((item, ii) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "baseline", borderBottom: ii < chunk.length - 1 ? "1px solid" : "none", borderColor: "divider", px: "10px", py: "6px", gap: 1 }, children: [
-        /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.72rem", color: "text.secondary", minWidth: 140, flexShrink: 0 }, children: item.label }),
-        /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "text.primary", fontWeight: 500 }, children: item.value })
+      /* @__PURE__ */ jsx(Box_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden", backgroundColor: "background.paper" }, children: /* @__PURE__ */ jsx(Box_default, { sx: { display: "flex" }, children: [col1, col2].map((chunk, ci) => /* @__PURE__ */ jsx(Box_default, { sx: { flex: "1 1 240px", minWidth: 0, borderRight: ci === 0 ? "1px solid" : "none", borderColor: "divider" }, children: chunk.map((item, ii) => /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "baseline", borderBottom: ii < chunk.length - 1 ? "1px solid" : "none", borderColor: "divider", px: "10px", py: "6px", gap: 1 }, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.72rem", color: "text.secondary", minWidth: 140, flexShrink: 0 }, children: item.label }),
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", color: "text.primary", fontWeight: 500 }, children: item.value })
       ] }, ii)) }, ci)) }) })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Box_default, { children: [
       /* @__PURE__ */ jsx(SectionTitle, { children: "Call Summary" }),
-      /* @__PURE__ */ jsx(Box, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", backgroundColor: "background.paper", px: "14px", py: "10px", maxHeight: 160, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "text.secondary", lineHeight: 1.7 }, children: (_o = data.Call_Summary) != null ? _o : "No summary available." }) })
+      /* @__PURE__ */ jsx(Box_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", backgroundColor: "background.paper", px: "14px", py: "10px", maxHeight: 160, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", color: "text.secondary", lineHeight: 1.7 }, children: (_o = data.Call_Summary) != null ? _o : "No summary available." }) })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Box_default, { children: [
       /* @__PURE__ */ jsx(SectionTitle, { children: "Call Transcription" }),
-      /* @__PURE__ */ jsx(Box, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", backgroundColor: "#f9f9f9", px: "14px", py: "12px", maxHeight: 320, overflowY: "auto" }, children: /* @__PURE__ */ jsx(TranscriptBubbles, { text: (_p = data.transcript) != null ? _p : "" }) })
+      /* @__PURE__ */ jsx(Box_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", backgroundColor: "#f9f9f9", px: "14px", py: "12px", maxHeight: 320, overflowY: "auto" }, children: /* @__PURE__ */ jsx(TranscriptBubbles, { text: (_p = data.transcript) != null ? _p : "" }) })
     ] })
   ] });
 }
@@ -205,59 +228,59 @@ function ScorecardTab({ data, primary }) {
     { label: "Process Adherence", value: (_k = summary.Process_Adherence) != null ? _k : "N/A" },
     { label: "Effective Communication", value: (_l = summary.Communication_Effectiveness) != null ? _l : "N/A" }
   ];
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2, flexWrap: "wrap", alignItems: "stretch" }, children: [
-      /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", border: "1px solid", borderColor: "divider", borderRadius: "8px", backgroundColor: "background.paper", px: 3, py: 2, minWidth: 140, gap: 0.5 }, children: [
-        /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.72rem", color: "text.secondary", fontWeight: 600, mb: 0.5, letterSpacing: "0.04em" }, children: "OVERALL SCORE" }),
-        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "baseline", gap: "3px" }, children: [
-          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "2.4rem", fontWeight: 700, color: primary, lineHeight: 1 }, children: overallScore }),
-          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.85rem", color: "text.secondary", fontWeight: 600 }, children: "/100" })
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
+    /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", gap: 2, flexWrap: "wrap", alignItems: "stretch" }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", border: "1px solid", borderColor: "divider", borderRadius: "8px", backgroundColor: "background.paper", px: 3, py: 2, minWidth: 140, gap: 0.5 }, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.72rem", color: "text.secondary", fontWeight: 600, mb: 0.5, letterSpacing: "0.04em" }, children: "OVERALL SCORE" }),
+        /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "baseline", gap: "3px" }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "2.4rem", fontWeight: 700, color: primary, lineHeight: 1 }, children: overallScore }),
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.85rem", color: "text.secondary", fontWeight: 600 }, children: "/100" })
         ] }),
-        /* @__PURE__ */ jsx(Box, { sx: { width: "100%", mt: 0.75 }, children: /* @__PURE__ */ jsx(LinearProgress, { variant: "determinate", value: pct, sx: { height: 6, borderRadius: 3, backgroundColor: alpha(primary, 0.12), "& .MuiLinearProgress-bar": { backgroundColor: primary, borderRadius: 3 } } }) }),
-        /* @__PURE__ */ jsx(Box, { sx: { mt: 0.75 }, children: /* @__PURE__ */ jsx(StatusBadge, { label: resultBadge }) })
+        /* @__PURE__ */ jsx(Box_default, { sx: { width: "100%", mt: 0.75 }, children: /* @__PURE__ */ jsx(LinearProgress_default, { variant: "determinate", value: pct, sx: { height: 6, borderRadius: 3, backgroundColor: alpha(primary, 0.12), "& .MuiLinearProgress-bar": { backgroundColor: primary, borderRadius: 3 } } }) }),
+        /* @__PURE__ */ jsx(Box_default, { sx: { mt: 0.75 }, children: /* @__PURE__ */ jsx(StatusBadge, { label: resultBadge }) })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 260, display: "flex", flexDirection: "column", gap: "8px", alignSelf: "stretch" }, children: [
-        /* @__PURE__ */ jsx(Box, { sx: { flex: 1, display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: "8px" }, children: metrics.slice(0, 3).map((m) => /* @__PURE__ */ jsxs(Box, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "6px", backgroundColor: "background.paper", px: "10px", py: "8px", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "6px" }, children: [
-          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.72rem", color: "text.secondary", lineHeight: 1.3, textAlign: "center" }, children: m.label }),
+      /* @__PURE__ */ jsxs(Box_default, { sx: { flex: 1, minWidth: 260, display: "flex", flexDirection: "column", gap: "8px", alignSelf: "stretch" }, children: [
+        /* @__PURE__ */ jsx(Box_default, { sx: { flex: 1, display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: "8px" }, children: metrics.slice(0, 3).map((m) => /* @__PURE__ */ jsxs(Box_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "6px", backgroundColor: "background.paper", px: "10px", py: "8px", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "6px" }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.72rem", color: "text.secondary", lineHeight: 1.3, textAlign: "center" }, children: m.label }),
           /* @__PURE__ */ jsx(StatusBadge, { label: m.value })
         ] }, m.label)) }),
-        /* @__PURE__ */ jsx(Box, { sx: { flex: 1, display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: "8px" }, children: metrics.slice(3).map((m) => /* @__PURE__ */ jsxs(Box, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "6px", backgroundColor: "background.paper", px: "10px", py: "8px", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "6px" }, children: [
-          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.72rem", color: "text.secondary", lineHeight: 1.3, textAlign: "center" }, children: m.label }),
+        /* @__PURE__ */ jsx(Box_default, { sx: { flex: 1, display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: "8px" }, children: metrics.slice(3).map((m) => /* @__PURE__ */ jsxs(Box_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "6px", backgroundColor: "background.paper", px: "10px", py: "8px", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "6px" }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.72rem", color: "text.secondary", lineHeight: 1.3, textAlign: "center" }, children: m.label }),
           /* @__PURE__ */ jsx(StatusBadge, { label: m.value })
         ] }, m.label)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Box_default, { children: [
       /* @__PURE__ */ jsx(SectionTitle, { children: "Quality Scorecard" }),
-      /* @__PURE__ */ jsx(TableContainer, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
-        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableContainer_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsxs(Table_default, { size: "small", children: [
+        /* @__PURE__ */ jsx(TableHead_default, { children: /* @__PURE__ */ jsx(TableRow_default, { children: [
           { label: "Evaluation Parameter", align: "left", minWidth: 180 },
           { label: "Weightage", align: "center", minWidth: 90 },
           { label: "Score", align: "center", minWidth: 80 },
           { label: "", align: "left", minWidth: 120 },
           { label: "Remarks", align: "left", minWidth: 160 }
-        ].map((col, i) => /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TH), { textAlign: col.align, minWidth: col.minWidth }), children: col.label }, i)) }) }),
-        /* @__PURE__ */ jsxs(TableBody, { children: [
+        ].map((col, i) => /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TH), { textAlign: col.align, minWidth: col.minWidth }), children: col.label }, i)) }) }),
+        /* @__PURE__ */ jsxs(TableBody_default, { children: [
           SCORECARD_PARAMS.map((p) => {
             var _a2, _b2;
             const entry = sc[p.key];
             const rawEntryScore = entry == null ? void 0 : entry.Score_Obtained;
             const score = typeof rawEntryScore === "string" ? parseFloat(rawEntryScore) || 0 : rawEntryScore != null ? rawEntryScore : 0;
             const max = (_a2 = entry == null ? void 0 : entry.Weightage) != null ? _a2 : p.defaultMax;
-            return /* @__PURE__ */ jsxs(TableRow, { children: [
-              /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: p.label }),
-              /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center" }), children: max }),
-              /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center" }), children: rawEntryScore != null ? rawEntryScore : "\u2014" }),
-              /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: /* @__PURE__ */ jsx(ProgressCell, { value: { score, max }, primary }) }),
-              /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: (_b2 = entry == null ? void 0 : entry.Remarks) != null ? _b2 : "\u2014" })
+            return /* @__PURE__ */ jsxs(TableRow_default, { children: [
+              /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: p.label }),
+              /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center" }), children: max }),
+              /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center" }), children: rawEntryScore != null ? rawEntryScore : "\u2014" }),
+              /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: /* @__PURE__ */ jsx(ProgressCell, { value: { score, max }, primary }) }),
+              /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: (_b2 = entry == null ? void 0 : entry.Remarks) != null ? _b2 : "\u2014" })
             ] }, p.key);
           }),
-          /* @__PURE__ */ jsxs(TableRow, { sx: { backgroundColor: "#f5f7f8", "& td": { borderBottom: 0 } }, children: [
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TD), { fontWeight: 700 }), children: "Total Score" }),
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center", fontWeight: 700 }), children: "100" }),
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center", fontWeight: 700 }), children: overallScore }),
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: /* @__PURE__ */ jsx(ProgressCell, { value: { score: overallScore, max: 100 }, primary }) }),
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TD), { fontWeight: 700 }), children: /* @__PURE__ */ jsx(StatusBadge, { label: (_m = sc.Final_Rating) != null ? _m : resultBadge }) })
+          /* @__PURE__ */ jsxs(TableRow_default, { sx: { backgroundColor: "#f5f7f8", "& td": { borderBottom: 0 } }, children: [
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TD), { fontWeight: 700 }), children: "Total Score" }),
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center", fontWeight: 700 }), children: "100" }),
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center", fontWeight: 700 }), children: overallScore }),
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: /* @__PURE__ */ jsx(ProgressCell, { value: { score: overallScore, max: 100 }, primary }) }),
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TD), { fontWeight: 700 }), children: /* @__PURE__ */ jsx(StatusBadge, { label: (_m = sc.Final_Rating) != null ? _m : resultBadge }) })
           ] })
         ] })
       ] }) })
@@ -316,16 +339,16 @@ var CHECKLIST_COLS = [
 function ChecklistTable({ title, rows }) {
   const visibleRows = rows;
   if (!visibleRows.length) return null;
-  return /* @__PURE__ */ jsxs(Box, { children: [
+  return /* @__PURE__ */ jsxs(Box_default, { children: [
     /* @__PURE__ */ jsx(SectionTitle, { children: title }),
-    /* @__PURE__ */ jsx(TableContainer, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
-      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: CHECKLIST_COLS.map((col) => /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TH), { minWidth: col.minWidth }), children: col.label }, col.key)) }) }),
-      /* @__PURE__ */ jsx(TableBody, { children: visibleRows.map((row, ri) => /* @__PURE__ */ jsxs(TableRow, { sx: { "&:last-child td": { borderBottom: 0 } }, children: [
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: row.parameter }),
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: row.expectedStandard }),
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: /* @__PURE__ */ jsx(StatusIconBadge, { label: row.status }) }),
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: row.remarks }),
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: row.qaObservation })
+    /* @__PURE__ */ jsx(TableContainer_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsxs(Table_default, { size: "small", children: [
+      /* @__PURE__ */ jsx(TableHead_default, { children: /* @__PURE__ */ jsx(TableRow_default, { children: CHECKLIST_COLS.map((col) => /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TH), { minWidth: col.minWidth }), children: col.label }, col.key)) }) }),
+      /* @__PURE__ */ jsx(TableBody_default, { children: visibleRows.map((row, ri) => /* @__PURE__ */ jsxs(TableRow_default, { sx: { "&:last-child td": { borderBottom: 0 } }, children: [
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: row.parameter }),
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: row.expectedStandard }),
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: /* @__PURE__ */ jsx(StatusIconBadge, { label: row.status }) }),
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: row.remarks }),
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: row.qaObservation })
       ] }, ri)) })
     ] }) })
   ] });
@@ -347,22 +370,22 @@ function DispositionFrameworkTable({ data }) {
     }
   ).filter((r) => r.expectedFramework.toLowerCase().trim() !== "clinical sensitivity handling");
   if (!rows.length) {
-    return /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "text.secondary" }, children: "No disposition framework data available." });
+    return /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", color: "text.secondary" }, children: "No disposition framework data available." });
   }
-  return /* @__PURE__ */ jsxs(Box, { children: [
+  return /* @__PURE__ */ jsxs(Box_default, { children: [
     /* @__PURE__ */ jsx(SectionTitle, { children: "Disposition-Based Quality Framework" }),
-    /* @__PURE__ */ jsx(TableContainer, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
-      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: [
+    /* @__PURE__ */ jsx(TableContainer_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsxs(Table_default, { size: "small", children: [
+      /* @__PURE__ */ jsx(TableHead_default, { children: /* @__PURE__ */ jsx(TableRow_default, { children: [
         { label: "Disposition Type", minWidth: 160 },
         { label: "Expected Framework", minWidth: 200 },
         { label: "Status", minWidth: 120 },
         { label: "Remarks", minWidth: 160 }
-      ].map((col, i) => /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TH), { minWidth: col.minWidth }), children: col.label }, i)) }) }),
-      /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, ri) => /* @__PURE__ */ jsxs(TableRow, { sx: { "&:last-child td": { borderBottom: 0 } }, children: [
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: row.dispositionType }),
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: row.expectedFramework }),
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: /* @__PURE__ */ jsx(StatusIconBadge, { label: row.status }) }),
-        /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: row.remarks })
+      ].map((col, i) => /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TH), { minWidth: col.minWidth }), children: col.label }, i)) }) }),
+      /* @__PURE__ */ jsx(TableBody_default, { children: rows.map((row, ri) => /* @__PURE__ */ jsxs(TableRow_default, { sx: { "&:last-child td": { borderBottom: 0 } }, children: [
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: row.dispositionType }),
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: row.expectedFramework }),
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: /* @__PURE__ */ jsx(StatusIconBadge, { label: row.status }) }),
+        /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: row.remarks })
       ] }, ri)) })
     ] }) })
   ] });
@@ -370,7 +393,7 @@ function DispositionFrameworkTable({ data }) {
 function AuditChecklistContent({ data }) {
   var _a;
   const obs = (_a = data.Section_Wise_Audit_Observations_Checklist) != null ? _a : {};
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
     /* @__PURE__ */ jsx(DispositionFrameworkTable, { data }),
     /* @__PURE__ */ jsx(ChecklistTable, { title: "Opening & Greeting", rows: obsRecordToRows(obs.Opening_and_Greeting, OPENING_LABELS, OPENING_EXPECTED) }),
     /* @__PURE__ */ jsx(ChecklistTable, { title: "Verification & Authentication", rows: obsRecordToRows(obs.Verification_and_Authentication, VERIFICATION_LABELS, VERIFICATION_EXPECTED) }),
@@ -385,9 +408,9 @@ function AuditChecklistTab({ data, primary: _primary }) {
   var _a;
   const [view, setView] = useState("overview");
   const obs = (_a = data.Section_Wise_Audit_Observations_Checklist) != null ? _a : {};
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "flex-start" }, children: /* @__PURE__ */ jsxs(
-      ToggleButtonGroup,
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+    /* @__PURE__ */ jsx(Box_default, { sx: { display: "flex", justifyContent: "flex-start" }, children: /* @__PURE__ */ jsxs(
+      ToggleButtonGroup_default,
       {
         value: view,
         exclusive: true,
@@ -407,13 +430,13 @@ function AuditChecklistTab({ data, primary: _primary }) {
           }
         },
         children: [
-          /* @__PURE__ */ jsx(ToggleButton, { value: "overview", children: "Overview" }),
-          /* @__PURE__ */ jsx(ToggleButton, { value: "detailed", children: "Detailed" })
+          /* @__PURE__ */ jsx(ToggleButton_default, { value: "overview", children: "Overview" }),
+          /* @__PURE__ */ jsx(ToggleButton_default, { value: "detailed", children: "Detailed" })
         ]
       }
     ) }),
     view === "overview" && /* @__PURE__ */ jsx(DispositionFrameworkTable, { data }),
-    view === "detailed" && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+    view === "detailed" && /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
       /* @__PURE__ */ jsx(ChecklistTable, { title: "Opening & Greeting", rows: obsRecordToRows(obs.Opening_and_Greeting, OPENING_LABELS, OPENING_EXPECTED) }),
       /* @__PURE__ */ jsx(ChecklistTable, { title: "Verification & Authentication", rows: obsRecordToRows(obs.Verification_and_Authentication, VERIFICATION_LABELS, VERIFICATION_EXPECTED) }),
       /* @__PURE__ */ jsx(ChecklistTable, { title: "Communication Effectiveness", rows: obsRecordToRows(obs.Communication_and_Soft_Skills, COMM_LABELS, COMM_EXPECTED) }),
@@ -428,25 +451,25 @@ function RootCauseAnalysisTab({ data, primary }) {
   var _a, _b;
   const rcaRows = (_a = data.Root_Cause_Analysis) != null ? _a : [];
   const rec = (_b = data.Auditor_Recommendation) != null ? _b : {};
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+    /* @__PURE__ */ jsxs(Box_default, { children: [
       /* @__PURE__ */ jsx(SectionTitle, { children: "Root Cause Analysis" }),
-      rcaRows.length > 0 ? /* @__PURE__ */ jsx(TableContainer, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
-        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: [{ label: "Observation", minWidth: 180 }, { label: "Root Cause", minWidth: 200 }, { label: "Impact", minWidth: 200 }, { label: "Severity", minWidth: 90 }].map((col, i) => /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TH), { minWidth: col.minWidth }), children: col.label }, i)) }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: rcaRows.map((row, ri) => {
+      rcaRows.length > 0 ? /* @__PURE__ */ jsx(TableContainer_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ jsxs(Table_default, { size: "small", children: [
+        /* @__PURE__ */ jsx(TableHead_default, { children: /* @__PURE__ */ jsx(TableRow_default, { children: [{ label: "Observation", minWidth: 180 }, { label: "Root Cause", minWidth: 200 }, { label: "Impact", minWidth: 200 }, { label: "Severity", minWidth: 90 }].map((col, i) => /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TH), { minWidth: col.minWidth }), children: col.label }, i)) }) }),
+        /* @__PURE__ */ jsx(TableBody_default, { children: rcaRows.map((row, ri) => {
           var _a2, _b2, _c;
-          return /* @__PURE__ */ jsxs(TableRow, { sx: { "&:last-child td": { borderBottom: 0 } }, children: [
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: (_a2 = row.Observation) != null ? _a2 : "\u2014" }),
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: (_b2 = row.Root_Cause) != null ? _b2 : "\u2014" }),
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadValues({}, TD), children: (_c = row.Impact) != null ? _c : "\u2014" }),
-            /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center" }), children: row.Severity ? /* @__PURE__ */ jsx(StatusBadge, { label: row.Severity }) : "\u2014" })
+          return /* @__PURE__ */ jsxs(TableRow_default, { sx: { "&:last-child td": { borderBottom: 0 } }, children: [
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: (_a2 = row.Observation) != null ? _a2 : "\u2014" }),
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: (_b2 = row.Root_Cause) != null ? _b2 : "\u2014" }),
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadValues({}, TD), children: (_c = row.Impact) != null ? _c : "\u2014" }),
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, TD), { textAlign: "center" }), children: row.Severity ? /* @__PURE__ */ jsx(StatusBadge, { label: row.Severity }) : "\u2014" })
           ] }, ri);
         }) })
-      ] }) }) : /* @__PURE__ */ jsx(Box, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", px: "14px", py: "10px", backgroundColor: "background.paper" }, children: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "text.secondary" }, children: "No significant root causes identified for this interaction." }) })
+      ] }) }) : /* @__PURE__ */ jsx(Box_default, { sx: { border: "1px solid", borderColor: "divider", borderRadius: "8px", px: "14px", py: "10px", backgroundColor: "background.paper" }, children: /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", color: "text.secondary" }, children: "No significant root causes identified for this interaction." }) })
     ] }),
-    (toStringArray(rec.Key_Strengths).length > 0 || toStringArray(rec.Improvement_Areas).length > 0) && /* @__PURE__ */ jsxs(Box, { children: [
+    (toStringArray(rec.Key_Strengths).length > 0 || toStringArray(rec.Improvement_Areas).length > 0) && /* @__PURE__ */ jsxs(Box_default, { children: [
       /* @__PURE__ */ jsx(SectionTitle, { children: "Auditor's Recommendation" }),
-      /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx(Box_default, { sx: { display: "flex", gap: 2, flexWrap: "wrap" }, children: [
         { title: "Key Strengths", items: toStringArray(rec.Key_Strengths), color: "#2e7d32" },
         { title: "Improvement Areas", items: toStringArray(rec.Improvement_Areas), color: "#e65100" }
       ].filter((g) => {
@@ -454,18 +477,18 @@ function RootCauseAnalysisTab({ data, primary }) {
         return ((_b2 = (_a2 = g.items) == null ? void 0 : _a2.length) != null ? _b2 : 0) > 0;
       }).map((g) => {
         var _a2;
-        return /* @__PURE__ */ jsxs(Box, { sx: { flex: "1 1 200px", border: "1px solid", borderColor: "divider", borderRadius: "6px", backgroundColor: "background.paper", px: "14px", py: "10px" }, children: [
-          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", fontWeight: 600, color: "text.primary", mb: "8px" }, children: g.title }),
-          (_a2 = g.items) == null ? void 0 : _a2.map((item, ii) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", gap: "7px", mb: "5px" }, children: [
-            /* @__PURE__ */ jsx(Box, { sx: { width: 5, height: 5, borderRadius: "50%", backgroundColor: g.color, mt: "5px", flexShrink: 0 } }),
-            /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "text.secondary", lineHeight: 1.5 }, children: item })
+        return /* @__PURE__ */ jsxs(Box_default, { sx: { flex: "1 1 200px", border: "1px solid", borderColor: "divider", borderRadius: "6px", backgroundColor: "background.paper", px: "14px", py: "10px" }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.78rem", fontWeight: 600, color: "text.primary", mb: "8px" }, children: g.title }),
+          (_a2 = g.items) == null ? void 0 : _a2.map((item, ii) => /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "flex-start", gap: "7px", mb: "5px" }, children: [
+            /* @__PURE__ */ jsx(Box_default, { sx: { width: 5, height: 5, borderRadius: "50%", backgroundColor: g.color, mt: "5px", flexShrink: 0 } }),
+            /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", color: "text.secondary", lineHeight: 1.5 }, children: item })
           ] }, ii))
         ] }, g.title);
       }) })
     ] }),
-    data.Final_Auditor_Remarks && /* @__PURE__ */ jsxs(Box, { sx: { border: "1px solid", borderLeft: "3px solid", borderColor: "divider", borderLeftColor: primary, borderRadius: "6px", px: "14px", py: "10px", backgroundColor: alpha(primary, 0.04) }, children: [
-      /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", fontWeight: 600, color: primary, mb: "6px" }, children: "Final Auditor Remarks" }),
-      /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "text.secondary", lineHeight: 1.6 }, children: data.Final_Auditor_Remarks })
+    data.Final_Auditor_Remarks && /* @__PURE__ */ jsxs(Box_default, { sx: { border: "1px solid", borderLeft: "3px solid", borderColor: "divider", borderLeftColor: primary, borderRadius: "6px", px: "14px", py: "10px", backgroundColor: alpha(primary, 0.04) }, children: [
+      /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.78rem", fontWeight: 600, color: primary, mb: "6px" }, children: "Final Auditor Remarks" }),
+      /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", color: "text.secondary", lineHeight: 1.6 }, children: data.Final_Auditor_Remarks })
     ] })
   ] });
 }
@@ -503,7 +526,7 @@ function useAuditReportData(callUuid, active = true) {
 }
 var PRINT_ROOT_ID = "audit-report-print-root";
 var PRINT_STYLES = /* @__PURE__ */ jsx(
-  GlobalStyles,
+  GlobalStyles_default,
   {
     styles: {
       [`#${PRINT_ROOT_ID}`]: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", clip: "rect(0 0 0 0)", clipPath: "inset(50%)", whiteSpace: "nowrap", pointerEvents: "none" },
@@ -560,14 +583,14 @@ function AuditReportInner({ callUuid, active = true, primary, onClose, onMaximiz
     PRINT_STYLES,
     createPortal(
       /* @__PURE__ */ jsxs("div", { id: PRINT_ROOT_ID, children: [
-        /* @__PURE__ */ jsxs(Box, { sx: { mb: 2.5, pb: 1.5, borderBottom: "2px solid", borderColor: "divider" }, children: [
-          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "1.2rem", fontWeight: 700, color: "text.primary" }, children: "Audit Report" }),
-          subtitle && /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.8rem", color: "text.secondary", mt: "4px" }, children: subtitle })
+        /* @__PURE__ */ jsxs(Box_default, { sx: { mb: 2.5, pb: 1.5, borderBottom: "2px solid", borderColor: "divider" }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "1.2rem", fontWeight: 700, color: "text.primary" }, children: "Audit Report" }),
+          subtitle && /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.8rem", color: "text.secondary", mt: "4px" }, children: subtitle })
         ] }),
-        apiData && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 3 }, children: [
+        apiData && /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", gap: 3 }, children: [
           /* @__PURE__ */ jsx(OverviewTab, { data: apiData }),
           /* @__PURE__ */ jsx(ScorecardTab, { data: apiData, primary }),
-          /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsxs(Box_default, { children: [
             /* @__PURE__ */ jsx(SectionTitle, { children: "Audit Checklist" }),
             /* @__PURE__ */ jsx(AuditChecklistContent, { data: apiData })
           ] }),
@@ -576,21 +599,21 @@ function AuditReportInner({ callUuid, active = true, primary, onClose, onMaximiz
       ] }),
       document.body
     ),
-    /* @__PURE__ */ jsxs(Box, { sx: { px: { xs: 2, md: 2.5 }, py: "12px", display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 1, borderBottom: "1px solid", borderColor: "divider", flexShrink: 0 }, children: [
-      /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0 }, children: [
-        /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 700, fontSize: { xs: "1rem", sm: "1.2rem" }, color: "text.primary", lineHeight: 1.3 }, children: "Audit Report" }),
-        subtitle && /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "text.secondary", mt: "3px" }, children: subtitle })
+    /* @__PURE__ */ jsxs(Box_default, { sx: { px: { xs: 2, md: 2.5 }, py: "12px", display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 1, borderBottom: "1px solid", borderColor: "divider", flexShrink: 0 }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { sx: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontWeight: 700, fontSize: { xs: "1rem", sm: "1.2rem" }, color: "text.primary", lineHeight: 1.3 }, children: "Audit Report" }),
+        subtitle && /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.78rem", color: "text.secondary", mt: "3px" }, children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.75, flexShrink: 0 }, children: [
-        onMaximize && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onMaximize, title: "Open in new tab", sx: iconButtonSx, children: /* @__PURE__ */ jsx(LaunchIcon, { sx: { fontSize: 14 } }) }),
-        onClose && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, title: "Close", sx: iconButtonSx, children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 15 } }) })
+      /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 0.75, flexShrink: 0 }, children: [
+        onMaximize && /* @__PURE__ */ jsx(IconButton_default, { size: "small", onClick: onMaximize, title: "Open in new tab", sx: iconButtonSx, children: /* @__PURE__ */ jsx(Launch_default, { sx: { fontSize: 14 } }) }),
+        onClose && /* @__PURE__ */ jsx(IconButton_default, { size: "small", onClick: onClose, title: "Close", sx: iconButtonSx, children: /* @__PURE__ */ jsx(Close_default, { sx: { fontSize: 15 } }) })
       ] })
     ] }),
-    headerBadges.length > 0 && /* @__PURE__ */ jsx(Box, { sx: { px: { xs: 2, md: 2.5 }, py: "8px", display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap", borderBottom: "1px solid", borderColor: "divider", backgroundColor: "#f5f7f8", flexShrink: 0 }, children: headerBadges.map(
-      (badge, i) => badge.asBadge ? /* @__PURE__ */ jsx(StatusBadge, { label: badge.value }, i) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: "5px", px: "9px", height: 26, border: "1px solid", borderColor: "divider", borderRadius: "5px", backgroundColor: "background.paper" }, children: [
-        /* @__PURE__ */ jsx(Box, { sx: { width: 5, height: 5, borderRadius: "50%", backgroundColor: primary, flexShrink: 0 } }),
-        /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.72rem", color: "text.secondary", whiteSpace: "nowrap" }, children: [
-          /* @__PURE__ */ jsxs(Box, { component: "span", sx: { fontWeight: 600, color: "text.primary", mr: "3px" }, children: [
+    headerBadges.length > 0 && /* @__PURE__ */ jsx(Box_default, { sx: { px: { xs: 2, md: 2.5 }, py: "8px", display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap", borderBottom: "1px solid", borderColor: "divider", backgroundColor: "#f5f7f8", flexShrink: 0 }, children: headerBadges.map(
+      (badge, i) => badge.asBadge ? /* @__PURE__ */ jsx(StatusBadge, { label: badge.value }, i) : /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: "5px", px: "9px", height: 26, border: "1px solid", borderColor: "divider", borderRadius: "5px", backgroundColor: "background.paper" }, children: [
+        /* @__PURE__ */ jsx(Box_default, { sx: { width: 5, height: 5, borderRadius: "50%", backgroundColor: primary, flexShrink: 0 } }),
+        /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: "0.72rem", color: "text.secondary", whiteSpace: "nowrap" }, children: [
+          /* @__PURE__ */ jsxs(Box_default, { component: "span", sx: { fontWeight: 600, color: "text.primary", mr: "3px" }, children: [
             badge.label,
             ":"
           ] }),
@@ -598,8 +621,8 @@ function AuditReportInner({ callUuid, active = true, primary, onClose, onMaximiz
         ] })
       ] }, i)
     ) }),
-    /* @__PURE__ */ jsx(Box, { sx: { borderBottom: "1px solid", borderColor: "divider", backgroundColor: "background.paper", flexShrink: 0 }, children: /* @__PURE__ */ jsx(
-      Tabs,
+    /* @__PURE__ */ jsx(Box_default, { sx: { borderBottom: "1px solid", borderColor: "divider", backgroundColor: "background.paper", flexShrink: 0 }, children: /* @__PURE__ */ jsx(
+      Tabs_default,
       {
         value: activeTab,
         onChange: (_, v) => setActiveTab(v),
@@ -611,13 +634,13 @@ function AuditReportInner({ callUuid, active = true, primary, onClose, onMaximiz
           "& .MuiTab-root": { fontSize: "0.78rem", fontWeight: 600, minHeight: 40, textTransform: "none", color: "text.secondary", py: 0, px: 1.5, "&.Mui-selected": { color: primary } },
           "& .MuiTabs-indicator": { backgroundColor: primary, height: 2 }
         },
-        children: STATIC_TABS.map((tab) => /* @__PURE__ */ jsx(Tab, { label: tab.label, disableRipple: true }, tab.id))
+        children: STATIC_TABS.map((tab) => /* @__PURE__ */ jsx(Tab_default, { label: tab.label, disableRipple: true }, tab.id))
       }
     ) }),
-    /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, overflow: "auto", px: { xs: 2, md: 2.5 }, py: 2 }, children: [
-      auditLoading && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 6 }, children: /* @__PURE__ */ jsx(CircularProgress, { size: 32 }) }),
-      !auditLoading && auditError && /* @__PURE__ */ jsx(Alert, { severity: "warning", sx: { mb: 2, fontSize: "0.78rem" }, children: auditError }),
-      !auditLoading && !auditError && !apiData && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 6 }, children: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "text.secondary" }, children: "No audit data available." }) }),
+    /* @__PURE__ */ jsxs(Box_default, { sx: { flex: 1, overflow: "auto", px: { xs: 2, md: 2.5 }, py: 2 }, children: [
+      auditLoading && /* @__PURE__ */ jsx(Box_default, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 6 }, children: /* @__PURE__ */ jsx(CircularProgress_default, { size: 32 }) }),
+      !auditLoading && auditError && /* @__PURE__ */ jsx(Alert_default, { severity: "warning", sx: { mb: 2, fontSize: "0.78rem" }, children: auditError }),
+      !auditLoading && !auditError && !apiData && /* @__PURE__ */ jsx(Box_default, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 6 }, children: /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.78rem", color: "text.secondary" }, children: "No audit data available." }) }),
       !auditLoading && apiData && renderTab()
     ] })
   ] });
@@ -639,7 +662,7 @@ function AuditReportDialog({ open, onClose, width = "80vw", rowData, onMaximize
     window.open(auditReportUrlResolver(callUuid), "_blank");
   };
   return /* @__PURE__ */ jsx(
-    Dialog,
+    Dialog_default,
     {
       open,
       onClose: (_e, reason) => {
@@ -667,7 +690,7 @@ function AuditReportDialog({ open, onClose, width = "80vw", rowData, onMaximize
 function AuditReportFullPage({ callUuid }) {
   const theme = useTheme();
   const primary = theme.palette.primary.main;
-  return /* @__PURE__ */ jsx(Box, { sx: { height: "100vh", display: "flex", flexDirection: "column", overflow: "hidden", backgroundColor: "background.paper" }, children: /* @__PURE__ */ jsx(AuditReportInner, { callUuid, active: true, primary }) });
+  return /* @__PURE__ */ jsx(Box_default, { sx: { height: "100vh", display: "flex", flexDirection: "column", overflow: "hidden", backgroundColor: "background.paper" }, children: /* @__PURE__ */ jsx(AuditReportInner, { callUuid, active: true, primary }) });
 }
 
 export {
@@ -675,4 +698,4 @@ export {
   AuditReportDialog,
   AuditReportFullPage
 };
-//# sourceMappingURL=chunk-PO6POUPL.mjs.map
+//# sourceMappingURL=chunk-IDZWA6HG.mjs.map