ahs-cti 1.0.1-beta.6 → 1.0.1-beta.61

package/dist/agentDetailReport-F44HMQ5O.mjs

@@ -0,0 +1,27 @@
+import * as __ext_react from "react";
+import * as __ext_react_dom from "react-dom";
+import * as __ext_react_jsx from "react/jsx-runtime";
+var __cjsExternals = { "react": __ext_react, "react-dom": __ext_react_dom, "react/jsx-runtime": __ext_react_jsx };
+var require = function (id) {
+  var mod = __cjsExternals[id];
+  if (mod) return mod.default || mod;
+  throw new Error('Dynamic require of "' + id + '" is not supported');
+};
+
+import {
+  agentDetailReport_default
+} from "./chunk-JHC7OUQG.mjs";
+import "./chunk-45MLTWV7.mjs";
+import "./chunk-H22TUCN3.mjs";
+import "./chunk-677RFPP5.mjs";
+import "./chunk-Y4PAUTZ4.mjs";
+import "./chunk-ZSRD3ZXF.mjs";
+import "./chunk-GTI2ZVQX.mjs";
+import "./chunk-HAOFUADN.mjs";
+import "./chunk-M7FJYZF6.mjs";
+import "./chunk-KSVNZKRD.mjs";
+import "./chunk-ERSNXW5X.mjs";
+export {
+  agentDetailReport_default as default
+};
+//# sourceMappingURL=agentDetailReport-F44HMQ5O.mjs.map

package/dist/agentDetailReport-F44HMQ5O.mjs.map

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

package/dist/agentPerformanceReport-TTOMNENK.mjs

