@marimo-team/islands 0.23.3-dev3 → 0.23.3-dev32

package/dist/{slide-BEerfanN.js → slide-C1t_W7WX.js}

@@ -6,7 +6,7 @@ import { _ as Logger, c as Objects, g as cn, h as Events, p as composeRefs, r as
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-TGGAUEWp.js";
-import { $ as useCellNames, A as ChevronRightIcon, An as FileText, At as useChromeActions, C as AccordionContent, Cn as Wrench, Dn as LoaderCircle, Dt as goToCellLine, En as NotebookPen, Ft as PluralWord, G as getCellEditorView, I as base64ToUint8Array, In as Braces, Kt as useRequestClient, Ln as esm_default, Lt as DATA_TYPE_ICON, M as PinLeftIcon, Mt as adaptForLocalStorage, N as PinRightIcon, Nt as jotaiJsonStorage, O as CheckIcon, Q as useCellIds, R as extractBase64FromDataURL, Rn as import_lib, S as Accordion, T as AccordionTrigger, V as renderHTML, Wt as getRequestClient, Xt as extractAllTracebackInfo, Yt as elementContainsMarimoCellFile, Z as useCellActions, Zt as getTracebackInfo, an as HTMLCellId, bt as Checkbox, c as Popover, ct as viewStateAtom, d as PopoverTrigger, dn as jsonParseWithSpecialChar, en as filenameAtom, fn as jsonToMarkdown, g as getDatasourceContext, gt as displayCellName, hn as atomWithStorage, ht as getCellDomProps, in as CellOutputId, j as DotFilledIcon, l as PopoverClose$1, lt as outputIsLoading, m as useExpandedOutput, mt as DATA_CELL_ID, n as MarkdownRenderer, on as SCRATCH_CELL_ID, pn as jsonToTSV, pt as sanitizeHtml, q as notebookAtom, rt as AnsiUp, s as Spinner, st as useInstallAllowed, t as toPng, u as PopoverContent, vn as Close$1, w as AccordionItem, z as isDataURLString, __tla as __tla_0 } from "./html-to-image-BdsDysfl.js";
+import { $ as useCellNames, A as ChevronRightIcon, An as FileText, At as useChromeActions, C as AccordionContent, Cn as Wrench, Dn as LoaderCircle, Dt as goToCellLine, En as NotebookPen, Ft as PluralWord, G as getCellEditorView, I as base64ToUint8Array, In as Braces, Kt as useRequestClient, Ln as esm_default, Lt as DATA_TYPE_ICON, M as PinLeftIcon, Mt as adaptForLocalStorage, N as PinRightIcon, Nt as jotaiJsonStorage, O as CheckIcon, Q as useCellIds, R as extractBase64FromDataURL, Rn as import_lib, S as Accordion, T as AccordionTrigger, V as renderHTML, Wt as getRequestClient, Xt as extractAllTracebackInfo, Yt as elementContainsMarimoCellFile, Z as useCellActions, Zt as getTracebackInfo, an as HTMLCellId, bt as Checkbox, c as Popover, ct as viewStateAtom, d as PopoverTrigger, dn as jsonParseWithSpecialChar, en as filenameAtom, fn as jsonToMarkdown, g as getDatasourceContext, gt as displayCellName, hn as atomWithStorage, ht as getCellDomProps, in as CellOutputId, j as DotFilledIcon, l as PopoverClose$1, lt as outputIsLoading, m as useExpandedOutput, mt as DATA_CELL_ID, n as MarkdownRenderer, on as SCRATCH_CELL_ID, pn as jsonToTSV, pt as sanitizeHtml, q as notebookAtom, rt as AnsiUp, s as Spinner, st as useInstallAllowed, t as toPng, u as PopoverContent, vn as Close$1, w as AccordionItem, z as isDataURLString, __tla as __tla_0 } from "./html-to-image-XYwXqg2E.js";
 import { u as createLucideIcon } from "./dist-ESg7xyoD.js";
 import { i as createReducerAndAtoms, r as Badge } from "./useLifecycle-smVfjLNI.js";
 import { a as ListFilter, i as Table$1, o as ChartPie, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B3mCQMP3.js";
@@ -7103,33 +7103,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, oj = import_react.useRef(false), q = useTheme$2(), J = import_react.useContext(f), sj = !!J && !I, Q = 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, gj = import_react.useRef(false), q = useTheme$2(), J = import_react.useContext(f), _j = !!J && !I, Q = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
         h2
-      ]), cj = Q[t], $ = cj || Q, { colorSchemes: lj = _, components: uj = v, cssVarPrefix: dj } = $, fj = Object.keys(lj).filter((e3) => !!lj[e3]).join(","), pj = import_react.useMemo(() => fj.split(","), [
-        fj
-      ]), mj = typeof s == "string" ? s : s.light, hj = typeof s == "string" ? s : s.dark, { mode: gj, setMode: _j, systemMode: vj, lightColorScheme: yj, darkColorScheme: bj, colorScheme: xj, setColorScheme: Sj } = useCurrentColorScheme({
-        supportedColorSchemes: pj,
-        defaultLightColorScheme: mj,
-        defaultDarkColorScheme: hj,
+      ]), vj = Q[t], $ = vj || Q, { colorSchemes: yj = _, components: bj = v, cssVarPrefix: xj } = $, Sj = Object.keys(yj).filter((e3) => !!yj[e3]).join(","), Cj = import_react.useMemo(() => Sj.split(","), [
+        Sj
+      ]), wj = typeof s == "string" ? s : s.light, Tj = typeof s == "string" ? s : s.dark, { mode: Ej, setMode: Dj, systemMode: Oj, lightColorScheme: kj, darkColorScheme: Aj, colorScheme: jj, setColorScheme: Mj } = useCurrentColorScheme({
+        supportedColorSchemes: Cj,
+        defaultLightColorScheme: wj,
+        defaultDarkColorScheme: Tj,
         modeStorageKey: y2,
         colorSchemeStorageKey: S2,
-        defaultMode: lj[mj] && lj[hj] ? U : ((_b = (_a2 = lj[$.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = $.palette) == null ? void 0 : _c.mode),
+        defaultMode: yj[wj] && yj[Tj] ? U : ((_b = (_a2 = yj[$.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = $.palette) == null ? void 0 : _c.mode),
         storageManager: E,
         storageWindow: O,
         noSsr: K
-      }), Cj = gj, wj = xj;
-      sj && (Cj = J.mode, wj = J.colorScheme);
-      let Tj = import_react.useMemo(() => {
+      }), Nj = Ej, Pj = jj;
+      _j && (Nj = J.mode, Pj = J.colorScheme);
+      let Fj = import_react.useMemo(() => {
         var _a3;
-        let e3 = wj || $.defaultColorScheme, t2 = ((_a3 = $.generateThemeVars) == null ? void 0 : _a3.call($)) || $.vars, n2 = {
+        let e3 = Pj || $.defaultColorScheme, t2 = ((_a3 = $.generateThemeVars) == null ? void 0 : _a3.call($)) || $.vars, n2 = {
           ...$,
-          components: uj,
-          colorSchemes: lj,
-          cssVarPrefix: dj,
+          components: bj,
+          colorSchemes: yj,
+          cssVarPrefix: xj,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
-          let t3 = lj[e3];
+          let t3 = yj[e3];
           t3 && typeof t3 == "object" && Object.keys(t3).forEach((e4) => {
             t3[e4] && typeof t3[e4] == "object" ? n2[e4] = {
               ...n2[e4],
@@ -7140,33 +7140,33 @@ try {
         return c ? c(n2) : n2;
       }, [
         $,
-        wj,
-        uj,
-        lj,
-        dj
-      ]), Ej = $.colorSchemeSelector;
+        Pj,
+        bj,
+        yj,
+        xj
+      ]), Ij = $.colorSchemeSelector;
       useEnhancedEffect_default(() => {
-        if (wj && M && Ej && Ej !== "media") {
-          let e3 = Ej, t2 = Ej;
-          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(...pj.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", wj));
+        if (Pj && M && Ij && Ij !== "media") {
+          let e3 = Ij, t2 = Ij;
+          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(...Cj.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", Pj));
           else {
-            let e4 = t2.replace("%s", wj).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", Pj).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || pj.forEach((e5) => {
-                M.removeAttribute(t3.replace(wj, e5));
+              n2 || Cj.forEach((e5) => {
+                M.removeAttribute(t3.replace(Pj, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, wj);
+            } else M.setAttribute(t2, Pj);
           }
         }
       }, [
-        wj,
-        Ej,
+        Pj,
+        Ij,
         M,
-        pj
+        Cj
       ]), import_react.useEffect(() => {
         let e3;
-        if (w2 && oj.current && A) {
+        if (w2 && gj.current && A) {
           let t2 = A.createElement("style");
           t2.appendChild(A.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), A.head.appendChild(t2), window.getComputedStyle(A.body), e3 = setTimeout(() => {
             A.head.removeChild(t2);
@@ -7176,48 +7176,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        wj,
+        Pj,
         w2,
         A
-      ]), import_react.useEffect(() => (oj.current = true, () => {
-        oj.current = false;
+      ]), import_react.useEffect(() => (gj.current = true, () => {
+        gj.current = false;
       }), []);
-      let Dj = import_react.useMemo(() => ({
-        allColorSchemes: pj,
-        colorScheme: wj,
-        darkColorScheme: bj,
-        lightColorScheme: yj,
-        mode: Cj,
-        setColorScheme: Sj,
-        setMode: _j,
-        systemMode: vj
+      let Lj = import_react.useMemo(() => ({
+        allColorSchemes: Cj,
+        colorScheme: Pj,
+        darkColorScheme: Aj,
+        lightColorScheme: kj,
+        mode: Nj,
+        setColorScheme: Mj,
+        setMode: Dj,
+        systemMode: Oj
       }), [
-        pj,
-        wj,
-        bj,
-        yj,
         Cj,
-        Sj,
-        _j,
-        vj,
-        Tj.colorSchemeSelector
-      ]), Oj = true;
-      (z || $.cssVariables === false || sj && (q == null ? void 0 : q.cssVarPrefix) === dj) && (Oj = false);
-      let kj = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+        Pj,
+        Aj,
+        kj,
+        Nj,
+        Mj,
+        Dj,
+        Oj,
+        Fj.colorSchemeSelector
+      ]), Rj = true;
+      (z || $.cssVariables === false || _j && (q == null ? void 0 : q.cssVarPrefix) === xj) && (Rj = false);
+      let zj = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(ThemeProvider_default, {
-            themeId: cj ? t : void 0,
-            theme: Tj,
+            themeId: vj ? t : void 0,
+            theme: Fj,
             children: d2
           }),
-          Oj && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = Tj.generateStyleSheets) == null ? void 0 : _d.call(Tj)) || []
+          Rj && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = Fj.generateStyleSheets) == null ? void 0 : _d.call(Fj)) || []
           })
         ]
       });
-      return sj ? kj : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: Dj,
-        children: kj
+      return _j ? zj : (0, import_jsx_runtime.jsx)(f.Provider, {
+        value: Lj,
+        children: zj
       });
     }
     let S = typeof s == "string" ? s : s.light, w = typeof s == "string" ? s : s.dark;
@@ -7963,10 +7963,10 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       disableCssColorScheme: a,
       shouldSkipGeneratingVar: s,
       getSelector: createGetSelector_default(I)
-    }, { vars: U, generateThemeVars: K, generateStyleSheets: oj } = prepareCssVars_default(I, z);
+    }, { vars: U, generateThemeVars: K, generateStyleSheets: gj } = prepareCssVars_default(I, z);
     return I.vars = U, Object.entries(I.colorSchemes[I.defaultColorScheme]).forEach(([e2, t2]) => {
       I[e2] = t2;
-    }), I.generateThemeVars = K, I.generateStyleSheets = oj, I.generateSpacing = function() {
+    }), I.generateThemeVars = K, I.generateStyleSheets = gj, I.generateSpacing = function() {
       return createSpacing(f.spacing, createUnarySpacing(this));
     }, I.getColorSchemeSelector = createGetColorSchemeSelector(c), I.spacing = I.generateSpacing(), I.shouldSkipGeneratingVar = s, I.unstable_sxConfig = {
       ...defaultSxConfig_default,
@@ -8717,10 +8717,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: oj, onBlur: q, onChange: J, onClick: sj, onFocus: Q, onKeyDown: cj, onKeyUp: $, placeholder: lj, readOnly: uj, renderSuffix: dj, rows: fj, size: pj, slotProps: mj = {}, slots: hj = {}, startAdornment: gj, type: _j = "text", value: vj, ...yj } = n, bj = A.value == null ? vj : A.value, { current: xj } = import_react.useRef(bj != null), Sj = import_react.useRef(), Cj = import_react.useCallback((e2) => {
-    }, []), wj = useForkRef_default(Sj, M, A.ref, Cj), [Tj, Ej] = import_react.useState(false), Dj = useFormControl(), Oj = 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: gj, onBlur: q, onChange: J, onClick: _j, onFocus: Q, onKeyDown: vj, onKeyUp: $, placeholder: yj, readOnly: bj, renderSuffix: xj, rows: Sj, size: Cj, slotProps: wj = {}, slots: Tj = {}, startAdornment: Ej, type: Dj = "text", value: Oj, ...kj } = n, Aj = A.value == null ? Oj : A.value, { current: jj } = import_react.useRef(Aj != null), Mj = import_react.useRef(), Nj = import_react.useCallback((e2) => {
+    }, []), Pj = useForkRef_default(Mj, M, A.ref, Nj), [Fj, Ij] = import_react.useState(false), Lj = useFormControl(), Rj = formControlState({
       props: n,
-      muiFormControl: Dj,
+      muiFormControl: Lj,
       states: [
         "color",
         "disabled",
@@ -8731,145 +8731,145 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         "filled"
       ]
     });
-    Oj.focused = Dj ? Dj.focused : Tj, import_react.useEffect(() => {
-      !Dj && _ && Tj && (Ej(false), q && q());
+    Rj.focused = Lj ? Lj.focused : Fj, import_react.useEffect(() => {
+      !Lj && _ && Fj && (Ij(false), q && q());
     }, [
-      Dj,
+      Lj,
       _,
-      Tj,
+      Fj,
       q
     ]);
-    let kj = Dj && Dj.onFilled, Aj = Dj && Dj.onEmpty, jj = import_react.useCallback((e2) => {
-      isFilled(e2) ? kj && kj() : Aj && Aj();
+    let zj = Lj && Lj.onFilled, Bj = Lj && Lj.onEmpty, Vj = import_react.useCallback((e2) => {
+      isFilled(e2) ? zj && zj() : Bj && Bj();
     }, [
-      kj,
-      Aj
+      zj,
+      Bj
     ]);
     useEnhancedEffect_default$1(() => {
-      xj && jj({
-        value: bj
+      jj && Vj({
+        value: Aj
       });
     }, [
-      bj,
-      jj,
-      xj
+      Aj,
+      Vj,
+      jj
     ]);
-    let Mj = (e2) => {
-      Q && Q(e2), A.onFocus && A.onFocus(e2), Dj && Dj.onFocus ? Dj.onFocus(e2) : Ej(true);
-    }, Nj = (e2) => {
-      q && q(e2), A.onBlur && A.onBlur(e2), Dj && Dj.onBlur ? Dj.onBlur(e2) : Ej(false);
-    }, Pj = (e2, ...t2) => {
-      if (!xj) {
-        let t3 = e2.target || Sj.current;
+    let Hj = (e2) => {
+      Q && Q(e2), A.onFocus && A.onFocus(e2), Lj && Lj.onFocus ? Lj.onFocus(e2) : Ij(true);
+    }, Uj = (e2) => {
+      q && q(e2), A.onBlur && A.onBlur(e2), Lj && Lj.onBlur ? Lj.onBlur(e2) : Ij(false);
+    }, Wj = (e2, ...t2) => {
+      if (!jj) {
+        let t3 = e2.target || Mj.current;
         if (t3 == null) throw Error(formatMuiErrorMessage(1));
-        jj({
+        Vj({
           value: t3.value
         });
       }
       A.onChange && A.onChange(e2, ...t2), J && J(e2, ...t2);
     };
     import_react.useEffect(() => {
-      jj(Sj.current);
+      Vj(Mj.current);
     }, []);
-    let Fj = (e2) => {
-      Sj.current && e2.currentTarget === e2.target && Sj.current.focus(), sj && sj(e2);
-    }, Ij = O, Lj = A;
-    K && Ij === "input" && (Lj = fj ? {
+    let Gj = (e2) => {
+      Mj.current && e2.currentTarget === e2.target && Mj.current.focus(), _j && _j(e2);
+    }, Kj = O, qj = A;
+    K && Kj === "input" && (qj = Sj ? {
       type: void 0,
-      minRows: fj,
-      maxRows: fj,
-      ...Lj
+      minRows: Sj,
+      maxRows: Sj,
+      ...qj
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ...Lj
-    }, Ij = TextareaAutosize_default);
-    let Rj = (e2) => {
-      jj(e2.animationName === "mui-auto-fill-cancel" ? Sj.current : {
+      ...qj
+    }, Kj = TextareaAutosize_default);
+    let Jj = (e2) => {
+      Vj(e2.animationName === "mui-auto-fill-cancel" ? Mj.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      Dj && Dj.setAdornedStart(!!gj);
+      Lj && Lj.setAdornedStart(!!Ej);
     }, [
-      Dj,
-      gj
+      Lj,
+      Ej
     ]);
-    let zj = {
+    let Yj = {
       ...n,
-      color: Oj.color || "primary",
-      disabled: Oj.disabled,
+      color: Rj.color || "primary",
+      disabled: Rj.disabled,
       endAdornment: y,
-      error: Oj.error,
-      focused: Oj.focused,
-      formControl: Dj,
+      error: Rj.error,
+      focused: Rj.focused,
+      formControl: Lj,
       fullWidth: w,
-      hiddenLabel: Oj.hiddenLabel,
+      hiddenLabel: Rj.hiddenLabel,
       multiline: K,
-      size: Oj.size,
-      startAdornment: gj,
-      type: _j
-    }, Bj = useUtilityClasses(zj), Vj = hj.root || d.Root || InputBaseRoot, Hj = mj.root || f.root || {}, Uj = hj.input || d.Input || InputBaseInput;
-    return Lj = {
-      ...Lj,
-      ...mj.input ?? f.input
+      size: Rj.size,
+      startAdornment: Ej,
+      type: Dj
+    }, Xj = useUtilityClasses(Yj), Zj = Tj.root || d.Root || InputBaseRoot, Qj = wj.root || f.root || {}, $j = Tj.input || d.Input || InputBaseInput;
+    return qj = {
+      ...qj,
+      ...wj.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)(Vj, {
-          ...Hj,
+        (0, import_jsx_runtime.jsxs)(Zj, {
+          ...Qj,
           ref: t,
-          onClick: Fj,
-          ...yj,
-          ...!isHostComponent_default(Vj) && {
+          onClick: Gj,
+          ...kj,
+          ...!isHostComponent_default(Zj) && {
             ownerState: {
-              ...zj,
-              ...Hj.ownerState
+              ...Yj,
+              ...Qj.ownerState
             }
           },
-          className: clsx_default(Bj.root, Hj.className, s, uj && "MuiInputBase-readOnly"),
+          className: clsx_default(Xj.root, Qj.className, s, bj && "MuiInputBase-readOnly"),
           children: [
-            gj,
+            Ej,
             (0, import_jsx_runtime.jsx)(FormControlContext_default.Provider, {
               value: null,
-              children: (0, import_jsx_runtime.jsx)(Uj, {
-                "aria-invalid": Oj.error,
+              children: (0, import_jsx_runtime.jsx)($j, {
+                "aria-invalid": Rj.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: Oj.disabled,
+                disabled: Rj.disabled,
                 id: E,
-                onAnimationStart: Rj,
-                name: oj,
-                placeholder: lj,
-                readOnly: uj,
-                required: Oj.required,
-                rows: fj,
-                value: bj,
-                onKeyDown: cj,
+                onAnimationStart: Jj,
+                name: gj,
+                placeholder: yj,
+                readOnly: bj,
+                required: Rj.required,
+                rows: Sj,
+                value: Aj,
+                onKeyDown: vj,
                 onKeyUp: $,
-                type: _j,
-                ...Lj,
-                ...!isHostComponent_default(Uj) && {
-                  as: Ij,
+                type: Dj,
+                ...qj,
+                ...!isHostComponent_default($j) && {
+                  as: Kj,
                   ownerState: {
-                    ...zj,
-                    ...Lj.ownerState
+                    ...Yj,
+                    ...qj.ownerState
                   }
                 },
-                ref: wj,
-                className: clsx_default(Bj.input, Lj.className, uj && "MuiInputBase-readOnly"),
-                onBlur: Nj,
-                onChange: Pj,
-                onFocus: Mj
+                ref: Pj,
+                className: clsx_default(Xj.input, qj.className, bj && "MuiInputBase-readOnly"),
+                onBlur: Uj,
+                onChange: Wj,
+                onFocus: Hj
               })
             }),
             y,
-            dj ? dj({
-              ...Oj,
-              startAdornment: gj
+            xj ? xj({
+              ...Rj,
+              startAdornment: Ej
             }) : null
           ]
         })
@@ -9945,28 +9945,28 @@ 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, oj] = useInspect(i, t, a), [q, J] = (0, import_react.useState)(false), sj = useJsonViewerStore((e2) => e2.onChange), Q = useTextColor(), cj = useJsonViewerStore((e2) => e2.colorspace.base0C), $ = useJsonViewerStore((e2) => e2.colorspace.base0A), lj = useJsonViewerStore((e2) => e2.displayComma), uj = useJsonViewerStore((e2) => e2.quotesOnKeys), dj = useJsonViewerStore((e2) => e2.rootName), fj = U === t, pj = Number.isInteger(Number(A)), mj = useJsonViewerStore((e2) => e2.enableAdd), hj = useJsonViewerStore((e2) => e2.onAdd), gj = (0, import_react.useMemo)(() => !hj || a !== void 0 || mj === false || v === false ? false : typeof mj == "function" ? !!mj(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
-      hj,
+    ]), z = useJsonViewerStore((e2) => e2.setHover), U = useJsonViewerStore((e2) => e2.value), [K, gj] = useInspect(i, t, a), [q, J] = (0, import_react.useState)(false), _j = useJsonViewerStore((e2) => e2.onChange), Q = useTextColor(), vj = useJsonViewerStore((e2) => e2.colorspace.base0C), $ = useJsonViewerStore((e2) => e2.colorspace.base0A), yj = useJsonViewerStore((e2) => e2.displayComma), bj = useJsonViewerStore((e2) => e2.quotesOnKeys), xj = useJsonViewerStore((e2) => e2.rootName), Sj = U === t, Cj = Number.isInteger(Number(A)), wj = useJsonViewerStore((e2) => e2.enableAdd), Tj = useJsonViewerStore((e2) => e2.onAdd), Ej = (0, import_react.useMemo)(() => !Tj || a !== void 0 || wj === false || v === false ? false : typeof wj == "function" ? !!wj(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
+      Tj,
       a,
       i,
-      mj,
+      wj,
       v,
       t
-    ]), _j = useJsonViewerStore((e2) => e2.enableDelete), vj = useJsonViewerStore((e2) => e2.onDelete), yj = (0, import_react.useMemo)(() => !vj || a !== void 0 || fj || _j === false || v === false ? false : typeof _j == "function" ? !!_j(i, t) : _j, [
-      vj,
+    ]), Dj = useJsonViewerStore((e2) => e2.enableDelete), Oj = useJsonViewerStore((e2) => e2.onDelete), kj = (0, import_react.useMemo)(() => !Oj || a !== void 0 || Sj || Dj === false || v === false ? false : typeof Dj == "function" ? !!Dj(i, t) : Dj, [
+      Oj,
       a,
-      fj,
+      Sj,
       i,
-      _j,
+      Dj,
       v,
       t
-    ]), bj = useJsonViewerStore((e2) => e2.enableClipboard), { copy: xj, copied: Sj } = useClipboard(), Cj = useJsonViewerStore((e2) => e2.highlightUpdates), wj = (0, import_react.useMemo)(() => !Cj || 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, [
-      Cj,
+    ]), Aj = useJsonViewerStore((e2) => e2.enableClipboard), { copy: jj, copied: Mj } = useClipboard(), Nj = useJsonViewerStore((e2) => e2.highlightUpdates), Pj = (0, import_react.useMemo)(() => !Nj || 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, [
+      Nj,
       n,
       t
-    ]), Tj = (0, import_react.useRef)();
+    ]), Fj = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      Tj.current && wj && "animate" in Tj.current && Tj.current.animate([
+      Fj.current && Pj && "animate" in Fj.current && Fj.current.animate([
         {
           backgroundColor: $
         },
@@ -9979,39 +9979,39 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       });
     }, [
       $,
-      wj,
+      Pj,
       n,
       t
     ]);
-    let Ej = (0, import_react.useCallback)((e2) => {
+    let Ij = (0, import_react.useCallback)((e2) => {
       e2.preventDefault(), h && E(h(t)), J(true);
     }, [
       h,
       t
-    ]), Dj = (0, import_react.useCallback)(() => {
+    ]), Lj = (0, import_react.useCallback)(() => {
       J(false), E("");
     }, [
       J,
       E
-    ]), Oj = (0, import_react.useCallback)((e2) => {
+    ]), Rj = (0, import_react.useCallback)((e2) => {
       if (J(false), _) try {
-        sj(i, t, _(e2));
+        _j(i, t, _(e2));
       } catch {
       }
     }, [
       J,
       _,
-      sj,
+      _j,
       i,
       t
-    ]), kj = (0, import_react.useMemo)(() => q ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    ]), zj = (0, import_react.useMemo)(() => q ? (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: Dj
+            onClick: Lj
           })
         }),
         (0, import_jsx_runtime.jsx)(IconBox, {
@@ -10019,22 +10019,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             sx: {
               fontSize: ".8rem"
             },
-            onClick: () => Oj(w)
+            onClick: () => Rj(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        bj && (0, import_jsx_runtime.jsx)(IconBox, {
+        Aj && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              xj(i, t, copyString);
+              jj(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: Sj ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: Mj ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
             sx: {
               fontSize: ".8rem"
             }
@@ -10045,16 +10045,16 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           })
         }),
         f && S && h && _ && (0, import_jsx_runtime.jsx)(IconBox, {
-          onClick: Ej,
+          onClick: Ij,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        gj && (0, import_jsx_runtime.jsx)(IconBox, {
+        Ej && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), hj == null ? void 0 : hj(i);
+            e2.preventDefault(), Tj == null ? void 0 : Tj(i);
           },
           children: (0, import_jsx_runtime.jsx)(AddBoxIcon, {
             sx: {
@@ -10062,9 +10062,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             }
           })
         }),
-        yj && (0, import_jsx_runtime.jsx)(IconBox, {
+        kj && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), vj == null ? void 0 : vj(i, t);
+            e2.preventDefault(), Oj == null ? void 0 : Oj(i, t);
           },
           children: (0, import_jsx_runtime.jsx)(DeleteIcon, {
             sx: {
@@ -10077,34 +10077,34 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       f,
       h,
       _,
-      Sj,
-      xj,
+      Mj,
+      jj,
       S,
       q,
-      bj,
-      gj,
-      yj,
+      Aj,
+      Ej,
+      kj,
       w,
       i,
       t,
-      hj,
-      vj,
-      Ej,
-      Dj,
-      Oj
-    ]), Aj = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      Tj,
+      Oj,
+      Ij,
+      Lj,
+      Rj
+    ]), Bj = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), jj = !Aj && !!(c && d), Mj = useJsonViewerStore((e2) => e2.keyRenderer), Nj = (0, import_react.useMemo)(() => ({
+    ]), Vj = !Bj && !!(c && d), Hj = useJsonViewerStore((e2) => e2.keyRenderer), Uj = (0, import_react.useMemo)(() => ({
       path: i,
       inspect: K,
-      setInspect: oj,
+      setInspect: gj,
       value: t,
       prevValue: n,
       nestedIndex: a
     }), [
       K,
       i,
-      oj,
+      gj,
       t,
       n,
       a
@@ -10131,13 +10131,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() || Aj || oj((e3) => !e3);
+            e2.isDefaultPrevented() || Bj || gj((e3) => !e3);
           }, [
-            Aj,
-            oj
+            Bj,
+            gj
           ]),
           children: [
-            jj ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            Vj ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
               className: "data-key-toggle-expanded",
               sx: {
                 fontSize: ".8rem",
@@ -10155,27 +10155,27 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
               }
             }) : null,
             (0, import_jsx_runtime.jsx)(Box_default, {
-              ref: Tj,
+              ref: Fj,
               className: "data-key-key",
               component: "span",
-              children: fj && O === 0 ? dj === false ? null : uj ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: Sj && O === 0 ? xj === false ? null : bj ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
-                  dj,
+                  xj,
                   '"'
                 ]
               }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-                children: dj
-              }) : Mj.when(Nj) ? (0, import_jsx_runtime.jsx)(Mj, {
-                ...Nj
-              }) : a === void 0 && (pj ? (0, import_jsx_runtime.jsx)(Box_default, {
+                children: xj
+              }) : Hj.when(Uj) ? (0, import_jsx_runtime.jsx)(Hj, {
+                ...Uj
+              }) : a === void 0 && (Cj ? (0, import_jsx_runtime.jsx)(Box_default, {
                 component: "span",
                 style: {
-                  color: cj,
-                  userSelect: pj ? "none" : "auto"
+                  color: vj,
+                  userSelect: Cj ? "none" : "auto"
                 },
                 children: A
-              }) : uj ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : bj ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
                   A,
@@ -10185,7 +10185,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 children: A
               }))
             }),
-            fj ? dj !== false && (0, import_jsx_runtime.jsx)(DataBox, {
+            Sj ? xj !== false && (0, import_jsx_runtime.jsx)(DataBox, {
               className: "data-key-colon",
               sx: {
                 mr: 0.5
@@ -10198,38 +10198,38 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 ".data-key-key:empty + &": {
                   display: "none"
                 },
-                userSelect: pj ? "none" : "auto"
+                userSelect: Cj ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...Nj
+              ...Uj
             }),
-            I && jj && K && kj
+            I && Vj && K && zj
           ]
         }),
         q && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: Dj,
-          commitEditing: Oj
+          abortEditing: Lj,
+          commitEditing: Rj
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...Nj
+          ...Uj
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...Nj
+          ...Uj
         }),
-        !o && lj && (0, import_jsx_runtime.jsx)(DataBox, {
+        !o && yj && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && jj && !K && kj,
-        I && !jj && kj,
-        !I && q && kj
+        I && Vj && !K && zj,
+        I && !Vj && zj,
+        !I && q && zj
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -11070,17 +11070,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
     let _, v, y, S, w, E;
     if (t[2] !== f || 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), A = n.filter(_temp9), M2 = n.filter(_temp0), I = n.filter(_temp1), z = n.filter(_temp10), U = n.filter(_temp11), oj = n.filter(_temp12), q = n.filter(_temp13), J = n.filter(_temp14), sj = n.filter(_temp15), Q = n.filter(_temp16), cj = n.filter(_temp17), $;
+      let e2 = n.filter(_temp7), O2 = n.filter(_temp8), A = n.filter(_temp9), M2 = n.filter(_temp0), I = n.filter(_temp1), z = n.filter(_temp10), U = n.filter(_temp11), gj = n.filter(_temp12), q = n.filter(_temp13), J = n.filter(_temp14), _j = n.filter(_temp15), Q = n.filter(_temp16), vj = n.filter(_temp17), $;
       t[15] === s ? $ = t[16] : ($ = () => {
         s.openApplication("scratchpad");
       }, t[15] = s, t[16] = $);
-      let lj = $, uj = () => {
+      let yj = $, bj = () => {
         let t2 = [];
-        if (sj.length > 0 || Q.length > 0) {
-          let e3 = sj.some(_temp18), n2 = !e3 && sj.some(_temp19);
+        if (_j.length > 0 || Q.length > 0) {
+          let e3 = _j.some(_temp18), n2 = !e3 && _j.some(_temp19);
           t2.push((0, import_jsx_runtime.jsxs)("div", {
             children: [
-              sj.map(_temp20),
+              _j.map(_temp20),
               Q.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
@@ -11112,7 +11112,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               }),
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
-                  ...sj,
+                  ..._j,
                   ...Q
                 ],
                 cellId: i
@@ -11274,7 +11274,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: lj,
+                      onClick: yj,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -11365,11 +11365,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               children: U.some(_temp31) ? "Ensure that the referenced cells define the required variables, or turn off strict execution." : "Something is wrong with your declarations. Fix any discrepancies, or turn off strict execution."
             })
           ]
-        }, "strict-exception")), oj.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
+        }, "strict-exception")), gj.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
           children: [
-            oj.map(_temp32),
+            gj.map(_temp32),
             i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-              errors: oj,
+              errors: gj,
               cellId: i
             })
           ]
@@ -11389,23 +11389,23 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               cellId: i
             })
           ]
-        }, "ancestor-stopped")), cj.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
+        }, "ancestor-stopped")), vj.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
           children: [
-            cj.map(_temp35),
+            vj.map(_temp35),
             i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-              errors: cj,
+              errors: vj,
               cellId: i,
               className: "mt-2.5"
             })
           ]
         }, "sql-errors")), t2;
