@marimo-team/islands 0.23.9-dev4 → 0.23.9-dev5

package/dist/{code-visibility-VZebNmSs.js → code-visibility-DY2PjKMU.js}

@@ -1902,21 +1902,21 @@ Defaulting to \`null\`.`;
   function $2f04cbc44ee30ce0$export$53a0910f038337bd(e, t, n = {}) {
     let { block: i = "nearest", inline: a = "nearest" } = n;
     if (e === t) return;
-    let o = e.scrollTop, s = e.scrollLeft, c = t.getBoundingClientRect(), d = e.getBoundingClientRect(), f = window.getComputedStyle(t), h = window.getComputedStyle(e), _ = document.scrollingElement || document.documentElement, v = e === _ ? 0 : d.top, y = e === _ ? e.clientHeight : d.bottom, S = e === _ ? 0 : d.left, w = e === _ ? e.clientWidth : d.right, E = parseInt(f.scrollMarginTop, 10) || 0, O = parseInt(f.scrollMarginBottom, 10) || 0, A = parseInt(f.scrollMarginLeft, 10) || 0, M = parseInt(f.scrollMarginRight, 10) || 0, I = parseInt(h.scrollPaddingTop, 10) || 0, z = parseInt(h.scrollPaddingBottom, 10) || 0, U = parseInt(h.scrollPaddingLeft, 10) || 0, K = parseInt(h.scrollPaddingRight, 10) || 0, q = parseInt(h.borderTopWidth, 10) || 0, J = parseInt(h.borderBottomWidth, 10) || 0, Q = parseInt(h.borderLeftWidth, 10) || 0, yK = parseInt(h.borderRightWidth, 10) || 0, bK = c.top - E, xK = c.bottom + O, SK = c.left - A, $ = c.right + M, CK = e === _ ? 0 : Q + yK, wK = e === _ ? 0 : q + J, TK = e.offsetWidth - e.clientWidth - CK, EK = e.offsetHeight - e.clientHeight - wK, DK = v + q + I, OK = y - J - z - EK, kK = S + Q + U, AK = w - yK - K;
-    h.direction === "rtl" && !$c87311424ea30a05$export$fedb369cb70207f1() ? kK += TK : AK -= TK;
-    let jK = bK < DK || xK > OK, MK = SK < kK || $ > AK;
-    if (jK && i === "start") o += bK - DK;
-    else if (jK && i === "center") o += (bK + xK) / 2 - (DK + OK) / 2;
-    else if (jK && i === "end") o += xK - OK;
-    else if (jK && i === "nearest") {
-      let e2 = bK - DK, t2 = xK - OK;
+    let o = e.scrollTop, s = e.scrollLeft, c = t.getBoundingClientRect(), d = e.getBoundingClientRect(), f = window.getComputedStyle(t), h = window.getComputedStyle(e), _ = document.scrollingElement || document.documentElement, v = e === _ ? 0 : d.top, y = e === _ ? e.clientHeight : d.bottom, S = e === _ ? 0 : d.left, w = e === _ ? e.clientWidth : d.right, E = parseInt(f.scrollMarginTop, 10) || 0, O = parseInt(f.scrollMarginBottom, 10) || 0, A = parseInt(f.scrollMarginLeft, 10) || 0, M = parseInt(f.scrollMarginRight, 10) || 0, I = parseInt(h.scrollPaddingTop, 10) || 0, z = parseInt(h.scrollPaddingBottom, 10) || 0, U = parseInt(h.scrollPaddingLeft, 10) || 0, K = parseInt(h.scrollPaddingRight, 10) || 0, q = parseInt(h.borderTopWidth, 10) || 0, J = parseInt(h.borderBottomWidth, 10) || 0, Q = parseInt(h.borderLeftWidth, 10) || 0, xK = parseInt(h.borderRightWidth, 10) || 0, SK = c.top - E, CK = c.bottom + O, wK = c.left - A, $ = c.right + M, TK = e === _ ? 0 : Q + xK, EK = e === _ ? 0 : q + J, DK = e.offsetWidth - e.clientWidth - TK, OK = e.offsetHeight - e.clientHeight - EK, kK = v + q + I, AK = y - J - z - OK, jK = S + Q + U, MK = w - xK - K;
+    h.direction === "rtl" && !$c87311424ea30a05$export$fedb369cb70207f1() ? jK += DK : MK -= DK;
+    let NK = SK < kK || CK > AK, PK = wK < jK || $ > MK;
+    if (NK && i === "start") o += SK - kK;
+    else if (NK && i === "center") o += (SK + CK) / 2 - (kK + AK) / 2;
+    else if (NK && i === "end") o += CK - AK;
+    else if (NK && i === "nearest") {
+      let e2 = SK - kK, t2 = CK - AK;
       o += Math.abs(e2) <= Math.abs(t2) ? e2 : t2;
     }
-    if (MK && a === "start") s += SK - kK;
-    else if (MK && a === "center") s += (SK + $) / 2 - (kK + AK) / 2;
-    else if (MK && a === "end") s += $ - AK;
-    else if (MK && a === "nearest") {
-      let e2 = SK - kK, t2 = $ - AK;
+    if (PK && a === "start") s += wK - jK;
+    else if (PK && a === "center") s += (wK + $) / 2 - (jK + MK) / 2;
+    else if (PK && a === "end") s += $ - MK;
+    else if (PK && a === "nearest") {
+      let e2 = wK - jK, t2 = $ - MK;
       s += Math.abs(e2) <= Math.abs(t2) ? e2 : t2;
     }
     e.scrollTo({
@@ -5024,25 +5024,25 @@ Defaulting to \`null\`.`;
       let e2 = $edcf132a9284368a$var$parsePlacement(`${$edcf132a9284368a$var$FLIPPED_DIRECTION[U]} ${K}`), i2 = $edcf132a9284368a$var$computePosition(t, c, n, e2, h, _, f, v, S, w, d);
       $edcf132a9284368a$var$getAvailableSpace(c, f, t, a, o + h, e2, d, E) > Q && (A = e2, q = i2, J = h);
     }
-    let yK = "bottom";
-    A.axis === "top" ? A.placement === "top" ? yK = "top" : A.placement === "bottom" && (yK = "bottom") : A.crossAxis === "top" && (A.crossPlacement === "top" ? yK = "bottom" : A.crossPlacement === "bottom" && (yK = "top"));
-    let bK = $edcf132a9284368a$var$getDelta(I, q[I], n[z], c, d, o, f);
-    q[I] += bK;
-    let xK = $edcf132a9284368a$var$getMaxHeight(q, c, f, v, a, o, n.height, yK, d, E, O);
-    y && y < xK && (xK = y), n.height = Math.min(n.height, xK), q = $edcf132a9284368a$var$computePosition(t, c, n, A, J, _, f, v, S, w, d), bK = $edcf132a9284368a$var$getDelta(I, q[I], n[z], c, d, o, f), q[I] += bK;
-    let SK = {}, $ = t[I] - q[I] - a[$edcf132a9284368a$var$AXIS[I]], CK = $ + 0.5 * t[z], wK = S / 2 + w, TK = $edcf132a9284368a$var$AXIS[I] === "left" ? (a.left ?? 0) + (a.right ?? 0) : (a.top ?? 0) + (a.bottom ?? 0), EK = n[z] - TK - S / 2 - w;
-    SK[I] = $9446cca9a3875146$export$7d15b64cf5a3a4c4($9446cca9a3875146$export$7d15b64cf5a3a4c4(CK, t[I] + S / 2 - (q[I] + a[$edcf132a9284368a$var$AXIS[I]]), t[I] + t[z] - S / 2 - (q[I] + a[$edcf132a9284368a$var$AXIS[I]])), wK, EK), { placement: U, crossPlacement: K } = A, S ? $ = SK[I] : K === "right" ? $ += t[z] : K === "center" && ($ += t[z] / 2);
-    let DK = U === "left" || U === "top" ? n[M] : 0, OK = {
-      x: U === "top" || U === "bottom" ? $ : DK,
-      y: U === "left" || U === "right" ? $ : DK
+    let xK = "bottom";
+    A.axis === "top" ? A.placement === "top" ? xK = "top" : A.placement === "bottom" && (xK = "bottom") : A.crossAxis === "top" && (A.crossPlacement === "top" ? xK = "bottom" : A.crossPlacement === "bottom" && (xK = "top"));
+    let SK = $edcf132a9284368a$var$getDelta(I, q[I], n[z], c, d, o, f);
+    q[I] += SK;
+    let CK = $edcf132a9284368a$var$getMaxHeight(q, c, f, v, a, o, n.height, xK, d, E, O);
+    y && y < CK && (CK = y), n.height = Math.min(n.height, CK), q = $edcf132a9284368a$var$computePosition(t, c, n, A, J, _, f, v, S, w, d), SK = $edcf132a9284368a$var$getDelta(I, q[I], n[z], c, d, o, f), q[I] += SK;
+    let wK = {}, $ = t[I] - q[I] - a[$edcf132a9284368a$var$AXIS[I]], TK = $ + 0.5 * t[z], EK = S / 2 + w, DK = $edcf132a9284368a$var$AXIS[I] === "left" ? (a.left ?? 0) + (a.right ?? 0) : (a.top ?? 0) + (a.bottom ?? 0), OK = n[z] - DK - S / 2 - w;
+    wK[I] = $9446cca9a3875146$export$7d15b64cf5a3a4c4($9446cca9a3875146$export$7d15b64cf5a3a4c4(TK, t[I] + S / 2 - (q[I] + a[$edcf132a9284368a$var$AXIS[I]]), t[I] + t[z] - S / 2 - (q[I] + a[$edcf132a9284368a$var$AXIS[I]])), EK, OK), { placement: U, crossPlacement: K } = A, S ? $ = wK[I] : K === "right" ? $ += t[z] : K === "center" && ($ += t[z] / 2);
+    let kK = U === "left" || U === "top" ? n[M] : 0, AK = {
+      x: U === "top" || U === "bottom" ? $ : kK,
+      y: U === "left" || U === "right" ? $ : kK
     };
     return {
       position: q,
-      maxHeight: xK,
-      arrowOffsetLeft: SK.left,
-      arrowOffsetTop: SK.top,
+      maxHeight: CK,
+      arrowOffsetLeft: wK.left,
+      arrowOffsetTop: wK.top,
       placement: U,
-      triggerAnchorPoint: OK
+      triggerAnchorPoint: AK
     };
   }
   function $edcf132a9284368a$export$b3ceb0cbf1056d98(e) {
@@ -6867,7 +6867,7 @@ Defaulting to \`null\`.`;
       let e2 = window.getSelection();
       (e2 == null ? void 0 : e2.anchorNode) && $d4ee10de306f2510$export$4282f70798064fe0(n.current, e2 == null ? void 0 : e2.anchorNode) && e2.collapse(n.current);
     });
-    let yK = (0, import_react.useRef)("");
+    let xK = (0, import_react.useRef)("");
     $e9faafb641e167db$export$90fc3a17d93f704c(n, "beforeinput", (i2) => {
       if (n.current) switch (i2.preventDefault(), i2.inputType) {
         case "deleteContentBackward":
@@ -6875,7 +6875,7 @@ Defaulting to \`null\`.`;
           E.isValidPartialNumber(e.text) && !t.isReadOnly && O();
           break;
         case "insertCompositionText":
-          yK.current = n.current.textContent, n.current.textContent = n.current.textContent;
+          xK.current = n.current.textContent, n.current.textContent = n.current.textContent;
           break;
         default:
           i2.data != null && J(i2.data);
@@ -6885,7 +6885,7 @@ Defaulting to \`null\`.`;
       let { inputType: t2, data: i2 } = e2;
       switch (t2) {
         case "insertCompositionText":
-          n.current && (n.current.textContent = yK.current), i2 != null && (M(z, i2) || M(U, i2)) && J(i2);
+          n.current && (n.current.textContent = xK.current), i2 != null && (M(z, i2) || M(U, i2)) && J(i2);
           break;
       }
     }), $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
@@ -6897,7 +6897,7 @@ Defaulting to \`null\`.`;
       n,
       h
     ]);
-    let bK = $c87311424ea30a05$export$fedb369cb70207f1() || e.type === "timeZoneName" ? {
+    let SK = $c87311424ea30a05$export$fedb369cb70207f1() || e.type === "timeZoneName" ? {
       role: "textbox",
       "aria-valuemax": null,
       "aria-valuemin": null,
@@ -6907,7 +6907,7 @@ Defaulting to \`null\`.`;
     e !== (0, import_react.useMemo)(() => t.segments.find((e2) => e2.isEditable), [
       t.segments
     ]) && !t.isInvalid && (f = void 0);
-    let xK = $bdb11010cef70236$export$f680877a34711e37(), SK = !t.isDisabled && !t.isReadOnly && e.isEditable, $ = e.type === "literal" ? "" : s.of(e.type), CK = $313b98861ee5dd6c$export$d6875122194c7b44({
+    let CK = $bdb11010cef70236$export$f680877a34711e37(), wK = !t.isDisabled && !t.isReadOnly && e.isEditable, $ = e.type === "literal" ? "" : s.of(e.type), TK = $313b98861ee5dd6c$export$d6875122194c7b44({
       "aria-label": `${$}${c ? `, ${c}` : ""}${d ? ", " : ""}`,
       "aria-labelledby": d
     });
@@ -6916,32 +6916,32 @@ Defaulting to \`null\`.`;
         "aria-hidden": true
       }
     };
-    let wK = {
+    let EK = {
       caretColor: "transparent"
     };
     if (o === "rtl") {
-      wK.unicodeBidi = "embed";
+      EK.unicodeBidi = "embed";
       let t2 = v[e.type];
-      (t2 === "numeric" || t2 === "2-digit") && (wK.direction = "ltr");
+      (t2 === "numeric" || t2 === "2-digit") && (EK.direction = "ltr");
     }
     return {
-      segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(w, CK, {
-        id: xK,
-        ...bK,
+      segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(w, TK, {
+        id: CK,
+        ...SK,
         "aria-invalid": t.isInvalid ? "true" : void 0,
         "aria-describedby": f,
         "aria-readonly": t.isReadOnly || !e.isEditable ? "true" : void 0,
         "data-placeholder": e.isPlaceholder || void 0,
-        contentEditable: SK,
-        suppressContentEditableWarning: SK,
-        spellCheck: SK ? "false" : void 0,
-        autoCorrect: SK ? "off" : void 0,
-        enterKeyHint: SK ? "next" : void 0,
-        inputMode: t.isDisabled || e.type === "dayPeriod" || e.type === "era" || !SK ? void 0 : "numeric",
+        contentEditable: wK,
+        suppressContentEditableWarning: wK,
+        spellCheck: wK ? "false" : void 0,
+        autoCorrect: wK ? "off" : void 0,
+        enterKeyHint: wK ? "next" : void 0,
+        inputMode: t.isDisabled || e.type === "dayPeriod" || e.type === "era" || !wK ? void 0 : "numeric",
         tabIndex: t.isDisabled ? void 0 : 0,
         onKeyDown: A,
         onFocus: Q,
-        style: wK,
+        style: EK,
         onPointerDown(e2) {
           e2.stopPropagation();
         },
@@ -7014,7 +7014,7 @@ Defaulting to \`null\`.`;
           q.current = true, (n2 = e.onFocus) == null || n2.call(e, t2), (i2 = e.onFocusChange) == null || i2.call(e, true);
         }
       }
-    }), Q = (0, import_react.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a), yK = (0, import_react.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a);
+    }), Q = (0, import_react.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a), xK = (0, import_react.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a);
     return {
       groupProps: $3ef42575df84b30b$export$9d1611c77c2fe928(K, M, d, S, J, {
         role: "group",
@@ -7061,7 +7061,7 @@ Defaulting to \`null\`.`;
           realtimeValidation: t.realtimeValidation,
           displayValidation: t.displayValidation,
           updateValidation(e2) {
-            Q.current = e2, t.updateValidation($e5be200c675c3b3a$export$75ee7c75d68f5b0e(e2, yK.current));
+            Q.current = e2, t.updateValidation($e5be200c675c3b3a$export$75ee7c75d68f5b0e(e2, xK.current));
           },
           resetValidation: t.resetValidation,
           commitValidation: t.commitValidation
@@ -7079,7 +7079,7 @@ Defaulting to \`null\`.`;
           realtimeValidation: t.realtimeValidation,
           displayValidation: t.displayValidation,
           updateValidation(e2) {
-            yK.current = e2, t.updateValidation($e5be200c675c3b3a$export$75ee7c75d68f5b0e(Q.current, e2));
+            xK.current = e2, t.updateValidation($e5be200c675c3b3a$export$75ee7c75d68f5b0e(Q.current, e2));
           },
           resetValidation: t.resetValidation,
           commitValidation: t.commitValidation
@@ -10173,7 +10173,7 @@ Defaulting to \`null\`.`;
     function Q(e2) {
       e2 = $f62d864046160412$export$4f5203c0d889109e(e2, s, c), A(e2);
     }
-    function yK(t2) {
+    function xK(t2) {
       if (!e.isDisabled && !e.isReadOnly) {
         let e2 = t2;
         if (e2 === null) {
@@ -10184,12 +10184,12 @@ Defaulting to \`null\`.`;
         e2 = $11d87f3f76e88657$export$b4a036af3fc0b032(e2, (y == null ? void 0 : y.calendar) || new $3b62074eb05584b2$export$80ee6245ec4f29ec()), y && "hour" in y ? S(y.set(e2)) : S(e2);
       }
     }
-    let bK = (0, import_react.useMemo)(() => w ? f && f(w) ? true : $f62d864046160412$export$eac50920cf2fd59a(w, s, c) : false, [
+    let SK = (0, import_react.useMemo)(() => w ? f && f(w) ? true : $f62d864046160412$export$eac50920cf2fd59a(w, s, c) : false, [
       w,
       f,
       s,
       c
-    ]), xK = e.isInvalid || e.validationState === "invalid" || bK, SK = xK ? "invalid" : null, $ = (0, import_react.useMemo)(() => h === "visible" ? o : $131cf43a05231e1e$var$unitDuration(o), [
+    ]), CK = e.isInvalid || e.validationState === "invalid" || SK, wK = CK ? "invalid" : null, $ = (0, import_react.useMemo)(() => h === "visible" ? o : $131cf43a05231e1e$var$unitDuration(o), [
       h,
       o
     ]);
@@ -10197,7 +10197,7 @@ Defaulting to \`null\`.`;
       isDisabled: e.isDisabled ?? false,
       isReadOnly: e.isReadOnly ?? false,
       value: w,
-      setValue: yK,
+      setValue: xK,
       visibleRange: {
         start: M,
         end: K
@@ -10206,8 +10206,8 @@ Defaulting to \`null\`.`;
       maxValue: c,
       focusedDate: O,
       timeZone: E,
-      validationState: SK,
-      isValueInvalid: xK,
+      validationState: wK,
+      isValueInvalid: CK,
       setFocusedDate(e2) {
         Q(e2);
       },
@@ -10268,10 +10268,10 @@ Defaulting to \`null\`.`;
         }));
       },
       selectFocusedDate() {
-        f && f(O) || yK(O);
+        f && f(O) || xK(O);
       },
       selectDate(e2) {
-        yK(e2);
+        xK(e2);
       },
       isFocused: z,
       setFocused: U,
@@ -10374,13 +10374,13 @@ Defaulting to \`null\`.`;
           end: $9a36b6ba2fb1a7c5$var$convertValue(e2.end, h == null ? void 0 : h.end)
         }), q(null);
       }
-    }, [yK, bK] = (0, import_react.useState)(false), { isDateUnavailable: xK } = e, SK = (0, import_react.useMemo)(() => !h || v ? false : xK && (xK(h.start) || xK(h.end)) ? true : $f62d864046160412$export$eac50920cf2fd59a(h.start, c, d) || $f62d864046160412$export$eac50920cf2fd59a(h.end, c, d), [
-      xK,
+    }, [xK, SK] = (0, import_react.useState)(false), { isDateUnavailable: CK } = e, wK = (0, import_react.useMemo)(() => !h || v ? false : CK && (CK(h.start) || CK(h.end)) ? true : $f62d864046160412$export$eac50920cf2fd59a(h.start, c, d) || $f62d864046160412$export$eac50920cf2fd59a(h.end, c, d), [
+      CK,
       h,
       v,
       c,
       d
-    ]), $ = e.isInvalid || e.validationState === "invalid" || SK, CK = $ ? "invalid" : null;
+    ]), $ = e.isInvalid || e.validationState === "invalid" || wK, TK = $ ? "invalid" : null;
     return {
       ...I,
       value: h,
@@ -10388,7 +10388,7 @@ Defaulting to \`null\`.`;
       anchorDate: v,
       setAnchorDate: q,
       highlightedRange: J,
-      validationState: CK,
+      validationState: TK,
       isValueInvalid: $,
       selectFocusedDate() {
         Q(I.focusedDate);
@@ -10404,8 +10404,8 @@ Defaulting to \`null\`.`;
         var _a2, _b;
         return I.isInvalid(e2) || $f62d864046160412$export$eac50920cf2fd59a(e2, (_a2 = w.current) == null ? void 0 : _a2.start, (_b = w.current) == null ? void 0 : _b.end);
       },
-      isDragging: yK,
-      setDragging: bK
+      isDragging: xK,
+      setDragging: SK
     };
   }
   function $9a36b6ba2fb1a7c5$var$makeRange(e, t) {
@@ -11587,12 +11587,12 @@ Defaulting to \`null\`.`;
       q
     ]), Q = (0, import_react.useMemo)(() => J.resolvedOptions(), [
       J
-    ]), yK = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$66aa2b09de4b1ea5(e.placeholderValue, _, S, v), [
+    ]), xK = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$66aa2b09de4b1ea5(e.placeholderValue, _, S, v), [
       e.placeholderValue,
       _,
       S,
       v
-    ]), bK = (0, import_react.useMemo)(() => {
+    ]), SK = (0, import_react.useMemo)(() => {
       let t2 = w === "h11" || w === "h12", n2 = [
         "era",
         "year",
@@ -11610,15 +11610,15 @@ Defaulting to \`null\`.`;
       e.maxGranularity,
       _,
       w
-    ]), [xK, SK] = (0, import_react.useState)(M), [$, CK] = (0, import_react.useState)(S), [wK, TK] = (0, import_react.useState)(w);
-    (M !== xK || w !== wK || !$14e0f24ef4ac5c92$export$dbc69fd56b53d5e(S, $)) && (I = new $f863c03ccd9aead0$export$ae165b50d181e1ef(S, w, M), SK(M), CK(S), TK(w), z(I));
-    let EK = (t2) => {
-      if (!(e.isDisabled || e.isReadOnly)) if (t2 == null || t2 instanceof $f863c03ccd9aead0$export$ae165b50d181e1ef && t2.isCleared(bK)) z(new $f863c03ccd9aead0$export$ae165b50d181e1ef(S, w, M)), O(null);
+    ]), [CK, wK] = (0, import_react.useState)(M), [$, TK] = (0, import_react.useState)(S), [EK, DK] = (0, import_react.useState)(w);
+    (M !== CK || w !== EK || !$14e0f24ef4ac5c92$export$dbc69fd56b53d5e(S, $)) && (I = new $f863c03ccd9aead0$export$ae165b50d181e1ef(S, w, M), wK(M), TK(S), DK(w), z(I));
+    let OK = (t2) => {
+      if (!(e.isDisabled || e.isReadOnly)) if (t2 == null || t2 instanceof $f863c03ccd9aead0$export$ae165b50d181e1ef && t2.isCleared(SK)) z(new $f863c03ccd9aead0$export$ae165b50d181e1ef(S, w, M)), O(null);
       else if (!(t2 instanceof $f863c03ccd9aead0$export$ae165b50d181e1ef)) t2 = $11d87f3f76e88657$export$b4a036af3fc0b032(t2, (h == null ? void 0 : h.calendar) || new $3b62074eb05584b2$export$80ee6245ec4f29ec()), z(new $f863c03ccd9aead0$export$ae165b50d181e1ef(S, w, M)), O(t2);
       else {
-        if (t2.isComplete(bK)) {
-          let e2 = t2.toValue(M ?? yK);
-          if (t2.validate(e2, bK)) {
+        if (t2.isComplete(SK)) {
+          let e2 = t2.toValue(M ?? xK);
+          if (t2.validate(e2, SK)) {
             let t3 = $11d87f3f76e88657$export$b4a036af3fc0b032(e2, (h == null ? void 0 : h.calendar) || new $3b62074eb05584b2$export$80ee6245ec4f29ec());
             if (!E || t3.compare(E) !== 0) {
               z(new $f863c03ccd9aead0$export$ae165b50d181e1ef(S, w, M)), O(t3);
@@ -11628,83 +11628,83 @@ Defaulting to \`null\`.`;
         }
         z(t2);
       }
-    }, DK = (0, import_react.useMemo)(() => I.toValue(M ?? yK).toDate(y), [
+    }, kK = (0, import_react.useMemo)(() => I.toValue(M ?? xK).toDate(y), [
       I,
       y,
       M,
-      yK
-    ]), OK = (0, import_react.useMemo)(() => $3c0fc76039f1c516$var$processSegments(DK, I, J, Q, S, t, _), [
-      DK,
+      xK
+    ]), AK = (0, import_react.useMemo)(() => $3c0fc76039f1c516$var$processSegments(kK, I, J, Q, S, t, _), [
+      kK,
       J,
       Q,
       I,
       S,
       t,
       _
-    ]), kK = (e2, t2) => {
-      EK(I.cycle(e2, t2, yK, bK));
-    }, AK = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$f18627323ab57ac0(E, c, d, f, K), [
+    ]), jK = (e2, t2) => {
+      OK(I.cycle(e2, t2, xK, SK));
+    }, MK = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$f18627323ab57ac0(E, c, d, f, K), [
       E,
       c,
       d,
       f,
       K
-    ]), jK = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+    ]), NK = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
       ...e,
       value: E,
-      builtinValidation: AK
-    }), MK = jK.displayValidation.isInvalid, NK = e.validationState || (MK ? "invalid" : null);
+      builtinValidation: MK
+    }), PK = NK.displayValidation.isInvalid, FK = e.validationState || (PK ? "invalid" : null);
     return {
-      ...jK,
+      ...NK,
       value: M,
       defaultValue: e.defaultValue ?? A,
-      dateValue: DK,
+      dateValue: kK,
       calendar: S,
-      setValue: EK,
-      segments: OK,
+      setValue: OK,
+      segments: AK,
       dateFormatter: J,
-      validationState: NK,
-      isInvalid: MK,
+      validationState: FK,
+      isInvalid: PK,
       granularity: _,
       maxGranularity: e.maxGranularity ?? "year",
       isDisabled: a,
       isReadOnly: o,
       isRequired: s,
       increment(e2) {
-        kK(e2, 1);
+        jK(e2, 1);
       },
       decrement(e2) {
-        kK(e2, -1);
+        jK(e2, -1);
       },
       incrementPage(e2) {
-        kK(e2, $3c0fc76039f1c516$var$PAGE_STEP[e2] || 1);
+        jK(e2, $3c0fc76039f1c516$var$PAGE_STEP[e2] || 1);
       },
       decrementPage(e2) {
-        kK(e2, -($3c0fc76039f1c516$var$PAGE_STEP[e2] || 1));
+        jK(e2, -($3c0fc76039f1c516$var$PAGE_STEP[e2] || 1));
       },
       incrementToMax(e2) {
         let t2 = e2 === "hour" && w === "h12" ? 11 : I.getSegmentLimits(e2).maxValue;
-        EK(I.set(e2, t2, yK));
+        OK(I.set(e2, t2, xK));
       },
       decrementToMin(e2) {
         let t2 = e2 === "hour" && w === "h12" ? 12 : I.getSegmentLimits(e2).minValue;
-        EK(I.set(e2, t2, yK));
+        OK(I.set(e2, t2, xK));
       },
       setSegment(e2, t2) {
-        EK(I.set(e2, t2, yK));
+        OK(I.set(e2, t2, xK));
       },
       confirmPlaceholder() {
-        if (!(e.isDisabled || e.isReadOnly) && I.isComplete(bK)) {
-          let e2 = $11d87f3f76e88657$export$b4a036af3fc0b032(I.toValue(M ?? yK), (h == null ? void 0 : h.calendar) || new $3b62074eb05584b2$export$80ee6245ec4f29ec());
+        if (!(e.isDisabled || e.isReadOnly) && I.isComplete(SK)) {
+          let e2 = $11d87f3f76e88657$export$b4a036af3fc0b032(I.toValue(M ?? xK), (h == null ? void 0 : h.calendar) || new $3b62074eb05584b2$export$80ee6245ec4f29ec());
           (!E || e2.compare(E) !== 0) && O(e2), z(new $f863c03ccd9aead0$export$ae165b50d181e1ef(S, w, M));
         }
       },
       clearSegment(e2) {
         let t2 = I;
-        e2 !== "timeZoneName" && e2 !== "literal" && (t2 = I.clear(e2)), EK(t2);
+        e2 !== "timeZoneName" && e2 !== "literal" && (t2 = I.clear(e2)), OK(t2);
       },
       formatValue(e2) {
-        return M ? new $fb18d541ea1ad717$export$ad991b66133851cf(t, $35a22f14a1f04b11$export$7e319ea407e63bc0(e2, K)).format(DK) : "";
+        return M ? new $fb18d541ea1ad717$export$ad991b66133851cf(t, $35a22f14a1f04b11$export$7e319ea407e63bc0(e2, K)).format(kK) : "";
       },
       getDateFormatter(e2, t2) {
         return new $fb18d541ea1ad717$export$ad991b66133851cf(e2, $35a22f14a1f04b11$export$7e319ea407e63bc0({}, {
@@ -11824,7 +11824,7 @@ Defaulting to \`null\`.`;
         e.endName
       ]),
       builtinValidation: J
-    }), yK = Q.displayValidation.isInvalid, bK = e.validationState || (yK ? "invalid" : null);
+    }), xK = Q.displayValidation.isInvalid, SK = e.validationState || (xK ? "invalid" : null);
     return {
       ...Q,
       value: c,
@@ -11870,8 +11870,8 @@ Defaulting to \`null\`.`;
           end: (w == null ? void 0 : w.end) || $35a22f14a1f04b11$export$c5221a78ef73c5e9(e.placeholderValue)
         }), t.setOpen(n2);
       },
