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

package/dist/{code-visibility-VZebNmSs.js → code-visibility-DILs4Gug.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, $ = parseInt(h.borderRightWidth, 10) || 0, MK = c.top - E, NK = c.bottom + O, PK = c.left - A, FK = c.right + M, IK = e === _ ? 0 : Q + $, LK = e === _ ? 0 : q + J, RK = e.offsetWidth - e.clientWidth - IK, zK = e.offsetHeight - e.clientHeight - LK, BK = v + q + I, VK = y - J - z - zK, HK = S + Q + U, UK = w - $ - K;
+    h.direction === "rtl" && !$c87311424ea30a05$export$fedb369cb70207f1() ? HK += RK : UK -= RK;
+    let WK = MK < BK || NK > VK, GK = PK < HK || FK > UK;
+    if (WK && i === "start") o += MK - BK;
+    else if (WK && i === "center") o += (MK + NK) / 2 - (BK + VK) / 2;
+    else if (WK && i === "end") o += NK - VK;
+    else if (WK && i === "nearest") {
+      let e2 = MK - BK, t2 = NK - VK;
       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 (GK && a === "start") s += PK - HK;
+    else if (GK && a === "center") s += (PK + FK) / 2 - (HK + UK) / 2;
+    else if (GK && a === "end") s += FK - UK;
+    else if (GK && a === "nearest") {
+      let e2 = PK - HK, t2 = FK - UK;
       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 $ = "bottom";
+    A.axis === "top" ? A.placement === "top" ? $ = "top" : A.placement === "bottom" && ($ = "bottom") : A.crossAxis === "top" && (A.crossPlacement === "top" ? $ = "bottom" : A.crossPlacement === "bottom" && ($ = "top"));
+    let MK = $edcf132a9284368a$var$getDelta(I, q[I], n[z], c, d, o, f);
+    q[I] += MK;
+    let NK = $edcf132a9284368a$var$getMaxHeight(q, c, f, v, a, o, n.height, $, d, E, O);
+    y && y < NK && (NK = y), n.height = Math.min(n.height, NK), q = $edcf132a9284368a$var$computePosition(t, c, n, A, J, _, f, v, S, w, d), MK = $edcf132a9284368a$var$getDelta(I, q[I], n[z], c, d, o, f), q[I] += MK;
+    let PK = {}, FK = t[I] - q[I] - a[$edcf132a9284368a$var$AXIS[I]], IK = FK + 0.5 * t[z], LK = S / 2 + w, RK = $edcf132a9284368a$var$AXIS[I] === "left" ? (a.left ?? 0) + (a.right ?? 0) : (a.top ?? 0) + (a.bottom ?? 0), zK = n[z] - RK - S / 2 - w;
+    PK[I] = $9446cca9a3875146$export$7d15b64cf5a3a4c4($9446cca9a3875146$export$7d15b64cf5a3a4c4(IK, t[I] + S / 2 - (q[I] + a[$edcf132a9284368a$var$AXIS[I]]), t[I] + t[z] - S / 2 - (q[I] + a[$edcf132a9284368a$var$AXIS[I]])), LK, zK), { placement: U, crossPlacement: K } = A, S ? FK = PK[I] : K === "right" ? FK += t[z] : K === "center" && (FK += t[z] / 2);
+    let BK = U === "left" || U === "top" ? n[M] : 0, VK = {
+      x: U === "top" || U === "bottom" ? FK : BK,
+      y: U === "left" || U === "right" ? FK : BK
     };
     return {
       position: q,
-      maxHeight: xK,
-      arrowOffsetLeft: SK.left,
-      arrowOffsetTop: SK.top,
+      maxHeight: NK,
+      arrowOffsetLeft: PK.left,
+      arrowOffsetTop: PK.top,
       placement: U,
-      triggerAnchorPoint: OK
+      triggerAnchorPoint: VK
     };
   }
   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 $ = (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;
+          $.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 = $.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 MK = $c87311424ea30a05$export$fedb369cb70207f1() || e.type === "timeZoneName" ? {
       role: "textbox",
       "aria-valuemax": null,
       "aria-valuemin": null,
@@ -6907,8 +6907,8 @@ 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({
-      "aria-label": `${$}${c ? `, ${c}` : ""}${d ? ", " : ""}`,
+    let NK = $bdb11010cef70236$export$f680877a34711e37(), PK = !t.isDisabled && !t.isReadOnly && e.isEditable, FK = e.type === "literal" ? "" : s.of(e.type), IK = $313b98861ee5dd6c$export$d6875122194c7b44({
+      "aria-label": `${FK}${c ? `, ${c}` : ""}${d ? ", " : ""}`,
       "aria-labelledby": d
     });
     if (e.type === "literal") return {
@@ -6916,32 +6916,32 @@ Defaulting to \`null\`.`;
         "aria-hidden": true
       }
     };
-    let wK = {
+    let LK = {
       caretColor: "transparent"
     };
     if (o === "rtl") {
-      wK.unicodeBidi = "embed";
+      LK.unicodeBidi = "embed";
       let t2 = v[e.type];
-      (t2 === "numeric" || t2 === "2-digit") && (wK.direction = "ltr");
+      (t2 === "numeric" || t2 === "2-digit") && (LK.direction = "ltr");
     }
     return {
-      segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(w, CK, {
-        id: xK,
-        ...bK,
+      segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(w, IK, {
+        id: NK,
+        ...MK,
         "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: PK,
+        suppressContentEditableWarning: PK,
+        spellCheck: PK ? "false" : void 0,
+        autoCorrect: PK ? "off" : void 0,
+        enterKeyHint: PK ? "next" : void 0,
+        inputMode: t.isDisabled || e.type === "dayPeriod" || e.type === "era" || !PK ? void 0 : "numeric",
         tabIndex: t.isDisabled ? void 0 : 0,
         onKeyDown: A,
         onFocus: Q,
-        style: wK,
+        style: LK,
         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), $ = (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, $.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));
+            $.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 $(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 MK = (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), [
+    ]), NK = e.isInvalid || e.validationState === "invalid" || MK, PK = NK ? "invalid" : null, FK = (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: $,
       visibleRange: {
         start: M,
         end: K
@@ -10206,8 +10206,8 @@ Defaulting to \`null\`.`;
       maxValue: c,
       focusedDate: O,
       timeZone: E,
-      validationState: SK,
-      isValueInvalid: xK,
+      validationState: PK,
+      isValueInvalid: NK,
       setFocusedDate(e2) {
         Q(e2);
       },
@@ -10232,12 +10232,12 @@ Defaulting to \`null\`.`;
         }));
       },
       focusNextPage() {
-        let e2 = M.add($);
-        A($f62d864046160412$export$4f5203c0d889109e(O.add($), s, c)), I($f62d864046160412$export$144a00ba6044eb9($f62d864046160412$export$5bb865b12696a77d(O, e2, $, i, s, c), $, i));
+        let e2 = M.add(FK);
+        A($f62d864046160412$export$4f5203c0d889109e(O.add(FK), s, c)), I($f62d864046160412$export$144a00ba6044eb9($f62d864046160412$export$5bb865b12696a77d(O, e2, FK, i, s, c), FK, i));
       },
       focusPreviousPage() {
-        let e2 = M.subtract($);
-        A($f62d864046160412$export$4f5203c0d889109e(O.subtract($), s, c)), I($f62d864046160412$export$144a00ba6044eb9($f62d864046160412$export$5bb865b12696a77d(O, e2, $, i, s, c), $, i));
+        let e2 = M.subtract(FK);
+        A($f62d864046160412$export$4f5203c0d889109e(O.subtract(FK), s, c)), I($f62d864046160412$export$144a00ba6044eb9($f62d864046160412$export$5bb865b12696a77d(O, e2, FK, i, s, c), FK, i));
       },
       focusSectionStart() {
         o.days ? Q(M) : o.weeks ? Q($14e0f24ef4ac5c92$export$42c81a444fbfb5d4(O, i)) : (o.months || o.years) && Q($14e0f24ef4ac5c92$export$a5a3b454ada2268e(O));
@@ -10268,10 +10268,10 @@ Defaulting to \`null\`.`;
         }));
       },
       selectFocusedDate() {
-        f && f(O) || yK(O);
+        f && f(O) || $(O);
       },
       selectDate(e2) {
-        yK(e2);
+        $(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,
+    }, [$, MK] = (0, import_react.useState)(false), { isDateUnavailable: NK } = e, PK = (0, import_react.useMemo)(() => !h || v ? false : NK && (NK(h.start) || NK(h.end)) ? true : $f62d864046160412$export$eac50920cf2fd59a(h.start, c, d) || $f62d864046160412$export$eac50920cf2fd59a(h.end, c, d), [
+      NK,
       h,
       v,
       c,
       d
-    ]), $ = e.isInvalid || e.validationState === "invalid" || SK, CK = $ ? "invalid" : null;
+    ]), FK = e.isInvalid || e.validationState === "invalid" || PK, IK = FK ? "invalid" : null;
     return {
       ...I,
       value: h,
@@ -10388,8 +10388,8 @@ Defaulting to \`null\`.`;
       anchorDate: v,
       setAnchorDate: q,
       highlightedRange: J,
-      validationState: CK,
-      isValueInvalid: $,
+      validationState: IK,
+      isValueInvalid: FK,
       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: $,
+      setDragging: MK
     };
   }
   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), [
+    ]), $ = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$66aa2b09de4b1ea5(e.placeholderValue, _, S, v), [
       e.placeholderValue,
       _,
       S,
       v
-    ]), bK = (0, import_react.useMemo)(() => {
+    ]), MK = (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);
+    ]), [NK, PK] = (0, import_react.useState)(M), [FK, IK] = (0, import_react.useState)(S), [LK, RK] = (0, import_react.useState)(w);
+    (M !== NK || w !== LK || !$14e0f24ef4ac5c92$export$dbc69fd56b53d5e(S, FK)) && (I = new $f863c03ccd9aead0$export$ae165b50d181e1ef(S, w, M), PK(M), IK(S), RK(w), z(I));
+    let zK = (t2) => {
+      if (!(e.isDisabled || e.isReadOnly)) if (t2 == null || t2 instanceof $f863c03ccd9aead0$export$ae165b50d181e1ef && t2.isCleared(MK)) 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(MK)) {
+          let e2 = t2.toValue(M ?? $);
+          if (t2.validate(e2, MK)) {
             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), [
+    }, BK = (0, import_react.useMemo)(() => I.toValue(M ?? $).toDate(y), [
       I,
       y,
       M,
-      yK
-    ]), OK = (0, import_react.useMemo)(() => $3c0fc76039f1c516$var$processSegments(DK, I, J, Q, S, t, _), [
-      DK,
+      $
+    ]), VK = (0, import_react.useMemo)(() => $3c0fc76039f1c516$var$processSegments(BK, I, J, Q, S, t, _), [
+      BK,
       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), [
+    ]), HK = (e2, t2) => {
+      zK(I.cycle(e2, t2, $, MK));
+    }, UK = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$f18627323ab57ac0(E, c, d, f, K), [
       E,
       c,
       d,
       f,
       K
-    ]), jK = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+    ]), WK = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
       ...e,
       value: E,
