@marimo-team/islands 0.23.4-dev18 → 0.23.4-dev21

package/dist/{slide-form--t4NFxYc.js → slide-form-CYU9AOO4.js}

@@ -7464,33 +7464,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), BM = !!Q && !I, $ = 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), VM = !!Q && !I, $ = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
         h2
-      ]), VM = $[t], HM = VM || $, { colorSchemes: UM = _, components: WM = v, cssVarPrefix: GM } = HM, KM = Object.keys(UM).filter((e3) => !!UM[e3]).join(","), qM = import_react.useMemo(() => KM.split(","), [
-        KM
-      ]), JM = typeof s == "string" ? s : s.light, YM = typeof s == "string" ? s : s.dark, { mode: XM, setMode: ZM, systemMode: QM, lightColorScheme: $M, darkColorScheme: eN, colorScheme: tN, setColorScheme: nN } = useCurrentColorScheme({
-        supportedColorSchemes: qM,
-        defaultLightColorScheme: JM,
-        defaultDarkColorScheme: YM,
+      ]), HM = $[t], UM = HM || $, { colorSchemes: WM = _, components: GM = v, cssVarPrefix: KM } = UM, qM = Object.keys(WM).filter((e3) => !!WM[e3]).join(","), JM = import_react.useMemo(() => qM.split(","), [
+        qM
+      ]), YM = typeof s == "string" ? s : s.light, XM = typeof s == "string" ? s : s.dark, { mode: ZM, setMode: QM, systemMode: $M, lightColorScheme: eN, darkColorScheme: tN, colorScheme: nN, setColorScheme: rN } = useCurrentColorScheme({
+        supportedColorSchemes: JM,
+        defaultLightColorScheme: YM,
+        defaultDarkColorScheme: XM,
         modeStorageKey: y2,
         colorSchemeStorageKey: S2,
-        defaultMode: UM[JM] && UM[YM] ? U : ((_b = (_a2 = UM[HM.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = HM.palette) == null ? void 0 : _c.mode),
+        defaultMode: WM[YM] && WM[XM] ? U : ((_b = (_a2 = WM[UM.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = UM.palette) == null ? void 0 : _c.mode),
         storageManager: E,
         storageWindow: O,
         noSsr: K
-      }), rN = XM, iN = tN;
-      BM && (rN = Q.mode, iN = Q.colorScheme);
-      let aN = import_react.useMemo(() => {
+      }), iN = ZM, aN = nN;
+      VM && (iN = Q.mode, aN = Q.colorScheme);
+      let oN = import_react.useMemo(() => {
         var _a3;
-        let e3 = iN || HM.defaultColorScheme, t2 = ((_a3 = HM.generateThemeVars) == null ? void 0 : _a3.call(HM)) || HM.vars, n2 = {
-          ...HM,
-          components: WM,
-          colorSchemes: UM,
-          cssVarPrefix: GM,
+        let e3 = aN || UM.defaultColorScheme, t2 = ((_a3 = UM.generateThemeVars) == null ? void 0 : _a3.call(UM)) || UM.vars, n2 = {
+          ...UM,
+          components: GM,
+          colorSchemes: WM,
+          cssVarPrefix: KM,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
-          let t3 = UM[e3];
+          let t3 = WM[e3];
           t3 && typeof t3 == "object" && Object.keys(t3).forEach((e4) => {
             t3[e4] && typeof t3[e4] == "object" ? n2[e4] = {
               ...n2[e4],
@@ -7500,31 +7500,31 @@ try {
         }
         return c ? c(n2) : n2;
       }, [
-        HM,
-        iN,
-        WM,
         UM,
-        GM
-      ]), oN = HM.colorSchemeSelector;
+        aN,
+        GM,
+        WM,
+        KM
+      ]), sN = UM.colorSchemeSelector;
       useEnhancedEffect_default(() => {
-        if (iN && M && oN && oN !== "media") {
-          let e3 = oN, t2 = oN;
-          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(...qM.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", iN));
+        if (aN && M && sN && sN !== "media") {
+          let e3 = sN, t2 = sN;
+          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(...JM.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", aN));
           else {
-            let e4 = t2.replace("%s", iN).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", aN).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || qM.forEach((e5) => {
-                M.removeAttribute(t3.replace(iN, e5));
+              n2 || JM.forEach((e5) => {
+                M.removeAttribute(t3.replace(aN, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, iN);
+            } else M.setAttribute(t2, aN);
           }
         }
       }, [
-        iN,
-        oN,
+        aN,
+        sN,
         M,
-        qM
+        JM
       ]), import_react.useEffect(() => {
         let e3;
         if (w2 && q.current && A) {
@@ -7537,48 +7537,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        iN,
+        aN,
         w2,
         A
       ]), import_react.useEffect(() => (q.current = true, () => {
         q.current = false;
       }), []);
-      let sN = import_react.useMemo(() => ({
-        allColorSchemes: qM,
-        colorScheme: iN,
-        darkColorScheme: eN,
-        lightColorScheme: $M,
-        mode: rN,
-        setColorScheme: nN,
-        setMode: ZM,
-        systemMode: QM
+      let cN = import_react.useMemo(() => ({
+        allColorSchemes: JM,
+        colorScheme: aN,
+        darkColorScheme: tN,
+        lightColorScheme: eN,
+        mode: iN,
+        setColorScheme: rN,
+        setMode: QM,
+        systemMode: $M
       }), [
-        qM,
-        iN,
+        JM,
+        aN,
+        tN,
         eN,
-        $M,
+        iN,
         rN,
-        nN,
-        ZM,
         QM,
-        aN.colorSchemeSelector
-      ]), cN = true;
-      (z || HM.cssVariables === false || BM && (J == null ? void 0 : J.cssVarPrefix) === GM) && (cN = false);
-      let lN = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+        $M,
+        oN.colorSchemeSelector
+      ]), lN = true;
+      (z || UM.cssVariables === false || VM && (J == null ? void 0 : J.cssVarPrefix) === KM) && (lN = false);
+      let uN = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(ThemeProvider_default, {
-            themeId: VM ? t : void 0,
-            theme: aN,
+            themeId: HM ? t : void 0,
+            theme: oN,
             children: d2
           }),
-          cN && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = aN.generateStyleSheets) == null ? void 0 : _d.call(aN)) || []
+          lN && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = oN.generateStyleSheets) == null ? void 0 : _d.call(oN)) || []
           })
         ]
       });
-      return BM ? lN : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: sN,
-        children: lN
+      return VM ? uN : (0, import_jsx_runtime.jsx)(f.Provider, {
+        value: cN,
+        children: uN
       });
     }
     let S = typeof s == "string" ? s : s.light, w = typeof s == "string" ? s : s.dark;
@@ -9078,10 +9078,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: BM, onFocus: $, onKeyDown: VM, onKeyUp: HM, placeholder: UM, readOnly: WM, renderSuffix: GM, rows: KM, size: qM, slotProps: JM = {}, slots: YM = {}, startAdornment: XM, type: ZM = "text", value: QM, ...$M } = n, eN = A.value == null ? QM : A.value, { current: tN } = import_react.useRef(eN != null), nN = import_react.useRef(), rN = import_react.useCallback((e2) => {
-    }, []), iN = useForkRef_default(nN, M, A.ref, rN), [aN, oN] = import_react.useState(false), sN = useFormControl(), cN = 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: VM, onFocus: $, onKeyDown: HM, onKeyUp: UM, placeholder: WM, readOnly: GM, renderSuffix: KM, rows: qM, size: JM, slotProps: YM = {}, slots: XM = {}, startAdornment: ZM, type: QM = "text", value: $M, ...eN } = n, tN = A.value == null ? $M : A.value, { current: nN } = import_react.useRef(tN != null), rN = import_react.useRef(), iN = import_react.useCallback((e2) => {
+    }, []), aN = useForkRef_default(rN, M, A.ref, iN), [oN, sN] = import_react.useState(false), cN = useFormControl(), lN = formControlState({
       props: n,
-      muiFormControl: sN,
+      muiFormControl: cN,
       states: [
         "color",
         "disabled",
@@ -9092,145 +9092,145 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         "filled"
       ]
     });
-    cN.focused = sN ? sN.focused : aN, import_react.useEffect(() => {
-      !sN && _ && aN && (oN(false), J && J());
+    lN.focused = cN ? cN.focused : oN, import_react.useEffect(() => {
+      !cN && _ && oN && (sN(false), J && J());
     }, [
-      sN,
+      cN,
       _,
-      aN,
+      oN,
       J
     ]);
-    let lN = sN && sN.onFilled, uN = sN && sN.onEmpty, dN = import_react.useCallback((e2) => {
-      isFilled(e2) ? lN && lN() : uN && uN();
+    let uN = cN && cN.onFilled, dN = cN && cN.onEmpty, fN = import_react.useCallback((e2) => {
+      isFilled(e2) ? uN && uN() : dN && dN();
     }, [
-      lN,
-      uN
+      uN,
+      dN
     ]);
     useEnhancedEffect_default$1(() => {
-      tN && dN({
-        value: eN
+      nN && fN({
+        value: tN
       });
     }, [
-      eN,
-      dN,
-      tN
+      tN,
+      fN,
+      nN
     ]);
-    let fN = (e2) => {
-      $ && $(e2), A.onFocus && A.onFocus(e2), sN && sN.onFocus ? sN.onFocus(e2) : oN(true);
-    }, pN = (e2) => {
-      J && J(e2), A.onBlur && A.onBlur(e2), sN && sN.onBlur ? sN.onBlur(e2) : oN(false);
-    }, mN = (e2, ...t2) => {
-      if (!tN) {
-        let t3 = e2.target || nN.current;
+    let pN = (e2) => {
+      $ && $(e2), A.onFocus && A.onFocus(e2), cN && cN.onFocus ? cN.onFocus(e2) : sN(true);
+    }, mN = (e2) => {
+      J && J(e2), A.onBlur && A.onBlur(e2), cN && cN.onBlur ? cN.onBlur(e2) : sN(false);
+    }, hN = (e2, ...t2) => {
+      if (!nN) {
+        let t3 = e2.target || rN.current;
         if (t3 == null) throw Error(formatMuiErrorMessage(1));
-        dN({
+        fN({
           value: t3.value
         });
       }
       A.onChange && A.onChange(e2, ...t2), Q && Q(e2, ...t2);
     };
     import_react.useEffect(() => {
-      dN(nN.current);
+      fN(rN.current);
     }, []);
-    let hN = (e2) => {
-      nN.current && e2.currentTarget === e2.target && nN.current.focus(), BM && BM(e2);
-    }, gN = O, _N = A;
-    K && gN === "input" && (_N = KM ? {
+    let gN = (e2) => {
+      rN.current && e2.currentTarget === e2.target && rN.current.focus(), VM && VM(e2);
+    }, _N = O, vN = A;
+    K && _N === "input" && (vN = qM ? {
       type: void 0,
-      minRows: KM,
-      maxRows: KM,
-      ..._N
+      minRows: qM,
+      maxRows: qM,
+      ...vN
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ..._N
-    }, gN = TextareaAutosize_default);
-    let vN = (e2) => {
-      dN(e2.animationName === "mui-auto-fill-cancel" ? nN.current : {
+      ...vN
+    }, _N = TextareaAutosize_default);
+    let yN = (e2) => {
+      fN(e2.animationName === "mui-auto-fill-cancel" ? rN.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      sN && sN.setAdornedStart(!!XM);
+      cN && cN.setAdornedStart(!!ZM);
     }, [
-      sN,
-      XM
+      cN,
+      ZM
     ]);
-    let yN = {
+    let bN = {
       ...n,
-      color: cN.color || "primary",
-      disabled: cN.disabled,
+      color: lN.color || "primary",
+      disabled: lN.disabled,
       endAdornment: y,
-      error: cN.error,
-      focused: cN.focused,
-      formControl: sN,
+      error: lN.error,
+      focused: lN.focused,
+      formControl: cN,
       fullWidth: w,
-      hiddenLabel: cN.hiddenLabel,
+      hiddenLabel: lN.hiddenLabel,
       multiline: K,
-      size: cN.size,
-      startAdornment: XM,
-      type: ZM
-    }, bN = useUtilityClasses(yN), xN = YM.root || d.Root || InputBaseRoot, SN = JM.root || f.root || {}, CN = YM.input || d.Input || InputBaseInput;
-    return _N = {
-      ..._N,
-      ...JM.input ?? f.input
+      size: lN.size,
+      startAdornment: ZM,
+      type: QM
+    }, xN = useUtilityClasses(bN), SN = XM.root || d.Root || InputBaseRoot, CN = YM.root || f.root || {}, wN = XM.input || d.Input || InputBaseInput;
+    return vN = {
+      ...vN,
+      ...YM.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)(xN, {
-          ...SN,
+        (0, import_jsx_runtime.jsxs)(SN, {
+          ...CN,
           ref: t,
-          onClick: hN,
-          ...$M,
-          ...!isHostComponent_default(xN) && {
+          onClick: gN,
+          ...eN,
+          ...!isHostComponent_default(SN) && {
             ownerState: {
-              ...yN,
-              ...SN.ownerState
+              ...bN,
+              ...CN.ownerState
             }
           },
-          className: clsx_default(bN.root, SN.className, s, WM && "MuiInputBase-readOnly"),
+          className: clsx_default(xN.root, CN.className, s, GM && "MuiInputBase-readOnly"),
           children: [
-            XM,
+            ZM,
             (0, import_jsx_runtime.jsx)(FormControlContext_default.Provider, {
               value: null,
-              children: (0, import_jsx_runtime.jsx)(CN, {
-                "aria-invalid": cN.error,
+              children: (0, import_jsx_runtime.jsx)(wN, {
+                "aria-invalid": lN.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: cN.disabled,
+                disabled: lN.disabled,
                 id: E,
-                onAnimationStart: vN,
+                onAnimationStart: yN,
                 name: q,
-                placeholder: UM,
-                readOnly: WM,
-                required: cN.required,
-                rows: KM,
-                value: eN,
-                onKeyDown: VM,
-                onKeyUp: HM,
-                type: ZM,
-                ..._N,
-                ...!isHostComponent_default(CN) && {
-                  as: gN,
+                placeholder: WM,
+                readOnly: GM,
+                required: lN.required,
+                rows: qM,
+                value: tN,
+                onKeyDown: HM,
+                onKeyUp: UM,
+                type: QM,
+                ...vN,
+                ...!isHostComponent_default(wN) && {
+                  as: _N,
                   ownerState: {
-                    ...yN,
-                    ..._N.ownerState
+                    ...bN,
+                    ...vN.ownerState
                   }
                 },
-                ref: iN,
-                className: clsx_default(bN.input, _N.className, WM && "MuiInputBase-readOnly"),
-                onBlur: pN,
-                onChange: mN,
-                onFocus: fN
+                ref: aN,
+                className: clsx_default(xN.input, vN.className, GM && "MuiInputBase-readOnly"),
+                onBlur: mN,
+                onChange: hN,
+                onFocus: pN
               })
             }),
             y,
-            GM ? GM({
-              ...cN,
-              startAdornment: XM
+            KM ? KM({
+              ...lN,
+              startAdornment: ZM
             }) : null
           ]
         })
@@ -10306,30 +10306,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), BM = useJsonViewerStore((e2) => e2.onChange), $ = useTextColor(), VM = useJsonViewerStore((e2) => e2.colorspace.base0C), HM = useJsonViewerStore((e2) => e2.colorspace.base0A), UM = useJsonViewerStore((e2) => e2.displayComma), WM = useJsonViewerStore((e2) => e2.quotesOnKeys), GM = useJsonViewerStore((e2) => e2.rootName), KM = U === t, qM = Number.isInteger(Number(A)), JM = useJsonViewerStore((e2) => e2.enableAdd), YM = useJsonViewerStore((e2) => e2.onAdd), XM = (0, import_react.useMemo)(() => !YM || a !== void 0 || JM === false || v === false ? false : typeof JM == "function" ? !!JM(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
-      YM,
+    ]), z = useJsonViewerStore((e2) => e2.setHover), U = useJsonViewerStore((e2) => e2.value), [K, q] = useInspect(i, t, a), [J, Q] = (0, import_react.useState)(false), VM = useJsonViewerStore((e2) => e2.onChange), $ = useTextColor(), HM = useJsonViewerStore((e2) => e2.colorspace.base0C), UM = useJsonViewerStore((e2) => e2.colorspace.base0A), WM = useJsonViewerStore((e2) => e2.displayComma), GM = useJsonViewerStore((e2) => e2.quotesOnKeys), KM = useJsonViewerStore((e2) => e2.rootName), qM = U === t, JM = Number.isInteger(Number(A)), YM = useJsonViewerStore((e2) => e2.enableAdd), XM = useJsonViewerStore((e2) => e2.onAdd), ZM = (0, import_react.useMemo)(() => !XM || a !== void 0 || YM === false || v === false ? false : typeof YM == "function" ? !!YM(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
+      XM,
       a,
       i,
-      JM,
+      YM,
       v,
       t
-    ]), ZM = useJsonViewerStore((e2) => e2.enableDelete), QM = useJsonViewerStore((e2) => e2.onDelete), $M = (0, import_react.useMemo)(() => !QM || a !== void 0 || KM || ZM === false || v === false ? false : typeof ZM == "function" ? !!ZM(i, t) : ZM, [
-      QM,
+    ]), QM = useJsonViewerStore((e2) => e2.enableDelete), $M = useJsonViewerStore((e2) => e2.onDelete), eN = (0, import_react.useMemo)(() => !$M || a !== void 0 || qM || QM === false || v === false ? false : typeof QM == "function" ? !!QM(i, t) : QM, [
+      $M,
       a,
-      KM,
+      qM,
       i,
-      ZM,
+      QM,
       v,
       t
-    ]), eN = useJsonViewerStore((e2) => e2.enableClipboard), { copy: tN, copied: nN } = useClipboard(), rN = useJsonViewerStore((e2) => e2.highlightUpdates), iN = (0, import_react.useMemo)(() => !rN || 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, [
-      rN,
+    ]), tN = useJsonViewerStore((e2) => e2.enableClipboard), { copy: nN, copied: rN } = useClipboard(), iN = useJsonViewerStore((e2) => e2.highlightUpdates), aN = (0, import_react.useMemo)(() => !iN || 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, [
+      iN,
       n,
       t
-    ]), aN = (0, import_react.useRef)();
+    ]), oN = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      aN.current && iN && "animate" in aN.current && aN.current.animate([
+      oN.current && aN && "animate" in oN.current && oN.current.animate([
         {
-          backgroundColor: HM
+          backgroundColor: UM
         },
         {
           backgroundColor: ""
@@ -10339,40 +10339,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         easing: "ease-in"
       });
     }, [
-      HM,
-      iN,
+      UM,
+      aN,
       n,
       t
     ]);
-    let oN = (0, import_react.useCallback)((e2) => {
+    let sN = (0, import_react.useCallback)((e2) => {
       e2.preventDefault(), h && E(h(t)), Q(true);
     }, [
       h,
       t
-    ]), sN = (0, import_react.useCallback)(() => {
+    ]), cN = (0, import_react.useCallback)(() => {
       Q(false), E("");
     }, [
       Q,
       E
-    ]), cN = (0, import_react.useCallback)((e2) => {
+    ]), lN = (0, import_react.useCallback)((e2) => {
       if (Q(false), _) try {
-        BM(i, t, _(e2));
+        VM(i, t, _(e2));
       } catch {
       }
     }, [
       Q,
       _,
-      BM,
+      VM,
       i,
       t
-    ]), lN = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    ]), uN = (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: sN
+            onClick: cN
           })
         }),
         (0, import_jsx_runtime.jsx)(IconBox, {
@@ -10380,22 +10380,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             sx: {
               fontSize: ".8rem"
             },
-            onClick: () => cN(w)
+            onClick: () => lN(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        eN && (0, import_jsx_runtime.jsx)(IconBox, {
+        tN && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              tN(i, t, copyString);
+              nN(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: nN ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: rN ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
             sx: {
               fontSize: ".8rem"
             }
@@ -10406,16 +10406,16 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           })
         }),
         f && S && h && _ && (0, import_jsx_runtime.jsx)(IconBox, {
-          onClick: oN,
+          onClick: sN,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        XM && (0, import_jsx_runtime.jsx)(IconBox, {
+        ZM && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), YM == null ? void 0 : YM(i);
+            e2.preventDefault(), XM == null ? void 0 : XM(i);
           },
           children: (0, import_jsx_runtime.jsx)(AddBoxIcon, {
             sx: {
@@ -10423,9 +10423,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             }
           })
         }),
-        $M && (0, import_jsx_runtime.jsx)(IconBox, {
+        eN && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), QM == null ? void 0 : QM(i, t);
+            e2.preventDefault(), $M == null ? void 0 : $M(i, t);
           },
           children: (0, import_jsx_runtime.jsx)(DeleteIcon, {
             sx: {
@@ -10438,24 +10438,24 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       f,
       h,
       _,
+      rN,
       nN,
-      tN,
       S,
       J,
+      tN,
+      ZM,
       eN,
-      XM,
-      $M,
       w,
       i,
       t,
-      YM,
-      QM,
-      oN,
+      XM,
+      $M,
       sN,
-      cN
-    ]), uN = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      cN,
+      lN
+    ]), dN = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), dN = !uN && !!(c && d), fN = useJsonViewerStore((e2) => e2.keyRenderer), pN = (0, import_react.useMemo)(() => ({
+    ]), fN = !dN && !!(c && d), pN = useJsonViewerStore((e2) => e2.keyRenderer), mN = (0, import_react.useMemo)(() => ({
       path: i,
       inspect: K,
       setInspect: q,
@@ -10492,13 +10492,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             opacity: 0.8
           },
           onClick: (0, import_react.useCallback)((e2) => {
-            e2.isDefaultPrevented() || uN || q((e3) => !e3);
+            e2.isDefaultPrevented() || dN || q((e3) => !e3);
           }, [
-            uN,
+            dN,
             q
           ]),
           children: [
-            dN ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            fN ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
               className: "data-key-toggle-expanded",
               sx: {
                 fontSize: ".8rem",
@@ -10516,27 +10516,27 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
               }
             }) : null,
             (0, import_jsx_runtime.jsx)(Box_default, {
-              ref: aN,
+              ref: oN,
               className: "data-key-key",
               component: "span",
-              children: KM && O === 0 ? GM === false ? null : WM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: qM && O === 0 ? KM === false ? null : GM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
-                  GM,
+                  KM,
                   '"'
                 ]
               }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-                children: GM
-              }) : fN.when(pN) ? (0, import_jsx_runtime.jsx)(fN, {
-                ...pN
-              }) : a === void 0 && (qM ? (0, import_jsx_runtime.jsx)(Box_default, {
+                children: KM
+              }) : pN.when(mN) ? (0, import_jsx_runtime.jsx)(pN, {
+                ...mN
+              }) : a === void 0 && (JM ? (0, import_jsx_runtime.jsx)(Box_default, {
                 component: "span",
                 style: {
-                  color: VM,
-                  userSelect: qM ? "none" : "auto"
+                  color: HM,
+                  userSelect: JM ? "none" : "auto"
                 },
                 children: A
-              }) : WM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : GM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
                   A,
@@ -10546,7 +10546,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 children: A
               }))
             }),
-            KM ? GM !== false && (0, import_jsx_runtime.jsx)(DataBox, {
+            qM ? KM !== false && (0, import_jsx_runtime.jsx)(DataBox, {
               className: "data-key-colon",
               sx: {
                 mr: 0.5
@@ -10559,38 +10559,38 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 ".data-key-key:empty + &": {
                   display: "none"
                 },
-                userSelect: qM ? "none" : "auto"
+                userSelect: JM ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...pN
+              ...mN
             }),
-            I && dN && K && lN
+            I && fN && K && uN
           ]
         }),
         J && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: sN,
-          commitEditing: cN
+          abortEditing: cN,
+          commitEditing: lN
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...pN
+          ...mN
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...pN
+          ...mN
         }),
-        !o && UM && (0, import_jsx_runtime.jsx)(DataBox, {
+        !o && WM && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && dN && !K && lN,
-        I && !dN && lN,
-        !I && J && lN
+        I && fN && !K && uN,
+        I && !fN && uN,
+        !I && J && uN
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -11431,18 +11431,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] !== h || t[8] !== c) {
-      let e2 = n.filter(_temp7), 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), BM = n.filter(_temp16), $ = n.filter(_temp17), VM;
-      t[15] === s ? VM = t[16] : (VM = () => {
+      let e2 = n.filter(_temp7), 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), VM = n.filter(_temp16), $ = n.filter(_temp17), HM;
+      t[15] === s ? HM = t[16] : (HM = () => {
         s.openApplication("scratchpad");
-      }, t[15] = s, t[16] = VM);
-      let HM = VM, UM = () => {
+      }, t[15] = s, t[16] = HM);
+      let UM = HM, WM = () => {
         let t2 = [];
-        if (Q.length > 0 || BM.length > 0) {
+        if (Q.length > 0 || VM.length > 0) {
           let e3 = Q.some(_temp18), n2 = !e3 && Q.some(_temp19);
           t2.push((0, import_jsx_runtime.jsxs)("div", {
             children: [
               Q.map(_temp20),
-              BM.map(_temp21),
+              VM.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
                 variant: "outline",
@@ -11474,7 +11474,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
                   ...Q,
-                  ...BM
+                  ...VM
                 ],
                 cellId: i
               })
@@ -11635,7 +11635,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: HM,
+                      onClick: UM,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -11760,13 +11760,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             })
           ]
         }, "sql-errors")), t2;
-      }, WM = `font-code font-medium tracking-wide ${h}`, GM;
-      t[17] !== WM || t[18] !== c ? (GM = (0, import_jsx_runtime.jsx)(AlertTitle, {
-        className: WM,
+      }, GM = `font-code font-medium tracking-wide ${h}`, KM;
+      t[17] !== GM || t[18] !== c ? (KM = (0, import_jsx_runtime.jsx)(AlertTitle, {
+        className: GM,
         children: c
-      }), t[17] = WM, t[18] = c, t[19] = GM) : GM = t[19];
-      let KM = GM;
-      _ = 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 = KM, v = "flex flex-col gap-8", y = UM(), t[2] = d, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = h, t[8] = c, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E;
+      }), t[17] = GM, t[18] = c, t[19] = KM) : KM = t[19];
+      let qM = KM;
+      _ = 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 = qM, v = "flex flex-col gap-8", y = WM(), t[2] = d, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = h, 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", {
@@ -12217,7 +12217,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     };
   }
-  LazyVegaEmbed = import_react.lazy(() => import("./react-vega-jy3CfYys.js").then((e) => ({
+  LazyVegaEmbed = import_react.lazy(() => import("./react-vega-B-rkEqtS.js").then((e) => ({
     default: e.VegaEmbed
   })));
   var import_compiler_runtime$34 = require_compiler_runtime();
@@ -12753,7 +12753,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, VM);
+      U(6, HM);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -12762,7 +12762,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") $(), Q(), U(1, BM);
+          if (n.current[e2] = t2, e2 === "search") $(), Q(), U(1, VM);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -12770,8 +12770,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             }
             if (U(7, () => {
               var _a3;
-              n.current.selectedItemId = (_a3 = HM()) == null ? void 0 : _a3.id, K.emit();
-            }), i2 || U(5, VM), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
+              n.current.selectedItemId = (_a3 = UM()) == null ? void 0 : _a3.id, K.emit();
+            }), i2 || U(5, HM), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
               let e3 = t2 ?? "";
               (s2 = (o2 = c.current).onValueChange) == null || s2.call(o2, e3);
               return;
@@ -12796,12 +12796,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, () => {
-        $(), Q(), n.current.value || BM(), K.emit();
+        $(), Q(), n.current.value || VM(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
-        let t3 = HM();
+        let t3 = UM();
         U(4, () => {
-          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && BM(), K.emit();
+          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && VM(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -12834,7 +12834,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]);
       });
       let i2 = z.current;
-      UM().sort((t3, n2) => {
+      WM().sort((t3, n2) => {
         let i3 = t3.getAttribute("id"), a2 = n2.getAttribute("id");
         return (e2.get(a2) ?? 0) - (e2.get(i3) ?? 0);
       }).forEach((e3) => {
@@ -12846,9 +12846,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function BM() {
+    function VM() {
       var _a2;
-      let e2 = (_a2 = UM().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
+      let e2 = (_a2 = WM().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
     function $() {
@@ -12869,43 +12869,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function VM() {
+    function HM() {
       var _a2, _b;
       var e2;
-      let t2 = HM();
+      let t2 = UM();
       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 HM() {
+    function UM() {
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
-    function UM() {
+    function WM() {
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function WM(e2) {
-      let t2 = UM()[e2];
+    function GM(e2) {
+      let t2 = WM()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function GM(e2) {
+    function KM(e2) {
       var t2;
-      let n2 = HM(), i2 = UM(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = UM(), i2 = WM(), 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 KM(e2) {
+    function qM(e2) {
       var _a2;
-      let t2 = (_a2 = HM()) == null ? void 0 : _a2.closest(N$1), n2;
+      let t2 = (_a2 = UM()) == 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)) : GM(e2);
+      n2 ? K.setState("value", n2.getAttribute(T)) : KM(e2);
     }
-    let qM = () => WM(UM().length - 1), JM = (e2) => {
-      e2.preventDefault(), e2.metaKey ? qM() : e2.altKey ? KM(1) : GM(1);
-    }, YM = (e2) => {
-      e2.preventDefault(), e2.metaKey ? WM(0) : e2.altKey ? KM(-1) : GM(-1);
+    let JM = () => GM(WM().length - 1), YM = (e2) => {
+      e2.preventDefault(), e2.metaKey ? JM() : e2.altKey ? qM(1) : KM(1);
+    }, XM = (e2) => {
+      e2.preventDefault(), e2.metaKey ? GM(0) : e2.altKey ? qM(-1) : KM(-1);
     };
     return import_react.createElement(Primitive.div, {
       ref: t,
@@ -12919,27 +12919,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 && JM(e2);
+            E && e2.ctrlKey && YM(e2);
             break;
           case "ArrowDown":
-            JM(e2);
+            YM(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && YM(e2);
+            E && e2.ctrlKey && XM(e2);
             break;
           case "ArrowUp":
-            YM(e2);
+            XM(e2);
             break;
           case "Home":
-            e2.preventDefault(), WM(0);
+            e2.preventDefault(), GM(0);
             break;
           case "End":
-            e2.preventDefault(), qM();
+            e2.preventDefault(), JM();
             break;
           case "Enter": {
             e2.preventDefault();
-            let t3 = HM();
+            let t3 = UM();
             if (t3) {
               let e3 = new Event(Z);
               t3.dispatchEvent(e3);
@@ -16239,30 +16239,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         s
       ]
     }), t[5] = o, t[6] = s, t[7] = c) : c = t[7], c;
-  }, DataTableColumnHeader = ({ column: e, header: t, subheader: n, className: i, calculateTopKRows: o, table: s }) => {
-    let [c, d] = (0, import_react.useState)(false), { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  }, DataTableColumnHeader = ({ column: e, header: t, subheader: n, justify: i, className: o, calculateTopKRows: s, table: c }) => {
+    let [d, f] = (0, import_react.useState)(false), { locale: h } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
     if (!t) return null;
     if (!e.getCanSort() && !e.getCanFilter()) return (0, import_jsx_runtime.jsxs)("div", {
-      className: cn(i),
+      className: cn(i === "center" && "text-center", i === "right" && "text-right", o),
       children: [
         t,
         n
       ]
     });
-    let h = e.getFilterValue() !== void 0;
+    let _ = e.getFilterValue() !== void 0;
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
-          className: cn("group flex flex-col my-1 w-full select-none", i),
+          className: cn("group flex flex-col my-1 w-full select-none", o),
           children: [
             (0, import_jsx_runtime.jsxs)("div", {
-              className: "flex items-center gap-1",
+              className: cn("flex items-center gap-1", i === "right" && "flex-row-reverse", i === "center" && "mx-auto"),
               children: [
-                (0, import_jsx_runtime.jsx)("span", {
-                  children: t
-                }),
-                e.getCanSort() && (0, import_jsx_runtime.jsx)(SortButton, {
-                  column: e
+                i === "center" ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                  children: [
+                    e.getCanSort() && (0, import_jsx_runtime.jsx)(SortButton, {
+                      column: e
+                    }),
+                    (0, import_jsx_runtime.jsx)("span", {
+                      children: t
+                    })
+                  ]
+                }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                  children: [
+                    (0, import_jsx_runtime.jsx)("span", {
+                      children: t
+                    }),
+                    e.getCanSort() && (0, import_jsx_runtime.jsx)(SortButton, {
+                      column: e
+                    })
+                  ]
                 }),
                 (0, import_jsx_runtime.jsxs)(DropdownMenu, {
                   modal: false,
@@ -16283,15 +16296,15 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                       align: "start",
                       children: [
                         renderDataType(e),
-                        renderSorts(e, s),
+                        renderSorts(e, c),
                         renderCopyColumn(e),
                         renderColumnPinning(e),
                         renderColumnWrapping(e),
-                        renderFormatOptions(e, f),
+                        renderFormatOptions(e, h),
                         (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
                         renderMenuItemFilter(e),
-                        renderFilterByValues(e, d),
-                        h && (0, import_jsx_runtime.jsx)(ClearFilterMenuItem, {
+                        renderFilterByValues(e, f),
+                        _ && (0, import_jsx_runtime.jsx)(ClearFilterMenuItem, {
                           column: e
                         })
                       ]
@@ -16303,9 +16316,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             n
           ]
         }),
-        c && (0, import_jsx_runtime.jsx)(PopoverFilterByValues, {
-          setIsFilterValueOpen: d,
-          calculateTopKRows: o,
+        d && (0, import_jsx_runtime.jsx)(PopoverFilterByValues, {
+          setIsFilterValueOpen: f,
+          calculateTopKRows: s,
           column: e
         })
       ]
@@ -18287,40 +18300,41 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       accessorFn: (t2) => t2[e2],
       header: ({ column: t2, table: n3 }) => {
         var _a2;
-        let o2 = i == null ? void 0 : i.getColumnStats(e2), s2 = (_a2 = t2.columnDef.meta) == null ? void 0 : _a2.dtype, h2 = c == null ? void 0 : c[e2], v2 = d && s2 ? (0, import_jsx_runtime.jsxs)("div", {
-          className: "flex flex-row gap-1",
+        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", {
+          className: cn("flex flex-row gap-1", y2 === "center" && "justify-center", y2 === "right" && "justify-end"),
           children: [
             (0, import_jsx_runtime.jsx)("span", {
               className: "text-xs text-muted-foreground",
-              children: s2
+              children: h2
             }),
-            o2 && typeof o2.nulls == "number" && o2.nulls > 0 && (0, import_jsx_runtime.jsxs)("span", {
+            s2 && typeof s2.nulls == "number" && s2.nulls > 0 && (0, import_jsx_runtime.jsxs)("span", {
               className: "text-xs text-muted-foreground",
               children: [
                 "(nulls: ",
-                o2.nulls,
+                s2.nulls,
                 ")"
               ]
             })
           ]
-        }) : null, y2 = (0, import_jsx_runtime.jsx)("span", {
-          className: cn("font-bold", h2 && "underline decoration-dotted"),
+        }) : null, w2 = (0, import_jsx_runtime.jsx)("span", {
+          className: cn("font-bold", v2 && "underline decoration-dotted"),
           children: e2 === "" ? " " : e2
-        }), S2 = (0, import_jsx_runtime.jsx)(DataTableColumnHeader, {
-          header: h2 ? (0, import_jsx_runtime.jsx)(Tooltip, {
-            content: h2,
+        }), E2 = (0, import_jsx_runtime.jsx)(DataTableColumnHeader, {
+          header: v2 ? (0, import_jsx_runtime.jsx)(Tooltip, {
+            content: v2,
             delayDuration: 300,
-            children: y2
-          }) : y2,
-          subheader: v2,
+            children: w2
+          }) : w2,
+          subheader: S2,
           column: t2,
+          justify: y2,
           calculateTopKRows: f,
           table: n3
         });
-        return _.has(e2) ? S2 : (0, import_jsx_runtime.jsxs)("div", {
-          className: cn("flex flex-col h-full pt-0.5 pb-3 justify-between items-start"),
+        return _.has(e2) ? E2 : (0, import_jsx_runtime.jsxs)("div", {
+          className: cn("flex flex-col h-full pt-0.5 pb-3 justify-between items-start", y2 === "center" && "items-center", y2 === "right" && "items-end"),
           children: [
-            S2,
+            E2,
             (0, import_jsx_runtime.jsx)(TableColumnSummary, {
               columnId: e2
             })
@@ -18915,7 +18929,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, BM = useUniqueId(s), $ = (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, VM = useUniqueId(s), $ = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -18928,7 +18942,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: BM,
+      id: VM,
       idIsFromProps: s !== void 0,
       order: v
     });
@@ -18938,7 +18952,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       let { callbacks: e2, constraints: t2 } = $.current, o2 = {
         ...t2
       };
-      $.current.id = BM, $.current.idIsFromProps = s !== void 0, $.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($.current, o2);
+      $.current.id = VM, $.current.idIsFromProps = s !== void 0, $.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($.current, o2);
     }), useIsomorphicLayoutEffect$1(() => {
       let e2 = $.current;
       return q(e2), () => {
@@ -18946,7 +18960,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       };
     }, [
       v,
-      BM,
+      VM,
       q,
       Q
     ]), (0, import_react.useImperativeHandle)(o, () => ({
@@ -18957,7 +18971,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         A($.current, e2);
       },
       getId() {
-        return BM;
+        return VM;
       },
       getSize() {
         return M($.current);
@@ -18976,24 +18990,24 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       A,
       M,
       U,
-      BM,
+      VM,
       J
     ]);
-    let VM = I($.current, a);
+    let HM = I($.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: BM,
+      id: VM,
       style: {
-        ...VM,
+        ...HM,
         ...y
       },
       [DATA_ATTRIBUTES.groupId]: z,
       [DATA_ATTRIBUTES.panel]: "",
       [DATA_ATTRIBUTES.panelCollapsible]: i || void 0,
-      [DATA_ATTRIBUTES.panelId]: BM,
-      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + VM.flexGrow).toFixed(1)
+      [DATA_ATTRIBUTES.panelId]: VM,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + HM.flexGrow).toFixed(1)
     });
   }
   var Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -19766,7 +19780,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;
-    }, []), BM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), VM = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -19781,10 +19795,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     ]), $ = (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);
-    }, []), VM = (0, import_react.useCallback)((e2) => {
+    }, []), HM = (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;
-    }, []), HM = (0, import_react.useCallback)((e2) => {
+    }, []), UM = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current;
       t2.push(e2), t2.sort((e3, t3) => {
         let n2 = e3.order, i2 = t3.order;
@@ -19816,7 +19830,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         e2.layout = [];
       };
     }, []);
-    let UM = (0, import_react.useCallback)((e2) => {
+    let WM = (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();
@@ -19834,7 +19848,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));
       };
-    }, []), WM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), GM = (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({
@@ -19846,12 +19860,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));
-    }, []), GM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), KM = (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) || WM(e2, s2) : h2 < f2 ? WM(e2, f2) : h2 > d2 && WM(e2, d2));
+      h2 != null && (o2 && c2 && fuzzyNumbersEqual$1(h2, a2) ? fuzzyNumbersEqual$1(a2, s2) || GM(e2, s2) : h2 < f2 ? GM(e2, f2) : h2 > d2 && GM(e2, d2));
     }, [
-      WM
-    ]), KM = (0, import_react.useCallback)((e2, t2) => {
+      GM
+    ]), qM = (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);
@@ -19863,30 +19877,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), qM = (0, import_react.useCallback)(() => {
+    }, []), JM = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), JM = (0, import_react.useCallback)((e2) => {
+    }, []), YM = (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
-    ]), YM = (0, import_react.useMemo)(() => ({
+    ]), XM = (0, import_react.useMemo)(() => ({
       collapsePanel: q,
       direction: i,
       dragState: S,
       expandPanel: J,
       getPanelSize: Q,
-      getPanelStyle: BM,
+      getPanelStyle: VM,
       groupId: v,
       isPanelCollapsed: $,
-      isPanelExpanded: VM,
-      reevaluatePanelConstraints: GM,
-      registerPanel: HM,
-      registerResizeHandle: UM,
-      resizePanel: WM,
-      startDragging: KM,
-      stopDragging: qM,
-      unregisterPanel: JM,
+      isPanelExpanded: HM,
+      reevaluatePanelConstraints: KM,
+      registerPanel: UM,
+      registerResizeHandle: WM,
+      resizePanel: GM,
+      startDragging: qM,
+      stopDragging: JM,
+      unregisterPanel: YM,
       panelGroupElement: y.current
     }), [
       q,
@@ -19894,18 +19908,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       i,
       J,
       Q,
-      BM,
+      VM,
       v,
       $,
-      VM,
-      GM,
       HM,
+      KM,
       UM,
       WM,
-      KM,
+      GM,
       qM,
-      JM
-    ]), XM = {
+      JM,
+      YM
+    ]), ZM = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -19913,7 +19927,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: YM
+      value: XM
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -19921,7 +19935,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...XM,
+        ...ZM,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -19998,31 +20012,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"), [BM, $] = (0, import_react.useState)(false), [VM, HM] = (0, import_react.useState)(null), UM = (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"), [VM, $] = (0, import_react.useState)(false), [HM, UM] = (0, import_react.useState)(null), WM = (0, import_react.useRef)({
       state: J
     });
     useIsomorphicLayoutEffect$1(() => {
-      UM.current.state = J;
+      WM.current.state = J;
     }), (0, import_react.useEffect)(() => {
-      if (n) HM(null);
+      if (n) UM(null);
       else {
         let e2 = I(q);
-        HM(() => e2);
+        UM(() => e2);
       }
     }, [
       n,
       q,
       I
     ]);
-    let WM = (i == null ? void 0 : i.coarse) ?? 15, GM = (i == null ? void 0 : i.fine) ?? 5;
+    let GM = (i == null ? void 0 : i.coarse) ?? 15, KM = (i == null ? void 0 : i.fine) ?? 5;
     (0, import_react.useEffect)(() => {
-      if (n || VM == null) return;
+      if (n || HM == null) return;
       let e2 = w.current;
       assert(e2, "Element ref not attached");
       let t2 = false;
       return registerResizeHandle(q, e2, A, {
-        coarse: WM,
-        fine: GM
+        coarse: GM,
+        fine: KM
       }, (e3, n2, i2) => {
         if (!n2) {
           Q("inactive");
@@ -20036,8 +20050,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             break;
           }
           case "move": {
-            let { state: e4 } = UM.current;
-            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), VM(i2);
+            let { state: e4 } = WM.current;
+            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), HM(i2);
             break;
           }
           case "up": {
@@ -20049,22 +20063,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      WM,
+      GM,
       A,
       n,
-      GM,
+      KM,
       I,
       q,
-      VM,
+      HM,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
       handleId: q,
-      resizeHandler: VM,
+      resizeHandler: HM,
       panelGroupElement: K
     });
-    let KM = {
+    let qM = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -20082,14 +20096,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ref: w,
       role: "separator",
       style: {
-        ...KM,
+        ...qM,
         ..._
       },
       tabIndex: v,
       [DATA_ATTRIBUTES.groupDirection]: A,
       [DATA_ATTRIBUTES.groupId]: M,
       [DATA_ATTRIBUTES.resizeHandle]: "",
-      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : BM ? "keyboard" : void 0,
+      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : VM ? "keyboard" : void 0,
       [DATA_ATTRIBUTES.resizeHandleEnabled]: !n,
       [DATA_ATTRIBUTES.resizeHandleId]: q,
       [DATA_ATTRIBUTES.resizeHandleState]: J
@@ -20256,147 +20270,147 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   Combobox = (e) => {
     let t = (0, import_compiler_runtime$18.c)(96), n, i, o, s, c, d, f, h, _, v, y, S, w, E, O, A, M, I, z, U, K, q;
     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]) : ({ children: n, displayValue: d, className: o, placeholder: E, value: q, 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, ...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);
-    let J = M === void 0 ? false : M, Q = I === void 0 ? true : I, BM = z === void 0 ? "Search..." : z, $ = U === void 0 ? "Nothing found." : U, VM = K === void 0 ? false : K, HM = s ?? false, UM;
-    t[23] !== v || t[24] !== w || t[25] !== HM ? (UM = {
+    let J = M === void 0 ? false : M, Q = I === void 0 ? true : I, VM = z === void 0 ? "Search..." : z, $ = U === void 0 ? "Nothing found." : U, HM = K === void 0 ? false : K, UM = s ?? false, WM;
+    t[23] !== v || t[24] !== w || t[25] !== UM ? (WM = {
       prop: w,
-      defaultProp: HM,
+      defaultProp: UM,
       onChange: v
-    }, t[23] = v, t[24] = w, t[25] = HM, t[26] = UM) : UM = t[26];
-    let [WM, GM] = useControllableState(UM), KM = WM === void 0 ? false : WM, qM;
-    t[27] === S ? qM = t[28] : (qM = (e2) => {
+    }, t[23] = v, t[24] = w, t[25] = UM, t[26] = WM) : WM = t[26];
+    let [GM, KM] = useControllableState(WM), qM = GM === void 0 ? false : GM, JM;
+    t[27] === S ? JM = t[28] : (JM = (e2) => {
       S == null ? void 0 : S(e2);
-    }, t[27] = S, t[28] = qM);
-    let JM;
-    t[29] !== c || t[30] !== qM || t[31] !== q ? (JM = {
+    }, t[27] = S, t[28] = JM);
+    let YM;
+    t[29] !== c || t[30] !== JM || t[31] !== q ? (YM = {
       prop: q,
       defaultProp: c,
-      onChange: qM
-    }, t[29] = c, t[30] = qM, t[31] = q, t[32] = JM) : JM = t[32];
-    let [XM, ZM] = useControllableState(JM), QM;
-    t[33] === XM ? QM = t[34] : (QM = (e2) => Array.isArray(XM) ? XM.includes(e2) : XM === e2, t[33] = XM, t[34] = QM);
-    let $M = QM, eN;
-    t[35] !== _ || t[36] !== J || t[37] !== GM || t[38] !== ZM || t[39] !== XM ? (eN = (e2) => {
+      onChange: JM
+    }, t[29] = c, t[30] = JM, t[31] = q, t[32] = YM) : YM = t[32];
+    let [ZM, QM] = useControllableState(YM), $M;
+    t[33] === ZM ? $M = t[34] : ($M = (e2) => Array.isArray(ZM) ? ZM.includes(e2) : ZM === e2, t[33] = ZM, t[34] = $M);
+    let eN = $M, tN;
+    t[35] !== _ || t[36] !== J || t[37] !== KM || t[38] !== QM || t[39] !== ZM ? (tN = (e2) => {
       let t2 = e2;
-      if (J) if (Array.isArray(XM)) if (XM.includes(t2)) {
-        let n2 = XM.filter((t3) => t3 !== e2);
+      if (J) if (Array.isArray(ZM)) if (ZM.includes(t2)) {
+        let n2 = ZM.filter((t3) => t3 !== e2);
         t2 = n2.length > 0 ? n2 : [];
       } else t2 = [
-        ...XM,
+        ...ZM,
         t2
       ];
       else t2 = [
         t2
       ];
-      else XM === e2 && (t2 = null);
-      ZM(t2), (_ ?? J) || GM(false);
-    }, t[35] = _, t[36] = J, t[37] = GM, t[38] = ZM, t[39] = XM, t[40] = eN) : eN = t[40];
-    let tN = eN, nN;
-    t[41] !== VM || t[42] !== d || t[43] !== J || t[44] !== E || t[45] !== XM ? (nN = () => J && VM && E ? E : XM == null ? E ?? "--" : Array.isArray(XM) ? XM.length === 0 ? E ?? "--" : XM.length === 1 && d !== void 0 ? d(XM[0]) : `${XM.length} selected` : d === void 0 ? E ?? "--" : d(XM), t[41] = VM, t[42] = d, t[43] = J, t[44] = E, t[45] = XM, t[46] = nN) : nN = t[46];
-    let rN = nN, iN;
-    t[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (iN = cn("relative"), t[47] = iN) : iN = t[47];
-    let aN;
-    t[48] === o ? aN = t[49] : (aN = 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 disabled:cursor-not-allowed disabled:opacity-50", o), t[48] = o, t[49] = aN);
+      else ZM === e2 && (t2 = null);
+      QM(t2), (_ ?? J) || KM(false);
+    }, t[35] = _, t[36] = J, t[37] = KM, t[38] = QM, t[39] = ZM, t[40] = tN) : tN = t[40];
+    let nN = tN, rN;
+    t[41] !== HM || t[42] !== d || t[43] !== J || t[44] !== E || t[45] !== ZM ? (rN = () => J && HM && E ? E : ZM == null ? E ?? "--" : Array.isArray(ZM) ? ZM.length === 0 ? E ?? "--" : ZM.length === 1 && d !== void 0 ? d(ZM[0]) : `${ZM.length} selected` : d === void 0 ? E ?? "--" : d(ZM), t[41] = HM, t[42] = d, t[43] = J, t[44] = E, t[45] = ZM, t[46] = rN) : rN = t[46];
+    let iN = rN, aN;
+    t[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (aN = cn("relative"), t[47] = aN) : aN = t[47];
     let oN;
-    t[50] === rN ? oN = t[51] : (oN = rN(), t[50] = rN, t[51] = oN);
+    t[48] === o ? oN = t[49] : (oN = 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 disabled:cursor-not-allowed disabled:opacity-50", o), t[48] = o, t[49] = oN);
     let sN;
-    t[52] === oN ? sN = t[53] : (sN = (0, import_jsx_runtime.jsx)("span", {
+    t[50] === iN ? sN = t[51] : (sN = iN(), t[50] = iN, t[51] = sN);
+    let cN;
+    t[52] === sN ? cN = t[53] : (cN = (0, import_jsx_runtime.jsx)("span", {
       className: "truncate flex-1 min-w-0",
-      children: oN
-    }), t[52] = oN, t[53] = sN);
-    let lN;
-    t[54] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (lN = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      children: sN
+    }), t[52] = sN, t[53] = cN);
+    let uN;
+    t[54] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (uN = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: "ml-3 w-4 h-4 opacity-50 shrink-0"
-    }), t[54] = lN) : lN = t[54];
-    let dN;
-    t[55] !== h || t[56] !== KM || t[57] !== aN || t[58] !== sN ? (dN = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+    }), t[54] = uN) : uN = t[54];
+    let fN;
+    t[55] !== h || t[56] !== qM || t[57] !== oN || t[58] !== cN ? (fN = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsxs)("div", {
         id: h,
-        className: aN,
-        "aria-expanded": KM,
+        className: oN,
+        "aria-expanded": qM,
         children: [
-          sN,
-          lN
+          cN,
+          uN
         ]
       })
-    }), t[55] = h, t[56] = KM, t[57] = aN, t[58] = sN, t[59] = dN) : dN = t[59];
-    let fN;
-    t[60] !== BM || t[61] !== y || t[62] !== A ? (fN = (0, import_jsx_runtime.jsx)(CommandInput, {
-      placeholder: BM,
+    }), t[55] = h, t[56] = qM, t[57] = oN, t[58] = cN, t[59] = fN) : fN = t[59];
+    let pN;
+    t[60] !== VM || t[61] !== y || t[62] !== A ? (pN = (0, import_jsx_runtime.jsx)(CommandInput, {
+      placeholder: VM,
       rootClassName: "px-1 h-8",
       autoFocus: true,
       value: A,
       onValueChange: y
-    }), t[60] = BM, t[61] = y, t[62] = A, t[63] = fN) : fN = t[63];
-    let pN;
-    t[64] === $ ? pN = t[65] : (pN = (0, import_jsx_runtime.jsx)(CommandEmpty, {
-      children: $
-    }), t[64] = $, t[65] = pN);
+    }), t[60] = VM, t[61] = y, t[62] = A, t[63] = pN) : pN = t[63];
     let mN;
-    t[66] !== tN || t[67] !== $M ? (mN = {
-      isSelected: $M,
-      onSelect: tN
-    }, t[66] = tN, t[67] = $M, t[68] = mN) : mN = t[68];
+    t[64] === $ ? mN = t[65] : (mN = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+      children: $
+    }), t[64] = $, t[65] = mN);
     let hN;
-    t[69] !== n || t[70] !== mN ? (hN = (0, import_jsx_runtime.jsx)(ComboboxContext, {
-      value: mN,
-      children: n
-    }), t[69] = n, t[70] = mN, t[71] = hN) : hN = t[71];
+    t[66] !== nN || t[67] !== eN ? (hN = {
+      isSelected: eN,
+      onSelect: nN
+    }, t[66] = nN, t[67] = eN, t[68] = hN) : hN = t[68];
     let gN;
-    t[72] !== pN || t[73] !== hN ? (gN = (0, import_jsx_runtime.jsxs)(CommandList, {
+    t[69] !== n || t[70] !== hN ? (gN = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: hN,
+      children: n
+    }), t[69] = n, t[70] = hN, t[71] = gN) : gN = t[71];
+    let _N;
+    t[72] !== mN || t[73] !== gN ? (_N = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        pN,
-        hN
+        mN,
+        gN
       ]
-    }), t[72] = pN, t[73] = hN, t[74] = gN) : gN = t[74];
-    let _N;
-    t[75] !== f || t[76] !== Q || t[77] !== fN || t[78] !== gN ? (_N = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), t[72] = mN, t[73] = gN, t[74] = _N) : _N = t[74];
+    let vN;
+    t[75] !== f || t[76] !== Q || t[77] !== pN || t[78] !== _N ? (vN = (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: Q,
         children: [
-          fN,
-          gN
+          pN,
+          _N
         ]
       })
-    }), t[75] = f, t[76] = Q, t[77] = fN, t[78] = gN, t[79] = _N) : _N = t[79];
-    let vN;
-    t[80] !== KM || t[81] !== GM || t[82] !== dN || t[83] !== _N ? (vN = (0, import_jsx_runtime.jsxs)(Popover, {
-      open: KM,
-      onOpenChange: GM,
+    }), t[75] = f, t[76] = Q, t[77] = pN, t[78] = _N, t[79] = vN) : vN = t[79];
+    let yN;
+    t[80] !== qM || t[81] !== KM || t[82] !== fN || t[83] !== vN ? (yN = (0, import_jsx_runtime.jsxs)(Popover, {
+      open: qM,
+      onOpenChange: KM,
       children: [
-        dN,
-        _N
+        fN,
+        vN
       ]
-    }), t[80] = KM, t[81] = GM, t[82] = dN, t[83] = _N, t[84] = vN) : vN = t[84];
-    let yN;
-    t[85] !== VM || t[86] !== i || t[87] !== d || t[88] !== tN || t[89] !== J || t[90] !== XM ? (yN = J && VM && (0, import_jsx_runtime.jsx)("div", {
+    }), t[80] = qM, t[81] = KM, t[82] = fN, t[83] = vN, t[84] = yN) : yN = t[84];
+    let bN;
+    t[85] !== HM || t[86] !== i || t[87] !== d || t[88] !== nN || t[89] !== J || t[90] !== ZM ? (bN = J && HM && (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex flex-col gap-1 items-start", i),
-      children: Array.isArray(XM) && XM.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
+      children: Array.isArray(ZM) && ZM.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: () => {
-              tN(e2);
+              nN(e2);
             },
             className: "w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer"
           })
         ]
       }, String(e2)))
-    }), t[85] = VM, t[86] = i, t[87] = d, t[88] = tN, t[89] = J, t[90] = XM, t[91] = yN) : yN = t[91];
-    let bN;
-    return t[92] !== O || t[93] !== vN || t[94] !== yN ? (bN = (0, import_jsx_runtime.jsxs)("div", {
-      className: iN,
+    }), t[85] = HM, t[86] = i, t[87] = d, t[88] = nN, t[89] = J, t[90] = ZM, t[91] = bN) : bN = t[91];
+    let xN;
+    return t[92] !== O || t[93] !== yN || t[94] !== bN ? (xN = (0, import_jsx_runtime.jsxs)("div", {
+      className: aN,
       ...O,
       children: [
-        vN,
-        yN
+        yN,
+        bN
       ]
-    }), t[92] = O, t[93] = vN, t[94] = yN, t[95] = bN) : bN = t[95], bN;
+    }), t[92] = O, t[93] = yN, t[94] = bN, t[95] = xN) : xN = t[95], xN;
   };
   ComboboxItem = import_react.forwardRef((e, t) => {
     let n = (0, import_compiler_runtime$18.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), _;
@@ -22469,10 +22483,26 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       clearSelection: i.clearSelection
     }, t[22] = i.clearSelection, t[23] = S, t[24] = A, t[25] = E, t[26] = v, t[27] = s, t[28] = d, t[29] = M) : M = t[29], M;
   };