-      validationState: bK,
-      isInvalid: yK,
+      validationState: SK,
+      isInvalid: xK,
       formatValue(t2, n2) {
         if (!c || !c.start || !c.end) return null;
         let i2 = "timeZone" in c.start ? c.start.timeZone : void 0, a2 = e.granularity || (c.start && "minute" in c.start ? "minute" : "day"), o2 = "timeZone" in c.end ? c.end.timeZone : void 0, s2 = e.granularity || (c.end && "minute" in c.end ? "minute" : "day"), d2 = $35a22f14a1f04b11$export$7e319ea407e63bc0(n2, {
@@ -15742,29 +15742,29 @@ try {
     }, f = import_react.createContext(void 0), h = () => import_react.useContext(f) || d, _ = {}, v = {};
     function y(e2) {
       var _a2, _b, _c, _d;
-      let { children: d2, theme: h2, modeStorageKey: y2 = i, colorSchemeStorageKey: S2 = a, disableTransitionOnChange: w2 = o, storageManager: E, storageWindow: O = typeof window > "u" ? void 0 : window, documentNode: A = typeof document > "u" ? void 0 : document, colorSchemeNode: M = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: I = false, disableStyleSheetGeneration: z = false, defaultMode: U = "system", noSsr: K } = e2, q = import_react.useRef(false), J = useTheme$2(), Q = import_react.useContext(f), yK = !!Q && !I, bK = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
+      let { children: d2, theme: h2, modeStorageKey: y2 = i, colorSchemeStorageKey: S2 = a, disableTransitionOnChange: w2 = o, storageManager: E, storageWindow: O = typeof window > "u" ? void 0 : window, documentNode: A = typeof document > "u" ? void 0 : document, colorSchemeNode: M = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: I = false, disableStyleSheetGeneration: z = false, defaultMode: U = "system", noSsr: K } = e2, q = import_react.useRef(false), J = useTheme$2(), Q = import_react.useContext(f), xK = !!Q && !I, SK = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
         h2
-      ]), xK = bK[t], SK = xK || bK, { colorSchemes: $ = _, components: CK = v, cssVarPrefix: wK } = SK, TK = Object.keys($).filter((e3) => !!$[e3]).join(","), EK = import_react.useMemo(() => TK.split(","), [
-        TK
-      ]), DK = typeof s == "string" ? s : s.light, OK = typeof s == "string" ? s : s.dark, { mode: kK, setMode: AK, systemMode: jK, lightColorScheme: MK, darkColorScheme: NK, colorScheme: PK, setColorScheme: FK } = useCurrentColorScheme({
-        supportedColorSchemes: EK,
-        defaultLightColorScheme: DK,
-        defaultDarkColorScheme: OK,
+      ]), CK = SK[t], wK = CK || SK, { colorSchemes: $ = _, components: TK = v, cssVarPrefix: EK } = wK, DK = Object.keys($).filter((e3) => !!$[e3]).join(","), OK = import_react.useMemo(() => DK.split(","), [
+        DK
+      ]), kK = typeof s == "string" ? s : s.light, AK = typeof s == "string" ? s : s.dark, { mode: jK, setMode: MK, systemMode: NK, lightColorScheme: PK, darkColorScheme: FK, colorScheme: IK, setColorScheme: LK } = useCurrentColorScheme({
+        supportedColorSchemes: OK,
+        defaultLightColorScheme: kK,
+        defaultDarkColorScheme: AK,
         modeStorageKey: y2,
         colorSchemeStorageKey: S2,
-        defaultMode: $[DK] && $[OK] ? U : ((_b = (_a2 = $[SK.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = SK.palette) == null ? void 0 : _c.mode),
+        defaultMode: $[kK] && $[AK] ? U : ((_b = (_a2 = $[wK.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = wK.palette) == null ? void 0 : _c.mode),
         storageManager: E,
         storageWindow: O,
         noSsr: K
-      }), IK = kK, LK = PK;
-      yK && (IK = Q.mode, LK = Q.colorScheme);
-      let RK = import_react.useMemo(() => {
+      }), RK = jK, zK = IK;
+      xK && (RK = Q.mode, zK = Q.colorScheme);
+      let BK = import_react.useMemo(() => {
         var _a3;
-        let e3 = LK || SK.defaultColorScheme, t2 = ((_a3 = SK.generateThemeVars) == null ? void 0 : _a3.call(SK)) || SK.vars, n2 = {
-          ...SK,
-          components: CK,
+        let e3 = zK || wK.defaultColorScheme, t2 = ((_a3 = wK.generateThemeVars) == null ? void 0 : _a3.call(wK)) || wK.vars, n2 = {
+          ...wK,
+          components: TK,
           colorSchemes: $,
-          cssVarPrefix: wK,
+          cssVarPrefix: EK,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
@@ -15778,31 +15778,31 @@ try {
         }
         return c ? c(n2) : n2;
       }, [
-        SK,
-        LK,
-        CK,
+        wK,
+        zK,
+        TK,
         $,
-        wK
-      ]), zK = SK.colorSchemeSelector;
+        EK
+      ]), VK = wK.colorSchemeSelector;
       useEnhancedEffect_default(() => {
-        if (LK && M && zK && zK !== "media") {
-          let e3 = zK, t2 = zK;
-          if (e3 === "class" && (t2 = ".%s"), e3 === "data" && (t2 = "[data-%s]"), (e3 == null ? void 0 : e3.startsWith("data-")) && !e3.includes("%s") && (t2 = `[${e3}="%s"]`), t2.startsWith(".")) M.classList.remove(...EK.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", LK));
+        if (zK && M && VK && VK !== "media") {
+          let e3 = VK, t2 = VK;
+          if (e3 === "class" && (t2 = ".%s"), e3 === "data" && (t2 = "[data-%s]"), (e3 == null ? void 0 : e3.startsWith("data-")) && !e3.includes("%s") && (t2 = `[${e3}="%s"]`), t2.startsWith(".")) M.classList.remove(...OK.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", zK));
           else {
-            let e4 = t2.replace("%s", LK).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", zK).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || EK.forEach((e5) => {
-                M.removeAttribute(t3.replace(LK, e5));
+              n2 || OK.forEach((e5) => {
+                M.removeAttribute(t3.replace(zK, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, LK);
+            } else M.setAttribute(t2, zK);
           }
         }
       }, [
-        LK,
         zK,
+        VK,
         M,
-        EK
+        OK
       ]), import_react.useEffect(() => {
         let e3;
         if (w2 && q.current && A) {
@@ -15815,48 +15815,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        LK,
+        zK,
         w2,
         A
       ]), import_react.useEffect(() => (q.current = true, () => {
         q.current = false;
       }), []);
-      let BK = import_react.useMemo(() => ({
-        allColorSchemes: EK,
-        colorScheme: LK,
-        darkColorScheme: NK,
-        lightColorScheme: MK,
-        mode: IK,
-        setColorScheme: FK,
-        setMode: AK,
-        systemMode: jK
+      let HK = import_react.useMemo(() => ({
+        allColorSchemes: OK,
+        colorScheme: zK,
+        darkColorScheme: FK,
+        lightColorScheme: PK,
+        mode: RK,
+        setColorScheme: LK,
+        setMode: MK,
+        systemMode: NK
       }), [
-        EK,
+        OK,
+        zK,
+        FK,
+        PK,
+        RK,
         LK,
-        NK,
         MK,
-        IK,
-        FK,
-        AK,
-        jK,
-        RK.colorSchemeSelector
-      ]), VK = true;
-      (z || SK.cssVariables === false || yK && (J == null ? void 0 : J.cssVarPrefix) === wK) && (VK = false);
-      let HK = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+        NK,
+        BK.colorSchemeSelector
+      ]), UK = true;
+      (z || wK.cssVariables === false || xK && (J == null ? void 0 : J.cssVarPrefix) === EK) && (UK = false);
+      let WK = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(ThemeProvider_default, {
-            themeId: xK ? t : void 0,
-            theme: RK,
+            themeId: CK ? t : void 0,
+            theme: BK,
             children: d2
           }),
-          VK && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = RK.generateStyleSheets) == null ? void 0 : _d.call(RK)) || []
+          UK && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = BK.generateStyleSheets) == null ? void 0 : _d.call(BK)) || []
           })
         ]
       });
-      return yK ? HK : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: BK,
-        children: HK
+      return xK ? WK : (0, import_jsx_runtime.jsx)(f.Provider, {
+        value: HK,
+        children: WK
       });
     }
     let S = typeof s == "string" ? s : s.light, w = typeof s == "string" ? s : s.dark;
@@ -17356,10 +17356,10 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     let n = useDefaultProps({
       props: e,
       name: "MuiInputBase"
-    }), { "aria-describedby": i, autoComplete: a, autoFocus: o, className: s, color: c, components: d = {}, componentsProps: f = {}, defaultValue: h, disabled: _, disableInjectingGlobalStyles: v, endAdornment: y, error: S, fullWidth: w = false, id: E, inputComponent: O = "input", inputProps: A = {}, inputRef: M, margin: I, maxRows: z, minRows: U, multiline: K = false, name: q, onBlur: J, onChange: Q, onClick: yK, onFocus: bK, onKeyDown: xK, onKeyUp: SK, placeholder: $, readOnly: CK, renderSuffix: wK, rows: TK, size: EK, slotProps: DK = {}, slots: OK = {}, startAdornment: kK, type: AK = "text", value: jK, ...MK } = n, NK = A.value == null ? jK : A.value, { current: PK } = import_react.useRef(NK != null), FK = import_react.useRef(), IK = import_react.useCallback((e2) => {
-    }, []), LK = useForkRef_default(FK, M, A.ref, IK), [RK, zK] = import_react.useState(false), BK = useFormControl(), VK = formControlState({
+    }), { "aria-describedby": i, autoComplete: a, autoFocus: o, className: s, color: c, components: d = {}, componentsProps: f = {}, defaultValue: h, disabled: _, disableInjectingGlobalStyles: v, endAdornment: y, error: S, fullWidth: w = false, id: E, inputComponent: O = "input", inputProps: A = {}, inputRef: M, margin: I, maxRows: z, minRows: U, multiline: K = false, name: q, onBlur: J, onChange: Q, onClick: xK, onFocus: SK, onKeyDown: CK, onKeyUp: wK, placeholder: $, readOnly: TK, renderSuffix: EK, rows: DK, size: OK, slotProps: kK = {}, slots: AK = {}, startAdornment: jK, type: MK = "text", value: NK, ...PK } = n, FK = A.value == null ? NK : A.value, { current: IK } = import_react.useRef(FK != null), LK = import_react.useRef(), RK = import_react.useCallback((e2) => {
+    }, []), zK = useForkRef_default(LK, M, A.ref, RK), [BK, VK] = import_react.useState(false), HK = useFormControl(), UK = formControlState({
       props: n,
-      muiFormControl: BK,
+      muiFormControl: HK,
       states: [
         "color",
         "disabled",
@@ -17370,145 +17370,145 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         "filled"
       ]
     });
-    VK.focused = BK ? BK.focused : RK, import_react.useEffect(() => {
-      !BK && _ && RK && (zK(false), J && J());
+    UK.focused = HK ? HK.focused : BK, import_react.useEffect(() => {
+      !HK && _ && BK && (VK(false), J && J());
     }, [
-      BK,
+      HK,
       _,
-      RK,
+      BK,
       J
     ]);
-    let HK = BK && BK.onFilled, UK = BK && BK.onEmpty, WK = import_react.useCallback((e2) => {
-      isFilled(e2) ? HK && HK() : UK && UK();
+    let WK = HK && HK.onFilled, GK = HK && HK.onEmpty, KK = import_react.useCallback((e2) => {
+      isFilled(e2) ? WK && WK() : GK && GK();
     }, [
-      HK,
-      UK
+      WK,
+      GK
     ]);
     useEnhancedEffect_default$1(() => {
-      PK && WK({
-        value: NK
+      IK && KK({
+        value: FK
       });
     }, [
-      NK,
-      WK,
-      PK
+      FK,
+      KK,
+      IK
     ]);
-    let GK = (e2) => {
-      bK && bK(e2), A.onFocus && A.onFocus(e2), BK && BK.onFocus ? BK.onFocus(e2) : zK(true);
-    }, KK = (e2) => {
-      J && J(e2), A.onBlur && A.onBlur(e2), BK && BK.onBlur ? BK.onBlur(e2) : zK(false);
-    }, qK = (e2, ...t2) => {
-      if (!PK) {
-        let t3 = e2.target || FK.current;
+    let qK = (e2) => {
+      SK && SK(e2), A.onFocus && A.onFocus(e2), HK && HK.onFocus ? HK.onFocus(e2) : VK(true);
+    }, JK = (e2) => {
+      J && J(e2), A.onBlur && A.onBlur(e2), HK && HK.onBlur ? HK.onBlur(e2) : VK(false);
+    }, YK = (e2, ...t2) => {
+      if (!IK) {
+        let t3 = e2.target || LK.current;
         if (t3 == null) throw Error(formatMuiErrorMessage(1));
-        WK({
+        KK({
           value: t3.value
         });
       }
       A.onChange && A.onChange(e2, ...t2), Q && Q(e2, ...t2);
     };
     import_react.useEffect(() => {
-      WK(FK.current);
+      KK(LK.current);
     }, []);
-    let JK = (e2) => {
-      FK.current && e2.currentTarget === e2.target && FK.current.focus(), yK && yK(e2);
-    }, YK = O, XK = A;
-    K && YK === "input" && (XK = TK ? {
+    let XK = (e2) => {
+      LK.current && e2.currentTarget === e2.target && LK.current.focus(), xK && xK(e2);
+    }, ZK = O, QK = A;
+    K && ZK === "input" && (QK = DK ? {
       type: void 0,
-      minRows: TK,
-      maxRows: TK,
-      ...XK
+      minRows: DK,
+      maxRows: DK,
+      ...QK
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ...XK
-    }, YK = TextareaAutosize_default);
-    let ZK = (e2) => {
-      WK(e2.animationName === "mui-auto-fill-cancel" ? FK.current : {
+      ...QK
+    }, ZK = TextareaAutosize_default);
+    let $K = (e2) => {
+      KK(e2.animationName === "mui-auto-fill-cancel" ? LK.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      BK && BK.setAdornedStart(!!kK);
+      HK && HK.setAdornedStart(!!jK);
     }, [
-      BK,
-      kK
+      HK,
+      jK
     ]);
-    let QK = {
+    let eq = {
       ...n,
-      color: VK.color || "primary",
-      disabled: VK.disabled,
+      color: UK.color || "primary",
+      disabled: UK.disabled,
       endAdornment: y,
-      error: VK.error,
-      focused: VK.focused,
-      formControl: BK,
+      error: UK.error,
+      focused: UK.focused,
+      formControl: HK,
       fullWidth: w,
-      hiddenLabel: VK.hiddenLabel,
+      hiddenLabel: UK.hiddenLabel,
       multiline: K,
-      size: VK.size,
-      startAdornment: kK,
-      type: AK
-    }, $K = useUtilityClasses(QK), eq = OK.root || d.Root || InputBaseRoot, tq = DK.root || f.root || {}, nq = OK.input || d.Input || InputBaseInput;
-    return XK = {
-      ...XK,
-      ...DK.input ?? f.input
+      size: UK.size,
+      startAdornment: jK,
+      type: MK
+    }, tq = useUtilityClasses(eq), nq = AK.root || d.Root || InputBaseRoot, rq = kK.root || f.root || {}, iq = AK.input || d.Input || InputBaseInput;
+    return QK = {
+      ...QK,
+      ...kK.input ?? f.input
     }, (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
       children: [
         !v && typeof InputGlobalStyles == "function" && (_InputGlobalStyles || (_InputGlobalStyles = (0, import_jsx_runtime.jsx)(InputGlobalStyles, {}))),
-        (0, import_jsx_runtime.jsxs)(eq, {
-          ...tq,
+        (0, import_jsx_runtime.jsxs)(nq, {
+          ...rq,
           ref: t,
-          onClick: JK,
-          ...MK,
-          ...!isHostComponent_default(eq) && {
+          onClick: XK,
+          ...PK,
+          ...!isHostComponent_default(nq) && {
             ownerState: {
-              ...QK,
-              ...tq.ownerState
+              ...eq,
+              ...rq.ownerState
             }
           },
-          className: clsx_default($K.root, tq.className, s, CK && "MuiInputBase-readOnly"),
+          className: clsx_default(tq.root, rq.className, s, TK && "MuiInputBase-readOnly"),
           children: [
-            kK,
+            jK,
             (0, import_jsx_runtime.jsx)(FormControlContext_default.Provider, {
               value: null,
-              children: (0, import_jsx_runtime.jsx)(nq, {
-                "aria-invalid": VK.error,
+              children: (0, import_jsx_runtime.jsx)(iq, {
+                "aria-invalid": UK.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: VK.disabled,
+                disabled: UK.disabled,
                 id: E,
-                onAnimationStart: ZK,
+                onAnimationStart: $K,
                 name: q,
                 placeholder: $,
-                readOnly: CK,
-                required: VK.required,
-                rows: TK,
-                value: NK,
-                onKeyDown: xK,
-                onKeyUp: SK,
-                type: AK,
-                ...XK,
-                ...!isHostComponent_default(nq) && {
-                  as: YK,
+                readOnly: TK,
+                required: UK.required,
+                rows: DK,
+                value: FK,
+                onKeyDown: CK,
+                onKeyUp: wK,
+                type: MK,
+                ...QK,
+                ...!isHostComponent_default(iq) && {
+                  as: ZK,
                   ownerState: {
-                    ...QK,
-                    ...XK.ownerState
+                    ...eq,
+                    ...QK.ownerState
                   }
                 },
-                ref: LK,
-                className: clsx_default($K.input, XK.className, CK && "MuiInputBase-readOnly"),
-                onBlur: KK,
-                onChange: qK,
-                onFocus: GK
+                ref: zK,
+                className: clsx_default(tq.input, QK.className, TK && "MuiInputBase-readOnly"),
+                onBlur: JK,
+                onChange: YK,
+                onFocus: qK
               })
             }),
             y,
-            wK ? wK({
-              ...VK,
-              startAdornment: kK
+            EK ? EK({
+              ...UK,
+              startAdornment: jK
             }) : null
           ]
         })
@@ -18584,30 +18584,30 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       M,
       i,
       a
-    ]), z = useJsonViewerStore((e2) => e2.setHover), U = useJsonViewerStore((e2) => e2.value), [K, q] = useInspect(i, t, a), [J, Q] = (0, import_react.useState)(false), yK = useJsonViewerStore((e2) => e2.onChange), bK = useTextColor(), xK = useJsonViewerStore((e2) => e2.colorspace.base0C), SK = useJsonViewerStore((e2) => e2.colorspace.base0A), $ = useJsonViewerStore((e2) => e2.displayComma), CK = useJsonViewerStore((e2) => e2.quotesOnKeys), wK = useJsonViewerStore((e2) => e2.rootName), TK = U === t, EK = Number.isInteger(Number(A)), DK = useJsonViewerStore((e2) => e2.enableAdd), OK = useJsonViewerStore((e2) => e2.onAdd), kK = (0, import_react.useMemo)(() => !OK || a !== void 0 || DK === false || v === false ? false : typeof DK == "function" ? !!DK(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
-      OK,
+    ]), z = useJsonViewerStore((e2) => e2.setHover), U = useJsonViewerStore((e2) => e2.value), [K, q] = useInspect(i, t, a), [J, Q] = (0, import_react.useState)(false), xK = useJsonViewerStore((e2) => e2.onChange), SK = useTextColor(), CK = useJsonViewerStore((e2) => e2.colorspace.base0C), wK = useJsonViewerStore((e2) => e2.colorspace.base0A), $ = useJsonViewerStore((e2) => e2.displayComma), TK = useJsonViewerStore((e2) => e2.quotesOnKeys), EK = useJsonViewerStore((e2) => e2.rootName), DK = U === t, OK = Number.isInteger(Number(A)), kK = useJsonViewerStore((e2) => e2.enableAdd), AK = useJsonViewerStore((e2) => e2.onAdd), jK = (0, import_react.useMemo)(() => !AK || a !== void 0 || kK === false || v === false ? false : typeof kK == "function" ? !!kK(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
+      AK,
       a,
       i,
-      DK,
+      kK,
       v,
       t
-    ]), AK = useJsonViewerStore((e2) => e2.enableDelete), jK = useJsonViewerStore((e2) => e2.onDelete), MK = (0, import_react.useMemo)(() => !jK || a !== void 0 || TK || AK === false || v === false ? false : typeof AK == "function" ? !!AK(i, t) : AK, [
-      jK,
+    ]), MK = useJsonViewerStore((e2) => e2.enableDelete), NK = useJsonViewerStore((e2) => e2.onDelete), PK = (0, import_react.useMemo)(() => !NK || a !== void 0 || DK || MK === false || v === false ? false : typeof MK == "function" ? !!MK(i, t) : MK, [
+      NK,
       a,
-      TK,
+      DK,
       i,
-      AK,
+      MK,
       v,
       t
-    ]), NK = useJsonViewerStore((e2) => e2.enableClipboard), { copy: PK, copied: FK } = useClipboard(), IK = useJsonViewerStore((e2) => e2.highlightUpdates), LK = (0, import_react.useMemo)(() => !IK || n === void 0 ? false : typeof t == typeof n ? typeof t == "number" ? isNaN(t) && isNaN(n) ? false : t !== n : Array.isArray(t) === Array.isArray(n) ? typeof t == "object" || typeof t == "function" ? false : t !== n : true : true, [
-      IK,
+    ]), FK = useJsonViewerStore((e2) => e2.enableClipboard), { copy: IK, copied: LK } = useClipboard(), RK = useJsonViewerStore((e2) => e2.highlightUpdates), zK = (0, import_react.useMemo)(() => !RK || n === void 0 ? false : typeof t == typeof n ? typeof t == "number" ? isNaN(t) && isNaN(n) ? false : t !== n : Array.isArray(t) === Array.isArray(n) ? typeof t == "object" || typeof t == "function" ? false : t !== n : true : true, [
+      RK,
       n,
       t
-    ]), RK = (0, import_react.useRef)();
+    ]), BK = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      RK.current && LK && "animate" in RK.current && RK.current.animate([
+      BK.current && zK && "animate" in BK.current && BK.current.animate([
         {
-          backgroundColor: SK
+          backgroundColor: wK
         },
         {
           backgroundColor: ""
@@ -18617,40 +18617,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         easing: "ease-in"
       });
     }, [
-      SK,
-      LK,
+      wK,
+      zK,
       n,
       t
     ]);
-    let zK = (0, import_react.useCallback)((e2) => {
+    let VK = (0, import_react.useCallback)((e2) => {
       e2.preventDefault(), h && E(h(t)), Q(true);
     }, [
       h,
       t
-    ]), BK = (0, import_react.useCallback)(() => {
+    ]), HK = (0, import_react.useCallback)(() => {
       Q(false), E("");
     }, [
       Q,
       E
-    ]), VK = (0, import_react.useCallback)((e2) => {
+    ]), UK = (0, import_react.useCallback)((e2) => {
       if (Q(false), _) try {
-        yK(i, t, _(e2));
+        xK(i, t, _(e2));
       } catch {
       }
     }, [
       Q,
       _,
-      yK,
+      xK,
       i,
       t
-    ]), HK = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    ]), WK = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         (0, import_jsx_runtime.jsx)(IconBox, {
           children: (0, import_jsx_runtime.jsx)(CloseIcon, {
             sx: {
               fontSize: ".8rem"
             },
-            onClick: BK
+            onClick: HK
           })
         }),
         (0, import_jsx_runtime.jsx)(IconBox, {
@@ -18658,22 +18658,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             sx: {
               fontSize: ".8rem"
             },
-            onClick: () => VK(w)
+            onClick: () => UK(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        NK && (0, import_jsx_runtime.jsx)(IconBox, {
+        FK && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              PK(i, t, copyString);
+              IK(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: FK ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: LK ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
             sx: {
               fontSize: ".8rem"
             }
@@ -18684,16 +18684,16 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           })
         }),
         f && S && h && _ && (0, import_jsx_runtime.jsx)(IconBox, {
-          onClick: zK,
+          onClick: VK,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        kK && (0, import_jsx_runtime.jsx)(IconBox, {
+        jK && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), OK == null ? void 0 : OK(i);
+            e2.preventDefault(), AK == null ? void 0 : AK(i);
           },
           children: (0, import_jsx_runtime.jsx)(AddBoxIcon, {
             sx: {
@@ -18701,9 +18701,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             }
           })
         }),
-        MK && (0, import_jsx_runtime.jsx)(IconBox, {
+        PK && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), jK == null ? void 0 : jK(i, t);
+            e2.preventDefault(), NK == null ? void 0 : NK(i, t);
           },
           children: (0, import_jsx_runtime.jsx)(DeleteIcon, {
             sx: {
@@ -18716,24 +18716,24 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       f,
       h,
       _,
-      FK,
-      PK,
+      LK,
+      IK,
       S,
       J,
-      NK,
-      kK,
-      MK,
+      FK,
+      jK,
+      PK,
       w,
       i,
       t,
-      OK,
-      jK,
-      zK,
-      BK,
-      VK
-    ]), UK = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      AK,
+      NK,
+      VK,
+      HK,
+      UK
+    ]), GK = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), WK = !UK && !!(c && d), GK = useJsonViewerStore((e2) => e2.keyRenderer), KK = (0, import_react.useMemo)(() => ({
+    ]), KK = !GK && !!(c && d), qK = useJsonViewerStore((e2) => e2.keyRenderer), JK = (0, import_react.useMemo)(() => ({
       path: i,
       inspect: K,
       setInspect: q,
@@ -18765,18 +18765,18 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           className: "data-key",
           sx: {
             lineHeight: 1.5,
-            color: bK,
+            color: SK,
             letterSpacing: 0.5,
             opacity: 0.8
           },
           onClick: (0, import_react.useCallback)((e2) => {
-            e2.isDefaultPrevented() || UK || q((e3) => !e3);
+            e2.isDefaultPrevented() || GK || q((e3) => !e3);
           }, [
-            UK,
+            GK,
             q
           ]),
           children: [
-            WK ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            KK ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
               className: "data-key-toggle-expanded",
               sx: {
                 fontSize: ".8rem",
@@ -18794,27 +18794,27 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
               }
             }) : null,
             (0, import_jsx_runtime.jsx)(Box_default, {
-              ref: RK,
+              ref: BK,
               className: "data-key-key",
               component: "span",
-              children: TK && O === 0 ? wK === false ? null : CK ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: DK && O === 0 ? EK === false ? null : TK ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
-                  wK,
+                  EK,
                   '"'
                 ]
               }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-                children: wK
-              }) : GK.when(KK) ? (0, import_jsx_runtime.jsx)(GK, {
-                ...KK
-              }) : a === void 0 && (EK ? (0, import_jsx_runtime.jsx)(Box_default, {
+                children: EK
+              }) : qK.when(JK) ? (0, import_jsx_runtime.jsx)(qK, {
+                ...JK
+              }) : a === void 0 && (OK ? (0, import_jsx_runtime.jsx)(Box_default, {
                 component: "span",
                 style: {
-                  color: xK,
-                  userSelect: EK ? "none" : "auto"
+                  color: CK,
+                  userSelect: OK ? "none" : "auto"
                 },
                 children: A
-              }) : CK ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : TK ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
                   A,
@@ -18824,7 +18824,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 children: A
               }))
             }),
-            TK ? wK !== false && (0, import_jsx_runtime.jsx)(DataBox, {
+            DK ? EK !== false && (0, import_jsx_runtime.jsx)(DataBox, {
               className: "data-key-colon",
               sx: {
                 mr: 0.5
@@ -18837,38 +18837,38 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 ".data-key-key:empty + &": {
                   display: "none"
                 },
-                userSelect: EK ? "none" : "auto"
+                userSelect: OK ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...KK
+              ...JK
             }),
-            I && WK && K && HK
+            I && KK && K && WK
           ]
         }),
         J && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: BK,
-          commitEditing: VK
+          abortEditing: HK,
+          commitEditing: UK
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...KK
+          ...JK
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...KK
+          ...JK
         }),
         !o && $ && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && WK && !K && HK,
-        I && !WK && HK,
-        !I && J && HK
+        I && KK && !K && WK,
+        I && !KK && WK,
+        !I && J && WK
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -19709,18 +19709,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
     let _, v, y, S, w, E;
     if (t[2] !== d || t[3] !== i || t[4] !== s || t[5] !== o || t[6] !== n || t[7] !== f || t[8] !== c) {
-      let e2 = n.filter(_temp7$1), O2 = n.filter(_temp8), A2 = n.filter(_temp9), M = n.filter(_temp0), I = n.filter(_temp1), z = n.filter(_temp10), U = n.filter(_temp11), K = n.filter(_temp12), q = n.filter(_temp13), J = n.filter(_temp14), Q = n.filter(_temp15), yK = n.filter(_temp16), bK = n.filter(_temp17), xK;
-      t[15] === s ? xK = t[16] : (xK = () => {
+      let e2 = n.filter(_temp7$1), O2 = n.filter(_temp8), A2 = n.filter(_temp9), M = n.filter(_temp0), I = n.filter(_temp1), z = n.filter(_temp10), U = n.filter(_temp11), K = n.filter(_temp12), q = n.filter(_temp13), J = n.filter(_temp14), Q = n.filter(_temp15), xK = n.filter(_temp16), SK = n.filter(_temp17), CK;
+      t[15] === s ? CK = t[16] : (CK = () => {
         s.openApplication("scratchpad");
-      }, t[15] = s, t[16] = xK);
-      let SK = xK, $ = () => {
+      }, t[15] = s, t[16] = CK);
+      let wK = CK, $ = () => {
         let t2 = [];
-        if (Q.length > 0 || yK.length > 0) {
+        if (Q.length > 0 || xK.length > 0) {
           let e3 = Q.some(_temp18), n2 = !e3 && Q.some(_temp19);
           t2.push((0, import_jsx_runtime.jsxs)("div", {
             children: [
               Q.map(_temp20),
-              yK.map(_temp21),
+              xK.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
                 variant: "outline",
@@ -19752,7 +19752,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
                   ...Q,
-                  ...yK
+                  ...xK
                 ],
                 cellId: i
               })
@@ -19913,7 +19913,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                       size: "xs",
                       variant: "link",
                       className: "my-2 font-normal mx-0 px-0",
-                      onClick: SK,
+                      onClick: wK,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -20028,23 +20028,23 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               cellId: i
             })
           ]
-        }, "ancestor-stopped")), bK.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
+        }, "ancestor-stopped")), SK.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
           children: [
-            bK.map(_temp35),
+            SK.map(_temp35),
             i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-              errors: bK,
+              errors: SK,
               cellId: i,
               className: "mt-2.5"
             })
           ]
         }, "sql-errors")), t2;
-      }, CK = `font-code font-medium tracking-wide ${f}`, wK;
-      t[17] !== CK || t[18] !== c ? (wK = (0, import_jsx_runtime.jsx)(AlertTitle, {
-        className: CK,
+      }, TK = `font-code font-medium tracking-wide ${f}`, EK;
+      t[17] !== TK || t[18] !== c ? (EK = (0, import_jsx_runtime.jsx)(AlertTitle, {
+        className: TK,
         children: c
-      }), t[17] = CK, t[18] = c, t[19] = wK) : wK = t[19];
-      let TK = wK;
-      _ = Alert, S = d, t[20] === o ? w = t[21] : (w = cn("border-none font-code text-sm text-[0.84375rem] px-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-4", o), t[20] = o, t[21] = w), E = TK, v = "flex flex-col gap-8", y = $(), t[2] = d, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = f, t[8] = c, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E;
+      }), t[17] = TK, t[18] = c, t[19] = EK) : EK = t[19];
+      let DK = EK;
+      _ = Alert, S = d, t[20] === o ? w = t[21] : (w = cn("border-none font-code text-sm text-[0.84375rem] px-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-4", o), t[20] = o, t[21] = w), E = DK, v = "flex flex-col gap-8", y = $(), t[2] = d, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = f, t[8] = c, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E;
     } else _ = t[9], v = t[10], y = t[11], S = t[12], w = t[13], E = t[14];
     let O;
     t[22] !== v || t[23] !== y ? (O = (0, import_jsx_runtime.jsx)("div", {
@@ -23411,6 +23411,24 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     });
   }
+  function HideColumn(e) {
+    let t = (0, import_compiler_runtime$41.c)(5), { column: n } = e;
+    if (!n.getCanHide()) return null;
+    let i;
+    t[0] === n ? i = t[1] : (i = () => n.toggleVisibility(false), t[0] = n, t[1] = i);
+    let a;
+    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = (0, import_jsx_runtime.jsx)(EyeOff, {
+      className: "mo-dropdown-icon"
+    }), t[2] = a) : a = t[2];
+    let o;
+    return t[3] === i ? o = t[4] : (o = (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      onClick: i,
+      children: [
+        a,
+        "Hide column"
+      ]
+    }), t[3] = i, t[4] = o), o;
+  }
   function renderCopyColumn(e) {
     var _a2;
     return !((_a2 = e.getCanCopy) == null ? void 0 : _a2.call(e)) || e.id.startsWith("__m_column__") ? null : (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
@@ -23476,8 +23494,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             n === "desc" && s()
           ]
         }),
-        c(),
-        (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {})
+        c()
       ]
     });
   }
@@ -23579,6 +23596,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                     renderColumnPinning(e),
                     renderColumnWrapping(e),
                     renderFormatOptions(e, c),
+                    (0, import_jsx_runtime.jsx)(HideColumn, {
+                      column: e
+                    }),
                     _ && (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
                     _ && (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
                       onSelect: () => d.requestAddFilter({
@@ -25352,7 +25372,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       className: "text-link hover:underline",
       children: n
     }), t[1] = n, t[2] = a), a;
-  }, PopoverClose$1 = Close$1, MAX_STRING_LENGTH = 50, SELECT_ID = "__select__";
+  }, PopoverClose$1 = Close$1;
+  NAMELESS_COLUMN_PREFIX = "__m_column__";
+  var MAX_STRING_LENGTH = 50;
   function inferDataType(e) {
     return typeof e == "string" ? [
       "string",
@@ -25380,7 +25402,6 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       });
     }), Objects.entries(t);
   };