-      }, dj = `font-code font-medium tracking-wide ${h}`, fj;
-      t[17] !== dj || t[18] !== c ? (fj = (0, import_jsx_runtime.jsx)(AlertTitle, {
-        className: dj,
+      }, xj = `font-code font-medium tracking-wide ${h}`, Sj;
+      t[17] !== xj || t[18] !== c ? (Sj = (0, import_jsx_runtime.jsx)(AlertTitle, {
+        className: xj,
         children: c
-      }), t[17] = dj, t[18] = c, t[19] = fj) : fj = t[19];
-      let pj = fj;
-      _ = Alert, S = f, 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 = pj, v = "flex flex-col gap-8", y = uj(), t[2] = f, 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] = xj, t[18] = c, t[19] = Sj) : Sj = t[19];
+      let Cj = Sj;
+      _ = Alert, S = f, 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 = Cj, v = "flex flex-col gap-8", y = bj(), t[2] = f, 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", {
@@ -12294,7 +12294,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, cj);
+      U(6, vj);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -12303,7 +12303,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(), J(), U(1, sj);
+          if (n.current[e2] = t2, e2 === "search") Q(), J(), U(1, _j);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -12312,7 +12312,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             if (U(7, () => {
               var _a3;
               n.current.selectedItemId = (_a3 = $()) == null ? void 0 : _a3.id, K.emit();
-            }), i2 || U(5, cj), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
+            }), i2 || U(5, vj), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
               let e3 = t2 ?? "";
               (s2 = (o2 = c.current).onValueChange) == null || s2.call(o2, e3);
               return;