-      builtinValidation: AK
-    }), MK = jK.displayValidation.isInvalid, NK = e.validationState || (MK ? "invalid" : null);
+      builtinValidation: UK
+    }), GK = WK.displayValidation.isInvalid, KK = e.validationState || (GK ? "invalid" : null);
     return {
-      ...jK,
+      ...WK,
       value: M,
       defaultValue: e.defaultValue ?? A,
-      dateValue: DK,
+      dateValue: BK,
       calendar: S,
-      setValue: EK,
-      segments: OK,
+      setValue: zK,
+      segments: VK,
       dateFormatter: J,
-      validationState: NK,
-      isInvalid: MK,
+      validationState: KK,
+      isInvalid: GK,
       granularity: _,
       maxGranularity: e.maxGranularity ?? "year",
       isDisabled: a,
       isReadOnly: o,
       isRequired: s,
       increment(e2) {
-        kK(e2, 1);
+        HK(e2, 1);
       },
       decrement(e2) {
-        kK(e2, -1);
+        HK(e2, -1);
       },
       incrementPage(e2) {
-        kK(e2, $3c0fc76039f1c516$var$PAGE_STEP[e2] || 1);
+        HK(e2, $3c0fc76039f1c516$var$PAGE_STEP[e2] || 1);
       },
       decrementPage(e2) {
-        kK(e2, -($3c0fc76039f1c516$var$PAGE_STEP[e2] || 1));
+        HK(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));
+        zK(I.set(e2, t2, $));
       },
       decrementToMin(e2) {
         let t2 = e2 === "hour" && w === "h12" ? 12 : I.getSegmentLimits(e2).minValue;
-        EK(I.set(e2, t2, yK));
+        zK(I.set(e2, t2, $));
       },
       setSegment(e2, t2) {
-        EK(I.set(e2, t2, yK));
+        zK(I.set(e2, t2, $));
       },
       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(MK)) {
+          let e2 = $11d87f3f76e88657$export$b4a036af3fc0b032(I.toValue(M ?? $), (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)), zK(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(BK) : "";
       },
       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);
+    }), $ = Q.displayValidation.isInvalid, MK = e.validationState || ($ ? "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: MK,
+      isInvalid: $,
       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, {
@@ -13827,9 +13827,9 @@ Defaulting to \`null\`.`;
       t,
       i.name
     ]), null;
