@marimo-team/islands 0.23.16-dev25 → 0.23.16-dev28

package/dist/main.js

@@ -22,17 +22,17 @@ import { _ as Functions, c as useEventListener, f as composeRefs, g as Logger, h
 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-DNq8q3zw.js";
-import { $ as notebookOutline, A as ChevronDownIcon, Bn as Eye, Bt as DATA_TYPE_ICON, C as Accordion, Cn as selectAtom, Ct as PathBuilder, D as BorderAllIcon, Dn as Item$1, E as AccordionTrigger, En as Content2, Ft as repl, G as hasRunAnyCellAtom, Gn as CircleAlert, H as renderHTML, Hn as Database, Ht as require_client, I as base64ToDataView, In as LoaderCircle, It as SQLParser, Jt as requestClientAtom, K as cellIdsAtom, Kn as Braces, Kt as convertStatsName, Ln as Layers, Lt as MarkdownParser, Mn as Table2, Mt as jotaiJsonStorage, Nn as PaintRoller, On as Root2$1, Ot as DeferredRequestRegistry, Q as notebookAtom, Qt as shouldHidePublishedCell, R as dataViewToBase64, Rn as Info, Sn as atomWithStorage, T as AccordionItem, U as getMarimoExportContext, Un as Columns2, V as safeExtractSetUIElementMessageBuffers, W as hasTrustedExportContext, X as hasOnlyOneCellAtom, Xt as isUninstantiated, Y as getCellNames, Yt as useRequestClient, Z as initialNotebookState, Zt as publishedCellClasses, _n as OBJECT_ID_ATTR, _t as isInternalCellName, a as useCellFocusActions, at as createCell, bt as customPythonLanguageSupport, dn as parseInitialValue, dt as headingToIdentifier, et as numColumnsAtom, f as isOutputEmpty, gn as findCellId, gt as getValidName, hn as UIElementId, i as LazyAnyLanguageCodeMirror, jn as Trash2, kn as Trigger2, kt as generateUUID, ln as parseAttrValue, lt as outputIsLoading, n as Spinner, nt as useCellActions, o as useLastFocusedCellId, on as NotebookScopedLocalStorage, p as useExpandedConsoleOutput, pn as HTMLCellId, q as createActions, qt as getRequestClient, rt as useCellIds, s as maybeAddAltairImport, tt as reducer, un as parseDataset, ut as outputIsStale, vn as RANDOM_ID_ATTR, vt as normalizeName, w as AccordionContent, wt as Paths, xn as atomWithReducer, xt as MarkdownLanguageAdapter, yn as jsonParseWithSpecialChar, yt as Checkbox, zn as FileText, zt as PluralWords, __tla as __tla_0 } from "./html-to-image-27MFfyOf.js";
+import { $ as notebookOutline, A as ChevronDownIcon, Bn as Eye, Bt as DATA_TYPE_ICON, C as Accordion, Cn as selectAtom, Ct as PathBuilder, D as BorderAllIcon, Dn as Item$1, E as AccordionTrigger, En as Content2, Ft as repl, G as hasRunAnyCellAtom, Gn as CircleAlert, H as renderHTML, Hn as Database, Ht as require_client, I as base64ToDataView, In as LoaderCircle, It as SQLParser, Jt as requestClientAtom, K as cellIdsAtom, Kn as Braces, Kt as convertStatsName, Ln as Layers, Lt as MarkdownParser, Mn as Table2, Mt as jotaiJsonStorage, Nn as PaintRoller, On as Root2$1, Ot as DeferredRequestRegistry, Q as notebookAtom, Qt as shouldHidePublishedCell, R as dataViewToBase64, Rn as Info, Sn as atomWithStorage, T as AccordionItem, U as getMarimoExportContext, Un as Columns2, V as safeExtractSetUIElementMessageBuffers, W as hasTrustedExportContext, X as hasOnlyOneCellAtom, Xt as isUninstantiated, Y as getCellNames, Yt as useRequestClient, Z as initialNotebookState, Zt as publishedCellClasses, _n as OBJECT_ID_ATTR, _t as isInternalCellName, a as useCellFocusActions, at as createCell, bt as customPythonLanguageSupport, dn as parseInitialValue, dt as headingToIdentifier, et as numColumnsAtom, f as isOutputEmpty, gn as findCellId, gt as getValidName, hn as UIElementId, i as LazyAnyLanguageCodeMirror, jn as Trash2, kn as Trigger2, kt as generateUUID, ln as parseAttrValue, lt as outputIsLoading, n as Spinner, nt as useCellActions, o as useLastFocusedCellId, on as NotebookScopedLocalStorage, p as useExpandedConsoleOutput, pn as HTMLCellId, q as createActions, qt as getRequestClient, rt as useCellIds, s as maybeAddAltairImport, tt as reducer, un as parseDataset, ut as outputIsStale, vn as RANDOM_ID_ATTR, vt as normalizeName, w as AccordionContent, wt as Paths, xn as atomWithReducer, xt as MarkdownLanguageAdapter, yn as jsonParseWithSpecialChar, yt as Checkbox, zn as FileText, zt as PluralWords, __tla as __tla_0 } from "./html-to-image-Bza3T2dl.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-B9WoXK1R.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist-DIlxLFXG.js";
 import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-CQKL_D3i.js";
-import { $ as smartMatch, $t as HtmlOutput, A as LoadingState, At as loadTableAndRawData, B as useInternalStateWithSync, Bt as dateToLocalISODateTime, C as Progress, Ct as renderCellValue, D as ColumnPreviewContainer, Dt as useIntersectionObserver, E as ColumnName, Et as DelayMount, F as ContextMenu, Ft as toFieldTypes, G as Combobox, Gt as TabsTrigger, H as CompactChipRow, Ht as Tabs, I as ContextMenuContent, It as getMimeValues, J as CommandEmpty, Jt as ChartLoadingState, K as ComboboxItem, Kt as ChartErrorState, L as ContextMenuItem, Lt as isNullishFilter, M as prettifyRowCount, Mt as INDEX_COLUMN_NAME, N as getColumnCountForDisplay, Nt as SELECT_COLUMN_ID, O as EmptyState, Ot as usePrevious$1, P as getUserColumnVisibilityCounts, Pt as TOO_MANY_ROWS, Q as CommandSeparator, Qt as Kbd, R as ContextMenuSeparator, Rt as Maps, S as downloadHTMLAsImage, St as inferFieldTypes, T as downloadSizeLimitAtom, Tt as ColumnChartSpecModel, U as DatePicker, Ut as TabsContent, V as useSelectList, Vt as dateToLocalISOTime, W as DateRangePicker, Wt as TabsList, X as CommandItem, Xt as useOverflowDetection, Y as CommandInput, Yt as LazyVegaEmbed, Z as CommandList, Zt as RenderTextWithLinks, _ as InstallPackageButton, _n as ChevronsDownUp, _t as TableHead, an as $fae977aafc393c5c$export$6b862160d295c8e, at as isCellAwareAtom, b as downloadByURL, bt as NAMELESS_COLUMN_PREFIX, cn as Funnel, ct as Toggle, d as RadioGroup, dn as Ellipsis, en as EmotionCacheProvider, et as ContextAwarePanelItem, f as RadioGroupItem, fn as Download, ft as Fill, g as DataTable, gn as ChevronsLeft, gt as TableCell, h as OutputRenderer, hn as ChevronsRight, ht as TableBody, in as $fae977aafc393c5c$export$588937bcd60ade55, it as contextAwarePanelType, j as prettifyRowColumnCount, jt as loadTableData, k as ErrorState, kt as getPageIndexForRow, l as Slide, ln as EyeOff, m as OutputArea, mn as ChevronsUpDown, mt as Table, n as marimoVersionAtom, nn as hasFunctionProperty, nt as contextAwarePanelOpen, on as TextWrap, ot as SlotNames, p as JsonOutput, pn as Code, pt as Provider$1, q as Command, qt as ChartInfoState, r as showCodeInRunModeAtom, rn as isRecord, rt as contextAwarePanelOwner, s as SLIDE_TYPE_OPTIONS_BY_VALUE, sn as GripHorizontal, st as slotsController, t as useNotebookCodeAvailable, tn as safeLocale, tt as PANEL_TYPES, u as Switch, v as ADD_PRINTING_CLASS, vn as ChevronLeft, vt as TableHeader, w as Filenames, wt as ColumnChartContext, x as downloadExportedFile, xt as generateColumns, y as downloadBlob, yn as ArrowDownWideNarrow, yt as TableRow, z as ContextMenuTrigger, zt as dateToLocalISODate, __tla as __tla_2 } from "./code-visibility-Btz9Lj-7.js";
+import { $ as smartMatch, $t as HtmlOutput, A as LoadingState, At as loadTableAndRawData, B as useInternalStateWithSync, Bt as dateToLocalISODateTime, C as Progress, Ct as renderCellValue, D as ColumnPreviewContainer, Dt as useIntersectionObserver, E as ColumnName, Et as DelayMount, F as ContextMenu, Ft as toFieldTypes, G as Combobox, Gt as TabsTrigger, H as CompactChipRow, Ht as Tabs, I as ContextMenuContent, It as getMimeValues, J as CommandEmpty, Jt as ChartLoadingState, K as ComboboxItem, Kt as ChartErrorState, L as ContextMenuItem, Lt as isNullishFilter, M as prettifyRowCount, Mt as INDEX_COLUMN_NAME, N as getColumnCountForDisplay, Nt as SELECT_COLUMN_ID, O as EmptyState, Ot as usePrevious$1, P as getUserColumnVisibilityCounts, Pt as TOO_MANY_ROWS, Q as CommandSeparator, Qt as Kbd, R as ContextMenuSeparator, Rt as Maps, S as downloadHTMLAsImage, St as inferFieldTypes, T as downloadSizeLimitAtom, Tt as ColumnChartSpecModel, U as DatePicker, Ut as TabsContent, V as useSelectList, Vt as dateToLocalISOTime, W as DateRangePicker, Wt as TabsList, X as CommandItem, Xt as useOverflowDetection, Y as CommandInput, Yt as LazyVegaEmbed, Z as CommandList, Zt as RenderTextWithLinks, _ as InstallPackageButton, _n as ChevronsDownUp, _t as TableHead, an as $fae977aafc393c5c$export$6b862160d295c8e, at as isCellAwareAtom, b as downloadByURL, bt as NAMELESS_COLUMN_PREFIX, cn as Funnel, ct as Toggle, d as RadioGroup, dn as Ellipsis, en as EmotionCacheProvider, et as ContextAwarePanelItem, f as RadioGroupItem, fn as Download, ft as Fill, g as DataTable, gn as ChevronsLeft, gt as TableCell, h as OutputRenderer, hn as ChevronsRight, ht as TableBody, in as $fae977aafc393c5c$export$588937bcd60ade55, it as contextAwarePanelType, j as prettifyRowColumnCount, jt as loadTableData, k as ErrorState, kt as getPageIndexForRow, l as Slide, ln as EyeOff, m as OutputArea, mn as ChevronsUpDown, mt as Table, n as marimoVersionAtom, nn as hasFunctionProperty, nt as contextAwarePanelOpen, on as TextWrap, ot as SlotNames, p as JsonOutput, pn as Code, pt as Provider$1, q as Command, qt as ChartInfoState, r as showCodeInRunModeAtom, rn as isRecord, rt as contextAwarePanelOwner, s as SLIDE_TYPE_OPTIONS_BY_VALUE, sn as GripHorizontal, st as slotsController, t as useNotebookCodeAvailable, tn as safeLocale, tt as PANEL_TYPES, u as Switch, v as ADD_PRINTING_CLASS, vn as ChevronLeft, vt as TableHeader, w as Filenames, wt as ColumnChartContext, x as downloadExportedFile, xt as generateColumns, y as downloadBlob, yn as ArrowDownWideNarrow, yt as TableRow, z as ContextMenuTrigger, zt as dateToLocalISODate, __tla as __tla_2 } from "./code-visibility-CTlBHNhq.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-CMJGqBaY.js";
 import { t as Check } from "./check-DP7U0H0G.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-DIy9NAmg.js";
 import { B as $64fa3d84918910a7$export$4d86445c2cf5e3, C as DropdownMenuTrigger, Ft as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, It as $3ef42575df84b30b$export$9d1611c77c2fe928, W as $64fa3d84918910a7$export$df3a06d6289f983e, Wt as $ff5963eb1fccf552$export$e08e3b67e392101e, X as useDebouncedCallback, Y as useDebounceControlledState, a as NumberField, d as roundToFractionDigits, f as DropdownMenu, g as DropdownMenuLabel, gn as ChevronRight, h as DropdownMenuItem, hn as Circle, i as OnBlurredInput, l as prettyNumber, m as DropdownMenuGroup, n as DebouncedNumberInput, o as maxFractionDigitsForSteps, ot as $f7dceffc5ad7768b$export$4e328f61c538687f, p as DropdownMenuContent, pt as $6179b936705e76d3$export$ae780daf29e6d456, r as Input, st as $701a24aa0da5b062$export$ea18c227d4417cc3, t as DebouncedInput, u as prettyScientificNumber, v as DropdownMenuSeparator, xt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, y as DropdownMenuShortcut, z as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./input-C5K4VBvB.js";
 import { S as isWasm, _ as initialModeAtom, b as viewStateAtom, c as asRemoteURL, d as isStaticNotebook, f as appendQueryParams, g as getInitialAppMode, m as require_cuid2, u as getStaticVirtualFiles, v as kioskModeAtom, w as CircleQuestionMark, x as Deferred } from "./toDate-CqhBWjvO.js";
-import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Square, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-BpssYna4.js";
+import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as Square, f as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-pCEXvnhG.js";
 import { n as Trash, r as Pencil, t as BulkEdit } from "./types-DicH9Oi0.js";
 import { n as require_prop_types, r as Plus, t as ErrorBoundary } from "./ErrorBoundary-DhLqwSWA.js";
 import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
@@ -9009,7 +9009,7 @@ let __tla = Promise.all([
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-BMBk8I78.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-DuPGKU9z.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -38147,7 +38147,7 @@ ${c}
   function _temp2$2(e) {
     e.target === e.currentTarget && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), e.currentTarget.click());
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-ByqpHkkW.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-CAfix0fI.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a5;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [

package/dist/{process-output-BpssYna4.js → process-output-pCEXvnhG.js}

@@ -1,6 +1,6 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { ot as ansiToPlainText, st as parseHtmlContent } from "./html-to-image-27MFfyOf.js";
+import { ot as ansiToPlainText, st as parseHtmlContent } from "./html-to-image-Bza3T2dl.js";
 import { u as createLucideIcon } from "./dist-DIlxLFXG.js";
 import { t as Strings } from "./strings-DIy9NAmg.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";

package/dist/{reveal-component-ByqpHkkW.js → reveal-component-CAfix0fI.js}

@@ -6,10 +6,10 @@ import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { c as useEventListener, g as Logger, h as cn, m as Events, t as Button } from "./button-BSm8IXRU.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { ut as outputIsStale } from "./html-to-image-27MFfyOf.js";
+import { ut as outputIsStale } from "./html-to-image-Bza3T2dl.js";
 import "./chunk-5FQGJX7Z-B9WoXK1R.js";
 import { u as createLucideIcon } from "./dist-DIlxLFXG.js";
-import { a as DEFAULT_DECK_VERTICAL_ALIGN, c as SlideSidebar, dt as PanelResizeHandle, i as DEFAULT_DECK_TRANSITION, l as Slide, ln as EyeOff, lt as Panel, o as DEFAULT_SLIDE_TYPE, pn as Code, t as useNotebookCodeAvailable, un as Expand, ut as PanelGroup } from "./code-visibility-Btz9Lj-7.js";
+import { a as DEFAULT_DECK_VERTICAL_ALIGN, c as SlideSidebar, dt as PanelResizeHandle, i as DEFAULT_DECK_TRANSITION, l as Slide, ln as EyeOff, lt as Panel, o as DEFAULT_SLIDE_TYPE, pn as Code, t as useNotebookCodeAvailable, un as Expand, ut as PanelGroup } from "./code-visibility-CTlBHNhq.js";
 import { R as ChevronDown } from "./strings-DIy9NAmg.js";
 import { X as useDebouncedCallback } from "./input-C5K4VBvB.js";
 import { v as kioskModeAtom } from "./toDate-CqhBWjvO.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.23.16-dev25",
+  "version": "0.23.16-dev28",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/data-table/__tests__/__snapshots__/chart-spec-model.test.ts.snap

@@ -109,9 +109,10 @@ exports[`ColumnChartSpecModel > file URL handling > should handle arrow data 1`]
           "type": "temporal",
         },
         "y": {
-          "aggregate": "max",
-          "axis": null,
-          "type": "quantitative",
+          "value": 0,
+        },
+        "y2": {
+          "value": 100,
         },
       },
       "mark": {
@@ -222,9 +223,10 @@ exports[`ColumnChartSpecModel > should expect bin values to be used for number a
           "field": "bin_end_extended",
         },
         "y": {
-          "aggregate": "max",
-          "axis": null,
-          "type": "quantitative",
+          "value": 0,
+        },
+        "y2": {
+          "value": 30,
         },
       },
       "mark": {
@@ -486,9 +488,10 @@ exports[`ColumnChartSpecModel > should handle datetime bin values 1`] = `
           "type": "ordinal",
         },
         "y": {
-          "aggregate": "max",
-          "axis": null,
-          "type": "quantitative",
+          "value": 0,
+        },
+        "y2": {
+          "value": 30,
         },
       },
       "mark": {
@@ -633,6 +636,152 @@ exports[`ColumnChartSpecModel > should handle string value counts 1`] = `
 }
 `;
 
+exports[`ColumnChartSpecModel > should render a null bar for all-null temporal columns 1`] = `
+{
+  "background": "transparent",
+  "config": {
+    "axis": {
+      "domain": false,
+    },
+    "view": {
+      "stroke": "transparent",
+    },
+  },
+  "data": {
+    "name": "bin_values",
+    "values": [
+      {
+        "bin_end": null,
+        "bin_start": null,
+        "count": 12,
+      },
+    ],
+  },
+  "height": 30,
+  "layer": [
+    {
+      "encoding": {
+        "x": {
+          "axis": null,
+          "field": "bin_start",
+          "type": "nominal",
+        },
+        "y": {
+          "axis": null,
+          "field": "count",
+          "type": "quantitative",
+        },
+      },
+      "mark": {
+        "color": "#cc4e00",
+        "type": "bar",
+      },
+    },
+    {
+      "encoding": {
+        "tooltip": [
+          {
+            "field": "count",
+            "format": ",d",
+            "title": "nulls",
+            "type": "quantitative",
+          },
+        ],
+        "x": {
+          "axis": null,
+          "field": "bin_start",
+          "type": "nominal",
+        },
+        "y": {
+          "value": 0,
+        },
+        "y2": {
+          "value": 30,
+        },
+      },
+      "mark": {
+        "opacity": 0,
+        "type": "bar",
+      },
+    },
+  ],
+  "width": 70,
+}
+`;
+
+exports[`ColumnChartSpecModel > should render only a null bar for all-null numeric columns 1`] = `
+{
+  "background": "transparent",
+  "config": {
+    "axis": {
+      "domain": false,
+    },
+    "view": {
+      "stroke": "transparent",
+    },
+  },
+  "data": {
+    "name": "bin_values",
+    "values": [
+      {
+        "bin_end": null,
+        "bin_start": null,
+        "count": 12,
+      },
+    ],
+  },
+  "height": 30,
+  "layer": [
+    {
+      "encoding": {
+        "x": {
+          "axis": null,
+          "field": "bin_start",
+          "type": "nominal",
+        },
+        "y": {
+          "axis": null,
+          "field": "count",
+          "type": "quantitative",
+        },
+      },
+      "mark": {
+        "color": "#cc4e00",
+        "type": "bar",
+      },
+    },
+    {
+      "encoding": {
+        "tooltip": [
+          {
+            "field": "count",
+            "format": ",d",
+            "title": "nulls",
+            "type": "quantitative",
+          },
+        ],
+        "x": {
+          "axis": null,
+          "field": "bin_start",
+          "type": "nominal",
+        },
+        "y": {
+          "value": 0,
+        },
+        "y2": {
+          "value": 30,
+        },
+      },
+      "mark": {
+        "opacity": 0,
+        "type": "bar",
+      },
+    },
+  ],
+  "width": 70,
+}
+`;
+
 exports[`ColumnChartSpecModel > snapshot with legacy data spec > array 1`] = `
 {
   "background": "transparent",
@@ -700,9 +849,10 @@ exports[`ColumnChartSpecModel > snapshot with legacy data spec > array 1`] = `
           "type": "quantitative",
         },
         "y": {
-          "aggregate": "max",
-          "axis": null,
-          "type": "quantitative",
+          "value": 0,
+        },
+        "y2": {
+          "value": 100,
         },
       },
       "mark": {
@@ -788,9 +938,10 @@ exports[`ColumnChartSpecModel > snapshot with legacy data spec > csv data 1`] =
           "type": "quantitative",
         },
         "y": {
-          "aggregate": "max",
-          "axis": null,
-          "type": "quantitative",
+          "value": 0,
+        },
+        "y2": {
+          "value": 100,
         },
       },
       "mark": {
@@ -876,9 +1027,10 @@ exports[`ColumnChartSpecModel > snapshot with legacy data spec > csv string 1`]
           "type": "quantitative",
         },
         "y": {
-          "aggregate": "max",
-          "axis": null,
-          "type": "quantitative",
+          "value": 0,
+        },
+        "y2": {
+          "value": 100,
         },
       },
       "mark": {
@@ -988,9 +1140,10 @@ exports[`ColumnChartSpecModel > snapshot with legacy data spec > url data 1`] =
           "type": "temporal",
         },
         "y": {
-          "aggregate": "max",
-          "axis": null,
-          "type": "quantitative",
+          "value": 0,
+        },
+        "y2": {
+          "value": 100,
         },
       },
       "mark": {

package/src/components/data-table/__tests__/chart-spec-model.test.ts

@@ -178,6 +178,104 @@ describe("ColumnChartSpecModel", () => {
     expect(summary2.spec?.data?.values).toEqual(mockBinValues.integer);
   });
 
+  it("should render only a null bar for all-null numeric columns", () => {
+    const allNullStats: Record<ColumnName, Partial<ColumnHeaderStats>> = {
+      number: { nulls: 12, total: 12 },
+    };
+    const allNullBins: Record<ColumnName, BinValues> = {
+      number: [],
+    };
+    const model = new ColumnChartSpecModel(
+      [],
+      mockFieldTypes,
+      allNullStats,
+      allNullBins,
+      {},
+      { includeCharts: true },
+    );
+    const summary = model.getHeaderSummary("number");
+    expect(summary.spec).toBeDefined();
+    // @ts-expect-error hconcat should be available
+    expect(summary.spec?.hconcat).toBeUndefined();
+    // @ts-expect-error data.values should be available
+    expect(summary.spec?.data?.values).toEqual([
+      { bin_start: null, bin_end: null, count: 12 },
+    ]);
+    // Full-width null-only chart (not the thin hconcat null strip)
+    expect(summary.spec?.width).toBe(70);
+    // Full-height tooltip hit area uses pixel y/y2 (no aggregate:max)
+    // @ts-expect-error layer should be available
+    expect(summary.spec?.layer?.[1]?.encoding?.y).toEqual({ value: 0 });
+    // @ts-expect-error layer should be available
+    expect(summary.spec?.layer?.[1]?.encoding?.y2).toEqual({ value: 30 });
+    expect(summary.spec).toMatchSnapshot();
+  });
+
+  it("should ignore NaN bins and not mutate stored bin values", () => {
+    const nanOnlyBins: Record<ColumnName, BinValues> = {
+      number: [
+        { bin_start: Number.NaN, bin_end: 0.1, count: 0 },
+        { bin_start: Number.NaN, bin_end: 1, count: 0 },
+      ],
+    };
+    const stats: Record<ColumnName, Partial<ColumnHeaderStats>> = {
+      number: { nulls: 12, total: 12 },
+    };
+    const model = new ColumnChartSpecModel(
+      [],
+      mockFieldTypes,
+      stats,
+      nanOnlyBins,
+      {},
+      { includeCharts: true },
+    );
+    const first = model.getHeaderSummary("number");
+    const second = model.getHeaderSummary("number");
+    // All NaN bins are invalid → null-only chart
+    // @ts-expect-error hconcat should be available
+    expect(first.spec?.hconcat).toBeUndefined();
+    expect(first.spec?.width).toBe(70);
+    // Stored bins must not grow across getHeaderSummary calls
+    expect(nanOnlyBins.number).toHaveLength(2);
+    expect(second.spec).toEqual(first.spec);
+  });
+
+  it("should render a null bar for all-null temporal columns", () => {
+    const model = new ColumnChartSpecModel(
+      [],
+      mockFieldTypes,
+      { datetime: { nulls: 12, total: 12 } },
+      { datetime: [] },
+      {},
+      { includeCharts: true },
+    );
+    const summary = model.getHeaderSummary("datetime");
+    expect(summary.spec).toBeDefined();
+    // @ts-expect-error data.values
+    expect(summary.spec?.data?.values).toEqual([
+      { bin_start: null, bin_end: null, count: 12 },
+    ]);
+    expect(summary.spec?.width).toBe(70);
+    // Same full-height hover hit area as numeric all-null charts
+    // @ts-expect-error layer should be available
+    expect(summary.spec?.layer?.[1]?.encoding?.y).toEqual({ value: 0 });
+    // @ts-expect-error layer should be available
+    expect(summary.spec?.layer?.[1]?.encoding?.y2).toEqual({ value: 30 });
+    expect(summary.spec).toMatchSnapshot();
+  });
+
+  it("should return null when numeric bins are empty and there are no nulls", () => {
+    const model = new ColumnChartSpecModel(
+      [],
+      mockFieldTypes,
+      { number: { min: 0, max: 1 } },
+      { number: [] },
+      {},
+      { includeCharts: true },
+    );
+    expect(model.getHeaderSummary("number").spec).toBeNull();
+  });
+
   it("should handle datetime bin values", () => {
     const model = new ColumnChartSpecModel(
       [],
@@ -191,7 +289,10 @@ describe("ColumnChartSpecModel", () => {
     const summary = model.getHeaderSummary("datetime");
     expect(summary.spec).toBeDefined();
     // @ts-expect-error data.values should be available
-    expect(summary.spec?.data?.values).toEqual(mockBinValues.datetime);
+    expect(summary.spec?.data?.values).toEqual([
+      ...mockBinValues.datetime,
+      { bin_start: null, bin_end: null, count: 10 },
+    ]);
 
     expect(summary.spec).toMatchSnapshot();