@@ -12324,7 +12324,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       emit: () => {
         s.current.forEach((e2) => e2());
       }
-    }), []), oj = import_react.useMemo(() => ({
+    }), []), gj = import_react.useMemo(() => ({
       value: (e2, t2, i2) => {
         var _a2;
         t2 !== ((_a2 = o.current.get(e2)) == null ? void 0 : _a2.value) && (o.current.set(e2, {
@@ -12337,12 +12337,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(), J(), n.current.value || sj(), K.emit();
+        Q(), J(), n.current.value || _j(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
         let t3 = $();
         U(4, () => {
-          Q(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && sj(), K.emit();
+          Q(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && _j(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -12375,7 +12375,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]);
       });
       let i2 = z.current;
-      lj().sort((t3, n2) => {
+      yj().sort((t3, n2) => {
         let i3 = t3.getAttribute("id"), a2 = n2.getAttribute("id");
         return (e2.get(a2) ?? 0) - (e2.get(i3) ?? 0);
       }).forEach((e3) => {
@@ -12387,9 +12387,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function sj() {
+    function _j() {
       var _a2;
-      let e2 = (_a2 = lj().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
+      let e2 = (_a2 = yj().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
     function Q() {
@@ -12410,7 +12410,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function cj() {
+    function vj() {
       var _a2, _b;
       var e2;
       let t2 = $();
@@ -12424,29 +12424,29 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
-    function lj() {
+    function yj() {
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function uj(e2) {
-      let t2 = lj()[e2];
+    function bj(e2) {
+      let t2 = yj()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function dj(e2) {
+    function xj(e2) {
       var t2;
-      let n2 = $(), i2 = lj(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = $(), i2 = yj(), 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 fj(e2) {
+    function Sj(e2) {
       var _a2;
       let t2 = (_a2 = $()) == 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)) : dj(e2);
+      n2 ? K.setState("value", n2.getAttribute(T)) : xj(e2);
     }
-    let pj = () => uj(lj().length - 1), mj = (e2) => {
-      e2.preventDefault(), e2.metaKey ? pj() : e2.altKey ? fj(1) : dj(1);
-    }, hj = (e2) => {
-      e2.preventDefault(), e2.metaKey ? uj(0) : e2.altKey ? fj(-1) : dj(-1);
+    let Cj = () => bj(yj().length - 1), wj = (e2) => {
+      e2.preventDefault(), e2.metaKey ? Cj() : e2.altKey ? Sj(1) : xj(1);
+    }, Tj = (e2) => {
+      e2.preventDefault(), e2.metaKey ? bj(0) : e2.altKey ? Sj(-1) : xj(-1);
     };
     return import_react.createElement(Primitive.div, {
       ref: t,
@@ -12460,23 +12460,23 @@ 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 && mj(e2);
+            E && e2.ctrlKey && wj(e2);
             break;
           case "ArrowDown":
-            mj(e2);
+            wj(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && hj(e2);
+            E && e2.ctrlKey && Tj(e2);
             break;
           case "ArrowUp":
-            hj(e2);
+            Tj(e2);
             break;
           case "Home":
-            e2.preventDefault(), uj(0);
+            e2.preventDefault(), bj(0);
             break;
           case "End":
-            e2.preventDefault(), pj();
+            e2.preventDefault(), Cj();
             break;
           case "Enter": {
             e2.preventDefault();
@@ -12490,13 +12490,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
     }, import_react.createElement("label", {
       "cmdk-label": "",
-      htmlFor: oj.inputId,
-      id: oj.labelId,
+      htmlFor: gj.inputId,
+      id: gj.labelId,
       style: Te
     }, d), B(e, (e2) => import_react.createElement(de.Provider, {
       value: K
     }, import_react.createElement(ue$1.Provider, {
-      value: oj
+      value: gj
     }, e2))));
   }), he$1 = import_react.forwardRef((e, t) => {
     var _a2;
@@ -16243,11 +16243,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, U = [
       n
     ], t[7] = n, t[8] = z, t[9] = U), (0, import_react.useEffect)(z, U);
-    let K = d && !y ? false : _, oj = d ? E : null, q = K ? i : a, J;
-    return t[10] !== oj || t[11] !== q ? (J = (0, import_jsx_runtime.jsx)("div", {
-      ref: oj,
+    let K = d && !y ? false : _, gj = d ? E : null, q = K ? i : a, J;
+    return t[10] !== gj || t[11] !== q ? (J = (0, import_jsx_runtime.jsx)("div", {
+      ref: gj,
       children: q
-    }), t[10] = oj, t[11] = q, t[12] = J) : J = t[12], J;
+    }), t[10] = gj, t[11] = q, t[12] = J) : J = t[12], J;
   };
   var import_compiler_runtime$22 = require_compiler_runtime();
   const DatePopover = (e) => {
@@ -18473,7 +18473,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: oj, resizePanel: q, unregisterPanel: J } = E, sj = useUniqueId(s), Q = (0, import_react.useRef)({
+    let { collapsePanel: O, expandPanel: A, getPanelSize: M, getPanelStyle: I, groupId: z, isPanelCollapsed: U, reevaluatePanelConstraints: K, registerPanel: gj, resizePanel: q, unregisterPanel: J } = E, _j = useUniqueId(s), Q = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -18486,7 +18486,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: sj,
+      id: _j,
       idIsFromProps: s !== void 0,
       order: v
     });
@@ -18496,16 +18496,16 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       let { callbacks: e2, constraints: t2 } = Q.current, o2 = {
         ...t2
       };
-      Q.current.id = sj, Q.current.idIsFromProps = s !== void 0, Q.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(Q.current, o2);
+      Q.current.id = _j, Q.current.idIsFromProps = s !== void 0, Q.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(Q.current, o2);
     }), useIsomorphicLayoutEffect$1(() => {
       let e2 = Q.current;
-      return oj(e2), () => {
+      return gj(e2), () => {
         J(e2);
       };
     }, [
       v,
-      sj,
-      oj,
+      _j,
+      gj,
       J
     ]), (0, import_react.useImperativeHandle)(o, () => ({
       collapse: () => {
@@ -18515,7 +18515,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         A(Q.current, e2);
       },
       getId() {
-        return sj;
+        return _j;
       },
       getSize() {
         return M(Q.current);
@@ -18534,24 +18534,24 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       A,
       M,
       U,
-      sj,
+      _j,
       q
     ]);
-    let cj = I(Q.current, a);
+    let vj = I(Q.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: sj,
+      id: _j,
       style: {
-        ...cj,
+        ...vj,
         ...y
       },
       [DATA_ATTRIBUTES.groupId]: z,
       [DATA_ATTRIBUTES.panel]: "",
       [DATA_ATTRIBUTES.panelCollapsible]: i || void 0,
-      [DATA_ATTRIBUTES.panelId]: sj,
-      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + cj.flexGrow).toFixed(1)
+      [DATA_ATTRIBUTES.panelId]: _j,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + vj.flexGrow).toFixed(1)
     });
   }
   var Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -19288,7 +19288,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       d
     ]), (0, import_react.useEffect)(() => {
     });
-    let oj = (0, import_react.useCallback)((e2) => {
+    let gj = (0, import_react.useCallback)((e2) => {
       let { onLayout: t2 } = U.current, { layout: n2, panelDataArray: i2 } = K.current;
       if (e2.constraints.collapsible) {
         let a2 = i2.map((e3) => e3.constraints), { collapsedSize: o2 = 0, panelSize: s2, pivotIndices: c2 } = panelDataHelper(i2, e2, n2);
@@ -19324,7 +19324,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, []), J = (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;
-    }, []), sj = (0, import_react.useCallback)((e2, t2) => {
+    }, []), _j = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -19339,7 +19339,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, { 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);
-    }, []), cj = (0, import_react.useCallback)((e2) => {
+    }, []), vj = (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;
     }, []), $ = (0, import_react.useCallback)((e2) => {
@@ -19374,7 +19374,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         e2.layout = [];
       };
     }, []);
-    let lj = (0, import_react.useCallback)((e2) => {
+    let yj = (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();
@@ -19392,7 +19392,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));
       };
-    }, []), uj = (0, import_react.useCallback)((e2, t2) => {
+    }, []), bj = (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({
@@ -19404,12 +19404,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));
-    }, []), dj = (0, import_react.useCallback)((e2, t2) => {
+    }, []), xj = (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) || uj(e2, s2) : h2 < f2 ? uj(e2, f2) : h2 > d2 && uj(e2, d2));
+      h2 != null && (o2 && c2 && fuzzyNumbersEqual$1(h2, a2) ? fuzzyNumbersEqual$1(a2, s2) || bj(e2, s2) : h2 < f2 ? bj(e2, f2) : h2 > d2 && bj(e2, d2));
     }, [
-      uj
-    ]), fj = (0, import_react.useCallback)((e2, t2) => {
+      bj
+    ]), Sj = (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);
@@ -19421,49 +19421,49 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), pj = (0, import_react.useCallback)(() => {
+    }, []), Cj = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), mj = (0, import_react.useCallback)((e2) => {
+    }, []), wj = (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
-    ]), hj = (0, import_react.useMemo)(() => ({
-      collapsePanel: oj,
+    ]), Tj = (0, import_react.useMemo)(() => ({
+      collapsePanel: gj,
       direction: i,
       dragState: S,
       expandPanel: q,
       getPanelSize: J,
-      getPanelStyle: sj,
+      getPanelStyle: _j,
       groupId: v,
       isPanelCollapsed: Q,
-      isPanelExpanded: cj,
-      reevaluatePanelConstraints: dj,
+      isPanelExpanded: vj,
+      reevaluatePanelConstraints: xj,
       registerPanel: $,
-      registerResizeHandle: lj,
-      resizePanel: uj,
-      startDragging: fj,
-      stopDragging: pj,
-      unregisterPanel: mj,
+      registerResizeHandle: yj,
+      resizePanel: bj,
+      startDragging: Sj,
+      stopDragging: Cj,
+      unregisterPanel: wj,
       panelGroupElement: y.current
     }), [
-      oj,
+      gj,
       S,
       i,
       q,
       J,
-      sj,
+      _j,
       v,
       Q,
-      cj,
-      dj,
+      vj,
+      xj,
       $,
-      lj,
-      uj,
-      fj,
-      pj,
-      mj
-    ]), gj = {
+      yj,
+      bj,
+      Sj,
+      Cj,
+      wj
+    ]), Ej = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -19471,7 +19471,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: hj
+      value: Tj
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -19479,7 +19479,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...gj,
+        ...Ej,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -19556,31 +19556,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, oj = useUniqueId(a), [q, J] = (0, import_react.useState)("inactive"), [sj, Q] = (0, import_react.useState)(false), [cj, $] = (0, import_react.useState)(null), lj = (0, import_react.useRef)({
+    let { direction: A, groupId: M, registerResizeHandle: I, startDragging: z, stopDragging: U, panelGroupElement: K } = O, gj = useUniqueId(a), [q, J] = (0, import_react.useState)("inactive"), [_j, Q] = (0, import_react.useState)(false), [vj, $] = (0, import_react.useState)(null), yj = (0, import_react.useRef)({
       state: q
     });
     useIsomorphicLayoutEffect$1(() => {
-      lj.current.state = q;
+      yj.current.state = q;
     }), (0, import_react.useEffect)(() => {
       if (n) $(null);
       else {
-        let e2 = I(oj);
+        let e2 = I(gj);
         $(() => e2);
       }
     }, [
       n,
-      oj,
+      gj,
       I
     ]);
-    let uj = (i == null ? void 0 : i.coarse) ?? 15, dj = (i == null ? void 0 : i.fine) ?? 5;
+    let bj = (i == null ? void 0 : i.coarse) ?? 15, xj = (i == null ? void 0 : i.fine) ?? 5;
     (0, import_react.useEffect)(() => {
-      if (n || cj == null) return;
+      if (n || vj == null) return;
       let e2 = w.current;
       assert(e2, "Element ref not attached");
       let t2 = false;
-      return registerResizeHandle(oj, e2, A, {
-        coarse: uj,
-        fine: dj
+      return registerResizeHandle(gj, e2, A, {
+        coarse: bj,
+        fine: xj
       }, (e3, n2, i2) => {
         if (!n2) {
           J("inactive");
@@ -19588,14 +19588,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
         switch (e3) {
           case "down": {
-            J("drag"), t2 = false, assert(i2, 'Expected event to be defined for "down" action'), z(oj, i2);
+            J("drag"), t2 = false, assert(i2, 'Expected event to be defined for "down" action'), z(gj, i2);
             let { onDragging: e4, onPointerDown: n3 } = E.current;
             e4 == null ? void 0 : e4(true), n3 == null ? void 0 : n3();
             break;
           }
           case "move": {
-            let { state: e4 } = lj.current;
-            t2 = true, e4 !== "drag" && J("hover"), assert(i2, 'Expected event to be defined for "move" action'), cj(i2);
+            let { state: e4 } = yj.current;
+            t2 = true, e4 !== "drag" && J("hover"), assert(i2, 'Expected event to be defined for "move" action'), vj(i2);
             break;
           }
           case "up": {
@@ -19607,22 +19607,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      uj,
+      bj,
       A,
       n,
-      dj,
+      xj,
       I,
-      oj,
-      cj,
+      gj,
+      vj,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
-      handleId: oj,
-      resizeHandler: cj,
+      handleId: gj,
+      resizeHandler: vj,
       panelGroupElement: K
     });
-    let fj = {
+    let Sj = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -19640,16 +19640,16 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ref: w,
       role: "separator",
       style: {
-        ...fj,
+        ...Sj,
         ..._
       },
       tabIndex: v,
       [DATA_ATTRIBUTES.groupDirection]: A,
       [DATA_ATTRIBUTES.groupId]: M,
       [DATA_ATTRIBUTES.resizeHandle]: "",
-      [DATA_ATTRIBUTES.resizeHandleActive]: q === "drag" ? "pointer" : sj ? "keyboard" : void 0,
+      [DATA_ATTRIBUTES.resizeHandleActive]: q === "drag" ? "pointer" : _j ? "keyboard" : void 0,
       [DATA_ATTRIBUTES.resizeHandleEnabled]: !n,
-      [DATA_ATTRIBUTES.resizeHandleId]: oj,
+      [DATA_ATTRIBUTES.resizeHandleId]: gj,
       [DATA_ATTRIBUTES.resizeHandleState]: q
     });
   }
@@ -21580,7 +21580,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           })
         ]
       }, e2.id);
-    }, oj = t.length <= 4, q = t.length + (oj ? 1 : 0);
+    }, gj = t.length <= 4, q = t.length + (gj ? 1 : 0);
     return (0, import_jsx_runtime.jsx)(DataTableContextMenu, {
       tableBody: (0, import_jsx_runtime.jsx)(TableBody, {
         onKeyDown: w,
@@ -22379,7 +22379,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         filename: i2.filename
       };
     }, t[5] = e, t[6] = v);
-    let w = v, E, O, A, M, I, z, U, K, oj, q, J, sj, Q;
+    let w = v, E, O, A, M, I, z, U, K, gj, q, J, _j, Q;
     if (t[7] !== _ || t[8] !== n || t[9] !== i || t[10] !== w) {
       let e2 = async (t2) => {
         let n2 = await w(t2, () => {
@@ -22426,10 +22426,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         content: "Export",
         open: s2,
         children: c2
-      }), t[26] = s2, t[27] = c2, t[28] = K) : K = t[28], E = DropdownMenuContent, oj = "bottom", q = "print:hidden", t[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+      }), t[26] = s2, t[27] = c2, t[28] = K) : K = t[28], E = DropdownMenuContent, gj = "bottom", q = "print:hidden", t[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Download"
-      }), t[29] = J) : J = t[29], sj = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[29] = J) : J = t[29], _j = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -22482,30 +22482,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, e3.label)), t[7] = _, t[8] = n, t[9] = i, t[10] = w, 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] = oj, t[20] = q, t[21] = J, t[22] = sj, t[23] = Q;
-    } 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], oj = t[19], q = t[20], J = t[21], sj = t[22], Q = t[23];
-    let cj;
-    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== oj || t[36] !== q || t[37] !== J || t[38] !== sj || t[39] !== Q ? (cj = (0, import_jsx_runtime.jsxs)(E, {
-      side: oj,
+      }, e3.label)), t[7] = _, t[8] = n, t[9] = i, t[10] = w, 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] = gj, t[20] = q, t[21] = J, t[22] = _j, t[23] = Q;
+    } 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], gj = t[19], q = t[20], J = t[21], _j = t[22], Q = t[23];
+    let vj;
+    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== gj || t[36] !== q || t[37] !== J || t[38] !== _j || t[39] !== Q ? (vj = (0, import_jsx_runtime.jsxs)(E, {
+      side: gj,
       className: q,
       children: [
         J,
-        sj,
+        _j,
         Q,
         A,
         M
       ]
-    }), t[32] = E, t[33] = A, t[34] = M, t[35] = oj, t[36] = q, t[37] = J, t[38] = sj, t[39] = Q, t[40] = cj) : cj = t[40];
+    }), t[32] = E, t[33] = A, t[34] = M, t[35] = gj, t[36] = q, t[37] = J, t[38] = _j, t[39] = Q, t[40] = vj) : vj = t[40];
     let $;