-  }), import_compiler_runtime$59 = require_compiler_runtime();
+  }), import_compiler_runtime$60 = require_compiler_runtime();
   EmotionCacheProvider = (e) => {
-    let t = (0, import_compiler_runtime$59.c)(6), { container: n, children: i } = e, a;
+    let t = (0, import_compiler_runtime$60.c)(6), { container: n, children: i } = e, a;
     bb0: {
       if (!n) {
         let e3;
@@ -15742,33 +15742,33 @@ 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), $ = !!Q && !I, MK = 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,
+      ]), NK = MK[t], PK = NK || MK, { colorSchemes: FK = _, components: IK = v, cssVarPrefix: LK } = PK, RK = Object.keys(FK).filter((e3) => !!FK[e3]).join(","), zK = import_react.useMemo(() => RK.split(","), [
+        RK
+      ]), BK = typeof s == "string" ? s : s.light, VK = typeof s == "string" ? s : s.dark, { mode: HK, setMode: UK, systemMode: WK, lightColorScheme: GK, darkColorScheme: KK, colorScheme: qK, setColorScheme: JK } = useCurrentColorScheme({
+        supportedColorSchemes: zK,
+        defaultLightColorScheme: BK,
+        defaultDarkColorScheme: VK,
         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: FK[BK] && FK[VK] ? U : ((_b = (_a2 = FK[PK.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = PK.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(() => {
+      }), YK = HK, XK = qK;
+      $ && (YK = Q.mode, XK = Q.colorScheme);
+      let ZK = 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,
-          colorSchemes: $,
-          cssVarPrefix: wK,
+        let e3 = XK || PK.defaultColorScheme, t2 = ((_a3 = PK.generateThemeVars) == null ? void 0 : _a3.call(PK)) || PK.vars, n2 = {
+          ...PK,
+          components: IK,
+          colorSchemes: FK,
+          cssVarPrefix: LK,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
-          let t3 = $[e3];
+          let t3 = FK[e3];
           t3 && typeof t3 == "object" && Object.keys(t3).forEach((e4) => {
             t3[e4] && typeof t3[e4] == "object" ? n2[e4] = {
               ...n2[e4],
@@ -15778,31 +15778,31 @@ try {
         }
         return c ? c(n2) : n2;
       }, [
-        SK,
-        LK,
-        CK,
-        $,
-        wK
-      ]), zK = SK.colorSchemeSelector;
+        PK,
+        XK,
+        IK,
+        FK,
+        LK
+      ]), QK = PK.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 (XK && M && QK && QK !== "media") {
+          let e3 = QK, t2 = QK;
+          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(...zK.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", XK));
           else {
-            let e4 = t2.replace("%s", LK).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", XK).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || EK.forEach((e5) => {
-                M.removeAttribute(t3.replace(LK, e5));
+              n2 || zK.forEach((e5) => {
+                M.removeAttribute(t3.replace(XK, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, LK);
+            } else M.setAttribute(t2, XK);
           }
         }
       }, [
-        LK,
-        zK,
+        XK,
+        QK,
         M,
-        EK
+        zK
       ]), import_react.useEffect(() => {
         let e3;
         if (w2 && q.current && A) {
@@ -15815,48 +15815,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        LK,
+        XK,
         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 $K = import_react.useMemo(() => ({
+        allColorSchemes: zK,
+        colorScheme: XK,
+        darkColorScheme: KK,
+        lightColorScheme: GK,
+        mode: YK,
+        setColorScheme: JK,
+        setMode: UK,
+        systemMode: WK
       }), [
-        EK,
-        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, {
+        zK,
+        XK,
+        KK,
+        GK,
+        YK,
+        JK,
+        UK,
+        WK,
+        ZK.colorSchemeSelector
+      ]), eq = true;
+      (z || PK.cssVariables === false || $ && (J == null ? void 0 : J.cssVarPrefix) === LK) && (eq = false);
+      let tq = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(ThemeProvider_default, {
-            themeId: xK ? t : void 0,
-            theme: RK,
+            themeId: NK ? t : void 0,
+            theme: ZK,
             children: d2
           }),
-          VK && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = RK.generateStyleSheets) == null ? void 0 : _d.call(RK)) || []
+          eq && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = ZK.generateStyleSheets) == null ? void 0 : _d.call(ZK)) || []
           })
         ]
       });
-      return yK ? HK : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: BK,
-        children: HK
+      return $ ? tq : (0, import_jsx_runtime.jsx)(f.Provider, {
+        value: $K,
+        children: tq
       });
     }
     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: $, onFocus: MK, onKeyDown: NK, onKeyUp: PK, placeholder: FK, readOnly: IK, renderSuffix: LK, rows: RK, size: zK, slotProps: BK = {}, slots: VK = {}, startAdornment: HK, type: UK = "text", value: WK, ...GK } = n, KK = A.value == null ? WK : A.value, { current: qK } = import_react.useRef(KK != null), JK = import_react.useRef(), YK = import_react.useCallback((e2) => {
+    }, []), XK = useForkRef_default(JK, M, A.ref, YK), [ZK, QK] = import_react.useState(false), $K = useFormControl(), eq = formControlState({
       props: n,
-      muiFormControl: BK,
+      muiFormControl: $K,
       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());
+    eq.focused = $K ? $K.focused : ZK, import_react.useEffect(() => {
+      !$K && _ && ZK && (QK(false), J && J());
     }, [
-      BK,
+      $K,
       _,
-      RK,
+      ZK,
       J
     ]);
-    let HK = BK && BK.onFilled, UK = BK && BK.onEmpty, WK = import_react.useCallback((e2) => {
-      isFilled(e2) ? HK && HK() : UK && UK();
+    let tq = $K && $K.onFilled, nq = $K && $K.onEmpty, rq = import_react.useCallback((e2) => {
+      isFilled(e2) ? tq && tq() : nq && nq();
     }, [
-      HK,
-      UK
+      tq,
+      nq
     ]);
     useEnhancedEffect_default$1(() => {
-      PK && WK({
-        value: NK
+      qK && rq({
+        value: KK
       });
     }, [
-      NK,
-      WK,
-      PK
+      KK,
+      rq,
+      qK
     ]);
-    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 iq = (e2) => {
+      MK && MK(e2), A.onFocus && A.onFocus(e2), $K && $K.onFocus ? $K.onFocus(e2) : QK(true);
+    }, aq = (e2) => {
+      J && J(e2), A.onBlur && A.onBlur(e2), $K && $K.onBlur ? $K.onBlur(e2) : QK(false);
+    }, oq = (e2, ...t2) => {
+      if (!qK) {
+        let t3 = e2.target || JK.current;
         if (t3 == null) throw Error(formatMuiErrorMessage(1));
-        WK({
+        rq({
           value: t3.value
         });
       }
       A.onChange && A.onChange(e2, ...t2), Q && Q(e2, ...t2);
     };
     import_react.useEffect(() => {
-      WK(FK.current);
+      rq(JK.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 sq = (e2) => {
+      JK.current && e2.currentTarget === e2.target && JK.current.focus(), $ && $(e2);
+    }, cq = O, lq = A;
+    K && cq === "input" && (lq = RK ? {
       type: void 0,
-      minRows: TK,
-      maxRows: TK,
-      ...XK
+      minRows: RK,
+      maxRows: RK,
+      ...lq
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ...XK
-    }, YK = TextareaAutosize_default);
-    let ZK = (e2) => {
-      WK(e2.animationName === "mui-auto-fill-cancel" ? FK.current : {
+      ...lq
+    }, cq = TextareaAutosize_default);
+    let uq = (e2) => {
+      rq(e2.animationName === "mui-auto-fill-cancel" ? JK.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      BK && BK.setAdornedStart(!!kK);
+      $K && $K.setAdornedStart(!!HK);
     }, [
-      BK,
-      kK
+      $K,
+      HK
     ]);
-    let QK = {
+    let dq = {
       ...n,
-      color: VK.color || "primary",
-      disabled: VK.disabled,
+      color: eq.color || "primary",
+      disabled: eq.disabled,
       endAdornment: y,
-      error: VK.error,
-      focused: VK.focused,
-      formControl: BK,
+      error: eq.error,
+      focused: eq.focused,
+      formControl: $K,
       fullWidth: w,
-      hiddenLabel: VK.hiddenLabel,
+      hiddenLabel: eq.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: eq.size,
+      startAdornment: HK,
+      type: UK
+    }, fq = useUtilityClasses(dq), pq = VK.root || d.Root || InputBaseRoot, mq = BK.root || f.root || {}, hq = VK.input || d.Input || InputBaseInput;
+    return lq = {
+      ...lq,
+      ...BK.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)(pq, {
+          ...mq,
           ref: t,
-          onClick: JK,
-          ...MK,
-          ...!isHostComponent_default(eq) && {
+          onClick: sq,
+          ...GK,
+          ...!isHostComponent_default(pq) && {
             ownerState: {
-              ...QK,
-              ...tq.ownerState
+              ...dq,
+              ...mq.ownerState
             }
           },
-          className: clsx_default($K.root, tq.className, s, CK && "MuiInputBase-readOnly"),
+          className: clsx_default(fq.root, mq.className, s, IK && "MuiInputBase-readOnly"),
           children: [
-            kK,
+            HK,
             (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)(hq, {
+                "aria-invalid": eq.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: VK.disabled,
+                disabled: eq.disabled,
                 id: E,
-                onAnimationStart: ZK,
+                onAnimationStart: uq,
                 name: q,
-                placeholder: $,
-                readOnly: CK,
-                required: VK.required,
-                rows: TK,
-                value: NK,
-                onKeyDown: xK,
-                onKeyUp: SK,
-                type: AK,
-                ...XK,
-                ...!isHostComponent_default(nq) && {
-                  as: YK,
+                placeholder: FK,
+                readOnly: IK,
+                required: eq.required,
+                rows: RK,
+                value: KK,
+                onKeyDown: NK,
+                onKeyUp: PK,
+                type: UK,
+                ...lq,
+                ...!isHostComponent_default(hq) && {
+                  as: cq,
                   ownerState: {
-                    ...QK,
-                    ...XK.ownerState
+                    ...dq,
+                    ...lq.ownerState
                   }
                 },
-                ref: LK,
-                className: clsx_default($K.input, XK.className, CK && "MuiInputBase-readOnly"),
-                onBlur: KK,
-                onChange: qK,
-                onFocus: GK
+                ref: XK,
+                className: clsx_default(fq.input, lq.className, IK && "MuiInputBase-readOnly"),
+                onBlur: aq,
+                onChange: oq,
+                onFocus: iq
               })
             }),
             y,
-            wK ? wK({
-              ...VK,
-              startAdornment: kK
+            LK ? LK({
+              ...eq,
+              startAdornment: HK
             }) : 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), $ = useJsonViewerStore((e2) => e2.onChange), MK = useTextColor(), NK = useJsonViewerStore((e2) => e2.colorspace.base0C), PK = useJsonViewerStore((e2) => e2.colorspace.base0A), FK = useJsonViewerStore((e2) => e2.displayComma), IK = useJsonViewerStore((e2) => e2.quotesOnKeys), LK = useJsonViewerStore((e2) => e2.rootName), RK = U === t, zK = Number.isInteger(Number(A)), BK = useJsonViewerStore((e2) => e2.enableAdd), VK = useJsonViewerStore((e2) => e2.onAdd), HK = (0, import_react.useMemo)(() => !VK || a !== void 0 || BK === false || v === false ? false : typeof BK == "function" ? !!BK(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
+      VK,
       a,
       i,
-      DK,
+      BK,
       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,
+    ]), UK = useJsonViewerStore((e2) => e2.enableDelete), WK = useJsonViewerStore((e2) => e2.onDelete), GK = (0, import_react.useMemo)(() => !WK || a !== void 0 || RK || UK === false || v === false ? false : typeof UK == "function" ? !!UK(i, t) : UK, [
+      WK,
       a,
-      TK,
+      RK,
       i,
-      AK,
+      UK,
       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,
+    ]), KK = useJsonViewerStore((e2) => e2.enableClipboard), { copy: qK, copied: JK } = useClipboard(), YK = useJsonViewerStore((e2) => e2.highlightUpdates), XK = (0, import_react.useMemo)(() => !YK || 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, [
+      YK,
       n,
       t
-    ]), RK = (0, import_react.useRef)();
+    ]), ZK = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      RK.current && LK && "animate" in RK.current && RK.current.animate([
+      ZK.current && XK && "animate" in ZK.current && ZK.current.animate([
         {
-          backgroundColor: SK
+          backgroundColor: PK
         },
         {
           backgroundColor: ""
@@ -18617,40 +18617,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         easing: "ease-in"
       });
     }, [
-      SK,
-      LK,
+      PK,
+      XK,
       n,
       t
     ]);
-    let zK = (0, import_react.useCallback)((e2) => {
+    let QK = (0, import_react.useCallback)((e2) => {
       e2.preventDefault(), h && E(h(t)), Q(true);
     }, [
       h,
       t
-    ]), BK = (0, import_react.useCallback)(() => {
+    ]), $K = (0, import_react.useCallback)(() => {
       Q(false), E("");
     }, [
       Q,
       E
-    ]), VK = (0, import_react.useCallback)((e2) => {
+    ]), eq = (0, import_react.useCallback)((e2) => {
       if (Q(false), _) try {
-        yK(i, t, _(e2));
+        $(i, t, _(e2));
       } catch {
       }
     }, [
       Q,
       _,
-      yK,
+      $,
       i,
       t
-    ]), HK = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    ]), tq = (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: $K
           })
         }),
         (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: () => eq(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        NK && (0, import_jsx_runtime.jsx)(IconBox, {
+        KK && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              PK(i, t, copyString);
+              qK(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: FK ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: JK ? (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: QK,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        kK && (0, import_jsx_runtime.jsx)(IconBox, {
+        HK && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), OK == null ? void 0 : OK(i);
+            e2.preventDefault(), VK == null ? void 0 : VK(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, {
+        GK && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), jK == null ? void 0 : jK(i, t);
+            e2.preventDefault(), WK == null ? void 0 : WK(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,
+      JK,
+      qK,
       S,
       J,
-      NK,
-      kK,
-      MK,
+      KK,
+      HK,
+      GK,
       w,
       i,
       t,
-      OK,
-      jK,
-      zK,
-      BK,
-      VK
-    ]), UK = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      VK,
+      WK,
+      QK,
+      $K,
+      eq
+    ]), nq = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), WK = !UK && !!(c && d), GK = useJsonViewerStore((e2) => e2.keyRenderer), KK = (0, import_react.useMemo)(() => ({
+    ]), rq = !nq && !!(c && d), iq = useJsonViewerStore((e2) => e2.keyRenderer), aq = (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: MK,
             letterSpacing: 0.5,
             opacity: 0.8
           },
           onClick: (0, import_react.useCallback)((e2) => {
-            e2.isDefaultPrevented() || UK || q((e3) => !e3);
+            e2.isDefaultPrevented() || nq || q((e3) => !e3);
           }, [
-            UK,
+            nq,
             q
           ]),
           children: [
-            WK ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            rq ? 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: ZK,
               className: "data-key-key",
               component: "span",
-              children: TK && O === 0 ? wK === false ? null : CK ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: RK && O === 0 ? LK === false ? null : IK ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
-                  wK,
+                  LK,
                   '"'
                 ]
               }) : (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: LK
+              }) : iq.when(aq) ? (0, import_jsx_runtime.jsx)(iq, {
+                ...aq
+              }) : a === void 0 && (zK ? (0, import_jsx_runtime.jsx)(Box_default, {
                 component: "span",
                 style: {
-                  color: xK,
-                  userSelect: EK ? "none" : "auto"
+                  color: NK,
+                  userSelect: zK ? "none" : "auto"
                 },
                 children: A
-              }) : CK ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : IK ? (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, {
+            RK ? LK !== 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: zK ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...KK
+              ...aq
             }),
-            I && WK && K && HK
+            I && rq && K && tq
           ]
         }),
         J && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: BK,
-          commitEditing: VK
+          abortEditing: $K,
+          commitEditing: eq
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...KK
+          ...aq
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...KK
+          ...aq
         }),
-        !o && $ && (0, import_jsx_runtime.jsx)(DataBox, {
+        !o && FK && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && WK && !K && HK,
-        I && !WK && HK,
-        !I && J && HK
+        I && rq && !K && tq,
+        I && !rq && tq,
+        !I && J && tq
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -18997,9 +18997,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         })
       })
     });
-  }, import_compiler_runtime$58 = require_compiler_runtime();
+  }, import_compiler_runtime$59 = require_compiler_runtime();
   HtmlOutput = (0, import_react.memo)((e) => {
-    let t = (0, import_compiler_runtime$58.c)(10), { html: n, inline: i, className: o, alwaysSanitizeHtml: s } = e, c = i === void 0 ? false : i;
+    let t = (0, import_compiler_runtime$59.c)(10), { html: n, inline: i, className: o, alwaysSanitizeHtml: s } = e, c = i === void 0 ? false : i;
     if (!n) return null;
     let d = !c, f;
     t[0] !== o || t[1] !== c || t[2] !== d ? (f = cn(o, {
@@ -19018,9 +19018,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     }), t[7] = f, t[8] = h, t[9] = _) : _ = t[9], _;
   });
   HtmlOutput.displayName = "HtmlOutput";
-  var import_compiler_runtime$57 = require_compiler_runtime();
+  var import_compiler_runtime$58 = require_compiler_runtime();
   const ImageOutput = (e) => {
-    let t = (0, import_compiler_runtime$57.c)(8), { src: n, alt: i, width: a, height: o, className: s } = e, c = i === void 0 ? "" : i, d;
+    let t = (0, import_compiler_runtime$58.c)(8), { src: n, alt: i, width: a, height: o, className: s } = e, c = i === void 0 ? "" : i, d;
     t[0] !== c || t[1] !== o || t[2] !== n || t[3] !== a ? (d = (0, import_jsx_runtime.jsx)("img", {
       src: n,
       alt: c,
@@ -19033,9 +19033,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: d
     }), t[5] = s, t[6] = d, t[7] = f) : f = t[7], f;
   };
-  var import_compiler_runtime$56 = require_compiler_runtime();
+  var import_compiler_runtime$57 = require_compiler_runtime();
   Kbd = (e) => {
-    let t = (0, import_compiler_runtime$56.c)(5), n;
+    let t = (0, import_compiler_runtime$57.c)(5), n;
     t[0] === e.className ? n = t[1] : (n = clsx_default(e.className, "rounded-md bg-muted/40 px-2 text-[0.75rem] font-prose center border border-foreground/20 text-muted-foreground block whitespace-nowrap"), t[0] = e.className, t[1] = n);
     let i;
     return t[2] !== e.children || t[3] !== n ? (i = (0, import_jsx_runtime.jsx)("kbd", {
@@ -19043,9 +19043,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: e.children
     }), t[2] = e.children, t[3] = n, t[4] = i) : i = t[4], i;
   };
-  var import_compiler_runtime$55 = require_compiler_runtime();
+  var import_compiler_runtime$56 = require_compiler_runtime();
   const ExternalLink$1 = (e) => {
-    let t = (0, import_compiler_runtime$55.c)(3), { href: n, children: i } = e, a;
+    let t = (0, import_compiler_runtime$56.c)(3), { href: n, children: i } = e, a;
     return t[0] !== i || t[1] !== n ? (a = (0, import_jsx_runtime.jsx)("a", {
       href: n,
       target: "_blank",
@@ -19053,6 +19053,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: i
     }), t[0] = i, t[1] = n, t[2] = a) : a = t[2], a;
   };
+  var MANGLED_LOCAL_BODY = String.raw`_cell_([^\W_][\w-]*?)(_\w*)`, MANGLED_LOCAL_PATTERN = String.raw`(?<!_)${MANGLED_LOCAL_BODY}`;
+  `${MANGLED_LOCAL_BODY}`;
+  var UNANCHORED_RE = new RegExp(MANGLED_LOCAL_PATTERN), GLOBAL_RE = new RegExp(MANGLED_LOCAL_PATTERN, "g");
+  function splitMangledLocals(e) {
+    let t = [];
+    GLOBAL_RE.lastIndex = 0;
+    let n = 0, i = GLOBAL_RE.exec(e);
+    for (; i !== null; ) i.index > n && t.push(e.slice(n, i.index)), t.push({
+      cellId: i[1],
+      name: i[2]
+    }), n = i.index + i[0].length, i = GLOBAL_RE.exec(e);
+    return n < e.length && t.push(e.slice(n)), t;
+  }
+  function containsMangledLocal(e) {
+    return UNANCHORED_RE.test(e);
+  }
   atom(null);
   const focusPackagesInput = () => {
     requestAnimationFrame(() => {
@@ -19216,17 +19232,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     os: "os",
     re: "re",
     sys: "sys"
-  }, import_compiler_runtime$54 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
+  }, import_compiler_runtime$55 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
   function useFixMode() {
-    let e = (0, import_compiler_runtime$54.c)(3), [t, n] = useAtom(fixModeAtom), i;
+    let e = (0, import_compiler_runtime$55.c)(3), [t, n] = useAtom(fixModeAtom), i;
     return e[0] !== t || e[1] !== n ? (i = {
       fixMode: t,
       setFixMode: n
     }, e[0] = t, e[1] = n, e[2] = i) : i = e[2], i;
   }
-  var import_compiler_runtime$53 = require_compiler_runtime();
+  var import_compiler_runtime$54 = require_compiler_runtime();
   const AutoFixButton = (e) => {
-    let t = (0, import_compiler_runtime$53.c)(21), { errors: n, cellId: i, className: o } = e, s = useStore(), { createNewCell: c } = useCellActions(), d = useAtomValue(aiEnabledAtom), f;
+    let t = (0, import_compiler_runtime$54.c)(21), { errors: n, cellId: i, className: o } = e, s = useStore(), { createNewCell: c } = useCellActions(), d = useAtomValue(aiEnabledAtom), f;
     if (t[0] !== d || t[1] !== n) {
       let e2;
       t[3] === d ? e2 = t[4] : (e2 = (e3) => getAutoFixes(e3, {
@@ -19287,7 +19303,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   };
   var PromptIcon = Sparkles, AutofixIcon = Wrench, PromptTitle = "Suggest a prompt", AutofixTitle = "Fix with AI";
   const AIFixButton = (e) => {
-    let t = (0, import_compiler_runtime$53.c)(21), { tooltip: n, openPrompt: i, applyAutofix: a } = e, { fixMode: o, setFixMode: s } = useFixMode(), c = o === "prompt" ? i : a, d;
+    let t = (0, import_compiler_runtime$54.c)(21), { tooltip: n, openPrompt: i, applyAutofix: a } = e, { fixMode: o, setFixMode: s } = useFixMode(), c = o === "prompt" ? i : a, d;
     t[0] === o ? d = t[1] : (d = o === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-3 w-3 mr-2 mb-0.5"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -19356,7 +19372,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[18] = O, t[19] = v, t[20] = A) : A = t[20], A;
   };
   var AiModeItem = (e) => {
-    let t = (0, import_compiler_runtime$53.c)(12), { mode: n } = e, i;
+    let t = (0, import_compiler_runtime$54.c)(12), { mode: n } = e, i;
     t[0] === n ? i = t[1] : (i = n === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-4 w-4"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -19393,9 +19409,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function useFilename() {
     return useAtomValue(filenameAtom);
   }
-  var import_compiler_runtime$51 = require_compiler_runtime();
+  var import_compiler_runtime$52 = require_compiler_runtime();
   const CellLink = (e) => {
-    let t = (0, import_compiler_runtime$51.c)(12), { className: n, cellId: i, variant: o, onClick: s, formatCellName: c, skipScroll: d } = e, f = useCellNames()[i] ?? "", h = useCellIds().inOrderIds.indexOf(i), { showCellIfHidden: _ } = useCellActions(), v = c ?? _temp$11, y;
+    let t = (0, import_compiler_runtime$52.c)(12), { className: n, cellId: i, variant: o, onClick: s, formatCellName: c, skipScroll: d } = e, f = useCellNames()[i] ?? "", h = useCellIds().inOrderIds.indexOf(i), { showCellIfHidden: _ } = useCellActions(), v = c ?? _temp$12, y;
     t[0] === n ? y = t[1] : (y = cn("inline-block cursor-pointer text-link hover:underline", n), t[0] = n, t[1] = y);
     let S;
     t[2] !== i || t[3] !== s || t[4] !== _ || t[5] !== d || t[6] !== o ? (S = (e2) => {
@@ -19415,13 +19431,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: w
     }), t[8] = y, t[9] = S, t[10] = w, t[11] = E) : E = t[11], E;
   }, CellLinkError = (e) => {
-    let t = (0, import_compiler_runtime$51.c)(2), n;
+    let t = (0, import_compiler_runtime$52.c)(2), n;
     return t[0] === e ? n = t[1] : (n = (0, import_jsx_runtime.jsx)(CellLink, {
       ...e,
       variant: "destructive"
     }), t[0] = e, t[1] = n), n;
   }, CellLinkTraceback = (e) => {
-    let t = (0, import_compiler_runtime$51.c)(10), { cellId: n, lineNumber: i } = e, a = useFilename(), o;
+    let t = (0, import_compiler_runtime$52.c)(10), { cellId: n, lineNumber: i } = e, a = useFilename(), o;
     t[0] !== n || t[1] !== i ? (o = () => goToCellLine(n, i), t[0] = n, t[1] = i, t[2] = o) : o = t[2];
     let s;
     t[3] !== n || t[4] !== a ? (s = (e2) => n === "__scratch__" ? "scratch" : `marimo://${a || "untitled"}#cell=${e2}`, t[3] = n, t[4] = a, t[5] = s) : s = t[5];
@@ -19446,9 +19462,57 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       o.classList.remove("focus-outline");
     }, 2e3)), true);
   }
-  function _temp$11(e) {
+  function _temp$12(e) {
     return e;
   }
+  var import_compiler_runtime$51 = require_compiler_runtime();
+  const MangledLocalChip = (e) => {
+    let t = (0, import_compiler_runtime$51.c)(12), { local: n } = e, i;
+    t[0] === n.name ? i = t[1] : (i = (0, import_jsx_runtime.jsx)("span", {
+      className: "font-code",
+      children: n.name
+    }), t[0] = n.name, t[1] = i);
+    let a;
+    t[2] === n.cellId ? a = t[3] : (a = (0, import_jsx_runtime.jsx)(CellLinkError, {
+      cellId: n.cellId
+    }), t[2] = n.cellId, t[3] = a);
+    let o;
+    t[4] !== i || t[5] !== a ? (o = (0, import_jsx_runtime.jsxs)("div", {
+      className: "max-w-xs",
+      children: [
+        "Local variable ",
+        i,
+        " in cell",
+        " ",
+        a,
+        "."
+      ]
+    }), t[4] = i, t[5] = a, t[6] = o) : o = t[6];
+    let s = o, c;
+    t[7] === n.name ? c = t[8] : (c = (0, import_jsx_runtime.jsx)("span", {
+      className: "font-code cursor-help",
+      children: n.name
+    }), t[7] = n.name, t[8] = c);
+    let d;
+    return t[9] !== c || t[10] !== s ? (d = (0, import_jsx_runtime.jsx)(Tooltip, {
+      content: s,
+      children: c
+    }), t[9] = c, t[10] = s, t[11] = d) : d = t[11], d;
+  }, MangledSegments = (e) => {
+    let t = (0, import_compiler_runtime$51.c)(4), { segments: n } = e, i;
+    t[0] === n ? i = t[1] : (i = n.map(_temp$11), t[0] = n, t[1] = i);
+    let a;
+    return t[2] === i ? a = t[3] : (a = (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: i
+    }), t[2] = i, t[3] = a), a;
+  };
+  function _temp$11(e, t) {
+    return typeof e == "string" ? (0, import_jsx_runtime.jsx)("span", {
+      children: e
+    }, t) : (0, import_jsx_runtime.jsx)(MangledLocalChip, {
+      local: e
+    }, t);
+  }
   const showAddPackageToast = (e, t) => {
     toast(t ? {
       title: "Failed to add package",
@@ -19709,18 +19773,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), $ = n.filter(_temp16), MK = n.filter(_temp17), NK;
+      t[15] === s ? NK = t[16] : (NK = () => {
         s.openApplication("scratchpad");
-      }, t[15] = s, t[16] = xK);
-      let SK = xK, $ = () => {
+      }, t[15] = s, t[16] = NK);
+      let PK = NK, FK = () => {
         let t2 = [];
-        if (Q.length > 0 || yK.length > 0) {
+        if (Q.length > 0 || $.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),
+              $.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
                 variant: "outline",
@@ -19752,7 +19816,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
                   ...Q,
-                  ...yK
+                  ...$
                 ],
                 cellId: i
               })
@@ -19913,7 +19977,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: PK,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -20028,23 +20092,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")), MK.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
           children: [
-            bK.map(_temp35),
+            MK.map(_temp35),
             i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-              errors: bK,
+              errors: MK,
               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,
+      }, IK = `font-code font-medium tracking-wide ${f}`, LK;
+      t[17] !== IK || t[18] !== c ? (LK = (0, import_jsx_runtime.jsx)(AlertTitle, {
+        className: IK,
         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] = IK, t[18] = c, t[19] = LK) : LK = t[19];
+      let RK = LK;
+      _ = 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 = RK, v = "flex flex-col gap-8", y = FK(), 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", {
@@ -20237,7 +20301,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         children: [
           (0, import_jsx_runtime.jsx)("p", {
             className: "text-muted-foreground",
-            children: e.msg
+            children: (0, import_jsx_runtime.jsx)(MangledSegments, {
+              segments: splitMangledLocals(e.msg)
+            })
           }),
           (0, import_jsx_runtime.jsxs)("p", {
             className: "text-muted-foreground mt-2",
@@ -23411,6 +23477,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 +23560,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 +23662,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 +25438,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 +25468,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 +25500,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 +25572,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 +26132,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, $ = useUniqueId(s), MK = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -26057,72 +26145,72 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: yK,
+      id: $,
       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 } = MK.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);
+      MK.current.id = $, MK.current.idIsFromProps = s !== void 0, MK.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(MK.current, o2);
     }), useIsomorphicLayoutEffect$1(() => {
-      let e2 = bK.current;
+      let e2 = MK.current;
       return q(e2), () => {
         Q(e2);
       };
     }, [
       v,
-      yK,
+      $,
       q,
       Q
     ]), (0, import_react.useImperativeHandle)(o, () => ({
       collapse: () => {
-        O(bK.current);
+        O(MK.current);
       },
       expand: (e2) => {
-        A(bK.current, e2);
+        A(MK.current, e2);
       },
       getId() {
-        return yK;
+        return $;
       },
       getSize() {
-        return M(bK.current);
+        return M(MK.current);
       },
       isCollapsed() {
-        return U(bK.current);
+        return U(MK.current);
       },
       isExpanded() {
-        return !U(bK.current);
+        return !U(MK.current);
       },
       resize: (e2) => {
-        J(bK.current, e2);
+        J(MK.current, e2);
       }
     }), [
       O,
       A,
       M,
       U,
-      yK,
+      $,
       J
     ]);
-    let xK = I(bK.current, a);
+    let NK = I(MK.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: yK,
+      id: $,
       style: {
-        ...xK,
+        ...NK,
         ...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]: $,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + NK.flexGrow).toFixed(1)
     });
   }
   Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -26895,7 +26983,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) => {
+    }, []), $ = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -26907,13 +26995,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       S,
       E
-    ]), bK = (0, import_react.useCallback)((e2) => {
+    ]), MK = (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) => {
+    }, []), NK = (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) => {
+    }, []), PK = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current;
       t2.push(e2), t2.sort((e3, t3) => {
         let n2 = e3.order, i2 = t3.order;
@@ -26945,7 +27033,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         e2.layout = [];
       };
     }, []);