-  var INTERACTIVE_SELECTOR = 'input, button, select, textarea, a, label, [role="checkbox"], [role="button"], [contenteditable="true"], marimo-ui-element';
+  var INTERACTIVE_SELECTOR = 'input, button, select, textarea, a, label, [role="checkbox"], [role="button"], [contenteditable="true"], marimo-ui-element', CONTENT_WRAPPER_MARIMO_TAGS = /* @__PURE__ */ new Set([
+    "marimo-lazy",
+    "marimo-routes"
+  ]);
   function isInteractiveTarget(e) {
-    let t = e.target;
-    return t === e.currentTarget || !(t instanceof Element) ? false : t.closest(INTERACTIVE_SELECTOR) !== null;
+    var _a2;
+    let t = typeof ((_a2 = e.nativeEvent) == null ? void 0 : _a2.composedPath) == "function" ? e.nativeEvent.composedPath() : [
+      e.target
+    ];
+    for (let n of t) {
+      if (n === e.currentTarget) break;
+      if (!(!(n instanceof Element) || !n.matches(INTERACTIVE_SELECTOR))) {
+        if (n.localName === "marimo-ui-element") {
+          let e2 = n.firstElementChild;
+          if (e2 && CONTENT_WRAPPER_MARIMO_TAGS.has(e2.localName)) continue;
+        }
+        return true;
+      }
+    }
+    return false;
   }
   var import_compiler_runtime$11 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
   function useScrollIntoViewOnFocus(e) {
@@ -23407,7 +23437,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         filename: i2.filename
       };
     }, t[5] = e, t[6] = v);