-    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== cj ? ($ = (0, import_jsx_runtime.jsxs)(O, {
+    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== vj ? ($ = (0, import_jsx_runtime.jsxs)(O, {
       modal: I,
       open: z,
       onOpenChange: U,
       children: [
         K,
-        cj
+        vj
       ]
-    }), t[41] = O, t[42] = I, t[43] = z, t[44] = U, t[45] = K, t[46] = cj, t[47] = $) : $ = t[47], $;
+    }), t[41] = O, t[42] = I, t[43] = z, t[44] = U, t[45] = K, t[46] = vj, t[47] = $) : $ = t[47], $;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -22596,22 +22596,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: oj, getRowIds: q, enableSearch: J = false, searchQuery: sj, onSearchQueryChange: Q, showFilters: cj = false, filters: $, onFiltersChange: lj, reloading: uj, freezeColumnsLeft: dj, freezeColumnsRight: fj, toggleDisplayHeader: pj, showChartBuilder: mj, isChartBuilderOpen: hj, showPageSizeSelector: gj, showTableExplorer: _j, togglePanel: vj, isPanelOpen: yj, isAnyPanelOpen: bj, viewedRowIdx: xj, onViewedRowChange: Sj }) => {
-    let [Cj, wj] = import_react.useState(false), { locale: Tj } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: Ej, setColumnPinning: Dj } = useColumnPinning(dj, fj);
+  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: gj, getRowIds: q, enableSearch: J = false, searchQuery: _j, onSearchQueryChange: Q, showFilters: vj = false, filters: $, onFiltersChange: yj, reloading: bj, freezeColumnsLeft: xj, freezeColumnsRight: Sj, toggleDisplayHeader: Cj, showChartBuilder: wj, isChartBuilderOpen: Tj, showPageSizeSelector: Ej, showTableExplorer: Dj, togglePanel: Oj, isPanelOpen: kj, isAnyPanelOpen: Aj, viewedRowIdx: jj, onViewedRowChange: Mj }) => {
+    let [Nj, Pj] = import_react.useState(false), { locale: Fj } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: Ij, setColumnPinning: Lj } = useColumnPinning(xj, Sj);
     import_react.useEffect(() => {
       let e2;
-      return uj ? e2 = setTimeout(() => {
-        wj(true);
-      }, 300) : wj(false), () => {
+      return bj ? e2 = setTimeout(() => {
+        Pj(true);
+      }, 300) : Pj(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      uj
+      bj
     ]);
-    function Oj(e2, t2) {
+    function Rj(e2, t2) {
       return A ? t2 + (z ? A.pageIndex * A.pageSize : 0) : t2;
     }
-    let kj = useReactTable({
+    let zj = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -22635,11 +22635,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 = Oj(e2, t2);
+          let i2 = Rj(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: Tj,
+      locale: Fj,
       manualPagination: z,
       getPaginationRowModel: getPaginationRowModel(),
       ...v ? {
@@ -22649,16 +22649,16 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: cj,
+      enableColumnFilters: vj,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: lj,
+      onColumnFiltersChange: yj,
       onRowSelectionChange: K,
-      onCellSelectionChange: oj,
+      onCellSelectionChange: gj,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: Dj,
+      onColumnPinningChange: Lj,
       enableFocusRow: true,
-      onFocusRowChange: Sj,
+      onFocusRowChange: Mj,
       state: {
         ..._ ? {
           sorting: _
@@ -22675,20 +22675,20 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         rowSelection: y ?? {},
         cellSelection: S ?? [],
         cellStyling: w,
-        columnPinning: Ej,
+        columnPinning: Ij,
         cellHoverTemplate: E,
         cellHoverTexts: O ?? {}
       }
-    }), Aj = (yj == null ? void 0 : yj(PANEL_TYPES.ROW_VIEWER)) ?? false, jj = !U && o.length > 100, Mj = useScrollContainerHeight({
+    }), Bj = (kj == null ? void 0 : kj(PANEL_TYPES.ROW_VIEWER)) ?? false, Vj = !U && o.length > 100, Hj = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: jj
+      virtualize: Vj
     });
     return (0, import_jsx_runtime.jsxs)("div", {
       className: cn(e, "flex flex-col space-y-1"),
       children: [
         (0, import_jsx_runtime.jsx)(FilterPills, {
           filters: $,
-          table: kj
+          table: zj
         }),
         (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
           children: (0, import_jsx_runtime.jsxs)("div", {
@@ -22697,32 +22697,32 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             children: [
               (0, import_jsx_runtime.jsx)(TableTopBar, {
                 enableSearch: J,
-                searchQuery: sj,
+                searchQuery: _j,
                 onSearchQueryChange: Q,
-                reloading: uj,
-                showChartBuilder: mj,
-                isChartBuilderOpen: hj,
-                toggleDisplayHeader: pj,
-                showTableExplorer: _j,
-                togglePanel: vj,
-                isAnyPanelOpen: bj,
+                reloading: bj,
+                showChartBuilder: wj,
+                isChartBuilderOpen: Tj,
+                toggleDisplayHeader: Cj,
+                showTableExplorer: Dj,
+                togglePanel: Oj,
+                isAnyPanelOpen: Aj,
                 downloadAs: I
               }),
               (0, import_jsx_runtime.jsxs)(Table, {
                 className: cn("relative", i.length <= 4 ? "w-auto" : "w-full"),
-                ref: Mj,
+                ref: Hj,
                 children: [
-                  Cj && (0, import_jsx_runtime.jsx)("thead", {
+                  Nj && (0, import_jsx_runtime.jsx)("thead", {
                     className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
                   }),
-                  renderTableHeader(kj, jj || !!n),
+                  renderTableHeader(zj, Vj || !!n),
                   (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: kj,
+                    table: zj,
                     columns: i,
-                    rowViewerPanelOpen: Aj,
-                    getRowIndex: Oj,
-                    viewedRowIdx: xj,
-                    virtualize: jj
+                    rowViewerPanelOpen: Bj,
+                    getRowIndex: Rj,
+                    viewedRowIdx: jj,
+                    virtualize: Vj
                   })
                 ]
               }),
@@ -22733,10 +22733,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 pagination: U,
                 selection: c,
                 onRowSelectionChange: K,
-                table: kj,
+                table: zj,
                 getRowIds: q,
-                showPageSizeSelector: gj,
-                tableLoading: uj
+                showPageSizeSelector: Ej,
+                tableLoading: bj
               })
             ]
           })
@@ -22771,7 +22771,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       setPaginationState: a,
       wrapperClassName: "h-full justify-between pb-1 px-1",
       pagination: true,
-      className: "rounded-none border-b flex overflow-hidden",
+      className: "rounded-none border-b flex flex-col overflow-hidden",
       rowSelection: Objects.EMPTY
     });
   };
@@ -22824,69 +22824,69 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
 ${_}`,
         triggerImmediately: e2
       });
-    }, [oj, q] = _.split(":", 2), J = f ? KEY : "", sj;
-    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (sj = () => h(_temp$1), t[10] = sj) : sj = t[10];
-    let Q = f ? "rotate-180" : "rotate-0", cj;
-    t[11] === Q ? cj = t[12] : (cj = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", Q), t[11] = Q, t[12] = cj);
+    }, [gj, q] = _.split(":", 2), J = f ? KEY : "", _j;
+    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_j = () => h(_temp$1), t[10] = _j) : _j = t[10];
+    let Q = f ? "rotate-180" : "rotate-0", vj;
+    t[11] === Q ? vj = t[12] : (vj = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", Q), t[11] = Q, t[12] = vj);
     let $;
-    t[13] === cj ? $ = t[14] : ($ = (0, import_jsx_runtime.jsx)(ChevronDown, {
-      className: cj
-    }), t[13] = cj, t[14] = $);
-    let lj = oj || "Error", uj;
-    t[15] === lj ? uj = t[16] : (uj = (0, import_jsx_runtime.jsxs)("span", {
+    t[13] === vj ? $ = t[14] : ($ = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      className: vj
+    }), t[13] = vj, t[14] = $);
+    let yj = gj || "Error", bj;
+    t[15] === yj ? bj = t[16] : (bj = (0, import_jsx_runtime.jsxs)("span", {
       className: "text-destructive",
       children: [
-        lj,
+        yj,
         ":"
       ]
-    }), t[15] = lj, t[16] = uj);
-    let dj;
-    t[17] !== q || t[18] !== uj ? (dj = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[15] = yj, t[16] = bj);
+    let xj;
+    t[17] !== q || t[18] !== bj ? (xj = (0, import_jsx_runtime.jsxs)("div", {
       className: "text-sm inline font-mono",
       children: [
-        uj,
+        bj,
         " ",
         q
       ]
-    }), t[17] = q, t[18] = uj, t[19] = dj) : dj = t[19];
-    let fj;
-    t[20] !== dj || t[21] !== $ ? (fj = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[17] = q, t[18] = bj, t[19] = xj) : xj = t[19];
+    let Sj;
+    t[20] !== xj || t[21] !== $ ? (Sj = (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: sj,
+      onClick: _j,
       children: [
         $,
-        dj
+        xj
       ]
-    }), t[20] = dj, t[21] = $, t[22] = fj) : fj = t[22];
-    let pj;
-    t[23] === c ? pj = t[24] : (pj = (0, import_jsx_runtime.jsx)(AccordionContent, {
+    }), t[20] = xj, t[21] = $, t[22] = Sj) : Sj = t[22];
+    let Cj;
+    t[23] === c ? Cj = t[24] : (Cj = (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] = pj);
-    let mj;
-    t[25] !== fj || t[26] !== pj ? (mj = (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    }), t[23] = c, t[24] = Cj);
+    let wj;
+    t[25] !== Sj || t[26] !== Cj ? (wj = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY,
       className: "border-none",
       children: [
-        fj,
-        pj
+        Sj,
+        Cj
       ]
-    }), t[25] = fj, t[26] = pj, t[27] = mj) : mj = t[27];
-    let hj;
-    t[28] !== mj || t[29] !== J ? (hj = (0, import_jsx_runtime.jsx)(Accordion, {
+    }), t[25] = Sj, t[26] = Cj, t[27] = wj) : wj = t[27];
+    let Tj;
+    t[28] !== wj || t[29] !== J ? (Tj = (0, import_jsx_runtime.jsx)(Accordion, {
       type: "single",
       collapsible: true,
       value: J,
-      children: mj
-    }), t[28] = mj, t[29] = J, t[30] = hj) : hj = t[30];
-    let gj;
-    t[31] !== K || t[32] !== z ? (gj = z && (0, import_jsx_runtime.jsx)(AIFixButton, {
+      children: wj
+    }), t[28] = wj, t[29] = J, t[30] = Tj) : Tj = t[30];
+    let Ej;
+    t[31] !== K || t[32] !== z ? (Ej = z && (0, import_jsx_runtime.jsx)(AIFixButton, {
       tooltip: "Fix with AI",
       openPrompt: () => K(false),
       applyAutofix: () => K(true)
-    }), t[31] = K, t[32] = z, t[33] = gj) : gj = t[33];
-    let vj;
-    t[34] !== A || t[35] !== E ? (vj = A && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), t[31] = K, t[32] = z, t[33] = Ej) : Ej = t[33];
+    let Oj;
+    t[34] !== A || t[35] !== E ? (Oj = A && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Attach pdb to the exception point.",
       children: (0, import_jsx_runtime.jsxs)(Button, {
         size: "xs",
@@ -22903,9 +22903,9 @@ ${_}`,
           "Launch debugger"
         ]
       })
-    }), t[34] = A, t[35] = E, t[36] = vj) : vj = t[36];
-    let Sj;
-    t[37] !== _ || t[38] !== i ? (Sj = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    }), t[34] = A, t[35] = E, t[36] = Oj) : Oj = t[36];
+    let Mj;
+    t[37] !== _ || t[38] !== i ? (Mj = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -22973,24 +22973,24 @@ ${_}`,
           ]
         })
       ]
-    }), t[37] = _, t[38] = i, t[39] = Sj) : Sj = t[39];
-    let Cj;
-    t[40] !== gj || t[41] !== vj || t[42] !== Sj ? (Cj = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[37] = _, t[38] = i, t[39] = Mj) : Mj = t[39];
+    let Nj;
+    t[40] !== Ej || t[41] !== Oj || t[42] !== Mj ? (Nj = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2",
       children: [
-        gj,
-        vj,
-        Sj
+        Ej,
+        Oj,
+        Mj
       ]
-    }), t[40] = gj, t[41] = vj, t[42] = Sj, t[43] = Cj) : Cj = t[43];
-    let wj;
-    return t[44] !== hj || t[45] !== Cj ? (wj = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[40] = Ej, t[41] = Oj, t[42] = Mj, t[43] = Nj) : Nj = t[43];
+    let Pj;
+    return t[44] !== Tj || t[45] !== Nj ? (Pj = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        hj,
-        Cj
+        Tj,
+        Nj
       ]
-    }), t[44] = hj, t[45] = Cj, t[46] = wj) : wj = t[46], wj;
+    }), t[44] = Tj, t[45] = Nj, t[46] = Pj) : Pj = t[46], Pj;
   };
   function lastLine(e) {
     var _a2, _b;
@@ -23556,7 +23556,7 @@ ${_}`,
     }), t[2] = e, t[3] = n, t[4] = i) : i = t[4], i;
   };
   JsonOutput = (0, import_react.memo)((e) => {
-    let t = (0, import_compiler_runtime$1.c)(23), { data: n, format: i, name: o, valueTypes: s, className: c } = e, d = i === void 0 ? "auto" : i, f = o === void 0 ? false : o, h = s === void 0 ? "python" : s, { theme: _ } = useTheme();
+    let t = (0, import_compiler_runtime$1.c)(24), { data: n, format: i, name: o, valueTypes: s, className: c } = e, d = i === void 0 ? "auto" : i, f = o === void 0 ? false : o, h = s === void 0 ? "python" : s, { theme: _ } = useTheme();
     d === "auto" && (d = inferBestFormat(n));
     let v;
     t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
@@ -23572,10 +23572,10 @@ ${_}`,
         t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i2 = {
           backgroundColor: "transparent"
         }, t[3] = i2) : i2 = t[3];
-        let o2 = y[h], s2;
-        t[4] === n ? s2 = t[5] : (s2 = determineMaxDisplayLength(n), t[4] = n, t[5] = s2);
-        let d2;
-        return t[6] !== n || t[7] !== f || t[8] !== e2 || t[9] !== o2 || t[10] !== s2 || t[11] !== _ ? (d2 = (0, import_jsx_runtime.jsx)(JsonViewer, {
+        let o2 = y[h], s2 = h === "python" ? keyRenderer : void 0, d2;
+        t[4] === n ? d2 = t[5] : (d2 = determineMaxDisplayLength(n), t[4] = n, t[5] = d2);
+        let v2;
+        return t[6] !== n || t[7] !== f || t[8] !== e2 || t[9] !== o2 || t[10] !== s2 || t[11] !== d2 || t[12] !== _ ? (v2 = (0, import_jsx_runtime.jsx)(JsonViewer, {
           className: e2,
           rootName: f,
           theme: _,
@@ -23584,29 +23584,30 @@ ${_}`,
           style: i2,
           collapseStringsAfterLength: COLLAPSED_TEXT_LENGTH,
           valueTypes: o2,
+          keyRenderer: s2,
           groupArraysAfterLength: 2 ** 53 - 1,
           enableClipboard: false,
-          maxDisplayLength: s2
-        }), t[6] = n, t[7] = f, t[8] = e2, t[9] = o2, t[10] = s2, t[11] = _, t[12] = d2) : d2 = t[12], d2;
+          maxDisplayLength: d2
+        }), t[6] = n, t[7] = f, t[8] = e2, t[9] = o2, t[10] = s2, t[11] = d2, t[12] = _, t[13] = v2) : v2 = t[13], v2;
       }
       case "raw": {
         let e2;
-        t[13] === n ? e2 = t[14] : (e2 = JSON.stringify(n, null, 2), t[13] = n, t[14] = e2);
+        t[14] === n ? e2 = t[15] : (e2 = JSON.stringify(n, null, 2), t[14] = n, t[15] = e2);
         let i2;
-        return t[15] !== c || t[16] !== e2 ? (i2 = (0, import_jsx_runtime.jsx)("pre", {
+        return t[16] !== c || t[17] !== e2 ? (i2 = (0, import_jsx_runtime.jsx)("pre", {
           className: c,
           children: e2
-        }), t[15] = c, t[16] = e2, t[17] = i2) : i2 = t[17], i2;
+        }), t[16] = c, t[17] = e2, t[18] = i2) : i2 = t[18], i2;
       }
       default: {
         logNever(d);
         let e2;
-        t[18] === n ? e2 = t[19] : (e2 = JSON.stringify(n, null, 2), t[18] = n, t[19] = e2);
+        t[19] === n ? e2 = t[20] : (e2 = JSON.stringify(n, null, 2), t[19] = n, t[20] = e2);
         let i2;
-        return t[20] !== c || t[21] !== e2 ? (i2 = (0, import_jsx_runtime.jsx)("pre", {
+        return t[21] !== c || t[22] !== e2 ? (i2 = (0, import_jsx_runtime.jsx)("pre", {
           className: c,
           children: e2
-        }), t[20] = c, t[21] = e2, t[22] = i2) : i2 = t[22], i2;
+        }), t[21] = c, t[22] = e2, t[23] = i2) : i2 = t[23], i2;
       }
     }
   });