-    let $ = (0, import_react.useCallback)((e2) => {
+    let FK = (0, import_react.useCallback)((e2) => {
       let t2 = false, n2 = y.current;
       return n2 && window.getComputedStyle(n2, null).getPropertyValue("direction") === "rtl" && (t2 = true), function(n3) {
         n3.preventDefault();
@@ -26963,7 +27051,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) => {
+    }, []), IK = (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 +27063,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) => {
+    }, []), LK = (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) || IK(e2, s2) : h2 < f2 ? IK(e2, f2) : h2 > d2 && IK(e2, d2));
     }, [
-      CK
-    ]), TK = (0, import_react.useCallback)((e2, t2) => {
+      IK
+    ]), RK = (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 +27080,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), EK = (0, import_react.useCallback)(() => {
+    }, []), zK = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), DK = (0, import_react.useCallback)((e2) => {
+    }, []), BK = (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)(() => ({
+    ]), VK = (0, import_react.useMemo)(() => ({
       collapsePanel: q,
       direction: i,
       dragState: S,
       expandPanel: J,
       getPanelSize: Q,
-      getPanelStyle: yK,
+      getPanelStyle: $,
       groupId: v,
-      isPanelCollapsed: bK,
-      isPanelExpanded: xK,
-      reevaluatePanelConstraints: wK,
-      registerPanel: SK,
-      registerResizeHandle: $,
-      resizePanel: CK,
-      startDragging: TK,
-      stopDragging: EK,
-      unregisterPanel: DK,
+      isPanelCollapsed: MK,
+      isPanelExpanded: NK,
+      reevaluatePanelConstraints: LK,
+      registerPanel: PK,
+      registerResizeHandle: FK,
+      resizePanel: IK,
+      startDragging: RK,
+      stopDragging: zK,
+      unregisterPanel: BK,
       panelGroupElement: y.current
     }), [
       q,
@@ -27023,18 +27111,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       i,
       J,
       Q,
-      yK,
-      v,
-      bK,
-      xK,
-      wK,
-      SK,
       $,
-      CK,
-      TK,
-      EK,
-      DK
-    ]), kK = {
+      v,
+      MK,
+      NK,
+      LK,
+      PK,
+      FK,
+      IK,
+      RK,
+      zK,
+      BK
+    ]), HK = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -27042,7 +27130,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: OK
+      value: VK
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -27050,7 +27138,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...kK,
+        ...HK,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -27127,31 +27215,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"), [$, MK] = (0, import_react.useState)(false), [NK, PK] = (0, import_react.useState)(null), FK = (0, import_react.useRef)({
       state: J
     });
     useIsomorphicLayoutEffect$1(() => {
-      $.current.state = J;
+      FK.current.state = J;
     }), (0, import_react.useEffect)(() => {
-      if (n) SK(null);
+      if (n) PK(null);
       else {
         let e2 = I(q);
-        SK(() => e2);
+        PK(() => e2);
       }
     }, [
       n,
       q,
       I
     ]);