-  NAMELESS_COLUMN_PREFIX = "__m_column__";
   generateColumns = function({ rowHeaders: e, selection: t, fieldTypes: n, chartSpecModel: i, textJustifyColumns: o, wrappedColumns: s, headerTooltip: c, showDataTypes: d, calculateTopKRows: f, fractionDigitsByColumn: h }) {
     let _ = new Set(e.map(([e2]) => e2)), v = Maps.keyBy(n, (e2) => e2[0]), y = (t2) => {
       var _a2, _b;
@@ -25413,6 +25434,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let O = w.map((e2, n2) => ({
       id: e2 || `__m_column__${n2}`,
       accessorFn: (t2) => t2[e2],
+      enableHiding: !_.has(e2) && e2 !== "",
       header: ({ column: t2, table: n3 }) => {
         var _a2;
         let s2 = i == null ? void 0 : i.getColumnStats(e2), h2 = (_a2 = t2.columnDef.meta) == null ? void 0 : _a2.dtype, v2 = c == null ? void 0 : c[e2], y2 = o == null ? void 0 : o[e2], S2 = d && h2 ? (0, import_jsx_runtime.jsxs)("div", {
@@ -25484,7 +25506,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       meta: y(e2)
     }));
     return (t === "single" || t === "multi") && O.unshift({
-      id: SELECT_ID,
+      id: "__select__",
       maxSize: 40,
       header: ({ table: e2 }) => t === "multi" ? (0, import_jsx_runtime.jsx)(Checkbox, {
         "data-testid": "select-all-checkbox",
@@ -26044,7 +26066,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function PanelWithForwardedRef({ children: e, className: t = "", collapsedSize: n, collapsible: i, defaultSize: a, forwardedRef: o, id: s, maxSize: c, minSize: d, onCollapse: f, onExpand: h, onResize: _, order: v, style: y, tagName: S = "div", ...w }) {
     let E = (0, import_react.useContext)(PanelGroupContext);
     if (E === null) throw Error("Panel components must be rendered within a PanelGroup container");
-    let { collapsePanel: O, expandPanel: A, getPanelSize: M, getPanelStyle: I, groupId: z, isPanelCollapsed: U, reevaluatePanelConstraints: K, registerPanel: q, resizePanel: J, unregisterPanel: Q } = E, yK = useUniqueId(s), bK = (0, import_react.useRef)({
+    let { collapsePanel: O, expandPanel: A, getPanelSize: M, getPanelStyle: I, groupId: z, isPanelCollapsed: U, reevaluatePanelConstraints: K, registerPanel: q, resizePanel: J, unregisterPanel: Q } = E, xK = useUniqueId(s), SK = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -26057,72 +26079,72 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: yK,
+      id: xK,
       idIsFromProps: s !== void 0,
       order: v
     });
     (0, import_react.useRef)({
       didLogMissingDefaultSizeWarning: false
     }), useIsomorphicLayoutEffect$1(() => {
-      let { callbacks: e2, constraints: t2 } = bK.current, o2 = {
+      let { callbacks: e2, constraints: t2 } = SK.current, o2 = {
         ...t2
       };
-      bK.current.id = yK, bK.current.idIsFromProps = s !== void 0, bK.current.order = v, e2.onCollapse = f, e2.onExpand = h, e2.onResize = _, t2.collapsedSize = n, t2.collapsible = i, t2.defaultSize = a, t2.maxSize = c, t2.minSize = d, (o2.collapsedSize !== t2.collapsedSize || o2.collapsible !== t2.collapsible || o2.maxSize !== t2.maxSize || o2.minSize !== t2.minSize) && K(bK.current, o2);
+      SK.current.id = xK, SK.current.idIsFromProps = s !== void 0, SK.current.order = v, e2.onCollapse = f, e2.onExpand = h, e2.onResize = _, t2.collapsedSize = n, t2.collapsible = i, t2.defaultSize = a, t2.maxSize = c, t2.minSize = d, (o2.collapsedSize !== t2.collapsedSize || o2.collapsible !== t2.collapsible || o2.maxSize !== t2.maxSize || o2.minSize !== t2.minSize) && K(SK.current, o2);
     }), useIsomorphicLayoutEffect$1(() => {
-      let e2 = bK.current;
+      let e2 = SK.current;
       return q(e2), () => {
         Q(e2);
       };
     }, [
       v,
-      yK,
+      xK,
       q,
       Q
     ]), (0, import_react.useImperativeHandle)(o, () => ({
       collapse: () => {
-        O(bK.current);
+        O(SK.current);
       },
       expand: (e2) => {
-        A(bK.current, e2);
+        A(SK.current, e2);
       },
       getId() {
-        return yK;
+        return xK;
       },
       getSize() {
-        return M(bK.current);
+        return M(SK.current);
       },
       isCollapsed() {
-        return U(bK.current);
+        return U(SK.current);
       },
       isExpanded() {
-        return !U(bK.current);
+        return !U(SK.current);
       },
       resize: (e2) => {
-        J(bK.current, e2);
+        J(SK.current, e2);
       }
     }), [
       O,
       A,
       M,
       U,
-      yK,
+      xK,
       J
     ]);
-    let xK = I(bK.current, a);
+    let CK = I(SK.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: yK,
+      id: xK,
       style: {
-        ...xK,
+        ...CK,
         ...y
       },
       [DATA_ATTRIBUTES.groupId]: z,
       [DATA_ATTRIBUTES.panel]: "",
       [DATA_ATTRIBUTES.panelCollapsible]: i || void 0,
-      [DATA_ATTRIBUTES.panelId]: yK,
-      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + xK.flexGrow).toFixed(1)
+      [DATA_ATTRIBUTES.panelId]: xK,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + CK.flexGrow).toFixed(1)
     });
   }
   Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -26895,7 +26917,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, []), Q = (0, import_react.useCallback)((e2) => {
       let { layout: t2, panelDataArray: n2 } = K.current, { panelSize: i2 } = panelDataHelper(n2, e2, t2);
       return assert(i2 != null, `Panel size not found for panel "${e2.id}"`), i2;
-    }, []), yK = (0, import_react.useCallback)((e2, t2) => {
+    }, []), xK = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -26907,13 +26929,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       S,
       E
-    ]), bK = (0, import_react.useCallback)((e2) => {
+    ]), SK = (0, import_react.useCallback)((e2) => {
       let { layout: t2, panelDataArray: n2 } = K.current, { collapsedSize: i2 = 0, collapsible: a2, panelSize: o2 } = panelDataHelper(n2, e2, t2);
       return assert(o2 != null, `Panel size not found for panel "${e2.id}"`), a2 === true && fuzzyNumbersEqual$1(o2, i2);
-    }, []), xK = (0, import_react.useCallback)((e2) => {
+    }, []), CK = (0, import_react.useCallback)((e2) => {
       let { layout: t2, panelDataArray: n2 } = K.current, { collapsedSize: i2 = 0, collapsible: a2, panelSize: o2 } = panelDataHelper(n2, e2, t2);
       return assert(o2 != null, `Panel size not found for panel "${e2.id}"`), !a2 || fuzzyCompareNumbers(o2, i2) > 0;
-    }, []), SK = (0, import_react.useCallback)((e2) => {
+    }, []), wK = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current;
       t2.push(e2), t2.sort((e3, t3) => {
         let n2 = e3.order, i2 = t3.order;
@@ -26963,7 +26985,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }), I2 = !compareLayouts(f2, A2);
         (isPointerEvent(n3) || isMouseEvent(n3)) && z.current != S2 && (z.current = S2, !I2 && S2 !== 0 ? w2 ? reportConstraintsViolation(e2, S2 < 0 ? EXCEEDED_HORIZONTAL_MIN : EXCEEDED_HORIZONTAL_MAX) : reportConstraintsViolation(e2, S2 < 0 ? EXCEEDED_VERTICAL_MIN : EXCEEDED_VERTICAL_MAX) : reportConstraintsViolation(e2, 0)), I2 && (O(A2), K.current.layout = A2, d2 && d2(A2), callPanelCallbacks(h2, A2, M.current));
       };
-    }, []), CK = (0, import_react.useCallback)((e2, t2) => {
+    }, []), TK = (0, import_react.useCallback)((e2, t2) => {
       let { onLayout: n2 } = U.current, { layout: i2, panelDataArray: a2 } = K.current, o2 = a2.map((e3) => e3.constraints), { panelSize: s2, pivotIndices: c2 } = panelDataHelper(a2, e2, i2);
       assert(s2 != null, `Panel size not found for panel "${e2.id}"`);
       let d2 = adjustLayoutByDelta({
@@ -26975,12 +26997,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         trigger: "imperative-api"
       });
       compareLayouts(i2, d2) || (O(d2), K.current.layout = d2, n2 && n2(d2), callPanelCallbacks(a2, d2, M.current));
-    }, []), wK = (0, import_react.useCallback)((e2, t2) => {
+    }, []), EK = (0, import_react.useCallback)((e2, t2) => {
       let { layout: n2, panelDataArray: i2 } = K.current, { collapsedSize: a2 = 0, collapsible: o2 } = t2, { collapsedSize: s2 = 0, collapsible: c2, maxSize: d2 = 100, minSize: f2 = 0 } = e2.constraints, { panelSize: h2 } = panelDataHelper(i2, e2, n2);
-      h2 != null && (o2 && c2 && fuzzyNumbersEqual$1(h2, a2) ? fuzzyNumbersEqual$1(a2, s2) || CK(e2, s2) : h2 < f2 ? CK(e2, f2) : h2 > d2 && CK(e2, d2));
+      h2 != null && (o2 && c2 && fuzzyNumbersEqual$1(h2, a2) ? fuzzyNumbersEqual$1(a2, s2) || TK(e2, s2) : h2 < f2 ? TK(e2, f2) : h2 > d2 && TK(e2, d2));
     }, [
-      CK
-    ]), TK = (0, import_react.useCallback)((e2, t2) => {
+      TK
+    ]), DK = (0, import_react.useCallback)((e2, t2) => {
       let { direction: n2 } = U.current, { layout: i2 } = K.current;
       if (!y.current) return;
       let a2 = getResizeHandleElement(e2, y.current);
@@ -26992,30 +27014,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), EK = (0, import_react.useCallback)(() => {
+    }, []), OK = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), DK = (0, import_react.useCallback)((e2) => {
+    }, []), kK = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current, n2 = findPanelDataIndex(t2, e2);
       n2 >= 0 && (t2.splice(n2, 1), delete M.current[e2.id], K.current.panelDataArrayChanged = true, A());
     }, [
       A
-    ]), OK = (0, import_react.useMemo)(() => ({
+    ]), AK = (0, import_react.useMemo)(() => ({
       collapsePanel: q,
       direction: i,
       dragState: S,
       expandPanel: J,
       getPanelSize: Q,
-      getPanelStyle: yK,
+      getPanelStyle: xK,
       groupId: v,
-      isPanelCollapsed: bK,
-      isPanelExpanded: xK,
-      reevaluatePanelConstraints: wK,
-      registerPanel: SK,
+      isPanelCollapsed: SK,
+      isPanelExpanded: CK,
+      reevaluatePanelConstraints: EK,
+      registerPanel: wK,
       registerResizeHandle: $,
-      resizePanel: CK,
-      startDragging: TK,
-      stopDragging: EK,
-      unregisterPanel: DK,
+      resizePanel: TK,
+      startDragging: DK,
+      stopDragging: OK,
+      unregisterPanel: kK,
       panelGroupElement: y.current
     }), [
       q,
@@ -27023,18 +27045,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       i,
       J,
       Q,
-      yK,
-      v,
-      bK,
       xK,
-      wK,
+      v,
       SK,
-      $,
       CK,
-      TK,
       EK,
-      DK
-    ]), kK = {
+      wK,
+      $,
+      TK,
+      DK,
+      OK,
+      kK
+    ]), jK = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -27042,7 +27064,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: OK
+      value: AK
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -27050,7 +27072,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...kK,
+        ...jK,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -27127,31 +27149,31 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
     let O = (0, import_react.useContext)(PanelGroupContext);
     if (O === null) throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
