@marimo-team/islands 0.23.3-dev9 → 0.23.4-dev0

package/dist/{slide-Dl7Rf496.js → slide-form-DgMI37ES.js}

@@ -2,17 +2,17 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { _ as Logger, c as Objects, g as cn, h as Events, p as composeRefs, r as cva, t as Button, v as Functions } from "./button-CA5pI2YF.js";
+import { _ as Logger, c as Objects, g as cn, h as Events, m as useComposedRefs, p as composeRefs, r as cva, t as Button, v as Functions } from "./button-CA5pI2YF.js";
 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-XYwXqg2E.js";
-import { u as createLucideIcon } from "./dist-ESg7xyoD.js";
+import { $ as useCellActions, $t as getTracebackInfo, A as ChevronRightIcon, Bn as import_lib, C as AccordionContent, Ft as jotaiJsonStorage, I as base64ToUint8Array, Jt as useRequestClient, Kt as getRequestClient, Lt as PluralWord, M as PinLeftIcon, Mn as FileText, Mt as useChromeActions, N as PinRightIcon, O as CheckIcon, On as NotebookPen, Pt as adaptForLocalStorage, Qt as extractAllTracebackInfo, R as extractBase64FromDataURL, Rn as Braces, S as Accordion, St as Checkbox, T as AccordionTrigger, Tn as Wrench, V as renderHTML, Y as notebookAtom, Zt as elementContainsMarimoCellFile, _n as atomWithStorage, _t as getCellDomProps, at as AnsiUp, bn as Close$1, c as Popover, cn as SCRATCH_CELL_ID, d as PopoverTrigger, dt as outputIsLoading, et as useCellIds, g as getDatasourceContext, gt as DATA_CELL_ID, hn as jsonToTSV, ht as sanitizeHtml, j as DotFilledIcon, kn as LoaderCircle, kt as goToCellLine, l as PopoverClose$1, lt as useInstallAllowed, m as useExpandedOutput, mn as jsonToMarkdown, n as MarkdownRenderer, nn as filenameAtom, on as CellOutputId, pn as jsonParseWithSpecialChar, q as getCellEditorView, s as Spinner, sn as HTMLCellId, t as toPng, tt as useCellNames, u as PopoverContent, ut as viewStateAtom, vt as displayCellName, w as AccordionItem, z as isDataURLString, zn as esm_default, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-DBosi5GK.js";
+import { o as useSize, 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";
 import { t as Check } from "./check-CFM2mVDr.js";
-import { C as $a916eb452884faea$export$b7a616150fdb9f44, F as X, L as ChevronDown, N as useDirection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, _ as menuItemVariants, b as menuSubTriggerVariants, c as SelectSeparator, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, l as SelectTrigger, m as menuContentCommon, n as capitalize, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, t as Strings, u as SelectValue, v as menuLabelVariants, x as assertNever, y as menuSeparatorVariants } from "./strings-B_FOH6eV.js";
-import { $t as Portal, G as marked, Gt as Anchor2, Jt as Content2$1, Kt as Arrow2, Qt as Label, Xt as Item2$1, Yt as Group, Zt as ItemIndicator, _ as DropdownMenuSub, a as NumberField, an as SubContent, b as DropdownMenuTrigger, c as prettyNumber, cn as Item, d as DropdownMenuContent, dn as Search, en as RadioGroup, g as DropdownMenuSeparator, h as DropdownMenuPortal, in as Sub, l as prettyScientificNumber, ln as Root$1, m as DropdownMenuLabel, nn as Root3, o as maxFractionalDigits, on as SubTrigger, p as DropdownMenuItem, pn as ChevronRight, qt as CheckboxItem, r as Input, rn as Separator, s as prettyEngineeringNumber, sn as createMenuScope, tn as RadioItem, u as DropdownMenu, un as createRovingFocusGroupScope, v as DropdownMenuSubContent, y as DropdownMenuSubTrigger } from "./input-Drx1pguW.js";
+import { C as $a916eb452884faea$export$b7a616150fdb9f44, F as X, L as ChevronDown, M as usePrevious$1, N as useDirection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, _ as menuItemVariants, b as menuSubTriggerVariants, c as SelectSeparator, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, l as SelectTrigger, m as menuContentCommon, n as capitalize, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, t as Strings, u as SelectValue, v as menuLabelVariants, x as assertNever, y as menuSeparatorVariants } from "./strings-B_FOH6eV.js";
+import { $t as Portal, G as marked, Gt as Anchor2, Jt as Content2$1, Kt as Arrow2, Qt as Label, Xt as Item2$2, Yt as Group, Zt as ItemIndicator, _ as DropdownMenuSub, a as NumberField, an as SubContent, b as DropdownMenuTrigger, c as prettyNumber, cn as Item, d as DropdownMenuContent, dn as Search, en as RadioGroup$2, fn as Circle, g as DropdownMenuSeparator, h as DropdownMenuPortal, in as Sub, l as prettyScientificNumber, ln as Root$1, m as DropdownMenuLabel, nn as Root3, o as maxFractionalDigits, on as SubTrigger, p as DropdownMenuItem, pn as ChevronRight, qt as CheckboxItem, r as Input, rn as Separator, s as prettyEngineeringNumber, sn as createMenuScope, tn as RadioItem, u as DropdownMenu, un as createRovingFocusGroupScope, v as DropdownMenuSubContent, y as DropdownMenuSubTrigger } from "./input-Drx1pguW.js";
 import { a as millisecondsInMinute, c as asRemoteURL, d as isUrl, h as isWasm, i as millisecondsInHour, n as constructFrom, o as millisecondsInSecond, r as millisecondsInDay, s as millisecondsInWeek, t as toDate } from "./toDate-yqOcZ_tY.js";
 import { n as clsx_default } from "./clsx-CyyyQ8Ue.js";
 import { t as require_react_dom } from "./react-dom-BWRJ_g_k.js";
@@ -34,7 +34,7 @@ import { n as formats } from "./vega-loader.browser-3_z8GoFC.js";
 import { a as getContainerWidth, n as vegaLoadData, r as createBatchedLoader, s as tooltipHandler, t as parseCsvData } from "./loader-BvW0-YWZ.js";
 import { t as useIframeCapabilities } from "./useIframeCapabilities-DbdLoEDm.js";
 import { t as useAsyncData } from "./useAsyncData-CKYzhCis.js";
-let CommandItem, TableHeader, usePrevious, Toggle, Download, TableBody, ChevronsDownUp, Table, ChevronsLeft, renderCellValue, SELECT_COLUMN_ID, loadTableAndRawData, ColumnChartContext, getMimeValues, TOO_MANY_ROWS, ColumnChartSpecModel, NAMELESS_COLUMN_PREFIX, generateColumns, TableCell, ChevronLeft, inferFieldTypes, CommandInput, DelayMount, slotsController, Ellipsis, Provider$1, ChevronsRight, loadTableData, getPageIndexForRow, INDEX_COLUMN_NAME, Command, filtersToFilterGroup, CommandEmpty, contextAwarePanelOpen, isStaticNotebook, DataTable, TabsList, isCellAwareAtom, Funnel, downloadBlob, ChartInfoState, Filenames, useOverflowDetection, CommandList, prettifyRowColumnCount, RenderTextWithLinks, PANEL_TYPES, getStaticVirtualFiles, ContextAwarePanelItem, EmotionCacheProvider, OutputRenderer, TabsContent, TableRow, TableHead, ArrowDownWideNarrow, downloadByURL, ChartLoadingState, useInternalStateWithSync, HtmlOutput, JsonOutput, Maps, InstallPackageButton, TabsTrigger, prettifyRowCount, Kbd, toFieldTypes, OutputArea, Tabs, ADD_PRINTING_CLASS, ChartErrorState, Slide, CommandSeparator, downloadHTMLAsImage, LazyVegaEmbed, contextAwarePanelOwner, TextWrap, Fill, ChevronsUpDown, SlotNames, Expand, contextAwarePanelType, GripHorizontal, useIntersectionObserver;
+let toFieldTypes, Fill, Download, inferFieldTypes, contextAwarePanelOpen, isStaticNotebook, SlotNames, EyeOff, isCellAwareAtom, Funnel, TableHead, ChevronLeft, useIntersectionObserver, ColumnChartContext, TableHeader, ArrowDownWideNarrow, loadTableAndRawData, usePrevious, TableRow, Table, ChevronsRight, TableBody, ChevronsLeft, slotsController, Expand, TableCell, ChevronsDownUp, TOO_MANY_ROWS, NAMELESS_COLUMN_PREFIX, PANEL_TYPES, getStaticVirtualFiles, contextAwarePanelType, GripHorizontal, ColumnChartSpecModel, renderCellValue, DelayMount, INDEX_COLUMN_NAME, loadTableData, SELECT_COLUMN_ID, Filenames, useOverflowDetection, Slide, CommandItem, useInternalStateWithSync, HtmlOutput, JsonOutput, Maps, DataTable, TabsList, getMimeValues, InstallPackageButton, TabsTrigger, downloadHTMLAsImage, LazyVegaEmbed, downloadByURL, ChartLoadingState, SlideSidebar, CommandInput, Provider$1, ChevronsUpDown, Toggle, Ellipsis, OutputArea, Tabs, downloadBlob, ChartInfoState, DEFAULT_SLIDE_TYPE, Command, RadioGroup, CommandList, ADD_PRINTING_CLASS, ChartErrorState, getPageIndexForRow, SLIDE_TYPE_OPTIONS_BY_VALUE, CommandEmpty, RadioGroupItem, CommandSeparator, DEFAULT_DECK_TRANSITION, filtersToFilterGroup, OutputRenderer, TabsContent, prettifyRowColumnCount, RenderTextWithLinks, contextAwarePanelOwner, TextWrap, ContextAwarePanelItem, EmotionCacheProvider, prettifyRowCount, Kbd, generateColumns;
 let __tla = Promise.all([
   (() => {
     try {
@@ -44,7 +44,7 @@ let __tla = Promise.all([
   })()
 ]).then(async () => {
   var _a;
-  let ArrowUpNarrowWide, BrickWall, BugPlay, ChartSpline, ExternalLink, FunnelPlus, FunnelX, ListFilterPlus, MessageCircle, Minus, Package, PanelRight, PinOff, Sparkles, SquareArrowOutUpRight, SquareStack, Terminal, TextAlignJustify, TextAlignStart, require_use_sync_external_store_shim_production, require_shim, import_react, import_jsx_runtime, CONTEXT_MENU_NAME, createContextMenuContext, createContextMenuScope, useMenuScope, ContextMenuProvider, useContextMenuContext, ContextMenu$1;
+  let ArrowUpNarrowWide, BrickWall, BugPlay, ChartSpline, Cookie, ExternalLink, FunnelPlus, FunnelX, LayoutTemplate, ListFilterPlus, MessageCircle, Minus, Package, PanelRightClose, PanelRightOpen, PanelRight, PinOff, Rows2, Sparkles, SquareArrowOutUpRight, SquareStack, Terminal, TextAlignJustify, TextAlignStart, require_use_sync_external_store_shim_production, require_shim, import_react, import_jsx_runtime, CONTEXT_MENU_NAME, createContextMenuContext, createContextMenuScope, useMenuScope, ContextMenuProvider, useContextMenuContext, ContextMenu$1;
   ArrowDownWideNarrow = createLucideIcon("arrow-down-wide-narrow", [
     [
       "path",
@@ -335,6 +335,50 @@ let __tla = Promise.all([
       }
     ]
   ]);
+  Cookie = createLucideIcon("cookie", [
+    [
+      "path",
+      {
+        d: "M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5",
+        key: "laymnq"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M8.5 8.5v.01",
+        key: "ue8clq"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M16 15.5v.01",
+        key: "14dtrp"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M12 12v.01",
+        key: "u5ubse"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M11 17v.01",
+        key: "1hyl5a"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M7 14v.01",
+        key: "uct60s"
+      }
+    ]
+  ]);
   Download = createLucideIcon("download", [
     [
       "path",
@@ -468,6 +512,36 @@ let __tla = Promise.all([
       }
     ]
   ]);
+  EyeOff = createLucideIcon("eye-off", [
+    [
+      "path",
+      {
+        d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+        key: "ct8e1f"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
+        key: "151rxh"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+        key: "13bj9a"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "m2 2 20 20",
+        key: "1ooewy"
+      }
+    ]
+  ]);
   FunnelPlus = createLucideIcon("funnel-plus", [
     [
       "path",
@@ -579,6 +653,41 @@ let __tla = Promise.all([
       }
     ]
   ]);
+  LayoutTemplate = createLucideIcon("layout-template", [
+    [
+      "rect",
+      {
+        width: "18",
+        height: "7",
+        x: "3",
+        y: "3",
+        rx: "1",
+        key: "f1a2em"
+      }
+    ],
+    [
+      "rect",
+      {
+        width: "9",
+        height: "7",
+        x: "3",
+        y: "14",
+        rx: "1",
+        key: "jqznyg"
+      }
+    ],
+    [
+      "rect",
+      {
+        width: "5",
+        height: "7",
+        x: "16",
+        y: "14",
+        rx: "1",
+        key: "q5h2i8"
+      }
+    ]
+  ]);
   ListFilterPlus = createLucideIcon("list-filter-plus", [
     [
       "path",
@@ -664,6 +773,60 @@ let __tla = Promise.all([
       }
     ]
   ]);
+  PanelRightClose = createLucideIcon("panel-right-close", [
+    [
+      "rect",
+      {
+        width: "18",
+        height: "18",
+        x: "3",
+        y: "3",
+        rx: "2",
+        key: "afitv7"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M15 3v18",
+        key: "14nvp0"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "m8 9 3 3-3 3",
+        key: "12hl5m"
+      }
+    ]
+  ]);
+  PanelRightOpen = createLucideIcon("panel-right-open", [
+    [
+      "rect",
+      {
+        width: "18",
+        height: "18",
+        x: "3",
+        y: "3",
+        rx: "2",
+        key: "afitv7"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M15 3v18",
+        key: "14nvp0"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "m10 15-3-3 3-3",
+        key: "1pgupc"
+      }
+    ]
+  ]);
   PanelRight = createLucideIcon("panel-right", [
     [
       "rect",
@@ -714,6 +877,26 @@ let __tla = Promise.all([
       }
     ]
   ]);
+  Rows2 = createLucideIcon("rows-2", [
+    [
+      "rect",
+      {
+        width: "18",
+        height: "18",
+        x: "3",
+        y: "3",
+        rx: "2",
+        key: "afitv7"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M3 12h18",
+        key: "1i2n21"
+      }
+    ]
+  ]);
   Sparkles = createLucideIcon("sparkles", [
     [
       "path",
@@ -900,9 +1083,9 @@ let __tla = Promise.all([
           value: n2,
           getSnapshot: t2
         }
-      }), d2 = i2[0].inst, h = i2[1];
+      }), d2 = i2[0].inst, h2 = i2[1];
       return s(function() {
-        d2.value = n2, d2.getSnapshot = t2, f(d2) && h({
+        d2.value = n2, d2.getSnapshot = t2, f(d2) && h2({
           inst: d2
         });
       }, [
@@ -910,10 +1093,10 @@ let __tla = Promise.all([
         n2,
         t2
       ]), o(function() {
-        return f(d2) && h({
+        return f(d2) && h2({
           inst: d2
         }), e2(function() {
-          f(d2) && h({
+          f(d2) && h2({
             inst: d2
           });
         });
@@ -931,10 +1114,10 @@ let __tla = Promise.all([
         return true;
       }
     }
-    function _(e2, t2) {
+    function h(e2, t2) {
       return t2();
     }
-    var v = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? _ : d;
+    var v = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? h : d;
     e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? v : t.useSyncExternalStore;
   }));
   require_shim = __commonJSMin(((e, t) => {
@@ -1074,15 +1257,15 @@ let __tla = Promise.all([
     });
   });
   ContextMenuLabel$1.displayName = LABEL_NAME;
-  var ITEM_NAME = "ContextMenuItem", ContextMenuItem$1 = import_react.forwardRef((e, t) => {
+  var ITEM_NAME$1 = "ContextMenuItem", ContextMenuItem$1 = import_react.forwardRef((e, t) => {
     let { __scopeContextMenu: n, ...i } = e, a = useMenuScope(n);
-    return (0, import_jsx_runtime.jsx)(Item2$1, {
+    return (0, import_jsx_runtime.jsx)(Item2$2, {
       ...a,
       ...i,
       ref: t
     });
   });
-  ContextMenuItem$1.displayName = ITEM_NAME;
+  ContextMenuItem$1.displayName = ITEM_NAME$1;
   var CHECKBOX_ITEM_NAME = "ContextMenuCheckboxItem", ContextMenuCheckboxItem$1 = import_react.forwardRef((e, t) => {
     let { __scopeContextMenu: n, ...i } = e, a = useMenuScope(n);
     return (0, import_jsx_runtime.jsx)(CheckboxItem, {
@@ -1092,15 +1275,15 @@ let __tla = Promise.all([
     });
   });
   ContextMenuCheckboxItem$1.displayName = CHECKBOX_ITEM_NAME;
-  var RADIO_GROUP_NAME = "ContextMenuRadioGroup", ContextMenuRadioGroup$1 = import_react.forwardRef((e, t) => {
+  var RADIO_GROUP_NAME$1 = "ContextMenuRadioGroup", ContextMenuRadioGroup$1 = import_react.forwardRef((e, t) => {
     let { __scopeContextMenu: n, ...i } = e, a = useMenuScope(n);
-    return (0, import_jsx_runtime.jsx)(RadioGroup, {
+    return (0, import_jsx_runtime.jsx)(RadioGroup$2, {
       ...a,
       ...i,
       ref: t
     });
   });
-  ContextMenuRadioGroup$1.displayName = RADIO_GROUP_NAME;
+  ContextMenuRadioGroup$1.displayName = RADIO_GROUP_NAME$1;
   var RADIO_ITEM_NAME = "ContextMenuRadioItem", ContextMenuRadioItem$1 = import_react.forwardRef((e, t) => {
     let { __scopeContextMenu: n, ...i } = e, a = useMenuScope(n);
     return (0, import_jsx_runtime.jsx)(RadioItem, {
@@ -1110,7 +1293,7 @@ let __tla = Promise.all([
     });
   });
   ContextMenuRadioItem$1.displayName = RADIO_ITEM_NAME;
-  var INDICATOR_NAME = "ContextMenuItemIndicator", ContextMenuItemIndicator = import_react.forwardRef((e, t) => {
+  var INDICATOR_NAME$1 = "ContextMenuItemIndicator", ContextMenuItemIndicator = import_react.forwardRef((e, t) => {
     let { __scopeContextMenu: n, ...i } = e, a = useMenuScope(n);
     return (0, import_jsx_runtime.jsx)(ItemIndicator, {
       ...a,
@@ -1118,7 +1301,7 @@ let __tla = Promise.all([
       ref: t
     });
   });
-  ContextMenuItemIndicator.displayName = INDICATOR_NAME;
+  ContextMenuItemIndicator.displayName = INDICATOR_NAME$1;
   var SEPARATOR_NAME = "ContextMenuSeparator", ContextMenuSeparator$1 = import_react.forwardRef((e, t) => {
     let { __scopeContextMenu: n, ...i } = e, a = useMenuScope(n);
     return (0, import_jsx_runtime.jsx)(Separator, {
@@ -1181,7 +1364,179 @@ let __tla = Promise.all([
   function whenTouchOrPen(e) {
     return (t) => t.pointerType === "mouse" ? void 0 : e(t);
   }
-  var Root2$1 = ContextMenu$1, Trigger$1 = ContextMenuTrigger$1, Portal2 = ContextMenuPortal$1, Content2 = ContextMenuContent$1, Label2 = ContextMenuLabel$1, Item2 = ContextMenuItem$1, CheckboxItem2 = ContextMenuCheckboxItem$1, RadioItem2 = ContextMenuRadioItem$1, ItemIndicator2 = ContextMenuItemIndicator, Separator2 = ContextMenuSeparator$1, SubTrigger2 = ContextMenuSubTrigger$1, SubContent2 = ContextMenuSubContent$1, TABS_NAME = "Tabs", [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
+  var Root2$2 = ContextMenu$1, Trigger$1 = ContextMenuTrigger$1, Portal2 = ContextMenuPortal$1, Content2 = ContextMenuContent$1, Label2 = ContextMenuLabel$1, Item2$1 = ContextMenuItem$1, CheckboxItem2 = ContextMenuCheckboxItem$1, RadioItem2 = ContextMenuRadioItem$1, ItemIndicator2 = ContextMenuItemIndicator, Separator2 = ContextMenuSeparator$1, SubTrigger2 = ContextMenuSubTrigger$1, SubContent2 = ContextMenuSubContent$1, RADIO_NAME = "Radio", [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME), [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME), Radio = import_react.forwardRef((e, t) => {
+    let { __scopeRadio: n, name: i, checked: a = false, required: o, disabled: c, value: d = "on", onCheck: f, form: h, ..._ } = e, [v, y] = import_react.useState(null), S = useComposedRefs(t, (e2) => y(e2)), w = import_react.useRef(false), E = v ? h || !!v.closest("form") : true;
+    return (0, import_jsx_runtime.jsxs)(RadioProvider, {
+      scope: n,
+      checked: a,
+      disabled: c,
+      children: [
+        (0, import_jsx_runtime.jsx)(Primitive$1.button, {
+          type: "button",
+          role: "radio",
+          "aria-checked": a,
+          "data-state": getState(a),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: d,
+          ..._,
+          ref: S,
+          onClick: composeEventHandlers(e.onClick, (e2) => {
+            a || (f == null ? void 0 : f()), E && (w.current = e2.isPropagationStopped(), w.current || e2.stopPropagation());
+          })
+        }),
+        E && (0, import_jsx_runtime.jsx)(RadioBubbleInput, {
+          control: v,
+          bubbles: !w.current,
+          name: i,
+          value: d,
+          checked: a,
+          required: o,
+          disabled: c,
+          form: h,
+          style: {
+            transform: "translateX(-100%)"
+          }
+        })
+      ]
+    });
+  });
+  Radio.displayName = RADIO_NAME;
+  var INDICATOR_NAME = "RadioIndicator", RadioIndicator = import_react.forwardRef((e, t) => {
+    let { __scopeRadio: n, forceMount: i, ...a } = e, o = useRadioContext(INDICATOR_NAME, n);
+    return (0, import_jsx_runtime.jsx)(Presence, {
+      present: i || o.checked,
+      children: (0, import_jsx_runtime.jsx)(Primitive$1.span, {
+        "data-state": getState(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...a,
+        ref: t
+      })
+    });
+  });
+  RadioIndicator.displayName = INDICATOR_NAME;
+  var BUBBLE_INPUT_NAME = "RadioBubbleInput", RadioBubbleInput = import_react.forwardRef(({ __scopeRadio: e, control: t, checked: n, bubbles: i = true, ...a }, o) => {
+    let c = import_react.useRef(null), d = useComposedRefs(c, o), f = usePrevious$1(n), h = useSize(t);
+    return import_react.useEffect(() => {
+      let e2 = c.current;
+      if (!e2) return;
+      let t2 = window.HTMLInputElement.prototype, a2 = Object.getOwnPropertyDescriptor(t2, "checked").set;
+      if (f !== n && a2) {
+        let t3 = new Event("click", {
+          bubbles: i
+        });
+        a2.call(e2, n), e2.dispatchEvent(t3);
+      }
+    }, [
+      f,
+      n,
+      i
+    ]), (0, import_jsx_runtime.jsx)(Primitive$1.input, {
+      type: "radio",
+      "aria-hidden": true,
+      defaultChecked: n,
+      ...a,
+      tabIndex: -1,
+      ref: d,
+      style: {
+        ...a.style,
+        ...h,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    });
+  });
+  RadioBubbleInput.displayName = BUBBLE_INPUT_NAME;
+  function getState(e) {
+    return e ? "checked" : "unchecked";
+  }
+  var ARROW_KEYS = [
+    "ArrowUp",
+    "ArrowDown",
+    "ArrowLeft",
+    "ArrowRight"
+  ], RADIO_GROUP_NAME = "RadioGroup", [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_GROUP_NAME, [
+    createRovingFocusGroupScope,
+    createRadioScope
+  ]), useRovingFocusGroupScope$1 = createRovingFocusGroupScope(), useRadioScope = createRadioScope(), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroup$1 = import_react.forwardRef((e, t) => {
+    let { __scopeRadioGroup: n, name: i, defaultValue: a, value: o, required: s = false, disabled: c = false, orientation: d, dir: f, loop: h = true, onValueChange: _, ...v } = e, y = useRovingFocusGroupScope$1(n), S = useDirection(f), [w, E] = useControllableState({
+      prop: o,
+      defaultProp: a ?? null,
+      onChange: _,
+      caller: RADIO_GROUP_NAME
+    });
+    return (0, import_jsx_runtime.jsx)(RadioGroupProvider, {
+      scope: n,
+      name: i,
+      required: s,
+      disabled: c,
+      value: w,
+      onValueChange: E,
+      children: (0, import_jsx_runtime.jsx)(Root$1, {
+        asChild: true,
+        ...y,
+        orientation: d,
+        dir: S,
+        loop: h,
+        children: (0, import_jsx_runtime.jsx)(Primitive$1.div, {
+          role: "radiogroup",
+          "aria-required": s,
+          "aria-orientation": d,
+          "data-disabled": c ? "" : void 0,
+          dir: S,
+          ...v,
+          ref: t
+        })
+      })
+    });
+  });
+  RadioGroup$1.displayName = RADIO_GROUP_NAME;
+  var ITEM_NAME = "RadioGroupItem", RadioGroupItem$1 = import_react.forwardRef((e, t) => {
+    let { __scopeRadioGroup: n, disabled: i, ...a } = e, o = useRadioGroupContext(ITEM_NAME, n), c = o.disabled || i, d = useRovingFocusGroupScope$1(n), f = useRadioScope(n), h = import_react.useRef(null), _ = useComposedRefs(t, h), v = o.value === a.value, y = import_react.useRef(false);
+    return import_react.useEffect(() => {
+      let e2 = (e3) => {
+        ARROW_KEYS.includes(e3.key) && (y.current = true);
+      }, t2 = () => y.current = false;
+      return document.addEventListener("keydown", e2), document.addEventListener("keyup", t2), () => {
+        document.removeEventListener("keydown", e2), document.removeEventListener("keyup", t2);
+      };
+    }, []), (0, import_jsx_runtime.jsx)(Item, {
+      asChild: true,
+      ...d,
+      focusable: !c,
+      active: v,
+      children: (0, import_jsx_runtime.jsx)(Radio, {
+        disabled: c,
+        required: o.required,
+        checked: v,
+        ...f,
+        ...a,
+        name: o.name,
+        ref: _,
+        onCheck: () => o.onValueChange(a.value),
+        onKeyDown: composeEventHandlers((e2) => {
+          e2.key === "Enter" && e2.preventDefault();
+        }),
+        onFocus: composeEventHandlers(a.onFocus, () => {
+          var _a2;
+          y.current && ((_a2 = h.current) == null ? void 0 : _a2.click());
+        })
+      })
+    });
+  });
+  RadioGroupItem$1.displayName = ITEM_NAME;
+  var INDICATOR_NAME2 = "RadioGroupIndicator", RadioGroupIndicator = import_react.forwardRef((e, t) => {
+    let { __scopeRadioGroup: n, ...i } = e;
+    return (0, import_jsx_runtime.jsx)(RadioIndicator, {
+      ...useRadioScope(n),
+      ...i,
+      ref: t
+    });
+  });
+  RadioGroupIndicator.displayName = INDICATOR_NAME2;
+  var Root2$1 = RadioGroup$1, Item2 = RadioGroupItem$1, Indicator = RadioGroupIndicator, TABS_NAME = "Tabs", [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
     createRovingFocusGroupScope
   ]), useRovingFocusGroupScope = createRovingFocusGroupScope(), [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME), Tabs$1 = import_react.forwardRef((e, t) => {
     let { __scopeTabs: n, value: i, onValueChange: a, defaultValue: o, orientation: s = "horizontal", dir: c, activationMode: d = "automatic", ...f } = e, h = useDirection(c), [_, v] = useControllableState({
@@ -4238,11 +4593,26 @@ let __tla = Promise.all([
   function isMatch(e, t, n) {
     return isValid(parse$1(e, t, /* @__PURE__ */ new Date(), n));
   }
+  function isStringToStringRecord(e) {
+    if (typeof e != "object" || !e || Array.isArray(e)) return false;
+    for (let t of Object.values(e)) if (typeof t != "string") return false;
+    return true;
+  }
+  function isMarimoStaticState(e) {
+    if (typeof e != "object" || !e || Array.isArray(e)) return false;
+    let t = e;
+    return !(!isStringToStringRecord(t.files) || t.modelNotifications !== void 0 && !Array.isArray(t.modelNotifications));
+  }
+  function getMarimoStaticState() {
+    let e = window == null ? void 0 : window.__MARIMO_STATIC__;
+    return isMarimoStaticState(e) ? e : void 0;
+  }
   isStaticNotebook = function() {
-    return (window == null ? void 0 : window.__MARIMO_STATIC__) !== void 0;
+    return getMarimoStaticState() !== void 0;
   };
   getStaticVirtualFiles = function() {
-    return invariant(window.__MARIMO_STATIC__ !== void 0, "Not a static notebook"), window.__MARIMO_STATIC__.files;
+    let e = getMarimoStaticState();
+    return invariant(e !== void 0, "Not a static notebook"), e.files;
   };
   var isDevelopment$3 = false;
   function sheetForTag(e) {
@@ -5188,9 +5558,9 @@ let __tla = Promise.all([
       t,
       i.name
     ]), null;
-  }), import_compiler_runtime$45 = require_compiler_runtime();
+  }), import_compiler_runtime$47 = require_compiler_runtime();
   EmotionCacheProvider = (e) => {
-    let t = (0, import_compiler_runtime$45.c)(6), { container: n, children: i } = e, a;
+    let t = (0, import_compiler_runtime$47.c)(6), { container: n, children: i } = e, a;
     bb0: {
       if (!n) {
         let e3;
@@ -7103,33 +7473,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, q = import_react.useRef(false), J = useTheme$2(), Q = import_react.useContext(f), vM = !!Q && !I, $ = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
         h2
-      ]), 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,
+      ]), yM = $[t], bM = yM || $, { colorSchemes: xM = _, components: SM = v, cssVarPrefix: CM } = bM, wM = Object.keys(xM).filter((e3) => !!xM[e3]).join(","), TM = import_react.useMemo(() => wM.split(","), [
+        wM
+      ]), EM = typeof s == "string" ? s : s.light, DM = typeof s == "string" ? s : s.dark, { mode: OM, setMode: kM, systemMode: AM, lightColorScheme: jM, darkColorScheme: MM, colorScheme: NM, setColorScheme: PM } = useCurrentColorScheme({
+        supportedColorSchemes: TM,
+        defaultLightColorScheme: EM,
+        defaultDarkColorScheme: DM,
         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: xM[EM] && xM[DM] ? U : ((_b = (_a2 = xM[bM.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = bM.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(() => {
+      }), FM = OM, IM = NM;
+      vM && (FM = Q.mode, IM = Q.colorScheme);
+      let LM = import_react.useMemo(() => {
         var _a3;
-        let e3 = wj || $.defaultColorScheme, t2 = ((_a3 = $.generateThemeVars) == null ? void 0 : _a3.call($)) || $.vars, n2 = {
-          ...$,
-          components: uj,
-          colorSchemes: lj,
-          cssVarPrefix: dj,
+        let e3 = IM || bM.defaultColorScheme, t2 = ((_a3 = bM.generateThemeVars) == null ? void 0 : _a3.call(bM)) || bM.vars, n2 = {
+          ...bM,
+          components: SM,
+          colorSchemes: xM,
+          cssVarPrefix: CM,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
-          let t3 = lj[e3];
+          let t3 = xM[e3];
           t3 && typeof t3 == "object" && Object.keys(t3).forEach((e4) => {
             t3[e4] && typeof t3[e4] == "object" ? n2[e4] = {
               ...n2[e4],
@@ -7139,34 +7509,34 @@ try {
         }
         return c ? c(n2) : n2;
       }, [
-        $,
-        wj,
-        uj,
-        lj,
-        dj
-      ]), Ej = $.colorSchemeSelector;
+        bM,
+        IM,
+        SM,
+        xM,
+        CM
+      ]), RM = bM.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 (IM && M && RM && RM !== "media") {
+          let e3 = RM, t2 = RM;
+          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(...TM.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", IM));
           else {
-            let e4 = t2.replace("%s", wj).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", IM).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || pj.forEach((e5) => {
-                M.removeAttribute(t3.replace(wj, e5));
+              n2 || TM.forEach((e5) => {
+                M.removeAttribute(t3.replace(IM, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, wj);
+            } else M.setAttribute(t2, IM);
           }
         }
       }, [
-        wj,
-        Ej,
+        IM,
+        RM,
         M,
-        pj
+        TM
       ]), import_react.useEffect(() => {
         let e3;
-        if (w2 && oj.current && A) {
+        if (w2 && q.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 +7546,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        wj,
+        IM,
         w2,
         A
-      ]), import_react.useEffect(() => (oj.current = true, () => {
-        oj.current = false;
+      ]), import_react.useEffect(() => (q.current = true, () => {
+        q.current = false;
       }), []);
-      let Dj = import_react.useMemo(() => ({
-        allColorSchemes: pj,
-        colorScheme: wj,
-        darkColorScheme: bj,
-        lightColorScheme: yj,
-        mode: Cj,
-        setColorScheme: Sj,
-        setMode: _j,
-        systemMode: vj
+      let zM = import_react.useMemo(() => ({
+        allColorSchemes: TM,
+        colorScheme: IM,
+        darkColorScheme: MM,
+        lightColorScheme: jM,
+        mode: FM,
+        setColorScheme: PM,
+        setMode: kM,
+        systemMode: AM
       }), [
-        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, {
+        TM,
+        IM,
+        MM,
+        jM,
+        FM,
+        PM,
+        kM,
+        AM,
+        LM.colorSchemeSelector
+      ]), BM = true;
+      (z || bM.cssVariables === false || vM && (J == null ? void 0 : J.cssVarPrefix) === CM) && (BM = false);
+      let VM = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(ThemeProvider_default, {
-            themeId: cj ? t : void 0,
-            theme: Tj,
+            themeId: yM ? t : void 0,
+            theme: LM,
             children: d2
           }),
-          Oj && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = Tj.generateStyleSheets) == null ? void 0 : _d.call(Tj)) || []
+          BM && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = LM.generateStyleSheets) == null ? void 0 : _d.call(LM)) || []
           })
         ]
       });
-      return sj ? kj : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: Dj,
-        children: kj
+      return vM ? VM : (0, import_jsx_runtime.jsx)(f.Provider, {
+        value: zM,
+        children: VM
       });
     }
     let S = typeof s == "string" ? s : s.light, w = typeof s == "string" ? s : s.dark;
@@ -7963,10 +8333,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: q } = 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 = q, 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 +9087,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: q, onBlur: J, onChange: Q, onClick: vM, onFocus: $, onKeyDown: yM, onKeyUp: bM, placeholder: xM, readOnly: SM, renderSuffix: CM, rows: wM, size: TM, slotProps: EM = {}, slots: DM = {}, startAdornment: OM, type: kM = "text", value: AM, ...jM } = n, MM = A.value == null ? AM : A.value, { current: NM } = import_react.useRef(MM != null), PM = import_react.useRef(), FM = import_react.useCallback((e2) => {
+    }, []), IM = useForkRef_default(PM, M, A.ref, FM), [LM, RM] = import_react.useState(false), zM = useFormControl(), BM = formControlState({
       props: n,
-      muiFormControl: Dj,
+      muiFormControl: zM,
       states: [
         "color",
         "disabled",
@@ -8731,145 +9101,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());
+    BM.focused = zM ? zM.focused : LM, import_react.useEffect(() => {
+      !zM && _ && LM && (RM(false), J && J());
     }, [
-      Dj,
+      zM,
       _,
-      Tj,
-      q
+      LM,
+      J
     ]);
-    let kj = Dj && Dj.onFilled, Aj = Dj && Dj.onEmpty, jj = import_react.useCallback((e2) => {
-      isFilled(e2) ? kj && kj() : Aj && Aj();
+    let VM = zM && zM.onFilled, HM = zM && zM.onEmpty, UM = import_react.useCallback((e2) => {
+      isFilled(e2) ? VM && VM() : HM && HM();
     }, [
-      kj,
-      Aj
+      VM,
+      HM
     ]);
     useEnhancedEffect_default$1(() => {
-      xj && jj({
-        value: bj
+      NM && UM({
+        value: MM
       });
     }, [
-      bj,
-      jj,
-      xj
+      MM,
+      UM,
+      NM
     ]);
-    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 WM = (e2) => {
+      $ && $(e2), A.onFocus && A.onFocus(e2), zM && zM.onFocus ? zM.onFocus(e2) : RM(true);
+    }, GM = (e2) => {
+      J && J(e2), A.onBlur && A.onBlur(e2), zM && zM.onBlur ? zM.onBlur(e2) : RM(false);
+    }, KM = (e2, ...t2) => {
+      if (!NM) {
+        let t3 = e2.target || PM.current;
         if (t3 == null) throw Error(formatMuiErrorMessage(1));
-        jj({
+        UM({
           value: t3.value
         });
       }
-      A.onChange && A.onChange(e2, ...t2), J && J(e2, ...t2);
+      A.onChange && A.onChange(e2, ...t2), Q && Q(e2, ...t2);
     };
     import_react.useEffect(() => {
-      jj(Sj.current);
+      UM(PM.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 qM = (e2) => {
+      PM.current && e2.currentTarget === e2.target && PM.current.focus(), vM && vM(e2);
+    }, JM = O, YM = A;
+    K && JM === "input" && (YM = wM ? {
       type: void 0,
-      minRows: fj,
-      maxRows: fj,
-      ...Lj
+      minRows: wM,
+      maxRows: wM,
+      ...YM
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ...Lj
-    }, Ij = TextareaAutosize_default);
-    let Rj = (e2) => {
-      jj(e2.animationName === "mui-auto-fill-cancel" ? Sj.current : {
+      ...YM
+    }, JM = TextareaAutosize_default);
+    let XM = (e2) => {
+      UM(e2.animationName === "mui-auto-fill-cancel" ? PM.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      Dj && Dj.setAdornedStart(!!gj);
+      zM && zM.setAdornedStart(!!OM);
     }, [
-      Dj,
-      gj
+      zM,
+      OM
     ]);
-    let zj = {
+    let ZM = {
       ...n,
-      color: Oj.color || "primary",
-      disabled: Oj.disabled,
+      color: BM.color || "primary",
+      disabled: BM.disabled,
       endAdornment: y,
-      error: Oj.error,
-      focused: Oj.focused,
-      formControl: Dj,
+      error: BM.error,
+      focused: BM.focused,
+      formControl: zM,
       fullWidth: w,
-      hiddenLabel: Oj.hiddenLabel,
+      hiddenLabel: BM.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: BM.size,
+      startAdornment: OM,
+      type: kM
+    }, QM = useUtilityClasses(ZM), $M = DM.root || d.Root || InputBaseRoot, eN = EM.root || f.root || {}, tN = DM.input || d.Input || InputBaseInput;
+    return YM = {
+      ...YM,
+      ...EM.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)($M, {
+          ...eN,
           ref: t,
-          onClick: Fj,
-          ...yj,
-          ...!isHostComponent_default(Vj) && {
+          onClick: qM,
+          ...jM,
+          ...!isHostComponent_default($M) && {
             ownerState: {
-              ...zj,
-              ...Hj.ownerState
+              ...ZM,
+              ...eN.ownerState
             }
           },
-          className: clsx_default(Bj.root, Hj.className, s, uj && "MuiInputBase-readOnly"),
+          className: clsx_default(QM.root, eN.className, s, SM && "MuiInputBase-readOnly"),
           children: [
-            gj,
+            OM,
             (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)(tN, {
+                "aria-invalid": BM.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: Oj.disabled,
+                disabled: BM.disabled,
                 id: E,
-                onAnimationStart: Rj,
-                name: oj,
-                placeholder: lj,
-                readOnly: uj,
-                required: Oj.required,
-                rows: fj,
-                value: bj,
-                onKeyDown: cj,
-                onKeyUp: $,
-                type: _j,
-                ...Lj,
-                ...!isHostComponent_default(Uj) && {
-                  as: Ij,
+                onAnimationStart: XM,
+                name: q,
+                placeholder: xM,
+                readOnly: SM,
+                required: BM.required,
+                rows: wM,
+                value: MM,
+                onKeyDown: yM,
+                onKeyUp: bM,
+                type: kM,
+                ...YM,
+                ...!isHostComponent_default(tN) && {
+                  as: JM,
                   ownerState: {
-                    ...zj,
-                    ...Lj.ownerState
+                    ...ZM,
+                    ...YM.ownerState
                   }
                 },
-                ref: wj,
-                className: clsx_default(Bj.input, Lj.className, uj && "MuiInputBase-readOnly"),
-                onBlur: Nj,
-                onChange: Pj,
-                onFocus: Mj
+                ref: IM,
+                className: clsx_default(QM.input, YM.className, SM && "MuiInputBase-readOnly"),
+                onBlur: GM,
+                onChange: KM,
+                onFocus: WM
               })
             }),
             y,
-            dj ? dj({
-              ...Oj,
-              startAdornment: gj
+            CM ? CM({
+              ...BM,
+              startAdornment: OM
             }) : null
           ]
         })
@@ -9945,30 +10315,30 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       M,
       i,
       a
-    ]), z = useJsonViewerStore((e2) => e2.setHover), U = useJsonViewerStore((e2) => e2.value), [K, 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, q] = useInspect(i, t, a), [J, Q] = (0, import_react.useState)(false), vM = useJsonViewerStore((e2) => e2.onChange), $ = useTextColor(), yM = useJsonViewerStore((e2) => e2.colorspace.base0C), bM = useJsonViewerStore((e2) => e2.colorspace.base0A), xM = useJsonViewerStore((e2) => e2.displayComma), SM = useJsonViewerStore((e2) => e2.quotesOnKeys), CM = useJsonViewerStore((e2) => e2.rootName), wM = U === t, TM = Number.isInteger(Number(A)), EM = useJsonViewerStore((e2) => e2.enableAdd), DM = useJsonViewerStore((e2) => e2.onAdd), OM = (0, import_react.useMemo)(() => !DM || a !== void 0 || EM === false || v === false ? false : typeof EM == "function" ? !!EM(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
+      DM,
       a,
       i,
-      mj,
+      EM,
       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,
+    ]), kM = useJsonViewerStore((e2) => e2.enableDelete), AM = useJsonViewerStore((e2) => e2.onDelete), jM = (0, import_react.useMemo)(() => !AM || a !== void 0 || wM || kM === false || v === false ? false : typeof kM == "function" ? !!kM(i, t) : kM, [
+      AM,
       a,
-      fj,
+      wM,
       i,
-      _j,
+      kM,
       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,
+    ]), MM = useJsonViewerStore((e2) => e2.enableClipboard), { copy: NM, copied: PM } = useClipboard(), FM = useJsonViewerStore((e2) => e2.highlightUpdates), IM = (0, import_react.useMemo)(() => !FM || 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, [
+      FM,
       n,
       t
-    ]), Tj = (0, import_react.useRef)();
+    ]), LM = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      Tj.current && wj && "animate" in Tj.current && Tj.current.animate([
+      LM.current && IM && "animate" in LM.current && LM.current.animate([
         {
-          backgroundColor: $
+          backgroundColor: bM
         },
         {
           backgroundColor: ""
@@ -9978,40 +10348,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         easing: "ease-in"
       });
     }, [
-      $,
-      wj,
+      bM,
+      IM,
       n,
       t
     ]);
-    let Ej = (0, import_react.useCallback)((e2) => {
-      e2.preventDefault(), h && E(h(t)), J(true);
+    let RM = (0, import_react.useCallback)((e2) => {
+      e2.preventDefault(), h && E(h(t)), Q(true);
     }, [
       h,
       t
-    ]), Dj = (0, import_react.useCallback)(() => {
-      J(false), E("");
+    ]), zM = (0, import_react.useCallback)(() => {
+      Q(false), E("");
     }, [
-      J,
+      Q,
       E
-    ]), Oj = (0, import_react.useCallback)((e2) => {
-      if (J(false), _) try {
-        sj(i, t, _(e2));
+    ]), BM = (0, import_react.useCallback)((e2) => {
+      if (Q(false), _) try {
+        vM(i, t, _(e2));
       } catch {
       }
     }, [
-      J,
+      Q,
       _,
-      sj,
+      vM,
       i,
       t
-    ]), kj = (0, import_react.useMemo)(() => q ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    ]), VM = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         (0, import_jsx_runtime.jsx)(IconBox, {
           children: (0, import_jsx_runtime.jsx)(CloseIcon, {
             sx: {
               fontSize: ".8rem"
             },
-            onClick: Dj
+            onClick: zM
           })
         }),
         (0, import_jsx_runtime.jsx)(IconBox, {
@@ -10019,22 +10389,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             sx: {
               fontSize: ".8rem"
             },
-            onClick: () => Oj(w)
+            onClick: () => BM(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        bj && (0, import_jsx_runtime.jsx)(IconBox, {
+        MM && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              xj(i, t, copyString);
+              NM(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: Sj ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: PM ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
             sx: {
               fontSize: ".8rem"
             }
@@ -10045,16 +10415,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: RM,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        gj && (0, import_jsx_runtime.jsx)(IconBox, {
+        OM && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), hj == null ? void 0 : hj(i);
+            e2.preventDefault(), DM == null ? void 0 : DM(i);
           },
           children: (0, import_jsx_runtime.jsx)(AddBoxIcon, {
             sx: {
@@ -10062,9 +10432,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             }
           })
         }),
-        yj && (0, import_jsx_runtime.jsx)(IconBox, {
+        jM && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), vj == null ? void 0 : vj(i, t);
+            e2.preventDefault(), AM == null ? void 0 : AM(i, t);
           },
           children: (0, import_jsx_runtime.jsx)(DeleteIcon, {
             sx: {
@@ -10077,34 +10447,34 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       f,
       h,
       _,
-      Sj,
-      xj,
+      PM,
+      NM,
       S,
-      q,
-      bj,
-      gj,
-      yj,
+      J,
+      MM,
+      OM,
+      jM,
       w,
       i,
       t,
-      hj,
-      vj,
-      Ej,
-      Dj,
-      Oj
-    ]), Aj = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      DM,
+      AM,
+      RM,
+      zM,
+      BM
+    ]), HM = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), jj = !Aj && !!(c && d), Mj = useJsonViewerStore((e2) => e2.keyRenderer), Nj = (0, import_react.useMemo)(() => ({
+    ]), UM = !HM && !!(c && d), WM = useJsonViewerStore((e2) => e2.keyRenderer), GM = (0, import_react.useMemo)(() => ({
       path: i,
       inspect: K,
-      setInspect: oj,
+      setInspect: q,
       value: t,
       prevValue: n,
       nestedIndex: a
     }), [
       K,
       i,
-      oj,
+      q,
       t,
       n,
       a
@@ -10126,18 +10496,18 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           className: "data-key",
           sx: {
             lineHeight: 1.5,
-            color: Q,
+            color: $,
             letterSpacing: 0.5,
             opacity: 0.8
           },
           onClick: (0, import_react.useCallback)((e2) => {
-            e2.isDefaultPrevented() || Aj || oj((e3) => !e3);
+            e2.isDefaultPrevented() || HM || q((e3) => !e3);
           }, [
-            Aj,
-            oj
+            HM,
+            q
           ]),
           children: [
-            jj ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            UM ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
               className: "data-key-toggle-expanded",
               sx: {
                 fontSize: ".8rem",
@@ -10155,27 +10525,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: LM,
               className: "data-key-key",
               component: "span",
-              children: fj && O === 0 ? dj === false ? null : uj ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: wM && O === 0 ? CM === false ? null : SM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
-                  dj,
+                  CM,
                   '"'
                 ]
               }) : (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: CM
+              }) : WM.when(GM) ? (0, import_jsx_runtime.jsx)(WM, {
+                ...GM
+              }) : a === void 0 && (TM ? (0, import_jsx_runtime.jsx)(Box_default, {
                 component: "span",
                 style: {
-                  color: cj,
-                  userSelect: pj ? "none" : "auto"
+                  color: yM,
+                  userSelect: TM ? "none" : "auto"
                 },
                 children: A
-              }) : uj ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : SM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
                   A,
@@ -10185,7 +10555,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, {
+            wM ? CM !== false && (0, import_jsx_runtime.jsx)(DataBox, {
               className: "data-key-colon",
               sx: {
                 mr: 0.5
@@ -10198,38 +10568,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: TM ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...Nj
+              ...GM
             }),
-            I && jj && K && kj
+            I && UM && K && VM
           ]
         }),
-        q && S ? f && (0, import_jsx_runtime.jsx)(f, {
+        J && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: Dj,
-          commitEditing: Oj
+          abortEditing: zM,
+          commitEditing: BM
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...Nj
+          ...GM
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...Nj
+          ...GM
         }),
-        !o && lj && (0, import_jsx_runtime.jsx)(DataBox, {
+        !o && xM && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && jj && !K && kj,
-        I && !jj && kj,
-        !I && q && kj
+        I && UM && !K && VM,
+        I && !UM && VM,
+        !I && J && VM
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -10358,9 +10728,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         })
       })
     });
-  }, import_compiler_runtime$44 = require_compiler_runtime();
+  }, import_compiler_runtime$46 = require_compiler_runtime();
   HtmlOutput = (0, import_react.memo)((e) => {
-    let t = (0, import_compiler_runtime$44.c)(10), { html: n, inline: i, className: o, alwaysSanitizeHtml: s } = e, c = i === void 0 ? false : i;
+    let t = (0, import_compiler_runtime$46.c)(10), { html: n, inline: i, className: o, alwaysSanitizeHtml: s } = e, c = i === void 0 ? false : i;
     if (!n) return null;
     let d = !c, f;
     t[0] !== o || t[1] !== c || t[2] !== d ? (f = cn(o, {
@@ -10379,9 +10749,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     }), t[7] = f, t[8] = h, t[9] = _) : _ = t[9], _;
   });
   HtmlOutput.displayName = "HtmlOutput";
-  var import_compiler_runtime$43 = require_compiler_runtime();
+  var import_compiler_runtime$45 = require_compiler_runtime();
   const ImageOutput = (e) => {
-    let t = (0, import_compiler_runtime$43.c)(8), { src: n, alt: i, width: a, height: o, className: s } = e, c = i === void 0 ? "" : i, d;
+    let t = (0, import_compiler_runtime$45.c)(8), { src: n, alt: i, width: a, height: o, className: s } = e, c = i === void 0 ? "" : i, d;
     t[0] !== c || t[1] !== o || t[2] !== n || t[3] !== a ? (d = (0, import_jsx_runtime.jsx)("img", {
       src: n,
       alt: c,
@@ -10394,9 +10764,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: d
     }), t[5] = s, t[6] = d, t[7] = f) : f = t[7], f;
   };
-  var import_compiler_runtime$42 = require_compiler_runtime();
+  var import_compiler_runtime$44 = require_compiler_runtime();
   Kbd = (e) => {
-    let t = (0, import_compiler_runtime$42.c)(5), n;
+    let t = (0, import_compiler_runtime$44.c)(5), n;
     t[0] === e.className ? n = t[1] : (n = clsx_default(e.className, "rounded-md bg-muted/40 px-2 text-[0.75rem] font-prose center border border-foreground/20 text-muted-foreground block whitespace-nowrap"), t[0] = e.className, t[1] = n);
     let i;
     return t[2] !== e.children || t[3] !== n ? (i = (0, import_jsx_runtime.jsx)("kbd", {
@@ -10404,9 +10774,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: e.children
     }), t[2] = e.children, t[3] = n, t[4] = i) : i = t[4], i;
   };
-  var import_compiler_runtime$41 = require_compiler_runtime();
+  var import_compiler_runtime$43 = require_compiler_runtime();
   const ExternalLink$1 = (e) => {
-    let t = (0, import_compiler_runtime$41.c)(3), { href: n, children: i } = e, a;
+    let t = (0, import_compiler_runtime$43.c)(3), { href: n, children: i } = e, a;
     return t[0] !== i || t[1] !== n ? (a = (0, import_jsx_runtime.jsx)("a", {
       href: n,
       target: "_blank",
@@ -10577,22 +10947,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     os: "os",
     re: "re",
     sys: "sys"
-  }, import_compiler_runtime$40 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
+  }, import_compiler_runtime$42 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
   function useFixMode() {
-    let e = (0, import_compiler_runtime$40.c)(3), [t, n] = useAtom(fixModeAtom), i;
+    let e = (0, import_compiler_runtime$42.c)(3), [t, n] = useAtom(fixModeAtom), i;
     return e[0] !== t || e[1] !== n ? (i = {
       fixMode: t,
       setFixMode: n
     }, e[0] = t, e[1] = n, e[2] = i) : i = e[2], i;
   }
-  var import_compiler_runtime$39 = require_compiler_runtime();
+  var import_compiler_runtime$41 = require_compiler_runtime();
   const AutoFixButton = (e) => {
-    let t = (0, import_compiler_runtime$39.c)(21), { errors: n, cellId: i, className: o } = e, s = useStore(), { createNewCell: c } = useCellActions(), f = useAtomValue(aiEnabledAtom), h;
-    if (t[0] !== f || t[1] !== n) {
+    let t = (0, import_compiler_runtime$41.c)(21), { errors: n, cellId: i, className: o } = e, s = useStore(), { createNewCell: c } = useCellActions(), d = useAtomValue(aiEnabledAtom), h;
+    if (t[0] !== d || t[1] !== n) {
       let e2;
-      t[3] === f ? e2 = t[4] : (e2 = (e3) => getAutoFixes(e3, {
-        aiEnabled: f
-      }), t[3] = f, t[4] = e2), h = n.flatMap(e2), t[0] = f, t[1] = n, t[2] = h;
+      t[3] === d ? e2 = t[4] : (e2 = (e3) => getAutoFixes(e3, {
+        aiEnabled: d
+      }), t[3] = d, t[4] = e2), h = n.flatMap(e2), t[0] = d, t[1] = n, t[2] = h;
     } else h = t[2];
     let _ = h, v = useSetAtom(aiCompletionCellAtom);
     if (_.length === 0) return null;
@@ -10617,10 +10987,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       }), t2 == null ? void 0 : t2.focus();
     }, t[5] = i, t[6] = c, t[7] = y, t[8] = v, t[9] = s, t[10] = S) : S = t[10];
-    let w = S, E;
-    t[11] === o ? E = t[12] : (E = cn("my-2", o), t[11] = o, t[12] = E);
-    let O;
-    t[13] !== y.description || t[14] !== y.fixType || t[15] !== y.title || t[16] !== w ? (O = y.fixType === "ai" ? (0, import_jsx_runtime.jsx)(AIFixButton, {
+    let w = S, O;
+    t[11] === o ? O = t[12] : (O = cn("my-2", o), t[11] = o, t[12] = O);
+    let A;
+    t[13] !== y.description || t[14] !== y.fixType || t[15] !== y.title || t[16] !== w ? (A = y.fixType === "ai" ? (0, import_jsx_runtime.jsx)(AIFixButton, {
       tooltip: y.description,
       openPrompt: () => w(false),
       applyAutofix: () => w(true)
@@ -10639,32 +11009,32 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           y.title
         ]
       })
-    }), t[13] = y.description, t[14] = y.fixType, t[15] = y.title, t[16] = w, t[17] = O) : O = t[17];
-    let A;
-    return t[18] !== E || t[19] !== O ? (A = (0, import_jsx_runtime.jsx)("div", {
-      className: E,
-      children: O
-    }), t[18] = E, t[19] = O, t[20] = A) : A = t[20], A;
+    }), t[13] = y.description, t[14] = y.fixType, t[15] = y.title, t[16] = w, t[17] = A) : A = t[17];
+    let M;
+    return t[18] !== O || t[19] !== A ? (M = (0, import_jsx_runtime.jsx)("div", {
+      className: O,
+      children: A
+    }), t[18] = O, t[19] = A, t[20] = M) : M = t[20], M;
   };
   var PromptIcon = Sparkles, AutofixIcon = Wrench, PromptTitle = "Suggest a prompt", AutofixTitle = "Fix with AI";
   const AIFixButton = (e) => {
-    let t = (0, import_compiler_runtime$39.c)(21), { tooltip: n, openPrompt: i, applyAutofix: a } = e, { fixMode: o, setFixMode: s } = useFixMode(), c = o === "prompt" ? i : a, f;
-    t[0] === o ? f = t[1] : (f = o === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
+    let t = (0, import_compiler_runtime$41.c)(21), { tooltip: n, openPrompt: i, applyAutofix: a } = e, { fixMode: o, setFixMode: s } = useFixMode(), c = o === "prompt" ? i : a, d;
+    t[0] === o ? d = t[1] : (d = o === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-3 w-3 mr-2 mb-0.5"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
       className: "h-3 w-3 mr-2 mb-0.5"
-    }), t[0] = o, t[1] = f);
+    }), t[0] = o, t[1] = d);
     let h = o === "prompt" ? PromptTitle : AutofixTitle, _;
-    t[2] !== c || t[3] !== f || t[4] !== h ? (_ = (0, import_jsx_runtime.jsxs)(Button, {
+    t[2] !== c || t[3] !== d || t[4] !== h ? (_ = (0, import_jsx_runtime.jsxs)(Button, {
       size: "xs",
       variant: "outline",
       className: "font-normal rounded-r-none border-r-0",
       onClick: c,
       children: [
-        f,
+        d,
         h
       ]
-    }), t[2] = c, t[3] = f, t[4] = h, t[5] = _) : _ = t[5];
+    }), t[2] = c, t[3] = d, t[4] = h, t[5] = _) : _ = t[5];
     let v;
     t[6] !== _ || t[7] !== n ? (v = (0, import_jsx_runtime.jsx)(Tooltip, {
       content: n,
@@ -10717,7 +11087,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[18] = O, t[19] = v, t[20] = A) : A = t[20], A;
   };
   var AiModeItem = (e) => {
-    let t = (0, import_compiler_runtime$39.c)(12), { mode: n } = e, i;
+    let t = (0, import_compiler_runtime$41.c)(12), { mode: n } = e, i;
     t[0] === n ? i = t[1] : (i = n === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-4 w-4"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -10754,9 +11124,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function useFilename() {
     return useAtomValue(filenameAtom);
   }
-  var import_compiler_runtime$37 = require_compiler_runtime();
+  var import_compiler_runtime$39 = require_compiler_runtime();
   const CellLink = (e) => {
-    let t = (0, import_compiler_runtime$37.c)(12), { className: n, cellId: i, variant: o, onClick: s, formatCellName: c, skipScroll: d } = e, f = useCellNames()[i] ?? "", h = useCellIds().inOrderIds.indexOf(i), { showCellIfHidden: _ } = useCellActions(), v = c ?? _temp$4, y;
+    let t = (0, import_compiler_runtime$39.c)(12), { className: n, cellId: i, variant: o, onClick: s, formatCellName: c, skipScroll: d } = e, f = useCellNames()[i] ?? "", h = useCellIds().inOrderIds.indexOf(i), { showCellIfHidden: _ } = useCellActions(), v = c ?? _temp$5, y;
     t[0] === n ? y = t[1] : (y = cn("inline-block cursor-pointer text-link hover:underline", n), t[0] = n, t[1] = y);
     let S;
     t[2] !== i || t[3] !== s || t[4] !== _ || t[5] !== d || t[6] !== o ? (S = (e2) => {
@@ -10767,22 +11137,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         scrollAndHighlightCell(i, o, d) && (s == null ? void 0 : s());
       });
     }, t[2] = i, t[3] = s, t[4] = _, t[5] = d, t[6] = o, t[7] = S) : S = t[7];
-    let E = v(displayCellName(f, h)), O;
-    return t[8] !== y || t[9] !== S || t[10] !== E ? (O = (0, import_jsx_runtime.jsx)("div", {
+    let w = v(displayCellName(f, h)), O;
+    return t[8] !== y || t[9] !== S || t[10] !== w ? (O = (0, import_jsx_runtime.jsx)("div", {
       className: y,
       role: "link",
       tabIndex: -1,
       onClick: S,
-      children: E
-    }), t[8] = y, t[9] = S, t[10] = E, t[11] = O) : O = t[11], O;
+      children: w
+    }), t[8] = y, t[9] = S, t[10] = w, t[11] = O) : O = t[11], O;
   }, CellLinkError = (e) => {
-    let t = (0, import_compiler_runtime$37.c)(2), n;
+    let t = (0, import_compiler_runtime$39.c)(2), n;
     return t[0] === e ? n = t[1] : (n = (0, import_jsx_runtime.jsx)(CellLink, {
       ...e,
       variant: "destructive"
     }), t[0] = e, t[1] = n), n;
   }, CellLinkTraceback = (e) => {
-    let t = (0, import_compiler_runtime$37.c)(10), { cellId: n, lineNumber: i } = e, a = useFilename(), o;
+    let t = (0, import_compiler_runtime$39.c)(10), { cellId: n, lineNumber: i } = e, a = useFilename(), o;
     t[0] !== n || t[1] !== i ? (o = () => goToCellLine(n, i), t[0] = n, t[1] = i, t[2] = o) : o = t[2];
     let s;
     t[3] !== n || t[4] !== a ? (s = (e2) => n === "__scratch__" ? "scratch" : `marimo://${a || "untitled"}#cell=${e2}`, t[3] = n, t[4] = a, t[5] = s) : s = t[5];
@@ -10807,7 +11177,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       o.classList.remove("focus-outline");
     }, 2e3)), true);
   }
-  function _temp$4(e) {
+  function _temp$5(e) {
     return e;
   }
   const showAddPackageToast = (e, t) => {
@@ -10879,7 +11249,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       value: e2
     });
   }
-  var import_compiler_runtime$36 = require_compiler_runtime(), ansiUp = new AnsiUp();
+  var import_compiler_runtime$38 = require_compiler_runtime(), ansiUp = new AnsiUp();
   const cleanAnsiCodes = (e) => {
     let t = RegExp("\x1B\\[[0-9;]*m", "g");
     return e.replaceAll(t, "");
@@ -10947,7 +11317,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
   }
   var InstallPackageLink = (e) => {
-    let t = (0, import_compiler_runtime$36.c)(6), { packages: n, children: i } = e, { handleInstallPackages: a } = useInstallPackages(), o;
+    let t = (0, import_compiler_runtime$38.c)(6), { packages: n, children: i } = e, { handleInstallPackages: a } = useInstallPackages(), o;
     t[0] !== a || t[1] !== n ? (o = (e2) => {
       a(n), e2.preventDefault();
     }, t[0] = a, t[1] = n, t[2] = o) : o = t[2];
@@ -11020,15 +11390,15 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     })
   });
   RenderTextWithLinks = (e) => {
-    let t = (0, import_compiler_runtime$36.c)(4), { text: n } = e, i;
+    let t = (0, import_compiler_runtime$38.c)(4), { text: n } = e, i;
     t[0] === n ? i = t[1] : (i = renderTextWithReplacers(n, composeReplacers(pipInstallReplacer, urlReplacer)), t[0] = n, t[1] = i);
     let a = i, o;
     return t[2] === a ? o = t[3] : (o = (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: a
     }), t[2] = a, t[3] = o), o;
   };
-  var import_compiler_runtime$35 = require_compiler_runtime(), Tip = (e) => {
-    let t = (0, import_compiler_runtime$35.c)(10), n = e.title ?? "Tip", i;
+  var import_compiler_runtime$37 = require_compiler_runtime(), Tip = (e) => {
+    let t = (0, import_compiler_runtime$37.c)(10), n = e.title ?? "Tip", i;
     t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
       className: "pt-2 pb-2 font-normal",
       children: n
@@ -11056,11 +11426,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[7] = e.className, t[8] = o, t[9] = s) : s = t[9], s;
   };
   const MarimoErrorOutput = (e) => {
-    let t = (0, import_compiler_runtime$35.c)(31), { errors: n, cellId: i, className: o } = e, s = useChromeActions(), c = "This cell wasn't run because it has errors", f = "destructive", h = "text-error";
-    if (n.some(_temp$3)) c = "Interrupted";
+    let t = (0, import_compiler_runtime$37.c)(31), { errors: n, cellId: i, className: o } = e, s = useChromeActions(), c = "This cell wasn't run because it has errors", d = "destructive", h = "text-error";
+    if (n.some(_temp$4)) c = "Interrupted";
     else if (n.some(_temp2$2)) c = "An internal error occurred";
-    else if (n.some(_temp3$1)) c = "Ancestor prevented from running", f = "default", h = "text-secondary-foreground";
-    else if (n.some(_temp4)) c = "Ancestor stopped", f = "default", h = "text-secondary-foreground";
+    else if (n.some(_temp3$1)) c = "Ancestor prevented from running", d = "default", h = "text-secondary-foreground";
+    else if (n.some(_temp4)) c = "Ancestor stopped", d = "default", h = "text-secondary-foreground";
     else if (n.some(_temp5)) c = "SQL error";
     else {
       let e2;
@@ -11069,19 +11439,19 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       i2 && "exception_type" in i2 && (c = i2.exception_type);
     }
     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), $;
-      t[15] === s ? $ = t[16] : ($ = () => {
+    if (t[2] !== d || t[3] !== i || t[4] !== s || t[5] !== o || t[6] !== n || t[7] !== h || t[8] !== c) {
+      let e2 = n.filter(_temp7), O2 = n.filter(_temp8), A2 = n.filter(_temp9), M = n.filter(_temp0), I = n.filter(_temp1), z = n.filter(_temp10), U = n.filter(_temp11), K = n.filter(_temp12), q = n.filter(_temp13), J = n.filter(_temp14), Q = n.filter(_temp15), vM = n.filter(_temp16), $ = n.filter(_temp17), yM;
+      t[15] === s ? yM = t[16] : (yM = () => {
         s.openApplication("scratchpad");
-      }, t[15] = s, t[16] = $);
-      let lj = $, uj = () => {
+      }, t[15] = s, t[16] = yM);
+      let bM = yM, SM = () => {
         let t2 = [];
-        if (sj.length > 0 || Q.length > 0) {
-          let e3 = sj.some(_temp18), n2 = !e3 && sj.some(_temp19);
+        if (Q.length > 0 || vM.length > 0) {
+          let e3 = Q.some(_temp18), n2 = !e3 && Q.some(_temp19);
           t2.push((0, import_jsx_runtime.jsxs)("div", {
             children: [
-              sj.map(_temp20),
-              Q.map(_temp21),
+              Q.map(_temp20),
+              vM.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
                 variant: "outline",
@@ -11112,8 +11482,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               }),
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
-                  ...sj,
-                  ...Q
+                  ...Q,
+                  ...vM
                 ],
                 cellId: i
               })
@@ -11212,17 +11582,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               ]
             })
           ]
-        }, "cycle")), A.length > 0) {
-          let e3 = A[0].name;
+        }, "cycle")), A2.length > 0) {
+          let e3 = A2[0].name;
           t2.push((0, import_jsx_runtime.jsxs)("div", {
             children: [
               (0, import_jsx_runtime.jsx)("p", {
                 className: "text-muted-foreground font-medium",
                 children: "This cell redefines variables from other cells."
               }),
-              A.map(_temp25),
+              A2.map(_temp25),
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-                errors: A,
+                errors: A2,
                 cellId: i
               }),
               (0, import_jsx_runtime.jsxs)(Tip, {
@@ -11274,7 +11644,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: bM,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -11293,11 +11663,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           }, "multiple-defs"));
         }
-        return M2.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
+        return M.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
           children: [
-            M2.map(_temp26),
+            M.map(_temp26),
             i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-              errors: M2,
+              errors: M,
               cellId: i
             }),
             (0, import_jsx_runtime.jsxs)(Tip, {
@@ -11365,11 +11735,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")), K.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
           children: [
-            oj.map(_temp32),
+            K.map(_temp32),
             i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-              errors: oj,
+              errors: K,
               cellId: i
             })
           ]
@@ -11389,23 +11759,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")), $.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
           children: [
-            cj.map(_temp35),
+            $.map(_temp35),
             i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-              errors: cj,
+              errors: $,
               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,
+      }, CM = `font-code font-medium tracking-wide ${h}`, wM;
+      t[17] !== CM || t[18] !== c ? (wM = (0, import_jsx_runtime.jsx)(AlertTitle, {
+        className: CM,
         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] = CM, t[18] = c, t[19] = wM) : wM = t[19];
+      let TM = wM;
+      _ = Alert, S = d, t[20] === o ? w = t[21] : (w = cn("border-none font-code text-sm text-[0.84375rem] px-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-4", o), t[20] = o, t[21] = w), E = TM, v = "flex flex-col gap-8", y = SM(), t[2] = d, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = h, t[8] = c, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E;
     } else _ = t[9], v = t[10], y = t[11], S = t[12], w = t[13], E = t[14];
     let O;
     t[22] !== v || t[23] !== y ? (O = (0, import_jsx_runtime.jsx)("div", {
@@ -11414,17 +11784,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         children: y
       })
     }), t[22] = v, t[23] = y, t[24] = O) : O = t[24];
-    let M;
-    return t[25] !== _ || t[26] !== S || t[27] !== w || t[28] !== E || t[29] !== O ? (M = (0, import_jsx_runtime.jsxs)(_, {
+    let A;
+    return t[25] !== _ || t[26] !== S || t[27] !== w || t[28] !== E || t[29] !== O ? (A = (0, import_jsx_runtime.jsxs)(_, {
       variant: S,
       className: w,
       children: [
         E,
         O
       ]
-    }), t[25] = _, t[26] = S, t[27] = w, t[28] = E, t[29] = O, t[30] = M) : M = t[30], M;
+    }), t[25] = _, t[26] = S, t[27] = w, t[28] = E, t[29] = O, t[30] = A) : A = t[30], A;
   };
-  function _temp$3(e) {
+  function _temp$4(e) {
     return e.type === "interruption";
   }
   function _temp2$2(e) {
@@ -11733,9 +12103,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       })
     }, `sql-error-${t}`);
   }
-  var import_compiler_runtime$34 = require_compiler_runtime();
+  var import_compiler_runtime$36 = require_compiler_runtime();
   const TextOutput = (e) => {
-    let t = (0, import_compiler_runtime$34.c)(13), { text: n, channel: i, wrapText: o } = e, s = i === "stdout" || i === "stderr", c;
+    let t = (0, import_compiler_runtime$36.c)(13), { text: n, channel: i, wrapText: o } = e, s = i === "stdout" || i === "stderr", c;
     t[0] === o ? c = t[1] : (c = (e2) => (0, import_jsx_runtime.jsx)("span", {
       className: o ? "whitespace-pre-wrap break-words" : "whitespace-pre",
       children: (0, import_jsx_runtime.jsx)(RenderTextWithLinks, {
@@ -11752,17 +12122,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: v
     }), t[10] = _, t[11] = v, t[12] = y) : y = t[12], y;
   };
-  var import_compiler_runtime$33 = require_compiler_runtime();
+  var import_compiler_runtime$35 = require_compiler_runtime();
   const VideoOutput = (e) => {
-    let t = (0, import_compiler_runtime$33.c)(3), { src: n, className: i } = e, a;
+    let t = (0, import_compiler_runtime$35.c)(3), { src: n, className: i } = e, a;
     return t[0] !== i || t[1] !== n ? (a = (0, import_jsx_runtime.jsx)("iframe", {
       className: i,
       src: n
     }), t[0] = i, t[1] = n, t[2] = a) : a = t[2], a;
   };
-  var import_compiler_runtime$32 = require_compiler_runtime();
+  var import_compiler_runtime$34 = require_compiler_runtime();
   useOverflowDetection = function(e, t) {
-    let n = (0, import_compiler_runtime$32.c)(4), i = t === void 0 ? true : t, [a, o] = (0, import_react.useState)(false), s, c;
+    let n = (0, import_compiler_runtime$34.c)(4), i = t === void 0 ? true : t, [a, o] = (0, import_react.useState)(false), s, c;
     return n[0] !== i || n[1] !== e ? (s = () => {
       let t2 = e.current;
       if (!t2 || !i) return;
@@ -11859,9 +12229,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   LazyVegaEmbed = import_react.lazy(() => import("./react-vega-jy3CfYys.js").then((e) => ({
     default: e.VegaEmbed
   })));
-  var import_compiler_runtime$31 = require_compiler_runtime();
+  var import_compiler_runtime$33 = require_compiler_runtime();
   ChartLoadingState = () => {
-    let e = (0, import_compiler_runtime$31.c)(1), t;
+    let e = (0, import_compiler_runtime$33.c)(1), t;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2 justify-center",
       children: [
@@ -11876,7 +12246,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), e[0] = t) : t = e[0], t;
   };
   ChartErrorState = (e) => {
-    let t = (0, import_compiler_runtime$31.c)(2), { error: n } = e, i;
+    let t = (0, import_compiler_runtime$33.c)(2), { error: n } = e, i;
     return t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsx)("div", {
       className: "flex items-center justify-center",
       children: (0, import_jsx_runtime.jsx)(ErrorBanner, {
@@ -11885,7 +12255,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[0] = n, t[1] = i), i;
   };
   ChartInfoState = (e) => {
-    let t = (0, import_compiler_runtime$31.c)(8), { children: n, className: i } = e, o;
+    let t = (0, import_compiler_runtime$33.c)(8), { children: n, className: i } = e, o;
     t[0] === i ? o = t[1] : (o = cn("flex flex-col items-center justify-center gap-4", i), t[0] = i, t[1] = o);
     let s;
     t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = (0, import_jsx_runtime.jsx)(ChartPie, {
@@ -11905,11 +12275,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), t[5] = o, t[6] = c, t[7] = d) : d = t[7], d;
   };
-  let import_compiler_runtime$30;
-  import_compiler_runtime$30 = require_compiler_runtime();
+  let import_compiler_runtime$32;
+  import_compiler_runtime$32 = require_compiler_runtime();
   Tabs = Root2;
   TabsList = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$30.c)(9), i, o;
+    let n = (0, import_compiler_runtime$32.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("inline-flex max-h-14 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", i), n[3] = i, n[4] = s);
@@ -11922,7 +12292,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TabsList.displayName = List.displayName;
   TabsTrigger = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$30.c)(9), i, o;
+    let n = (0, import_compiler_runtime$32.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", i), n[3] = i, n[4] = s);
@@ -11935,7 +12305,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TabsTrigger.displayName = Trigger.displayName;
   TabsContent = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$30.c)(9), i, o;
+    let n = (0, import_compiler_runtime$32.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2", i), n[3] = i, n[4] = s);
@@ -11947,9 +12317,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
   });
   TabsContent.displayName = Content.displayName;
-  var import_compiler_runtime$29 = require_compiler_runtime();
+  var import_compiler_runtime$31 = require_compiler_runtime();
   const WithLocale = (e) => {
-    let t = (0, import_compiler_runtime$29.c)(3), { children: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
+    let t = (0, import_compiler_runtime$31.c)(3), { children: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
     return t[0] !== n || t[1] !== i ? (a = n(i), t[0] = n, t[1] = i, t[2] = a) : a = t[2], a;
   };
   function tzName(e, t, n = "long") {
@@ -12294,7 +12664,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, cj);
+      U(6, yM);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -12303,7 +12673,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(), U(1, vM);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -12311,8 +12681,8 @@ 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) {
+              n.current.selectedItemId = (_a3 = bM()) == null ? void 0 : _a3.id, K.emit();
+            }), i2 || U(5, yM), ((_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,25 +12694,25 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       emit: () => {
         s.current.forEach((e2) => e2());
       }
-    }), []), oj = import_react.useMemo(() => ({
+    }), []), q = import_react.useMemo(() => ({
       value: (e2, t2, i2) => {
         var _a2;
         t2 !== ((_a2 = o.current.get(e2)) == null ? void 0 : _a2.value) && (o.current.set(e2, {
           value: t2,
           keywords: i2
-        }), n.current.filtered.items.set(e2, q(t2, i2)), U(2, () => {
-          J(), K.emit();
+        }), n.current.filtered.items.set(e2, J(t2, i2)), U(2, () => {
+          Q(), K.emit();
         }));
       },
       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(), n.current.value || vM(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
-        let t3 = $();
+        let t3 = bM();
         U(4, () => {
-          Q(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && sj(), K.emit();
+          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && vM(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -12356,12 +12726,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       labelId: M,
       listInnerRef: z
     }), []);
-    function q(e2, t2) {
+    function J(e2, t2) {
       var _a2;
       let i2 = ((_a2 = c.current) == null ? void 0 : _a2.filter) ?? Re;
       return e2 ? i2(e2, n.current.search, t2) : 0;
     }
-    function J() {
+    function Q() {
       if (!n.current.search || c.current.shouldFilter === false) return;
       let e2 = n.current.filtered.items, t2 = [];
       n.current.filtered.groups.forEach((n2) => {
@@ -12375,7 +12745,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]);
       });
       let i2 = z.current;
-      lj().sort((t3, n2) => {
+      xM().sort((t3, n2) => {
         let i3 = t3.getAttribute("id"), a2 = n2.getAttribute("id");
         return (e2.get(a2) ?? 0) - (e2.get(i3) ?? 0);
       }).forEach((e3) => {
@@ -12387,12 +12757,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function sj() {
+    function vM() {
       var _a2;
-      let e2 = (_a2 = lj().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
+      let e2 = (_a2 = xM().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
-    function Q() {
+    function $() {
       var _a2, _b;
       if (!n.current.search || c.current.shouldFilter === false) {
         n.current.filtered.count = i.current.size;
@@ -12401,7 +12771,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       n.current.filtered.groups = /* @__PURE__ */ new Set();
       let e2 = 0;
       for (let t2 of i.current) {
-        let i2 = q(((_a2 = o.current.get(t2)) == null ? void 0 : _a2.value) ?? "", ((_b = o.current.get(t2)) == null ? void 0 : _b.keywords) ?? []);
+        let i2 = J(((_a2 = o.current.get(t2)) == null ? void 0 : _a2.value) ?? "", ((_b = o.current.get(t2)) == null ? void 0 : _b.keywords) ?? []);
         n.current.filtered.items.set(t2, i2), i2 > 0 && e2++;
       }
       for (let [e3, t2] of a.current) for (let i2 of t2) if (n.current.filtered.items.get(i2) > 0) {
@@ -12410,43 +12780,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function cj() {
+    function yM() {
       var _a2, _b;
       var e2;
-      let t2 = $();
+      let t2 = bM();
       t2 && (((_a2 = t2.parentElement) == null ? void 0 : _a2.firstChild) === t2 && ((e2 = (_b = t2.closest(N$1)) == null ? void 0 : _b.querySelector(be)) == null || e2.scrollIntoView({
         block: "nearest"
       })), t2.scrollIntoView({
         block: "nearest"
       }));
     }
-    function $() {
+    function bM() {
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
-    function lj() {
+    function xM() {
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function uj(e2) {
-      let t2 = lj()[e2];
+    function SM(e2) {
+      let t2 = xM()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function dj(e2) {
+    function CM(e2) {
       var t2;
-      let n2 = $(), i2 = lj(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = bM(), i2 = xM(), 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 wM(e2) {
       var _a2;
-      let t2 = (_a2 = $()) == null ? void 0 : _a2.closest(N$1), n2;
+      let t2 = (_a2 = bM()) == 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)) : CM(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 TM = () => SM(xM().length - 1), EM = (e2) => {
+      e2.preventDefault(), e2.metaKey ? TM() : e2.altKey ? wM(1) : CM(1);
+    }, DM = (e2) => {
+      e2.preventDefault(), e2.metaKey ? SM(0) : e2.altKey ? wM(-1) : CM(-1);
     };
     return import_react.createElement(Primitive.div, {
       ref: t,
@@ -12460,27 +12830,27 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         if (!(e2.defaultPrevented || n2)) switch (e2.key) {
           case "n":
           case "j":
-            E && e2.ctrlKey && mj(e2);
+            E && e2.ctrlKey && EM(e2);
             break;
           case "ArrowDown":
-            mj(e2);
+            EM(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && hj(e2);
+            E && e2.ctrlKey && DM(e2);
             break;
           case "ArrowUp":
-            hj(e2);
+            DM(e2);
             break;
           case "Home":
-            e2.preventDefault(), uj(0);
+            e2.preventDefault(), SM(0);
             break;
           case "End":
-            e2.preventDefault(), pj();
+            e2.preventDefault(), TM();
             break;
           case "Enter": {
             e2.preventDefault();
-            let t3 = $();
+            let t3 = bM();
             if (t3) {
               let e3 = new Event(Z);
               t3.dispatchEvent(e3);
@@ -12490,17 +12860,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
     }, import_react.createElement("label", {
       "cmdk-label": "",
-      htmlFor: oj.inputId,
-      id: oj.labelId,
+      htmlFor: q.inputId,
+      id: q.labelId,
       style: Te
     }, d), B(e, (e2) => import_react.createElement(de.Provider, {
       value: K
     }, import_react.createElement(ue$1.Provider, {
-      value: oj
+      value: q
     }, e2))));
   }), he$1 = import_react.forwardRef((e, t) => {
     var _a2;
-    let n = useId$1(), i = import_react.useRef(null), a = import_react.useContext(fe), o = K$1(), c = pe(e), d = ((_a2 = c.current) == null ? void 0 : _a2.forceMount) ?? (a == null ? void 0 : a.forceMount);
+    let n = useId$1(), i = import_react.useRef(null), a = import_react.useContext(fe), o = K$1(), s = pe(e), d = ((_a2 = s.current) == null ? void 0 : _a2.forceMount) ?? (a == null ? void 0 : a.forceMount);
     k(() => {
       if (!d) return o.item(n, a == null ? void 0 : a.id);
     }, [
@@ -12521,7 +12891,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     ]);
     function y() {
       var e2, t2;
-      S(), (t2 = (e2 = c.current).onSelect) == null || t2.call(e2, f.current);
+      S(), (t2 = (e2 = s.current).onSelect) == null || t2.call(e2, f.current);
     }
     function S() {
       h.setState("value", f.current, true);
@@ -12542,14 +12912,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       onClick: w ? void 0 : y
     }, e.children);
   }), Ee = import_react.forwardRef((e, t) => {
-    let { heading: n, children: i, forceMount: a, ...o } = e, c = useId$1(), d = import_react.useRef(null), f = import_react.useRef(null), h = useId$1(), _ = K$1(), v = P$1((e2) => a || _.filter() === false ? true : e2.search ? e2.filtered.groups.has(c) : true);
-    k(() => _.group(c), []), ve(c, d, [
+    let { heading: n, children: i, forceMount: a, ...o } = e, s = useId$1(), d = import_react.useRef(null), f = import_react.useRef(null), h = useId$1(), _ = K$1(), v = P$1((e2) => a || _.filter() === false ? true : e2.search ? e2.filtered.groups.has(s) : true);
+    k(() => _.group(s), []), ve(s, d, [
       e.value,
       e.heading,
       f
     ]);
     let y = import_react.useMemo(() => ({
-      id: c,
+      id: s,
       forceMount: a
     }), [
       a
@@ -12607,10 +12977,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
     });
   }), Ce = import_react.forwardRef((e, t) => {
-    let { children: n, label: i = "Suggestions", ...a } = e, o = import_react.useRef(null), c = import_react.useRef(null), d = P$1((e2) => e2.selectedItemId), f = K$1();
+    let { children: n, label: i = "Suggestions", ...a } = e, o = import_react.useRef(null), s = import_react.useRef(null), d = P$1((e2) => e2.selectedItemId), f = K$1();
     return import_react.useEffect(() => {
-      if (c.current && o.current) {
-        let e2 = c.current, t2 = o.current, n2, i2 = new ResizeObserver(() => {
+      if (s.current && o.current) {
+        let e2 = s.current, t2 = o.current, n2, i2 = new ResizeObserver(() => {
           n2 = requestAnimationFrame(() => {
             let n3 = e2.offsetHeight;
             t2.style.setProperty("--cmdk-list-height", n3.toFixed(1) + "px");
@@ -12630,7 +13000,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       "aria-label": i,
       id: f.listId
     }, B(e, (e2) => import_react.createElement("div", {
-      ref: composeRefs(c, f.listInnerRef),
+      ref: composeRefs(s, f.listInnerRef),
       "cmdk-list-sizer": ""
     }, e2)));
   }), xe = import_react.forwardRef((e, t) => {
@@ -12768,10 +13138,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function smartMatchFilter(e, t, n) {
     return smartMatch(t, e) ? 1 : n && smartMatch(t, n) ? 0.8 : 0;
   }
-  let import_compiler_runtime$28;
-  import_compiler_runtime$28 = require_compiler_runtime();
+  let import_compiler_runtime$30;
+  import_compiler_runtime$30 = require_compiler_runtime();
   Command = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$28.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", i), n[3] = i, n[4] = s);
@@ -12785,7 +13155,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   Command.displayName = _e.displayName;
   CommandInput = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$28.c)(19), i, o, s, c;
+    let n = (0, import_compiler_runtime$30.c)(19), i, o, s, c;
     n[0] === e ? (i = n[1], o = n[2], s = n[3], c = n[4]) : ({ className: i, icon: o, rootClassName: c, ...s } = e, n[0] = e, n[1] = i, n[2] = o, n[3] = s, n[4] = c);
     let d;
     n[5] === c ? d = n[6] : (d = cn("flex items-center border-b px-3", c), n[5] = c, n[6] = d);
@@ -12813,7 +13183,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandInput.displayName = _e.Input.displayName;
   CommandList = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$28.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("max-h-[300px] overflow-y-auto overflow-x-hidden", i), n[3] = i, n[4] = s);
@@ -12826,7 +13196,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandList.displayName = _e.List.displayName;
   CommandEmpty = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$28.c)(3), i;
+    let n = (0, import_compiler_runtime$30.c)(3), i;
     return n[0] !== e || n[1] !== t ? (i = (0, import_jsx_runtime.jsx)(_e.Empty, {
       ref: t,
       className: "py-6 text-center text-sm",
@@ -12835,7 +13205,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandEmpty.displayName = _e.Empty.displayName;
   var CommandGroup = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$28.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", i), n[3] = i, n[4] = s);
@@ -12848,7 +13218,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandGroup.displayName = _e.Group.displayName;
   CommandSeparator = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$28.c)(9), i, a;
+    let n = (0, import_compiler_runtime$30.c)(9), i, a;
     n[0] === e ? (i = n[1], a = n[2]) : ({ className: i, ...a } = e, n[0] = e, n[1] = i, n[2] = a);
     let o;
     n[3] === i ? o = n[4] : (o = menuSeparatorVariants({
@@ -12863,7 +13233,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandSeparator.displayName = _e.Separator.displayName;
   CommandItem = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$28.c)(17), i, o, s, c, d;
+    let n = (0, import_compiler_runtime$30.c)(17), i, o, s, c, d;
     if (n[0] !== t || n[1] !== e) {
       let { className: f2, variant: h, inset: _, ...v } = e;
       i = _e.Item, o = t, n[7] !== f2 || n[8] !== _ || n[9] !== h ? (s = cn(menuItemVariants({
@@ -12880,9 +13250,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[11] = i, n[12] = o, n[13] = s, n[14] = c, n[15] = d, n[16] = f) : f = n[16], f;
   });
   CommandItem.displayName = _e.Item.displayName;
-  var import_compiler_runtime$27 = require_compiler_runtime();
+  var import_compiler_runtime$29 = require_compiler_runtime();
   const DraggablePopover = (e) => {
-    let t = (0, import_compiler_runtime$27.c)(25), n, i, a;
+    let t = (0, import_compiler_runtime$29.c)(25), n, i, a;
     t[0] === e ? (n = t[1], i = t[2], a = t[3]) : ({ children: n, className: i, ...a } = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a);
     let o;
     t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
@@ -13122,7 +13492,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       negate: false
     };
   };
-  var import_compiler_runtime$26 = require_compiler_runtime(), WHITESPACE_CHARS = {
+  var import_compiler_runtime$28 = require_compiler_runtime(), WHITESPACE_CHARS = {
     " ": {
       marker: "\u2423",
       name: "space"
@@ -13198,7 +13568,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
   };
   function WhitespaceMarkers(e) {
-    let t = (0, import_compiler_runtime$26.c)(7), { value: n } = e;
+    let t = (0, import_compiler_runtime$28.c)(7), { value: n } = e;
     if (!n) return null;
     let i;
     t[0] === n ? i = t[1] : (i = describeWhitespace(n), t[0] = n, t[1] = i);
@@ -13213,7 +13583,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[4] = a, t[5] = o, t[6] = s) : s = t[6], s;
   }
   function SentinelCell(e) {
-    let t = (0, import_compiler_runtime$26.c)(15), { sentinel: n } = e, i = SENTINEL_CONFIG[n.type], a;
+    let t = (0, import_compiler_runtime$28.c)(15), { sentinel: n } = e, i = SENTINEL_CONFIG[n.type], a;
     t[0] !== i || t[1] !== n.value ? (a = i.label(n.value), t[0] = i, t[1] = n.value, t[2] = a) : a = t[2];
     let o = a, s;
     t[3] !== i || t[4] !== n.value ? (s = i.tooltip(n.value), t[3] = i, t[4] = n.value, t[5] = s) : s = t[5];
@@ -15277,7 +15647,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     ],
     unknown: []
   };
-  var import_compiler_runtime$25 = require_compiler_runtime();
+  var import_compiler_runtime$27 = require_compiler_runtime();
   function renderFormatOptions(e, t) {
     var _a2, _b, _c;
     let n = (_a2 = e.columnDef.meta) == null ? void 0 : _a2.dataType, i = n ? formatOptions[n] : [];
@@ -15476,7 +15846,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }) : null;
   }
   const ClearFilterMenuItem = (e) => {
-    let t = (0, import_compiler_runtime$25.c)(5), { column: n } = e, i;
+    let t = (0, import_compiler_runtime$27.c)(5), { column: n } = e, i;
     t[0] === n ? i = t[1] : (i = () => n.setFilterValue(void 0), t[0] = n, t[1] = i);
     let a;
     t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = (0, import_jsx_runtime.jsx)(FunnelX, {
@@ -15506,7 +15876,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
   }
   const FilterButtons = (e) => {
-    let t = (0, import_compiler_runtime$25.c)(8), { onApply: n, onClear: i, clearButtonDisabled: a } = e, o;
+    let t = (0, import_compiler_runtime$27.c)(8), { onApply: n, onClear: i, clearButtonDisabled: a } = e, o;
     t[0] === n ? o = t[1] : (o = (0, import_jsx_runtime.jsx)(Button, {
       variant: "link",
       size: "sm",
@@ -15531,9 +15901,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), t[5] = o, t[6] = s, t[7] = c) : c = t[7], c;
   };
-  var import_compiler_runtime$24 = require_compiler_runtime();
+  var import_compiler_runtime$26 = require_compiler_runtime();
   const MimeCell = (e) => {
-    let t = (0, import_compiler_runtime$24.c)(6), { value: n } = e, i;
+    let t = (0, import_compiler_runtime$26.c)(6), { value: n } = e, i;
     t[0] !== n.data || t[1] !== n.mimetype ? (i = {
       channel: "output",
       data: n.data,
@@ -16024,18 +16394,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     });
   }, PopoverFilterByValues = ({ setIsFilterValueOpen: e, calculateTopKRows: t, column: i }) => {
-    let [a, o] = (0, import_react.useState)(/* @__PURE__ */ new Set()), [s, c] = (0, import_react.useState)(""), { data: f, isPending: h, error: _ } = useAsyncData(async () => t ? (await t({
+    let [a, o] = (0, import_react.useState)(/* @__PURE__ */ new Set()), [s, c] = (0, import_react.useState)(""), { data: d, isPending: h, error: _ } = useAsyncData(async () => t ? (await t({
       column: i.id,
       k: TOP_K_ROWS
     })).data : null, []), v = (0, import_react.useMemo)(() => {
-      if (!f) return [];
+      if (!d) return [];
       try {
-        return f.filter(([e2, t2]) => e2 === void 0 ? false : String(e2).toLowerCase().includes(s.toLowerCase()));
+        return d.filter(([e2, t2]) => e2 === void 0 ? false : String(e2).toLowerCase().includes(s.toLowerCase()));
       } catch (e2) {
         return Logger.error("Error filtering data", e2), [];
       }
     }, [
-      f,
+      d,
       s
     ]), y;
     h && (y = (0, import_jsx_runtime.jsx)(Spinner, {
@@ -16051,7 +16421,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         return n ? i2.delete(e2) : i2.add(e2), i2;
       });
     }, w = (e2) => {
-      f && o(e2 ? new Set(v.map(([e3]) => e3)) : /* @__PURE__ */ new Set());
+      d && o(e2 ? new Set(v.map(([e3]) => e3)) : /* @__PURE__ */ new Set());
     }, E = () => {
       if (a.size === 0) {
         i.setFilterValue(void 0);
@@ -16064,7 +16434,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         operator: "in"
       }));
     };
-    if (f) {
+    if (d) {
       let e2 = a.size === v.length;
       y = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
@@ -16073,7 +16443,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             shouldFilter: false,
             children: [
               (0, import_jsx_runtime.jsx)(CommandInput, {
-                placeholder: `Search among the top ${f.length} values`,
+                placeholder: `Search among the top ${d.length} values`,
                 autoFocus: true,
                 onValueChange: (e3) => c(e3.trim())
               }),
@@ -16216,9 +16586,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let [t, n] = import_react.useState(e), [i, a] = import_react.useState(null);
     return e !== t && (a(t), n(e)), i;
   };
-  var import_compiler_runtime$23 = require_compiler_runtime();
+  var import_compiler_runtime$25 = require_compiler_runtime();
   DelayMount = (e) => {
-    let t = (0, import_compiler_runtime$23.c)(13), { milliseconds: n, children: i, fallback: a, visibility: o, threshold: s, rootMargin: c } = e, d = o === void 0 ? false : o, f = s === void 0 ? 0 : s, h = c === void 0 ? "0px" : c, [_, v] = (0, import_react.useState)(false), [y, S] = (0, import_react.useState)(false), w;
+    let t = (0, import_compiler_runtime$25.c)(13), { milliseconds: n, children: i, fallback: a, visibility: o, threshold: s, rootMargin: c } = e, d = o === void 0 ? false : o, f = s === void 0 ? 0 : s, h = c === void 0 ? "0px" : c, [_, v] = (0, import_react.useState)(false), [y, S] = (0, import_react.useState)(false), w;
     t[0] !== h || t[1] !== f ? (w = {
       threshold: f,
       root: null,
@@ -16243,15 +16613,15 @@ 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,
-      children: q
-    }), t[10] = oj, t[11] = q, t[12] = J) : J = t[12], J;
+    let K = d && !y ? false : _, q = d ? E : null, J = K ? i : a, Q;
+    return t[10] !== q || t[11] !== J ? (Q = (0, import_jsx_runtime.jsx)("div", {
+      ref: q,
+      children: J
+    }), t[10] = q, t[11] = J, t[12] = Q) : Q = t[12], Q;
   };
-  var import_compiler_runtime$22 = require_compiler_runtime();
+  var import_compiler_runtime$24 = require_compiler_runtime();
   const DatePopover = (e) => {
-    let t = (0, import_compiler_runtime$22.c)(15), { date: n, type: i, children: a } = e;
+    let t = (0, import_compiler_runtime$24.c)(15), { date: n, type: i, children: a } = e;
     if (!n || Number.isNaN(new Date(n).getTime())) return a;
     let o;
     t[0] === n ? o = t[1] : (o = new Date(n), t[0] = n, t[1] = o);
@@ -16291,7 +16661,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[12] = h, t[13] = _, t[14] = v) : v = t[14], v;
   };
   var TimezoneDisplay = (e) => {
-    let t = (0, import_compiler_runtime$22.c)(26), { date: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
+    let t = (0, import_compiler_runtime$24.c)(26), { date: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
     t[0] === i ? a = t[1] : (a = Intl.DateTimeFormat(i).resolvedOptions(), t[0] = i, t[1] = a);
     let o = a.timeZone, s = n.getUTCMilliseconds() !== 0, c;
     t[2] === s ? c = t[3] : (c = s ? {
@@ -16367,7 +16737,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), t[23] = O, t[24] = y, t[25] = A) : A = t[25], A;
   }, DateDisplay = (e) => {
-    let t = (0, import_compiler_runtime$22.c)(6), { date: n } = e, i;
+    let t = (0, import_compiler_runtime$24.c)(6), { date: n } = e, i;
     t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
       timeZone: "UTC",
       dateStyle: "long"
@@ -16379,7 +16749,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: o
     }), t[4] = o, t[5] = s), s;
   }, RelativeTime = (e) => {
-    let t = (0, import_compiler_runtime$22.c)(6), { date: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a, o;
+    let t = (0, import_compiler_runtime$24.c)(6), { date: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a, o;
     if (t[0] !== n || t[1] !== i) {
       o = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -16431,7 +16801,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return t[4] === a ? s = t[5] : (s = (0, import_jsx_runtime.jsx)("span", {
       children: a
     }), t[4] = a, t[5] = s), s;
-  }, import_compiler_runtime$21 = require_compiler_runtime(), hashString = (e) => {
+  }, import_compiler_runtime$23 = require_compiler_runtime(), hashString = (e) => {
     let t = 0;
     for (let n = 0; n < e.length; n++) {
       let i = e.charCodeAt(n);
@@ -16448,7 +16818,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return i;
   };
   const ChartSkeleton = (e) => {
-    let t = (0, import_compiler_runtime$21.c)(11), { seed: n, width: i, height: a } = e, o = i / 9, s = a - 15, c;
+    let t = (0, import_compiler_runtime$23.c)(11), { seed: n, width: i, height: a } = e, o = i / 9, s = a - 15, c;
     if (t[0] !== o || t[1] !== a || t[2] !== n || t[3] !== s || t[4] !== i) {
       let e2 = generateHeights({
         numBars: 9,
@@ -16827,7 +17197,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let c = s / t.length;
     return Math.max(c, 1);
   }
-  let MAX_BAR_HEIGHT, BIN_END_EXTENSION_FACTOR, CONCAT_CHART_HEIGHT, CONCAT_CHART_WIDTH, CONCAT_NULL_BAR_WIDTH, BAR_COLOR, UNHOVERED_BAR_OPACITY, NULL_BAR_COLOR, import_compiler_runtime$20;
+  let MAX_BAR_HEIGHT, BIN_END_EXTENSION_FACTOR, CONCAT_CHART_HEIGHT, CONCAT_CHART_WIDTH, CONCAT_NULL_BAR_WIDTH, BAR_COLOR, UNHOVERED_BAR_OPACITY, NULL_BAR_COLOR, import_compiler_runtime$22;
   MAX_BAR_HEIGHT = 20;
   BIN_END_EXTENSION_FACTOR = 0.1;
   CONCAT_CHART_HEIGHT = 30;
@@ -17464,11 +17834,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   }, __publicField(_a, "EMPTY", new _a([], /* @__PURE__ */ new Map(), {}, {}, {}, {
     includeCharts: false
   })), _a);
-  import_compiler_runtime$20 = require_compiler_runtime();
+  import_compiler_runtime$22 = require_compiler_runtime();
   ColumnChartContext = import_react.createContext(ColumnChartSpecModel.EMPTY);
   var batchedLoader = createBatchedLoader();
   const TableColumnSummary = (e) => {
-    let t = (0, import_compiler_runtime$20.c)(21), { columnId: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a = import_react.use(ColumnChartContext), { theme: o } = useTheme(), s, c, d;
+    let t = (0, import_compiler_runtime$22.c)(21), { columnId: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a = import_react.use(ColumnChartContext), { theme: o } = useTheme(), s, c, d;
     if (t[0] !== a || t[1] !== n || t[2] !== i || t[3] !== o) {
       let { spec: e2, type: f2, stats: h } = a.getHeaderSummary(n), _ = null;
       if (e2) {
@@ -17679,8 +18049,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let a = e.at(-1);
     return n.push(a), n;
   }
-  var import_compiler_runtime$19 = require_compiler_runtime(), ImageWithFallback = (e) => {
-    let t = (0, import_compiler_runtime$19.c)(14), { url: n } = e, [i, a] = (0, import_react.useState)(false), [o, s] = (0, import_react.useState)(false);
+  var import_compiler_runtime$21 = require_compiler_runtime(), ImageWithFallback = (e) => {
+    let t = (0, import_compiler_runtime$21.c)(14), { url: n } = e, [i, a] = (0, import_react.useState)(false), [o, s] = (0, import_react.useState)(false);
     if (i) {
       let e2;
       return t[0] === n ? e2 = t[1] : (e2 = (0, import_jsx_runtime.jsx)(URLAnchor, {
@@ -17754,7 +18124,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return t.some((e2) => n.has(e2.type));
   }
   const MarkdownUrlDetector = (e) => {
-    let t = (0, import_compiler_runtime$19.c)(4), { content: n, parts: i } = e;
+    let t = (0, import_compiler_runtime$21.c)(4), { content: n, parts: i } = e;
     if (isMarkdown(n)) {
       let e2;
       return t[0] === n ? e2 = t[1] : (e2 = (0, import_jsx_runtime.jsx)(MarkdownRenderer, {
@@ -17771,7 +18141,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     url: e2.url
   }, t) : e2.value);
   var URLAnchor = (e) => {
-    let t = (0, import_compiler_runtime$19.c)(3), { url: n } = e, i;
+    let t = (0, import_compiler_runtime$21.c)(3), { url: n } = e, i;
     t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = Events.stopPropagation(), t[0] = i) : i = t[0];
     let a;
     return t[1] === n ? a = t[2] : (a = (0, import_jsx_runtime.jsx)("a", {
@@ -17936,7 +18306,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       enableHiding: false
     }), O;
   };
-  var PopoutColumn = ({ cellStyles: e, selectCell: t, rawStringValue: n, edges: i, contentClassName: o, buttonText: s, wrapped: c, children: f }) => {
+  var PopoutColumn = ({ cellStyles: e, selectCell: t, rawStringValue: n, edges: i, contentClassName: o, buttonText: s, wrapped: c, children: d }) => {
     let h = i !== void 0 && (i.leading.length > 0 || i.trailing.length > 0) ? n.slice(i.leading.length, n.length - i.trailing.length) : n;
     return (0, import_jsx_runtime.jsx)(EmotionCacheProvider, {
       container: null,
@@ -17984,7 +18354,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                   })
                 ]
               }),
-              f
+              d
             ]
           })
         ]
@@ -18163,10 +18533,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       maximumFractionDigits: maxFractionalDigits(n)
     }).format(e);
   };
-  let import_compiler_runtime$18;
-  import_compiler_runtime$18 = require_compiler_runtime();
+  let import_compiler_runtime$20;
+  import_compiler_runtime$20 = require_compiler_runtime();
   Table = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$18.c)(9), i, o;
+    let n = (0, import_compiler_runtime$20.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("w-full caption-bottom text-sm", i), n[3] = i, n[4] = s);
@@ -18182,7 +18552,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   Table.displayName = "Table";
   TableHeader = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$18.c)(9), i, o;
+    let n = (0, import_compiler_runtime$20.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("[&_tr]:border-b bg-background", i), n[3] = i, n[4] = s);
@@ -18195,7 +18565,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableHeader.displayName = "TableHeader";
   TableBody = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$18.c)(9), i, o;
+    let n = (0, import_compiler_runtime$20.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("[&_tr:last-child]:border-0", i), n[3] = i, n[4] = s);
@@ -18208,7 +18578,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableBody.displayName = "TableBody";
   var TableFooter = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$18.c)(9), i, o;
+    let n = (0, import_compiler_runtime$20.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("bg-primary font-medium text-primary-foreground", i), n[3] = i, n[4] = s);
@@ -18221,7 +18591,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableFooter.displayName = "TableFooter";
   TableRow = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$18.c)(9), i, o;
+    let n = (0, import_compiler_runtime$20.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("border-b transition-colors bg-background hover:bg-(--slate-2) data-[state=selected]:bg-(--slate-3)", i), n[3] = i, n[4] = s);
@@ -18234,7 +18604,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableRow.displayName = "TableRow";
   TableHead = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$18.c)(9), i, o;
+    let n = (0, import_compiler_runtime$20.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", i), n[3] = i, n[4] = s);
@@ -18247,7 +18617,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableHead.displayName = "TableHead";
   TableCell = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$18.c)(9), i, o;
+    let n = (0, import_compiler_runtime$20.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("p-1.5 align-middle [&:has([role=checkbox])]:pr-0", i), n[3] = i, n[4] = s);
@@ -18260,7 +18630,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableCell.displayName = "TableCell";
   var TableCaption = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$18.c)(9), i, o;
+    let n = (0, import_compiler_runtime$20.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("mt-4 text-sm text-muted-foreground", i), n[3] = i, n[4] = s);
@@ -18473,7 +18843,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: q, resizePanel: J, unregisterPanel: Q } = E, vM = useUniqueId(s), $ = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -18486,72 +18856,72 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: sj,
+      id: vM,
       idIsFromProps: s !== void 0,
       order: v
     });
     (0, import_react.useRef)({
       didLogMissingDefaultSizeWarning: false
     }), useIsomorphicLayoutEffect$1(() => {
-      let { callbacks: e2, constraints: t2 } = Q.current, o2 = {
+      let { callbacks: e2, constraints: t2 } = $.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);
+      $.current.id = vM, $.current.idIsFromProps = s !== void 0, $.current.order = v, e2.onCollapse = f, e2.onExpand = h, e2.onResize = _, t2.collapsedSize = n, t2.collapsible = i, t2.defaultSize = a, t2.maxSize = c, t2.minSize = d, (o2.collapsedSize !== t2.collapsedSize || o2.collapsible !== t2.collapsible || o2.maxSize !== t2.maxSize || o2.minSize !== t2.minSize) && K($.current, o2);
     }), useIsomorphicLayoutEffect$1(() => {
-      let e2 = Q.current;
-      return oj(e2), () => {
-        J(e2);
+      let e2 = $.current;
+      return q(e2), () => {
+        Q(e2);
       };
     }, [
       v,
-      sj,
-      oj,
-      J
+      vM,
+      q,
+      Q
     ]), (0, import_react.useImperativeHandle)(o, () => ({
       collapse: () => {
-        O(Q.current);
+        O($.current);
       },
       expand: (e2) => {
-        A(Q.current, e2);
+        A($.current, e2);
       },
       getId() {
-        return sj;
+        return vM;
       },
       getSize() {
-        return M(Q.current);
+        return M($.current);
       },
       isCollapsed() {
-        return U(Q.current);
+        return U($.current);
       },
       isExpanded() {
-        return !U(Q.current);
+        return !U($.current);
       },
       resize: (e2) => {
-        q(Q.current, e2);
+        J($.current, e2);
       }
     }), [
       O,
       A,
       M,
       U,
-      sj,
-      q
+      vM,
+      J
     ]);
-    let cj = I(Q.current, a);
+    let yM = I($.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: sj,
+      id: vM,
       style: {
-        ...cj,
+        ...yM,
         ...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]: vM,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + yM.flexGrow).toFixed(1)
     });
   }
   var Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -19288,7 +19658,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 q = (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);
@@ -19305,7 +19675,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           compareLayouts(n2, d2) || (O(d2), K.current.layout = d2, t2 && t2(d2), callPanelCallbacks(i2, d2, M.current));
         }
       }
-    }, []), q = (0, import_react.useCallback)((e2, t2) => {
+    }, []), J = (0, import_react.useCallback)((e2, t2) => {
       let { onLayout: n2 } = U.current, { layout: i2, panelDataArray: a2 } = K.current;
       if (e2.constraints.collapsible) {
         let o2 = a2.map((e3) => e3.constraints), { collapsedSize: s2 = 0, panelSize: c2 = 0, minSize: d2 = 0, pivotIndices: f2 } = panelDataHelper(a2, e2, i2), h2 = t2 ?? d2;
@@ -19321,10 +19691,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           compareLayouts(i2, d3) || (O(d3), K.current.layout = d3, n2 && n2(d3), callPanelCallbacks(a2, d3, M.current));
         }
       }
-    }, []), J = (0, import_react.useCallback)((e2) => {
+    }, []), Q = (0, import_react.useCallback)((e2) => {
       let { layout: t2, panelDataArray: n2 } = K.current, { panelSize: i2 } = panelDataHelper(n2, e2, t2);
       return assert(i2 != null, `Panel size not found for panel "${e2.id}"`), i2;
-    }, []), sj = (0, import_react.useCallback)((e2, t2) => {
+    }, []), vM = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -19336,13 +19706,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       S,
       E
-    ]), Q = (0, import_react.useCallback)((e2) => {
+    ]), $ = (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) => {
+    }, []), yM = (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) => {
+    }, []), bM = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current;
       t2.push(e2), t2.sort((e3, t3) => {
         let n2 = e3.order, i2 = t3.order;
@@ -19374,7 +19744,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         e2.layout = [];
       };
     }, []);
-    let lj = (0, import_react.useCallback)((e2) => {
+    let xM = (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 +19762,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) => {
+    }, []), SM = (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 +19774,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) => {
+    }, []), CM = (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) || SM(e2, s2) : h2 < f2 ? SM(e2, f2) : h2 > d2 && SM(e2, d2));
     }, [
-      uj
-    ]), fj = (0, import_react.useCallback)((e2, t2) => {
+      SM
+    ]), wM = (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 +19791,49 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), pj = (0, import_react.useCallback)(() => {
+    }, []), TM = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), mj = (0, import_react.useCallback)((e2) => {
+    }, []), EM = (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,
+    ]), DM = (0, import_react.useMemo)(() => ({
+      collapsePanel: q,
       direction: i,
       dragState: S,
-      expandPanel: q,
-      getPanelSize: J,
-      getPanelStyle: sj,
+      expandPanel: J,
+      getPanelSize: Q,
+      getPanelStyle: vM,
       groupId: v,
-      isPanelCollapsed: Q,
-      isPanelExpanded: cj,
-      reevaluatePanelConstraints: dj,
-      registerPanel: $,
-      registerResizeHandle: lj,
-      resizePanel: uj,
-      startDragging: fj,
-      stopDragging: pj,
-      unregisterPanel: mj,
+      isPanelCollapsed: $,
+      isPanelExpanded: yM,
+      reevaluatePanelConstraints: CM,
+      registerPanel: bM,
+      registerResizeHandle: xM,
+      resizePanel: SM,
+      startDragging: wM,
+      stopDragging: TM,
+      unregisterPanel: EM,
       panelGroupElement: y.current
     }), [
-      oj,
+      q,
       S,
       i,
-      q,
       J,
-      sj,
-      v,
       Q,
-      cj,
-      dj,
+      vM,
+      v,
       $,
-      lj,
-      uj,
-      fj,
-      pj,
-      mj
-    ]), gj = {
+      yM,
+      CM,
+      bM,
+      xM,
+      SM,
+      wM,
+      TM,
+      EM
+    ]), OM = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -19471,7 +19841,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: hj
+      value: DM
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -19479,7 +19849,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...gj,
+        ...OM,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -19556,50 +19926,50 @@ 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)({
-      state: q
+    let { direction: A, groupId: M, registerResizeHandle: I, startDragging: z, stopDragging: U, panelGroupElement: K } = O, q = useUniqueId(a), [J, Q] = (0, import_react.useState)("inactive"), [vM, $] = (0, import_react.useState)(false), [yM, bM] = (0, import_react.useState)(null), xM = (0, import_react.useRef)({
+      state: J
     });
     useIsomorphicLayoutEffect$1(() => {
-      lj.current.state = q;
+      xM.current.state = J;
     }), (0, import_react.useEffect)(() => {
-      if (n) $(null);
+      if (n) bM(null);
       else {
-        let e2 = I(oj);
-        $(() => e2);
+        let e2 = I(q);
+        bM(() => e2);
       }
     }, [
       n,
-      oj,
+      q,
       I
     ]);
-    let uj = (i == null ? void 0 : i.coarse) ?? 15, dj = (i == null ? void 0 : i.fine) ?? 5;
+    let SM = (i == null ? void 0 : i.coarse) ?? 15, CM = (i == null ? void 0 : i.fine) ?? 5;
     (0, import_react.useEffect)(() => {
-      if (n || cj == null) return;
+      if (n || yM == 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(q, e2, A, {
+        coarse: SM,
+        fine: CM
       }, (e3, n2, i2) => {
         if (!n2) {
-          J("inactive");
+          Q("inactive");
           return;
         }
         switch (e3) {
           case "down": {
-            J("drag"), t2 = false, assert(i2, 'Expected event to be defined for "down" action'), z(oj, i2);
+            Q("drag"), t2 = false, assert(i2, 'Expected event to be defined for "down" action'), z(q, 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 } = xM.current;
+            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), yM(i2);
             break;
           }
           case "up": {
-            J("hover"), U();
+            Q("hover"), U();
             let { onClick: e4, onDragging: n3, onPointerUp: i3 } = E.current;
             n3 == null ? void 0 : n3(false), i3 == null ? void 0 : i3(), t2 || (e4 == null ? void 0 : e4());
             break;
@@ -19607,22 +19977,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      uj,
+      SM,
       A,
       n,
-      dj,
+      CM,
       I,
-      oj,
-      cj,
+      q,
+      yM,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
-      handleId: oj,
-      resizeHandler: cj,
+      handleId: q,
+      resizeHandler: yM,
       panelGroupElement: K
     });
-    let fj = {
+    let wM = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -19632,30 +20002,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       className: t,
       id: a,
       onBlur: () => {
-        Q(false), o == null ? void 0 : o();
+        $(false), o == null ? void 0 : o();
       },
       onFocus: () => {
-        Q(true), d == null ? void 0 : d();
+        $(true), d == null ? void 0 : d();
       },
       ref: w,
       role: "separator",
       style: {
-        ...fj,
+        ...wM,
         ..._
       },
       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]: J === "drag" ? "pointer" : vM ? "keyboard" : void 0,
       [DATA_ATTRIBUTES.resizeHandleEnabled]: !n,
-      [DATA_ATTRIBUTES.resizeHandleId]: oj,
-      [DATA_ATTRIBUTES.resizeHandleState]: q
+      [DATA_ATTRIBUTES.resizeHandleId]: q,
+      [DATA_ATTRIBUTES.resizeHandleState]: J
     });
   }
   PanelResizeHandle.displayName = "PanelResizeHandle";
-  let import_compiler_runtime$17, toggleVariants;
-  import_compiler_runtime$17 = require_compiler_runtime();
+  let import_compiler_runtime$19, toggleVariants;
+  import_compiler_runtime$19 = require_compiler_runtime();
   toggleVariants = cva(cn("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"), {
     variants: {
       variant: {
@@ -19675,7 +20045,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
   });
   Toggle = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$17.c)(13), i, o, s, c;
+    let n = (0, import_compiler_runtime$19.c)(13), i, o, s, c;
     n[0] === e ? (i = n[1], o = n[2], s = n[3], c = n[4]) : ({ className: i, variant: c, size: s, ...o } = e, n[0] = e, n[1] = i, n[2] = o, n[3] = s, n[4] = c);
     let d;
     n[5] !== i || n[6] !== s || n[7] !== c ? (d = cn(toggleVariants({
@@ -19702,14 +20072,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   contextAwarePanelOpen = atom(false);
   atom(false);
   isCellAwareAtom = atom(false);
-  var import_compiler_runtime$16 = require_compiler_runtime();
+  var import_compiler_runtime$18 = require_compiler_runtime();
   let CellHoverTemplateFeature;
   PANEL_TYPES = {
     ROW_VIEWER: "row-viewer",
     COLUMN_EXPLORER: "column-explorer"
   };
   ContextAwarePanelItem = (e) => {
-    let t = (0, import_compiler_runtime$16.c)(2), { children: n } = e, i;
+    let t = (0, import_compiler_runtime$18.c)(2), { children: n } = e, i;
     return t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsx)(ErrorBoundary, {
       children: (0, import_jsx_runtime.jsx)(Fill, {
         name: SlotNames.CONTEXT_AWARE_PANEL,
@@ -19909,9 +20279,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ...e
     ];
   }
-  var import_compiler_runtime$15 = require_compiler_runtime();
+  var import_compiler_runtime$17 = require_compiler_runtime();
   function useScrollContainerHeight(e) {
-    let t = (0, import_compiler_runtime$15.c)(8), { maxHeight: n, virtualize: i } = e, a = (0, import_react.useRef)(null), o, s;
+    let t = (0, import_compiler_runtime$17.c)(8), { maxHeight: n, virtualize: i } = e, a = (0, import_react.useRef)(null), o, s;
     t[0] !== n || t[1] !== i ? (o = () => {
       if (!a.current) return;
       let e2 = a.current.parentElement;
@@ -20508,9 +20878,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     var _a2;
     window.getSelection && ((_a2 = window.getSelection()) == null ? void 0 : _a2.empty());
   };
-  var import_compiler_runtime$14 = require_compiler_runtime();
+  var import_compiler_runtime$16 = require_compiler_runtime();
   const CellSelectionProvider = (e) => {
-    let t = (0, import_compiler_runtime$14.c)(3), { children: n } = e, i;
+    let t = (0, import_compiler_runtime$16.c)(3), { children: n } = e, i;
     t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = [
       cellSelectionStateAtom
     ], t[0] = i) : i = t[0];
@@ -21065,8 +21435,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ...e
     });
   }
-  var import_compiler_runtime$13 = require_compiler_runtime(), ContextMenu = Root2$1, ContextMenuTrigger = Trigger$1, ContextMenuPortal = withFullScreenAsRoot(Portal2), InternalContextMenuContent = withSmartCollisionBoundary(Content2), InternalContextMenuSubContent = withSmartCollisionBoundary(SubContent2), ContextMenuSubTrigger = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$13.c)(14), i, a, o, s;
+  var import_compiler_runtime$15 = require_compiler_runtime(), ContextMenu = Root2$2, ContextMenuTrigger = Trigger$1, ContextMenuPortal = withFullScreenAsRoot(Portal2), InternalContextMenuContent = withSmartCollisionBoundary(Content2), InternalContextMenuSubContent = withSmartCollisionBoundary(SubContent2), ContextMenuSubTrigger = import_react.forwardRef((e, t) => {
+    let n = (0, import_compiler_runtime$15.c)(14), i, a, o, s;
     n[0] === e ? (i = n[1], a = n[2], o = n[3], s = n[4]) : ({ className: a, inset: o, children: i, ...s } = e, n[0] = e, n[1] = i, n[2] = a, n[3] = o, n[4] = s);
     let c;
     n[5] !== a || n[6] !== o ? (c = menuSubTriggerVariants({
@@ -21090,7 +21460,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   ContextMenuSubTrigger.displayName = SubTrigger2.displayName;
   var contentCommon = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", ContextMenuSubContent = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$13.c)(9), i, o;
+    let n = (0, import_compiler_runtime$15.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn(menuContentCommon({
@@ -21105,7 +21475,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   ContextMenuSubContent.displayName = SubContent2.displayName;
   var ContextMenuContent = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$13.c)(15), i, o, s;
+    let n = (0, import_compiler_runtime$15.c)(15), i, o, s;
     n[0] === e ? (i = n[1], o = n[2], s = n[3]) : ({ className: i, scrollable: s, ...o } = e, n[0] = e, n[1] = i, n[2] = o, n[3] = s);
     let c = s === void 0 ? true : s, d;
     n[4] !== i || n[5] !== c ? (d = cn(menuContentCommon(), contentCommon, c && "overflow-auto", i), n[4] = i, n[5] = c, n[6] = d) : d = n[6];
@@ -21128,7 +21498,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   ContextMenuContent.displayName = Content2.displayName;
   var ContextMenuItem = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$13.c)(13), i, a, o, s;
+    let n = (0, import_compiler_runtime$15.c)(13), i, a, o, s;
     n[0] === e ? (i = n[1], a = n[2], o = n[3], s = n[4]) : ({ className: i, inset: a, variant: s, ...o } = e, n[0] = e, n[1] = i, n[2] = a, n[3] = o, n[4] = s);
     let c;
     n[5] !== i || n[6] !== a || n[7] !== s ? (c = menuItemVariants({
@@ -21137,15 +21507,15 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       variant: s
     }), n[5] = i, n[6] = a, n[7] = s, n[8] = c) : c = n[8];
     let d;
-    return n[9] !== o || n[10] !== t || n[11] !== c ? (d = (0, import_jsx_runtime.jsx)(Item2, {
+    return n[9] !== o || n[10] !== t || n[11] !== c ? (d = (0, import_jsx_runtime.jsx)(Item2$1, {
       ref: t,
       className: c,
       ...o
     }), n[9] = o, n[10] = t, n[11] = c, n[12] = d) : d = n[12], d;
   });
-  ContextMenuItem.displayName = Item2.displayName;
+  ContextMenuItem.displayName = Item2$1.displayName;
   var ContextMenuCheckboxItem = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$13.c)(15), i, a, o, s;
+    let n = (0, import_compiler_runtime$15.c)(15), i, a, o, s;
     n[0] === e ? (i = n[1], a = n[2], o = n[3], s = n[4]) : ({ className: o, children: a, checked: i, ...s } = e, n[0] = e, n[1] = i, n[2] = a, n[3] = o, n[4] = s);
     let c;
     n[5] === o ? c = n[6] : (c = menuControlVariants({
@@ -21176,7 +21546,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   ContextMenuCheckboxItem.displayName = CheckboxItem2.displayName;
   var ContextMenuRadioItem = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$13.c)(13), i, a, o;
+    let n = (0, import_compiler_runtime$15.c)(13), i, a, o;
     n[0] === e ? (i = n[1], a = n[2], o = n[3]) : ({ className: a, children: i, ...o } = e, n[0] = e, n[1] = i, n[2] = a, n[3] = o);
     let s;
     n[4] === a ? s = n[5] : (s = menuControlCheckVariants({
@@ -21206,7 +21576,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   ContextMenuRadioItem.displayName = RadioItem2.displayName;
   var ContextMenuLabel = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$13.c)(11), i, a, o;
+    let n = (0, import_compiler_runtime$15.c)(11), i, a, o;
     n[0] === e ? (i = n[1], a = n[2], o = n[3]) : ({ className: i, inset: a, ...o } = e, n[0] = e, n[1] = i, n[2] = a, n[3] = o);
     let s;
     n[4] !== i || n[5] !== a ? (s = menuLabelVariants({
@@ -21222,7 +21592,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   ContextMenuLabel.displayName = Label2.displayName;
   var ContextMenuSeparator = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$13.c)(9), i, o;
+    let n = (0, import_compiler_runtime$15.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn(menuSeparatorVariants({
@@ -21236,9 +21606,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
   });
   ContextMenuSeparator.displayName = Separator2.displayName;
-  var import_compiler_runtime$12 = require_compiler_runtime();
+  var import_compiler_runtime$14 = require_compiler_runtime();
   const DataTableContextMenu = (e) => {
-    let t = (0, import_compiler_runtime$12.c)(12), { contextMenuRef: i, tableBody: a, tableRef: o, copyAllCells: s } = e, c;
+    let t = (0, import_compiler_runtime$14.c)(12), { contextMenuRef: i, tableBody: a, tableRef: o, copyAllCells: s } = e, c;
     t[0] !== i || t[1] !== o ? (c = (e2) => {
       var _a2;
       let t2 = i.current;
@@ -21338,9 +21708,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     });
   };
-  var import_compiler_runtime$11 = require_compiler_runtime();
+  var import_compiler_runtime$13 = require_compiler_runtime();
   const CellRangeSelectionIndicator = (0, import_react.memo)((e) => {
-    let t = (0, import_compiler_runtime$11.c)(9), { cellId: n, className: i } = e, o;
+    let t = (0, import_compiler_runtime$13.c)(9), { cellId: n, className: i } = e, o;
     t[0] === n ? o = t[1] : (o = createCellStateAtom(n), t[0] = n, t[1] = o);
     let { isSelected: s, isCopied: c } = useAtomValue(o);
     if (!s && !c) return null;
@@ -21353,9 +21723,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[6] = n, t[7] = h, t[8] = _) : _ = t[8], _;
   });
   CellRangeSelectionIndicator.displayName = "CellRangeSelectionIndicator";
-  var import_compiler_runtime$10 = require_compiler_runtime();
+  var import_compiler_runtime$12 = require_compiler_runtime();
   const useCellRangeSelection = (e) => {
-    let t = (0, import_compiler_runtime$10.c)(30), { table: n } = e, i = useCellSelectionReducerActions(), a;
+    let t = (0, import_compiler_runtime$12.c)(30), { table: n } = e, i = useCellSelectionReducerActions(), a;
     t[0] !== i || t[1] !== n ? (a = () => {
       i.handleCopy({
         table: n,
@@ -21446,9 +21816,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let t = e.target;
     return t === e.currentTarget || !(t instanceof Element) ? false : t.closest(INTERACTIVE_SELECTOR) !== null;
   }
-  var import_compiler_runtime$9 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
+  var import_compiler_runtime$11 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
   function useScrollIntoViewOnFocus(e) {
-    let t = (0, import_compiler_runtime$9.c)(2), i;
+    let t = (0, import_compiler_runtime$11.c)(2), i;
     t[0] === e ? i = t[1] : (i = (t2) => {
       (t2 == null ? void 0 : t2.cellId) && setTimeout(() => {
         var _a2;
@@ -21580,7 +21950,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           })
         ]
       }, e2.id);
-    }, oj = t.length <= 4, q = t.length + (oj ? 1 : 0);
+    }, q = t.length <= 4, J = t.length + (q ? 1 : 0);
     return (0, import_jsx_runtime.jsx)(DataTableContextMenu, {
       tableBody: (0, import_jsx_runtime.jsx)(TableBody, {
         onKeyDown: w,
@@ -21589,7 +21959,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           var _a2, _b;
           if (c.length === 0) return (0, import_jsx_runtime.jsx)(TableRow, {
             children: (0, import_jsx_runtime.jsx)(TableCell, {
-              colSpan: q,
+              colSpan: J,
               className: "h-24 text-center",
               children: "No results."
             })
@@ -21604,7 +21974,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                     height: e2[0].start
                   },
                   children: (0, import_jsx_runtime.jsx)("td", {
-                    colSpan: q
+                    colSpan: J
                   })
                 }),
                 e2.map((e3) => K(c[e3.index])),
@@ -21614,7 +21984,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                     height: t2 - (((_b = e2.at(-1)) == null ? void 0 : _b.end) ?? t2)
                   },
                   children: (0, import_jsx_runtime.jsx)("td", {
-                    colSpan: q
+                    colSpan: J
                   })
                 })
               ]
@@ -21652,7 +22022,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }));
   }
   const DataTablePagination = ({ table: e, tableLoading: t, showPageSizeSelector: n }) => {
-    let { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), s = Math.min(e.getState().pagination.pageIndex + 1, e.getPageCount()), c = e.getPageCount(), f = e.getState().pagination.pageSize, h = (e2) => {
+    let { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), s = Math.min(e.getState().pagination.pageIndex + 1, e.getPageCount()), c = e.getPageCount(), d = e.getState().pagination.pageSize, h = (e2) => {
       t || e2();
     }, _ = [
       .../* @__PURE__ */ new Set([
@@ -21661,7 +22031,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         25,
         50,
         100,
-        f
+        d
       ])
     ].toSorted((e2, t2) => e2 - t2);
     return (0, import_jsx_runtime.jsxs)("div", {
@@ -21679,7 +22049,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                     type: "button",
                     className: "border rounded justify-between pl-1.5 pr-0.5 h-6 text-xs items-center hover:bg-accent inline-flex gap-0.5",
                     children: [
-                      f,
+                      d,
                       " / page",
                       (0, import_jsx_runtime.jsx)(ChevronDown, {
                         className: "h-3 w-3 opacity-50 mb-px"
@@ -21698,7 +22068,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                     [
                       ..._
                     ].map((t2) => (0, import_jsx_runtime.jsx)(DropdownMenuItem, {
-                      className: cn("text-xs cursor-pointer", t2 === f && "font-semibold bg-accent"),
+                      className: cn("text-xs cursor-pointer", t2 === d && "font-semibold bg-accent"),
                       onSelect: () => e.setPageSize(t2),
                       onMouseDown: Events.preventFocus,
                       children: t2
@@ -21972,9 +22342,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     e === "too_many" ? "Unknown" : prettifyRowCount(e, n),
     `${prettyNumber(t, n)} ${new PluralWord("column").pluralize(t)}`
   ].join(", ");
-  var import_compiler_runtime$8 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
+  var import_compiler_runtime$10 = require_compiler_runtime(), MAX_FRACTION_DIGITS = 3;
   const CellSelectionStats = (e) => {
-    let t = (0, import_compiler_runtime$8.c)(21), { table: n, className: i } = e, { locale: o } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), s = useAtomValue(selectedCellsAtom), c = countDataCellsInSelection(s);
+    let t = (0, import_compiler_runtime$10.c)(21), { table: n, className: i } = e, { locale: o } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), s = useAtomValue(selectedCellsAtom), c = countDataCellsInSelection(s);
     if (c < 2) {
       let e2;
       t[0] === i ? e2 = t[1] : (e2 = cn("text-xs text-muted-foreground/80 italic", i), t[0] = i, t[1] = e2);
@@ -22017,7 +22387,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   var formatNumber = (e, t) => e.toLocaleString(t, {
     maximumFractionDigits: MAX_FRACTION_DIGITS
   }), StatSpan = (e) => {
-    let t = (0, import_compiler_runtime$8.c)(6), { name: n, value: i, locale: a } = e, o;
+    let t = (0, import_compiler_runtime$10.c)(6), { name: n, value: i, locale: a } = e, o;
     t[0] !== a || t[1] !== i ? (o = formatNumber(i, a), t[0] = a, t[1] = i, t[2] = o) : o = t[2];
     let s;
     return t[3] !== n || t[4] !== o ? (s = (0, import_jsx_runtime.jsxs)("span", {
@@ -22028,18 +22398,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), t[3] = n, t[4] = o, t[5] = s) : s = t[5], s;
   }, CountStat = (e) => {
-    let t = (0, import_compiler_runtime$8.c)(3), { count: n, locale: i } = e, a;
+    let t = (0, import_compiler_runtime$10.c)(3), { count: n, locale: i } = e, a;
     return t[0] !== n || t[1] !== i ? (a = (0, import_jsx_runtime.jsx)(StatSpan, {
       name: "Count",
       value: n,
       locale: i
     }), t[0] = n, t[1] = i, t[2] = a) : a = t[2], a;
   }, SumStat = (e) => {
-    let t = (0, import_compiler_runtime$8.c)(6), { numericValues: n, locale: i } = e;
+    let t = (0, import_compiler_runtime$10.c)(6), { numericValues: n, locale: i } = e;
     if (n.length === 0) return null;
     let a, o;
     if (t[0] !== n) {
-      let e2 = n.reduce(_temp$2, 0);
+      let e2 = n.reduce(_temp$3, 0);
       a = Number, o = e2.toFixed(MAX_FRACTION_DIGITS), t[0] = n, t[1] = a, t[2] = o;
     } else a = t[1], o = t[2];
     let s = a(o), c;
@@ -22049,7 +22419,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       locale: i
     }), t[3] = i, t[4] = s, t[5] = c) : c = t[5], c;
   }, AverageStat = (e) => {
-    let t = (0, import_compiler_runtime$8.c)(5), { numericValues: n, locale: i } = e;
+    let t = (0, import_compiler_runtime$10.c)(5), { numericValues: n, locale: i } = e;
     if (n.length === 0) return null;
     let a = n.reduce(_temp2$1, 0) / n.length, o;
     t[0] === a ? o = t[1] : (o = a.toFixed(MAX_FRACTION_DIGITS), t[0] = a, t[1] = o);
@@ -22060,15 +22430,15 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       locale: i
     }), t[2] = s, t[3] = i, t[4] = c) : c = t[4], c;
   };
-  function _temp$2(e, t) {
+  function _temp$3(e, t) {
     return e + t;
   }
   function _temp2$1(e, t) {
     return e + t;
   }
   let TableBottomBar;
-  TableBottomBar = ({ pagination: e, totalColumns: t, selection: n, onRowSelectionChange: i, table: s, getRowIds: c, showPageSizeSelector: f, tableLoading: h, part: _, className: v }) => {
-    let { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = (e2) => {
+  TableBottomBar = ({ pagination: e, totalColumns: t, selection: n, onRowSelectionChange: i, table: s, getRowIds: c, showPageSizeSelector: d, tableLoading: h, part: _, className: v }) => {
+    let { locale: y } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = (e2) => {
       if (!i) return;
       if (!e2) {
         i({});
@@ -22112,12 +22482,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             (0, import_jsx_runtime.jsx)("div", {
               className: "flex items-center gap-1",
               children: (() => {
-                let { rowSelection: e2, cellSelection: i2 } = s.getState(), a = Object.keys(e2).length, c2 = s.getIsAllPageRowsSelected(), f2 = s.getRowCount(), h2 = a === f2, _2 = n === "single-cell" || n === "multi-cell";
+                let { rowSelection: e2, cellSelection: i2 } = s.getState(), a = Object.keys(e2).length, c2 = s.getIsAllPageRowsSelected(), d2 = s.getRowCount(), h2 = a === d2, _2 = n === "single-cell" || n === "multi-cell";
                 return _2 && (a = i2.length, c2 = false, h2 = false), c2 && !h2 ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                   children: [
                     (0, import_jsx_runtime.jsxs)("span", {
                       children: [
-                        prettyNumber(a, S),
+                        prettyNumber(a, y),
                         " selected"
                       ]
                     }),
@@ -22130,7 +22500,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                       onClick: () => w(true),
                       children: [
                         "Select all ",
-                        prettyNumber(f2, S)
+                        prettyNumber(d2, y)
                       ]
                     })
                   ]
@@ -22138,7 +22508,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                   children: [
                     (0, import_jsx_runtime.jsxs)("span", {
                       children: [
-                        prettyNumber(a, S),
+                        prettyNumber(a, y),
                         " selected"
                       ]
                     }),
@@ -22158,7 +22528,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                   children: prettifyRowColumnCount({
                     numRows: s.getRowCount(),
                     totalColumns: t,
-                    locale: S
+                    locale: y
                   })
                 });
               })()
@@ -22174,7 +22544,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           children: e && (0, import_jsx_runtime.jsx)(DataTablePagination, {
             table: s,
             tableLoading: h,
-            showPageSizeSelector: f
+            showPageSizeSelector: d
           })
         }),
         (0, import_jsx_runtime.jsx)("div", {
@@ -22228,34 +22598,34 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let n = URL.createObjectURL(e);
     downloadByURL(n, t), URL.revokeObjectURL(n);
   };
-  var import_compiler_runtime$7 = require_compiler_runtime();
+  var import_compiler_runtime$9 = require_compiler_runtime();
   InstallPackageButton = (e) => {
-    let t = (0, import_compiler_runtime$7.c)(13), { packages: n, showMaxPackages: i, className: o, onInstall: s } = e, { handleInstallPackages: c } = useInstallPackages();
+    let t = (0, import_compiler_runtime$9.c)(13), { packages: n, showMaxPackages: i, className: o, onInstall: s } = e, { handleInstallPackages: c } = useInstallPackages();
     if (!n || n.length === 0) return null;
-    let f;
-    t[0] !== c || t[1] !== s || t[2] !== n ? (f = () => {
+    let d;
+    t[0] !== c || t[1] !== s || t[2] !== n ? (d = () => {
       c(n, s);
-    }, t[0] = c, t[1] = s, t[2] = n, t[3] = f) : f = t[3];
+    }, t[0] = c, t[1] = s, t[2] = n, t[3] = d) : d = t[3];
     let h;
     t[4] === o ? h = t[5] : (h = cn("ml-2", o), t[4] = o, t[5] = h);
     let _;
     t[6] !== n || t[7] !== i ? (_ = i ? n.slice(0, i).join(", ") : n.join(", "), t[6] = n, t[7] = i, t[8] = _) : _ = t[8];
     let v;
-    return t[9] !== f || t[10] !== h || t[11] !== _ ? (v = (0, import_jsx_runtime.jsxs)(Button, {
+    return t[9] !== d || t[10] !== h || t[11] !== _ ? (v = (0, import_jsx_runtime.jsxs)(Button, {
       variant: "outline",
       size: "xs",
-      onClick: f,
+      onClick: d,
       className: h,
       children: [
         "Install",
         " ",
         _
       ]
-    }), t[9] = f, t[10] = h, t[11] = _, t[12] = v) : v = t[12], v;
+    }), t[9] = d, t[10] = h, t[11] = _, t[12] = v) : v = t[12], v;
   };
-  var import_compiler_runtime$6 = require_compiler_runtime();
+  var import_compiler_runtime$8 = require_compiler_runtime();
   const MissingPackagePrompt = (e) => {
-    let t = (0, import_compiler_runtime$6.c)(16), { packages: n, featureName: i, description: o, onInstall: s, className: c } = e;
+    let t = (0, import_compiler_runtime$8.c)(16), { packages: n, featureName: i, description: o, onInstall: s, className: c } = e;
     if (!useInstallAllowed()) {
       let e2;
       t[0] === c ? e2 = t[1] : (e2 = cn("text-xs", c), t[0] = c, t[1] = e2);
@@ -22290,7 +22660,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), t[12] = d, t[13] = h, t[14] = _, t[15] = v) : v = t[15], v;
   };
-  var import_compiler_runtime$5 = require_compiler_runtime(), FILE_TYPES = {
+  var import_compiler_runtime$7 = require_compiler_runtime(), FILE_TYPES = {
     CSV: {
       label: "CSV",
       format: "csv",
@@ -22335,12 +22705,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return ((_a2 = downloadOptions.find((t) => t.format === e)) == null ? void 0 : _a2.label) ?? e;
   };
   const ExportMenu = (e) => {
-    let t = (0, import_compiler_runtime$5.c)(48), { locale: n } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [i, o] = import_react.useState(false), s = i ? "text-primary" : "text-muted-foreground", c;
+    let t = (0, import_compiler_runtime$7.c)(48), { locale: n } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [i, o] = import_react.useState(false), s = i ? "text-primary" : "text-muted-foreground", c;
     t[0] === s ? c = t[1] : (c = cn("print:hidden text-xs gap-1", s), t[0] = s, t[1] = c);
-    let f;
-    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (0, import_jsx_runtime.jsx)(Download, {
+    let d;
+    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = (0, import_jsx_runtime.jsx)(Download, {
       className: "w-3.5 h-3.5"
-    }), t[2] = f) : f = t[2];
+    }), t[2] = d) : d = t[2];
     let h;
     t[3] === c ? h = t[4] : (h = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "export-button",
@@ -22348,7 +22718,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       variant: "text",
       className: c,
       children: [
-        f,
+        d,
         "Export"
       ]
     }), t[3] = c, t[4] = h);
@@ -22379,17 +22749,17 @@ 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;
-    if (t[7] !== _ || t[8] !== n || t[9] !== i || t[10] !== w) {
+    let y = v, E, O, A, M, I, z, U, K, q, J, Q, vM, $;
+    if (t[7] !== _ || t[8] !== n || t[9] !== i || t[10] !== y) {
       let e2 = async (t2) => {
-        let n2 = await w(t2, () => {
+        let n2 = await y(t2, () => {
           e2(t2);
         });
         if (!n2) return;
         let i2 = (n2.filename ?? "").trim(), a2 = Filenames.withoutExtension(i2) || "download";
         downloadByURL(n2.url, `${a2}.${t2}`);
       }, a = async (e3) => {
-        let t2 = await w(e3 === "csv" ? "csv" : "json", () => {
+        let t2 = await y(e3 === "csv" ? "csv" : "json", () => {
           a(e3);
         });
         if (!t2) return;
@@ -22426,10 +22796,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, q = "bottom", J = "print:hidden", t[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Download"
-      }), t[29] = J) : J = t[29], sj = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[29] = Q) : Q = t[29], vM = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -22450,10 +22820,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, t2.label)), t[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), A = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+      }, t2.label)), t[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), A = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Copy to clipboard"
-      }), t[30] = A, t[31] = Q) : (A = t[30], Q = t[31]), M = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[30] = A, t[31] = $) : (A = t[30], $ = t[31]), M = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: async () => {
           try {
             await a(e3.format);
@@ -22482,30 +22852,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,
-      className: q,
+      }, e3.label)), t[7] = _, t[8] = n, t[9] = i, t[10] = y, t[11] = E, t[12] = O, t[13] = A, t[14] = M, t[15] = I, t[16] = z, t[17] = U, t[18] = K, t[19] = q, t[20] = J, t[21] = Q, t[22] = vM, t[23] = $;
+    } else E = t[11], O = t[12], A = t[13], M = t[14], I = t[15], z = t[16], U = t[17], K = t[18], q = t[19], J = t[20], Q = t[21], vM = t[22], $ = t[23];
+    let yM;
+    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== q || t[36] !== J || t[37] !== Q || t[38] !== vM || t[39] !== $ ? (yM = (0, import_jsx_runtime.jsxs)(E, {
+      side: q,
+      className: J,
       children: [
-        J,
-        sj,
         Q,
+        vM,
+        $,
         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];
-    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, {
+    }), t[32] = E, t[33] = A, t[34] = M, t[35] = q, t[36] = J, t[37] = Q, t[38] = vM, t[39] = $, t[40] = yM) : yM = t[40];
+    let bM;
+    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== yM ? (bM = (0, import_jsx_runtime.jsxs)(O, {
       modal: I,
       open: z,
       onOpenChange: U,
       children: [
         K,
-        cj
+        yM
       ]
-    }), 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] = yM, t[47] = bM) : bM = t[47], bM;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -22519,14 +22889,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   var NOOP_ON_SEARCH = () => {
   };
   let TableTopBar;
-  TableTopBar = ({ enableSearch: e, searchQuery: t, onSearchQueryChange: n, reloading: i, showChartBuilder: o, isChartBuilderOpen: s, toggleDisplayHeader: c, showTableExplorer: f, togglePanel: h, isAnyPanelOpen: _, downloadAs: v }) => {
+  TableTopBar = ({ enableSearch: e, searchQuery: t, onSearchQueryChange: n, reloading: i, showChartBuilder: o, isChartBuilderOpen: s, toggleDisplayHeader: c, showTableExplorer: d, togglePanel: h, isAnyPanelOpen: _, downloadAs: v }) => {
     let [y, S] = (0, import_react.useState)(t || ""), w = useDebounce(y, 500), E = useEvent_default(n ?? NOOP_ON_SEARCH), O = import_react.useRef(null);
     return (0, import_react.useEffect)(() => {
       E(w);
     }, [
       w,
       E
-    ]), e && n || o || f || v ? (0, import_jsx_runtime.jsxs)("div", {
+    ]), e && n || o || d || v ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center h-10 px-2 border-b gap-2",
       children: [
         n && e && (0, import_jsx_runtime.jsxs)("div", {
@@ -22576,7 +22946,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 "Visualize"
               ]
             }),
-            f && h && (0, import_jsx_runtime.jsxs)(Button, {
+            d && h && (0, import_jsx_runtime.jsxs)(Button, {
               variant: "text",
               size: "xs",
               className: cn("print:hidden text-xs gap-1", _ ? "text-primary" : "text-muted-foreground"),
@@ -22596,22 +22966,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: q, getRowIds: J, enableSearch: Q = false, searchQuery: vM, onSearchQueryChange: $, showFilters: yM = false, filters: bM, onFiltersChange: xM, reloading: SM, freezeColumnsLeft: CM, freezeColumnsRight: wM, toggleDisplayHeader: TM, showChartBuilder: EM, isChartBuilderOpen: DM, showPageSizeSelector: OM, showTableExplorer: kM, togglePanel: AM, isPanelOpen: jM, isAnyPanelOpen: MM, viewedRowIdx: NM, onViewedRowChange: PM }) => {
+    let [FM, IM] = import_react.useState(false), { locale: LM } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: RM, setColumnPinning: zM } = useColumnPinning(CM, wM);
     import_react.useEffect(() => {
       let e2;
-      return uj ? e2 = setTimeout(() => {
-        wj(true);
-      }, 300) : wj(false), () => {
+      return SM ? e2 = setTimeout(() => {
+        IM(true);
+      }, 300) : IM(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      uj
+      SM
     ]);
-    function Oj(e2, t2) {
+    function BM(e2, t2) {
       return A ? t2 + (z ? A.pageIndex * A.pageSize : 0) : t2;
     }
-    let kj = useReactTable({
+    let VM = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -22635,11 +23005,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 = BM(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: Tj,
+      locale: LM,
       manualPagination: z,
       getPaginationRowModel: getPaginationRowModel(),
       ...v ? {
@@ -22649,21 +23019,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: cj,
+      enableColumnFilters: yM,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: lj,
+      onColumnFiltersChange: xM,
       onRowSelectionChange: K,
-      onCellSelectionChange: oj,
+      onCellSelectionChange: q,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: Dj,
+      onColumnPinningChange: zM,
       enableFocusRow: true,
-      onFocusRowChange: Sj,
+      onFocusRowChange: PM,
       state: {
         ..._ ? {
           sorting: _
         } : {},
-        columnFilters: $,
+        columnFilters: bM,
         ...A ? {
           pagination: A
         } : U && !A ? {} : {
@@ -22675,20 +23045,20 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         rowSelection: y ?? {},
         cellSelection: S ?? [],
         cellStyling: w,
-        columnPinning: Ej,
+        columnPinning: RM,
         cellHoverTemplate: E,
         cellHoverTexts: O ?? {}
       }
-    }), Aj = (yj == null ? void 0 : yj(PANEL_TYPES.ROW_VIEWER)) ?? false, jj = !U && o.length > 100, Mj = useScrollContainerHeight({
+    }), HM = (jM == null ? void 0 : jM(PANEL_TYPES.ROW_VIEWER)) ?? false, UM = !U && o.length > 100, WM = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: jj
+      virtualize: UM
     });
     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
+          filters: bM,
+          table: VM
         }),
         (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
           children: (0, import_jsx_runtime.jsxs)("div", {
@@ -22696,33 +23066,33 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             className: cn(t || "rounded-md border overflow-hidden"),
             children: [
               (0, import_jsx_runtime.jsx)(TableTopBar, {
-                enableSearch: J,
-                searchQuery: sj,
-                onSearchQueryChange: Q,
-                reloading: uj,
-                showChartBuilder: mj,
-                isChartBuilderOpen: hj,
-                toggleDisplayHeader: pj,
-                showTableExplorer: _j,
-                togglePanel: vj,
-                isAnyPanelOpen: bj,
+                enableSearch: Q,
+                searchQuery: vM,
+                onSearchQueryChange: $,
+                reloading: SM,
+                showChartBuilder: EM,
+                isChartBuilderOpen: DM,
+                toggleDisplayHeader: TM,
+                showTableExplorer: kM,
+                togglePanel: AM,
+                isAnyPanelOpen: MM,
                 downloadAs: I
               }),
               (0, import_jsx_runtime.jsxs)(Table, {
                 className: cn("relative", i.length <= 4 ? "w-auto" : "w-full"),
-                ref: Mj,
+                ref: WM,
                 children: [
-                  Cj && (0, import_jsx_runtime.jsx)("thead", {
+                  FM && (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(VM, UM || !!n),
                   (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: kj,
+                    table: VM,
                     columns: i,
-                    rowViewerPanelOpen: Aj,
-                    getRowIndex: Oj,
-                    viewedRowIdx: xj,
-                    virtualize: jj
+                    rowViewerPanelOpen: HM,
+                    getRowIndex: BM,
+                    viewedRowIdx: NM,
+                    virtualize: UM
                   })
                 ]
               }),
@@ -22733,10 +23103,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 pagination: U,
                 selection: c,
                 onRowSelectionChange: K,
-                table: kj,
-                getRowIds: q,
-                showPageSizeSelector: gj,
-                tableLoading: uj
+                table: VM,
+                getRowIds: J,
+                showPageSizeSelector: OM,
+                tableLoading: SM
               })
             ]
           })
@@ -22771,7 +23141,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
     });
   };
@@ -22800,10 +23170,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), e.focus(), true;
   }
-  var import_compiler_runtime$3 = require_compiler_runtime(), KEY = "item";
+  var import_compiler_runtime$5 = require_compiler_runtime(), KEY = "item";
   const MarimoTracebackOutput = (e) => {
     var _a2;
-    let t = (0, import_compiler_runtime$3.c)(47), { onRefactorWithAI: n, traceback: i, cellId: o } = e, s;
+    let t = (0, import_compiler_runtime$5.c)(47), { onRefactorWithAI: n, traceback: i, cellId: o } = e, s;
     t[0] === i ? s = t[1] : (s = renderHTML({
       html: i,
       additionalReplacements: [
@@ -22811,82 +23181,82 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         replaceTracebackPrefix
       ]
     }), t[0] = i, t[1] = s);
-    let c = s, [f, h] = (0, import_react.useState)(true), _ = lastLine(i), y = useAtomValue(aiEnabledAtom), w;
-    t[2] === i ? w = t[3] : (w = (_a2 = extractAllTracebackInfo(i)) == null ? void 0 : _a2.at(0), t[2] = i, t[3] = w);
-    let E = w, O;
+    let c = s, [d, h] = (0, import_react.useState)(true), _ = lastLine(i), v = useAtomValue(aiEnabledAtom), S;
+    t[2] === i ? S = t[3] : (S = (_a2 = extractAllTracebackInfo(i)) == null ? void 0 : _a2.at(0), t[2] = i, t[3] = S);
+    let E = S, O;
     t[4] !== o || t[5] !== E ? (O = E && E.kind === "cell" && !isWasm() && !isStaticNotebook() && o !== "__scratch__", t[4] = o, t[5] = E, t[6] = O) : O = t[6];
-    let A = O, I;
-    t[7] !== y || t[8] !== n ? (I = n && y && !isStaticNotebook(), t[7] = y, t[8] = n, t[9] = I) : I = t[9];
-    let z = I, U = !isStaticNotebook(), K = (e2) => {
+    let A = O, M;
+    t[7] !== v || t[8] !== n ? (M = n && v && !isStaticNotebook(), t[7] = v, t[8] = n, t[9] = M) : M = t[9];
+    let z = M, U = !isStaticNotebook(), K = (e2) => {
       n == null ? void 0 : n({
         prompt: `My code gives the following error:
 
 ${_}`,
         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);
-    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", {
+    }, [J, Q] = _.split(":", 2), vM = d ? KEY : "", $;
+    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = () => h(_temp$2), t[10] = $) : $ = t[10];
+    let yM = d ? "rotate-180" : "rotate-0", bM;
+    t[11] === yM ? bM = t[12] : (bM = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", yM), t[11] = yM, t[12] = bM);
+    let xM;
+    t[13] === bM ? xM = t[14] : (xM = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      className: bM
+    }), t[13] = bM, t[14] = xM);
+    let SM = J || "Error", wM;
+    t[15] === SM ? wM = t[16] : (wM = (0, import_jsx_runtime.jsxs)("span", {
       className: "text-destructive",
       children: [
-        lj,
+        SM,
         ":"
       ]
-    }), t[15] = lj, t[16] = uj);
-    let dj;
-    t[17] !== q || t[18] !== uj ? (dj = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[15] = SM, t[16] = wM);
+    let TM;
+    t[17] !== Q || t[18] !== wM ? (TM = (0, import_jsx_runtime.jsxs)("div", {
       className: "text-sm inline font-mono",
       children: [
-        uj,
+        wM,
         " ",
-        q
+        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] = wM, t[19] = TM) : TM = t[19];
+    let DM;
+    t[20] !== TM || t[21] !== xM ? (DM = (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: $,
       children: [
-        $,
-        dj
+        xM,
+        TM
       ]
-    }), 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] = TM, t[21] = xM, t[22] = DM) : DM = t[22];
+    let OM;
+    t[23] === c ? OM = t[24] : (OM = (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] = OM);
+    let kM;
+    t[25] !== DM || t[26] !== OM ? (kM = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY,
       className: "border-none",
       children: [
-        fj,
-        pj
+        DM,
+        OM
       ]
-    }), 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] = DM, t[26] = OM, t[27] = kM) : kM = t[27];
+    let jM;
+    t[28] !== kM || t[29] !== vM ? (jM = (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, {
+      value: vM,
+      children: kM
+    }), t[28] = kM, t[29] = vM, t[30] = jM) : jM = t[30];
+    let MM;
+    t[31] !== K || t[32] !== z ? (MM = 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] = MM) : MM = t[33];
+    let NM;
+    t[34] !== A || t[35] !== E ? (NM = 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 +23273,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] = NM) : NM = t[36];
+    let PM;
+    t[37] !== _ || t[38] !== i ? (PM = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -22973,24 +23343,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] = PM) : PM = t[39];
+    let FM;
+    t[40] !== MM || t[41] !== NM || t[42] !== PM ? (FM = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2",
       children: [
-        gj,
-        vj,
-        Sj
+        MM,
+        NM,
+        PM
       ]
-    }), 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] = MM, t[41] = NM, t[42] = PM, t[43] = FM) : FM = t[43];
+    let IM;
+    return t[44] !== jM || t[45] !== FM ? (IM = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        hj,
-        Cj
+        jM,
+        FM
       ]
-    }), t[44] = hj, t[45] = Cj, t[46] = wj) : wj = t[46], wj;
+    }), t[44] = jM, t[45] = FM, t[46] = IM) : IM = t[46], IM;
   };
   function lastLine(e) {
     var _a2, _b;
@@ -23052,7 +23422,7 @@ ${_}`,
     });
   };
   var InsertBreakpointContent = () => {
-    let e = (0, import_compiler_runtime$3.c)(1), t;
+    let e = (0, import_compiler_runtime$5.c)(1), t;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         "Insert a ",
@@ -23064,7 +23434,7 @@ ${_}`,
       ]
     }), e[0] = t) : t = e[0], t;
   };
-  function _temp$1(e) {
+  function _temp$2(e) {
     return !e;
   }
   function renderMimeIcon(e) {
@@ -23106,9 +23476,9 @@ ${_}`,
         return "\u2753";
     }
   }
-  var import_compiler_runtime$2 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
+  var import_compiler_runtime$4 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
   OutputRenderer = (0, import_react.memo)((e) => {
-    let t = (0, import_compiler_runtime$2.c)(54), { message: n, onRefactorWithAI: i, cellId: a, wrapText: o, metadata: s, renderFallback: c } = e, { theme: d } = useTheme(), f;
+    let t = (0, import_compiler_runtime$4.c)(54), { message: n, onRefactorWithAI: i, cellId: a, wrapText: o, metadata: s, renderFallback: c } = e, { theme: d } = useTheme(), f;
     bb0: {
       let e2 = n.data;
       switch (n.mimetype) {
@@ -23300,11 +23670,11 @@ ${_}`,
   OutputRenderer.displayName = "OutputRenderer";
   var MimeBundleOutputRenderer = (0, import_react.memo)((e) => {
     var _a2;
-    let t = (0, import_compiler_runtime$2.c)(31), { data: n, channel: o, cellId: s } = e, c = Array.isArray(n) ? n[0] : n, { mode: d } = useAtomValue(viewStateAtom), f = d === "present" || d === "read", h = c[METADATA_KEY], _, v, y, S, w, E, O, A;
+    let t = (0, import_compiler_runtime$4.c)(31), { data: n, channel: o, cellId: s } = e, c = Array.isArray(n) ? n[0] : n, { mode: d } = useAtomValue(viewStateAtom), f = d === "present" || d === "read", h = c[METADATA_KEY], _, v, y, S, w, E, O, A;
     if (t[0] !== f || t[1] !== s || t[2] !== o || t[3] !== h || t[4] !== c) {
       A = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
-        let { entries: e2 } = processMimeBundle(Objects.entries(c).filter(_temp).map(_temp2)), n2 = (_a2 = e2[0]) == null ? void 0 : _a2[0];
+        let { entries: e2 } = processMimeBundle(Objects.entries(c).filter(_temp$1).map(_temp2)), n2 = (_a2 = e2[0]) == null ? void 0 : _a2[0];
         if (!n2) {
           A = null;
           break bb0;
@@ -23371,7 +23741,7 @@ ${_}`,
   });
   MimeBundleOutputRenderer.displayName = "MimeBundleOutputRenderer";
   OutputArea = import_react.memo((e) => {
-    let t = (0, import_compiler_runtime$2.c)(17), { output: n, cellId: i, stale: o, loading: s, allowExpand: c, forceExpand: d, className: f } = e;
+    let t = (0, import_compiler_runtime$4.c)(17), { output: n, cellId: i, stale: o, loading: s, allowExpand: c, forceExpand: d, className: f } = e;
     if (n == null || n.channel === "output" && n.data === "") return null;
     let h = o ? "This output is stale" : void 0, _ = c ? ExpandableOutput : Div, v;
     t[0] === i ? v = t[1] : (v = CellOutputId.create(i), t[0] = i, t[1] = v);
@@ -23396,7 +23766,7 @@ ${_}`,
   });
   OutputArea.displayName = "OutputArea";
   var Div = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$2.c)(3), i;
+    let n = (0, import_compiler_runtime$4.c)(3), i;
     return n[0] !== e || n[1] !== t ? (i = (0, import_jsx_runtime.jsx)("div", {
       ref: t,
       ...e
@@ -23404,7 +23774,7 @@ ${_}`,
   });
   Div.displayName = "Div";
   var ExpandableOutput = import_react.memo((e) => {
-    let t = (0, import_compiler_runtime$2.c)(24), { cellId: n, children: i, forceExpand: s, ...c } = e, f = (0, import_react.useRef)(null), [h, _] = useExpandedOutput(n), v = useOverflowDetection(f), { hasFullscreen: y } = useIframeCapabilities(), S;
+    let t = (0, import_compiler_runtime$4.c)(24), { cellId: n, children: i, forceExpand: s, ...c } = e, d = (0, import_react.useRef)(null), [h, _] = useExpandedOutput(n), v = useOverflowDetection(d), { hasFullscreen: y } = useIframeCapabilities(), S;
     t[0] === y ? S = t[1] : (S = y && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Fullscreen",
       side: "left",
@@ -23413,7 +23783,7 @@ ${_}`,
         className: "hover-action hover:bg-muted p-1 hover:border-border border border-transparent",
         onClick: async () => {
           var _a2;
-          await ((_a2 = f.current) == null ? void 0 : _a2.requestFullscreen());
+          await ((_a2 = d.current) == null ? void 0 : _a2.requestFullscreen());
         },
         onMouseDown: Events.preventFocus,
         size: "xs",
@@ -23465,7 +23835,7 @@ ${_}`,
       ...c,
       "data-cell-role": "output",
       className: O,
-      ref: f,
+      ref: d,
       style: A,
       children: i
     }), t[13] = i, t[14] = c, t[15] = O, t[16] = A, t[17] = M) : M = t[17];
@@ -23489,7 +23859,7 @@ ${_}`,
     }), t[22] = I, t[23] = U), U;
   });
   ExpandableOutput.displayName = "ExpandableOutput";
-  function _temp(e) {
+  function _temp$1(e) {
     let [t] = e;
     return t !== METADATA_KEY;
   }
@@ -23515,8 +23885,8 @@ ${_}`,
       })
     }, t);
   }
-  var import_compiler_runtime$1 = require_compiler_runtime(), CopyButton = (e) => {
-    let t = (0, import_compiler_runtime$1.c)(8), { value: n } = e, i = typeof n == "string" && (n.startsWith("text/html:") || n.startsWith("image/") || n.startsWith("video/")), [o, s] = (0, import_react.useState)(false), c;
+  var import_compiler_runtime$3 = require_compiler_runtime(), CopyButton = (e) => {
+    let t = (0, import_compiler_runtime$3.c)(8), { value: n } = e, i = typeof n == "string" && (n.startsWith("text/html:") || n.startsWith("image/") || n.startsWith("video/")), [o, s] = (0, import_react.useState)(false), c;
     t[0] === n ? c = t[1] : (c = async (e2) => {
       e2.stopPropagation(), await copyToClipboard(n), s(true), setTimeout(() => s(false), 1e3);
     }, t[0] = n, t[1] = c);
@@ -23539,7 +23909,7 @@ ${_}`,
       children: h
     }), t[5] = d, t[6] = h, t[7] = _) : _ = t[7], _;
   }, JSONCopyButton = (e) => {
-    let t = (0, import_compiler_runtime$1.c)(5), n;
+    let t = (0, import_compiler_runtime$3.c)(5), n;
     t[0] === e.value ? n = t[1] : (n = JSON.stringify(e.value, null, 2), t[0] = e.value, t[1] = n);
     let i;
     return t[2] !== e || t[3] !== n ? (i = (0, import_jsx_runtime.jsx)(CopyButton, {
@@ -23547,7 +23917,7 @@ ${_}`,
       value: n
     }), t[2] = e, t[3] = n, t[4] = i) : i = t[4], i;
   }, PyCopyButton = (e) => {
-    let t = (0, import_compiler_runtime$1.c)(5), n;
+    let t = (0, import_compiler_runtime$3.c)(5), n;
     t[0] === e.value ? n = t[1] : (n = getCopyValue(e.value), t[0] = e.value, t[1] = n);
     let i;
     return t[2] !== e || t[3] !== n ? (i = (0, import_jsx_runtime.jsx)(CopyButton, {
@@ -23556,7 +23926,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$3.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 +23942,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 +23954,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;
       }
     }
   });
@@ -23615,7 +23986,7 @@ ${_}`,
     return typeof e == "object" && e ? "tree" : "raw";
   }
   var COLLAPSED_TEXT_LENGTH = 100, CollapsibleTextOutput = (e) => {
-    let t = (0, import_compiler_runtime$1.c)(11), [n, i] = (0, import_react.useState)(true);
+    let t = (0, import_compiler_runtime$3.c)(11), [n, i] = (0, import_react.useState)(true);
     if (e.text.length <= COLLAPSED_TEXT_LENGTH) {
       let n2;
       return t[0] === e.text ? n2 = t[1] : (n2 = (0, import_jsx_runtime.jsx)("span", {
@@ -23669,11 +24040,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 +24177,117 @@ ${_}`,
       children: e
     });
   }
-  var MIME_PREFIXES = Object.keys(LEAF_RENDERERS), REPLACE_PREFIX = "<marimo-replace>", REPLACE_SUFFIX = "</marimo-replace>";
+  var KEY_ENCODED_PREFIX = "text/plain+";
+  function formatCollectionItems(e) {
+    return e.map((e2) => typeof e2 == "number" && !Number.isFinite(e2) ? Number.isNaN(e2) ? "float('nan')" : e2 > 0 ? "float('inf')" : "-float('inf')" : JSON.stringify(e2)).join(", ");
+  }
+  function formatTuplePayload(e) {
+    let t = jsonParseWithSpecialChar(e);
+    if (!Array.isArray(t)) return e;
+    if (t.length === 0) return "()";
+    let n = formatCollectionItems(t);
+    return t.length === 1 ? `(${n},)` : `(${n})`;
+  }
+  function formatFrozensetPayload(e) {
+    let t = jsonParseWithSpecialChar(e);
+    return Array.isArray(t) ? t.length === 0 ? "frozenset()" : `frozenset({${formatCollectionItems(t)}})` : e;
+  }
+  function formatSetPayload(e) {
+    let t = jsonParseWithSpecialChar(e);
+    return Array.isArray(t) ? t.length === 0 ? "set()" : `{${formatCollectionItems(t)}}` : 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)) {
@@ -23824,9 +24300,45 @@ ${_}`,
       return n <= 20 ? void 0 : n >= 50 ? 5 : 10;
     }
   }
-  var import_compiler_runtime = require_compiler_runtime();
+  let import_compiler_runtime$2;
+  import_compiler_runtime$2 = require_compiler_runtime();
+  RadioGroup = import_react.forwardRef((e, t) => {
+    let n = (0, import_compiler_runtime$2.c)(9), i, o;
+    n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
+    let s;
+    n[3] === i ? s = n[4] : (s = cn("grid gap-2", i), n[3] = i, n[4] = s);
+    let c;
+    return n[5] !== o || n[6] !== t || n[7] !== s ? (c = (0, import_jsx_runtime.jsx)(Root2$1, {
+      className: s,
+      ...o,
+      ref: t
+    }), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
+  });
+  RadioGroup.displayName = Root2$1.displayName;
+  RadioGroupItem = import_react.forwardRef((e, t) => {
+    let n = (0, import_compiler_runtime$2.c)(13), i, o, s;
+    n[0] === e ? (i = n[1], o = n[2], s = n[3]) : ({ className: o, children: i, ...s } = e, n[0] = e, n[1] = i, n[2] = o, n[3] = s);
+    let c;
+    n[4] === o ? c = n[5] : (c = cn("h-[16px] w-[16px] transition-shadow data-[state=unchecked]:shadow-xs-solid rounded-full border border-input text-primary ring-offset-background focus:outline-hidden focus:shadow-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:shadow-none", o), n[4] = o, n[5] = c);
+    let d;
+    n[6] === i ? d = n[7] : (d = i ?? (0, import_jsx_runtime.jsx)(Indicator, {
+      className: "flex items-center justify-center",
+      children: (0, import_jsx_runtime.jsx)(Circle, {
+        className: "h-[10px] w-[10px] fill-primary text-current"
+      })
+    }), n[6] = i, n[7] = d);
+    let f;
+    return n[8] !== s || n[9] !== t || n[10] !== c || n[11] !== d ? (f = (0, import_jsx_runtime.jsx)(Item2, {
+      ref: t,
+      className: c,
+      ...s,
+      children: d
+    }), n[8] = s, n[9] = t, n[10] = c, n[11] = d, n[12] = f) : f = n[12], f;
+  });
+  RadioGroupItem.displayName = Item2.displayName;
+  var import_compiler_runtime$1 = require_compiler_runtime();
   Slide = (0, import_react.memo)((e) => {
-    let t = (0, import_compiler_runtime.c)(6), { output: n, cellId: i, status: a } = e, o;
+    let t = (0, import_compiler_runtime$1.c)(6), { output: n, cellId: i, status: a } = e, o;
     t[0] === a ? o = t[1] : (o = outputIsLoading(a), t[0] = a, t[1] = o);
     let s = o, c;
     return t[2] !== i || t[3] !== s || t[4] !== n ? (c = (0, import_jsx_runtime.jsx)(OutputArea, {
@@ -23839,90 +24351,413 @@ ${_}`,
     }), t[2] = i, t[3] = s, t[4] = n, t[5] = c) : c = t[5], c;
   });
   Slide.displayName = "Slide";
+  var import_compiler_runtime = require_compiler_runtime();
+  DEFAULT_SLIDE_TYPE = "slide";
+  DEFAULT_DECK_TRANSITION = "slide";
+  var COLLAPSED_CONFIG_WIDTH = 36;
+  let SLIDE_TYPE_OPTIONS;
+  SLIDE_TYPE_OPTIONS = [
+    {
+      value: "slide",
+      label: "Slide",
+      description: "A new top-level slide. Advances horizontally with the right arrow.",
+      Icon: LayoutTemplate
+    },
+    {
+      value: "sub-slide",
+      label: "Sub-slide",
+      description: "Stacks vertically under the previous slide. Reached with the down arrow.",
+      Icon: Rows2
+    },
+    {
+      value: "fragment",
+      label: "Fragment",
+      description: "Reveals step-by-step on the current slide without advancing.",
+      Icon: Cookie
+    },
+    {
+      value: "skip",
+      label: "Skip",
+      description: "Hidden from the presentation. Still visible here in the editor.",
+      Icon: EyeOff
+    }
+  ];
+  SLIDE_TYPE_OPTIONS_BY_VALUE = Object.fromEntries(SLIDE_TYPE_OPTIONS.map((e) => [
+    e.value,
+    e
+  ]));
+  var DECK_TRANSITION_OPTIONS = [
+    {
+      value: "none",
+      label: "None",
+      description: "No animation between slides."
+    },
+    {
+      value: "fade",
+      label: "Fade",
+      description: "Cross-fade between slides."
+    },
+    {
+      value: "slide",
+      label: "Slide",
+      description: "Slides move horizontally / vertically."
+    },
+    {
+      value: "convex",
+      label: "Convex",
+      description: "Rotate with a convex curve."
+    },
+    {
+      value: "concave",
+      label: "Concave",
+      description: "Rotate with a concave curve."
+    },
+    {
+      value: "zoom",
+      label: "Zoom",
+      description: "Zoom into the next slide."
+    }
+  ], SlidesForm = (e) => {
+    let t = (0, import_compiler_runtime.c)(11), { layout: n, setLayout: i, cellId: a } = e, o;
+    t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = (0, import_jsx_runtime.jsxs)(TabsList, {
+      className: "grid grid-cols-2",
+      children: [
+        (0, import_jsx_runtime.jsx)(TabsTrigger, {
+          value: "slide",
+          children: "Slide"
+        }),
+        (0, import_jsx_runtime.jsx)(TabsTrigger, {
+          value: "deck",
+          children: "Deck"
+        })
+      ]
+    }), t[0] = o) : o = t[0];
+    let s;
+    t[1] !== a || t[2] !== n || t[3] !== i ? (s = (0, import_jsx_runtime.jsx)(TabsContent, {
+      value: "slide",
+      className: "mt-0 flex-1",
+      children: (0, import_jsx_runtime.jsx)(SlideConfigForm, {
+        layout: n,
+        setLayout: i,
+        cellId: a
+      })
+    }), t[1] = a, t[2] = n, t[3] = i, t[4] = s) : s = t[4];
+    let c;
+    t[5] !== n || t[6] !== i ? (c = (0, import_jsx_runtime.jsx)(TabsContent, {
+      value: "deck",
+      className: "mt-0 flex-1",
+      children: (0, import_jsx_runtime.jsx)(DeckConfigForm, {
+        layout: n,
+        setLayout: i
+      })
+    }), t[5] = n, t[6] = i, t[7] = c) : c = t[7];
+    let d;
+    return t[8] !== s || t[9] !== c ? (d = (0, import_jsx_runtime.jsxs)(Tabs, {
+      defaultValue: "slide",
+      className: "flex flex-col flex-1 p-3 gap-3",
+      children: [
+        o,
+        s,
+        c
+      ]
+    }), t[8] = s, t[9] = c, t[10] = d) : d = t[10], d;
+  }, SlideConfigForm = (e) => {
+    var _a2;
+    let t = (0, import_compiler_runtime.c)(13), { layout: n, setLayout: i, cellId: o } = e, s = ((_a2 = n.cells.get(o)) == null ? void 0 : _a2.type) ?? "slide", c;
+    t[0] !== o || t[1] !== n || t[2] !== i ? (c = (e2) => {
+      let t2 = n.cells.get(o), a = new Map(n.cells);
+      a.set(o, {
+        ...t2,
+        type: e2
+      }), i({
+        ...n,
+        cells: a
+      });
+    }, t[0] = o, t[1] = n, t[2] = i, t[3] = c) : c = t[3];
+    let d = c, f;
+    t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (0, import_jsx_runtime.jsx)("span", {
+      className: "font-semibold text-sm",
+      children: "Slide type"
+    }), t[4] = f) : f = t[4];
+    let h;
+    t[5] === d ? h = t[6] : (h = (e2) => d(e2), t[5] = d, t[6] = h);
+    let _;
+    t[7] === s ? _ = t[8] : (_ = SLIDE_TYPE_OPTIONS.map((e2) => {
+      let { value: t2, label: n2, description: i2, Icon: o2 } = e2, c2 = s === t2;
+      return (0, import_jsx_runtime.jsx)(RadioGroupItem, {
+        value: t2,
+        className: cn("group h-auto w-full text-left rounded-md p-2.5 transition-colors shadow-none! border", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", c2 ? "border-primary bg-primary/5" : "border-border bg-background hover:bg-accent/50 hover:border-foreground/30"),
+        children: (0, import_jsx_runtime.jsxs)("div", {
+          className: "flex items-start gap-2.5",
+          children: [
+            (0, import_jsx_runtime.jsx)("span", {
+              className: cn("mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded", c2 ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground group-hover:text-foreground"),
+              children: (0, import_jsx_runtime.jsx)(o2, {
+                className: "h-3.5 w-3.5"
+              })
+            }),
+            (0, import_jsx_runtime.jsxs)("div", {
+              children: [
+                (0, import_jsx_runtime.jsx)("p", {
+                  className: cn("text-sm font-medium leading-tight", c2 ? "text-primary" : "text-foreground"),
+                  children: n2
+                }),
+                (0, import_jsx_runtime.jsx)("p", {
+                  className: "mt-0.5 text-xs text-foreground/70",
+                  children: i2
+                })
+              ]
+            })
+          ]
+        })
+      }, t2);
+    }), t[7] = s, t[8] = _);
+    let v;
+    return t[9] !== s || t[10] !== h || t[11] !== _ ? (v = (0, import_jsx_runtime.jsxs)("div", {
+      className: "flex flex-col gap-3",
+      children: [
+        f,
+        (0, import_jsx_runtime.jsx)(RadioGroup, {
+          "aria-label": "Slide type",
+          value: s,
+          onValueChange: h,
+          className: "flex flex-col gap-1.5",
+          children: _
+        })
+      ]
+    }), t[9] = s, t[10] = h, t[11] = _, t[12] = v) : v = t[12], v;
+  }, DeckConfigForm = (e) => {
+    var _a2, _b;
+    let t = (0, import_compiler_runtime.c)(18), { layout: n, setLayout: i } = e, a = ((_a2 = n.deck) == null ? void 0 : _a2.transition) ?? "slide", o;
+    t[0] === a ? o = t[1] : (o = (_b = DECK_TRANSITION_OPTIONS.find((e2) => e2.value === a)) == null ? void 0 : _b.description, t[0] = a, t[1] = o);
+    let s = o, c;
+    t[2] !== n || t[3] !== i ? (c = (e2) => {
+      i({
+        ...n,
+        deck: {
+          ...n.deck,
+          transition: e2
+        }
+      });
+    }, t[2] = n, t[3] = i, t[4] = c) : c = t[4];
+    let d = c, f;
+    t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (0, import_jsx_runtime.jsx)("label", {
+      htmlFor: "deck-transition",
+      className: "font-semibold text-sm text-foreground",
+      children: "Transition"
+    }), t[5] = f) : f = t[5];
+    let h;
+    t[6] === d ? h = t[7] : (h = (e2) => d(e2), t[6] = d, t[7] = h);
+    let _;
+    t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)(SelectTrigger, {
+      id: "deck-transition",
+      "aria-label": "Slide transition",
+      children: (0, import_jsx_runtime.jsx)(SelectValue, {})
+    }), t[8] = _) : _ = t[8];
+    let v;
+    t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (0, import_jsx_runtime.jsx)(SelectContent, {
+      children: DECK_TRANSITION_OPTIONS.map(_temp)
+    }), t[9] = v) : v = t[9];
+    let y;
+    t[10] !== a || t[11] !== h ? (y = (0, import_jsx_runtime.jsxs)(Select, {
+      value: a,
+      onValueChange: h,
+      children: [
+        _,
+        v
+      ]
+    }), t[10] = a, t[11] = h, t[12] = y) : y = t[12];
+    let S;
+    t[13] === s ? S = t[14] : (S = s && (0, import_jsx_runtime.jsx)("p", {
+      className: "text-xs text-foreground/70",
+      children: s
+    }), t[13] = s, t[14] = S);
+    let w;
+    return t[15] !== y || t[16] !== S ? (w = (0, import_jsx_runtime.jsx)("div", {
+      className: "flex flex-col gap-3",
+      children: (0, import_jsx_runtime.jsxs)("div", {
+        className: "flex flex-col gap-1.5",
+        children: [
+          f,
+          y,
+          S
+        ]
+      })
+    }), t[15] = y, t[16] = S, t[17] = w) : w = t[17], w;
+  };
+  SlideSidebar = (e) => {
+    let t = (0, import_compiler_runtime.c)(30), { configWidth: n, layout: i, setLayout: o, activeConfigCell: s } = e, [c, d] = (0, import_react.useState)(false), h = c ? n : COLLAPSED_CONFIG_WIDTH, _;
+    t[0] === h ? _ = t[1] : (_ = {
+      width: h
+    }, t[0] = h, t[1] = _);
+    let v = c ? "justify-between px-2" : "justify-center px-0", y;
+    t[2] === v ? y = t[3] : (y = cn("flex items-center h-9 shrink-0 border-b border-border/60", v), t[2] = v, t[3] = y);
+    let S;
+    t[4] === c ? S = t[5] : (S = c && (0, import_jsx_runtime.jsx)("span", {
+      className: "text-xs font-medium uppercase tracking-wide text-muted-foreground pl-1",
+      children: "Configuration"
+    }), t[4] = c, t[5] = S);
+    let w = c ? "Collapse panel" : "Expand panel", E;
+    t[6] === c ? E = t[7] : (E = () => d(!c), t[6] = c, t[7] = E);
+    let O;
+    t[8] === c ? O = t[9] : (O = c ? (0, import_jsx_runtime.jsx)(PanelRightClose, {
+      className: "h-4 w-4"
+    }) : (0, import_jsx_runtime.jsx)(PanelRightOpen, {
+      className: "h-4 w-4"
+    }), t[8] = c, t[9] = O);
+    let A;
+    t[10] !== c || t[11] !== E || t[12] !== O ? (A = (0, import_jsx_runtime.jsx)(Button, {
+      variant: "ghost",
+      size: "icon",
+      className: "h-7 w-7 text-muted-foreground hover:text-foreground",
+      onClick: E,
+      "aria-expanded": c,
+      "aria-controls": "slide-config-panel",
+      children: O
+    }), t[10] = c, t[11] = E, t[12] = O, t[13] = A) : A = t[13];
+    let M;
+    t[14] !== w || t[15] !== A ? (M = (0, import_jsx_runtime.jsx)(Tooltip, {
+      content: w,
+      children: A
+    }), t[14] = w, t[15] = A, t[16] = M) : M = t[16];
+    let I;
+    t[17] !== M || t[18] !== y || t[19] !== S ? (I = (0, import_jsx_runtime.jsxs)("header", {
+      className: y,
+      children: [
+        S,
+        M
+      ]
+    }), t[17] = M, t[18] = y, t[19] = S, t[20] = I) : I = t[20];
+    let z;
+    t[21] !== s || t[22] !== c || t[23] !== i || t[24] !== o ? (z = c && (0, import_jsx_runtime.jsx)("div", {
+      id: "slide-config-panel",
+      className: "flex-1 overflow-y-auto overflow-x-hidden",
+      children: s ? (0, import_jsx_runtime.jsx)(SlidesForm, {
+        layout: i,
+        setLayout: o,
+        cellId: s.id
+      }) : (0, import_jsx_runtime.jsxs)("div", {
+        className: "flex flex-col gap-1.5 p-3 text-xs text-muted-foreground",
+        children: [
+          (0, import_jsx_runtime.jsx)("span", {
+            className: "font-semibold text-sm text-foreground",
+            children: "No slides yet"
+          }),
+          (0, import_jsx_runtime.jsx)("p", {
+            children: "Run a cell that produces output to add it to the deck. Slide settings will appear here once a slide is selected."
+          })
+        ]
+      })
+    }), t[21] = s, t[22] = c, t[23] = i, t[24] = o, t[25] = z) : z = t[25];
+    let U;
+    return t[26] !== I || t[27] !== z || t[28] !== _ ? (U = (0, import_jsx_runtime.jsxs)("aside", {
+      className: "h-full flex flex-col border-l border-border/60 bg-muted/20 transition-[width] duration-200 ease-out overflow-hidden",
+      style: _,
+      "aria-label": "Slide configuration",
+      children: [
+        I,
+        z
+      ]
+    }), t[26] = I, t[27] = z, t[28] = _, t[29] = U) : U = t[29], U;
+  };
+  function _temp(e) {
+    let { value: t, label: n } = e;
+    return (0, import_jsx_runtime.jsx)(SelectItem, {
+      value: t,
+      children: n
+    }, t);
+  }
 });
 export {
-  CommandItem as $,
-  TableHeader as A,
-  usePrevious as B,
-  Toggle as C,
-  Download as Ct,
-  TableBody as D,
-  ChevronsDownUp as Dt,
-  Table as E,
-  ChevronsLeft as Et,
-  renderCellValue as F,
-  SELECT_COLUMN_ID as G,
-  loadTableAndRawData as H,
-  ColumnChartContext as I,
-  getMimeValues as J,
-  TOO_MANY_ROWS as K,
-  ColumnChartSpecModel as L,
-  NAMELESS_COLUMN_PREFIX as M,
-  generateColumns as N,
-  TableCell as O,
-  ChevronLeft as Ot,
-  inferFieldTypes as P,
-  CommandInput as Q,
-  DelayMount as R,
-  slotsController as S,
-  Ellipsis as St,
-  Provider$1 as T,
-  ChevronsRight as Tt,
-  loadTableData as U,
-  getPageIndexForRow as V,
-  INDEX_COLUMN_NAME as W,
-  Command as X,
-  filtersToFilterGroup as Y,
-  CommandEmpty as Z,
-  contextAwarePanelOpen as _,
+  toFieldTypes as $,
+  Fill as A,
+  Download as At,
+  inferFieldTypes as B,
+  contextAwarePanelOpen as C,
+  isStaticNotebook as Ct,
+  SlotNames as D,
+  EyeOff as Dt,
+  isCellAwareAtom as E,
+  Funnel as Et,
+  TableHead as F,
+  ChevronLeft as Ft,
+  useIntersectionObserver as G,
+  ColumnChartContext as H,
+  TableHeader as I,
+  ArrowDownWideNarrow as It,
+  loadTableAndRawData as J,
+  usePrevious as K,
+  TableRow as L,
+  Table as M,
+  ChevronsRight as Mt,
+  TableBody as N,
+  ChevronsLeft as Nt,
+  slotsController as O,
+  Expand as Ot,
+  TableCell as P,
+  ChevronsDownUp as Pt,
+  TOO_MANY_ROWS as Q,
+  NAMELESS_COLUMN_PREFIX as R,
+  PANEL_TYPES as S,
+  getStaticVirtualFiles as St,
+  contextAwarePanelType as T,
+  GripHorizontal as Tt,
+  ColumnChartSpecModel as U,
+  renderCellValue as V,
+  DelayMount as W,
+  INDEX_COLUMN_NAME as X,
+  loadTableData as Y,
+  SELECT_COLUMN_ID as Z,
+  Filenames as _,
   __tla,
-  isStaticNotebook as _t,
-  DataTable as a,
-  TabsList as at,
-  isCellAwareAtom as b,
-  Funnel as bt,
-  downloadBlob as c,
-  ChartInfoState as ct,
-  Filenames as d,
-  useOverflowDetection as dt,
-  CommandList as et,
-  prettifyRowColumnCount as f,
-  RenderTextWithLinks as ft,
-  PANEL_TYPES as g,
-  getStaticVirtualFiles as gt,
-  ContextAwarePanelItem as h,
-  EmotionCacheProvider as ht,
-  OutputRenderer as i,
-  TabsContent as it,
-  TableRow as j,
-  TableHead as k,
-  ArrowDownWideNarrow as kt,
-  downloadByURL as l,
-  ChartLoadingState as lt,
-  useInternalStateWithSync as m,
-  HtmlOutput as mt,
-  JsonOutput as n,
-  Maps as nt,
-  InstallPackageButton as o,
-  TabsTrigger as ot,
-  prettifyRowCount as p,
-  Kbd as pt,
-  toFieldTypes as q,
-  OutputArea as r,
-  Tabs as rt,
-  ADD_PRINTING_CLASS as s,
-  ChartErrorState as st,
-  Slide as t,
-  CommandSeparator as tt,
-  downloadHTMLAsImage as u,
-  LazyVegaEmbed as ut,
-  contextAwarePanelOwner as v,
-  TextWrap as vt,
-  Fill as w,
-  ChevronsUpDown as wt,
-  SlotNames as x,
-  Expand as xt,
-  contextAwarePanelType as y,
-  GripHorizontal as yt,
-  useIntersectionObserver as z
+  useOverflowDetection as _t,
+  Slide as a,
+  CommandItem as at,
+  useInternalStateWithSync as b,
+  HtmlOutput as bt,
+  JsonOutput as c,
+  Maps as ct,
+  DataTable as d,
+  TabsList as dt,
+  getMimeValues as et,
+  InstallPackageButton as f,
+  TabsTrigger as ft,
+  downloadHTMLAsImage as g,
+  LazyVegaEmbed as gt,
+  downloadByURL as h,
+  ChartLoadingState as ht,
+  SlideSidebar as i,
+  CommandInput as it,
+  Provider$1 as j,
+  ChevronsUpDown as jt,
+  Toggle as k,
+  Ellipsis as kt,
+  OutputArea as l,
+  Tabs as lt,
+  downloadBlob as m,
+  ChartInfoState as mt,
+  DEFAULT_SLIDE_TYPE as n,
+  Command as nt,
+  RadioGroup as o,
+  CommandList as ot,
+  ADD_PRINTING_CLASS as p,
+  ChartErrorState as pt,
+  getPageIndexForRow as q,
+  SLIDE_TYPE_OPTIONS_BY_VALUE as r,
+  CommandEmpty as rt,
+  RadioGroupItem as s,
+  CommandSeparator as st,
+  DEFAULT_DECK_TRANSITION as t,
+  filtersToFilterGroup as tt,
+  OutputRenderer as u,
+  TabsContent as ut,
+  prettifyRowColumnCount as v,
+  RenderTextWithLinks as vt,
+  contextAwarePanelOwner as w,
+  TextWrap as wt,
+  ContextAwarePanelItem as x,
+  EmotionCacheProvider as xt,
+  prettifyRowCount as y,
+  Kbd as yt,
+  generateColumns as z
 };