@marimo-team/islands 0.23.16-dev6 → 0.23.16-dev62

package/dist/{tooltip-B-qh7UPB.js → tooltip-f-qR0iUx.js}

@@ -1,10 +1,10 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { d as createSlottable, h as cn, p as useComposedRefs } from "./button-BcSml68y.js";
+import { d as createSlottable, h as cn, p as useComposedRefs } 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 { a as createPopperScope, i as Root2, n as Arrow, r as Content, s as Root, t as Anchor } from "./dist-B96tMAst.js";
+import { a as createPopperScope, i as Root2, n as Arrow, r as Content, s as Root, t as Anchor } from "./dist-DIlxLFXG.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import { Q as withSmartCollisionBoundary, Z as withFullScreenAsRoot, _t as createContextScope, at as Portal, ct as DismissableLayer, dt as useId, et as StyleNamespace, ft as Presence, ht as composeEventHandlers, pt as useControllableState, vt as Primitive } from "./zod-D0yOqoGe.js";
+import { Q as withSmartCollisionBoundary, Z as withFullScreenAsRoot, _t as createContextScope, at as Portal, ct as DismissableLayer, dt as useId, et as StyleNamespace, ft as Presence, ht as composeEventHandlers, pt as useControllableState, vt as Primitive } from "./zod-BUcyXSdR.js";
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [createPopperScope]), usePopperScope = createPopperScope(), PROVIDER_NAME = "TooltipProvider", DEFAULT_DELAY_DURATION = 700, TOOLTIP_OPEN = "tooltip.open", [TooltipProviderContextProvider, useTooltipProviderContext] = createTooltipContext(PROVIDER_NAME), TooltipProvider$1 = (n) => {
   let { __scopeTooltip: j, delayDuration: M = DEFAULT_DELAY_DURATION, skipDelayDuration: N = 300, disableHoverableContent: P = false, children: F } = n, I = import_react.useRef(true), L = import_react.useRef(false), R = import_react.useRef(0);
   return import_react.useEffect(() => {

package/dist/{types-DQl7jVYK.js → types-DicH9Oi0.js}

@@ -1,4 +1,4 @@
-import { u as createLucideIcon } from "./dist-B96tMAst.js";
+import { u as createLucideIcon } from "./dist-DIlxLFXG.js";
 var Pencil = createLucideIcon("pencil", [["path", {
   d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
   key: "1a8usu"

package/dist/{useAsyncData-CvO8WUy3.js → useAsyncData-CYOQb1EW.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { A as useEvent_default } from "./useTheme-XMq9mNf_.js";
+import { A as useEvent_default } from "./useTheme-DYfby65G.js";
 import { t as invariant } from "./invariant-wRzNXIsJ.js";
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), Result = {
   error(e, s) {

package/dist/{useDateFormatter-BSoGim-G.js → useDateFormatter-Bt2qr_XS.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
-import { u as createLucideIcon } from "./dist-B96tMAst.js";
-import { E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./strings-BYAhZnQi.js";
+import { u as createLucideIcon } from "./dist-DIlxLFXG.js";
+import { E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./strings-DIy9NAmg.js";
 var ChartPie = createLucideIcon("chart-pie", [["path", {
   d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
   key: "pzmjnu"

package/dist/{useDeepCompareMemoize-J3MKRdA4.js → useDeepCompareMemoize-CSHQeQEI.js}

@@ -1,6 +1,6 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
-import { k as dequal } from "./useTheme-XMq9mNf_.js";
+import { k as dequal } from "./useTheme-DYfby65G.js";
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 function useDeepCompareMemoize(e) {
   let i = import_react.useRef(e);

package/dist/{useIframeCapabilities-POcFXHbw.js → useIframeCapabilities-kA09ykNq.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { t as getIframeCapabilities } from "./capabilities-BYLFYTYv.js";
+import { t as getIframeCapabilities } from "./capabilities-C6OQ5YBO.js";
 var import_compiler_runtime = require_compiler_runtime();
 require_react();
 function useIframeCapabilities() {

package/dist/{useLifecycle-DqPxHgAN.js → useLifecycle-CMJGqBaY.js}

@@ -1,10 +1,10 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { g as Logger, h as cn, r as cva } from "./button-BcSml68y.js";
+import { g as Logger, h as cn, r as cva } 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 { u as createLucideIcon } from "./dist-B96tMAst.js";
+import { u as createLucideIcon } from "./dist-DIlxLFXG.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import { C as useSetAtom, T as atom } from "./useTheme-XMq9mNf_.js";
+import { C as useSetAtom, T as atom } from "./useTheme-DYfby65G.js";
 var Calendar = createLucideIcon("calendar", [
   ["path", {
     d: "M8 2v4",

package/dist/{useTheme-XMq9mNf_.js → useTheme-DYfby65G.js}

@@ -1,8 +1,8 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { a as OverridingHotkeyProvider, g as Logger, s as resolvePlatform } from "./button-BcSml68y.js";
+import { a as OverridingHotkeyProvider, g as Logger, s as resolvePlatform } 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 { A as looseObject, B as union, I as record, N as number, P as object, R as string, T as boolean, b as _enum, w as array } from "./zod-D0yOqoGe.js";
+import { A as looseObject, B as union, I as record, N as number, P as object, R as string, T as boolean, b as _enum, w as array } from "./zod-BUcyXSdR.js";
 import { t as merge_default } from "./merge-Be1CqGnU.js";
 var import_react = /* @__PURE__ */ __toESM(require_react()), useInsertionEffect = typeof window < "u" ? import_react.useInsertionEffect || import_react.useLayoutEffect : () => {
 };

package/dist/{vega-component-CrFoZT1S.js → vega-component-C7nO5zcf.js}

@@ -1,25 +1,25 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { g as Logger, h as cn, m as Events } from "./button-BcSml68y.js";
+import { g as Logger, h as cn, m as Events } 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 { c as asRemoteURL, v as CircleQuestionMark } from "./toDate-B3IRfHhw.js";
+import { c as asRemoteURL, w as CircleQuestionMark } from "./toDate-CqhBWjvO.js";
 import "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import "./zod-D0yOqoGe.js";
-import { n as ErrorBanner } from "./error-banner-DR7o3CbX.js";
-import { t as Tooltip } from "./tooltip-B-qh7UPB.js";
+import "./zod-BUcyXSdR.js";
+import { n as ErrorBanner } from "./error-banner-B_GQfxxD.js";
+import { t as Tooltip } from "./tooltip-f-qR0iUx.js";
 import { t as debounce_default } from "./debounce-BOD3DbfP.js";
-import { A as useEvent_default, n as useTheme } from "./useTheme-XMq9mNf_.js";
+import { A as useEvent_default, n as useTheme } from "./useTheme-DYfby65G.js";
 import { s as uniq } from "./arrays-sEtDRoG4.js";
 import { t as Objects } from "./objects-De59twF-.js";
-import { a as isValid, i as AlertTitle, n as Alert, t as arrow } from "./formats-BFhkZJwd.js";
+import { a as isValid, i as AlertTitle, n as Alert, t as arrow } from "./formats-Dwq1THhr.js";
 import { V as getContainerWidth, n as formats } from "./vega-loader.browser-DmpxCJqx.js";
-import { a as tooltipHandler, n as vegaLoadData } from "./loader-CTHCI-qe.js";
+import { a as tooltipHandler, n as vegaLoadData } from "./loader-DX-IDS7n.js";
 import { t as j } from "./react-vega-BazDALhI.js";
 import "./defaultLocale-BpsHxBd7.js";
 import "./defaultLocale-DoeErsX2.js";
-import { t as useAsyncData } from "./useAsyncData-CvO8WUy3.js";
-import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-J3MKRdA4.js";
+import { t as useAsyncData } from "./useAsyncData-CYOQb1EW.js";
+import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-CSHQeQEI.js";
 import { t as Semaphore } from "./semaphore-C8rmHdhj.js";
 import { t as useVegaContainerRemeasure } from "./use-vega-container-remeasure-DGNrIQSk.js";
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1);

package/dist/{zod-D0yOqoGe.js → zod-BUcyXSdR.js}

@@ -1,5 +1,5 @@
 import { r as __export, s as __toESM } from "./chunk-BNovOVIE.js";
-import { c as useEventListener, p as useComposedRefs, u as createSlot } from "./button-BcSml68y.js";
+import { c as useEventListener, p as useComposedRefs, u as createSlot } 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 { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.23.16-dev6",
+  "version": "0.23.16-dev62",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -55,15 +55,14 @@
     "@lezer/markdown": "^1.6.3",
     "@lezer/python": "^1.1.18",
     "@marimo-team/codemirror-ai": "^0.3.7",
-    "@marimo-team/codemirror-languageserver": "^1.16.12",
+    "@marimo-team/codemirror-languageserver": "^2.0.0",
     "@marimo-team/codemirror-mcp": "^0.1.7",
-    "@marimo-team/codemirror-sql": "^0.2.8",
+    "@marimo-team/codemirror-sql": "^0.3.0",
     "@marimo-team/llm-info": "workspace:*",
     "@marimo-team/marimo-api": "workspace:*",
     "@marimo-team/react-slotz": "^0.2.0",
     "@marimo-team/smart-cells": "workspace:*",
     "@mui/material": "^6.5.0",
-    "@open-rpc/client-js": "^1.8.1",
     "@paralleldrive/cuid2": "^2.3.1",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-icons": "~1.3.2",

package/src/__mocks__/requests.ts

@@ -41,6 +41,7 @@ export const MockRequestClient = {
       previewSQLTableList: vi.fn().mockResolvedValue({ tables: [] }),
       previewSQLSchemaList: vi.fn().mockResolvedValue({ schemas: [] }),
       previewDataSourceConnection: vi.fn().mockResolvedValue({}),
+      discoverDataSources: vi.fn().mockResolvedValue({}),
       validateSQL: vi.fn().mockResolvedValue({}),
       openFile: vi.fn().mockResolvedValue({}),
       getUsageStats: vi.fn().mockResolvedValue({}),
@@ -64,10 +65,61 @@ export const MockRequestClient = {
       getWorkspaceFiles: vi.fn().mockResolvedValue({ files: [] }),
       getRunningNotebooks: vi.fn().mockResolvedValue({ files: [] }),
       shutdownSession: vi.fn().mockResolvedValue({}),
-      exportAsHTML: vi.fn().mockResolvedValue({ html: "" }),
-      exportAsIPYNB: vi.fn().mockResolvedValue(""),
-      exportAsMarkdown: vi.fn().mockResolvedValue({ markdown: "" }),
-      exportAsPDF: vi.fn().mockResolvedValue(new Blob()),
+      getExportAvailability: vi.fn().mockResolvedValue({
+        source: "server",
+        formats: [
+          {
+            format: "html",
+            dependenciesAvailable: true,
+            missingPackages: [],
+          },
+          {
+            format: "markdown",
+            dependenciesAvailable: true,
+            missingPackages: [],
+          },
+          {
+            format: "ipynb",
+            dependenciesAvailable: true,
+            missingPackages: [],
+          },
+          {
+            format: "pdf",
+            dependenciesAvailable: true,
+            missingPackages: [],
+          },
+          {
+            format: "script",
+            dependenciesAvailable: true,
+            missingPackages: [],
+          },
+        ],
+      }),
+      exportAsHTML: vi.fn().mockResolvedValue({
+        contents: "",
+        filename: "notebook.html",
+        mediaType: "text/html; charset=utf-8",
+      }),
+      exportAsIPYNB: vi.fn().mockResolvedValue({
+        contents: "",
+        filename: "notebook.ipynb",
+        mediaType: "text/plain; charset=utf-8",
+      }),
+      exportAsMarkdown: vi.fn().mockResolvedValue({
+        contents: "",
+        filename: "notebook.md",
+        mediaType: "text/plain; charset=utf-8",
+      }),
+      exportAsScript: vi.fn().mockResolvedValue({
+        contents: "",
+        filename: "notebook.script.py",
+        mediaType: "text/plain; charset=utf-8",
+      }),
+      exportAsPDF: vi.fn().mockResolvedValue({
+        contents: new Blob(),
+        filename: "notebook.pdf",
+        mediaType: "application/pdf",
+      }),
       autoExportAsHTML: vi.fn().mockResolvedValue({}),
       autoExportAsMarkdown: vi.fn().mockResolvedValue({}),
       autoExportAsIPYNB: vi.fn().mockResolvedValue({}),

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();
 

package/src/components/data-table/__tests__/columns.test.tsx

@@ -5,6 +5,7 @@ import { fireEvent, render } from "@testing-library/react";
 import { I18nProvider } from "react-aria";
 import { describe, expect, it, test, vi } from "vitest";
 import { TooltipProvider } from "@/components/ui/tooltip";
+import { Logger } from "@/utils/Logger";
 import { parseContent } from "@/utils/url-parser";
 import {
   generateColumns,
@@ -174,16 +175,23 @@ describe("generateColumns", () => {
   ];
 
   it("should generate columns with row headers", () => {
+    const loggerWarn = vi.spyOn(Logger, "warn").mockImplementation(() => {});
+    // "name" intentionally appears in both inputs; the row header takes precedence.
     const columns = generateColumns({
       rowHeaders: [["name", ["string", "text"]]],
       selection: null,
       fieldTypes,
     });
 
-    expect(columns).toHaveLength(3);
+    expect(columns).toHaveLength(2);
+    expect(columns.map((column) => column.id)).toEqual(["name", "age"]);
     expect(columns[0].id).toBe("name");
     expect(columns[0].meta?.rowHeader).toBe(true);
     expect(columns[0].enableSorting).toBe(true);
+    expect(loggerWarn).toHaveBeenCalledWith(
+      "Skipping field type for row header column name",
+    );
+    loggerWarn.mockRestore();
   });
 
   it("should generate columns with nameless row headers", () => {