-    let { direction: A, groupId: M, registerResizeHandle: I, startDragging: z, stopDragging: U, panelGroupElement: K } = O, q = useUniqueId(a), [J, Q] = (0, import_react.useState)("inactive"), [yK, bK] = (0, import_react.useState)(false), [xK, SK] = (0, import_react.useState)(null), $ = (0, import_react.useRef)({
+    let { direction: A, groupId: M, registerResizeHandle: I, startDragging: z, stopDragging: U, panelGroupElement: K } = O, q = useUniqueId(a), [J, Q] = (0, import_react.useState)("inactive"), [xK, SK] = (0, import_react.useState)(false), [CK, wK] = (0, import_react.useState)(null), $ = (0, import_react.useRef)({
       state: J
     });
     useIsomorphicLayoutEffect$1(() => {
       $.current.state = J;
     }), (0, import_react.useEffect)(() => {
-      if (n) SK(null);
+      if (n) wK(null);
       else {
         let e2 = I(q);
-        SK(() => e2);
+        wK(() => e2);
       }
     }, [
       n,
       q,
       I
     ]);
-    let CK = (i == null ? void 0 : i.coarse) ?? 15, wK = (i == null ? void 0 : i.fine) ?? 5;
+    let TK = (i == null ? void 0 : i.coarse) ?? 15, EK = (i == null ? void 0 : i.fine) ?? 5;
     (0, import_react.useEffect)(() => {
-      if (n || xK == null) return;
+      if (n || CK == null) return;
       let e2 = w.current;
       assert(e2, "Element ref not attached");
       let t2 = false;
       return registerResizeHandle(q, e2, A, {
-        coarse: CK,
-        fine: wK
+        coarse: TK,
+        fine: EK
       }, (e3, n2, i2) => {
         if (!n2) {
           Q("inactive");
@@ -27166,7 +27188,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           }
           case "move": {
             let { state: e4 } = $.current;
-            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), xK(i2);
+            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), CK(i2);
             break;
           }
           case "up": {
@@ -27178,22 +27200,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      CK,
+      TK,
       A,
       n,
-      wK,
+      EK,
       I,
       q,
-      xK,
+      CK,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
       handleId: q,
-      resizeHandler: xK,
+      resizeHandler: CK,
       panelGroupElement: K
     });
-    let TK = {
+    let DK = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -27203,22 +27225,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       className: t,
       id: a,
       onBlur: () => {
-        bK(false), o == null ? void 0 : o();
+        SK(false), o == null ? void 0 : o();
       },
       onFocus: () => {
-        bK(true), d == null ? void 0 : d();
+        SK(true), d == null ? void 0 : d();
       },
       ref: w,
       role: "separator",
       style: {
-        ...TK,
+        ...DK,
         ..._
       },
       tabIndex: v,
       [DATA_ATTRIBUTES.groupDirection]: A,
       [DATA_ATTRIBUTES.groupId]: M,
       [DATA_ATTRIBUTES.resizeHandle]: "",
-      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : yK ? "keyboard" : void 0,
+      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : xK ? "keyboard" : void 0,
       [DATA_ATTRIBUTES.resizeHandleEnabled]: !n,
       [DATA_ATTRIBUTES.resizeHandleId]: q,
       [DATA_ATTRIBUTES.resizeHandleState]: J
@@ -27510,7 +27532,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, xK);
+      U(6, CK);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -27519,7 +27541,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         var _a2;
         var a2, o2, s2;
         if (!Object.is(n.current[e2], t2)) {
-          if (n.current[e2] = t2, e2 === "search") bK(), Q(), U(1, yK);
+          if (n.current[e2] = t2, e2 === "search") SK(), Q(), U(1, xK);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -27527,8 +27549,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             }
             if (U(7, () => {
               var _a3;
-              n.current.selectedItemId = (_a3 = SK()) == null ? void 0 : _a3.id, K.emit();
-            }), i2 || U(5, xK), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
+              n.current.selectedItemId = (_a3 = wK()) == null ? void 0 : _a3.id, K.emit();
+            }), i2 || U(5, CK), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
               let e3 = t2 ?? "";
               (s2 = (o2 = c.current).onValueChange) == null || s2.call(o2, e3);
               return;
@@ -27553,12 +27575,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       item: (e2, t2) => (i.current.add(e2), t2 && (a.current.has(t2) ? a.current.get(t2).add(e2) : a.current.set(t2, /* @__PURE__ */ new Set([
         e2
       ]))), U(3, () => {
-        bK(), Q(), n.current.value || yK(), K.emit();
+        SK(), Q(), n.current.value || xK(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
-        let t3 = SK();
+        let t3 = wK();
         U(4, () => {
-          bK(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && yK(), K.emit();
+          SK(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && xK(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -27603,12 +27625,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function yK() {
+    function xK() {
       var _a2;
       let e2 = (_a2 = $().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
-    function bK() {
+    function SK() {
       var _a2, _b;
       if (!n.current.search || c.current.shouldFilter === false) {
         n.current.filtered.count = i.current.size;
@@ -27626,17 +27648,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function xK() {
+    function CK() {
       var _a2, _b;
       var e2;
-      let t2 = SK();
+      let t2 = wK();
       t2 && (((_a2 = t2.parentElement) == null ? void 0 : _a2.firstChild) === t2 && ((e2 = (_b = t2.closest(N$1)) == null ? void 0 : _b.querySelector(be)) == null || e2.scrollIntoView({
         block: "nearest"
       })), t2.scrollIntoView({
         block: "nearest"
       }));
     }
-    function SK() {
+    function wK() {
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
@@ -27644,25 +27666,25 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function CK(e2) {
+    function TK(e2) {
       let t2 = $()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function wK(e2) {
+    function EK(e2) {
       var t2;
-      let n2 = SK(), i2 = $(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = wK(), i2 = $(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
       (t2 = c.current) != null && t2.loop && (o2 = a2 + e2 < 0 ? i2[i2.length - 1] : a2 + e2 === i2.length ? i2[0] : i2[a2 + e2]), o2 && K.setState("value", o2.getAttribute(T));
     }
-    function TK(e2) {
+    function DK(e2) {
       var _a2;
-      let t2 = (_a2 = SK()) == null ? void 0 : _a2.closest(N$1), n2;
+      let t2 = (_a2 = wK()) == null ? void 0 : _a2.closest(N$1), n2;
       for (; t2 && !n2; ) t2 = e2 > 0 ? we(t2, N$1) : De(t2, N$1), n2 = t2 == null ? void 0 : t2.querySelector(ce$1);
-      n2 ? K.setState("value", n2.getAttribute(T)) : wK(e2);
+      n2 ? K.setState("value", n2.getAttribute(T)) : EK(e2);
     }
-    let EK = () => CK($().length - 1), DK = (e2) => {
-      e2.preventDefault(), e2.metaKey ? EK() : e2.altKey ? TK(1) : wK(1);
-    }, OK = (e2) => {
-      e2.preventDefault(), e2.metaKey ? CK(0) : e2.altKey ? TK(-1) : wK(-1);
+    let OK = () => TK($().length - 1), kK = (e2) => {
+      e2.preventDefault(), e2.metaKey ? OK() : e2.altKey ? DK(1) : EK(1);
+    }, AK = (e2) => {
+      e2.preventDefault(), e2.metaKey ? TK(0) : e2.altKey ? DK(-1) : EK(-1);
     };
     return import_react.createElement(Primitive.div, {
       ref: t,
@@ -27676,27 +27698,27 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         if (!(e2.defaultPrevented || n2)) switch (e2.key) {
           case "n":
           case "j":
-            E && e2.ctrlKey && DK(e2);
+            E && e2.ctrlKey && kK(e2);
             break;
           case "ArrowDown":
-            DK(e2);
+            kK(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && OK(e2);
+            E && e2.ctrlKey && AK(e2);
             break;
           case "ArrowUp":
-            OK(e2);
+            AK(e2);
             break;
           case "Home":
-            e2.preventDefault(), CK(0);
+            e2.preventDefault(), TK(0);
             break;
           case "End":
-            e2.preventDefault(), EK();
+            e2.preventDefault(), OK();
             break;
           case "Enter": {
             e2.preventDefault();
-            let t3 = SK();
+            let t3 = wK();
             if (t3) {
               let e3 = new Event(Z);
               t3.dispatchEvent(e3);
@@ -28105,153 +28127,153 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   Combobox = (e) => {
     let t = (0, import_compiler_runtime$30.c)(103), n, i, o, s, c, d, f, h, _, v, y, S, w, E, O, A, M, I, z, U, K, q, J;
     t[0] === e ? (n = t[1], i = t[2], o = t[3], s = t[4], c = t[5], d = t[6], f = t[7], h = t[8], _ = t[9], v = t[10], y = t[11], S = t[12], w = t[13], E = t[14], O = t[15], A = t[16], M = t[17], I = t[18], z = t[19], U = t[20], K = t[21], q = t[22], J = t[23]) : ({ children: n, displayValue: d, className: o, placeholder: E, value: J, defaultValue: c, onValueChange: S, multiple: M, shouldFilter: I, filterFn: f, open: w, defaultOpen: s, onOpenChange: v, inputPlaceholder: z, search: A, onSearchChange: y, emptyState: U, chips: K, chipsClassName: i, keepPopoverOpenOnSelect: _, id: h, disabled: q, ...O } = e, t[0] = e, t[1] = n, t[2] = i, t[3] = o, t[4] = s, t[5] = c, t[6] = d, t[7] = f, t[8] = h, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E, t[15] = O, t[16] = A, t[17] = M, t[18] = I, t[19] = z, t[20] = U, t[21] = K, t[22] = q, t[23] = J);
-    let Q = M === void 0 ? false : M, yK = I === void 0 ? true : I, bK = z === void 0 ? "Search..." : z, xK = U === void 0 ? "Nothing found." : U, SK = K === void 0 ? false : K, $ = q === void 0 ? false : q, CK = s ?? false, wK;
-    t[24] !== v || t[25] !== w || t[26] !== CK ? (wK = {
+    let Q = M === void 0 ? false : M, xK = I === void 0 ? true : I, SK = z === void 0 ? "Search..." : z, CK = U === void 0 ? "Nothing found." : U, wK = K === void 0 ? false : K, $ = q === void 0 ? false : q, TK = s ?? false, EK;
+    t[24] !== v || t[25] !== w || t[26] !== TK ? (EK = {
       prop: w,
-      defaultProp: CK,
+      defaultProp: TK,
       onChange: v
-    }, t[24] = v, t[25] = w, t[26] = CK, t[27] = wK) : wK = t[27];
-    let [TK, EK] = useControllableState(wK), DK = TK === void 0 ? false : TK, OK;
-    t[28] === S ? OK = t[29] : (OK = (e2) => {
+    }, t[24] = v, t[25] = w, t[26] = TK, t[27] = EK) : EK = t[27];
+    let [DK, OK] = useControllableState(EK), kK = DK === void 0 ? false : DK, AK;
+    t[28] === S ? AK = t[29] : (AK = (e2) => {
       S == null ? void 0 : S(e2);
-    }, t[28] = S, t[29] = OK);
-    let kK;
-    t[30] !== c || t[31] !== OK || t[32] !== J ? (kK = {
+    }, t[28] = S, t[29] = AK);
+    let jK;
+    t[30] !== c || t[31] !== AK || t[32] !== J ? (jK = {
       prop: J,
       defaultProp: c,
-      onChange: OK
-    }, t[30] = c, t[31] = OK, t[32] = J, t[33] = kK) : kK = t[33];
-    let [AK, jK] = useControllableState(kK), MK;
-    t[34] === AK ? MK = t[35] : (MK = (e2) => Array.isArray(AK) ? AK.includes(e2) : AK === e2, t[34] = AK, t[35] = MK);
-    let NK = MK, PK;
-    t[36] !== _ || t[37] !== Q || t[38] !== EK || t[39] !== jK || t[40] !== AK ? (PK = (e2) => {
+      onChange: AK
+    }, t[30] = c, t[31] = AK, t[32] = J, t[33] = jK) : jK = t[33];
+    let [MK, NK] = useControllableState(jK), PK;
+    t[34] === MK ? PK = t[35] : (PK = (e2) => Array.isArray(MK) ? MK.includes(e2) : MK === e2, t[34] = MK, t[35] = PK);
+    let FK = PK, IK;
+    t[36] !== _ || t[37] !== Q || t[38] !== OK || t[39] !== NK || t[40] !== MK ? (IK = (e2) => {
       let t2 = e2;
-      if (Q) if (Array.isArray(AK)) if (AK.includes(t2)) {
-        let n2 = AK.filter((t3) => t3 !== e2);
+      if (Q) if (Array.isArray(MK)) if (MK.includes(t2)) {
+        let n2 = MK.filter((t3) => t3 !== e2);
         t2 = n2.length > 0 ? n2 : [];
       } else t2 = [
-        ...AK,
+        ...MK,
         t2
       ];
       else t2 = [
         t2
       ];
-      else AK === e2 && (t2 = null);
-      jK(t2), (_ ?? Q) || EK(false);
-    }, t[36] = _, t[37] = Q, t[38] = EK, t[39] = jK, t[40] = AK, t[41] = PK) : PK = t[41];
-    let FK = PK, IK;
-    t[42] !== SK || t[43] !== d || t[44] !== Q || t[45] !== E || t[46] !== AK ? (IK = () => Q && SK && E ? E : AK == null ? E ?? "--" : Array.isArray(AK) ? AK.length === 0 ? E ?? "--" : AK.length === 1 && d !== void 0 ? d(AK[0]) : `${AK.length} selected` : d === void 0 ? E ?? "--" : d(AK), t[42] = SK, t[43] = d, t[44] = Q, t[45] = E, t[46] = AK, t[47] = IK) : IK = t[47];
+      else MK === e2 && (t2 = null);
+      NK(t2), (_ ?? Q) || OK(false);
+    }, t[36] = _, t[37] = Q, t[38] = OK, t[39] = NK, t[40] = MK, t[41] = IK) : IK = t[41];
     let LK = IK, RK;
-    t[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (RK = cn("relative"), t[48] = RK) : RK = t[48];
-    let zK;
-    t[49] !== $ || t[50] !== EK ? (zK = (e2) => {
-      $ && e2 || EK(e2);
-    }, t[49] = $, t[50] = EK, t[51] = zK) : zK = t[51];
-    let BK = $ && "cursor-not-allowed opacity-50", VK;
-    t[52] !== o || t[53] !== BK ? (VK = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid", BK, o), t[52] = o, t[53] = BK, t[54] = VK) : VK = t[54];
-    let UK;
-    t[55] === LK ? UK = t[56] : (UK = LK(), t[55] = LK, t[56] = UK);
-    let WK;
-    t[57] === UK ? WK = t[58] : (WK = (0, import_jsx_runtime.jsx)("span", {
-      className: "truncate flex-1 min-w-0",
-      children: UK
-    }), t[57] = UK, t[58] = WK);
+    t[42] !== wK || t[43] !== d || t[44] !== Q || t[45] !== E || t[46] !== MK ? (RK = () => Q && wK && E ? E : MK == null ? E ?? "--" : Array.isArray(MK) ? MK.length === 0 ? E ?? "--" : MK.length === 1 && d !== void 0 ? d(MK[0]) : `${MK.length} selected` : d === void 0 ? E ?? "--" : d(MK), t[42] = wK, t[43] = d, t[44] = Q, t[45] = E, t[46] = MK, t[47] = RK) : RK = t[47];
+    let zK = RK, BK;
+    t[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (BK = cn("relative"), t[48] = BK) : BK = t[48];
+    let VK;
+    t[49] !== $ || t[50] !== OK ? (VK = (e2) => {
+      $ && e2 || OK(e2);
+    }, t[49] = $, t[50] = OK, t[51] = VK) : VK = t[51];
+    let HK = $ && "cursor-not-allowed opacity-50", UK;
+    t[52] !== o || t[53] !== HK ? (UK = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid", HK, o), t[52] = o, t[53] = HK, t[54] = UK) : UK = t[54];
+    let GK;
+    t[55] === zK ? GK = t[56] : (GK = zK(), t[55] = zK, t[56] = GK);
     let KK;
-    t[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (KK = (0, import_jsx_runtime.jsx)(ChevronDown, {
+    t[57] === GK ? KK = t[58] : (KK = (0, import_jsx_runtime.jsx)("span", {
+      className: "truncate flex-1 min-w-0",
+      children: GK
+    }), t[57] = GK, t[58] = KK);
+    let JK;
+    t[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (JK = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: "ml-3 w-4 h-4 opacity-50 shrink-0"
-    }), t[59] = KK) : KK = t[59];
-    let qK;
-    t[60] !== $ || t[61] !== h || t[62] !== DK || t[63] !== VK || t[64] !== WK ? (qK = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+    }), t[59] = JK) : JK = t[59];
+    let YK;
+    t[60] !== $ || t[61] !== h || t[62] !== kK || t[63] !== UK || t[64] !== KK ? (YK = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsxs)("button", {
         id: h,
         type: "button",
-        className: VK,
-        "aria-expanded": DK,
+        className: UK,
+        "aria-expanded": kK,
         "aria-disabled": $,
         children: [
-          WK,
-          KK
+          KK,
+          JK
         ]
       })
-    }), t[60] = $, t[61] = h, t[62] = DK, t[63] = VK, t[64] = WK, t[65] = qK) : qK = t[65];
-    let JK;
-    t[66] !== bK || t[67] !== y || t[68] !== A ? (JK = (0, import_jsx_runtime.jsx)(CommandInput, {
-      placeholder: bK,
+    }), t[60] = $, t[61] = h, t[62] = kK, t[63] = UK, t[64] = KK, t[65] = YK) : YK = t[65];
+    let XK;
+    t[66] !== SK || t[67] !== y || t[68] !== A ? (XK = (0, import_jsx_runtime.jsx)(CommandInput, {
+      placeholder: SK,
       rootClassName: "px-1 h-8",
       autoFocus: true,
       value: A,
       onValueChange: y
-    }), t[66] = bK, t[67] = y, t[68] = A, t[69] = JK) : JK = t[69];
-    let YK;
-    t[70] === xK ? YK = t[71] : (YK = (0, import_jsx_runtime.jsx)(CommandEmpty, {
-      children: xK
-    }), t[70] = xK, t[71] = YK);
-    let XK;
-    t[72] !== FK || t[73] !== NK ? (XK = {
-      isSelected: NK,
-      onSelect: FK
-    }, t[72] = FK, t[73] = NK, t[74] = XK) : XK = t[74];
+    }), t[66] = SK, t[67] = y, t[68] = A, t[69] = XK) : XK = t[69];
     let ZK;
-    t[75] !== n || t[76] !== XK ? (ZK = (0, import_jsx_runtime.jsx)(ComboboxContext, {
-      value: XK,
-      children: n
-    }), t[75] = n, t[76] = XK, t[77] = ZK) : ZK = t[77];
+    t[70] === CK ? ZK = t[71] : (ZK = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+      children: CK
+    }), t[70] = CK, t[71] = ZK);
     let QK;
-    t[78] !== YK || t[79] !== ZK ? (QK = (0, import_jsx_runtime.jsxs)(CommandList, {
+    t[72] !== LK || t[73] !== FK ? (QK = {
+      isSelected: FK,
+      onSelect: LK
+    }, t[72] = LK, t[73] = FK, t[74] = QK) : QK = t[74];
+    let $K;
+    t[75] !== n || t[76] !== QK ? ($K = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: QK,
+      children: n
+    }), t[75] = n, t[76] = QK, t[77] = $K) : $K = t[77];
+    let eq;
+    t[78] !== ZK || t[79] !== $K ? (eq = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        YK,
-        ZK
+        ZK,
+        $K
       ]
-    }), t[78] = YK, t[79] = ZK, t[80] = QK) : QK = t[80];
-    let $K;
-    t[81] !== f || t[82] !== yK || t[83] !== JK || t[84] !== QK ? ($K = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), t[78] = ZK, t[79] = $K, t[80] = eq) : eq = t[80];
+    let tq;
+    t[81] !== f || t[82] !== xK || t[83] !== XK || t[84] !== eq ? (tq = (0, import_jsx_runtime.jsx)(PopoverContent, {
       className: "w-full min-w-(--radix-popover-trigger-width) p-0",
       align: "start",
       children: (0, import_jsx_runtime.jsxs)(Command, {
         filter: f,
-        shouldFilter: yK,
+        shouldFilter: xK,
         children: [
-          JK,
-          QK
+          XK,
+          eq
         ]
       })
-    }), t[81] = f, t[82] = yK, t[83] = JK, t[84] = QK, t[85] = $K) : $K = t[85];
-    let eq;
-    t[86] !== DK || t[87] !== zK || t[88] !== qK || t[89] !== $K ? (eq = (0, import_jsx_runtime.jsxs)(Popover, {
-      open: DK,
-      onOpenChange: zK,
+    }), t[81] = f, t[82] = xK, t[83] = XK, t[84] = eq, t[85] = tq) : tq = t[85];
+    let nq;
+    t[86] !== kK || t[87] !== VK || t[88] !== YK || t[89] !== tq ? (nq = (0, import_jsx_runtime.jsxs)(Popover, {
+      open: kK,
+      onOpenChange: VK,
       children: [
-        qK,
-        $K
+        YK,
+        tq
       ]
-    }), t[86] = DK, t[87] = zK, t[88] = qK, t[89] = $K, t[90] = eq) : eq = t[90];
-    let tq;
-    t[91] !== SK || t[92] !== i || t[93] !== $ || t[94] !== d || t[95] !== FK || t[96] !== Q || t[97] !== AK ? (tq = Q && SK && (0, import_jsx_runtime.jsx)("div", {
+    }), t[86] = kK, t[87] = VK, t[88] = YK, t[89] = tq, t[90] = nq) : nq = t[90];
+    let rq;
+    t[91] !== wK || t[92] !== i || t[93] !== $ || t[94] !== d || t[95] !== LK || t[96] !== Q || t[97] !== MK ? (rq = Q && wK && (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex flex-col gap-1 items-start", i),
-      children: Array.isArray(AK) && AK.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
+      children: Array.isArray(MK) && MK.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
         variant: "secondary",
         children: [
           (d == null ? void 0 : d(e2)) ?? String(e2),
           (0, import_jsx_runtime.jsx)(CircleX, {
             onClick: () => {
-              $ || FK(e2);
+              $ || LK(e2);
             },
             className: cn("w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer", $ && "pointer-events-none")
           })
         ]
       }, String(e2)))
-    }), t[91] = SK, t[92] = i, t[93] = $, t[94] = d, t[95] = FK, t[96] = Q, t[97] = AK, t[98] = tq) : tq = t[98];
-    let nq;
-    return t[99] !== O || t[100] !== eq || t[101] !== tq ? (nq = (0, import_jsx_runtime.jsxs)("div", {
-      className: RK,
+    }), t[91] = wK, t[92] = i, t[93] = $, t[94] = d, t[95] = LK, t[96] = Q, t[97] = MK, t[98] = rq) : rq = t[98];
+    let iq;
+    return t[99] !== O || t[100] !== nq || t[101] !== rq ? (iq = (0, import_jsx_runtime.jsxs)("div", {
+      className: BK,
       ...O,
       children: [
-        eq,
-        tq
+        nq,
+        rq
       ]
-    }), t[99] = O, t[100] = eq, t[101] = tq, t[102] = nq) : nq = t[102], nq;
+    }), t[99] = O, t[100] = nq, t[101] = rq, t[102] = iq) : iq = t[102], iq;
   };
   ComboboxItem = import_react.forwardRef((e, t) => {
     let n = (0, import_compiler_runtime$30.c)(17), { children: i, className: o, value: s, onSelect: c, disabled: d } = e, f = typeof s == "object" && "value" in s ? s.value : String(s), h = import_react.use(ComboboxContext), _;
@@ -29379,13 +29401,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         id: v,
         operator: e2
       });
-    }, yK = buildFilterValue({
+    }, xK = buildFilterValue({
       type: S,
       operator: E,
       draft: mergeNumberTextDraft(A, I)
-    }), bK = yK === void 0, xK = bK ? getMissingValueMessage(S, E) : "Apply filter", SK = () => {
-      if (!yK) return;
-      let e2 = yK;
+    }), SK = xK === void 0, CK = SK ? getMissingValueMessage(S, E) : "Apply filter", wK = () => {
+      if (!xK) return;
+      let e2 = xK;
       t.setColumnFilters((t2) => {
         if (a === void 0) return [
           {
@@ -29404,18 +29426,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }), i();
     }, $ = () => {
       a !== void 0 && t.setColumnFilters((e2) => e2.filter((e3, t2) => t2 !== a)), i();
-    }, CK = !OPERATORS_WITHOUT_VALUE.has(E), wK = OPERATORS_BY_TYPE[S], TK = (0, import_react.useRef)(null), EK = (0, import_react.useRef)(null);
+    }, TK = !OPERATORS_WITHOUT_VALUE.has(E), EK = OPERATORS_BY_TYPE[S], DK = (0, import_react.useRef)(null), OK = (0, import_react.useRef)(null);
     return (0, import_react.useEffect)(() => {
       var _a2, _b;
-      let e2 = (_a2 = TK.current) == null ? void 0 : _a2.querySelector('input, [role="spinbutton"], [role="combobox"], button');
-      e2 ? e2.focus() : (_b = EK.current) == null ? void 0 : _b.focus();
+      let e2 = (_a2 = DK.current) == null ? void 0 : _a2.querySelector('input, [role="spinbutton"], [role="combobox"], button');
+      e2 ? e2.focus() : (_b = OK.current) == null ? void 0 : _b.focus();
     }, [
       S,
       E
     ]), (0, import_jsx_runtime.jsxs)("form", {
       className: "flex flex-row gap-4 items-end p-3",
       onSubmit: (e2) => {
-        e2.preventDefault(), SK();
+        e2.preventDefault(), wK();
       },
       onKeyDownCapture: (e2) => {
         e2.key === "Tab" && e2.stopPropagation();
@@ -29456,13 +29478,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               onValueChange: (e2) => Q(e2),
               children: [
                 (0, import_jsx_runtime.jsx)(SelectTrigger, {
-                  ref: EK,
+                  ref: OK,
                   id: s,
                   className: "h-6 mb-1 bg-transparent",
                   children: (0, import_jsx_runtime.jsx)(SelectValue, {})
                 }),
                 (0, import_jsx_runtime.jsx)(SelectContent, {
-                  children: wK.map((e2) => (0, import_jsx_runtime.jsx)(SelectItem, {
+                  children: EK.map((e2) => (0, import_jsx_runtime.jsx)(SelectItem, {
                     value: e2,
                     children: OPERATOR_LABELS[e2]
                   }, e2))
@@ -29471,8 +29493,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             }, S)
           ]
         }),
-        CK && (0, import_jsx_runtime.jsxs)("div", {
-          ref: TK,
+        TK && (0, import_jsx_runtime.jsxs)("div", {
+          ref: DK,
           className: "flex flex-col gap-1",
           children: [
             (0, import_jsx_runtime.jsx)("label", {
@@ -29499,14 +29521,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           className: "flex gap-1 mb-1",
           children: [
             (0, import_jsx_runtime.jsx)(Tooltip, {
-              content: xK,
+              content: CK,
               children: (0, import_jsx_runtime.jsx)("span", {
                 className: "inline-flex",
                 children: (0, import_jsx_runtime.jsx)(Button, {
                   type: "submit",
                   size: "icon",
                   variant: "ghost",
-                  disabled: bK,
+                  disabled: SK,
                   className: "rounded-full text-primary hover:text-primary hover:bg-primary/10",
                   "aria-label": "Apply filter",
                   children: (0, import_jsx_runtime.jsx)(Check, {
@@ -31934,6 +31956,24 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       [t.id]: i
     }));
   }
+  function useColumnVisibility(e) {
+    let [t, n] = useInternalStateWithSync(Object.fromEntries((e ?? []).map((e2) => [
+      e2,
+      false
+    ])), dequal);
+    return {
+      columnVisibility: t,
+      setColumnVisibility: n
+    };
+  }
+  function getUserColumnVisibilityCounts(e) {
+    let t = e.getAllLeafColumns().filter((e2) => e2.getCanHide()), n = t.filter((e2) => e2.getIsVisible()).length;
+    return {
+      total: t.length,
+      visible: n,
+      hidden: t.length - n
+    };
+  }
   const DataTablePagination = ({ table: e, tableLoading: t, showPageSizeSelector: n }) => {
     let { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), s = Math.min(e.getState().pagination.pageIndex + 1, e.getPageCount()), c = e.getPageCount(), d = e.getState().pagination.pageSize, f = (e2) => {
       t || e2();
@@ -32251,10 +32291,16 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   prettifyRowCount = function(e, t) {
     return `${prettyNumber(e, t)} ${new PluralWord("row").pluralize(e)}`;
   };
-  prettifyRowColumnCount = ({ numRows: e, totalColumns: t, locale: n }) => [
-    e === "too_many" ? "Unknown" : prettifyRowCount(e, n),
-    `${prettyNumber(t, n)} ${new PluralWord("column").pluralize(t)}`
-  ].join(", ");
+  prettifyRowColumnCount = ({ numRows: e, totalColumns: t, hiddenColumns: n, locale: i }) => {
+    let a = e === "too_many" ? "Unknown" : prettifyRowCount(e, i), o = n ?? 0, s = t - o;
+    return {
+      rowsAndColumns: [
+        a,
+        o > 0 ? `${prettyNumber(s, i)} visible` : `${prettyNumber(t, i)} ${new PluralWord("column").pluralize(t)}`
+      ].join(", "),
+      hiddenSuffix: o > 0 ? `(${prettyNumber(o, i)} hidden)` : null
+    };
+  };
   var import_compiler_runtime$13 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
   const CellSelectionStats = (e) => {
     let t = (0, import_compiler_runtime$13.c)(21), { table: n, className: i } = e, { locale: o } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), s = useAtomValue(selectedCellsAtom), c = countDataCellsInSelection(s);
@@ -32350,8 +32396,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return e + t;
   }
   let TableBottomBar, downloadSizeLimitAtom;
-  TableBottomBar = ({ pagination: e, totalColumns: t, selection: n, onRowSelectionChange: i, table: s, getRowIds: c, showPageSizeSelector: d, tableLoading: f, part: _, className: v }) => {
-    let { locale: y } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), S = (e2) => {
+  TableBottomBar = ({ pagination: e, totalColumns: t, selection: n, onRowSelectionChange: i, table: s, getRowIds: c, showPageSizeSelector: d, tableLoading: f, togglePanel: _, part: v, className: y }) => {
+    let { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), E = (e2) => {
       if (!i) return;
       if (!e2) {
         i({});
@@ -32386,8 +32432,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       });
     };
     return (0, import_jsx_runtime.jsxs)("div", {
-      part: _,
-      className: cn("flex lg:grid lg:grid-cols-[1fr_auto_1fr] items-center shrink-0", v),
+      part: v,
+      className: cn("flex lg:grid lg:grid-cols-[1fr_auto_1fr] items-center shrink-0", y),
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
           className: "flex flex-col text-sm text-muted-foreground px-2 shrink-0",
@@ -32395,12 +32441,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             (0, import_jsx_runtime.jsx)("div", {
               className: "flex items-center gap-1",
               children: (() => {
-                let { rowSelection: e2, cellSelection: i2 } = s.getState(), a = Object.keys(e2).length, c2 = s.getIsAllPageRowsSelected(), d2 = s.getRowCount(), f2 = a === d2, _2 = n === "single-cell" || n === "multi-cell";
-                return _2 && (a = i2.length, c2 = false, f2 = false), c2 && !f2 ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                let { rowSelection: e2, cellSelection: i2 } = s.getState(), a = Object.keys(e2).length, c2 = s.getIsAllPageRowsSelected(), d2 = s.getRowCount(), f2 = a === d2, v2 = n === "single-cell" || n === "multi-cell";
+                if (v2 && (a = i2.length, c2 = false, f2 = false), c2 && !f2) return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                   children: [
                     (0, import_jsx_runtime.jsxs)("span", {
                       children: [
-                        prettyNumber(a, y),
+                        prettyNumber(a, S),
                         " selected"
                       ]
                     }),
@@ -32410,18 +32456,19 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                       variant: "link",
                       className: "h-4 print:hidden",
                       onMouseDown: Events.preventFocus,
-                      onClick: () => S(true),
+                      onClick: () => E(true),
                       children: [
                         "Select all ",
-                        prettyNumber(d2, y)
+                        prettyNumber(d2, S)
                       ]
                     })
                   ]
-                }) : a ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                });
+                if (a) return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                   children: [
                     (0, import_jsx_runtime.jsxs)("span", {
                       children: [
-                        prettyNumber(a, y),
+                        prettyNumber(a, S),
                         " selected"
                       ]
                     }),
@@ -32432,17 +32479,31 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                       className: "h-4 print:hidden",
                       onMouseDown: Events.preventFocus,
                       onClick: () => {
-                        _2 ? s.resetCellSelection && s.resetCellSelection() : S(false);
+                        v2 ? s.resetCellSelection && s.resetCellSelection() : E(false);
                       },
                       children: "Clear selection"
                     })
                   ]
-                }) : (0, import_jsx_runtime.jsx)("span", {
-                  children: prettifyRowColumnCount({
-                    numRows: s.getRowCount(),
-                    totalColumns: t,
-                    locale: y
-                  })
+                });
+                let y2 = getUserColumnVisibilityCounts(s), { rowsAndColumns: w, hiddenSuffix: O } = prettifyRowColumnCount({
+                  numRows: s.getRowCount(),
+                  totalColumns: y2.hidden > 0 ? y2.total : t,
+                  hiddenColumns: y2.hidden,
+                  locale: S
+                });
+                return (0, import_jsx_runtime.jsxs)("span", {
+                  className: "flex items-center gap-1",
+                  children: [
+                    (0, import_jsx_runtime.jsx)("span", {
+                      children: w
+                    }),
+                    O && (0, import_jsx_runtime.jsx)("button", {
+                      type: "button",
+                      className: "text-xs underline-offset-2 hover:underline cursor-pointer",
+                      onClick: () => _ == null ? void 0 : _(PANEL_TYPES.COLUMN_EXPLORER),
+                      children: O
+                    })
+                  ]
                 });
               })()
             }),
@@ -32768,7 +32829,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         filename: i2.filename
       };
     }, t[6] = e, t[7] = S);
-    let O = S, A, M, I, z, U, K, q, J, Q, yK, bK, xK, SK;
+    let O = S, A, M, I, z, U, K, q, J, Q, xK, SK, CK, wK;
     if (t[8] !== y || t[9] !== c || t[10] !== n || t[11] !== i || t[12] !== (s == null ? void 0 : s.unavailableMessage) || t[13] !== O) {
       let e2 = async (t2) => {
         let n2 = labelForDownloadFormat(t2);
@@ -32836,10 +32897,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         content: d2,
         open: f2,
         children: v2
-      }), t[33] = d2, t[34] = f2, t[35] = v2, t[36] = J) : J = t[36], A = DropdownMenuContent, Q = "bottom", yK = "print:hidden", t[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (bK = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+      }), t[33] = d2, t[34] = f2, t[35] = v2, t[36] = J) : J = t[36], A = DropdownMenuContent, Q = "bottom", xK = "print:hidden", t[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (SK = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Download"
-      }), t[37] = bK) : bK = t[37], xK = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[37] = SK) : SK = t[37], CK = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -32860,10 +32921,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, t2.label)), t[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (SK = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), I = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+      }, t2.label)), t[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (wK = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), I = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Copy to clipboard"
-      }), t[38] = I, t[39] = SK) : (I = t[38], SK = t[39]), z = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[38] = I, t[39] = wK) : (I = t[38], wK = t[39]), z = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: async () => {
           try {
             await a(e3.format);
@@ -32892,22 +32953,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, e3.label)), t[8] = y, t[9] = c, t[10] = n, t[11] = i, t[12] = s == null ? void 0 : s.unavailableMessage, t[13] = O, t[14] = A, t[15] = M, t[16] = I, t[17] = z, t[18] = U, t[19] = K, t[20] = q, t[21] = J, t[22] = Q, t[23] = yK, t[24] = bK, t[25] = xK, t[26] = SK;
-    } else A = t[14], M = t[15], I = t[16], z = t[17], U = t[18], K = t[19], q = t[20], J = t[21], Q = t[22], yK = t[23], bK = t[24], xK = t[25], SK = t[26];
+      }, e3.label)), t[8] = y, t[9] = c, t[10] = n, t[11] = i, t[12] = s == null ? void 0 : s.unavailableMessage, t[13] = O, t[14] = A, t[15] = M, t[16] = I, t[17] = z, t[18] = U, t[19] = K, t[20] = q, t[21] = J, t[22] = Q, t[23] = xK, t[24] = SK, t[25] = CK, t[26] = wK;
+    } else A = t[14], M = t[15], I = t[16], z = t[17], U = t[18], K = t[19], q = t[20], J = t[21], Q = t[22], xK = t[23], SK = t[24], CK = t[25], wK = t[26];
     let $;
-    t[40] !== A || t[41] !== I || t[42] !== z || t[43] !== Q || t[44] !== yK || t[45] !== bK || t[46] !== xK || t[47] !== SK ? ($ = (0, import_jsx_runtime.jsxs)(A, {
+    t[40] !== A || t[41] !== I || t[42] !== z || t[43] !== Q || t[44] !== xK || t[45] !== SK || t[46] !== CK || t[47] !== wK ? ($ = (0, import_jsx_runtime.jsxs)(A, {
       side: Q,
-      className: yK,
+      className: xK,
       children: [
-        bK,
-        xK,
         SK,
+        CK,
+        wK,
         I,
         z
       ]
-    }), t[40] = A, t[41] = I, t[42] = z, t[43] = Q, t[44] = yK, t[45] = bK, t[46] = xK, t[47] = SK, t[48] = $) : $ = t[48];
-    let CK;
-    return t[49] !== M || t[50] !== U || t[51] !== K || t[52] !== q || t[53] !== J || t[54] !== $ ? (CK = (0, import_jsx_runtime.jsxs)(M, {
+    }), t[40] = A, t[41] = I, t[42] = z, t[43] = Q, t[44] = xK, t[45] = SK, t[46] = CK, t[47] = wK, t[48] = $) : $ = t[48];
+    let TK;
+    return t[49] !== M || t[50] !== U || t[51] !== K || t[52] !== q || t[53] !== J || t[54] !== $ ? (TK = (0, import_jsx_runtime.jsxs)(M, {
       modal: U,
       open: K,
       onOpenChange: q,
@@ -32915,7 +32976,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         J,
         $
       ]
-    }), t[49] = M, t[50] = U, t[51] = K, t[52] = q, t[53] = J, t[54] = $, t[55] = CK) : CK = t[55], CK;
+    }), t[49] = M, t[50] = U, t[51] = K, t[52] = q, t[53] = J, t[54] = $, t[55] = TK) : TK = t[55], TK;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -33007,22 +33068,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }) : null;
   };
-  DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: t, maxHeight: n, columns: i, data: o, rawData: s, selection: c, totalColumns: d, totalRows: f, sizeBytes: h, manualSorting: _ = false, sorting: v, setSorting: y, rowSelection: S, cellSelection: w, cellStyling: E, hoverTemplate: O, cellHoverTexts: A, paginationState: M, setPaginationState: I, downloadAs: z, manualPagination: U = false, pagination: K = false, onRowSelectionChange: q, onCellSelectionChange: J, getRowIds: Q, enableSearch: yK = false, searchQuery: bK, onSearchQueryChange: xK, showFilters: SK = false, filters: $, onFiltersChange: CK, calculateTopKRows: wK, reloading: TK, freezeColumnsLeft: EK, freezeColumnsRight: DK, toggleDisplayHeader: OK, showChartBuilder: kK, isChartBuilderOpen: AK, showPageSizeSelector: jK, showTableExplorer: MK, togglePanel: NK, isPanelOpen: PK, isAnyPanelOpen: FK, viewedRowIdx: IK, onViewedRowChange: LK }) => {
-    let [RK, zK] = import_react.useState(false), { locale: BK } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: VK, setColumnPinning: HK } = useColumnPinning(EK, DK);
+  DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: t, maxHeight: n, columns: i, data: o, rawData: s, selection: c, totalColumns: d, totalRows: f, sizeBytes: _, manualSorting: v = false, sorting: y, setSorting: S, rowSelection: w, cellSelection: E, cellStyling: O, hoverTemplate: A, cellHoverTexts: M, paginationState: I, setPaginationState: z, downloadAs: U, manualPagination: K = false, pagination: q = false, onRowSelectionChange: J, onCellSelectionChange: Q, getRowIds: xK, enableSearch: SK = false, searchQuery: CK, onSearchQueryChange: wK, showFilters: $ = false, filters: TK, onFiltersChange: EK, calculateTopKRows: DK, reloading: OK, freezeColumnsLeft: kK, freezeColumnsRight: AK, hiddenColumns: jK, toggleDisplayHeader: MK, showChartBuilder: NK, isChartBuilderOpen: PK, showPageSizeSelector: FK, showTableExplorer: IK, togglePanel: LK, isPanelOpen: RK, isAnyPanelOpen: zK, viewedRowIdx: BK, onViewedRowChange: VK }) => {
+    let [HK, UK] = import_react.useState(false), { locale: WK } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: GK, setColumnPinning: KK } = useColumnPinning(kK, AK), { columnVisibility: qK, setColumnVisibility: JK } = useColumnVisibility(jK);
     import_react.useEffect(() => {
       let e2;
-      return TK ? e2 = setTimeout(() => {
-        zK(true);
-      }, 300) : zK(false), () => {
+      return OK ? e2 = setTimeout(() => {
+        UK(true);
+      }, 300) : UK(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      TK
+      OK
     ]);
-    function UK(e2, t2) {
-      return M ? t2 + (U ? M.pageIndex * M.pageSize : 0) : t2;
+    function YK(e2, t2) {
+      return I ? t2 + (K ? I.pageIndex * I.pageSize : 0) : t2;
     }
-    let WK = useReactTable({
+    let XK = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -33041,79 +33102,81 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       },
       getCoreRowModel: getCoreRowModel(),
       rowCount: f === "too_many" ? void 0 : f,
-      ...I ? {
-        onPaginationChange: I,
+      ...z ? {
+        onPaginationChange: z,
         getRowId: (e2, t2) => {
           let n2 = getStableRowId(e2);
           if (n2) return n2;
-          let i2 = UK(e2, t2);
+          let i2 = YK(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: BK,
-      manualPagination: U,
+      locale: WK,
+      manualPagination: K,
       getPaginationRowModel: getPaginationRowModel(),
-      ...y ? {
-        onSortingChange: y
+      ...S ? {
+        onSortingChange: S
       } : {},
-      manualSorting: _,
+      manualSorting: v,
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: SK,
+      enableColumnFilters: $,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: CK,
-      onRowSelectionChange: q,
-      onCellSelectionChange: J,
+      onColumnFiltersChange: EK,
+      onRowSelectionChange: J,
+      onCellSelectionChange: Q,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: HK,
+      onColumnPinningChange: KK,
+      onColumnVisibilityChange: JK,
       enableFocusRow: true,
-      onFocusRowChange: LK,
+      onFocusRowChange: VK,
       state: {
-        ...v ? {
-          sorting: v
+        ...y ? {
+          sorting: y
         } : {},
-        columnFilters: $,
-        ...M ? {
-          pagination: M
-        } : K && !M ? {} : {
+        columnFilters: TK,
+        ...I ? {
+          pagination: I
+        } : q && !I ? {} : {
           pagination: {
             pageIndex: 0,
             pageSize: o.length
           }
         },
-        rowSelection: S ?? {},
-        cellSelection: w ?? [],
-        cellStyling: E,
-        columnPinning: VK,
-        cellHoverTemplate: O,
-        cellHoverTexts: A ?? {}
-      }
-    }), GK = (PK == null ? void 0 : PK(PANEL_TYPES.ROW_VIEWER)) ?? false, KK = !K && o.length > 100, qK = useScrollContainerHeight({
+        rowSelection: w ?? {},
+        cellSelection: E ?? [],
+        columnVisibility: qK,
+        cellStyling: O,
+        columnPinning: GK,
+        cellHoverTemplate: A,
+        cellHoverTexts: M ?? {}
+      }
+    }), ZK = (RK == null ? void 0 : RK(PANEL_TYPES.ROW_VIEWER)) ?? false, QK = !q && o.length > 100, $K = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: KK
-    }), [JK, YK] = import_react.useState(null);
+      virtualize: QK
+    }), [eq, tq] = import_react.useState(null), nq = import_react.useMemo(() => ({
+      requestAddFilter: (e2) => {
+        let t2 = XK.getColumn(e2.columnId);
+        t2 && tq(buildEditorSnapshot(t2, {
+          operator: e2.operator
+        }));
+      }
+    }), [
+      XK
+    ]), rq = getUserColumnVisibilityCounts(XK), iq = rq.total > 0 && rq.visible === 0;
     return (0, import_jsx_runtime.jsx)(FilterEditorProvider, {
-      value: import_react.useMemo(() => ({
-        requestAddFilter: (e2) => {
-          let t2 = WK.getColumn(e2.columnId);
-          t2 && YK(buildEditorSnapshot(t2, {
-            operator: e2.operator
-          }));
-        }
-      }), [
-        WK
-      ]),
+      value: nq,
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: cn(e, "flex flex-col space-y-1"),
         children: [
           (0, import_jsx_runtime.jsx)(FilterPills, {
-            filters: $,
-            table: WK,
-            calculateTopKRows: wK,
-            addFilterSnapshot: JK,
-            onAddFilterSnapshotChange: YK
+            filters: TK,
+            table: XK,
+            calculateTopKRows: DK,
+            addFilterSnapshot: eq,
+            onAddFilterSnapshotChange: tq
           }),
           (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
             children: (0, import_jsx_runtime.jsxs)("div", {
@@ -33121,34 +33184,48 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               className: cn(t || "rounded-md border overflow-hidden"),
               children: [
                 (0, import_jsx_runtime.jsx)(TableTopBar, {
-                  enableSearch: yK,
-                  searchQuery: bK,
-                  onSearchQueryChange: xK,
-                  reloading: TK,
-                  showChartBuilder: kK,
-                  isChartBuilderOpen: AK,
-                  toggleDisplayHeader: OK,
-                  showTableExplorer: MK,
-                  togglePanel: NK,
-                  isAnyPanelOpen: FK,
-                  downloadAs: z,
-                  sizeBytes: h
+                  enableSearch: SK,
+                  searchQuery: CK,
+                  onSearchQueryChange: wK,
+                  reloading: OK,
+                  showChartBuilder: NK,
+                  isChartBuilderOpen: PK,
+                  toggleDisplayHeader: MK,
+                  showTableExplorer: IK,
+                  togglePanel: LK,
+                  isAnyPanelOpen: zK,
+                  downloadAs: U,
+                  sizeBytes: _
+                }),
+                iq && (0, import_jsx_runtime.jsxs)(Banner, {
+                  className: "mb-1 mx-2 rounded flex items-center justify-between",
+                  children: [
+                    (0, import_jsx_runtime.jsx)("span", {
+                      children: "All columns are hidden."
+                    }),
+                    (0, import_jsx_runtime.jsx)(Button, {
+                      variant: "link",
+                      size: "xs",
+                      onClick: () => XK.resetColumnVisibility(true),
+                      children: "Unhide all"
+                    })
+                  ]
                 }),
                 (0, import_jsx_runtime.jsxs)(Table, {
                   className: cn("relative", i.length <= 4 ? "w-auto" : "w-full"),
-                  ref: qK,
+                  ref: $K,
                   children: [
-                    RK && (0, import_jsx_runtime.jsx)("thead", {
+                    HK && (0, import_jsx_runtime.jsx)("thead", {
                       className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
                     }),
-                    renderTableHeader(WK, KK || !!n),
+                    renderTableHeader(XK, QK || !!n),
                     (0, import_jsx_runtime.jsx)(DataTableBody, {
-                      table: WK,
+                      table: XK,
                       columns: i,
-                      rowViewerPanelOpen: GK,
-                      getRowIndex: UK,
-                      viewedRowIdx: IK,
-                      virtualize: KK
+                      rowViewerPanelOpen: ZK,
+                      getRowIndex: YK,
+                      viewedRowIdx: BK,
+                      virtualize: QK
                     })
                   ]
                 }),
@@ -33156,13 +33233,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                   part: "table-footer",
                   className: "pt-1.5 pb-0.5 border-t border-border",
                   totalColumns: d,
-                  pagination: K,
+                  pagination: q,
                   selection: c,
-                  onRowSelectionChange: q,
-                  table: WK,
-                  getRowIds: Q,
-                  showPageSizeSelector: jK,
-                  tableLoading: TK
+                  onRowSelectionChange: J,
+                  table: XK,
+                  getRowIds: xK,
+                  showPageSizeSelector: FK,
+                  tableLoading: OK,
+                  togglePanel: LK
                 })
               ]
             })
@@ -33251,69 +33329,69 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
 ${_}`,
         triggerImmediately: e2
       });
-    }, [q, J] = _.split(":", 2), yK = d ? KEY : "", xK;
-    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (xK = () => f(_temp$3), t[10] = xK) : xK = t[10];
-    let SK = d ? "rotate-180" : "rotate-0", $;
-    t[11] === SK ? $ = t[12] : ($ = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", SK), t[11] = SK, t[12] = $);
-    let CK;
-    t[13] === $ ? CK = t[14] : (CK = (0, import_jsx_runtime.jsx)(ChevronDown, {
+    }, [q, J] = _.split(":", 2), xK = d ? KEY : "", CK;
+    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (CK = () => f(_temp$3), t[10] = CK) : CK = t[10];
+    let wK = d ? "rotate-180" : "rotate-0", $;
+    t[11] === wK ? $ = t[12] : ($ = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", wK), t[11] = wK, t[12] = $);
+    let TK;
+    t[13] === $ ? TK = t[14] : (TK = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: $
-    }), t[13] = $, t[14] = CK);
-    let wK = q || "Error", TK;
-    t[15] === wK ? TK = t[16] : (TK = (0, import_jsx_runtime.jsxs)("span", {
+    }), t[13] = $, t[14] = TK);
+    let EK = q || "Error", DK;
+    t[15] === EK ? DK = t[16] : (DK = (0, import_jsx_runtime.jsxs)("span", {
       className: "text-destructive",
       children: [
-        wK,
+        EK,
         ":"
       ]
-    }), t[15] = wK, t[16] = TK);
-    let EK;
-    t[17] !== J || t[18] !== TK ? (EK = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[15] = EK, t[16] = DK);
+    let OK;
+    t[17] !== J || t[18] !== DK ? (OK = (0, import_jsx_runtime.jsxs)("div", {
       className: "text-sm inline font-mono",
       children: [
-        TK,
+        DK,
         " ",
         J
       ]
-    }), t[17] = J, t[18] = TK, t[19] = EK) : EK = t[19];
-    let OK;
-    t[20] !== EK || t[21] !== CK ? (OK = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[17] = J, t[18] = DK, t[19] = OK) : OK = t[19];
+    let AK;
+    t[20] !== OK || t[21] !== TK ? (AK = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2 h-10 px-2 hover:bg-muted rounded-sm select-none items-center cursor-pointer transition-all",
-      onClick: xK,
+      onClick: CK,
       children: [
-        CK,
-        EK
+        TK,
+        OK
       ]
-    }), t[20] = EK, t[21] = CK, t[22] = OK) : OK = t[22];
-    let AK;
-    t[23] === c ? AK = t[24] : (AK = (0, import_jsx_runtime.jsx)(AccordionContent, {
+    }), t[20] = OK, t[21] = TK, t[22] = AK) : AK = t[22];
+    let MK;
+    t[23] === c ? MK = t[24] : (MK = (0, import_jsx_runtime.jsx)(AccordionContent, {
       className: "text-muted-foreground px-4 pt-2 text-xs overflow-auto",
       children: c
-    }), t[23] = c, t[24] = AK);
-    let jK;
-    t[25] !== OK || t[26] !== AK ? (jK = (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    }), t[23] = c, t[24] = MK);
+    let NK;
+    t[25] !== AK || t[26] !== MK ? (NK = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY,
       className: "border-none",
       children: [
-        OK,
-        AK
+        AK,
+        MK
       ]
-    }), t[25] = OK, t[26] = AK, t[27] = jK) : jK = t[27];
-    let MK;
-    t[28] !== jK || t[29] !== yK ? (MK = (0, import_jsx_runtime.jsx)(Accordion, {
+    }), t[25] = AK, t[26] = MK, t[27] = NK) : NK = t[27];
+    let PK;
+    t[28] !== NK || t[29] !== xK ? (PK = (0, import_jsx_runtime.jsx)(Accordion, {
       type: "single",
       collapsible: true,
-      value: yK,
-      children: jK
-    }), t[28] = jK, t[29] = yK, t[30] = MK) : MK = t[30];
-    let NK;
-    t[31] !== K || t[32] !== I ? (NK = I && (0, import_jsx_runtime.jsx)(AIFixButton, {
+      value: xK,
+      children: NK
+    }), t[28] = NK, t[29] = xK, t[30] = PK) : PK = t[30];
+    let FK;
+    t[31] !== K || t[32] !== I ? (FK = I && (0, import_jsx_runtime.jsx)(AIFixButton, {
       tooltip: "Fix with AI",
       openPrompt: () => K(false),
       applyAutofix: () => K(true)
-    }), t[31] = K, t[32] = I, t[33] = NK) : NK = t[33];
-    let FK;
-    t[34] !== A || t[35] !== w ? (FK = A && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), t[31] = K, t[32] = I, t[33] = FK) : FK = t[33];
+    let LK;
+    t[34] !== A || t[35] !== w ? (LK = A && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Attach pdb to the exception point.",
       children: (0, import_jsx_runtime.jsxs)(Button, {
         size: "xs",
@@ -33330,9 +33408,9 @@ ${_}`,
           "Launch debugger"
         ]
       })
-    }), t[34] = A, t[35] = w, t[36] = FK) : FK = t[36];
-    let IK;
-    t[37] !== _ || t[38] !== i ? (IK = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    }), t[34] = A, t[35] = w, t[36] = LK) : LK = t[36];
+    let RK;
+    t[37] !== _ || t[38] !== i ? (RK = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -33400,24 +33478,24 @@ ${_}`,
           ]
         })
       ]
-    }), t[37] = _, t[38] = i, t[39] = IK) : IK = t[39];
-    let LK;
-    t[40] !== NK || t[41] !== FK || t[42] !== IK ? (LK = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[37] = _, t[38] = i, t[39] = RK) : RK = t[39];
+    let zK;
+    t[40] !== FK || t[41] !== LK || t[42] !== RK ? (zK = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2",
       children: [
-        NK,
         FK,
-        IK
+        LK,
+        RK
       ]
-    }), t[40] = NK, t[41] = FK, t[42] = IK, t[43] = LK) : LK = t[43];
-    let RK;
-    return t[44] !== MK || t[45] !== LK ? (RK = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[40] = FK, t[41] = LK, t[42] = RK, t[43] = zK) : zK = t[43];
+    let BK;
+    return t[44] !== PK || t[45] !== zK ? (BK = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        MK,
-        LK
+        PK,
+        zK
       ]
-    }), t[44] = MK, t[45] = LK, t[46] = RK) : RK = t[46], RK;
+    }), t[44] = PK, t[45] = zK, t[46] = BK) : BK = t[46], BK;
   };
   function lastLine(e) {
     var _a2, _b;
@@ -34803,7 +34881,7 @@ ${_}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.9-dev4");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.9-dev5");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();