@marimo-team/frontend 0.23.16-dev26 → 0.23.16-dev29

package/dist/assets/useRunCells-DHsd7HGL.js

@@ -0,0 +1 @@
+import{d as k,n as i,p as v}from"./useEvent-D91BmmQi.js";import{E as w,m as d,pt as y,ri as F,ui as b,zn as x}from"./cells-6yd8nOAu.js";import{t as z}from"./compiler-runtime-B3qBwwSJ.js";import{g as D}from"./useEventListener-C0195JsF.js";import{o as E}from"./dist-DYEuVkEX.js";import{r as H}from"./requests-9-v2bhoi.js";var u=z();const g=v(!1);function V(){let r=(0,u.c)(2),n=p(),t;return r[0]===n?t=r[1]:(t=()=>n(b(d())),r[0]=n,r[1]=t),i(t)}function _(r){let n=(0,u.c)(3),t=p(),o;return n[0]!==r||n[1]!==t?(o=()=>{r!==void 0&&t([r])},n[0]=r,n[1]=t,n[2]=o):o=n[2],i(o)}function j(){let r=(0,u.c)(2),n=p(),t;return r[0]===n?t=r[1]:(t=()=>n(F(d())),r[0]=n,r[1]=t),i(t)}function p(){let r=(0,u.c)(4),{prepareForRun:n}=w(),{sendRun:t}=H(),o=k(g),e;return r[0]!==n||r[1]!==t||r[2]!==o?(e=async s=>{if(s.length===0)return;let c=d();return o(!0),I({cellIds:s,sendRun:t,prepareForRun:n,notebook:c})},r[0]=n,r[1]=t,r[2]=o,r[3]=e):e=r[3],i(e)}async function I({cellIds:r,sendRun:n,prepareForRun:t,notebook:o}){var m,R,h;if(r.length===0)return;let{cellHandles:e,cellData:s}=o,c=[];for(let a of r){let l=(R=(m=e[a])==null?void 0:m.current)==null?void 0:R.editorView,f;l?(x(l)!=="markdown"&&E(l),f=y(l)):f=((h=s[a])==null?void 0:h.code)||"",c.push(f),t({cellId:a})}await n({cellIds:r,codes:c}).catch(a=>{D.error(a)})}export{p as a,_ as i,I as n,V as o,j as r,g as t};

package/dist/assets/{useSplitCell-CapBPXO1.js → useSplitCell-MZpER0Bh.js}

@@ -1 +1 @@
-import{s as m}from"./chunk-LvLJmgfZ.js";import{n as p}from"./useEvent-D91BmmQi.js";import{E as d,d as f,pt as u}from"./cells-D9tCNe6o.js";import{t as c}from"./compiler-runtime-B3qBwwSJ.js";import{t as C}from"./jsx-runtime-Blw4afVn.js";import{r as h}from"./useDeleteCell-DsWH8wmn.js";import{t as v}from"./use-toast-BwJoaaDM.js";var x=c(),b=m(C(),1);function j(){let t=(0,x.c)(3),{splitCell:i,undoSplitCell:r}=d(),o;return t[0]!==i||t[1]!==r?(o=s=>{let l=f(s.cellId);if(!l)return;let a=u(l);i(s);let{dismiss:n}=v({title:"Cell split",action:(0,b.jsx)(h,{"data-testid":"undo-split-button",size:"sm",variant:"outline",onClick:()=>{r({...s,snapshot:a}),e()},children:"Undo"})}),e=n},t[0]=i,t[1]=r,t[2]=o):o=t[2],p(o)}export{j as t};
+import{s as m}from"./chunk-LvLJmgfZ.js";import{n as p}from"./useEvent-D91BmmQi.js";import{E as d,d as f,pt as u}from"./cells-6yd8nOAu.js";import{t as c}from"./compiler-runtime-B3qBwwSJ.js";import{t as C}from"./jsx-runtime-Blw4afVn.js";import{r as h}from"./useDeleteCell-PrgejW8A.js";import{t as v}from"./use-toast-BwJoaaDM.js";var x=c(),b=m(C(),1);function j(){let t=(0,x.c)(3),{splitCell:i,undoSplitCell:r}=d(),o;return t[0]!==i||t[1]!==r?(o=s=>{let l=f(s.cellId);if(!l)return;let a=u(l);i(s);let{dismiss:n}=v({title:"Cell split",action:(0,b.jsx)(h,{"data-testid":"undo-split-button",size:"sm",variant:"outline",onClick:()=>{r({...s,snapshot:a}),e()},children:"Undo"})}),e=n},t[0]=i,t[1]=r,t[2]=o):o=t[2],p(o)}export{j as t};

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-DK7_phcn.js"></script>
+    <script type="module" crossorigin src="./assets/index-BJDqUUF2.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-TXkS1QI3.js">
     <link rel="modulepreload" crossorigin href="./assets/objects-BlG0ZrO0.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