@@ -23669,11 +23670,11 @@ ${_}`,
     "text/plain+bigint:": (e) => (0, import_jsx_runtime.jsx)("span", {
       children: e
     }),
-    "text/plain+set:": (e) => (0, import_jsx_runtime.jsxs)("span", {
-      children: [
-        "set",
-        e
-      ]
+    "text/plain+set:": (e) => (0, import_jsx_runtime.jsx)("span", {
+      children: formatSetPayload(e)
+    }),
+    "text/plain+frozenset:": (e) => (0, import_jsx_runtime.jsx)("span", {
+      children: formatFrozensetPayload(e)
     }),
     "text/plain+tuple:": (e) => (0, import_jsx_runtime.jsx)("span", {
       children: e
@@ -23806,12 +23807,115 @@ ${_}`,
       children: e
     });
   }
-  var MIME_PREFIXES = Object.keys(LEAF_RENDERERS), REPLACE_PREFIX = "<marimo-replace>", REPLACE_SUFFIX = "</marimo-replace>";
+  var KEY_ENCODED_PREFIX = "text/plain+";
+  function formatTuplePayload(e) {
+    let t = JSON.parse(e), n = t.map((e2) => JSON.stringify(e2)).join(", ");
+    return t.length === 0 ? "()" : t.length === 1 ? `(${n},)` : `(${n})`;
+  }
+  function formatFrozensetPayload(e) {
+    let t = JSON.parse(e);
+    return t.length === 0 ? "frozenset()" : `frozenset({${t.map((e2) => JSON.stringify(e2)).join(", ")}})`;
+  }
+  function formatSetPayload(e) {
+    try {
+      let t = JSON.parse(e);
+      return t.length === 0 ? "set()" : `{${t.map((e2) => JSON.stringify(e2)).join(", ")}}`;
+    } catch {
+      return e;
+    }
+  }
+  var KEY_DECODERS = {
+    "text/plain+int:": (e) => (0, import_jsx_runtime.jsx)("span", {
+      children: e
+    }),
+    "text/plain+float:": (e) => (0, import_jsx_runtime.jsx)("span", {
+      children: e
+    }),
+    "text/plain+bool:": (e) => (0, import_jsx_runtime.jsx)("span", {
+      children: e === "True" ? "True" : "False"
+    }),
+    "text/plain+none:": () => (0, import_jsx_runtime.jsx)("span", {
+      children: "None"
+    }),
+    "text/plain+tuple:": (e) => (0, import_jsx_runtime.jsx)("span", {
+      children: formatTuplePayload(e)
+    }),
+    "text/plain+frozenset:": (e) => (0, import_jsx_runtime.jsx)("span", {
+      children: formatFrozensetPayload(e)
+    }),
+    "text/plain+str:": (e) => (0, import_jsx_runtime.jsxs)("span", {
+      children: [
+        '"',
+        e,
+        '"'
+      ]
+    })
+  };
+  function isEncodedKey(e) {
+    return typeof e == "string" && e.startsWith(KEY_ENCODED_PREFIX);
+  }
+  var INT_LIKE_STRING = /^-?\d+$/, keyRenderer = Object.assign(({ path: e }) => {
+    let t = e[e.length - 1];
+    if (typeof t != "string") return (0, import_jsx_runtime.jsx)("span", {
+      children: String(t)
+    });
+    if (isEncodedKey(t)) {
+      let [e2, n] = leafDataAndMimeType(t), i = KEY_DECODERS[`${n}:`];
+      return i ? i(e2) : (0, import_jsx_runtime.jsx)("span", {
+        children: t
+      });
+    }
+    return (0, import_jsx_runtime.jsxs)("span", {
+      children: [
+        '"',
+        t,
+        '"'
+      ]
+    });
+  }, {
+    when: ({ path: e }) => {
+      let t = e[e.length - 1];
+      return isEncodedKey(t) || typeof t == "string" && INT_LIKE_STRING.test(t);
+    }
+  }), MIME_PREFIXES = Object.keys(LEAF_RENDERERS), REPLACE_PREFIX = "<marimo-replace>", REPLACE_SUFFIX = "</marimo-replace>";
   function pythonJsonReplacer(e, t) {
-    return t == null ? `${REPLACE_PREFIX}None${REPLACE_SUFFIX}` : typeof t == "object" ? t : typeof t == "bigint" ? `${REPLACE_PREFIX}${t}${REPLACE_SUFFIX}` : Array.isArray(t) ? t : typeof t == "string" ? t.startsWith("text/plain+float:") ? `${REPLACE_PREFIX}${leafData(t)}${REPLACE_SUFFIX}` : t.startsWith("text/plain+bigint:") ? `${REPLACE_PREFIX}${BigInt(leafData(t))}${REPLACE_SUFFIX}` : t.startsWith("text/plain+tuple:") ? `${REPLACE_PREFIX}(${leafData(t).slice(1, -1)})${REPLACE_SUFFIX}` : t.startsWith("text/plain+set:") ? `${REPLACE_PREFIX}{${leafData(t).slice(1, -1)}}${REPLACE_SUFFIX}` : MIME_PREFIXES.some((e2) => t.startsWith(e2)) ? leafData(t) : t : typeof t == "boolean" ? `${REPLACE_PREFIX}${t ? "True" : "False"}${REPLACE_SUFFIX}` : t;
+    return t == null ? `${REPLACE_PREFIX}None${REPLACE_SUFFIX}` : typeof t == "object" ? t : typeof t == "bigint" ? `${REPLACE_PREFIX}${t}${REPLACE_SUFFIX}` : Array.isArray(t) ? t : typeof t == "string" ? t.startsWith("text/plain+float:") ? `${REPLACE_PREFIX}${leafData(t)}${REPLACE_SUFFIX}` : t.startsWith("text/plain+bigint:") ? `${REPLACE_PREFIX}${BigInt(leafData(t))}${REPLACE_SUFFIX}` : t.startsWith("text/plain+tuple:") ? `${REPLACE_PREFIX}(${leafData(t).slice(1, -1)})${REPLACE_SUFFIX}` : t.startsWith("text/plain+set:") ? `${REPLACE_PREFIX}${formatSetPayload(leafData(t))}${REPLACE_SUFFIX}` : t.startsWith("text/plain+frozenset:") ? `${REPLACE_PREFIX}${formatFrozensetPayload(leafData(t))}${REPLACE_SUFFIX}` : MIME_PREFIXES.some((e2) => t.startsWith(e2)) ? leafData(t) : t : typeof t == "boolean" ? `${REPLACE_PREFIX}${t ? "True" : "False"}${REPLACE_SUFFIX}` : t;
+  }
+  function decodeKeyForCopy(e) {
+    let [t, n] = leafDataAndMimeType(e), i = (e2) => `${REPLACE_PREFIX}${e2}${REPLACE_SUFFIX}`;
+    switch (`${n}:`) {
+      case "text/plain+int:":
+        return i(t);
+      case "text/plain+float:":
+        return i(t === "nan" ? "float('nan')" : t === "inf" ? "float('inf')" : t === "-inf" ? "-float('inf')" : t);
+      case "text/plain+bool:":
+        return i(t === "True" ? "True" : "False");
+      case "text/plain+none:":
+        return i("None");
+      case "text/plain+tuple:":
+        return i(formatTuplePayload(t));
+      case "text/plain+frozenset:":
+        return i(formatFrozensetPayload(t));
+      case "text/plain+str:":
+        return t;
+      default:
+        return e;
+    }
+  }
+  function rewriteEncodedKeys(e) {
+    if (Array.isArray(e)) return e.map(rewriteEncodedKeys);
+    if (typeof e == "object" && e) {
+      let t = {};
+      for (let [n, i] of Object.entries(e)) {
+        let e2 = isEncodedKey(n) ? decodeKeyForCopy(n) : n;
+        t[e2] = rewriteEncodedKeys(i);
+      }
+      return t;
+    }
+    return e;
   }
   function getCopyValue(e) {
-    return JSON.stringify(e, pythonJsonReplacer, 2).replaceAll(`"${REPLACE_PREFIX}`, "").replaceAll(`${REPLACE_SUFFIX}"`, "");
+    return JSON.stringify(rewriteEncodedKeys(e), pythonJsonReplacer, 2).replaceAll(`"${REPLACE_PREFIX}`, "").replaceAll(`${REPLACE_SUFFIX}"`, "");
   }
   function determineMaxDisplayLength(e) {
     if (Array.isArray(e)) {