-    let CK = (i == null ? void 0 : i.coarse) ?? 15, wK = (i == null ? void 0 : i.fine) ?? 5;
+    let IK = (i == null ? void 0 : i.coarse) ?? 15, LK = (i == null ? void 0 : i.fine) ?? 5;
     (0, import_react.useEffect)(() => {
-      if (n || xK == null) return;
+      if (n || NK == 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: IK,
+        fine: LK
       }, (e3, n2, i2) => {
         if (!n2) {
           Q("inactive");
@@ -27165,8 +27253,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             break;
           }
           case "move": {
-            let { state: e4 } = $.current;
-            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), xK(i2);
+            let { state: e4 } = FK.current;
+            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), NK(i2);
             break;
           }
           case "up": {
@@ -27178,22 +27266,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      CK,
+      IK,
       A,
       n,
-      wK,
+      LK,
       I,
       q,
-      xK,
+      NK,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
       handleId: q,
-      resizeHandler: xK,
+      resizeHandler: NK,
       panelGroupElement: K
     });
-    let TK = {
+    let RK = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -27203,22 +27291,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       className: t,
       id: a,
       onBlur: () => {
-        bK(false), o == null ? void 0 : o();
+        MK(false), o == null ? void 0 : o();
       },
       onFocus: () => {
-        bK(true), d == null ? void 0 : d();
+        MK(true), d == null ? void 0 : d();
       },
       ref: w,
       role: "separator",
       style: {
-        ...TK,
+        ...RK,
         ..._
       },
       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" : $ ? "keyboard" : void 0,
       [DATA_ATTRIBUTES.resizeHandleEnabled]: !n,
       [DATA_ATTRIBUTES.resizeHandleId]: q,
       [DATA_ATTRIBUTES.resizeHandleState]: J
@@ -27510,7 +27598,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, xK);
+      U(6, NK);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -27519,7 +27607,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") MK(), Q(), U(1, $);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -27527,8 +27615,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 = PK()) == null ? void 0 : _a3.id, K.emit();
+            }), i2 || U(5, NK), ((_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 +27641,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();
+        MK(), Q(), n.current.value || $(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
-        let t3 = SK();
+        let t3 = PK();
         U(4, () => {
-          bK(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && yK(), K.emit();
+          MK(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && $(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -27591,7 +27679,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]);
       });
       let i2 = z.current;
-      $().sort((t3, n2) => {
+      FK().sort((t3, n2) => {
         let i3 = t3.getAttribute("id"), a2 = n2.getAttribute("id");
         return (e2.get(a2) ?? 0) - (e2.get(i3) ?? 0);
       }).forEach((e3) => {
@@ -27603,12 +27691,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function yK() {
+    function $() {
       var _a2;
-      let e2 = (_a2 = $().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
+      let e2 = (_a2 = FK().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
-    function bK() {
+    function MK() {
       var _a2, _b;
       if (!n.current.search || c.current.shouldFilter === false) {
         n.current.filtered.count = i.current.size;
@@ -27626,43 +27714,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function xK() {
+    function NK() {
       var _a2, _b;
       var e2;
-      let t2 = SK();
+      let t2 = PK();
       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 PK() {
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
-    function $() {
+    function FK() {
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function CK(e2) {
-      let t2 = $()[e2];
+    function IK(e2) {
+      let t2 = FK()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function wK(e2) {
+    function LK(e2) {
       var t2;
-      let n2 = SK(), i2 = $(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = PK(), i2 = FK(), 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 RK(e2) {
       var _a2;
-      let t2 = (_a2 = SK()) == null ? void 0 : _a2.closest(N$1), n2;
+      let t2 = (_a2 = PK()) == 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)) : LK(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 zK = () => IK(FK().length - 1), BK = (e2) => {
+      e2.preventDefault(), e2.metaKey ? zK() : e2.altKey ? RK(1) : LK(1);
+    }, VK = (e2) => {
+      e2.preventDefault(), e2.metaKey ? IK(0) : e2.altKey ? RK(-1) : LK(-1);
     };
     return import_react.createElement(Primitive.div, {
       ref: t,
@@ -27676,27 +27764,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 && BK(e2);
             break;
           case "ArrowDown":
-            DK(e2);
+            BK(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && OK(e2);
+            E && e2.ctrlKey && VK(e2);
             break;
           case "ArrowUp":
-            OK(e2);
+            VK(e2);
             break;
           case "Home":
-            e2.preventDefault(), CK(0);
+            e2.preventDefault(), IK(0);
             break;
           case "End":
-            e2.preventDefault(), EK();
+            e2.preventDefault(), zK();
             break;
           case "Enter": {
             e2.preventDefault();
-            let t3 = SK();
+            let t3 = PK();
             if (t3) {
               let e3 = new Event(Z);
               t3.dispatchEvent(e3);
@@ -28105,153 +28193,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, $ = I === void 0 ? true : I, MK = z === void 0 ? "Search..." : z, NK = U === void 0 ? "Nothing found." : U, PK = K === void 0 ? false : K, FK = q === void 0 ? false : q, IK = s ?? false, LK;
+    t[24] !== v || t[25] !== w || t[26] !== IK ? (LK = {
       prop: w,
-      defaultProp: CK,
+      defaultProp: IK,
       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] = IK, t[27] = LK) : LK = t[27];
+    let [RK, zK] = useControllableState(LK), BK = RK === void 0 ? false : RK, VK;
+    t[28] === S ? VK = t[29] : (VK = (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] = VK);
+    let HK;
+    t[30] !== c || t[31] !== VK || t[32] !== J ? (HK = {
       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: VK
+    }, t[30] = c, t[31] = VK, t[32] = J, t[33] = HK) : HK = t[33];
+    let [UK, WK] = useControllableState(HK), GK;
+    t[34] === UK ? GK = t[35] : (GK = (e2) => Array.isArray(UK) ? UK.includes(e2) : UK === e2, t[34] = UK, t[35] = GK);
+    let KK = GK, qK;
+    t[36] !== _ || t[37] !== Q || t[38] !== zK || t[39] !== WK || t[40] !== UK ? (qK = (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(UK)) if (UK.includes(t2)) {
+        let n2 = UK.filter((t3) => t3 !== e2);
         t2 = n2.length > 0 ? n2 : [];
       } else t2 = [
-        ...AK,
+        ...UK,
         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];
-    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", {
+      else UK === e2 && (t2 = null);
+      WK(t2), (_ ?? Q) || zK(false);
+    }, t[36] = _, t[37] = Q, t[38] = zK, t[39] = WK, t[40] = UK, t[41] = qK) : qK = t[41];
+    let JK = qK, YK;
+    t[42] !== PK || t[43] !== d || t[44] !== Q || t[45] !== E || t[46] !== UK ? (YK = () => Q && PK && E ? E : UK == null ? E ?? "--" : Array.isArray(UK) ? UK.length === 0 ? E ?? "--" : UK.length === 1 && d !== void 0 ? d(UK[0]) : `${UK.length} selected` : d === void 0 ? E ?? "--" : d(UK), t[42] = PK, t[43] = d, t[44] = Q, t[45] = E, t[46] = UK, t[47] = YK) : YK = t[47];
+    let XK = YK, ZK;
+    t[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ZK = cn("relative"), t[48] = ZK) : ZK = t[48];
+    let QK;
+    t[49] !== FK || t[50] !== zK ? (QK = (e2) => {
+      FK && e2 || zK(e2);
+    }, t[49] = FK, t[50] = zK, t[51] = QK) : QK = t[51];
+    let $K = FK && "cursor-not-allowed opacity-50", eq;
+    t[52] !== o || t[53] !== $K ? (eq = 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", $K, o), t[52] = o, t[53] = $K, t[54] = eq) : eq = t[54];
+    let nq;
+    t[55] === XK ? nq = t[56] : (nq = XK(), t[55] = XK, t[56] = nq);
+    let rq;
+    t[57] === nq ? rq = t[58] : (rq = (0, import_jsx_runtime.jsx)("span", {
       className: "truncate flex-1 min-w-0",
-      children: UK
-    }), t[57] = UK, t[58] = WK);
-    let KK;
-    t[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (KK = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      children: nq
+    }), t[57] = nq, t[58] = rq);
+    let aq;
+    t[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (aq = (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] = aq) : aq = t[59];
+    let oq;
+    t[60] !== FK || t[61] !== h || t[62] !== BK || t[63] !== eq || t[64] !== rq ? (oq = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsxs)("button", {
         id: h,
         type: "button",
-        className: VK,
-        "aria-expanded": DK,
-        "aria-disabled": $,
+        className: eq,
+        "aria-expanded": BK,
+        "aria-disabled": FK,
         children: [
-          WK,
-          KK
+          rq,
+          aq
         ]
       })
-    }), 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] = FK, t[61] = h, t[62] = BK, t[63] = eq, t[64] = rq, t[65] = oq) : oq = t[65];
+    let sq;
+    t[66] !== MK || t[67] !== y || t[68] !== A ? (sq = (0, import_jsx_runtime.jsx)(CommandInput, {
+      placeholder: MK,
       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];
-    let ZK;
-    t[75] !== n || t[76] !== XK ? (ZK = (0, import_jsx_runtime.jsx)(ComboboxContext, {
-      value: XK,
+    }), t[66] = MK, t[67] = y, t[68] = A, t[69] = sq) : sq = t[69];
+    let cq;
+    t[70] === NK ? cq = t[71] : (cq = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+      children: NK
+    }), t[70] = NK, t[71] = cq);
+    let lq;
+    t[72] !== JK || t[73] !== KK ? (lq = {
+      isSelected: KK,
+      onSelect: JK
+    }, t[72] = JK, t[73] = KK, t[74] = lq) : lq = t[74];
+    let uq;
+    t[75] !== n || t[76] !== lq ? (uq = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: lq,
       children: n
-    }), t[75] = n, t[76] = XK, t[77] = ZK) : ZK = t[77];
-    let QK;
-    t[78] !== YK || t[79] !== ZK ? (QK = (0, import_jsx_runtime.jsxs)(CommandList, {
+    }), t[75] = n, t[76] = lq, t[77] = uq) : uq = t[77];
+    let dq;
+    t[78] !== cq || t[79] !== uq ? (dq = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        YK,
-        ZK
+        cq,
+        uq
       ]
-    }), 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] = cq, t[79] = uq, t[80] = dq) : dq = t[80];
+    let fq;
+    t[81] !== f || t[82] !== $ || t[83] !== sq || t[84] !== dq ? (fq = (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: $,
         children: [
-          JK,
-          QK
+          sq,
+          dq
         ]
       })
-    }), 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] = $, t[83] = sq, t[84] = dq, t[85] = fq) : fq = t[85];
+    let pq;
+    t[86] !== BK || t[87] !== QK || t[88] !== oq || t[89] !== fq ? (pq = (0, import_jsx_runtime.jsxs)(Popover, {
+      open: BK,
+      onOpenChange: QK,
       children: [
-        qK,
-        $K
+        oq,
+        fq
       ]
-    }), 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] = BK, t[87] = QK, t[88] = oq, t[89] = fq, t[90] = pq) : pq = t[90];
+    let mq;
+    t[91] !== PK || t[92] !== i || t[93] !== FK || t[94] !== d || t[95] !== JK || t[96] !== Q || t[97] !== UK ? (mq = Q && PK && (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(UK) && UK.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);
+              FK || JK(e2);
             },
-            className: cn("w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer", $ && "pointer-events-none")
+            className: cn("w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer", FK && "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] = PK, t[92] = i, t[93] = FK, t[94] = d, t[95] = JK, t[96] = Q, t[97] = UK, t[98] = mq) : mq = t[98];
+    let hq;
+    return t[99] !== O || t[100] !== pq || t[101] !== mq ? (hq = (0, import_jsx_runtime.jsxs)("div", {
+      className: ZK,
       ...O,
       children: [
-        eq,
-        tq
+        pq,
+        mq
       ]
-    }), t[99] = O, t[100] = eq, t[101] = tq, t[102] = nq) : nq = t[102], nq;
+    }), t[99] = O, t[100] = pq, t[101] = mq, t[102] = hq) : hq = t[102], hq;
   };
   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 +29467,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         id: v,
         operator: e2
       });
-    }, yK = buildFilterValue({
+    }, $ = 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;
+    }), MK = $ === void 0, NK = MK ? getMissingValueMessage(S, E) : "Apply filter", PK = () => {
+      if (!$) return;
+      let e2 = $;
       t.setColumnFilters((t2) => {
         if (a === void 0) return [
           {
@@ -29402,20 +29490,20 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           value: e2
         }, n2;
       }), i();
-    }, $ = () => {
+    }, FK = () => {
       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);
+    }, IK = !OPERATORS_WITHOUT_VALUE.has(E), LK = OPERATORS_BY_TYPE[S], RK = (0, import_react.useRef)(null), zK = (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 = RK.current) == null ? void 0 : _a2.querySelector('input, [role="spinbutton"], [role="combobox"], button');
+      e2 ? e2.focus() : (_b = zK.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(), PK();
       },
       onKeyDownCapture: (e2) => {
         e2.key === "Tab" && e2.stopPropagation();
@@ -29456,13 +29544,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: zK,
                   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: LK.map((e2) => (0, import_jsx_runtime.jsx)(SelectItem, {
                     value: e2,
                     children: OPERATOR_LABELS[e2]
                   }, e2))
@@ -29471,8 +29559,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             }, S)
           ]
         }),
-        CK && (0, import_jsx_runtime.jsxs)("div", {
-          ref: TK,
+        IK && (0, import_jsx_runtime.jsxs)("div", {
+          ref: RK,
           className: "flex flex-col gap-1",
           children: [
             (0, import_jsx_runtime.jsx)("label", {
@@ -29499,14 +29587,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: NK,
               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: MK,
                   className: "rounded-full text-primary hover:text-primary hover:bg-primary/10",
                   "aria-label": "Apply filter",
                   children: (0, import_jsx_runtime.jsx)(Check, {
@@ -29538,7 +29626,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 size: "icon",
                 variant: "ghost",
                 className: "rounded-full text-destructive hover:text-destructive hover:bg-destructive/10",
-                onClick: $,
+                onClick: FK,
                 "aria-label": "Remove filter",
                 children: (0, import_jsx_runtime.jsx)(Trash2, {
                   className: "h-3.5 w-3.5",
@@ -31934,6 +32022,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 +32357,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 +32462,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 +32498,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 +32507,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 +32522,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 +32545,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 +32895,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, $, MK, NK, PK;
     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 +32963,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", $ = "print:hidden", t[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (MK = (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] = MK) : MK = t[37], NK = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -32860,10 +32987,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") ? (PK = (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] = PK) : (I = t[38], PK = t[39]), z = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: async () => {
           try {
             await a(e3.format);
@@ -32892,30 +33019,30 @@ 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];
-    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, {
+      }, 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] = $, t[24] = MK, t[25] = NK, t[26] = PK;
+    } 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], $ = t[23], MK = t[24], NK = t[25], PK = t[26];
+    let FK;
+    t[40] !== A || t[41] !== I || t[42] !== z || t[43] !== Q || t[44] !== $ || t[45] !== MK || t[46] !== NK || t[47] !== PK ? (FK = (0, import_jsx_runtime.jsxs)(A, {
       side: Q,
-      className: yK,
+      className: $,
       children: [
-        bK,
-        xK,
-        SK,
+        MK,
+        NK,
+        PK,
         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] = $, t[45] = MK, t[46] = NK, t[47] = PK, t[48] = FK) : FK = t[48];
+    let IK;
+    return t[49] !== M || t[50] !== U || t[51] !== K || t[52] !== q || t[53] !== J || t[54] !== FK ? (IK = (0, import_jsx_runtime.jsxs)(M, {
       modal: U,
       open: K,
       onOpenChange: q,
       children: [
         J,
-        $
+        FK
       ]
-    }), 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] = FK, t[55] = IK) : IK = t[55], IK;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -33007,22 +33134,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: $, enableSearch: MK = false, searchQuery: NK, onSearchQueryChange: PK, showFilters: FK = false, filters: IK, onFiltersChange: LK, calculateTopKRows: RK, reloading: zK, freezeColumnsLeft: BK, freezeColumnsRight: VK, hiddenColumns: HK, toggleDisplayHeader: UK, showChartBuilder: WK, isChartBuilderOpen: GK, showPageSizeSelector: KK, showTableExplorer: qK, togglePanel: JK, isPanelOpen: YK, isAnyPanelOpen: XK, viewedRowIdx: ZK, onViewedRowChange: QK }) => {
+    let [$K, eq] = import_react.useState(false), { locale: tq } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: nq, setColumnPinning: rq } = useColumnPinning(BK, VK), { columnVisibility: iq, setColumnVisibility: aq } = useColumnVisibility(HK);
     import_react.useEffect(() => {
       let e2;
-      return TK ? e2 = setTimeout(() => {
-        zK(true);
-      }, 300) : zK(false), () => {
+      return zK ? e2 = setTimeout(() => {
+        eq(true);
+      }, 300) : eq(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      TK
+      zK
     ]);
-    function UK(e2, t2) {
-      return M ? t2 + (U ? M.pageIndex * M.pageSize : 0) : t2;
+    function oq(e2, t2) {
+      return I ? t2 + (K ? I.pageIndex * I.pageSize : 0) : t2;
     }
-    let WK = useReactTable({
+    let sq = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -33041,79 +33168,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 = oq(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: BK,
-      manualPagination: U,
+      locale: tq,
+      manualPagination: K,
       getPaginationRowModel: getPaginationRowModel(),
-      ...y ? {
-        onSortingChange: y
+      ...S ? {
+        onSortingChange: S
       } : {},
-      manualSorting: _,
+      manualSorting: v,
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: SK,
+      enableColumnFilters: FK,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: CK,
-      onRowSelectionChange: q,
-      onCellSelectionChange: J,
+      onColumnFiltersChange: LK,
+      onRowSelectionChange: J,
+      onCellSelectionChange: Q,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: HK,
+      onColumnPinningChange: rq,
+      onColumnVisibilityChange: aq,
       enableFocusRow: true,
-      onFocusRowChange: LK,
+      onFocusRowChange: QK,
       state: {
-        ...v ? {
-          sorting: v
+        ...y ? {
+          sorting: y
         } : {},
-        columnFilters: $,
-        ...M ? {
-          pagination: M
-        } : K && !M ? {} : {
+        columnFilters: IK,
+        ...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: iq,
+        cellStyling: O,
+        columnPinning: nq,
+        cellHoverTemplate: A,
+        cellHoverTexts: M ?? {}
+      }
+    }), cq = (YK == null ? void 0 : YK(PANEL_TYPES.ROW_VIEWER)) ?? false, lq = !q && o.length > 100, uq = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: KK
-    }), [JK, YK] = import_react.useState(null);
+      virtualize: lq
+    }), [dq, fq] = import_react.useState(null), pq = import_react.useMemo(() => ({
+      requestAddFilter: (e2) => {
+        let t2 = sq.getColumn(e2.columnId);
+        t2 && fq(buildEditorSnapshot(t2, {
+          operator: e2.operator
+        }));
+      }
+    }), [
+      sq
+    ]), mq = getUserColumnVisibilityCounts(sq), hq = mq.total > 0 && mq.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: pq,
       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: IK,
+            table: sq,
+            calculateTopKRows: RK,
+            addFilterSnapshot: dq,
+            onAddFilterSnapshotChange: fq
           }),
           (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
             children: (0, import_jsx_runtime.jsxs)("div", {
@@ -33121,34 +33250,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: MK,
+                  searchQuery: NK,
+                  onSearchQueryChange: PK,
+                  reloading: zK,
+                  showChartBuilder: WK,
+                  isChartBuilderOpen: GK,
+                  toggleDisplayHeader: UK,
+                  showTableExplorer: qK,
+                  togglePanel: JK,
+                  isAnyPanelOpen: XK,
+                  downloadAs: U,
+                  sizeBytes: _
+                }),
+                hq && (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: () => sq.resetColumnVisibility(true),
+                      children: "Unhide all"
+                    })
+                  ]
                 }),
                 (0, import_jsx_runtime.jsxs)(Table, {
                   className: cn("relative", i.length <= 4 ? "w-auto" : "w-full"),
-                  ref: qK,
+                  ref: uq,
                   children: [
-                    RK && (0, import_jsx_runtime.jsx)("thead", {
+                    $K && (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(sq, lq || !!n),
                     (0, import_jsx_runtime.jsx)(DataTableBody, {
-                      table: WK,
+                      table: sq,
                       columns: i,
-                      rowViewerPanelOpen: GK,
-                      getRowIndex: UK,
-                      viewedRowIdx: IK,
-                      virtualize: KK
+                      rowViewerPanelOpen: cq,
+                      getRowIndex: oq,
+                      viewedRowIdx: ZK,
+                      virtualize: lq
                     })
                   ]
                 }),
@@ -33156,13 +33299,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: sq,
+                  getRowIds: $,
+                  showPageSizeSelector: KK,
+                  tableLoading: zK,
+                  togglePanel: JK
                 })
               ]
             })
@@ -33230,12 +33374,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   var import_compiler_runtime$6 = require_compiler_runtime(), KEY = "item";
   const MarimoTracebackOutput = (e) => {
     var _a2;
-    let t = (0, import_compiler_runtime$6.c)(47), { onRefactorWithAI: n, traceback: i, cellId: o } = e, s;
+    let t = (0, import_compiler_runtime$6.c)(49), { onRefactorWithAI: n, traceback: i, cellId: o } = e, s;
     t[0] === i ? s = t[1] : (s = renderHTML({
       html: i,
       additionalReplacements: [
         replaceTracebackFilenames,
-        replaceTracebackPrefix
+        replaceTracebackPrefix,
+        replaceMangledLocal
       ]
     }), t[0] = i, t[1] = s);
     let c = s, [d, f] = (0, import_react.useState)(true), _ = lastLine(i), v = useAtomValue(aiEnabledAtom), y;
@@ -33251,69 +33396,73 @@ 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, {
-      className: $
-    }), t[13] = $, t[14] = CK);
-    let wK = q || "Error", TK;
-    t[15] === wK ? TK = t[16] : (TK = (0, import_jsx_runtime.jsxs)("span", {
+    }, [q, J] = _.split(":", 2), $ = J ? splitMangledLocals(J) : [], NK = d ? KEY : "", PK;
+    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (PK = () => f(_temp$3), t[10] = PK) : PK = t[10];
+    let FK = d ? "rotate-180" : "rotate-0", IK;
+    t[11] === FK ? IK = t[12] : (IK = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", FK), t[11] = FK, t[12] = IK);
+    let LK;
+    t[13] === IK ? LK = t[14] : (LK = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      className: IK
+    }), t[13] = IK, t[14] = LK);
+    let RK = q || "Error", zK;
+    t[15] === RK ? zK = t[16] : (zK = (0, import_jsx_runtime.jsxs)("span", {
       className: "text-destructive",
       children: [
-        wK,
+        RK,
         ":"
       ]
-    }), t[15] = wK, t[16] = TK);
-    let EK;
-    t[17] !== J || t[18] !== TK ? (EK = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[15] = RK, t[16] = zK);
+    let VK;
+    t[17] === $ ? VK = t[18] : (VK = (0, import_jsx_runtime.jsx)(MangledSegments, {
+      segments: $
+    }), t[17] = $, t[18] = VK);
+    let UK;
+    t[19] !== zK || t[20] !== VK ? (UK = (0, import_jsx_runtime.jsxs)("div", {
       className: "text-sm inline font-mono",
       children: [
-        TK,
+        zK,
         " ",
-        J
+        VK
       ]
-    }), 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[19] = zK, t[20] = VK, t[21] = UK) : UK = t[21];
+    let WK;
+    t[22] !== UK || t[23] !== LK ? (WK = (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: PK,
       children: [
-        CK,
-        EK
+        LK,
+        UK
       ]
-    }), 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[22] = UK, t[23] = LK, t[24] = WK) : WK = t[24];
+    let GK;
+    t[25] === c ? GK = t[26] : (GK = (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[25] = c, t[26] = GK);
+    let KK;
+    t[27] !== WK || t[28] !== GK ? (KK = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY,
       className: "border-none",
       children: [
-        OK,
-        AK
+        WK,
+        GK
       ]
-    }), 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[27] = WK, t[28] = GK, t[29] = KK) : KK = t[29];
+    let JK;
+    t[30] !== KK || t[31] !== NK ? (JK = (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: NK,
+      children: KK
+    }), t[30] = KK, t[31] = NK, t[32] = JK) : JK = t[32];
+    let YK;
+    t[33] !== K || t[34] !== I ? (YK = 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[33] = K, t[34] = I, t[35] = YK) : YK = t[35];
+    let XK;
+    t[36] !== A || t[37] !== w ? (XK = 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 +33479,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[36] = A, t[37] = w, t[38] = XK) : XK = t[38];
+    let ZK;
+    t[39] !== _ || t[40] !== i ? (ZK = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -33400,24 +33549,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[39] = _, t[40] = i, t[41] = ZK) : ZK = t[41];
+    let QK;
+    t[42] !== YK || t[43] !== XK || t[44] !== ZK ? (QK = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2",
       children: [
-        NK,
-        FK,
-        IK
+        YK,
+        XK,
+        ZK
       ]
-    }), 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[42] = YK, t[43] = XK, t[44] = ZK, t[45] = QK) : QK = t[45];
+    let $K;
+    return t[46] !== JK || t[47] !== QK ? ($K = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        MK,
-        LK
+        JK,
+        QK
       ]
-    }), t[44] = MK, t[45] = LK, t[46] = RK) : RK = t[46], RK;
+    }), t[46] = JK, t[47] = QK, t[48] = $K) : $K = t[48], $K;
   };
   function lastLine(e) {
     var _a2, _b;
@@ -33472,6 +33621,10 @@ ${_}`,
         ]
       })
     });
+  }, replaceMangledLocal = (e) => {
+    if (!(!(e instanceof import_lib.Text) || !e.nodeValue) && containsMangledLocal(e.nodeValue)) return (0, import_jsx_runtime.jsx)(MangledSegments, {
+      segments: splitMangledLocals(e.nodeValue)
+    });
   }, replaceTracebackPrefix = (e) => {
     var _a2;
     if (e instanceof import_lib.Text && ((_a2 = e.nodeValue) == null ? void 0 : _a2.includes("File")) && e.next instanceof import_lib.Element && elementContainsMarimoCellFile(e.next)) return (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
@@ -34803,7 +34956,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-dev6");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();