-    let y = v, E, O, A, M, I, z, U, K, q, J, Q, BM, $;
+    let y = v, E, O, A, M, I, z, U, K, q, J, Q, VM, $;
     if (t[7] !== _ || t[8] !== n || t[9] !== i || t[10] !== y) {
       let e2 = async (t2) => {
         let n2 = await y(t2, () => {
@@ -23457,7 +23487,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }), t[26] = s2, t[27] = c2, t[28] = K) : K = t[28], E = DropdownMenuContent, q = "bottom", J = "print:hidden", t[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Download"
-      }), t[29] = Q) : Q = t[29], BM = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[29] = Q) : Q = t[29], VM = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -23510,30 +23540,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, e3.label)), t[7] = _, t[8] = n, t[9] = i, t[10] = y, t[11] = E, t[12] = O, t[13] = 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] = BM, t[23] = $;
-    } else E = t[11], O = t[12], A = t[13], M = t[14], I = t[15], z = t[16], U = t[17], K = t[18], q = t[19], J = t[20], Q = t[21], BM = t[22], $ = t[23];
-    let VM;
-    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== q || t[36] !== J || t[37] !== Q || t[38] !== BM || t[39] !== $ ? (VM = (0, import_jsx_runtime.jsxs)(E, {
+      }, e3.label)), t[7] = _, t[8] = n, t[9] = i, t[10] = y, t[11] = E, t[12] = O, t[13] = 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] = VM, t[23] = $;
+    } else E = t[11], O = t[12], A = t[13], M = t[14], I = t[15], z = t[16], U = t[17], K = t[18], q = t[19], J = t[20], Q = t[21], VM = t[22], $ = t[23];
+    let HM;
+    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== q || t[36] !== J || t[37] !== Q || t[38] !== VM || t[39] !== $ ? (HM = (0, import_jsx_runtime.jsxs)(E, {
       side: q,
       className: J,
       children: [
         Q,
-        BM,
+        VM,
         $,
         A,
         M
       ]
-    }), t[32] = E, t[33] = A, t[34] = M, t[35] = q, t[36] = J, t[37] = Q, t[38] = BM, t[39] = $, t[40] = VM) : VM = t[40];
-    let HM;
-    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== VM ? (HM = (0, import_jsx_runtime.jsxs)(O, {
+    }), t[32] = E, t[33] = A, t[34] = M, t[35] = q, t[36] = J, t[37] = Q, t[38] = VM, t[39] = $, t[40] = HM) : HM = t[40];
+    let UM;
+    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== HM ? (UM = (0, import_jsx_runtime.jsxs)(O, {
       modal: I,
       open: z,
       onOpenChange: U,
       children: [
         K,
-        VM
+        HM
       ]
-    }), t[41] = O, t[42] = I, t[43] = z, t[44] = U, t[45] = K, t[46] = VM, t[47] = HM) : HM = t[47], HM;
+    }), t[41] = O, t[42] = I, t[43] = z, t[44] = U, t[45] = K, t[46] = HM, t[47] = UM) : UM = t[47], UM;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -23624,22 +23654,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, manualSorting: h = false, sorting: _, setSorting: v, rowSelection: y, cellSelection: S, cellStyling: w, hoverTemplate: E, cellHoverTexts: O, paginationState: A, setPaginationState: M, downloadAs: I, manualPagination: z = false, pagination: U = false, onRowSelectionChange: K, onCellSelectionChange: q, getRowIds: J, enableSearch: Q = false, searchQuery: BM, onSearchQueryChange: $, showFilters: VM = false, filters: HM, onFiltersChange: UM, calculateTopKRows: WM, reloading: GM, freezeColumnsLeft: KM, freezeColumnsRight: qM, toggleDisplayHeader: JM, showChartBuilder: YM, isChartBuilderOpen: XM, showPageSizeSelector: ZM, showTableExplorer: QM, togglePanel: $M, isPanelOpen: eN, isAnyPanelOpen: tN, viewedRowIdx: nN, onViewedRowChange: rN }) => {
-    let [iN, aN] = import_react.useState(false), { locale: oN } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: sN, setColumnPinning: cN } = useColumnPinning(KM, qM);
+  DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: t, maxHeight: n, columns: i, data: o, rawData: s, selection: c, totalColumns: d, totalRows: f, manualSorting: h = false, sorting: _, setSorting: v, rowSelection: y, cellSelection: S, cellStyling: w, hoverTemplate: E, cellHoverTexts: O, paginationState: A, setPaginationState: M, downloadAs: I, manualPagination: z = false, pagination: U = false, onRowSelectionChange: K, onCellSelectionChange: q, getRowIds: J, enableSearch: Q = false, searchQuery: VM, onSearchQueryChange: $, showFilters: HM = false, filters: UM, onFiltersChange: WM, calculateTopKRows: GM, reloading: KM, freezeColumnsLeft: qM, freezeColumnsRight: JM, toggleDisplayHeader: YM, showChartBuilder: XM, isChartBuilderOpen: ZM, showPageSizeSelector: QM, showTableExplorer: $M, togglePanel: eN, isPanelOpen: tN, isAnyPanelOpen: nN, viewedRowIdx: rN, onViewedRowChange: iN }) => {
+    let [aN, oN] = import_react.useState(false), { locale: sN } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: cN, setColumnPinning: lN } = useColumnPinning(qM, JM);
     import_react.useEffect(() => {
       let e2;
-      return GM ? e2 = setTimeout(() => {
-        aN(true);
-      }, 300) : aN(false), () => {
+      return KM ? e2 = setTimeout(() => {
+        oN(true);
+      }, 300) : oN(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      GM
+      KM
     ]);
-    function lN(e2, t2) {
+    function uN(e2, t2) {
       return A ? t2 + (z ? A.pageIndex * A.pageSize : 0) : t2;
     }
-    let uN = useReactTable({
+    let dN = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -23663,11 +23693,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         getRowId: (e2, t2) => {
           let n2 = getStableRowId(e2);
           if (n2) return n2;
-          let i2 = lN(e2, t2);
+          let i2 = uN(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: oN,
+      locale: sN,
       manualPagination: z,
       getPaginationRowModel: getPaginationRowModel(),
       ...v ? {
@@ -23677,21 +23707,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: VM,
+      enableColumnFilters: HM,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: UM,
+      onColumnFiltersChange: WM,
       onRowSelectionChange: K,
       onCellSelectionChange: q,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: cN,
+      onColumnPinningChange: lN,
       enableFocusRow: true,
-      onFocusRowChange: rN,
+      onFocusRowChange: iN,
       state: {
         ..._ ? {
           sorting: _
         } : {},
-        columnFilters: HM,
+        columnFilters: UM,
         ...A ? {
           pagination: A
         } : U && !A ? {} : {
@@ -23703,21 +23733,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         rowSelection: y ?? {},
         cellSelection: S ?? [],
         cellStyling: w,
-        columnPinning: sN,
+        columnPinning: cN,
         cellHoverTemplate: E,
         cellHoverTexts: O ?? {}
       }
-    }), dN = (eN == null ? void 0 : eN(PANEL_TYPES.ROW_VIEWER)) ?? false, fN = !U && o.length > 100, pN = useScrollContainerHeight({
+    }), fN = (tN == null ? void 0 : tN(PANEL_TYPES.ROW_VIEWER)) ?? false, pN = !U && o.length > 100, mN = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: fN
+      virtualize: pN
     });
     return (0, import_jsx_runtime.jsxs)("div", {
       className: cn(e, "flex flex-col space-y-1"),
       children: [
         (0, import_jsx_runtime.jsx)(FilterPills, {
-          filters: HM,
-          table: uN,
-          calculateTopKRows: WM
+          filters: UM,
+          table: dN,
+          calculateTopKRows: GM
         }),
         (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
           children: (0, import_jsx_runtime.jsxs)("div", {
@@ -23726,32 +23756,32 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             children: [
               (0, import_jsx_runtime.jsx)(TableTopBar, {
                 enableSearch: Q,
-                searchQuery: BM,
+                searchQuery: VM,
                 onSearchQueryChange: $,
-                reloading: GM,
-                showChartBuilder: YM,
-                isChartBuilderOpen: XM,
-                toggleDisplayHeader: JM,
-                showTableExplorer: QM,
-                togglePanel: $M,
-                isAnyPanelOpen: tN,
+                reloading: KM,
+                showChartBuilder: XM,
+                isChartBuilderOpen: ZM,
+                toggleDisplayHeader: YM,
+                showTableExplorer: $M,
+                togglePanel: eN,
+                isAnyPanelOpen: nN,
                 downloadAs: I
               }),
               (0, import_jsx_runtime.jsxs)(Table, {
                 className: cn("relative", i.length <= 4 ? "w-auto" : "w-full"),
-                ref: pN,
+                ref: mN,
                 children: [
-                  iN && (0, import_jsx_runtime.jsx)("thead", {
+                  aN && (0, import_jsx_runtime.jsx)("thead", {
                     className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
                   }),
-                  renderTableHeader(uN, fN || !!n),
+                  renderTableHeader(dN, pN || !!n),
                   (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: uN,
+                    table: dN,
                     columns: i,
-                    rowViewerPanelOpen: dN,
-                    getRowIndex: lN,
-                    viewedRowIdx: nN,
-                    virtualize: fN
+                    rowViewerPanelOpen: fN,
+                    getRowIndex: uN,
+                    viewedRowIdx: rN,
+                    virtualize: pN
                   })
                 ]
               }),
@@ -23762,10 +23792,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 pagination: U,
                 selection: c,
                 onRowSelectionChange: K,
-                table: uN,
+                table: dN,
                 getRowIds: J,
-                showPageSizeSelector: ZM,
-                tableLoading: GM
+                showPageSizeSelector: QM,
+                tableLoading: KM
               })
             ]
           })
@@ -23855,67 +23885,67 @@ ${_}`,
       });
     }, [q, J] = _.split(":", 2), Q = d ? KEY : "", $;
     t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = () => h(_temp$2), t[10] = $) : $ = t[10];
-    let VM = d ? "rotate-180" : "rotate-0", HM;
-    t[11] === VM ? HM = t[12] : (HM = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", VM), t[11] = VM, t[12] = HM);
-    let UM;
-    t[13] === HM ? UM = t[14] : (UM = (0, import_jsx_runtime.jsx)(ChevronDown, {
-      className: HM
-    }), t[13] = HM, t[14] = UM);
-    let WM = q || "Error", GM;
-    t[15] === WM ? GM = t[16] : (GM = (0, import_jsx_runtime.jsxs)("span", {
+    let HM = d ? "rotate-180" : "rotate-0", UM;
+    t[11] === HM ? UM = t[12] : (UM = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", HM), t[11] = HM, t[12] = UM);
+    let WM;
+    t[13] === UM ? WM = t[14] : (WM = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      className: UM
+    }), t[13] = UM, t[14] = WM);
+    let GM = q || "Error", KM;
+    t[15] === GM ? KM = t[16] : (KM = (0, import_jsx_runtime.jsxs)("span", {
       className: "text-destructive",
       children: [
-        WM,
+        GM,
         ":"
       ]
-    }), t[15] = WM, t[16] = GM);
-    let KM;
-    t[17] !== J || t[18] !== GM ? (KM = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[15] = GM, t[16] = KM);
+    let qM;
+    t[17] !== J || t[18] !== KM ? (qM = (0, import_jsx_runtime.jsxs)("div", {
       className: "text-sm inline font-mono",
       children: [
-        GM,
+        KM,
         " ",
         J
       ]
-    }), t[17] = J, t[18] = GM, t[19] = KM) : KM = t[19];
-    let JM;
-    t[20] !== KM || t[21] !== UM ? (JM = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[17] = J, t[18] = KM, t[19] = qM) : qM = t[19];
+    let YM;
+    t[20] !== qM || t[21] !== WM ? (YM = (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: $,
       children: [
-        UM,
-        KM
+        WM,
+        qM
       ]
-    }), t[20] = KM, t[21] = UM, t[22] = JM) : JM = t[22];
-    let YM;
-    t[23] === c ? YM = t[24] : (YM = (0, import_jsx_runtime.jsx)(AccordionContent, {
+    }), t[20] = qM, t[21] = WM, t[22] = YM) : YM = t[22];
+    let XM;
+    t[23] === c ? XM = t[24] : (XM = (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] = YM);
-    let ZM;
-    t[25] !== JM || t[26] !== YM ? (ZM = (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    }), t[23] = c, t[24] = XM);
+    let QM;
+    t[25] !== YM || t[26] !== XM ? (QM = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY,
       className: "border-none",
       children: [
-        JM,
-        YM
+        YM,
+        XM
       ]
-    }), t[25] = JM, t[26] = YM, t[27] = ZM) : ZM = t[27];
-    let QM;
-    t[28] !== ZM || t[29] !== Q ? (QM = (0, import_jsx_runtime.jsx)(Accordion, {
+    }), t[25] = YM, t[26] = XM, t[27] = QM) : QM = t[27];
+    let $M;
+    t[28] !== QM || t[29] !== Q ? ($M = (0, import_jsx_runtime.jsx)(Accordion, {
       type: "single",
       collapsible: true,
       value: Q,
-      children: ZM
-    }), t[28] = ZM, t[29] = Q, t[30] = QM) : QM = t[30];
-    let $M;
-    t[31] !== K || t[32] !== I ? ($M = I && (0, import_jsx_runtime.jsx)(AIFixButton, {
+      children: QM
+    }), t[28] = QM, t[29] = Q, t[30] = $M) : $M = t[30];
+    let eN;
+    t[31] !== K || t[32] !== I ? (eN = 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] = $M) : $M = t[33];
-    let tN;
-    t[34] !== A || t[35] !== E ? (tN = A && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), t[31] = K, t[32] = I, t[33] = eN) : eN = t[33];
+    let nN;
+    t[34] !== A || t[35] !== E ? (nN = A && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Attach pdb to the exception point.",
       children: (0, import_jsx_runtime.jsxs)(Button, {
         size: "xs",
@@ -23932,9 +23962,9 @@ ${_}`,
           "Launch debugger"
         ]
       })
-    }), t[34] = A, t[35] = E, t[36] = tN) : tN = t[36];
-    let nN;
-    t[37] !== _ || t[38] !== i ? (nN = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    }), t[34] = A, t[35] = E, t[36] = nN) : nN = t[36];
+    let rN;
+    t[37] !== _ || t[38] !== i ? (rN = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -24002,24 +24032,24 @@ ${_}`,
           ]
         })
       ]
-    }), t[37] = _, t[38] = i, t[39] = nN) : nN = t[39];
-    let rN;
-    t[40] !== $M || t[41] !== tN || t[42] !== nN ? (rN = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[37] = _, t[38] = i, t[39] = rN) : rN = t[39];
+    let iN;
+    t[40] !== eN || t[41] !== nN || t[42] !== rN ? (iN = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2",
       children: [
-        $M,
-        tN,
-        nN
+        eN,
+        nN,
+        rN
       ]
-    }), t[40] = $M, t[41] = tN, t[42] = nN, t[43] = rN) : rN = t[43];
-    let iN;
-    return t[44] !== QM || t[45] !== rN ? (iN = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[40] = eN, t[41] = nN, t[42] = rN, t[43] = iN) : iN = t[43];
+    let aN;
+    return t[44] !== $M || t[45] !== iN ? (aN = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        QM,
-        rN
+        $M,
+        iN
       ]
-    }), t[44] = QM, t[45] = rN, t[46] = iN) : iN = t[46], iN;
+    }), t[44] = $M, t[45] = iN, t[46] = aN) : aN = t[46], aN;
   };
   function lastLine(e) {
     var _a2, _b;