ahs-cti 0.0.2-beta.8 → 0.0.2

package/dist/chunk-UZF5Q3GR.mjs

@@ -0,0 +1,678 @@
+import {
+  END_POINT,
+  axios_default
+} from "./chunk-O2XGWZLT.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-VQCHBU2Q.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";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function toStringArray(value) {
+  if (!value) return [];
+  if (Array.isArray(value)) return value;
+  return value.split("\n").map((l) => l.replace(/^\s*[\*\-]\s*/, "").trim()).filter(Boolean);
+}
+var STATUS_COLOUR = {
+  completed: { color: "#2e7d32", bg: "#e8f5e9" },
+  complied: { color: "#2e7d32", bg: "#e8f5e9" },
+  pass: { color: "#2e7d32", bg: "#e8f5e9" },
+  compliant: { color: "#2e7d32", bg: "#e8f5e9" },
+  achieved: { color: "#2e7d32", bg: "#e8f5e9" },
+  strong: { color: "#2e7d32", bg: "#e8f5e9" },
+  excellent: { color: "#2e7d32", bg: "#e8f5e9" },
+  low: { color: "#2e7d32", bg: "#e8f5e9" },
+  no: { color: "#2e7d32", bg: "#e8f5e9" },
+  good: { color: "#1565c0", bg: "#e3f2fd" },
+  partial: { color: "#e65100", bg: "#fff3e0" },
+  moderate: { color: "#e65100", bg: "#fff3e0" },
+  medium: { color: "#e65100", bg: "#fff3e0" },
+  missed: { color: "#c62828", bg: "#ffebee" },
+  fail: { color: "#c62828", bg: "#ffebee" },
+  high: { color: "#c62828", bg: "#ffebee" },
+  yes: { color: "#c62828", bg: "#ffebee" },
+  "n/a": { color: "#757575", bg: "#f5f5f5" },
+  na: { color: "#757575", bg: "#f5f5f5" }
+};
+function resolveColour(label) {
+  var _a;
+  const key = label.toLowerCase().trim();
+  if (STATUS_COLOUR[key]) return STATUS_COLOUR[key];
+  const stripped = key.replace(/[^a-z]/g, "");
+  return (_a = STATUS_COLOUR[stripped]) != null ? _a : { color: "#555", bg: "#f0f0f0" };
+}
+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() }) });
+}
+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" } });
+  } else if (key === "partial") {
+    icon = /* @__PURE__ */ jsx(RemoveCircleOutlineIcon, { sx: { fontSize: 15, color: "#e65100" } });
+  } else if (key === "na") {
+    icon = /* @__PURE__ */ jsx(RemoveCircleOutlineIcon, { sx: { fontSize: 15, color: "#757575" } });
+  } else {
+    icon = /* @__PURE__ */ jsx(HighlightOffIcon, { sx: { fontSize: 15, color: "#c62828" } });
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+    icon,
+    /* @__PURE__ */ jsx(StatusBadge, { 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: [
+      pct,
+      "%"
+    ] })
+  ] });
+}
+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 });
+}
+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(Box, { 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 } }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: (t) => ({
+            maxWidth: "70%",
+            px: "10px",
+            py: "7px",
+            borderRadius: isPatient ? "8px 8px 0 8px" : "8px 8px 8px 0",
+            backgroundColor: isPatient ? t.palette.primary.main : "#fff",
+            color: isPatient ? t.palette.common.white : "#222",
+            border: isPatient ? "none" : "1px solid #e0e0e0",
+            fontSize: "0.78rem",
+            lineHeight: 1.5
+          }),
+          children: text2
+        }
+      ),
+      isPatient && /* @__PURE__ */ jsx(Avatar, { sx: { width: 22, height: 22, fontSize: 12 } })
+    ] }, idx);
+  }) });
+}
+function OverviewTab({ data }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  const meta = (_a = data.Audit_Metadata) != null ? _a : {};
+  const kvItems = [
+    { label: "Hospital Name", value: (_b = meta.Hospital_Name) != null ? _b : "N/A" },
+    { label: "Call Duration", value: (_c = meta.Call_Duration) != null ? _c : "N/A" },
+    { label: "Department", value: (_d = meta["Process/Department"]) != null ? _d : "N/A" },
+    { label: "Agent Name", value: (_e = meta.Agent_Name) != null ? _e : "N/A" },
+    { label: "Call Disposition", value: (_f = meta.Call_Disposition) != null ? _f : "N/A" },
+    { label: "Employee ID", value: (_g = meta.Employee_ID) != null ? _g : "N/A" },
+    { label: "Call Category", value: (_h = meta.Call_Category) != null ? _h : "N/A" },
+    { label: "Team Leader", value: (_i = meta.Team_Leader) != null ? _i : "N/A" },
+    { label: "Call Type", value: (_j = meta.Call_Type) != null ? _j : "N/A" },
+    { label: "Auditor Name", value: (_k = meta.Auditor_Name) != null ? _k : "N/A" },
+    { label: "Call Date & Time", value: (_l = meta.Call_Date_Time) != null ? _l : "N/A" },
+    { label: "Language", value: (_m = meta.Language) != null ? _m : "N/A" },
+    { label: "Recording ID", value: (_n = meta.Recording_ID) != null ? _n : "N/A" }
+  ];
+  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: [
+      /* @__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 })
+      ] }, ii)) }, ci)) }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { 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__ */ jsxs(Box, { 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 : "" }) })
+    ] })
+  ] });
+}
+var SCORECARD_PARAMS = [
+  { key: "Opening_and_Greeting", label: "Opening & Greeting", defaultMax: 10 },
+  { key: "Verification_and_Authentication", label: "Verification & Authentication", defaultMax: 10 },
+  { key: "Communication_and_Soft_Skills", label: "Communication & Soft Skills", defaultMax: 15 },
+  { key: "Process_and_Workflow_Adherence", label: "Process & Workflow Adherence", defaultMax: 20 },
+  { key: "Resolution_Accuracy", label: "Resolution Accuracy", defaultMax: 20 },
+  { key: "Empathy_and_Patient_Assurance", label: "Empathy & Patient Assurance", defaultMax: 10 },
+  { key: "Call_Handling", label: "Call Handling", defaultMax: 5 },
+  { key: "CRM_Documentation_Alignment", label: "CRM Documentation Alignment", defaultMax: 5 },
+  { key: "Closing_and_Customer_Education", label: "Closing & Customer Education", defaultMax: 5 }
+];
+function ScorecardTab({ data, primary }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const sc = (_a = data.Quality_Scorecard) != null ? _a : {};
+  const summary = (_b = data.Executive_Audit_Summary) != null ? _b : {};
+  const rawScore = (_d = (_c = sc.Total_Score) != null ? _c : summary.Overall_Audit_Score_Percentage) != null ? _d : 0;
+  const overallScore = typeof rawScore === "string" ? parseFloat(rawScore.replace("%", "")) || 0 : rawScore;
+  const pct = Math.min(Math.round(overallScore / 100 * 100), 100);
+  const resultBadge = (_f = (_e = summary.Audit_Result) != null ? _e : sc.Final_Rating) != null ? _f : "N/A";
+  const metrics = [
+    { label: "Audit Result", value: (_g = summary.Audit_Result) != null ? _g : "N/A" },
+    { label: "First Call Resolution", value: (_h = summary.First_Call_Resolution_FCR) != null ? _h : "N/A" },
+    { label: "Patient Experience", value: (_j = (_i = summary.Customer_Experience) != null ? _i : summary.Patient_Sentiment) != null ? _j : "N/A" },
+    { 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" })
+        ] }),
+        /* @__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__ */ 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__ */ 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(StatusBadge, { label: m.value })
+        ] }, m.label)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { 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: [
+          { 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: [
+          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" })
+            ] }, 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 }) })
+          ] })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+var OPENING_LABELS = { Standard_Greeting_Used: "Standard Greeting Used", Hospital_Name_Mentioned: "Hospital Name Mentioned", Agent_Introduction_Provided: "Agent Introduction Provided", Professional_Tone_Maintained: "Professional Tone Maintained" };
+var OPENING_EXPECTED = { Standard_Greeting_Used: "Agent must greet as per approved hospital script", Hospital_Name_Mentioned: "Mandatory hospital identification", Agent_Introduction_Provided: "Agent must introduce self", Professional_Tone_Maintained: "Warm and professional tone expected" };
+var VERIFICATION_LABELS = { Patient_Name_Captured: "Patient Name Captured", "Existing_New_Patient_Validation": "Existing/New Patient Validation", Registered_Mobile_Number_Verified: "Registered Mobile Number Verified", "Secondary_Authentication_DOB_UHID": "Secondary Authentication (DOB/UHID)" };
+var VERIFICATION_EXPECTED = { Patient_Name_Captured: "Mandatory for identification", "Existing_New_Patient_Validation": "Required for workflow routing", Registered_Mobile_Number_Verified: "Mandatory authentication step", "Secondary_Authentication_DOB_UHID": "Recommended compliance practice" };
+var COMM_LABELS = { Clarity_of_Speech: "Clarity of Speech", Active_Listening_Demonstrated: "Active Listening Demonstrated", Avoidance_of_Dead_Air: "Avoidance of Dead Air", Professional_Language_Usage: "Professional Language Usage", Empathy_Statements_Used: "Empathy Statements Used" };
+var COMM_EXPECTED = { Clarity_of_Speech: "Clear and understandable communication", Active_Listening_Demonstrated: "Agent should acknowledge caller inputs", Avoidance_of_Dead_Air: "Minimal silence during call", Professional_Language_Usage: "No slang/rude language", Empathy_Statements_Used: "Emotional acknowledgement expected" };
+var EMPATHY_LABELS = { Patient_Concern_Acknowledged: "Patient Concern Acknowledged", Empathy_Toward_Patient_Condition: "Empathy Toward Patient Condition", Severity_Red_Flag_Probing: "Severity/Red Flag Probing", Professional_Behaviour_Maintained: "Professional Behaviour Maintained" };
+var EMPATHY_EXPECTED = { Patient_Concern_Acknowledged: "Agent should acknowledge caller concern", Empathy_Toward_Patient_Condition: "Empathetic reassurance expected", Severity_Red_Flag_Probing: "Escalation probing recommended where applicable", Professional_Behaviour_Maintained: "Calm and respectful handling required" };
+var CALL_HANDLING_LABELS = { "Placing the Call on Hold": "Placing the Call on Hold", Resuming_After_Hold: "Resuming After Hold", Apologizing_for_Inconvenience: "Apologizing for Inconvenience", Offering_Further_Assistance: "Offering Further Assistance" };
+var CALL_HANDLING_EXPECTED = { "Placing the Call on Hold": "Inform customer before placing on hold", Resuming_After_Hold: "Thank customer for holding", Apologizing_for_Inconvenience: "Apologize for any delays", Offering_Further_Assistance: "Ask if further help is needed" };
+var CLOSURE_LABELS = { Additional_Assistance_Offered: "Additional Assistance Offered", Professional_Closing_Provided: "Professional Closing Provided", "Wellness/Courtesy_Statement_Used": "Wellness/Courtesy Statement Used" };
+var CLOSURE_EXPECTED = { Additional_Assistance_Offered: "Mandatory closure check", Professional_Closing_Provided: "Standard closure etiquette expected", "Wellness/Courtesy_Statement_Used": "Positive healthcare closure preferred" };
+var EXCLUDED_KEYS = /* @__PURE__ */ new Set(["Patient_Data_Handling", "Recontact_Information_Shared"]);
+function obsRecordToRows(record, labelMap, expectedMap) {
+  return Object.entries(record != null ? record : {}).filter(([key]) => !EXCLUDED_KEYS.has(key)).map(([key, val]) => {
+    var _a, _b, _c, _d, _e;
+    return {
+      parameter: (_a = labelMap[key]) != null ? _a : key.replace(/_/g, " "),
+      expectedStandard: (_b = expectedMap[key]) != null ? _b : "\u2014",
+      status: (_c = val.Status) != null ? _c : "N/A",
+      remarks: (_d = val.Remarks) != null ? _d : "\u2014",
+      qaObservation: (_e = val.Observation_Impact) != null ? _e : "\u2014"
+    };
+  });
+}
+function processWorkflowRows(groups) {
+  return (groups != null ? groups : []).flatMap(
+    (g) => {
+      var _a;
+      return ((_a = g == null ? void 0 : g.items) != null ? _a : []).map((item) => {
+        var _a2, _b, _c, _d, _e;
+        return {
+          parameter: (_a2 = item.parameter) != null ? _a2 : "\u2014",
+          expectedStandard: (_b = item.expectedStandard) != null ? _b : "\u2014",
+          status: (_c = item.status) != null ? _c : "N/A",
+          remarks: (_d = item.remarks) != null ? _d : "\u2014",
+          qaObservation: (_e = item.qaObservation) != null ? _e : "\u2014"
+        };
+      });
+    }
+  );
+}
+var CHECKLIST_COLS = [
+  { key: "parameter", label: "Audit Parameter", minWidth: 180 },
+  { key: "expectedStandard", label: "Expected Standard", minWidth: 200 },
+  { key: "status", label: "Status", minWidth: 130 },
+  { key: "remarks", label: "Remarks", minWidth: 160 },
+  { key: "qaObservation", label: "QA Observation / Impact", minWidth: 180 }
+];
+function ChecklistTable({ title, rows }) {
+  const visibleRows = rows;
+  if (!visibleRows.length) return null;
+  return /* @__PURE__ */ jsxs(Box, { 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 })
+      ] }, ri)) })
+    ] }) })
+  ] });
+}
+function DispositionFrameworkTable({ data }) {
+  var _a;
+  const rows = ((_a = data.Disposition_Based_Quality_Framework) != null ? _a : []).flatMap(
+    (df) => {
+      var _a2;
+      return ((_a2 = df == null ? void 0 : df.frameworks) != null ? _a2 : []).map((fw) => {
+        var _a3, _b, _c, _d;
+        return {
+          dispositionType: (_a3 = df.dispositionType) != null ? _a3 : "\u2014",
+          expectedFramework: (_b = fw.expectedFramework) != null ? _b : "\u2014",
+          status: (_c = fw.status) != null ? _c : "N/A",
+          remarks: (_d = fw.remarks) != null ? _d : "\u2014"
+        };
+      });
+    }
+  ).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__ */ jsxs(Box, { 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: [
+        { 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 })
+      ] }, ri)) })
+    ] }) })
+  ] });
+}
+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: [
+    /* @__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) }),
+    /* @__PURE__ */ jsx(ChecklistTable, { title: "Communication Effectiveness", rows: obsRecordToRows(obs.Communication_and_Soft_Skills, COMM_LABELS, COMM_EXPECTED) }),
+    /* @__PURE__ */ jsx(ChecklistTable, { title: "Process & Workflow Adherence", rows: processWorkflowRows(obs.Process_and_Workflow_Adherence) }),
+    /* @__PURE__ */ jsx(ChecklistTable, { title: "Empathy & Patient Assurance", rows: obsRecordToRows(obs.Empathy_and_Patient_Assurance, EMPATHY_LABELS, EMPATHY_EXPECTED) }),
+    /* @__PURE__ */ jsx(ChecklistTable, { title: "Call Handling", rows: obsRecordToRows(obs.Call_Handling, CALL_HANDLING_LABELS, CALL_HANDLING_EXPECTED) }),
+    /* @__PURE__ */ jsx(ChecklistTable, { title: "Call Closure & Customer Education", rows: obsRecordToRows(obs.Call_Closure_and_Customer_Education, CLOSURE_LABELS, CLOSURE_EXPECTED) })
+  ] });
+}
+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,
+      {
+        value: view,
+        exclusive: true,
+        onChange: (_, v) => v && setView(v),
+        size: "small",
+        sx: {
+          "& .MuiToggleButton-root": {
+            fontSize: "0.72rem",
+            fontWeight: 600,
+            textTransform: "none",
+            px: 1.5,
+            py: "4px",
+            border: "1px solid",
+            borderColor: "divider",
+            color: "text.secondary",
+            "&.Mui-selected": { backgroundColor: _primary, color: "#fff", borderColor: _primary, "&:hover": { backgroundColor: _primary } }
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(ToggleButton, { value: "overview", children: "Overview" }),
+          /* @__PURE__ */ jsx(ToggleButton, { value: "detailed", children: "Detailed" })
+        ]
+      }
+    ) }),
+    view === "overview" && /* @__PURE__ */ jsx(DispositionFrameworkTable, { data }),
+    view === "detailed" && /* @__PURE__ */ jsxs(Box, { 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) }),
+      /* @__PURE__ */ jsx(ChecklistTable, { title: "Process & Workflow Adherence", rows: processWorkflowRows(obs.Process_and_Workflow_Adherence) }),
+      /* @__PURE__ */ jsx(ChecklistTable, { title: "Empathy & Patient Assurance", rows: obsRecordToRows(obs.Empathy_and_Patient_Assurance, EMPATHY_LABELS, EMPATHY_EXPECTED) }),
+      /* @__PURE__ */ jsx(ChecklistTable, { title: "Call Handling", rows: obsRecordToRows(obs.Call_Handling, CALL_HANDLING_LABELS, CALL_HANDLING_EXPECTED) }),
+      /* @__PURE__ */ jsx(ChecklistTable, { title: "Call Closure & Customer Education", rows: obsRecordToRows(obs.Call_Closure_and_Customer_Education, CLOSURE_LABELS, CLOSURE_EXPECTED) })
+    ] })
+  ] });
+}
+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: [
+      /* @__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) => {
+          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" })
+          ] }, 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." }) })
+    ] }),
+    (toStringArray(rec.Key_Strengths).length > 0 || toStringArray(rec.Improvement_Areas).length > 0) && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(SectionTitle, { children: "Auditor's Recommendation" }),
+      /* @__PURE__ */ jsx(Box, { 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) => {
+        var _a2, _b2;
+        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 })
+          ] }, 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 })
+    ] })
+  ] });
+}
+var STATIC_TABS = [
+  { id: "overview", label: "Overview" },
+  { id: "scorecard", label: "Scorecard" },
+  { id: "checklist", label: "Audit Checklist" },
+  { id: "rca", label: "Root Cause Analysis" }
+];
+function useAuditReportData(callUuid, active = true) {
+  const [activeTab, setActiveTab] = useState(0);
+  const [apiData, setApiData] = useState(null);
+  const [auditLoading, setAuditLoading] = useState(false);
+  const [auditError, setAuditError] = useState(null);
+  useEffect(() => {
+    setApiData(null);
+    setAuditError(null);
+    setActiveTab(0);
+    if (!active || !callUuid) return;
+    let cancelled = false;
+    setAuditLoading(true);
+    axios_default.get(END_POINT.CALLSAGE_AUDIT(callUuid)).then((res) => {
+      if (!cancelled) setApiData(res.data);
+    }).catch((err) => {
+      var _a, _b, _c, _d;
+      if (!cancelled) setAuditError((_d = (_c = (_b = (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) != null ? _c : err == null ? void 0 : err.message) != null ? _d : "Failed to generate audit report");
+    }).finally(() => {
+      if (!cancelled) setAuditLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [active, callUuid]);
+  return { activeTab, setActiveTab, apiData, auditLoading, auditError };
+}
+var PRINT_ROOT_ID = "audit-report-print-root";
+var PRINT_STYLES = /* @__PURE__ */ jsx(
+  GlobalStyles,
+  {
+    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" },
+      "@media print": {
+        "body *": { visibility: "hidden" },
+        [`#${PRINT_ROOT_ID}`]: { visibility: "visible", position: "absolute", top: 0, left: 0, width: "100%", height: "auto", overflow: "visible", clip: "auto", clipPath: "none", whiteSpace: "normal", padding: "0 8mm", boxSizing: "border-box" },
+        [`#${PRINT_ROOT_ID} *`]: { visibility: "visible", printColorAdjust: "exact", WebkitPrintColorAdjust: "exact" }
+      }
+    }
+  }
+);
+function buildHeaderBadges(data) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const sc = (_a = data.Quality_Scorecard) != null ? _a : {};
+  const summary = (_b = data.Executive_Audit_Summary) != null ? _b : {};
+  const meta = (_c = data.Audit_Metadata) != null ? _c : {};
+  return [
+    { label: "Call Disposition", value: (_d = meta.Call_Disposition) != null ? _d : "N/A" },
+    { label: "Result", value: (_e = summary.Audit_Result) != null ? _e : "N/A", asBadge: true },
+    { label: "Score", value: `${(_g = (_f = sc.Total_Score) != null ? _f : summary.Overall_Audit_Score_Percentage) != null ? _g : 0}/100` }
+  ];
+}
+function AuditReportInner({ callUuid, active = true, primary, onClose, onMaximize }) {
+  var _a, _b, _c;
+  const { activeTab, setActiveTab, apiData, auditLoading, auditError } = useAuditReportData(callUuid, active);
+  const headerBadges = apiData ? buildHeaderBadges(apiData) : [];
+  const subtitle = apiData ? [(_a = apiData.Audit_Metadata) == null ? void 0 : _a.Agent_Name, (_b = apiData.Audit_Metadata) == null ? void 0 : _b.Hospital_Name, (_c = apiData.Audit_Metadata) == null ? void 0 : _c.Call_Date_Time].filter(Boolean).join(" \xB7 ") || void 0 : void 0;
+  const iconButtonSx = {
+    flexShrink: 0,
+    width: 28,
+    height: 28,
+    borderRadius: "6px",
+    backgroundColor: "action.hover",
+    color: "text.secondary",
+    "&:hover": { backgroundColor: "action.selected", color: "text.primary" },
+    transition: "all 0.15s ease"
+  };
+  function renderTab() {
+    if (!apiData) return null;
+    switch (activeTab) {
+      case 0:
+        return /* @__PURE__ */ jsx(OverviewTab, { data: apiData });
+      case 1:
+        return /* @__PURE__ */ jsx(ScorecardTab, { data: apiData, primary });
+      case 2:
+        return /* @__PURE__ */ jsx(AuditChecklistTab, { data: apiData, primary });
+      case 3:
+        return /* @__PURE__ */ jsx(RootCauseAnalysisTab, { data: apiData, primary });
+      default:
+        return null;
+    }
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    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 })
+        ] }),
+        apiData && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 3 }, children: [
+          /* @__PURE__ */ jsx(OverviewTab, { data: apiData }),
+          /* @__PURE__ */ jsx(ScorecardTab, { data: apiData, primary }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(SectionTitle, { children: "Audit Checklist" }),
+            /* @__PURE__ */ jsx(AuditChecklistContent, { data: apiData })
+          ] }),
+          /* @__PURE__ */ jsx(RootCauseAnalysisTab, { data: apiData, primary })
+        ] })
+      ] }),
+      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, { 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 } }) })
+      ] })
+    ] }),
+    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: [
+            badge.label,
+            ":"
+          ] }),
+          badge.value
+        ] })
+      ] }, i)
+    ) }),
+    /* @__PURE__ */ jsx(Box, { sx: { borderBottom: "1px solid", borderColor: "divider", backgroundColor: "background.paper", flexShrink: 0 }, children: /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        value: activeTab,
+        onChange: (_, v) => setActiveTab(v),
+        variant: "scrollable",
+        scrollButtons: "auto",
+        sx: {
+          minHeight: 40,
+          px: { xs: 1, md: 2 },
+          "& .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))
+      }
+    ) }),
+    /* @__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." }) }),
+      !auditLoading && apiData && renderTab()
+    ] })
+  ] });
+}
+var auditReportUrlResolver = (callUuid) => `/audit-report/${encodeURIComponent(callUuid)}`;
+function setAuditReportUrlResolver(resolver) {
+  auditReportUrlResolver = resolver;
+}
+function AuditReportDialog({ open, onClose, width = "80vw", rowData, onMaximize }) {
+  const theme = useTheme();
+  const primary = theme.palette.primary.main;
+  const callUuid = rowData == null ? void 0 : rowData.callUuid;
+  const handleMaximize = () => {
+    if (!callUuid) return;
+    if (onMaximize) {
+      onMaximize(callUuid);
+      return;
+    }
+    window.open(auditReportUrlResolver(callUuid), "_blank");
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onClose: (_e, reason) => {
+        if (reason !== "backdropClick") onClose();
+      },
+      fullWidth: true,
+      slotProps: {
+        paper: {
+          sx: { width, maxWidth: width, height: "90vh", display: "flex", flexDirection: "column", overflow: "hidden", borderRadius: "10px" }
+        }
+      },
+      children: open && /* @__PURE__ */ jsx(
+        AuditReportInner,
+        {
+          callUuid,
+          active: open,
+          primary,
+          onClose,
+          onMaximize: callUuid ? handleMaximize : void 0
+        }
+      )
+    }
+  );
+}
+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 }) });
+}
+
+export {
+  setAuditReportUrlResolver,
+  AuditReportDialog,
+  AuditReportFullPage
+};
+//# sourceMappingURL=chunk-UZF5Q3GR.mjs.map