chordia-ui 4.0.7 → 4.0.9

package/dist/DataTable2.es.js

@@ -1,66 +1,66 @@
-import { jsxs as m, jsx as s, Fragment as Fe } from "react/jsx-runtime";
-import ht, { useState as g, useRef as U, useEffect as I, Suspense as cn, useMemo as ge, useCallback as P, useLayoutEffect as dn } from "react";
-import { u as un, a as At, D as fn, c as pn, S as mn, h as hn, b as gn, s as yn, K as xn, P as bn, d as gt, e as vn, C as Sn } from "./sortable.esm.es.js";
-import { CalendarClock as Ot, Download as wn, ChevronDown as Fn, Settings2 as kn, X as Dn, GripVertical as yt, Search as Cn, Check as st, ArrowUp as Rn, ArrowDown as zn, ArrowUpDown as En, ListFilter as Mn } from "lucide-react";
-import { createPortal as vt } from "react-dom";
-import { C as Bn, P as Nn } from "./CustomFilterChips.es.js";
+import { jsxs as h, jsx as s, Fragment as Ce } from "react/jsx-runtime";
+import wt, { useState as y, useRef as K, useEffect as j, Suspense as kn, useMemo as oe, useCallback as O, useLayoutEffect as Dn } from "react";
+import { u as Cn, a as Ut, D as Rn, c as zn, S as Bn, h as En, b as Mn, s as An, K as Nn, P as Wn, d as Ft, e as On, C as Tn } from "./sortable.esm.es.js";
+import { CalendarClock as Xt, Download as $n, ChevronDown as Ln, Settings2 as Pn, X as In, GripVertical as kt, Search as _n, Check as Qe, Minus as jn, ArrowUp as Hn, ArrowDown as Kn, ArrowUpDown as Un, ListFilter as Xn } from "lucide-react";
+import { createPortal as Rt } from "react-dom";
+import { C as Gn, P as Jn } from "./CustomFilterChips.es.js";
 import "motion/react";
 import "recharts";
 import "./AgentLiftAnalysisCard.es.js";
 import "./TourGuideTooltip.es.js";