@@ -134,7 +134,7 @@
     <link rel="modulepreload" crossorigin href="./assets/debounce-OiXznToA.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-CKO8g4BU.js">
     <link rel="modulepreload" crossorigin href="./assets/main-BNL5rxQw.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-D9tCNe6o.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-6yd8nOAu.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-C5HnBH5U.js">
     <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-WiYBwhUO.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-dialog-Bb8Lz8ko.js">
@@ -147,40 +147,40 @@
     <link rel="modulepreload" crossorigin href="./assets/usePress-5hBv4sjD.js">
     <link rel="modulepreload" crossorigin href="./assets/input-JxFwu-3G.js">
     <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-fY-ZfT0b.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-D1nZ5myN.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-C5gpAn3R.js">
     <link rel="modulepreload" crossorigin href="./assets/config-BJVx3eBW.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-jlwhGxSb.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-BS_NcSch.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-dHmZR8bI.js">
     <link rel="modulepreload" crossorigin href="./assets/links-wcQA1Np1.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BpMmDGqa.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-DHsd7HGL.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-Bxb1_Gtw.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-3iHFdt22.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-icon-neDQUo4Q.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-DoCFSir5.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-Pl4KKOUa.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-N0U-K9F6.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-DRltV71H.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-CTqa8bf-.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-jCdh8Dcx.js">
     <link rel="modulepreload" crossorigin href="./assets/hat-glasses-BttHlyvs.js">
     <link rel="modulepreload" crossorigin href="./assets/package-Bxz_8e44.js">
     <link rel="modulepreload" crossorigin href="./assets/sparkles-DUCpRFlS.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-C2HrF0bD.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-BWte8vjk.js">
     <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-DzTD8LVq.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-BOZA7gbn.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-CYq4mK5a.js">
-    <link rel="modulepreload" crossorigin href="./assets/tree-actions-DJTGQWz0.js">
+    <link rel="modulepreload" crossorigin href="./assets/tree-actions-UCr1tMHw.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-D-V4psAa.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-1vflBYah.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-DTmSq3hN.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-C-4ysbGe.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-CVONl-Dy.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-Bg5iAViP.js">
     <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-B2JvSXP-.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-Dx_STMJD.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-Cp0LZT-a.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-C9vdWclk.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-dABDqZDw.js">
     <link rel="modulepreload" crossorigin href="./assets/command-Dqxie4gq.js">
     <link rel="modulepreload" crossorigin href="./assets/field-BsxD35VE.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-Bcz1Zikb.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-PgHhDa-M.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-Benw6kUY.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-HKgqJX4l.js">
     <link rel="modulepreload" crossorigin href="./assets/table-CH2plyy9.js">
     <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-j6fR_dBA.js">
     <link rel="modulepreload" crossorigin href="./assets/error-banner-BSxEOIn2.js">
@@ -201,33 +201,33 @@
     <link rel="modulepreload" crossorigin href="./assets/plus-AgXtozBz.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-72W0TZ3L.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-Z-MD3n3J.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-BG5T3DG2.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-BwwRpByA.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-iDRxid4h.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-DNNRTPQJ.js">
     <link rel="modulepreload" crossorigin href="./assets/spec-C7opZZRp.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-CSVQtCQS.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-DeXESYpM.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-CIPE8AIY.js">
-    <link rel="modulepreload" crossorigin href="./assets/radio-group-CdR34W0K.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-BWk7h_Uf.js">
+    <link rel="modulepreload" crossorigin href="./assets/radio-group-22eWJ9fv.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-ByQ8vvif.js">
     <link rel="modulepreload" crossorigin href="./assets/switch-OVajJBPR.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-CboCOq4o.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-B30N1GS0.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-3UXLXM0g.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-n_TrLmsR.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-DAu6VO6j.js">
     <link rel="modulepreload" crossorigin href="./assets/file-CJH9JNGH.js">
     <link rel="modulepreload" crossorigin href="./assets/image-5XI2VU-q.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-Czm7CWoc.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-CSjJ3JC6.js">
     <link rel="modulepreload" crossorigin href="./assets/events-90X9nql5.js">
     <link rel="modulepreload" crossorigin href="./assets/share-852X_cqy.js">
     <link rel="modulepreload" crossorigin href="./assets/blob-C3EfaMOb.js">
     <link rel="modulepreload" crossorigin href="./assets/memoize-Tp7rARFe.js">
     <link rel="modulepreload" crossorigin href="./assets/get-C-qh_et5.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-CsW0tABf.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-Dj8qTUAp.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-B7LxUcAy.js">
     <link rel="modulepreload" crossorigin href="./assets/label-CqjrpwRC.js">
-    <link rel="modulepreload" crossorigin href="./assets/textarea-BQE_pb7P.js">
+    <link rel="modulepreload" crossorigin href="./assets/textarea-DuEtSOCl.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-sLaKP2vj.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-DrCvDcRK.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-Ca3yd_Od.js">
     <link rel="modulepreload" crossorigin href="./assets/renderShortcut-Bl8_FVn8.js">
     <link rel="modulepreload" crossorigin href="./assets/useBoolean-CFj86iac.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-CSMoa-ga.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.23.16-dev26",
+  "version": "0.23.16-dev29",
   "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();