@@ -0,0 +1,561 @@
+import * as __ext_react from "react";
+import * as __ext_react_dom from "react-dom";
+import * as __ext_react_jsx from "react/jsx-runtime";
+var __cjsExternals = { "react": __ext_react, "react-dom": __ext_react_dom, "react/jsx-runtime": __ext_react_jsx };
+var require = function (id) {
+  var mod = __cjsExternals[id];
+  if (mod) return mod.default || mod;
+  throw new Error('Dynamic require of "' + id + '" is not supported');
+};
+
+import {
+  ReportFilterBar,
+  SearchBar,
+  headCellSx,
+  reportBodyCellSx,
+  require_isoWeek,
+  sortLabelSx
+} from "./chunk-SUS5RUCA.mjs";
+import {
+  SDKPermissionGuard
+} from "./chunk-TCYBXDAP.mjs";
+import "./chunk-VII5JNA6.mjs";
+import {
+  agentDetailReport_default
+} from "./chunk-JHC7OUQG.mjs";
+import "./chunk-45MLTWV7.mjs";
+import {
+  FileDownload_default
+} from "./chunk-H22TUCN3.mjs";
+import "./chunk-677RFPP5.mjs";
+import {
+  PageHeader
+} from "./chunk-Y4PAUTZ4.mjs";
+import {
+  AppButton
+} from "./chunk-ZSRD3ZXF.mjs";
+import {
+  AdapterDayjs,
+  LocalizationProvider,
+  require_dayjs_min
+} from "./chunk-GTI2ZVQX.mjs";
+import {
+  Refresh_default
+} from "./chunk-HAOFUADN.mjs";
+import {
+  SDKProvider
+} from "./chunk-M7FJYZF6.mjs";
+import {
+  END_POINT,
+  SDK_PERMISSIONS,
+  axios_default
+} from "./chunk-KSVNZKRD.mjs";
+import {
+  Alert_default,
+  Box_default,
+  CircularProgress_default,
+  IconButton_default,
+  Paper_default,
+  Stack_default,
+  TableBody_default,
+  TableCell_default,
+  TableContainer_default,
+  TableHead_default,
+  TablePagination_default,
+  TableRow_default,
+  TableSortLabel_default,
+  Table_default,
+  __spreadProps,
+  __spreadValues,
+  __toESM,
+  createSvgIcon
+} from "./chunk-ERSNXW5X.mjs";
+
+// call-control-sdk/lib/pages/agentPerformanceReport/index.tsx
+import { useState as useState2, useEffect, useCallback as useCallback2, useMemo, useRef } from "react";
+
+// node_modules/@mui/icons-material/Visibility.mjs
+import { jsx as _jsx } from "react/jsx-runtime";
+var Visibility_default = createSvgIcon(/* @__PURE__ */ _jsx("path", {
+  d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
+}), "Visibility");
+
+// call-control-sdk/lib/pages/agentPerformanceReport/index.tsx
+var import_dayjs = __toESM(require_dayjs_min());
+var import_isoWeek = __toESM(require_isoWeek());
+
+// call-control-sdk/lib/pages/agentPerformanceReport/useAgentPerformanceReport.ts
+import { useCallback, useState } from "react";
+function fmtSecs(s) {
+  if (!s || s <= 0) return "00:00:00";
+  const h = Math.floor(s / 3600);
+  const m = Math.floor(s % 3600 / 60);
+  const sc = Math.floor(s % 60);
+  return [h, m, sc].map((x) => String(x).padStart(2, "0")).join(":");
+}
+function validateReportPayload(payload) {
+  if (!payload.startDate || !payload.startTime) return { isValid: false, error: "Start date/time required" };
+  if (!payload.endDate || !payload.endTime) return { isValid: false, error: "End date/time required" };
+  if (!payload.loginUsersOnly && !payload.agents) return { isValid: false, error: "Select at least one agent" };
+  return { isValid: true };
+}
+function mapAgentPerfRow(a) {
+  var _a;
+  return {
+    agentDetails: { agentId: a.agentId, fullName: a.fullName, process: a.processName, queueNames: a.queueNames },
+    calls: { totalCalls: a.totalCalls, answered: a.answeredCalls, missed: a.missedCalls },
+    inCalls: { total: a.inCalls },
+    outCalls: { total: a.outCalls },
+    average: { holdTime: fmtSecs(a.holdTimeSeconds), wrapUp: fmtSecs(a.wrapupSeconds), aht: fmtSecs(a.ahtSeconds), ringing: "00:00:00", dialing: "00:00:00" },
+    loginDetails: { loggedInDuration: fmtSecs(a.loginDurationSeconds), talkTime: fmtSecs(a.talkTimeSeconds), idleTime: fmtSecs(a.idleTimeSeconds) },
+    breaks: { shortBreak: fmtSecs(a.breakTimeSeconds), breakCount: a.breakCount, lunch: "00:00:00", tea: "00:00:00", training: "00:00:00", meeting: "00:00:00" },
+    loginStats: { firstLogin: a.firstLoginTime || "", noOfLogins: 0 },
+    adherence: { pct: (_a = a.adherencePct) != null ? _a : null }
+  };
+}
+async function getUserPerformanceReportPaged(payload) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const params = {
+    start_date: payload.startDate,
+    end_date: payload.endDate,
+    agent_id: payload.agents,
+    queue_id: payload.queueIds && payload.queueIds.length > 0 ? payload.queueIds : void 0,
+    page: (_a = payload.page) != null ? _a : 1,
+    pageSize: (_b = payload.pageSize) != null ? _b : 10,
+    search: payload.search
+  };
+  const res = await axios_default.get(
+    `${END_POINT.AGENT_PERFORMANCE_REPORT}${buildQs(params)}`
+  );
+  const data = res.data;
+  const agentsPage = data == null ? void 0 : data.agents;
+  const rawRows = Array.isArray(agentsPage) ? agentsPage : Array.isArray(agentsPage == null ? void 0 : agentsPage.data) ? agentsPage.data : [];
+  const rows = rawRows.map(mapAgentPerfRow);
+  const total = (_h = (_g = (_e = (_c = agentsPage == null ? void 0 : agentsPage.total) != null ? _c : data == null ? void 0 : data.total) != null ? _e : (_d = data == null ? void 0 : data.pagination) == null ? void 0 : _d.total) != null ? _g : (_f = data == null ? void 0 : data.summary) == null ? void 0 : _f.agentsLoggedIn) != null ? _h : rows.length;
+  return { rows, total };
+}
+async function fetchQueues() {
+  var _a;
+  const res = await axios_default.get(END_POINT.MASTER_QUEUES);
+  if (Array.isArray(res.data)) return res.data;
+  if (Array.isArray((_a = res.data) == null ? void 0 : _a.data)) return res.data.data;
+  return [];
+}
+async function fetchProcesses() {
+  var _a;
+  const res = await axios_default.get(END_POINT.MASTER_PROCESS);
+  if (Array.isArray(res.data)) return res.data;
+  if (Array.isArray((_a = res.data) == null ? void 0 : _a.data)) return res.data.data;
+  return [];
+}
+function buildQs(params) {
+  const qs = new URLSearchParams();
+  if (params.start_date) qs.append("start_date", params.start_date);
+  if (params.end_date) qs.append("end_date", params.end_date);
+  if (params.agent_id) for (const id of params.agent_id) qs.append("agent_id", id);
+  if (params.queue_id) for (const id of params.queue_id) qs.append("queue_id", String(id));
+  if (params.process_id) for (const id of params.process_id) qs.append("process_id", String(id));
+  if (params.top_n) qs.append("top_n", String(params.top_n));
+  if (params.search) qs.append("search", params.search);
+  if (params.page) qs.append("page", String(params.page));
+  if (params.pageSize) qs.append("pageSize", String(params.pageSize));
+  const str = qs.toString();
+  return str ? `?${str}` : "";
+}
+async function exportAgentPerformanceToExcel(params) {
+  var _a;
+  const res = await axios_default.get(
+    `${END_POINT.AGENT_PERFORMANCE_REPORT_EXPORT_EXCEL}${buildQs(params)}`,
+    { responseType: "blob" }
+  );
+  const url = URL.createObjectURL(new Blob([res.data]));
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = `agent-performance-${(_a = params.start_date) != null ? _a : "export"}.xlsx`;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+
+// call-control-sdk/lib/pages/agentPerformanceReport/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+import_dayjs.default.extend(import_isoWeek.default);
+var C = {
+  navy: "#0d2a56",
+  blue: "#1565c8",
+  green: "#0a9a62",
+  amber: "#c47c00",
+  red: "#cc2a2a",
+  purple: "#6b3fbf",
+  teal: "#0b7a8f",
+  bg: "transparent",
+  surface: "#fff",
+  s2: "#f7f9fc",
+  s3: "#eef2f7",
+  b1: "rgba(20,50,100,.07)",
+  b2: "rgba(20,50,100,.13)",
+  t1: "#0d1e35",
+  t2: "#364f6e",
+  t3: "#7a93b5",
+  t4: "#bccad9",
+  blt: "#e8f0fc",
+  glt: "#e4f6ef",
+  alt: "#fdf3e0",
+  rlt: "#fde8e8",
+  plt: "#f0eafa",
+  tlt: "#e3f4f7"
+};
+function parseDur(d) {
+  if (!d || d === "00:00:00") return 0;
+  const p = d.split(":").map(Number);
+  if (p.length === 3) return p[0] * 3600 + p[1] * 60 + p[2];
+  if (p.length === 2) return p[0] * 60 + p[1];
+  return 0;
+}
+function fmtDur(s) {
+  if (!s || s <= 0) return "00:00:00";
+  const h = Math.floor(s / 3600);
+  const m = Math.floor(s % 3600 / 60);
+  const sc = Math.floor(s % 60);
+  return [h, m, sc].map((x) => String(x).padStart(2, "0")).join(":");
+}
+function getVal(row, key) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
+  switch (key) {
+    case "id":
+      return ((_a = row.agentDetails) == null ? void 0 : _a.agentId) || "";
+    case "name":
+      return ((_b = row.agentDetails) == null ? void 0 : _b.fullName) || "";
+    case "process":
+      return ((_c = row.agentDetails) == null ? void 0 : _c.process) || "";
+    case "queue":
+      return ((_d = row.agentDetails) == null ? void 0 : _d.queueNames) || "";
+    case "total":
+      return (_f = (_e = row.calls) == null ? void 0 : _e.totalCalls) != null ? _f : 0;
+    case "ans":
+      return (_h = (_g = row.calls) == null ? void 0 : _g.answered) != null ? _h : 0;
+    case "miss":
+      return (_j = (_i = row.calls) == null ? void 0 : _i.missed) != null ? _j : 0;
+    case "inTotal":
+      return (_l = (_k = row.inCalls) == null ? void 0 : _k.total) != null ? _l : 0;
+    case "outTotal":
+      return (_n = (_m = row.outCalls) == null ? void 0 : _m.total) != null ? _n : 0;
+    case "aht":
+      return parseDur(((_o = row.average) == null ? void 0 : _o.aht) || "00:00:00");
+    case "loginDur":
+      return parseDur(((_p = row.loginDetails) == null ? void 0 : _p.loggedInDuration) || "00:00:00");
+    case "talk":
+      return parseDur(((_q = row.loginDetails) == null ? void 0 : _q.talkTime) || "00:00:00");
+    case "hold":
+      return parseDur(((_r = row.average) == null ? void 0 : _r.holdTime) || "00:00:00");
+    case "wrapup":
+      return parseDur(((_s = row.average) == null ? void 0 : _s.wrapUp) || "00:00:00");
+    case "breakTime":
+      return parseDur(((_t = row.breaks) == null ? void 0 : _t.lunch) || "00:00:00") + parseDur(((_u = row.breaks) == null ? void 0 : _u.tea) || "00:00:00") + parseDur(((_v = row.breaks) == null ? void 0 : _v.training) || "00:00:00") + parseDur(((_w = row.breaks) == null ? void 0 : _w.meeting) || "00:00:00") + parseDur(((_x = row.breaks) == null ? void 0 : _x.shortBreak) || "00:00:00");
+    case "idle":
+      return parseDur(((_y = row.loginDetails) == null ? void 0 : _y.idleTime) || "00:00:00");
+    case "adherence":
+      return (_A = (_z = row.adherence) == null ? void 0 : _z.pct) != null ? _A : null;
+    case "firstLogin":
+      return ((_B = row.loginStats) == null ? void 0 : _B.firstLogin) || "";
+    default:
+      return "";
+  }
+}
+var COLUMNS = [
+  { key: "id", label: "User ID", group: "Agent" },
+  { key: "name", label: "Full Name", group: "Agent" },
+  { key: "queue", label: "Queues", group: "Agent" },
+  { key: "total", label: "Total Calls", group: "Calls", align: "right" },
+  { key: "ans", label: "Answered", group: "Calls", align: "right" },
+  { key: "miss", label: "Missed", group: "Calls", align: "right" },
+  { key: "inTotal", label: "Inbound", group: "Calls", align: "right" },
+  { key: "outTotal", label: "Outbound", group: "Calls", align: "right" },
+  { key: "aht", label: "AHT", group: "Time", align: "right" },
+  { key: "loginDur", label: "Login Dur", group: "Time", align: "right" },
+  { key: "talk", label: "Talk Time", group: "Time", align: "right" },
+  { key: "hold", label: "Hold Time", group: "Time", align: "right" },
+  { key: "wrapup", label: "Wrapup Time", group: "Time", align: "right" },
+  { key: "breakTime", label: "Break Time", group: "Breaks", align: "right" },
+  { key: "idle", label: "Idle Time", group: "Time", align: "right" },
+  { key: "firstLogin", label: "First Login", group: "Login" },
+  { key: "adherence", label: "Adherence %", group: "Agent", align: "right" }
+];
+function AgentPerformanceReportContent() {
+  const [startDate, setStartDate] = useState2((0, import_dayjs.default)().startOf("day"));
+  const [endDate, setEndDate] = useState2((0, import_dayjs.default)());
+  const [quickRange, setQuickRange] = useState2("today");
+  const [selectedUsers, setSelectedUsers] = useState2([]);
+  const [isAllUsersSelected, setIsAllUsersSelected] = useState2(false);
+  const [processes, setProcesses] = useState2([]);
+  const [process, setProcess] = useState2("");
+  const [search, setSearch] = useState2("");
+  const [loginUsersOnly] = useState2(true);
+  const [queues, setQueues] = useState2([]);
+  const [selectedQueues, setSelectedQueues] = useState2([]);
+  const [data, setData] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2("");
+  const [selectedAgent, setSelectedAgent] = useState2(null);
+  const [orderBy, setOrderBy] = useState2("total");
+  const [order, setOrder] = useState2("desc");
+  const [page, setPage] = useState2(0);
+  const [rowsPerPage, setRowsPerPage] = useState2(10);
+  const [totalCount, setTotalCount] = useState2(-1);
+  const [visibleCols] = useState2(new Set(COLUMNS.map((c) => c.key)));
+  const [debouncedSearch, setDebouncedSearch] = useState2("");
+  const debounceRef = useRef(void 0);
+  useEffect(() => {
+    debounceRef.current = setTimeout(() => setDebouncedSearch(search.trim()), 400);
+    return () => clearTimeout(debounceRef.current);
+  }, [search]);
+  useEffect(() => {
+    fetchProcesses().then((p) => {
+      const mapped = p.map((x) => ({ label: x.name, value: x.name }));
+      setProcesses(mapped);
+      if (mapped.length) setProcess(mapped[0].value);
+    }).catch(() => {
+    });
+    fetchQueues().then((data2) => setQueues(data2 || [])).catch(() => {
+    });
+  }, []);
+  const handleQuickRangeChange = (range) => {
+    setQuickRange(range);
+  };
+  const handleRefresh = () => {
+    if (quickRange === "today" || quickRange === "week" || quickRange === "month") {
+      const now = (0, import_dayjs.default)();
+      let sd = now.startOf("day");
+      const ed = now;
+      if (quickRange === "week") sd = now.startOf("week").startOf("day");
+      else if (quickRange === "month") sd = now.startOf("month").startOf("day");
+      setStartDate(sd);
+      setEndDate(ed);
+    } else {
+      fetchReport(page);
+    }
+  };
+  const fetchReport = useCallback2(async (pageNum) => {
+    const fromDate = startDate;
+    const toDate = endDate;
+    if (!fromDate || !toDate) {
+      setError("Select date range");
+      return;
+    }
+    const payload = {
+      startDate: fromDate.format("YYYY-MM-DDTHH:mm:ss"),
+      endDate: toDate.format("YYYY-MM-DDTHH:mm:ss"),
+      startTime: fromDate.format("HH:mm:ss"),
+      endTime: toDate.format("HH:mm:ss"),
+      process,
+      agents: isAllUsersSelected ? [] : selectedUsers.map((u) => u.userId),
+      loginUsersOnly,
+      queueIds: selectedQueues.length > 0 && selectedQueues.length < queues.length ? selectedQueues.map((q) => q.id) : void 0,
+      search: debouncedSearch || void 0,
+      page: pageNum + 1,
+      pageSize: rowsPerPage
+    };
+    const valid = validateReportPayload(payload);
+    if (!valid.isValid) {
+      setError(valid.error || "Invalid");
+      return;
+    }
+    try {
+      setLoading(true);
+      setError("");
+      const { rows, total } = await getUserPerformanceReportPaged(payload);
+      setData(rows);
+      setTotalCount(typeof total === "number" ? total : rows.length);
+    } catch (err) {
+      setError((err == null ? void 0 : err.message) || "Failed to fetch report");
+      setData([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [startDate, endDate, process, selectedUsers, isAllUsersSelected, selectedQueues, loginUsersOnly, debouncedSearch, rowsPerPage]);
+  useEffect(() => {
+    setPage(0);
+    fetchReport(0);
+  }, [fetchReport]);
+  const handlePageChange = useCallback2(
+    (_event, newPage) => {
+      setPage(newPage);
+      fetchReport(newPage);
+    },
+    [fetchReport]
+  );
+  const sorted = useMemo(() => {
+    return [...data].sort((a, b) => {
+      const av = getVal(a, orderBy);
+      const bv = getVal(b, orderBy);
+      if (typeof av === "number" && typeof bv === "number") return order === "asc" ? av - bv : bv - av;
+      return order === "asc" ? String(av).localeCompare(String(bv)) : String(bv).localeCompare(String(av));
+    });
+  }, [data, orderBy, order]);
+  const paged = sorted;
+  const handleSort = (key) => {
+    setOrder(orderBy === key && order === "asc" ? "desc" : "asc");
+    setOrderBy(key);
+  };
+  const handleExportExcel = async () => {
+    const fromDate = startDate;
+    const toDate = endDate;
+    if (!fromDate || !toDate) {
+      setError("Select date range");
+      return;
+    }
+    const params = {
+      start_date: fromDate.format("YYYY-MM-DDTHH:mm:ss"),
+      end_date: toDate.format("YYYY-MM-DDTHH:mm:ss"),
+      agent_id: !isAllUsersSelected && selectedUsers.length > 0 ? selectedUsers.map((u) => u.userId) : void 0,
+      queue_id: selectedQueues.length > 0 && selectedQueues.length < queues.length ? selectedQueues.map((q) => q.id) : void 0,
+      search: debouncedSearch || void 0
+    };
+    try {
+      await exportAgentPerformanceToExcel(params);
+    } catch (err) {
+      setError((err == null ? void 0 : err.message) || "Failed to export Excel");
+    }
+  };
+  const renderCellValue = (row, col) => {
+    const v = getVal(row, col.key);
+    const durKeys = ["aht", "loginDur", "talk", "hold", "wrapup", "breakTime", "idle"];
+    if (durKeys.includes(col.key)) return fmtDur(v);
+    if (col.key === "adherence") return v != null ? `${v}%` : "\u2014";
+    if (col.key === "firstLogin") return v ? (0, import_dayjs.default)(v).format("DD MMM YYYY hh:mm A") : "";
+    return v != null ? v : "";
+  };
+  const activeCols = COLUMNS.filter((c) => visibleCols.has(c.key));
+  if (selectedAgent) {
+    return /* @__PURE__ */ jsx(
+      agentDetailReport_default,
+      {
+        agentRow: selectedAgent,
+        onBack: () => setSelectedAgent(null),
+        initialStartDate: startDate,
+        initialEndDate: endDate,
+        initialQuickRange: quickRange,
+        from: "REPORTS_LIST"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsxs(Box_default, { sx: { background: C.bg, minHeight: "100vh" }, children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: " Performance Report",
+        actions: /* @__PURE__ */ jsxs(Stack_default, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ jsx(
+            SearchBar,
+            {
+              value: search,
+              onChange: setSearch,
+              placeholder: "Search name, ID...",
+              width: 250
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SDKPermissionGuard,
+            {
+              permissions: [SDK_PERMISSIONS.REPORTS_AGENT_PERFORMANCE_EXPORT, SDK_PERMISSIONS.REPORTS_AGENT_PERFORMANCE_MANAGE],
+              showFallback: false,
+              children: /* @__PURE__ */ jsx(
+                AppButton,
+                {
+                  startIcon: /* @__PURE__ */ jsx(FileDownload_default, { sx: { fontSize: "0.95rem !important" } }),
+                  disabled: !data.length,
+                  onClick: handleExportExcel,
+                  sx: { height: 36 },
+                  children: "Export Excel"
+                }
+              )
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ReportFilterBar,
+      {
+        startDate,
+        endDate,
+        onStartChange: setStartDate,
+        onEndChange: setEndDate,
+        quickRange,
+        onQuickRangeChange: handleQuickRangeChange,
+        showAgentSelect: true,
+        selectedAgents: selectedUsers,
+        onAgentsChange: setSelectedUsers,
+        setIsAllUsersSelected,
+        showQueueSelect: true,
+        queues,
+        selectedQueues,
+        onQueuesChange: setSelectedQueues,
+        showProcessSelect: true,
+        processes,
+        selectedProcess: process,
+        onProcessChange: setProcess,
+        extra: /* @__PURE__ */ jsx(
+          AppButton,
+          {
+            startIcon: /* @__PURE__ */ jsx(Refresh_default, { sx: { fontSize: "0.9rem !important" } }),
+            disabled: loading,
+            onClick: handleRefresh,
+            sx: { height: 32 },
+            children: "Refresh"
+          }
+        )
+      }
+    ),
+    error && /* @__PURE__ */ jsx(Alert_default, { severity: "error", sx: { mx: 2.5, mt: 1.5 }, onClose: () => setError(""), children: error }),
+    /* @__PURE__ */ jsxs(Box_default, { sx: { py: 2, px: 1, overflow: "auto", position: "relative" }, children: [
+      loading && /* @__PURE__ */ jsx(Box_default, { sx: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, background: "rgba(240,244,248,0.7)", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 10 }, children: /* @__PURE__ */ jsx(CircularProgress_default, {}) }),
+      /* @__PURE__ */ jsxs(Paper_default, { elevation: 0, sx: { borderRadius: "8px", border: "1px solid #e0e7ef", overflow: "hidden", mb: 2 }, children: [
+        /* @__PURE__ */ jsx(TableContainer_default, { children: /* @__PURE__ */ jsxs(Table_default, { size: "small", sx: {
+          minWidth: 1400,
+          "& .MuiTableCell-root": { fontSize: "0.75rem", borderBottom: "1px solid #eef1f6", py: 0.6, px: 1 }
+        }, children: [
+          /* @__PURE__ */ jsx(TableHead_default, { children: /* @__PURE__ */ jsxs(TableRow_default, { children: [
+            activeCols.map((col) => /* @__PURE__ */ jsx(TableCell_default, { align: col.align || "left", sx: headCellSx, children: /* @__PURE__ */ jsx(TableSortLabel_default, { active: orderBy === col.key, direction: orderBy === col.key ? order : "asc", onClick: () => handleSort(col.key), sx: sortLabelSx, children: col.label }) }, col.key)),
+            /* @__PURE__ */ jsx(TableCell_default, { sx: __spreadProps(__spreadValues({}, headCellSx), { width: 48 }), children: "Detail" })
+          ] }) }),
+          /* @__PURE__ */ jsxs(TableBody_default, { children: [
+            paged.map((row, idx) => /* @__PURE__ */ jsxs(TableRow_default, { hover: true, onClick: () => setSelectedAgent(row), sx: {
+              backgroundColor: "#fff",
+              "&:hover": { backgroundColor: "#f0f7f8" },
+              cursor: "pointer"
+            }, children: [
+              activeCols.map((col) => /* @__PURE__ */ jsx(TableCell_default, { align: col.align || "left", sx: reportBodyCellSx, children: renderCellValue(row, col) }, col.key)),
+              /* @__PURE__ */ jsx(TableCell_default, { sx: reportBodyCellSx, align: "center", children: /* @__PURE__ */ jsx(IconButton_default, { size: "small", onClick: (e) => {
+                e.stopPropagation();
+                setSelectedAgent(row);
+              }, sx: { color: C.blue }, children: /* @__PURE__ */ jsx(Visibility_default, { sx: { fontSize: 16 } }) }) })
+            ] }, idx)),
+            paged.length === 0 && /* @__PURE__ */ jsx(TableRow_default, { children: /* @__PURE__ */ jsx(TableCell_default, { colSpan: activeCols.length + 1, sx: { textAlign: "center", py: 4, color: C.t3, fontSize: 13 }, children: "No data found" }) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          TablePagination_default,
+          {
+            component: "div",
+            count: totalCount,
+            page,
+            onPageChange: handlePageChange,
+            rowsPerPage,
+            onRowsPerPageChange: (e) => {
+              setRowsPerPage(parseInt(e.target.value, 10));
+              setPage(0);
+            },
+            rowsPerPageOptions: [10, 15, 25, 50, 100],
+            sx: { borderTop: "1px solid #eef1f6", "& .MuiTablePagination-displayedRows": { fontSize: "0.73rem" }, "& .MuiTablePagination-selectLabel": { fontSize: "0.73rem" } }
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+var AgentPerformanceReport = () => /* @__PURE__ */ jsx(SDKProvider, { children: /* @__PURE__ */ jsx(AgentPerformanceReportContent, {}) });
+var agentPerformanceReport_default = AgentPerformanceReport;
+export {
+  agentPerformanceReport_default as default
+};
+//# sourceMappingURL=agentPerformanceReport-TTOMNENK.mjs.map