-function Wn({
-  dateRangePicker: n,
+function Yn({
+  dateRangePicker: r,
   onWeekToDate: l,
   exportConfig: d,
   filterChipsConfig: f,
-  trailingActions: S
+  trailingActions: w
   // Optional extra actions rendered after Export (e.g., Add Users button)
 }) {
-  const [v, a] = g(!1), b = U(null), B = U(null);
-  I(() => {
-    const D = (w) => {
-      B.current && !B.current.contains(w.target) && b.current && !b.current.contains(w.target) && a(!1);
+  const [S, a] = y(!1), b = K(null), T = K(null);
+  j(() => {
+    const D = (v) => {
+      T.current && !T.current.contains(v.target) && b.current && !b.current.contains(v.target) && a(!1);
     };
-    if (v)
+    if (S)
       return document.addEventListener("mousedown", D), () => {
         document.removeEventListener("mousedown", D);
       };
-  }, [v]);
+  }, [S]);
   const k = () => {
     a((D) => !D);
   }, C = (D) => {
     a(!1), d != null && d.onExport && d.onExport(D);
-  }, L = (() => {
+  }, H = (() => {
     if (!(f != null && f.filters))
       return !1;
-    const D = f.filters, w = f.customFilters || [], N = Object.entries(D).some(([E, M]) => !!(Array.isArray(M) && M.length || typeof M == "string" && M.trim() !== "" || M && typeof M == "object" && (M.min != null || M.max != null))), H = w.some((E) => E.active);
-    return N || H;
+    const D = f.filters, v = f.customFilters || [], $ = Object.entries(D).some(([B, A]) => !!(Array.isArray(A) && A.length || typeof A == "string" && A.trim() !== "" || A && typeof A == "object" && (A.min != null || A.max != null))), L = v.some((B) => B.active);
+    return $ || L;
   })();
-  return /* @__PURE__ */ m("div", { className: "flex items-center gap-3 flex-wrap", children: [
-    l && /* @__PURE__ */ m(
+  return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 flex-wrap", children: [
+    l && /* @__PURE__ */ h(
       "button",
       {
         onClick: l,
         className: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white/80 px-4 py-2.5 transition-colors hover:bg-white text-sm font-medium text-gray-900",
         style: { fontFamily: "var(--font-sans)" },
         children: [
-          /* @__PURE__ */ s(Ot, { size: 16 }),
+          /* @__PURE__ */ s(Xt, { size: 16 }),
           /* @__PURE__ */ s("span", { children: "Week to Date" })
         ]
       }
     ),
-    n && /* @__PURE__ */ s(
-      cn,
+    r && /* @__PURE__ */ s(
+      kn,
       {
-        fallback: /* @__PURE__ */ m("div", { className: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white/80 px-4 py-2.5 text-sm font-medium text-gray-400", children: [
-          /* @__PURE__ */ s(Ot, { size: 16 }),
+        fallback: /* @__PURE__ */ h("div", { className: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white/80 px-4 py-2.5 text-sm font-medium text-gray-400", children: [
+          /* @__PURE__ */ s(Xt, { size: 16 }),
           /* @__PURE__ */ s("span", { children: "Loading..." })
         ] }),
-        children: n
+        children: r
       }
     ),
-    d && /* @__PURE__ */ m("div", { className: "relative", children: [
-      /* @__PURE__ */ m(
+    d && /* @__PURE__ */ h("div", { className: "relative", children: [
+      /* @__PURE__ */ h(
         "button",
         {
           ref: b,
@@ -69,20 +69,20 @@ function Wn({
           className: "inline-flex items-center justify-between gap-2 rounded-lg border border-gray-300 bg-white/80 px-4 py-2.5 transition-colors hover:bg-white text-sm font-medium text-gray-900 disabled:opacity-50 disabled:cursor-not-allowed min-w-[120px]",
           style: { fontFamily: "var(--font-sans)" },
           children: [
-            /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(wn, { size: 16 }),
+            /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ s($n, { size: 16 }),
               /* @__PURE__ */ s("span", { children: d.isExporting ? "Exporting..." : "Export" })
             ] }),
-            /* @__PURE__ */ s(Fn, { size: 16 })
+            /* @__PURE__ */ s(Ln, { size: 16 })
           ]
         }
       ),
-      v && /* @__PURE__ */ s(
+      S && /* @__PURE__ */ s(
         "div",
         {
-          ref: B,
+          ref: T,
           className: "absolute top-full right-0 mt-2 bg-white rounded-lg shadow-lg border border-gray-200 py-1 z-50 min-w-[120px]",
-          children: (d.types || ["csv"]).map((D) => /* @__PURE__ */ m(
+          children: (d.types || ["csv"]).map((D) => /* @__PURE__ */ h(
             "button",
             {
               onClick: () => C(D),
@@ -98,11 +98,11 @@ function Wn({
         }
       )
     ] }),
-    (L || S) && /* @__PURE__ */ m(Fe, { children: [
-      L && /* @__PURE__ */ s("div", { className: "h-9 mt-1 w-px bg-gray-300 flex-shrink-0" }),
-      /* @__PURE__ */ m("div", { className: "flex items-center gap-3 justify-end", children: [
-        L && f && /* @__PURE__ */ s(
-          Bn,
+    (H || w) && /* @__PURE__ */ h(Ce, { children: [
+      H && /* @__PURE__ */ s("div", { className: "h-9 mt-1 w-px bg-gray-300 flex-shrink-0" }),
+      /* @__PURE__ */ h("div", { className: "flex items-center gap-3 justify-end", children: [
+        H && f && /* @__PURE__ */ s(
+          Gn,
           {
             filters: f.filters,
             onChange: f.onChange,
@@ -111,85 +111,85 @@ function Wn({
             fieldOptions: f.fieldOptions || {}
           }
         ),
-        S && /* @__PURE__ */ s("div", { className: "flex-shrink-0", children: S })
+        w && /* @__PURE__ */ s("div", { className: "flex-shrink-0", children: w })
       ] })
     ] })
   ] });
 }
-function St(n) {
-  if (n == null)
+function zt(r) {
+  if (r == null)
     return NaN;
-  const l = String(n).replace(/[,$%]|pp/gi, "").trim(), d = parseFloat(l);
+  const l = String(r).replace(/[,$%]|pp/gi, "").trim(), d = parseFloat(l);
   return Number.isFinite(d) ? d : NaN;
 }
-function An(n) {
-  if (n == null)
+function Qn(r) {
+  if (r == null)
     return NaN;
-  const l = String(n).trim(), d = l.match(/^(\d+):(\d+)(?::(\d+))?$/);
+  const l = String(r).trim(), d = l.match(/^(\d+):(\d+)(?::(\d+))?$/);
   if (d) {
     const k = +d[1], C = +d[2], z = d[3] != null ? +d[3] : null;
     return z != null ? k * 3600 + C * 60 + z : k * 60 + C;
   }
-  let f = 0, S = !1;
-  const v = l.match(/(\d+)\s*d\b/i), a = l.match(/(\d+)\s*h\b/i), b = l.match(/(\d+)\s*m(?!s)\b/i), B = l.match(/(\d+)\s*s\b/i);
-  return v && (f += +v[1] * 86400, S = !0), a && (f += +a[1] * 3600, S = !0), b && (f += +b[1] * 60, S = !0), B && (f += +B[1], S = !0), S ? f : NaN;
+  let f = 0, w = !1;
+  const S = l.match(/(\d+)\s*d\b/i), a = l.match(/(\d+)\s*h\b/i), b = l.match(/(\d+)\s*m(?!s)\b/i), T = l.match(/(\d+)\s*s\b/i);
+  return S && (f += +S[1] * 86400, w = !0), a && (f += +a[1] * 3600, w = !0), b && (f += +b[1] * 60, w = !0), T && (f += +T[1], w = !0), w ? f : NaN;
 }
-function On(n) {
-  if (!n)
+function qn(r) {
+  if (!r)
     return null;
-  const l = String(n).trim(), d = l.match(/^(\d{1,2})\/(\d{1,2})\/(\d{2,4})$/);
+  const l = String(r).trim(), d = l.match(/^(\d{1,2})\/(\d{1,2})\/(\d{2,4})$/);
   if (d) {
-    const S = d[3].length === 2 ? 2e3 + +d[3] : +d[3], v = new Date(S, +d[1] - 1, +d[2]);
-    return isNaN(v.getTime()) ? null : v;
+    const w = d[3].length === 2 ? 2e3 + +d[3] : +d[3], S = new Date(w, +d[1] - 1, +d[2]);
+    return isNaN(S.getTime()) ? null : S;
   }
   const f = new Date(l);
   return isNaN(f.getTime()) ? null : f;
 }
-function Tn(n) {
-  if (!n || n.length === 0)
+function Zn(r) {
+  if (!r || r.length === 0)
     return "text";
-  const l = n.slice(0, 25), d = (f) => l.every(f);
+  const l = r.slice(0, 25), d = (f) => l.every(f);
   return d((f) => /^\d{1,2}\/\d{1,2}\/\d{2,4}$/.test(f) || /^\d{4}-\d{2}-\d{2}/.test(f)) ? "date" : d((f) => /^\d+\s*[dhms]\b/i.test(f) || /^\d+:\d+(:\d+)?$/.test(f)) ? "duration" : d((f) => /^-?[\d,.]+(%|pp)?$/i.test(f)) ? "number" : "text";
 }
-function Ue(n) {
-  return n ? Array.isArray(n) ? n.length > 0 : n.type === "range" ? n.min !== "" && n.min !== void 0 && n.min !== null || n.max !== "" && n.max !== void 0 && n.max !== null : n.type === "durationRange" ? n.minSec !== "" && n.minSec != null || n.maxSec !== "" && n.maxSec != null : n.type === "scoreRange" ? Array.isArray(n.values) && n.values.length > 0 || n.min !== "" && n.min != null || n.max !== "" && n.max != null : n.type === "dateRange" ? !!(n.from || n.to) : !1 : !1;
+function Ye(r) {
+  return r ? Array.isArray(r) ? r.length > 0 : r.type === "range" ? r.min !== "" && r.min !== void 0 && r.min !== null || r.max !== "" && r.max !== void 0 && r.max !== null : r.type === "durationRange" ? r.minSec !== "" && r.minSec != null || r.maxSec !== "" && r.maxSec != null : r.type === "scoreRange" ? Array.isArray(r.values) && r.values.length > 0 || r.min !== "" && r.min != null || r.max !== "" && r.max != null : r.type === "dateRange" ? !!(r.from || r.to) : !1 : !1;
 }
-function Tt(n) {
-  if (n == null || n === "" || isNaN(n))
+function Gt(r) {
+  if (r == null || r === "" || isNaN(r))
     return "";
-  const l = Number(n), d = Math.floor(l / 3600), f = Math.floor(l % 3600 / 60), S = Math.floor(l % 60);
-  return d > 0 ? `${d}h ${f}m` : f > 0 ? `${f}m ${S}s` : `${S}s`;
+  const l = Number(r), d = Math.floor(l / 3600), f = Math.floor(l % 3600 / 60), w = Math.floor(l % 60);
+  return d > 0 ? `${d}h ${f}m` : f > 0 ? `${f}m ${w}s` : `${w}s`;
 }
-function $n(n) {
-  if (!n)
+function Vn(r) {
+  if (!r)
     return "";
-  if (Array.isArray(n))
-    return n.length === 0 ? "" : String(n[0]);
-  if (n.type === "range") {
-    const l = n.min !== "" && n.min != null ? n.min : null, d = n.max !== "" && n.max != null ? n.max : null;
+  if (Array.isArray(r))
+    return r.length === 0 ? "" : String(r[0]);
+  if (r.type === "range") {
+    const l = r.min !== "" && r.min != null ? r.min : null, d = r.max !== "" && r.max != null ? r.max : null;
     return l != null && d != null ? `${l} – ${d}` : l != null ? `≥ ${l}` : d != null ? `≤ ${d}` : "";
   }
-  if (n.type === "durationRange") {
-    const l = n.minSec !== "" && n.minSec != null ? Tt(n.minSec) : null, d = n.maxSec !== "" && n.maxSec != null ? Tt(n.maxSec) : null;
+  if (r.type === "durationRange") {
+    const l = r.minSec !== "" && r.minSec != null ? Gt(r.minSec) : null, d = r.maxSec !== "" && r.maxSec != null ? Gt(r.maxSec) : null;
     return l && d ? `${l} – ${d}` : l ? `≥ ${l}` : d ? `≤ ${d}` : "";
   }
-  if (n.type === "scoreRange") {
-    if (Array.isArray(n.values) && n.values.length > 0)
-      return n.values.slice().sort((f, S) => f - S).join(", ");
-    const l = n.min !== "" && n.min != null ? n.min : null, d = n.max !== "" && n.max != null ? n.max : null;
+  if (r.type === "scoreRange") {
+    if (Array.isArray(r.values) && r.values.length > 0)
+      return r.values.slice().sort((f, w) => f - w).join(", ");
+    const l = r.min !== "" && r.min != null ? r.min : null, d = r.max !== "" && r.max != null ? r.max : null;
     return l != null && d != null ? `${l} – ${d}` : l != null ? `≥ ${l}` : d != null ? `≤ ${d}` : "";
   }
-  return n.type === "dateRange" ? n.from && n.to ? `${n.from} – ${n.to}` : n.from ? `from ${n.from}` : n.to ? `to ${n.to}` : "" : "";
+  return r.type === "dateRange" ? r.from && r.to ? `${r.from} – ${r.to}` : r.from ? `from ${r.from}` : r.to ? `to ${r.to}` : "" : "";
 }
-function Ln(n) {
-  return Array.isArray(n) ? Math.max(0, n.length - 1) : 0;
+function er(r) {
+  return Array.isArray(r) ? Math.max(0, r.length - 1) : 0;
 }
-function Pn(n) {
-  return Array.isArray(n) ? n.slice(1).map(String).join(", ") : "";
+function tr(r) {
+  return Array.isArray(r) ? r.slice(1).map(String).join(", ") : "";
 }
-function In({ count: n, values: l }) {
-  const [d, f] = g(!1);
-  return /* @__PURE__ */ m(
+function nr({ count: r, values: l }) {
+  const [d, f] = y(!1);
+  return /* @__PURE__ */ h(
     "span",
     {
       onMouseEnter: () => f(!0),
@@ -212,7 +212,7 @@ function In({ count: n, values: l }) {
       },
       children: [
         "+",
-        n,
+        r,
         d && /* @__PURE__ */ s(
           "span",
           {
@@ -242,7 +242,7 @@ function In({ count: n, values: l }) {
     }
   );
 }
-function jn({ leftLabel: n, rightLabel: l, leftValue: d, rightValue: f, onLeftChange: S, onRightChange: v, type: a = "number", placeholderLeft: b = "Min", placeholderRight: B = "Max" }) {
+function rr({ leftLabel: r, rightLabel: l, leftValue: d, rightValue: f, onLeftChange: w, onRightChange: S, type: a = "number", placeholderLeft: b = "Min", placeholderRight: T = "Max" }) {
   const k = {
     width: "100%",
     height: 32,
@@ -256,36 +256,36 @@ function jn({ leftLabel: n, rightLabel: l, leftValue: d, rightValue: f, onLeftCh
     outline: "none",
     boxSizing: "border-box"
   }, C = { fontSize: 12, color: "#676767", marginBottom: 4, fontFamily: "var(--font-sans)" };
-  return /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-    /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column" }, children: [
-      /* @__PURE__ */ s("span", { style: C, children: n }),
+  return /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ s("span", { style: C, children: r }),
       /* @__PURE__ */ s(
         "input",
         {
           type: a,
           value: d,
-          onChange: (z) => S(z.target.value),
+          onChange: (z) => w(z.target.value),
           placeholder: b,
           style: k
         }
       )
     ] }),
-    /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
       /* @__PURE__ */ s("span", { style: C, children: l }),
       /* @__PURE__ */ s(
         "input",
         {
           type: a,
           value: f,
-          onChange: (z) => v(z.target.value),
-          placeholder: B,
+          onChange: (z) => S(z.target.value),
+          placeholder: T,
           style: k
         }
       )
     ] })
   ] });
 }
-const $t = [
+const Jt = [
   { id: "0-60", label: "0 to 60 Sec", minSec: 0, maxSec: 60 },
   { id: "60-120", label: "1m to 2 m", minSec: 60, maxSec: 120 },
   { id: "120-180", label: "2m to 3 m", minSec: 120, maxSec: 180 },
@@ -293,16 +293,16 @@ const $t = [
   { id: "240-300", label: "4m to 5m", minSec: 240, maxSec: 300 },
   { id: "300+", label: "5 mins and above", minSec: 300, maxSec: null }
 ];
-function Lt(n) {
-  if (n == null || n === "")
+function Yt(r) {
+  if (r == null || r === "")
     return null;
-  const l = String(n).trim().match(/^(\d{1,3}):(\d{2})$/);
+  const l = String(r).trim().match(/^(\d{1,3}):(\d{2})$/);
   if (l)
     return Number(l[1]) * 60 + Number(l[2]);
-  const d = Number(n);
+  const d = Number(r);
   return Number.isFinite(d) ? d : null;
 }
-function xt({ children: n }) {
+function Dt({ children: r }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -314,20 +314,20 @@ function xt({ children: n }) {
         padding: "4px 0 2px",
         fontFamily: "var(--font-sans)"
       },
-      children: n
+      children: r
     }
   );
 }
-function bt({
-  minValue: n,
+function Ct({
+  minValue: r,
   maxValue: l,
   onMinChange: d,
   onMaxChange: f,
-  inputType: S = "number",
-  inputMode: v = "decimal",
+  inputType: w = "number",
+  inputMode: S = "decimal",
   step: a,
   placeholder: b = "0.0",
-  unit: B
+  unit: T
 }) {
   const k = {
     width: "100%",
@@ -341,31 +341,31 @@ function bt({
     outline: "none",
     boxSizing: "border-box"
   };
-  return /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-    /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "flex-end", gap: 8 }, children: [
-      /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1, minWidth: 0 }, children: [
+  return /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+    /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "flex-end", gap: 8 }, children: [
+      /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ s("span", { style: { fontSize: 12, color: "#2E3236", fontFamily: "var(--font-sans)" }, children: "Min From" }),
         /* @__PURE__ */ s(
           "input",
           {
-            type: S,
-            inputMode: v,
+            type: w,
+            inputMode: S,
             step: a,
             placeholder: b,
-            value: n,
+            value: r,
             onChange: (C) => d(C.target.value),
             style: k
           }
         )
       ] }),
       /* @__PURE__ */ s("span", { style: { fontSize: 12, fontWeight: 600, color: "#323232", paddingBottom: 8, fontFamily: "var(--font-sans)" }, children: "to" }),
-      /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ s("span", { style: { fontSize: 12, color: "#2E3236", fontFamily: "var(--font-sans)" }, children: "Max" }),
         /* @__PURE__ */ s(
           "input",
           {
-            type: S,
-            inputMode: v,
+            type: w,
+            inputMode: S,
             step: a,
             placeholder: b,
             value: l,
@@ -375,7 +375,7 @@ function bt({
         )
       ] })
     ] }),
-    B && /* @__PURE__ */ m(
+    T && /* @__PURE__ */ h(
       "span",
       {
         style: {
@@ -385,129 +385,132 @@ function bt({
         },
         children: [
           "Enter durations in ",
-          B === "sec" ? "seconds" : B
+          T === "sec" ? "seconds" : T
         ]
       }
     )
   ] });
 }
-function _n({ column: n, columnId: l, filterType: d = "text", position: f, popoverRef: S, distinctValues: v, initialValue: a, onApply: b, onCancel: B, onSearch: k = null, searchMinChars: C = 3 }) {
-  const z = d === "text", L = d === "number", D = d === "date", w = d === "duration", N = d === "score", H = /duration/i.test(String((n == null ? void 0 : n.label) || l || "")), E = ge(() => {
-    if (!N || !Array.isArray(v) || v.length === 0)
+function or({ column: r, columnId: l, filterType: d = "text", position: f, popoverRef: w, distinctValues: S, initialValue: a, onApply: b, onCancel: T, onSearch: k = null, searchMinChars: C = 3 }) {
+  const z = d === "text", H = d === "number", D = d === "date", v = d === "duration", $ = d === "score", L = /duration/i.test(String((r == null ? void 0 : r.label) || l || "")), B = oe(() => {
+    if (!$ || !Array.isArray(S) || S.length === 0)
       return !1;
-    let p = 1 / 0, h = -1 / 0;
-    for (const y of v) {
-      const F = St(y);
-      Number.isFinite(F) && (F < p && (p = F), F > h && (h = F));
+    let p = 1 / 0, m = -1 / 0;
+    for (const g of S) {
+      const F = zt(g);
+      Number.isFinite(F) && (F < p && (p = F), F > m && (m = F));
     }
-    return Number.isFinite(p) && Number.isFinite(h) && p >= 0 && h <= 5;
-  }, [N, v]), [M, ae] = g(
+    return Number.isFinite(p) && Number.isFinite(m) && p >= 0 && m <= 5;
+  }, [$, S]), [A, ce] = y(
     () => z ? new Set(Array.isArray(a) ? a : []) : /* @__PURE__ */ new Set()
-  ), [ye, Y] = g(""), [O, oe] = g(() => L && (a == null ? void 0 : a.type) === "range" && a.min != null ? a.min : ""), [Z, K] = g(() => L && (a == null ? void 0 : a.type) === "range" && a.max != null ? a.max : ""), [X, xe] = g(/* @__PURE__ */ new Set()), [V, te] = g(
-    () => w && (a == null ? void 0 : a.type) === "durationRange" && a.minSec != null && a.minSec !== "" ? String(a.minSec) : ""
-  ), [be, ne] = g(
-    () => w && (a == null ? void 0 : a.type) === "durationRange" && a.maxSec != null && a.maxSec !== "" ? String(a.maxSec) : ""
-  ), [ce, ke] = g(
-    () => N && (a == null ? void 0 : a.type) === "scoreRange" && Array.isArray(a.values) ? new Set(a.values) : /* @__PURE__ */ new Set()
-  ), [We, Q] = g(
-    () => N && (a == null ? void 0 : a.type) === "scoreRange" && a.min != null && a.min !== "" ? String(a.min) : ""
-  ), [W, se] = g(
-    () => N && (a == null ? void 0 : a.type) === "scoreRange" && a.max != null && a.max !== "" ? String(a.max) : ""
-  ), [re, de] = g(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.from || ""), [G, De] = g(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.to || "");
-  I(() => {
-    z && ae(new Set(Array.isArray(a) ? a : []));
+  ), [ge, G] = y(""), [Z, J] = y(() => H && (a == null ? void 0 : a.type) === "range" && a.min != null ? a.min : ""), [V, ie] = y(() => H && (a == null ? void 0 : a.type) === "range" && a.max != null ? a.max : ""), [E, de] = y(/* @__PURE__ */ new Set()), [se, P] = y(
+    () => v && (a == null ? void 0 : a.type) === "durationRange" && a.minSec != null && a.minSec !== "" ? String(a.minSec) : ""
+  ), [q, ue] = y(
+    () => v && (a == null ? void 0 : a.type) === "durationRange" && a.maxSec != null && a.maxSec !== "" ? String(a.maxSec) : ""
+  ), [fe, qe] = y(
+    () => $ && (a == null ? void 0 : a.type) === "scoreRange" && Array.isArray(a.values) ? new Set(a.values) : /* @__PURE__ */ new Set()
+  ), [je, Re] = y(
+    () => $ && (a == null ? void 0 : a.type) === "scoreRange" && a.min != null && a.min !== "" ? String(a.min) : ""
+  ), [ye, ze] = y(
+    () => $ && (a == null ? void 0 : a.type) === "scoreRange" && a.max != null && a.max !== "" ? String(a.max) : ""
+  ), [Ze, Y] = y(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.from || ""), [I, ee] = y(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.to || "");
+  j(() => {
+    z && ce(new Set(Array.isArray(a) ? a : []));
   }, [l, z]);
-  const [Ce, Ae] = g(null), [A, ue] = g(!1), Se = U(0), ee = ye.trim(), we = z && typeof k == "function" && ee.length >= C;
-  I(() => {
+  const [He, te] = y(null), [xe, X] = y(!1), be = K(0), ne = ge.trim(), Ve = z && typeof k == "function" && ne.length >= C;
+  j(() => {
     if (!z || typeof k != "function")
       return;
-    if (ee.length < C) {
-      Ae(null), ue(!1);
+    if (ne.length < C) {
+      te(null), X(!1);
       return;
     }
-    const p = ++Se.current;
-    ue(!0);
-    const h = setTimeout(async () => {
+    const p = ++be.current;
+    X(!0);
+    const m = setTimeout(async () => {
       try {
-        const y = await k(ee);
-        if (p !== Se.current)
+        const g = await k(ne);
+        if (p !== be.current)
           return;
-        const F = Array.isArray(y) ? y.map((T) => T && typeof T == "object" ? T.label ?? T.value : T).filter((T) => T != null && T !== "").map(String) : [];
-        Ae(F);
+        const F = Array.isArray(g) ? g.map((M) => M && typeof M == "object" ? M.label ?? M.value : M).filter((M) => M != null && M !== "").map(String) : [];
+        te(F);
       } catch {
-        p === Se.current && Ae([]);
+        p === be.current && te([]);
       } finally {
-        p === Se.current && ue(!1);
+        p === be.current && X(!1);
       }
     }, 300);
-    return () => clearTimeout(h);
-  }, [z, k, ee, C]);
-  const ve = ge(() => {
-    const p = ee.toLowerCase(), h = we ? Ce || [] : p ? v.filter((F) => String(F).toLowerCase().includes(p)) : v, y = /* @__PURE__ */ new Map();
-    for (const F of h)
-      y.set(String(F), F);
-    for (const F of M)
-      y.set(String(F), F);
-    return Array.from(y.values()).sort((F, T) => {
-      const fe = M.has(F), Pe = M.has(T);
-      return fe !== Pe ? fe ? -1 : 1 : String(F).localeCompare(String(T));
+    return () => clearTimeout(m);
+  }, [z, k, ne, C]);
+  const N = oe(() => {
+    const p = ne.toLowerCase(), m = Ve ? He || [] : p ? S.filter((F) => String(F).toLowerCase().includes(p)) : S, g = /* @__PURE__ */ new Map();
+    for (const F of m)
+      g.set(String(F), F);
+    for (const F of A)
+      g.set(String(F), F);
+    return Array.from(g.values()).sort((F, M) => {
+      const Se = String(F) === "NA", Ee = String(M) === "NA";
+      if (Se !== Ee)
+        return Se ? -1 : 1;
+      const re = A.has(F), Me = A.has(M);
+      return re !== Me ? re ? -1 : 1 : String(F).localeCompare(String(M));
     });
-  }, [v, ee, M, we, Ce]), Oe = (p) => {
-    ae((h) => {
-      const y = new Set(h);
-      return y.has(p) ? y.delete(p) : y.add(p), y;
+  }, [S, ne, A, Ve, He]), ve = (p) => {
+    ce((m) => {
+      const g = new Set(m);
+      return g.has(p) ? g.delete(p) : g.add(p), g;
     });
-  }, it = () => {
-    z && ae(/* @__PURE__ */ new Set()), L && (oe(""), K("")), w && (xe(/* @__PURE__ */ new Set()), te(""), ne("")), N && (ke(/* @__PURE__ */ new Set()), Q(""), se("")), D && (de(""), De("")), Y("");
-  }, Te = (p) => {
-    xe((h) => {
-      const y = new Set(h);
-      return y.has(p) ? y.delete(p) : y.add(p), y;
+  }, et = () => {
+    z && ce(/* @__PURE__ */ new Set()), H && (J(""), ie("")), v && (de(/* @__PURE__ */ new Set()), P(""), ue("")), $ && (qe(/* @__PURE__ */ new Set()), Re(""), ze("")), D && (Y(""), ee("")), G("");
+  }, Be = (p) => {
+    de((m) => {
+      const g = new Set(m);
+      return g.has(p) ? g.delete(p) : g.add(p), g;
     });
-  }, $e = (p) => {
-    ke((h) => {
-      const y = new Set(h);
-      return y.has(p) ? y.delete(p) : y.add(p), y;
+  }, we = (p) => {
+    qe((m) => {
+      const g = new Set(m);
+      return g.has(p) ? g.delete(p) : g.add(p), g;
     });
-  }, Le = () => {
+  }, Fe = () => {
     if (z)
-      return b(Array.from(M));
-    if (L)
-      return b({ type: "range", min: O === "" ? "" : Number(O), max: Z === "" ? "" : Number(Z) });
-    if (w) {
-      const p = Lt(V), h = Lt(be), y = p != null || h != null;
-      let F = "", T = "";
-      if (y)
-        F = p ?? "", T = h ?? "";
-      else if (X.size > 0) {
-        const fe = $t.filter((q) => X.has(q.id));
-        F = Math.min(...fe.map((q) => q.minSec)), T = fe.some((q) => q.maxSec == null) ? "" : Math.max(...fe.map((q) => q.maxSec));
+      return b(Array.from(A));
+    if (H)
+      return b({ type: "range", min: Z === "" ? "" : Number(Z), max: V === "" ? "" : Number(V) });
+    if (v) {
+      const p = Yt(se), m = Yt(q), g = p != null || m != null;
+      let F = "", M = "";
+      if (g)
+        F = p ?? "", M = m ?? "";
+      else if (E.size > 0) {
+        const Se = Jt.filter((re) => E.has(re.id));
+        F = Math.min(...Se.map((re) => re.minSec)), M = Se.some((re) => re.maxSec == null) ? "" : Math.max(...Se.map((re) => re.maxSec));
       }
-      return b({ type: "durationRange", minSec: F, maxSec: T });
+      return b({ type: "durationRange", minSec: F, maxSec: M });
     }
-    if (N) {
-      const p = We === "" ? null : Number(We), h = W === "" ? null : Number(W);
-      return p != null || h != null ? b({
+    if ($) {
+      const p = je === "" ? null : Number(je), m = ye === "" ? null : Number(ye);
+      return p != null || m != null ? b({
         type: "scoreRange",
         values: [],
         min: p != null && Number.isFinite(p) ? p : "",
-        max: h != null && Number.isFinite(h) ? h : ""
+        max: m != null && Number.isFinite(m) ? m : ""
       }) : b({
         type: "scoreRange",
-        values: Array.from(ce).sort((F, T) => F - T),
+        values: Array.from(fe).sort((F, M) => F - M),
         min: "",
         max: ""
       });
     }
     if (D)
-      return b({ type: "dateRange", from: re, to: G });
+      return b({ type: "dateRange", from: Ze, to: I });
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     "div",
     {
-      ref: S,
+      ref: w,
       role: "dialog",
-      "aria-label": `Filter ${n.label || l}`,
+      "aria-label": `Filter ${r.label || l}`,
       style: {
         position: "fixed",
         top: f.top,
@@ -525,7 +528,7 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
         fontFamily: "var(--font-sans)"
       },
       children: [
-        z && /* @__PURE__ */ m(Fe, { children: [
+        z && /* @__PURE__ */ h(Ce, { children: [
           /* @__PURE__ */ s(
             "div",
             {
@@ -537,7 +540,7 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                 display: "flex",
                 alignItems: "center"
               },
-              children: /* @__PURE__ */ m(
+              children: /* @__PURE__ */ h(
                 "div",
                 {
                   style: {
@@ -551,14 +554,14 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                     padding: "0 8px"
                   },
                   children: [
-                    /* @__PURE__ */ s(Cn, { size: 16, color: "#989898", strokeWidth: 2 }),
+                    /* @__PURE__ */ s(_n, { size: 16, color: "#989898", strokeWidth: 2 }),
                     /* @__PURE__ */ s(
                       "input",
                       {
                         autoFocus: !0,
                         type: "text",
-                        value: ye,
-                        onChange: (p) => Y(p.target.value),
+                        value: ge,
+                        onChange: (p) => G(p.target.value),
                         placeholder: "Search",
                         style: {
                           flex: 1,
@@ -577,9 +580,9 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
               )
             }
           ),
-          /* @__PURE__ */ s("div", { style: { maxHeight: 220, overflowY: "auto", display: "flex", flexDirection: "column", gap: 4 }, children: typeof k == "function" && ee.length > 0 && ee.length < C ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: `Type at least ${C} characters to search` }) : A ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "Searching…" }) : ve.length === 0 ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "No values" }) : ve.map((p) => {
-            const h = M.has(p);
-            return /* @__PURE__ */ m(
+          /* @__PURE__ */ s("div", { style: { maxHeight: 220, overflowY: "auto", display: "flex", flexDirection: "column", gap: 4 }, children: typeof k == "function" && ne.length > 0 && ne.length < C ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: `Type at least ${C} characters to search` }) : xe ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "Searching…" }) : N.length === 0 ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "No values" }) : N.map((p) => {
+            const m = A.has(p);
+            return /* @__PURE__ */ h(
               "label",
               {
                 style: {
@@ -601,19 +604,19 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                         display: "inline-flex",
                         alignItems: "center",
                         justifyContent: "center",
-                        background: h ? "#0B0B0B" : "#FFFFFF",
-                        border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
+                        background: m ? "#0B0B0B" : "#FFFFFF",
+                        border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                         flexShrink: 0
                       },
-                      children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                      children: m && /* @__PURE__ */ s(Qe, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                     }
                   ),
                   /* @__PURE__ */ s(
                     "input",
                     {
                       type: "checkbox",
-                      checked: h,
-                      onChange: () => Oe(p),
+                      checked: m,
+                      onChange: () => ve(p),
                       style: { position: "absolute", opacity: 0, pointerEvents: "none" },
                       tabIndex: -1
                     }
@@ -621,8 +624,8 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                   /* @__PURE__ */ s(
                     "span",
                     {
-                      onClick: (y) => {
-                        y.preventDefault(), Oe(p);
+                      onClick: (g) => {
+                        g.preventDefault(), ve(p);
                       },
                       style: {
                         fontSize: 14,
@@ -642,34 +645,34 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
             );
           }) })
         ] }),
-        L && /* @__PURE__ */ m(Fe, { children: [
-          /* @__PURE__ */ s(xt, { children: n.label || "Filter" }),
+        H && /* @__PURE__ */ h(Ce, { children: [
+          /* @__PURE__ */ s(Dt, { children: r.label || "Filter" }),
           /* @__PURE__ */ s(
-            bt,
+            Ct,
             {
-              minValue: O,
-              maxValue: Z,
-              onMinChange: oe,
-              onMaxChange: K,
-              placeholder: H ? "00" : "0.0",
-              unit: H ? "sec" : void 0
+              minValue: Z,
+              maxValue: V,
+              onMinChange: J,
+              onMaxChange: ie,
+              placeholder: L ? "00" : "0.0",
+              unit: L ? "sec" : void 0
             }
           )
         ] }),
-        w && /* @__PURE__ */ m(Fe, { children: [
-          /* @__PURE__ */ s(xt, { children: n.label || "Duration" }),
-          n.filterShowPresets === !0 && /* @__PURE__ */ m(Fe, { children: [
-            /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: $t.map((p) => {
-              const h = X.has(p.id);
-              return /* @__PURE__ */ m(
+        v && /* @__PURE__ */ h(Ce, { children: [
+          /* @__PURE__ */ s(Dt, { children: r.label || "Duration" }),
+          r.filterShowPresets === !0 && /* @__PURE__ */ h(Ce, { children: [
+            /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: Jt.map((p) => {
+              const m = E.has(p.id);
+              return /* @__PURE__ */ h(
                 "div",
                 {
                   role: "checkbox",
-                  "aria-checked": h,
+                  "aria-checked": m,
                   tabIndex: 0,
-                  onClick: () => Te(p.id),
-                  onKeyDown: (y) => {
-                    (y.key === " " || y.key === "Enter") && (y.preventDefault(), Te(p.id));
+                  onClick: () => Be(p.id),
+                  onKeyDown: (g) => {
+                    (g.key === " " || g.key === "Enter") && (g.preventDefault(), Be(p.id));
                   },
                   style: {
                     display: "flex",
@@ -689,11 +692,11 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                           display: "inline-flex",
                           alignItems: "center",
                           justifyContent: "center",
-                          background: h ? "#0B0B0B" : "#FFFFFF",
-                          border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
+                          background: m ? "#0B0B0B" : "#FFFFFF",
+                          border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                           flexShrink: 0
                         },
-                        children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                        children: m && /* @__PURE__ */ s(Qe, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                       }
                     ),
                     /* @__PURE__ */ s(
@@ -730,12 +733,12 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
             )
           ] }),
           /* @__PURE__ */ s(
-            bt,
+            Ct,
             {
-              minValue: V,
-              maxValue: be,
-              onMinChange: te,
-              onMaxChange: ne,
+              minValue: se,
+              maxValue: q,
+              onMinChange: P,
+              onMaxChange: ue,
               inputType: "number",
               inputMode: "numeric",
               placeholder: "00",
@@ -743,20 +746,20 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
             }
           )
         ] }),
-        N && /* @__PURE__ */ m(Fe, { children: [
-          /* @__PURE__ */ s(xt, { children: n.label || "Score" }),
-          E && n.filterShowPresets === !0 && /* @__PURE__ */ m(Fe, { children: [
+        $ && /* @__PURE__ */ h(Ce, { children: [
+          /* @__PURE__ */ s(Dt, { children: r.label || "Score" }),
+          B && r.filterShowPresets === !0 && /* @__PURE__ */ h(Ce, { children: [
             /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [1, 2, 3, 4, 5].map((p) => {
-              const h = ce.has(p);
-              return /* @__PURE__ */ m(
+              const m = fe.has(p);
+              return /* @__PURE__ */ h(
                 "div",
                 {
                   role: "checkbox",
-                  "aria-checked": h,
+                  "aria-checked": m,
                   tabIndex: 0,
-                  onClick: () => $e(p),
-                  onKeyDown: (y) => {
-                    (y.key === " " || y.key === "Enter") && (y.preventDefault(), $e(p));
+                  onClick: () => we(p),
+                  onKeyDown: (g) => {
+                    (g.key === " " || g.key === "Enter") && (g.preventDefault(), we(p));
                   },
                   style: {
                     display: "flex",
@@ -776,11 +779,11 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                           display: "inline-flex",
                           alignItems: "center",
                           justifyContent: "center",
-                          background: h ? "#0B0B0B" : "#FFFFFF",
-                          border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
+                          background: m ? "#0B0B0B" : "#FFFFFF",
+                          border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                           flexShrink: 0
                         },
-                        children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                        children: m && /* @__PURE__ */ s(Qe, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                       }
                     ),
                     /* @__PURE__ */ s(
@@ -802,7 +805,7 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
             }) }),
             /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } })
           ] }),
-          E && n.filterShowPresets === !0 && /* @__PURE__ */ s(
+          B && r.filterShowPresets === !0 && /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -817,37 +820,37 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
             }
           ),
           /* @__PURE__ */ s(
-            bt,
+            Ct,
             {
-              minValue: We,
-              maxValue: W,
-              onMinChange: Q,
-              onMaxChange: se,
+              minValue: je,
+              maxValue: ye,
+              onMinChange: Re,
+              onMaxChange: ze,
               step: "0.1"
             }
           )
         ] }),
         D && /* @__PURE__ */ s(
-          jn,
+          rr,
           {
             leftLabel: "From",
             rightLabel: "To",
-            leftValue: re,
-            rightValue: G,
-            onLeftChange: de,
-            onRightChange: De,
+            leftValue: Ze,
+            rightValue: I,
+            onLeftChange: Y,
+            onRightChange: ee,
             type: "date",
             placeholderLeft: "",
             placeholderRight: ""
           }
         ),
         /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: it,
+              onClick: et,
               style: {
                 background: "transparent",
                 border: "none",
@@ -858,14 +861,14 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                 color: "#323232",
                 fontFamily: "var(--font-sans)"
               },
-              children: w && n.filterShowPresets === !0 || N && E && n.filterShowPresets === !0 ? "View All" : "Reset"
+              children: v && r.filterShowPresets === !0 || $ && B && r.filterShowPresets === !0 ? "View All" : "Reset"
             }
           ),
           /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: Le,
+              onClick: Fe,
               style: {
                 background: "#0B0B0B",
                 color: "#FFFFFF",
@@ -886,60 +889,60 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
     }
   );
 }
-const Hn = () => ({ userData: { email: "anonymous" } }), Kn = (n) => /* @__PURE__ */ s("img", { ...n });
-function Un({
-  children: n,
+const sr = () => ({ userData: { email: "anonymous" } }), ir = (r) => /* @__PURE__ */ s("img", { ...r });
+function lr({
+  children: r,
   content: l,
   direction: d = "top",
   align: f = "center",
-  styling: S,
-  indicatorColor: v
+  styling: w,
+  indicatorColor: S
 }) {
-  const a = typeof l == "string" ? l : l != null ? String(l) : "", b = typeof v == "string" && (v.startsWith("#") || v.startsWith("rgb") || v.startsWith("hsl") || v.startsWith("var(")) ? v : "var(--Grey-Strong, #2E3236)", [B, k] = g(!1), [C, z] = g(!1), [L, D] = g({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), w = U(null), N = U(null);
+  const a = typeof l == "string" ? l : l != null ? String(l) : "", b = typeof S == "string" && (S.startsWith("#") || S.startsWith("rgb") || S.startsWith("hsl") || S.startsWith("var(")) ? S : "var(--Grey-Strong, #2E3236)", [T, k] = y(!1), [C, z] = y(!1), [H, D] = y({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), v = K(null), $ = K(null);
   if (!a)
-    return n;
-  I(() => {
+    return r;
+  j(() => {
     z(!0);
   }, []);
-  const H = P(() => {
-    if (!w.current || !N.current || typeof window > "u")
+  const L = O(() => {
+    if (!v.current || !$.current || typeof window > "u")
       return;
-    const E = w.current.getBoundingClientRect(), M = N.current.getBoundingClientRect(), ae = window.innerWidth, ye = window.innerHeight, Y = 8, O = 10, oe = M.width, Z = M.height, K = E.top, X = ye - E.bottom, xe = d === "bottom" ? "bottom" : "top";
-    let V = xe;
-    xe === "top" && K < Z + O + Y && X > K ? V = "bottom" : xe === "bottom" && X < Z + O + Y && K > X && (V = "top");
-    let te = E.left + E.width / 2;
-    f === "start" && (te = E.left), f === "end" && (te = E.right);
-    let be = V === "top" ? E.top - Z - O : E.bottom + O, ne = f === "start" ? te : f === "end" ? te - oe : te - oe / 2;
-    be = Math.max(Y, Math.min(be, ye - Z - Y)), ne = Math.max(Y, Math.min(ne, ae - oe - Y));
-    const ce = Math.max(10, Math.min(te - ne, oe - 10));
-    D({ top: be, left: ne, arrowLeft: ce, placement: V });
+    const B = v.current.getBoundingClientRect(), A = $.current.getBoundingClientRect(), ce = window.innerWidth, ge = window.innerHeight, G = 8, Z = 10, J = A.width, V = A.height, ie = B.top, E = ge - B.bottom, de = d === "bottom" ? "bottom" : "top";
+    let se = de;
+    de === "top" && ie < V + Z + G && E > ie ? se = "bottom" : de === "bottom" && E < V + Z + G && ie > E && (se = "top");
+    let P = B.left + B.width / 2;
+    f === "start" && (P = B.left), f === "end" && (P = B.right);
+    let q = se === "top" ? B.top - V - Z : B.bottom + Z, ue = f === "start" ? P : f === "end" ? P - J : P - J / 2;
+    q = Math.max(G, Math.min(q, ge - V - G)), ue = Math.max(G, Math.min(ue, ce - J - G));
+    const fe = Math.max(10, Math.min(P - ue, J - 10));
+    D({ top: q, left: ue, arrowLeft: fe, placement: se });
   }, [f, d]);
-  return I(() => {
-    if (!B || !C)
+  return j(() => {
+    if (!T || !C)
       return;
-    H();
-    const E = () => H();
-    return window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
-      window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
+    L();
+    const B = () => L();
+    return window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), () => {
+      window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0);
     };
-  }, [B, C, H]), /* @__PURE__ */ m(
+  }, [T, C, L]), /* @__PURE__ */ h(
     "span",
     {
-      ref: w,
+      ref: v,
       style: { display: "block", width: "100%" },
       onMouseEnter: () => k(!0),
       onMouseLeave: () => k(!1),
       children: [
-        n,
-        B && C && vt(
-          /* @__PURE__ */ m(
+        r,
+        T && C && Rt(
+          /* @__PURE__ */ h(
             "span",
             {
-              ref: N,
+              ref: $,
               style: {
                 position: "fixed",
-                top: `${L.top}px`,
-                left: `${L.left}px`,
+                top: `${H.top}px`,
+                left: `${H.left}px`,
                 background: "var(--Grey-Strong, #2E3236)",
                 color: "var(--Grey-White, #FFF)",
                 fontSize: "12px",
@@ -953,7 +956,7 @@ function Un({
                 boxShadow: "0 6px 18px rgba(0, 0, 0, 0.2)",
                 zIndex: 99999,
                 pointerEvents: "none",
-                ...typeof S == "object" ? S : {}
+                ...typeof w == "object" ? w : {}
               },
               children: [
                 a,
@@ -962,13 +965,13 @@ function Un({
                   {
                     style: {
                       position: "absolute",
-                      left: `${L.arrowLeft}px`,
+                      left: `${H.arrowLeft}px`,
                       transform: "translateX(-50%)",
                       width: 0,
                       height: 0,
                       borderLeft: "6px solid transparent",
                       borderRight: "6px solid transparent",
-                      ...L.placement === "top" ? {
+                      ...H.placement === "top" ? {
                         top: "100%",
                         borderTop: `7px solid ${b}`
                       } : {
@@ -987,21 +990,21 @@ function Un({
     }
   );
 }
-function rr({
-  data: n = [],
+function br({
+  data: r = [],
   columns: l = [],
   initialPageSize: d = 10,
   onRowClick: f,
   // Server-side pagination props (optional)
-  totalCount: S = null,
+  totalCount: w = null,
   // Total count from server (null = use client-side pagination)
-  page: v = null,
+  page: S = null,
   // Controlled page (null = use internal state)
   pageSize: a = null,
   // Controlled pageSize (null = use internal state)
   onPageChange: b = null,
   // Callback for page changes (null = use internal state)
-  onPageSizeChange: B = null,
+  onPageSizeChange: T = null,
   // Callback for pageSize changes (null = use internal state)
   onFilterChange: k = null,
   // Callback for filter changes (null = use client-side filtering)
@@ -1010,48 +1013,58 @@ function rr({
   // Optional callback to surface column limit errors to host app
   onMaxColumnsError: z = null,
   // Server-side sorting props (optional)
-  onSort: L = null,
+  onSort: H = null,
   // Callback for sort changes (null = use client-side sorting)
   sortFields: D = [],
   // Array of [field, direction] tuples from parent (null = use internal state)
-  tableId: w = null,
+  tableId: v = null,
   // Optional unique identifier for localStorage persistence (e.g., "history", "agents")
-  isLoading: N = !1,
+  isLoading: $ = !1,
   // Loading state to show overlay inside table
   // Filter props (optional)
-  filtersConfig: H = null,
+  filtersConfig: L = null,
   // Top toolbar filter config (chips/date/export). Note: this is different from `columnFilters` for inline header inputs.
   // Column resize (optional) — min/max in px; columns may override with column.minWidth / column.maxWidth
-  columnResizeMinWidth: E = 120,
-  columnResizeMaxWidth: M = 280,
+  columnResizeMinWidth: B = 120,
+  columnResizeMaxWidth: A = 280,
   // Fires whenever the user-visible column set changes. Useful for hosts that
   // want to scope a CSV export, etc., to whatever the user has selected.
   // Receives an array of column ids (excluding the action column).
-  onVisibleColumnsChange: ae = null,
+  onVisibleColumnsChange: ce = null,
   // When true, hides the "Columns" picker button in the toolbar. The
   // surrounding toolbar wrapper is also skipped if no other toolbar content
   // (e.g. `filtersConfig`) is configured.
-  hideColumnPicker: ye = !1
+  hideColumnPicker: ge = !1,
+  // Row selection (opt-in). When `selectable` is true a leading checkbox
+  // column is rendered outside the reorderable/persisted column system, so it
+  // is always visible and unaffected by the column picker or saved prefs.
+  // Selection is controlled by the host: pass `selectedRowIds` (array of ids)
+  // and handle `onSelectionChange(nextIdsArray)`. `getRowId` resolves a row's
+  // id (defaults to `row.id`).
+  selectable: G = !1,
+  selectedRowIds: Z = null,
+  onSelectionChange: J = null,
+  getRowId: V = null
 }) {
-  var Wt;
-  const { userData: Y } = Hn(), O = (Y == null ? void 0 : Y.email) || "anonymous", oe = ht.memo(({ children: e, content: t, className: r = "" }) => {
-    const i = U(null), [o, u] = g(!1);
-    I(() => {
+  var Kt;
+  const { userData: ie } = sr(), E = (ie == null ? void 0 : ie.email) || "anonymous", de = wt.memo(({ children: e, content: t, className: o = "" }) => {
+    const i = K(null), [n, u] = y(!1);
+    j(() => {
       const x = () => {
         if (i.current) {
-          const _ = i.current.scrollWidth > i.current.clientWidth;
-          u(_);
+          const U = i.current.scrollWidth > i.current.clientWidth;
+          u(U);
         }
       };
       x();
-      const j = setTimeout(x, 0);
+      const W = setTimeout(x, 0);
       return window.addEventListener("resize", x), () => {
-        clearTimeout(j), window.removeEventListener("resize", x);
+        clearTimeout(W), window.removeEventListener("resize", x);
       };
     }, [e, t]);
-    const c = /* @__PURE__ */ s("span", { className: `truncate block ${r}`, ref: i, children: e });
-    return o && t ? /* @__PURE__ */ s(
-      Un,
+    const c = /* @__PURE__ */ s("span", { className: `truncate block ${o}`, ref: i, children: e });
+    return n && t ? /* @__PURE__ */ s(
+      lr,
       {
         content: t,
         styling: "bg-green-2 text-gray-900 px-3 py-2 text-sm rounded-lg shadow-md border border-gray-300 max-w-xs whitespace-normal",
@@ -1061,160 +1074,160 @@ function rr({
       }
     ) : c;
   });
-  oe.displayName = "TruncatedCell";
-  const Z = S !== null && b !== null, K = k !== null, X = L !== null, [xe, V] = g(1), [te, be] = g(d), ne = v !== null ? v : xe, ce = a !== null ? a : te, ke = (e) => {
-    b ? b(e) : V(e);
-  }, We = (e) => {
-    B ? B(e) : be(e);
-  }, Q = 50, W = "action", se = U(!1), re = ge(() => w ? `dataTable_columns_${w}:${O}` : `dataTable_columns_${l.map((t) => t.id || t.key).sort().join("_")}:${O}`, [w, l, O]), de = ge(() => w ? `dataTable_manual_change_${w}:${O}` : null, [w, O]);
-  P((e, t) => {
+  de.displayName = "TruncatedCell";
+  const se = w !== null && b !== null, P = k !== null, q = H !== null, [ue, fe] = y(1), [qe, je] = y(d), Re = S !== null ? S : ue, ye = a !== null ? a : qe, ze = (e) => {
+    b ? b(e) : fe(e);
+  }, Ze = (e) => {
+    T ? T(e) : je(e);
+  }, Y = 50, I = "action", ee = K(!1), He = K(null), te = oe(() => v ? `dataTable_columns_${v}:${E}` : `dataTable_columns_${l.map((t) => t.id || t.key).sort().join("_")}:${E}`, [v, l, E]), xe = oe(() => v ? `dataTable_manual_change_${v}:${E}` : null, [v, E]);
+  O((e, t) => {
     if (typeof window > "u" || !e || !t || t.length === 0)
       return null;
     try {
-      const r = localStorage.getItem(e);
-      if (r) {
-        const o = JSON.parse(r).filter(
+      const o = localStorage.getItem(e);
+      if (o) {
+        const n = JSON.parse(o).filter(
           (u) => t.some((c) => (c.id || c.key) === u)
         );
-        if (o.length > 0)
-          return o;
+        if (n.length > 0)
+          return n;
       }
-    } catch (r) {
-      console.warn("Failed to load saved columns from localStorage:", r);
+    } catch (o) {
+      console.warn("Failed to load saved columns from localStorage:", o);
     }
     return null;
   }, []);
-  const [G, De] = g({}), [Ce, Ae] = g(""), [A, ue] = g(null), [Se, ee] = g({ top: 0, left: 0 }), we = U(null), ve = U({}), [Oe, it] = g(null), [Te, $e] = g("asc"), Le = P((e, t) => {
-    const r = Ue(t);
-    De((i) => {
-      const o = { ...i };
-      return r ? o[e] = t : delete o[e], o;
-    }), b ? b(1) : V(1), K && k && k(
-      r ? { ...G, [e]: t } : Object.fromEntries(Object.entries(G).filter(([i]) => i !== e))
+  const [X, be] = y({}), [ne, Ve] = y(""), [N, ve] = y(null), [et, Be] = y({ top: 0, left: 0 }), we = K(null), Fe = K({}), [p, m] = y(null), [g, F] = y("asc"), M = O((e, t) => {
+    const o = Ye(t);
+    be((i) => {
+      const n = { ...i };
+      return o ? n[e] = t : delete n[e], n;
+    }), b ? b(1) : fe(1), P && k && k(
+      o ? { ...X, [e]: t } : Object.fromEntries(Object.entries(X).filter(([i]) => i !== e))
     );
-  }, [G, k, K, b]), p = P(() => {
-    De({}), Ae(""), b ? b(1) : V(1), K && k && k({});
-  }, [k, K, b]), h = P((e) => {
-    const t = l.find((o) => (o.id || o.key) === e);
+  }, [X, k, P, b]), Se = O(() => {
+    be({}), Ve(""), b ? b(1) : fe(1), P && k && k({});
+  }, [k, P, b]), Ee = O((e) => {
+    const t = l.find((n) => (n.id || n.key) === e);
     if (t && Array.isArray(t.filterOptions)) {
-      const o = /* @__PURE__ */ new Set(), u = [];
+      const n = /* @__PURE__ */ new Set(), u = [];
       for (const c of t.filterOptions) {
         if (c == null || c === "")
           continue;
         const x = typeof c == "object" ? JSON.stringify(c) : String(c);
-        o.has(x) || (o.add(x), u.push(x));
+        n.has(x) || (n.add(x), u.push(x));
       }
       return u.sort((c, x) => c.localeCompare(x));
     }
-    if (!n || n.length === 0)
+    if (!r || r.length === 0)
       return [];
-    const r = /* @__PURE__ */ new Set(), i = [];
-    for (const o of n) {
-      const u = o[e];
+    const o = /* @__PURE__ */ new Set(), i = [];
+    for (const n of r) {
+      const u = n[e];
       if (u == null)
         continue;
       const c = typeof u == "object" ? JSON.stringify(u) : String(u);
-      r.has(c) || (r.add(c), i.push(c));
+      o.has(c) || (o.add(c), i.push(c));
     }
-    return i.sort((o, u) => o.localeCompare(u));
-  }, [n, l]), y = P((e) => {
-    const t = l.find((r) => J(r) === e);
-    return t && t.filterType ? t.filterType : Tn(h(e));
-  }, [l, h]), F = P((e) => {
+    return i.sort((n, u) => n.localeCompare(u));
+  }, [r, l]), re = O((e) => {
+    const t = l.find((o) => Q(o) === e);
+    return t && t.filterType ? t.filterType : Zn(Ee(e));
+  }, [l, Ee]), Me = O((e) => {
     const i = typeof window < "u" ? window.innerWidth : 1 / 0;
-    let o = e.left;
-    return o + 280 > i - 8 && (o = Math.max(8, e.right - 280)), { top: e.bottom + 6, left: o };
-  }, []), T = P((e, t) => {
+    let n = e.left;
+    return n + 280 > i - 8 && (n = Math.max(8, e.right - 280)), { top: e.bottom + 6, left: n };
+  }, []), Qt = O((e, t) => {
     if (!t) {
-      ue(e);
+      ve(e);
       return;
     }
-    const r = t.getBoundingClientRect();
-    ee(F(r)), ue((i) => i === e ? null : e);
-  }, [F]);
-  I(() => {
-    if (!A)
+    const o = t.getBoundingClientRect();
+    Be(Me(o)), ve((i) => i === e ? null : e);
+  }, [Me]);
+  j(() => {
+    if (!N)
       return;
     const e = (t) => {
       if (we.current && we.current.contains(t.target))
         return;
-      const r = ve.current[A];
-      r && r.contains(t.target) || Object.values(ve.current).some(
-        (o) => o && o.contains(t.target)
-      ) || ue(null);
+      const o = Fe.current[N];
+      o && o.contains(t.target) || Object.values(Fe.current).some(
+        (n) => n && n.contains(t.target)
+      ) || ve(null);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [A]), I(() => {
-    if (!A)
+  }, [N]), j(() => {
+    if (!N)
       return;
     const e = () => {
-      const t = ve.current[A];
+      const t = Fe.current[N];
       if (!t)
         return;
-      const r = t.getBoundingClientRect();
-      ee(F(r));
+      const o = t.getBoundingClientRect();
+      Be(Me(o));
     };
     return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [A, F]), dn(() => {
-    if (!A)
+  }, [N, Me]), Dn(() => {
+    if (!N)
       return;
-    const e = we.current, t = ve.current[A];
+    const e = we.current, t = Fe.current[N];
     if (!e || !t)
       return;
-    const r = e.offsetWidth, i = t.getBoundingClientRect(), o = 8, u = typeof window < "u" ? window.innerWidth : 1 / 0;
-    if (!(i.left + r > u - o))
+    const o = e.offsetWidth, i = t.getBoundingClientRect(), n = 8, u = typeof window < "u" ? window.innerWidth : 1 / 0;
+    if (!(i.left + o > u - n))
       return;
-    const x = Math.max(o, i.right - r);
-    ee((j) => j.left === x ? j : { ...j, left: x });
-  }, [A, Se.top]);
-  const fe = P((e) => !e || typeof e != "object" ? {} : Object.fromEntries(
+    const x = Math.max(n, i.right - o);
+    Be((W) => W.left === x ? W : { ...W, left: x });
+  }, [N, et.top]);
+  const Bt = O((e) => !e || typeof e != "object" ? {} : Object.fromEntries(
     Object.entries(e).filter(([, t]) => t == null ? !1 : typeof t == "string" ? t.trim() !== "" : !0)
-  ), []), Pe = P((e, t) => {
-    const r = Object.keys(e || {}), i = Object.keys(t || {});
-    return r.length !== i.length ? !1 : r.every((o) => e[o] === t[o]);
+  ), []), Et = O((e, t) => {
+    const o = Object.keys(e || {}), i = Object.keys(t || {});
+    return o.length !== i.length ? !1 : o.every((n) => e[n] === t[n]);
   }, []);
-  I(() => {
-    if (!K || C === null)
+  j(() => {
+    if (!P || C === null)
       return;
-    const e = fe(C);
-    De((t) => Pe(t, e) ? t : e);
-  }, [K, C, fe, Pe]), P((e, t) => e === "csat_score" && t === "evaluation.csat_score" ? t : e, []);
-  const q = X && D.length > 0 ? D[0][0] : Oe, Xe = X && D.length > 0 ? D[0][1] : Te, [Xn, wt] = g(
+    const e = Bt(C);
+    be((t) => Et(t, e) ? t : e);
+  }, [P, C, Bt, Et]), O((e, t) => e === "csat_score" && t === "evaluation.csat_score" ? t : e, []);
+  const Ke = q && D.length > 0 ? D[0][0] : p, tt = q && D.length > 0 ? D[0][1] : g, [ar, Mt] = y(
     () => l.map((e) => e.id || e.key)
-  ), ie = P((e) => {
+  ), le = O((e) => {
     if (!e || e.length === 0)
       return e;
     let t = Array.from(new Set(e));
-    t.length > Q && (t = t.slice(0, Q));
-    const i = l.map((c) => c.id || c.key).includes(W);
-    return !t.includes(W) && i && (t.length >= Q ? t = [...t.slice(0, Q - 1), W] : t = [...t, W]), [...t.filter((c) => c !== W), W];
-  }, [l]), [$, Ie] = g(() => {
-    if (typeof window < "u" && w)
+    t.length > Y && (t = t.slice(0, Y));
+    const i = l.map((c) => c.id || c.key).includes(I);
+    return !t.includes(I) && i && (t.length >= Y ? t = [...t.slice(0, Y - 1), I] : t = [...t, I]), [...t.filter((c) => c !== I), I];
+  }, [l]), [_, Ae] = y(() => {
+    if (typeof window < "u" && v)
       try {
-        if (localStorage.getItem(`dataTable_manual_change_${w}:${O}`) === "true") {
-          const i = localStorage.getItem(`dataTable_columns_${w}:${O}`);
+        if (localStorage.getItem(`dataTable_manual_change_${v}:${E}`) === "true") {
+          const i = localStorage.getItem(`dataTable_columns_${v}:${E}`);
           if (i) {
-            const o = JSON.parse(i);
-            if (Array.isArray(o) && o.length > 0) {
-              se.current = !0;
-              const u = o.filter(
+            const n = JSON.parse(i);
+            if (Array.isArray(n) && n.length > 0) {
+              ee.current = !0;
+              const u = n.filter(
                 (c) => l.some((x) => (x.id || x.key) === c)
               );
               if (u.length > 0)
-                return u.slice(0, Q);
+                return u.slice(0, Y);
             }
           }
         }
-      } catch (r) {
-        console.warn("Failed to load saved columns from localStorage:", r);
+      } catch (o) {
+        console.warn("Failed to load saved columns from localStorage:", o);
       }
-    const t = l.map((r) => r.id || r.key).slice(0, Q);
-    return ie(t);
-  }), [le, lt] = g(!1), [pe, Re] = g([]), [Ft, Pt] = g({ top: 0, left: 0, width: 0 }), [Ge, ze] = g(/* @__PURE__ */ new Set()), [Je, Ee] = g(/* @__PURE__ */ new Set()), me = U({}), Ye = U(null);
-  Ye.current === null && (Ye.current = [...$]);
-  const [he, at] = g(null), [It, Qe] = g(null), Me = U(null), ct = U(null), dt = U(null), [kt, ut] = g(null), [ft, jt] = g({}), _t = U(null), qe = U(null), J = (e) => e.id || e.key, Ze = P((e) => {
+    const t = l.map((o) => o.id || o.key).slice(0, Y);
+    return le(t);
+  }), [ae, ht] = y(!1), [pe, Ne] = y([]), [At, qt] = y({ top: 0, left: 0, width: 0 }), [nt, We] = y(/* @__PURE__ */ new Set()), [rt, Oe] = y(/* @__PURE__ */ new Set()), he = K({}), ot = K(null);
+  ot.current === null && (ot.current = [..._]);
+  const [me, mt] = y(null), [Zt, st] = y(null), Te = K(null), gt = K(null), yt = K(null), [Nt, xt] = y(null), [bt, Vt] = y({}), en = K(null), it = K(null), Q = (e) => e.id || e.key, lt = O((e) => {
     if (typeof e == "number" && Number.isFinite(e))
       return e;
     if (typeof e == "string") {
@@ -1223,232 +1236,284 @@ function rr({
         const i = parseFloat(t);
         return Number.isFinite(i) ? i : null;
       }
-      const r = parseFloat(t);
-      return Number.isFinite(r) && `${r}` === t ? r : null;
+      const o = parseFloat(t);
+      return Number.isFinite(o) && `${o}` === t ? o : null;
     }
     return null;
-  }, []), Dt = P((e, t) => ft[e] != null ? `${ft[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [ft]), Ve = P((e) => {
-    if (!qe.current)
+  }, []), Wt = O((e, t) => bt[e] != null ? `${bt[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [bt]), at = O((e) => {
+    if (!it.current)
       return;
-    const { columnId: t, startX: r, startWidth: i, minWidth: o, maxWidth: u } = qe.current, c = e.clientX - r, x = Math.round(i + c), j = Math.min(u, Math.max(o, x));
-    jt((_) => ({ ..._, [t]: j }));
-  }, []), je = P(() => {
-    qe.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", Ve), document.removeEventListener("mouseup", je);
-  }, [Ve]), Ht = P((e, t, r) => {
-    var rt;
+    const { columnId: t, startX: o, startWidth: i, minWidth: n, maxWidth: u } = it.current, c = e.clientX - o, x = Math.round(i + c), W = Math.min(u, Math.max(n, x));
+    Vt((U) => ({ ...U, [t]: W }));
+  }, []), Ue = O(() => {
+    it.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", at), document.removeEventListener("mouseup", Ue);
+  }, [at]), tn = O((e, t, o) => {
+    var Ie;
     e.preventDefault(), e.stopPropagation();
-    const i = t.id || t.key, o = Ze(t.minWidth) ?? E, u = Ze(t.maxWidth) ?? M, c = Math.min(o, u), x = Math.max(o, u), j = ((rt = e.currentTarget.closest("th")) == null ? void 0 : rt.getBoundingClientRect().width) || 0, _ = Ze(r), Ke = _ ?? Math.max(c, Math.round(j) || c), pt = Math.min(x, Math.max(c, Ke));
-    qe.current = { columnId: i, startX: e.clientX, startWidth: pt, minWidth: c, maxWidth: x }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", Ve), document.addEventListener("mouseup", je);
-  }, [M, E, Ve, je, Ze]);
-  I(() => () => je(), [je]);
-  const Kt = un(
-    At(bn),
-    At(xn, {
-      coordinateGetter: yn
+    const i = t.id || t.key, n = lt(t.minWidth) ?? B, u = lt(t.maxWidth) ?? A, c = Math.min(n, u), x = Math.max(n, u), W = ((Ie = e.currentTarget.closest("th")) == null ? void 0 : Ie.getBoundingClientRect().width) || 0, U = lt(o), Je = U ?? Math.max(c, Math.round(W) || c), Pe = Math.min(x, Math.max(c, Je));
+    it.current = { columnId: i, startX: e.clientX, startWidth: Pe, minWidth: c, maxWidth: x }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", at), document.addEventListener("mouseup", Ue);
+  }, [A, B, at, Ue, lt]);
+  j(() => () => Ue(), [Ue]);
+  const nn = Cn(
+    Ut(Wn),
+    Ut(Nn, {
+      coordinateGetter: An
     })
-  ), Ut = (e) => {
-    const { active: t, over: r } = e;
-    if (r && t.id !== r.id) {
-      if (t.id === W || r.id === W) {
-        Rt("Cannot drop columns on the Action column"), ut(null);
+  ), rn = (e) => {
+    const { active: t, over: o } = e;
+    if (o && t.id !== o.id) {
+      if (t.id === I || o.id === I) {
+        Lt("Cannot drop columns on the Action column"), xt(null);
         return;
       }
-      se.current = !0, Ie((i) => {
-        const o = i.indexOf(t.id), u = i.indexOf(r.id);
-        if (o !== -1 && u !== -1) {
-          const c = gt(i, o, u), x = ie(c);
-          return zt(x), x;
+      ee.current = !0, Ae((i) => {
+        const n = i.indexOf(t.id), u = i.indexOf(o.id);
+        if (n !== -1 && u !== -1) {
+          const c = Ft(i, n, u), x = le(c);
+          return Pt(x), x;
         }
         return i;
-      }), wt((i) => {
-        const o = i.indexOf(t.id), u = i.indexOf(r.id);
-        return gt(i, o, u);
+      }), Mt((i) => {
+        const n = i.indexOf(t.id), u = i.indexOf(o.id);
+        return Ft(i, n, u);
       });
     }
-    ut(null);
-  }, Xt = (e) => {
-    ut(e.active.id);
-  }, et = ge(() => {
-    if (K)
-      return n || [];
-    if (!n || n.length === 0)
+    xt(null);
+  }, on = (e) => {
+    xt(e.active.id);
+  }, ct = oe(() => {
+    if (P)
+      return r || [];
+    if (!r || r.length === 0)
       return [];
-    const e = Ce.trim().toLowerCase(), t = Object.entries(G).filter(([, r]) => Ue(r));
-    return n.filter((r) => {
-      for (const [i, o] of t) {
-        const u = r[i];
+    const e = ne.trim().toLowerCase(), t = Object.entries(X).filter(([, o]) => Ye(o));
+    return r.filter((o) => {
+      for (const [i, n] of t) {
+        const u = o[i];
         if (u == null)
           return !1;
-        if (Array.isArray(o)) {
+        if (Array.isArray(n)) {
           const c = String(u);
-          if (!o.some((x) => String(x) === c))
+          if (!n.some((x) => String(x) === c))
             return !1;
           continue;
         }
-        if (o.type === "range") {
-          const c = St(u);
-          if (isNaN(c) || o.min !== "" && o.min != null && c < Number(o.min) || o.max !== "" && o.max != null && c > Number(o.max))
+        if (n.type === "range") {
+          const c = zt(u);
+          if (isNaN(c) || n.min !== "" && n.min != null && c < Number(n.min) || n.max !== "" && n.max != null && c > Number(n.max))
             return !1;
           continue;
         }
-        if (o.type === "durationRange") {
-          const c = An(u);
-          if (isNaN(c) || o.minSec !== "" && o.minSec != null && c < Number(o.minSec) || o.maxSec !== "" && o.maxSec != null && c > Number(o.maxSec))
+        if (n.type === "durationRange") {
+          const c = Qn(u);
+          if (isNaN(c) || n.minSec !== "" && n.minSec != null && c < Number(n.minSec) || n.maxSec !== "" && n.maxSec != null && c > Number(n.maxSec))
             return !1;
           continue;
         }
-        if (o.type === "scoreRange") {
-          const c = St(u);
+        if (n.type === "scoreRange") {
+          const c = zt(u);
           if (isNaN(c))
             return !1;
-          if (Array.isArray(o.values) && o.values.length > 0) {
+          if (Array.isArray(n.values) && n.values.length > 0) {
             const x = Math.floor(c);
-            if (!o.values.includes(x))
+            if (!n.values.includes(x))
               return !1;
             continue;
           }
-          if (o.min !== "" && o.min != null && c < Number(o.min) || o.max !== "" && o.max != null && c > Number(o.max))
+          if (n.min !== "" && n.min != null && c < Number(n.min) || n.max !== "" && n.max != null && c > Number(n.max))
             return !1;
           continue;
         }
-        if (o.type === "dateRange") {
-          const c = On(u);
+        if (n.type === "dateRange") {
+          const c = qn(u);
           if (!c)
             return !1;
-          if (o.from) {
-            const x = /* @__PURE__ */ new Date(o.from + "T00:00:00");
+          if (n.from) {
+            const x = /* @__PURE__ */ new Date(n.from + "T00:00:00");
             if (c < x)
               return !1;
           }
-          if (o.to) {
-            const x = /* @__PURE__ */ new Date(o.to + "T23:59:59");
+          if (n.to) {
+            const x = /* @__PURE__ */ new Date(n.to + "T23:59:59");
             if (c > x)
               return !1;
           }
           continue;
         }
       }
-      return !(e && !Object.values(r).some((o) => o == null ? !1 : String(o).toLowerCase().includes(e)));
+      return !(e && !Object.values(o).some((n) => n == null ? !1 : String(n).toLowerCase().includes(e)));
     });
-  }, [n, G, Ce, K]), _e = ge(() => X || !q ? et : [...et].sort((e, t) => {
-    const r = e[q], i = t[q];
-    if (r == null)
+  }, [r, X, ne, P]), Xe = oe(() => q || !Ke ? ct : [...ct].sort((e, t) => {
+    const o = e[Ke], i = t[Ke];
+    if (o == null)
       return 1;
     if (i == null)
       return -1;
-    if (typeof r == "number" && typeof i == "number")
-      return Xe === "asc" ? r - i : i - r;
-    const o = String(r).toLowerCase(), u = String(i).toLowerCase();
-    return Xe === "asc" ? o.localeCompare(u) : u.localeCompare(o);
-  }), [et, q, Xe, X]), tt = ge(() => {
-    if (Z)
-      return _e;
+    if (typeof o == "number" && typeof i == "number")
+      return tt === "asc" ? o - i : i - o;
+    const n = String(o).toLowerCase(), u = String(i).toLowerCase();
+    return tt === "asc" ? n.localeCompare(u) : u.localeCompare(n);
+  }), [ct, Ke, tt, q]), $e = oe(() => {
+    if (se)
+      return Xe;
     {
-      const e = (ne - 1) * ce, t = e + ce;
-      return _e.slice(e, t);
+      const e = (Re - 1) * ye, t = e + ye;
+      return Xe.slice(e, t);
     }
-  }, [_e, ne, ce, Z]), Ct = (e) => {
-    X && L ? (L(e), b ? b(1) : V(1)) : (Oe === e ? $e(Te === "asc" ? "desc" : "asc") : (it(e), $e("asc")), ke(1));
-  }, Gt = (e, t) => {
-    const r = (t || "").split(/\s+/).map((i) => i.trim()).filter(Boolean);
-    Le(e, r);
-  }, Rt = (e) => {
-    dt.current || (typeof z == "function" && z(e), dt.current = setTimeout(() => {
-      dt.current = null;
+  }, [Xe, Re, ye, se]), vt = O(
+    (e, t) => V ? V(e, t) : (e == null ? void 0 : e.id) ?? t,
+    [V]
+  ), ke = oe(
+    () => new Set(Array.isArray(Z) ? Z : []),
+    [Z]
+  ), De = oe(
+    () => $e.map((e, t) => vt(e, t)),
+    [$e, vt]
+  ), Ot = oe(
+    () => De.reduce((e, t) => ke.has(t) ? e + 1 : e, 0),
+    [De, ke]
+  ), dt = De.length > 0 && Ot === De.length, sn = Ot > 0 && !dt, ln = O(
+    (e) => {
+      if (!J)
+        return;
+      const t = new Set(ke);
+      t.has(e) ? t.delete(e) : t.add(e), J(Array.from(t));
+    },
+    [J, ke]
+  ), an = O(() => {
+    if (!J)
+      return;
+    const e = new Set(ke);
+    dt ? De.forEach((t) => e.delete(t)) : De.forEach((t) => e.add(t)), J(Array.from(e));
+  }, [J, ke, dt, De]), Tt = ({ checked: e, indeterminate: t = !1, onToggle: o, ariaLabel: i }) => /* @__PURE__ */ s(
+    "span",
+    {
+      role: "checkbox",
+      "aria-checked": t ? "mixed" : e,
+      "aria-label": i,
+      tabIndex: 0,
+      onClick: (n) => {
+        n.stopPropagation(), o();
+      },
+      onKeyDown: (n) => {
+        (n.key === " " || n.key === "Enter") && (n.preventDefault(), n.stopPropagation(), o());
+      },
+      style: {
+        width: 16,
+        height: 16,
+        borderRadius: 5,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: e || t ? "#0B0B0B" : "#FFFFFF",
+        border: `1px solid ${e || t ? "#0B0B0B" : "#676767"}`,
+        cursor: "pointer",
+        flexShrink: 0
+      },
+      children: t ? /* @__PURE__ */ s(jn, { size: 11, color: "#FFFFFF", strokeWidth: 3 }) : e ? /* @__PURE__ */ s(Qe, { size: 11, color: "#FFFFFF", strokeWidth: 3 }) : null
+    }
+  ), ut = 44, $t = (e) => {
+    q && H ? (H(e), b ? b(1) : fe(1)) : (p === e ? F(g === "asc" ? "desc" : "asc") : (m(e), F("asc")), ze(1));
+  }, cn = (e, t) => {
+    const o = (t || "").split(/\s+/).map((i) => i.trim()).filter(Boolean);
+    M(e, o);
+  }, Lt = (e) => {
+    yt.current || (typeof z == "function" && z(e), yt.current = setTimeout(() => {
+      yt.current = null;
     }, 3e3));
-  }, zt = P((e) => {
-    if (typeof window < "u" && re && e.length > 0 && se.current)
+  }, Pt = O((e) => {
+    if (typeof window < "u" && te && e.length > 0 && ee.current)
       try {
-        localStorage.setItem(re, JSON.stringify(e)), de && localStorage.setItem(de, "true");
+        localStorage.setItem(te, JSON.stringify(e)), xe && localStorage.setItem(xe, "true");
       } catch (t) {
         console.warn("Failed to save columns to localStorage:", t);
       }
-  }, [re, de]), Et = 250, nt = () => {
-    Object.values(me.current).forEach((e) => clearTimeout(e)), me.current = {};
-  }, Jt = () => {
-    const e = pe.filter((t) => !Je.has(t));
-    return Ge.forEach((t) => {
+  }, [te, xe]), It = 250, ft = () => {
+    Object.values(he.current).forEach((e) => clearTimeout(e)), he.current = {};
+  }, dn = () => {
+    const e = pe.filter((t) => !rt.has(t));
+    return nt.forEach((t) => {
       e.includes(t) || e.push(t);
-    }), ie(e);
-  }, Yt = (e) => {
-    if (e === W)
+    }), le(e);
+  }, un = (e) => {
+    if (e === I)
       return;
-    if (me.current[e]) {
-      clearTimeout(me.current[e]), delete me.current[e], ze((r) => {
-        const i = new Set(r);
+    if (he.current[e]) {
+      clearTimeout(he.current[e]), delete he.current[e], We((o) => {
+        const i = new Set(o);
         return i.delete(e), i;
-      }), Ee((r) => {
-        const i = new Set(r);
+      }), Oe((o) => {
+        const i = new Set(o);
         return i.delete(e), i;
       });
       return;
     }
     if (pe.includes(e)) {
-      if (pe.length - Je.size <= 1)
+      if (pe.length - rt.size <= 1)
         return;
-      Ee((i) => new Set(i).add(e)), me.current[e] = setTimeout(() => {
-        Re((i) => i.filter((o) => o !== e)), Ee((i) => {
-          const o = new Set(i);
-          return o.delete(e), o;
-        }), delete me.current[e];
-      }, Et);
+      Oe((i) => new Set(i).add(e)), he.current[e] = setTimeout(() => {
+        Ne((i) => i.filter((n) => n !== e)), Oe((i) => {
+          const n = new Set(i);
+          return n.delete(e), n;
+        }), delete he.current[e];
+      }, It);
     } else {
-      if (pe.length + Ge.size >= Q) {
-        Rt("Maximum 9 column selection allowed");
+      if (pe.length + nt.size >= Y) {
+        Lt("Maximum 9 column selection allowed");
         return;
       }
-      ze((i) => new Set(i).add(e)), me.current[e] = setTimeout(() => {
-        Re((i) => ie([...i, e])), ze((i) => {
-          const o = new Set(i);
-          return o.delete(e), o;
-        }), delete me.current[e];
-      }, Et);
+      We((i) => new Set(i).add(e)), he.current[e] = setTimeout(() => {
+        Ne((i) => le([...i, e])), We((i) => {
+          const n = new Set(i);
+          return n.delete(e), n;
+        }), delete he.current[e];
+      }, It);
     }
-  }, Qt = (e, t) => {
-    pe[t] !== W && at(t);
-  }, qt = () => {
-    at(null), Qe(null);
-  }, Zt = (e, t) => {
-    e.preventDefault(), he !== null && he !== t && Qe(t);
-  }, Vt = () => {
-    Qe(null);
-  }, en = (e, t) => {
-    e.preventDefault(), he !== null && he !== t && pe[t] !== W && pe[he] !== W && Re((r) => {
-      const i = gt(r, he, t);
-      return ie(i);
-    }), at(null), Qe(null);
+  }, fn = (e, t) => {
+    pe[t] !== I && mt(t);
+  }, pn = () => {
+    mt(null), st(null);
+  }, hn = (e, t) => {
+    e.preventDefault(), me !== null && me !== t && st(t);
+  }, mn = () => {
+    st(null);
+  }, gn = (e, t) => {
+    e.preventDefault(), me !== null && me !== t && pe[t] !== I && pe[me] !== I && Ne((o) => {
+      const i = Ft(o, me, t);
+      return le(i);
+    }), mt(null), st(null);
   };
-  I(() => {
-    wt((e) => {
-      const t = $.filter((o) => e.includes(o)), r = $.filter((o) => !e.includes(o)), i = e.filter((o) => !$.includes(o));
-      return [...t, ...r, ...i];
+  j(() => {
+    Mt((e) => {
+      const t = _.filter((n) => e.includes(n)), o = _.filter((n) => !e.includes(n)), i = e.filter((n) => !_.includes(n));
+      return [...t, ...o, ...i];
     });
-  }, [$]), I(() => {
-    if (typeof window < "u" && re && $.length > 0 && se.current)
+  }, [_]), j(() => {
+    if (typeof window < "u" && te && _.length > 0 && ee.current)
       try {
-        const e = ie($);
-        localStorage.setItem(re, JSON.stringify(e)), de && localStorage.setItem(de, "true");
+        const e = le(_);
+        localStorage.setItem(te, JSON.stringify(e)), xe && localStorage.setItem(xe, "true");
       } catch (e) {
         console.warn("Failed to save columns to localStorage:", e);
       }
-  }, [$, re, de]), I(() => {
-    ae && ae(
-      $.filter((e) => e !== W)
+  }, [_, te, xe]), j(() => {
+    ce && ce(
+      _.filter((e) => e !== I)
     );
-  }, [$, ae]), I(() => {
-    if (l.length > 0 && $.length === 0) {
-      if (typeof window < "u" && w)
+  }, [_, ce]), j(() => {
+    if (l.length > 0 && _.length === 0) {
+      if (typeof window < "u" && v)
         try {
-          if (localStorage.getItem(`dataTable_manual_change_${w}:${O}`) === "true") {
-            const r = localStorage.getItem(`dataTable_columns_${w}:${O}`);
-            if (r) {
-              const i = JSON.parse(r);
+          if (localStorage.getItem(`dataTable_manual_change_${v}:${E}`) === "true") {
+            const o = localStorage.getItem(`dataTable_columns_${v}:${E}`);
+            if (o) {
+              const i = JSON.parse(o);
               if (Array.isArray(i) && i.length > 0) {
-                const o = i.filter(
+                const n = i.filter(
                   (u) => l.some((c) => (c.id || c.key) === u)
                 );
-                if (o.length > 0) {
-                  se.current = !0, Ie(o.slice(0, Q));
+                if (n.length > 0) {
+                  ee.current = !0, Ae(n.slice(0, Y));
                   return;
                 }
               }
@@ -1458,20 +1523,38 @@ function rr({
           console.warn("Failed to load saved columns from localStorage:", t);
         }
       const e = l.map((t) => t.id || t.key);
-      Ie(ie(e.slice(0, Q)));
+      Ae(le(e.slice(0, Y)));
     }
-  }, [l, w, O, ie]);
-  const Be = ge(() => {
-    const e = $.map((t) => l.find((r) => J(r) === t)).filter(Boolean);
-    return ie(e.map(J)).map((t) => l.find((r) => J(r) === t)).filter(Boolean);
-  }, [l, $]);
-  ge(() => Be.some((e) => e.filterable === !0), [Be]), I(() => {
-    if (!le || !Me.current)
+  }, [l, v, E, le]), j(() => {
+    if (!(typeof window > "u" || !v) && !(!l || l.length === 0) && He.current !== E && (He.current = E, !ee.current))
+      try {
+        if (!(localStorage.getItem(`dataTable_manual_change_${v}:${E}`) === "true"))
+          return;
+        const t = localStorage.getItem(`dataTable_columns_${v}:${E}`);
+        if (!t)
+          return;
+        const o = JSON.parse(t);
+        if (!Array.isArray(o) || o.length === 0)
+          return;
+        const i = o.filter(
+          (n) => l.some((u) => (u.id || u.key) === n)
+        );
+        i.length > 0 && (ee.current = !0, Ae(i.slice(0, Y)));
+      } catch (e) {
+        console.warn("Failed to re-load saved columns after user resolved:", e);
+      }
+  }, [E, v, l]);
+  const Le = oe(() => {
+    const e = _.map((t) => l.find((o) => Q(o) === t)).filter(Boolean);
+    return le(e.map(Q)).map((t) => l.find((o) => Q(o) === t)).filter(Boolean);
+  }, [l, _]);
+  oe(() => Le.some((e) => e.filterable === !0), [Le]), j(() => {
+    if (!ae || !Te.current)
       return;
     const e = () => {
-      if (Me.current) {
-        const t = Me.current.getBoundingClientRect(), r = 217, i = Math.max(8, t.right - r);
-        Pt({
+      if (Te.current) {
+        const t = Te.current.getBoundingClientRect(), o = 217, i = Math.max(8, t.right - o);
+        qt({
           top: t.bottom,
           left: i,
           width: Math.max(t.width || 220, 220)
@@ -1481,53 +1564,53 @@ function rr({
     return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [le]), I(() => {
+  }, [ae]), j(() => {
     const e = (t) => {
-      le && Me.current && !Me.current.contains(t.target) && ct.current && !ct.current.contains(t.target) && lt(!1);
+      ae && Te.current && !Te.current.contains(t.target) && gt.current && !gt.current.contains(t.target) && ht(!1);
     };
-    if (le)
+    if (ae)
       return document.addEventListener("mousedown", e), () => {
         document.removeEventListener("mousedown", e);
       };
-  }, [le]), I(() => {
-    le && (nt(), Re($), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()));
-  }, [le, $]), I(() => () => nt(), []), $.length === 1 ? (Wt = l.find((e) => (e.id || e.key) === $[0])) != null && Wt.label : `${$.length}`;
-  function tn({ column: e, isHeaderRow: t = !0 }) {
-    const r = J(e), i = r === W, o = Dt(r, e.width), [u, c] = g(!1), {
+  }, [ae]), j(() => {
+    ae && (ft(), Ne(_), We(/* @__PURE__ */ new Set()), Oe(/* @__PURE__ */ new Set()));
+  }, [ae, _]), j(() => () => ft(), []), _.length === 1 ? (Kt = l.find((e) => (e.id || e.key) === _[0])) != null && Kt.label : `${_.length}`;
+  function yn({ column: e, isHeaderRow: t = !0 }) {
+    const o = Q(e), i = o === I, n = Wt(o, e.width), [u, c] = y(!1), {
       attributes: x,
-      listeners: j,
-      setNodeRef: _,
-      transform: Ke,
-      transition: pt,
-      isDragging: rt
-    } = vn({ id: r }), rn = {
-      transform: Sn.Transform.toString(Ke),
-      transition: pt,
-      opacity: rt ? 0.5 : 1,
-      width: o,
-      minWidth: o
+      listeners: W,
+      setNodeRef: U,
+      transform: Je,
+      transition: Pe,
+      isDragging: Ie
+    } = On({ id: o }), bn = {
+      transform: Tn.Transform.toString(Je),
+      transition: Pe,
+      opacity: Ie ? 0.5 : 1,
+      width: n,
+      minWidth: n
     };
-    let Ne = !1;
-    if (X && D.length > 0) {
+    let _e = !1;
+    if (q && D.length > 0) {
       const R = D[0][0];
-      (R === r || R === "csat_score" && r === "evaluation.csat_score") && (Ne = !0);
+      (R === o || R === "csat_score" && o === "evaluation.csat_score") && (_e = !0);
     } else
-      Ne = q === r;
-    const on = Xe === "asc", sn = e.filterable === !0;
+      _e = Ke === o;
+    const vn = tt === "asc", Sn = e.filterable === !0;
     if (!t)
       return /* @__PURE__ */ s(
         "th",
         {
           style: {
-            width: o,
-            minWidth: o,
+            width: n,
+            minWidth: n,
             backgroundColor: "var(--primary-foreground)",
             borderRight: "1px solid #e6e6e6",
             borderBottom: "1px solid #e6e6e6",
             boxSizing: "border-box"
           },
           className: "sticky top-[57px] z-10 border-b border-[var(--border-strong)] px-4 py-2 text-left",
-          children: sn ? /* @__PURE__ */ m("div", { className: "relative", children: [
+          children: Sn ? /* @__PURE__ */ h("div", { className: "relative", children: [
             /* @__PURE__ */ s(
               Filter,
               {
@@ -1540,9 +1623,9 @@ function rr({
               {
                 type: "text",
                 placeholder: "Filter...",
-                value: G[r] || "",
+                value: X[o] || "",
                 onChange: (R) => {
-                  R.stopPropagation(), Gt(r, R.target.value);
+                  R.stopPropagation(), cn(o, R.target.value);
                 },
                 onKeyDown: (R) => R.stopPropagation(),
                 onMouseDown: (R) => R.stopPropagation(),
@@ -1554,15 +1637,15 @@ function rr({
           ] }) : /* @__PURE__ */ s("div", { className: "h-[34px]" })
         }
       );
-    const mt = A === r, ot = Ue(G[r]), ln = e.sortable !== !1 && (u || Ne), an = e.filterable !== !1 && !i && (u || mt || ot);
-    return /* @__PURE__ */ m(
+    const St = N === o, pt = Ye(X[o]), wn = e.sortable !== !1 && (u || _e), Fn = e.filterable !== !1 && !i && (u || St || pt);
+    return /* @__PURE__ */ h(
       "th",
       {
-        ref: _,
+        ref: U,
         onMouseEnter: () => c(!0),
         onMouseLeave: () => c(!1),
         style: {
-          ...rn,
+          ...bn,
           padding: "0 12px",
           height: 36,
           textAlign: i ? "center" : "left",
@@ -1572,8 +1655,8 @@ function rr({
           textTransform: "none",
           color: "#0b0b0b",
           cursor: e.sortable !== !1 ? "pointer" : "default",
-          width: o,
-          ...typeof o == "string" && o.endsWith("px") ? { maxWidth: o } : {},
+          width: n,
+          ...typeof n == "string" && n.endsWith("px") ? { maxWidth: n } : {},
           borderRight: "1px solid #e6e6e6",
           boxSizing: "border-box",
           userSelect: "none",
@@ -1581,7 +1664,7 @@ function rr({
           wordBreak: "normal",
           overflowWrap: "normal",
           verticalAlign: "middle",
-          background: u || mt ? "#e6e6e6" : "#f2f2f0",
+          background: u || St ? "#e6e6e6" : "#f2f2f0",
           borderBottom: "1px solid #e6e6e6",
           position: "sticky",
           top: 0,
@@ -1607,7 +1690,7 @@ function rr({
               }
             }
           ),
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -1626,7 +1709,7 @@ function rr({
                   "div",
                   {
                     ...x,
-                    ...j,
+                    ...W,
                     style: {
                       cursor: "grab",
                       color: "rgba(11, 11, 11, 0.36)",
@@ -1635,13 +1718,13 @@ function rr({
                       visibility: u ? "visible" : "hidden",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ s(yt, { size: 14 })
+                    children: /* @__PURE__ */ s(kt, { size: 14 })
                   }
                 ),
                 /* @__PURE__ */ s(
                   "span",
                   {
-                    onClick: () => e.sortable !== !1 && Ct(r),
+                    onClick: () => e.sortable !== !1 && $t(o),
                     title: typeof e.label == "string" ? e.label : void 0,
                     style: {
                       cursor: e.sortable !== !1 ? "pointer" : "default",
@@ -1655,12 +1738,12 @@ function rr({
                     children: e.label
                   }
                 ),
-                ln && /* @__PURE__ */ s(
+                wn && /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
                     onClick: (R) => {
-                      R.stopPropagation(), Ct(r);
+                      R.stopPropagation(), $t(o);
                     },
                     title: "Sort",
                     style: {
@@ -1672,26 +1755,26 @@ function rr({
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      color: Ne ? "#0b0b0b" : "rgba(11, 11, 11, 0.55)",
+                      color: _e ? "#0b0b0b" : "rgba(11, 11, 11, 0.55)",
                       flexShrink: 0
                     },
-                    children: Ne ? on ? /* @__PURE__ */ s(Rn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(zn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(En, { size: 14, strokeWidth: 1.75 })
+                    children: _e ? vn ? /* @__PURE__ */ s(Hn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(Kn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(Un, { size: 14, strokeWidth: 1.75 })
                   }
                 ),
-                an && /* @__PURE__ */ m(
+                Fn && /* @__PURE__ */ h(
                   "button",
                   {
                     type: "button",
                     ref: (R) => {
-                      ve.current[r] = R;
+                      Fe.current[o] = R;
                     },
                     onClick: (R) => {
-                      R.stopPropagation(), T(r, R.currentTarget);
+                      R.stopPropagation(), Qt(o, R.currentTarget);
                     },
                     title: "Filter",
                     style: {
                       position: "relative",
-                      background: mt || ot ? "#D8D8D8" : "transparent",
+                      background: St || pt ? "#D8D8D8" : "transparent",
                       border: "none",
                       padding: 4,
                       borderRadius: 4,
@@ -1699,12 +1782,12 @@ function rr({
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      color: ot ? "#0b0b0b" : "rgba(11, 11, 11, 0.7)",
+                      color: pt ? "#0b0b0b" : "rgba(11, 11, 11, 0.7)",
                       flexShrink: 0
                     },
                     children: [
-                      /* @__PURE__ */ s(Mn, { size: 14, strokeWidth: 1.75 }),
-                      ot && /* @__PURE__ */ s(
+                      /* @__PURE__ */ s(Xn, { size: 14, strokeWidth: 1.75 }),
+                      pt && /* @__PURE__ */ s(
                         "span",
                         {
                           "aria-hidden": "true",
@@ -1747,9 +1830,9 @@ function rr({
             {
               role: "separator",
               "aria-orientation": "vertical",
-              "aria-label": `Resize ${e.label || r} column`,
+              "aria-label": `Resize ${e.label || o} column`,
               title: "Drag to resize column",
-              onMouseDown: (R) => Ht(R, e, o),
+              onMouseDown: (R) => tn(R, e, n),
               onClick: (R) => R.stopPropagation(),
               onMouseEnter: (R) => {
                 R.currentTarget.style.background = "rgba(30, 33, 37, 0.18)";
@@ -1773,28 +1856,28 @@ function rr({
       }
     );
   }
-  const Mt = kt ? l.find((e) => J(e) === kt) : null, Bt = ({ col: e, columnId: t, isSelected: r, draggable: i, isAction: o, actualIndex: u }) => {
-    const c = i && he === u, x = i && It === u && he !== null && he !== u;
-    r ? Je.has(t) : Ge.has(t);
-    const j = r ? !Je.has(t) : Ge.has(t);
-    return /* @__PURE__ */ m(
+  const _t = Nt ? l.find((e) => Q(e) === Nt) : null, jt = ({ col: e, columnId: t, isSelected: o, draggable: i, isAction: n, actualIndex: u }) => {
+    const c = i && me === u, x = i && Zt === u && me !== null && me !== u;
+    o ? rt.has(t) : nt.has(t);
+    const W = o ? !rt.has(t) : nt.has(t);
+    return /* @__PURE__ */ h(
       "div",
       {
         draggable: i,
-        onDragStart: i ? (_) => Qt(_, u) : void 0,
-        onDragEnd: i ? qt : void 0,
-        onDragOver: i ? (_) => Zt(_, u) : void 0,
-        onDragLeave: i ? Vt : void 0,
-        onDrop: i ? (_) => en(_, u) : void 0,
+        onDragStart: i ? (U) => fn(U, u) : void 0,
+        onDragEnd: i ? pn : void 0,
+        onDragOver: i ? (U) => hn(U, u) : void 0,
+        onDragLeave: i ? mn : void 0,
+        onDrop: i ? (U) => gn(U, u) : void 0,
         onClick: () => {
-          o || Yt(t);
+          n || un(t);
         },
         style: {
           display: "flex",
           alignItems: "center",
           gap: 4,
           padding: "2px 0",
-          cursor: o ? "default" : i ? "grab" : "pointer",
+          cursor: n ? "default" : i ? "grab" : "pointer",
           opacity: c ? 0.5 : 1,
           background: x ? "#F2F2F0" : "transparent",
           borderRadius: 6
@@ -1813,7 +1896,7 @@ function rr({
                 visibility: i ? "visible" : "hidden",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ s(yt, { size: 14, strokeWidth: 1.75 })
+              children: /* @__PURE__ */ s(kt, { size: 14, strokeWidth: 1.75 })
             }
           ),
           /* @__PURE__ */ s(
@@ -1826,12 +1909,12 @@ function rr({
                 display: "inline-flex",
                 alignItems: "center",
                 justifyContent: "center",
-                background: j ? "#0B0B0B" : "#FFFFFF",
-                border: `1px solid ${j ? "#0B0B0B" : "#676767"}`,
+                background: W ? "#0B0B0B" : "#FFFFFF",
+                border: `1px solid ${W ? "#0B0B0B" : "#676767"}`,
                 flexShrink: 0,
                 marginLeft: 8
               },
-              children: j && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+              children: W && /* @__PURE__ */ s(Qe, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
             }
           ),
           /* @__PURE__ */ s(
@@ -1851,14 +1934,14 @@ function rr({
         ]
       }
     );
-  }, nn = le ? /* @__PURE__ */ m(
+  }, xn = ae ? /* @__PURE__ */ h(
     "div",
     {
-      ref: ct,
+      ref: gt,
       style: {
         position: "fixed",
-        top: `${Ft.top}px`,
-        left: `${Ft.left}px`,
+        top: `${At.top}px`,
+        left: `${At.left}px`,
         width: 217,
         maxHeight: 320,
         zIndex: 49,
@@ -1872,7 +1955,7 @@ function rr({
         boxShadow: "0 8px 24px rgba(11, 11, 11, 0.08)"
       },
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -1886,11 +1969,11 @@ function rr({
             },
             children: [
               pe.map((e, t) => {
-                if (e === W)
+                if (e === I)
                   return null;
-                const r = l.find((i) => J(i) === e);
-                return r ? /* @__PURE__ */ s(ht.Fragment, { children: Bt({
-                  col: r,
+                const o = l.find((i) => Q(i) === e);
+                return o ? /* @__PURE__ */ s(wt.Fragment, { children: jt({
+                  col: o,
                   columnId: e,
                   isSelected: !0,
                   draggable: !0,
@@ -1899,11 +1982,11 @@ function rr({
                 }) }, `selected-${e}-${t}`) : null;
               }),
               l.filter((e) => {
-                const t = J(e);
-                return t !== W && !pe.includes(t);
+                const t = Q(e);
+                return t !== I && !pe.includes(t);
               }).map((e) => {
-                const t = J(e);
-                return /* @__PURE__ */ s(ht.Fragment, { children: Bt({
+                const t = Q(e);
+                return /* @__PURE__ */ s(wt.Fragment, { children: jt({
                   col: e,
                   columnId: t,
                   isSelected: !1,
@@ -1915,7 +1998,7 @@ function rr({
             ]
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -1936,10 +2019,10 @@ function rr({
                   type: "button",
                   onClick: (e) => {
                     e.preventDefault(), e.stopPropagation();
-                    const t = Ye.current ? [...Ye.current] : l.map(J).slice(0, Q), r = ie(t);
-                    if (se.current = !1, nt(), Re(r), Ie(r), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()), typeof window < "u" && re)
+                    const t = ot.current ? [...ot.current] : l.map(Q).slice(0, Y), o = le(t);
+                    if (ee.current = !1, ft(), Ne(o), Ae(o), We(/* @__PURE__ */ new Set()), Oe(/* @__PURE__ */ new Set()), typeof window < "u" && te)
                       try {
-                        localStorage.removeItem(re);
+                        localStorage.removeItem(te);
                       } catch {
                       }
                   },
@@ -1961,9 +2044,9 @@ function rr({
                 {
                   type: "button",
                   onClick: (e) => {
-                    e.preventDefault(), e.stopPropagation(), nt();
-                    const t = Jt();
-                    Re(t), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()), se.current = !0, Ie(t), zt(t), lt(!1);
+                    e.preventDefault(), e.stopPropagation(), ft();
+                    const t = dn();
+                    Ne(t), We(/* @__PURE__ */ new Set()), Oe(/* @__PURE__ */ new Set()), ee.current = !0, Ae(t), Pt(t), ht(!1);
                   },
                   style: {
                     background: "#2E3236",
@@ -1985,28 +2068,28 @@ function rr({
         )
       ]
     }
-  ) : null, He = A ? l.find((e) => J(e) === A) : null, Nt = He ? /* @__PURE__ */ s(
-    _n,
+  ) : null, Ge = N ? l.find((e) => Q(e) === N) : null, Ht = Ge ? /* @__PURE__ */ s(
+    or,
     {
-      column: He,
-      columnId: A,
-      filterType: y(A),
-      position: Se,
+      column: Ge,
+      columnId: N,
+      filterType: re(N),
+      position: et,
       popoverRef: we,
-      distinctValues: h(A),
-      initialValue: G[A],
-      onSearch: typeof He.onFilterSearch == "function" ? He.onFilterSearch : null,
-      searchMinChars: He.filterSearchMinChars ?? 3,
+      distinctValues: Ee(N),
+      initialValue: X[N],
+      onSearch: typeof Ge.onFilterSearch == "function" ? Ge.onFilterSearch : null,
+      searchMinChars: Ge.filterSearchMinChars ?? 3,
       onApply: (e) => {
-        Le(A, e), ue(null);
+        M(N, e), ve(null);
       },
-      onCancel: () => ue(null)
+      onCancel: () => ve(null)
     },
-    A
+    N
   ) : null;
-  return /* @__PURE__ */ m("div", { className: "w-full", children: [
-    Nt && vt(Nt, document.body),
-    l.length > 0 && (H || !ye) && /* @__PURE__ */ s(
+  return /* @__PURE__ */ h("div", { className: "w-full", children: [
+    Ht && Rt(Ht, document.body),
+    l.length > 0 && (L || !ge) && /* @__PURE__ */ s(
       "div",
       {
         className: "pt-2 pb-1",
@@ -2015,7 +2098,7 @@ function rr({
           zIndex: 35,
           backgroundColor: "var(--primary-foreground)"
         },
-        children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -2026,23 +2109,24 @@ function rr({
               flexWrap: "wrap"
             },
             children: [
-              H && /* @__PURE__ */ s("div", { style: { marginRight: "auto" }, children: /* @__PURE__ */ s(
-                Wn,
+              L && /* @__PURE__ */ s("div", { style: { marginRight: "auto" }, children: /* @__PURE__ */ s(
+                Yn,
                 {
-                  dateRangePicker: H.dateRangePicker,
-                  onWeekToDate: H.onWeekToDate,
-                  exportConfig: H.exportConfig,
-                  filterChipsConfig: H.filterChipsConfig,
-                  trailingActions: H.trailingActions
+                  dateRangePicker: L.dateRangePicker,
+                  onWeekToDate: L.onWeekToDate,
+                  exportConfig: L.exportConfig,
+                  filterChipsConfig: L.filterChipsConfig,
+                  trailingActions: L.trailingActions
                 }
               ) }),
-              !ye && /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
-                /* @__PURE__ */ m(
+              (L == null ? void 0 : L.rightActions) && /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }, children: L.rightActions }),
+              !ge && /* @__PURE__ */ h("div", { style: { position: "relative" }, children: [
+                /* @__PURE__ */ h(
                   "button",
                   {
-                    ref: Me,
+                    ref: Te,
                     type: "button",
-                    onClick: () => lt(!le),
+                    onClick: () => ht(!ae),
                     style: {
                       display: "inline-flex",
                       alignItems: "center",
@@ -2060,19 +2144,19 @@ function rr({
                       whiteSpace: "nowrap"
                     },
                     children: [
-                      /* @__PURE__ */ s(kn, { size: 20, strokeWidth: 1.75 }),
+                      /* @__PURE__ */ s(Pn, { size: 20, strokeWidth: 1.75 }),
                       "Columns"
                     ]
                   }
                 ),
-                le && vt(nn, document.body)
+                ae && Rt(xn, document.body)
               ] })
             ]
           }
         )
       }
     ),
-    Object.keys(G).length > 0 && /* @__PURE__ */ m(
+    Object.keys(X).length > 0 && /* @__PURE__ */ h(
       "div",
       {
         style: {
@@ -2083,12 +2167,12 @@ function rr({
           padding: "8px 0"
         },
         children: [
-          Object.entries(G).map(([e, t]) => {
-            const r = l.find((c) => J(c) === e);
-            if (!r || !Ue(t))
+          Object.entries(X).map(([e, t]) => {
+            const o = l.find((c) => Q(c) === e);
+            if (!o || !Ye(t))
               return null;
-            const i = $n(t), o = Ln(t), u = Pn(t);
-            return /* @__PURE__ */ m(
+            const i = Vn(t), n = er(t), u = tr(t);
+            return /* @__PURE__ */ h(
               "span",
               {
                 style: {
@@ -2107,20 +2191,20 @@ function rr({
                   whiteSpace: "nowrap"
                 },
                 children: [
-                  /* @__PURE__ */ m("span", { children: [
-                    /* @__PURE__ */ m("span", { style: { color: "#676767" }, children: [
-                      r.label,
+                  /* @__PURE__ */ h("span", { children: [
+                    /* @__PURE__ */ h("span", { style: { color: "#676767" }, children: [
+                      o.label,
                       ": "
                     ] }),
                     /* @__PURE__ */ s("span", { children: i })
                   ] }),
-                  o > 0 && /* @__PURE__ */ s(In, { count: o, values: u }),
+                  n > 0 && /* @__PURE__ */ s(nr, { count: n, values: u }),
                   /* @__PURE__ */ s(
                     "button",
                     {
                       type: "button",
-                      onClick: () => Le(e, []),
-                      "aria-label": `Remove ${r.label} filter`,
+                      onClick: () => M(e, []),
+                      "aria-label": `Remove ${o.label} filter`,
                       style: {
                         background: "transparent",
                         border: "none",
@@ -2129,7 +2213,7 @@ function rr({
                         display: "inline-flex",
                         color: "#676767"
                       },
-                      children: /* @__PURE__ */ s(Dn, { size: 14, strokeWidth: 2 })
+                      children: /* @__PURE__ */ s(In, { size: 14, strokeWidth: 2 })
                     }
                   )
                 ]
@@ -2141,7 +2225,7 @@ function rr({
             "button",
             {
               type: "button",
-              onClick: p,
+              onClick: Se,
               style: {
                 marginLeft: "auto",
                 background: "transparent",
@@ -2159,15 +2243,15 @@ function rr({
         ]
       }
     ),
-    l.length > 0 && Be.length > 0 ? /* @__PURE__ */ m(
-      fn,
+    l.length > 0 && Le.length > 0 ? /* @__PURE__ */ h(
+      Rn,
       {
-        sensors: Kt,
-        collisionDetection: pn,
-        onDragStart: Xt,
-        onDragEnd: Ut,
+        sensors: nn,
+        collisionDetection: zn,
+        onDragStart: on,
+        onDragEnd: rn,
         children: [
-          /* @__PURE__ */ m("div", { style: {
+          /* @__PURE__ */ h("div", { style: {
             borderRadius: 8,
             border: "1px solid #E6E6E6",
             overflow: "hidden",
@@ -2178,9 +2262,9 @@ function rr({
             // collapse to just the header height and the centered overlay/loader
             // would be squeezed into a thin strip. Reserve vertical space so the
             // loader stays properly visible and centered.
-            ...N ? { minHeight: 320 } : {}
+            ...$ ? { minHeight: 320 } : {}
           }, children: [
-            N && /* @__PURE__ */ s("div", { style: {
+            $ && /* @__PURE__ */ s("div", { style: {
               position: "absolute",
               inset: 0,
               background: "rgba(255, 255, 255, 0.9)",
@@ -2191,7 +2275,7 @@ function rr({
               alignItems: "center",
               justifyContent: "center",
               borderRadius: "14px"
-            }, children: /* @__PURE__ */ m("div", { style: {
+            }, children: /* @__PURE__ */ h("div", { style: {
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
@@ -2203,7 +2287,7 @@ function rr({
                 margin: 0
               }, children: "Loading..." }),
               /* @__PURE__ */ s(
-                Kn,
+                ir,
                 {
                   src: "/BrandLoading.gif",
                   alt: "Loading",
@@ -2214,7 +2298,7 @@ function rr({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ s("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: _t, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ m("table", { style: {
+            /* @__PURE__ */ s("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: en, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ h("table", { style: {
               width: "auto",
               minWidth: "100%",
               tableLayout: "fixed",
@@ -2224,18 +2308,48 @@ function rr({
               border: "1px solid #e6e6e6",
               boxSizing: "border-box"
             }, children: [
-              /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
-                mn,
-                {
-                  items: $,
-                  strategy: hn,
-                  children: Be.map((e) => /* @__PURE__ */ s(tn, { column: e, isHeaderRow: !0 }, `header-${J(e)}`))
-                }
-              ) }) }),
-              /* @__PURE__ */ s("tbody", { children: !N && tt.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
+              /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ h("tr", { children: [
+                G && /* @__PURE__ */ s(
+                  "th",
+                  {
+                    style: {
+                      width: ut,
+                      minWidth: ut,
+                      padding: "10px 8px",
+                      textAlign: "center",
+                      verticalAlign: "middle",
+                      background: "#f2f2f0",
+                      borderRight: "1px solid #e6e6e6",
+                      borderBottom: "1px solid #e6e6e6",
+                      position: "sticky",
+                      top: 0,
+                      zIndex: 10,
+                      boxSizing: "border-box"
+                    },
+                    children: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", lineHeight: 0 }, children: /* @__PURE__ */ s(
+                      Tt,
+                      {
+                        checked: dt,
+                        indeterminate: sn,
+                        onToggle: an,
+                        ariaLabel: "Select all rows on this page"
+                      }
+                    ) })
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  Bn,
+                  {
+                    items: _,
+                    strategy: En,
+                    children: Le.map((e) => /* @__PURE__ */ s(yn, { column: e, isHeaderRow: !0 }, `header-${Q(e)}`))
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ s("tbody", { children: !$ && $e.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
                 "td",
                 {
-                  colSpan: Be.length,
+                  colSpan: Le.length + (G ? 1 : 0),
                   style: {
                     padding: "32px",
                     textAlign: "center",
@@ -2245,69 +2359,98 @@ function rr({
                   },
                   children: "No results found"
                 }
-              ) }) : !N && tt.length > 0 ? tt.map((e, t) => /* @__PURE__ */ s(
-                "tr",
-                {
-                  "data-row-id": e.id || t,
-                  style: {
-                    borderBottom: "1px solid #e6e6e6",
-                    cursor: f ? "pointer" : "default",
-                    transition: "background 0.15s ease"
-                  },
-                  onClick: f ? (r) => {
-                    r.stopPropagation(), f(e, t);
-                  } : void 0,
-                  onMouseEnter: (r) => {
-                    r.currentTarget.style.background = "#E6E6E6";
-                  },
-                  onMouseLeave: (r) => {
-                    r.currentTarget.style.background = "transparent";
+              ) }) : !$ && $e.length > 0 ? $e.map((e, t) => {
+                const o = vt(e, t), i = G && ke.has(o);
+                return /* @__PURE__ */ h(
+                  "tr",
+                  {
+                    "data-row-id": e.id || t,
+                    style: {
+                      borderBottom: "1px solid #e6e6e6",
+                      cursor: f ? "pointer" : "default",
+                      transition: "background 0.15s ease",
+                      background: i ? "#F2F4F7" : "transparent"
+                    },
+                    onClick: f ? (n) => {
+                      n.stopPropagation(), f(e, t);
+                    } : void 0,
+                    onMouseEnter: (n) => {
+                      n.currentTarget.style.background = "#E6E6E6";
+                    },
+                    onMouseLeave: (n) => {
+                      n.currentTarget.style.background = i ? "#F2F4F7" : "transparent";
+                    },
+                    children: [
+                      G && /* @__PURE__ */ s(
+                        "td",
+                        {
+                          onClick: (n) => n.stopPropagation(),
+                          style: {
+                            width: ut,
+                            minWidth: ut,
+                            padding: "10px 8px",
+                            textAlign: "center",
+                            verticalAlign: "middle",
+                            borderRight: "1px solid #e6e6e6",
+                            boxSizing: "border-box"
+                          },
+                          children: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", lineHeight: 0 }, children: /* @__PURE__ */ s(
+                            Tt,
+                            {
+                              checked: i,
+                              onToggle: () => ln(o),
+                              ariaLabel: "Select row"
+                            }
+                          ) })
+                        }
+                      ),
+                      Le.map((n) => {
+                        const u = Q(n), c = Wt(u, n.width), x = e[u], W = n.render ? n.render(x, e) : x, U = c && c !== "auto", Je = typeof W == "string" && W.trim() !== "", Pe = U && Je, Ie = Pe ? /* @__PURE__ */ s(de, { content: W, children: W }) : W;
+                        return /* @__PURE__ */ s(
+                          "td",
+                          {
+                            style: {
+                              padding: "10px 14px",
+                              color: "rgba(30, 33, 37, 0.78)",
+                              fontSize: "13px",
+                              borderRight: "1px solid #e6e6e6",
+                              boxSizing: "border-box",
+                              width: c,
+                              fontFamily: "var(--font-sans)",
+                              ...Pe && { maxWidth: c || "200px" }
+                            },
+                            children: Ie
+                          },
+                          u
+                        );
+                      })
+                    ]
                   },
-                  children: Be.map((r) => {
-                    const i = J(r), o = Dt(i, r.width), u = e[i], c = r.render ? r.render(u, e) : u, x = o && o !== "auto", j = typeof c == "string" && c.trim() !== "", _ = x && j, Ke = _ ? /* @__PURE__ */ s(oe, { content: c, children: c }) : c;
-                    return /* @__PURE__ */ s(
-                      "td",
-                      {
-                        style: {
-                          padding: "10px 14px",
-                          color: "rgba(30, 33, 37, 0.78)",
-                          fontSize: "13px",
-                          borderRight: "1px solid #e6e6e6",
-                          boxSizing: "border-box",
-                          width: o,
-                          fontFamily: "var(--font-sans)",
-                          ..._ && { maxWidth: o || "200px" }
-                        },
-                        children: Ke
-                      },
-                      i
-                    );
-                  })
-                },
-                t
-              )) : null })
+                  t
+                );
+              }) : null })
             ] }) })
           ] }),
-          /* @__PURE__ */ s(gn, { children: Mt ? /* @__PURE__ */ s("div", { className: "bg-[var(--paper-high)] border border-[var(--border-strong)] rounded px-4 py-2 shadow-lg", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ s(yt, { size: 14, className: "text-[var(--text-faint)]" }),
-            /* @__PURE__ */ s("span", { className: "text-sm font-semibold text-[var(--text-ink)]", children: Mt.label })
+          /* @__PURE__ */ s(Mn, { children: _t ? /* @__PURE__ */ s("div", { className: "bg-[var(--paper-high)] border border-[var(--border-strong)] rounded px-4 py-2 shadow-lg", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ s(kt, { size: 14, className: "text-[var(--text-faint)]" }),
+            /* @__PURE__ */ s("span", { className: "text-sm font-semibold text-[var(--text-ink)]", children: _t.label })
           ] }) }) : null })
         ]
       }
     ) : null,
     (() => {
-      const e = !K && (Ce.trim() !== "" || Object.values(G).some((r) => Ue(r))), t = Z ? e ? _e.length : S : _e.length;
+      const e = !P && (ne.trim() !== "" || Object.values(X).some((o) => Ye(o))), t = se ? e ? Xe.length : w : Xe.length;
       return t <= 0 ? null : /* @__PURE__ */ s(
-        Nn,
+        Jn,
         {
-          page: ne,
+          page: Re,
           pageSizeOptions: [5, 10, 20, 50, 100],
-          pageSize: ce,
+          pageSize: ye,
           totalCount: t,
-          currentDataLength: tt.length,
-          onPageChange: ke,
-          onPageSizeChange: (r) => {
-            We(r), ke(1);
+          currentDataLength: $e.length,
+          onPageChange: ze,
+          onPageSizeChange: (o) => {
+            Ze(o), ze(1);
           },
           showPageSizeSelector: !0
         }
@@ -2316,7 +2459,7 @@ function rr({
   ] });
 }
 export {
-  rr as D,
-  Wn as a
+  br as D,
+  Yn as a
 };
 //# sourceMappingURL=DataTable2.es.js.map