@marimo-team/islands 0.25.1-dev17 → 0.25.1-dev18

package/dist/main.js

@@ -7,7 +7,7 @@ import { C as T, F as E, G as D, I as O, J as k, K as A, L as j, P as M, R as N,
 import { a as se, f as ce, g as V, i as le, n as ue, o as de, p as fe, r as pe, t as me } from "./tooltip-qB8NlSqV.js";
 import { $ as he, $t as ge, B as _e, Bt as ve, C as ye, Ct as be, D as xe, Dt as Se, Et as Ce, F as we, G as Te, Gt as Ee, Ht as De, I as Oe, J as ke, Jt as Ae, Kt as je, L as Me, O as Ne, Ot as Pe, P as Fe, Pt as Ie, Q as Le, Qt as Re, Rt as ze, S as Be, St as Ve, T as He, Tt as Ue, U as We, W as Ge, Wt as Ke, bt as qe, c as Je, cn as Ye, ct as Xe, d as Ze, dn as Qe, dt as $e, en as et, f as tt, fn as nt, ft as rt, g as it, gt as at, h as ot, hn as st, k as ct, l as lt, ln as ut, m as dt, mn as ft, n as pt, o as mt, on as ht, ot as gt, p as _t, q as vt, qt as yt, r as bt, rn as xt, rt as St, sn as Ct, st as wt, tn as Tt, u as Et, v as Dt, w as Ot, wt as kt, zt as At } from "./cells-Cksce8br.js";
 import { D as jt, E as Mt, O as Nt, S as Pt, T as Ft, _ as It, a as Lt, c as Rt, d as zt, f as Bt, g as Vt, h as Ht, i as Ut, l as Wt, m as Gt, n as Kt, o as qt, p as Jt, r as Yt, s as Xt, t as Zt, u as Qt, v as $t, w as en, x as tn, y as nn } from "./spec-CAYwFeV6.js";
-import { $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Ct as un, D as dn, Dt as fn, E as pn, Et as mn, F as hn, Ft as gn, G as _n, Gt as vn, H as yn, Ht as bn, I as xn, It as Sn, J as Cn, Jt as wn, K as Tn, Kt as En, L as Dn, Lt as On, M as kn, Mt as An, N as jn, Nt as Mn, O as Nn, Ot as Pn, P as Fn, Pt as In, Qt as Ln, R as Rn, Rt as zn, S as Bn, St as Vn, T as Hn, Tt as Un, U as Wn, Ut as Gn, V as Kn, Vt as qn, W as Jn, Wt as Yn, X as Xn, Xt as Zn, Y as Qn, Yt as $n, Zt as er, _ as tr, _t as nr, an as rr, at as ir, b as ar, c as or, cn as sr, ct as cr, d as lr, dn as ur, dt as dr, en as fr, et as pr, f as mr, fn as hr, ft as gr, g as _r, gt as vr, h as yr, hn as br, ht as xr, in as Sr, it as Cr, j as wr, jt as Tr, k as Er, kt as Dr, ln as Or, lt as kr, m as Ar, mn as jr, mt as Mr, nn as Nr, nt as Pr, ot as Fr, p as Ir, pn as Lr, pt as Rr, q as zr, qt as Br, r as Vr, rn as Hr, rt as Ur, sn as Wr, st as Gr, t as Kr, tn as qr, tt as Jr, u as Yr, un as Xr, ut as Zr, v as Qr, vt as $r, w as ei, wt as ti, x as ni, y as ri, yt as ii, z as ai, zt as oi } from "./common-DQS4JILK.js";
+import { $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Ct as un, D as dn, Dt as fn, E as pn, Et as mn, F as hn, Ft as gn, G as _n, Gt as vn, H as yn, Ht as bn, I as xn, It as Sn, J as Cn, Jt as wn, K as Tn, Kt as En, L as Dn, Lt as On, M as kn, Mt as An, N as jn, Nt as Mn, O as Nn, Ot as Pn, P as Fn, Pt as In, Qt as Ln, R as Rn, Rt as zn, S as Bn, St as Vn, T as Hn, Tt as Un, U as Wn, Ut as Gn, V as Kn, Vt as qn, W as Jn, Wt as Yn, X as Xn, Xt as Zn, Y as Qn, Yt as $n, Zt as er, _ as tr, _t as nr, an as rr, at as ir, b as ar, c as or, cn as sr, ct as cr, d as lr, dn as ur, dt as dr, en as fr, et as pr, f as mr, fn as hr, ft as gr, g as _r, gt as vr, h as yr, hn as br, ht as xr, in as Sr, it as Cr, j as wr, jt as Tr, k as Er, kt as Dr, ln as Or, lt as kr, m as Ar, mn as jr, mt as Mr, nn as Nr, nt as Pr, ot as Fr, p as Ir, pn as Lr, pt as Rr, q as zr, qt as Br, r as Vr, rn as Hr, rt as Ur, sn as Wr, st as Gr, t as Kr, tn as qr, tt as Jr, u as Yr, un as Xr, ut as Zr, v as Qr, vt as $r, w as ei, wt as ti, x as ni, y as ri, yt as ii, z as ai, zt as oi } from "./common-BfERj74g.js";
 import { c as si, i as ci, n as li, o as ui, t as di } from "./useLifecycle-DPgiiwwU.js";
 import { t as fi } from "./check-B7cIK6gb.js";
 import { A as pi, C as mi, D as hi, E as gi, M as _i, O as vi, S as yi, T as bi, a as xi, b as Si, c as Ci, i as wi, k as Ti, l as Ei, n as Di, o as Oi, r as ki, s as Ai, t as ji, w as Mi, x as Ni } from "./select-C6plhmZr.js";
@@ -15,8 +15,8 @@ import { B as Pi, C as Fi, J as Ii, Mt as Li, Nt as Ri, S as zi, Vt as Bi, W as
 import { C as da, S as fa, T as pa, _ as ma, c as ha, d as ga, f as _a, g as va, h as ya, m as ba, u as xa, x as Sa, y as Ca } from "./toDate-C67bxMWn.js";
 import { a as wa, c as Ta, d as Ea, f as Da, i as Oa, l as ka, n as Aa, o as ja, r as Ma, s as Na, t as Pa } from "./process-output-DevJrL3v.js";
 import { a as Fa, c as Ia, d as La, i as Ra, l as za, r as Ba, u as Va } from "./glide-utils-B3rUT5PI.js";
-import { n as Ha, t as Ua } from "./ErrorBoundary-B4i0ev18.js";
-import { n as Wa, t as Ga } from "./globals-RG69U5-c.js";
+import { n as Ha, t as Ua } from "./ErrorBoundary-BCANhTrt.js";
+import { n as Wa, t as Ga } from "./globals-DDOIQV3b.js";
 import { t as Ka } from "./react-dom-BUgJ-ab_.js";
 import { t as qa } from "./jsx-runtime-DgDPJV9S.js";
 import { B as Ja, C as H, Ct as Ya, D as Xa, E as Za, Et as Qa, F as U, G as $a, H as eo, I as to, L as no, M as W, N as ro, O as io, P as ao, Q as oo, R as so, S as G, St as co, Tt as lo, U as uo, W as fo, Y as po, Z as mo, _ as ho, a as go, b as _o, bt as vo, c as yo, d as bo, dt as xo, f as So, g as Co, gt as wo, h as To, i as Eo, j as K, k as Do, l as Oo, m as ko, n as Ao, o as jo, p as Mo, r as No, s as Po, u as Fo, v as Io, vt as Lo, w as Ro, wt as zo, x as Bo, xt as Vo, y as Ho, yt as Uo } from "./use-restore-focus-D5D9xEjZ.js";
@@ -37,10 +37,10 @@ import { n as ks } from "./dist-BRxfaJgs.js";
 import { i as As } from "./dist-C2KzV-vf.js";
 import { n as js, t as Ms } from "./esm-h8f7-1CJ.js";
 import { t as Ns } from "./useAsyncData-BD6AStMt.js";
-import { i as Ps, n as Fs, r as Is } from "./formats-C8rLgZT9.js";
-import { M as Ls, N as Rs } from "./vega-loader.browser-D95WfUcj.js";
-import { a as zs, n as Bs } from "./loader-D2W4oM-3.js";
-import { c as Vs, d as Hs, i as Us, l as Ws, o as Gs, s as Ks, t as qs, u as Js } from "./code-visibility-CRc1C5g4.js";
+import { i as Ps, n as Fs, r as Is } from "./formats-Cl_67ghI.js";
+import { M as Ls, N as Rs } from "./vega-loader.browser-DNST6uVf.js";
+import { a as zs, n as Bs } from "./loader-DEZSzvma.js";
+import { c as Vs, d as Hs, i as Us, l as Ws, o as Gs, s as Ks, t as qs, u as Js } from "./code-visibility-DIUkT8x-.js";
 import { t as Ys } from "./useDeepCompareMemoize-D_HNdyvI.js";
 import { t as Xs } from "./esm-BElI3qKH.js";
 //#region ../node_modules/.pnpm/iconify-icon@2.3.0/node_modules/iconify-icon/dist/iconify-icon.mjs
@@ -10458,7 +10458,7 @@ function RC(e, t) {
 }
 //#endregion
 //#region src/plugins/impl/DataEditorPlugin.tsx
-var zC = J.lazy(() => import("./glide-data-editor-DqTwUsOq.js").then((e) => e.t)), BC = xS("marimo-data-editor", { cssStyles: [WS] }).withData(W({
+var zC = J.lazy(() => import("./glide-data-editor-BaQLny21.js").then((e) => e.t)), BC = xS("marimo-data-editor", { cssStyles: [WS] }).withData(W({
 	initialValue: W({ edits: G(W({
 		rowIdx: K(),
 		columnId: U(),
@@ -13668,26 +13668,33 @@ var ZT = ({ cellId: e, data: t, dataTable: n, totalRows: r, columns: i, getDataU
 						S(e.tabName, t);
 					},
 					getDataUrl: a,
+					hasSchema: !!o?.length,
 					fieldTypes: XT(o ?? Zr(n.props.data), s),
 					isLargeDataset: C
 				})
 			}, r))
 		]
 	});
-}, QT = "X and Y columns are not set", $T = ({ tableData: e, chartConfig: t, chartType: n, saveChart: r, saveChartType: i, getDataUrl: a, fieldTypes: o, isLargeDataset: s }) => {
-	let { theme: c } = fs(), l = Qm({
+}, QT = "X and Y columns are not set", $T = ({ tableData: e, chartConfig: t, chartType: n, saveChart: r, saveChartType: i, getDataUrl: a, fieldTypes: o, hasSchema: s = !!o?.length, isLargeDataset: c }) => {
+	let { theme: l } = fs(), u = Qm({
 		defaultValues: t ?? FT(),
 		resolver: ch(PT)
-	}), [u, d] = (0, J.useState)(n), [f, p] = (0, J.useState)(!1), [m, h] = (0, J.useState)(!s), { ref: g } = WC(), { data: v, isPending: y, error: b } = Ns(async () => {
-		if (!a || e.length === 0 || !m) return [];
+	}), [d, f] = (0, J.useState)(n), [p, m] = (0, J.useState)(!1), [h, g] = (0, J.useState)(!c), { ref: v } = WC(), y = Ys(s ? o : null), { data: b, isPending: x, error: S } = Ns(async () => {
+		if (!a || e.length === 0 || !h) return [];
 		let t = await a({});
-		return Array.isArray(t.data_url) ? t.data_url : await Bs(t.data_url, t.format === "arrow" ? { type: "arrow" } : t.format === "json" ? { type: "json" } : {
+		if (Array.isArray(t.data_url)) return t.data_url;
+		let n;
+		return n = t.format === "arrow" ? { type: "arrow" } : t.format === "json" ? { type: "json" } : {
 			type: "csv",
-			parse: "auto"
-		}, { replacePeriod: !0 });
-	}, [e, m]), x = l.watch(), S = (0, J.useMemo)(() => structuredClone(x), [x]), C = Kt(u, S, c, "container", qT), w = (0, J.useMemo)(() => y ? /* @__PURE__ */ (0, Y.jsx)(Sn, {}) : b ? /* @__PURE__ */ (0, Y.jsx)(In, { error: b }) : m ? /* @__PURE__ */ (0, Y.jsx)(DT, {
-		baseSpec: C,
-		data: v,
+			parse: Rs(y && Object.fromEntries(y.map(([e, [t]]) => [e, t])), { parseDates: !0 })
+		}, Bs(t.data_url, n);
+	}, [
+		e,
+		h,
+		y
+	]), C = u.watch(), w = (0, J.useMemo)(() => structuredClone(C), [C]), T = Kt(d, w, l, "container", qT), E = (0, J.useMemo)(() => x ? /* @__PURE__ */ (0, Y.jsx)(Sn, {}) : S ? /* @__PURE__ */ (0, Y.jsx)(In, { error: S }) : h ? /* @__PURE__ */ (0, Y.jsx)(DT, {
+		baseSpec: T,
+		data: b,
 		height: qT
 	}) : /* @__PURE__ */ (0, Y.jsxs)(Fs, {
 		variant: "warning",
@@ -13696,45 +13703,45 @@ var ZT = ({ cellId: e, data: t, dataTable: n, totalRows: r, columns: i, getDataU
 			className: "flex flex-row justify-between items-center w-full",
 			children: [/* @__PURE__ */ (0, Y.jsx)("span", { children: "Rendering large datasets is not well supported and may crash the browser" }), /* @__PURE__ */ (0, Y.jsx)(_, {
 				variant: "warn",
-				onClick: () => h(!0),
+				onClick: () => g(!0),
 				className: "h-8",
 				children: "Proceed"
 			})]
 		})]
 	}), [
-		y,
-		b,
-		m,
-		C,
-		v
+		x,
+		S,
+		h,
+		T,
+		b
 	]);
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flex flex-row gap-2 h-full rounded-md border-t pr-2",
 		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
-			className: `relative flex flex-col gap-2 overflow-auto px-2 py-3 scrollbar-thin transition-width duration-200 ${f ? "w-8" : "w-[300px]"}`,
-			children: [!f && /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)(pT, {
-				value: u,
+			className: `relative flex flex-col gap-2 overflow-auto px-2 py-3 scrollbar-thin transition-width duration-200 ${p ? "w-8" : "w-[300px]"}`,
+			children: [!p && /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)(pT, {
+				value: d,
 				onValueChange: (e) => {
-					d(e), i(e);
+					f(e), i(e);
 				}
 			}), /* @__PURE__ */ (0, Y.jsx)(eE, {
-				form: l,
+				form: u,
 				saveChart: r,
 				fieldTypes: o,
-				chartType: u
+				chartType: d
 			})] }), /* @__PURE__ */ (0, Y.jsx)(_, {
 				variant: "outline",
 				size: "icon",
 				className: "border-border ml-auto",
-				onClick: () => p((e) => !e),
-				title: f ? "Expand sidebar" : "Collapse sidebar",
-				children: f ? /* @__PURE__ */ (0, Y.jsx)(na, { className: "w-4 h-5" }) : /* @__PURE__ */ (0, Y.jsx)(jr, { className: "w-4 h-5" })
+				onClick: () => m((e) => !e),
+				title: p ? "Expand sidebar" : "Collapse sidebar",
+				children: p ? /* @__PURE__ */ (0, Y.jsx)(na, { className: "w-4 h-5" }) : /* @__PURE__ */ (0, Y.jsx)(jr, { className: "w-4 h-5" })
 			})]
 		}), /* @__PURE__ */ (0, Y.jsx)("div", {
 			className: "flex-1 overflow-auto h-full w-full mt-3",
 			children: (() => {
 				let e = QT;
-				return typeof C != "string" && (e = rw(C, "_df", "_chart")), /* @__PURE__ */ (0, Y.jsxs)(on, {
+				return typeof T != "string" && (e = rw(T, "_df", "_chart")), /* @__PURE__ */ (0, Y.jsxs)(on, {
 					defaultValue: "chart",
 					children: [
 						/* @__PURE__ */ (0, Y.jsx)("div", {
@@ -13755,8 +13762,8 @@ var ZT = ({ cellId: e, data: t, dataTable: n, totalRows: r, columns: i, getDataU
 						}),
 						/* @__PURE__ */ (0, Y.jsx)(Tr, {
 							value: "chart",
-							ref: g,
-							children: w
+							ref: v,
+							children: E
 						}),
 						/* @__PURE__ */ (0, Y.jsx)(Tr, {
 							value: "code",
@@ -15396,7 +15403,7 @@ var $E = class {
 		fullWidth: s,
 		children: _
 	}), t[20] = s, t[21] = u, t[22] = n, t[23] = _, t[24] = v) : v = t[24], v;
-}, nD = J.lazy(() => import("./ConnectedDataExplorerComponent-KVhjDMSe.js")), rD = xS("marimo-data-explorer").withData(W({
+}, nD = J.lazy(() => import("./ConnectedDataExplorerComponent-CwMXfDQR.js")), rD = xS("marimo-data-explorer").withData(W({
 	label: U().nullish(),
 	data: U()
 })).renderer((e) => /* @__PURE__ */ (0, Y.jsx)(nD, {
@@ -21653,7 +21660,7 @@ function Gj(e, t) {
 }
 //#endregion
 //#region src/plugins/impl/vega/VegaPlugin.tsx
-var Kj = J.lazy(() => import("./vega-component-CNf5gcrm.js")), qj = class {
+var Kj = J.lazy(() => import("./vega-component-tFOzgarw.js")), qj = class {
 	tagName = "marimo-vega";
 	validator = W({
 		spec: W({}).passthrough().transform((e) => e),
@@ -29927,7 +29934,7 @@ function bR(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var xR = J.lazy(() => import("./reveal-component-QBu-zZNO.js")), SR = (e) => {
+var xR = J.lazy(() => import("./reveal-component-BeyJErFp.js")), SR = (e) => {
 	let t = (0, X.c)(33), { layout: n, setLayout: r, cells: i, mode: a } = e, o = rs(Ca), s = a === "read" || o, c = rs(_t) > 1, [l, u] = (0, J.useState)(null), d;
 	t[0] !== i || t[1] !== n ? (d = vP(i, n), t[0] = i, t[1] = n, t[2] = d) : d = t[2];
 	let { slideCells: f, skippedIds: p, noOutputIds: m, slideTypes: h, startCellIndex: g } = d, _;

package/dist/{number-overlay-editor-DB4g1nLo.js → number-overlay-editor-pI5HWUmx.js}

@@ -1,6 +1,6 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-ofJbxM4x.js";
-import { a as n } from "./glide-data-editor-DqTwUsOq.js";
+import { a as n } from "./glide-data-editor-BaQLny21.js";
 //#region ../node_modules/.pnpm/@glideapps+glide-data-grid@6.0.4-alpha24_lodash@4.17.21_marked@15.0.12_react-dom@19.2.8_b9e6aec46d952f631ce71b0585d2a8e5/node_modules/@glideapps/glide-data-grid/dist/esm/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js
 var r = /* @__PURE__ */ e(t()), i = /*#__PURE__*/ n("div")({
 	name: "NumberOverlayEditorStyle",

package/dist/{react-vega-5AcMW8gG.js → react-vega-ewj7q_U5.js}

@@ -1,7 +1,7 @@
 import { a as e, r as t } from "./rolldown-runtime-Cb76FRpK.js";
 import { t as n } from "./react-ofJbxM4x.js";
 import { t as r } from "./jsx-runtime-DgDPJV9S.js";
-import { $ as i, A as a, B as o, C as s, D as c, E as l, F as u, G as d, H as f, I as p, J as m, K as h, L as g, O as _, P as v, Q as y, R as b, S as x, T as S, U as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, a as A, at as ee, b as te, c as ne, ct as re, d as ie, dt as ae, et as oe, f as se, ft as ce, g as le, gt as ue, h as de, ht as fe, i as pe, it as me, j as he, k as ge, l as _e, lt as ve, m as ye, mt as be, n as xe, nt as j, o as Se, ot as Ce, p as we, pt as M, q as Te, r as Ee, rt as N, s as De, st as Oe, t as ke, tt as Ae, u as je, ut as Me, v as eee, w as Ne, x as Pe, y as Fe, z as Ie } from "./vega-loader.browser-D95WfUcj.js";
+import { $ as i, A as a, B as o, C as s, D as c, E as l, F as u, G as d, H as f, I as p, J as m, K as h, L as g, O as _, P as v, Q as y, R as b, S as x, T as S, U as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, a as A, at as ee, b as te, c as ne, ct as re, d as ie, dt as ae, et as oe, f as se, ft as ce, g as le, gt as ue, h as de, ht as fe, i as pe, it as me, j as he, k as ge, l as _e, lt as ve, m as ye, mt as be, n as xe, nt as j, o as Se, ot as Ce, p as we, pt as M, q as Te, r as Ee, rt as N, s as De, st as Oe, t as ke, tt as Ae, u as je, ut as Me, v as eee, w as Ne, x as Pe, y as Fe, z as Ie } from "./vega-loader.browser-DNST6uVf.js";
 import { a as Le, c as Re, o as ze, s as Be } from "./precisionRound-DMIVQrt2.js";
 import { _ as tee, a as Ve, c as He, d as nee, f as Ue, g as We, h as Ge, l as Ke, m as qe, n as Je, o as Ye, p as ree, r as Xe, s as Ze, t as Qe, u as $e, v as et } from "./linear-Cnaq3Tfb.js";
 import { n as tt, r as nt, t as rt } from "./ordinal-c7efuCSS.js";

package/dist/{reveal-component-QBu-zZNO.js → reveal-component-BeyJErFp.js}

@@ -4,14 +4,14 @@ import { t as o } from "./react-ofJbxM4x.js";
 import { t as s } from "./compiler-runtime-Cj8ZWiNS.js";
 import { g as c, t as l } from "./tooltip-qB8NlSqV.js";
 import { w as u } from "./cells-Cksce8br.js";
-import { $ as d, Q as f, Z as p, an as m, i as h, l as g, ln as _, n as v, on as y, r as b, t as x, u as S } from "./common-DQS4JILK.js";
+import { $ as d, Q as f, Z as p, an as m, i as h, l as g, ln as _, n as v, on as y, r as b, t as x, u as S } from "./common-BfERj74g.js";
 import { M as C } from "./select-C6plhmZr.js";
 import { J as ee } from "./dropdown-menu-CZgjYSAh.js";
 import { y as w } from "./toDate-C67bxMWn.js";
 import { t as T } from "./jsx-runtime-DgDPJV9S.js";
 import { q as te } from "./use-restore-focus-D5D9xEjZ.js";
 import { A as E, C as D, b as O } from "./useTheme-DzXmYZ5V.js";
-import { a as k, n as ne, t as re } from "./code-visibility-CRc1C5g4.js";
+import { a as k, n as ne, t as re } from "./code-visibility-DIUkT8x-.js";
 /* empty css                */
 var A = c("sticky-note", [["path", {
 	d: "M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z",

package/dist/{vega-component-CNf5gcrm.js → vega-component-tFOzgarw.js}

@@ -11,10 +11,10 @@ import { A as p, n as ee } from "./useTheme-DzXmYZ5V.js";
 import { c as m } from "./arrays-CN1djC4k.js";
 import { t as te } from "./objects-CzUgoMIF.js";
 import { t as h } from "./useAsyncData-BD6AStMt.js";
-import { a as ne, i as re, n as ie, t as g } from "./formats-C8rLgZT9.js";
-import { M as ae, n as oe } from "./vega-loader.browser-D95WfUcj.js";
-import { t as se } from "./react-vega-5AcMW8gG.js";
-import { a as ce, n as _ } from "./loader-D2W4oM-3.js";
+import { a as ne, i as re, n as ie, t as g } from "./formats-Cl_67ghI.js";
+import { M as ae, n as oe } from "./vega-loader.browser-DNST6uVf.js";
+import { t as se } from "./react-vega-ewj7q_U5.js";
+import { a as ce, n as _ } from "./loader-DEZSzvma.js";
 import { t as le } from "./useDeepCompareMemoize-D_HNdyvI.js";
 import { t as ue } from "./semaphore-89jsoHtS.js";
 import { t as de } from "./use-vega-container-remeasure-4DwJbPWu.js";

package/dist/{vega-embed-container-CbnTccZi.js → vega-embed-container-sSR5hAsy.js}

@@ -2,8 +2,8 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-ofJbxM4x.js";
 import { t as n } from "./compiler-runtime-Cj8ZWiNS.js";
 import { t as r } from "./jsx-runtime-DgDPJV9S.js";
-import { M as i } from "./vega-loader.browser-D95WfUcj.js";
-import { n as a } from "./react-vega-5AcMW8gG.js";
+import { M as i } from "./vega-loader.browser-DNST6uVf.js";
+import { n as a } from "./react-vega-ewj7q_U5.js";
 import { t as o } from "./use-vega-container-remeasure-4DwJbPWu.js";
 //#region src/components/charts/vega-embed-container.tsx
 var s = n(), c = /* @__PURE__ */ e(t(), 1), l = r();

package/dist/{vega-loader.browser-D95WfUcj.js → vega-loader.browser-DNST6uVf.js}

@@ -237,8 +237,8 @@ function Ye(e) {
 		if ("spec" in e) return Ye(e.spec);
 	}
 }
-function Xe(t) {
-	return !t || Object.keys(t).length === 0 ? "auto" : e.mapValues(t, (e) => e === "geometry" || e === "date" || e === "time" ? "string" : e === "datetime" ? "date" : e);
+function Xe(t, { parseDates: n = !1 } = {}) {
+	return !t || Object.keys(t).length === 0 ? "auto" : e.mapValues(t, (e) => e === "geometry" ? "string" : e === "date" ? n ? "date" : "string" : e === "time" ? "string" : e === "datetime" ? "date" : e);
 }
 //#endregion
 //#region ../node_modules/.pnpm/d3-dsv@3.0.1/node_modules/d3-dsv/src/dsv.js

package/package.json

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

package/src/components/data-table/charts/__tests__/chart-panel.test.tsx

@@ -0,0 +1,286 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { fireEvent, render, waitFor } from "@testing-library/react";
+import { createStore, Provider } from "jotai";
+import { Tooltip } from "radix-ui";
+import type { ComponentProps } from "react";
+import { beforeAll, describe, expect, it, vi } from "vitest";
+import { SetupMocks } from "@/__mocks__/common";
+import { cellId } from "@/__tests__/branded";
+import { LazyVegaEmbed } from "@/components/charts/lazy";
+import { vegaLoader } from "@/plugins/impl/vega/loader";
+import { ChartPanel, TablePanel, type TablePanelProps } from "../charts";
+import { getChartTabName, tabsStorageAtom } from "../storage";
+import { ChartType, NONE_VALUE } from "../types";
+
+vi.mock("@/components/charts/lazy", () => ({
+  LazyVegaEmbed: vi.fn(() => null),
+}));
+
+beforeAll(() => {
+  SetupMocks.resizeObserver();
+});
+
+describe("ChartPanel", () => {
+  it.each([undefined, null, []] as const)(
+    "infers the full CSV through TablePanel without backend metadata (%s)",
+    async (fieldTypes) => {
+      vi.spyOn(vegaLoader, "load").mockResolvedValue(
+        "value,index\n,0\n2.5,1\n",
+      );
+      const store = createStore();
+      const id = cellId("csv-inference");
+      const tabName = getChartTabName(0, ChartType.BAR);
+      store.set(
+        tabsStorageAtom,
+        new Map([
+          [
+            id,
+            [
+              {
+                tabName,
+                chartType: ChartType.BAR,
+                config: {
+                  general: {
+                    xColumn: { field: "value", type: "number" },
+                    yColumn: {
+                      field: "index",
+                      type: "integer",
+                      aggregate: NONE_VALUE,
+                    },
+                  },
+                },
+              },
+            ],
+          ],
+        ]),
+      );
+      const sample = [{ value: null }];
+      const SampleTable = (_props: { data: typeof sample }) => null;
+      const props: TablePanelProps = {
+        cellId: id,
+        data: sample,
+        dataTable: <SampleTable data={sample} />,
+        totalRows: 2,
+        columns: 1,
+        displayHeader: true,
+        fieldTypes: fieldTypes == null ? fieldTypes : [...fieldTypes],
+        rowHeaders: [["index", ["integer", "int64"]]],
+        getDataUrl: vi
+          .fn()
+          .mockResolvedValue({ data_url: "chart.csv", format: "csv" }),
+      };
+      const { getByRole } = render(
+        <Provider store={store}>
+          <Tooltip.Provider>
+            <TablePanel {...props} />
+          </Tooltip.Provider>
+        </Provider>,
+      );
+      fireEvent.click(getByRole("tab", { name: tabName }));
+      await waitFor(() => {
+        expect(vi.mocked(LazyVegaEmbed).mock.lastCall?.[0].spec).toEqual(
+          expect.objectContaining({
+            data: {
+              values: [
+                { value: null, index: 0 },
+                { value: 2.5, index: 1 },
+              ],
+            },
+          }),
+        );
+      });
+    },
+  );
+
+  it("reloads CSV only when column types change, not their array identity", async () => {
+    vi.spyOn(vegaLoader, "load").mockResolvedValue("value\n001\n");
+    const getDataUrl = vi.fn().mockResolvedValue({
+      data_url: "chart.csv",
+      format: "csv",
+    });
+    const props: ComponentProps<typeof ChartPanel> = {
+      tableData: [{ value: "001" }],
+      chartConfig: {
+        general: {
+          xColumn: { field: "value", type: "string" },
+          yColumn: { field: "value", type: "integer", aggregate: NONE_VALUE },
+        },
+      },
+      chartType: ChartType.BAR,
+      saveChart: vi.fn(),
+      saveChartType: vi.fn(),
+      getDataUrl,
+      isLargeDataset: false,
+    };
+    const panel = (
+      fieldTypes: ComponentProps<typeof ChartPanel>["fieldTypes"],
+    ) => (
+      <Tooltip.Provider>
+        <ChartPanel {...props} fieldTypes={fieldTypes} />
+      </Tooltip.Provider>
+    );
+    const expectValues = async (value: string | number) => {
+      await waitFor(() => {
+        expect(vi.mocked(LazyVegaEmbed).mock.lastCall?.[0].spec).toEqual(
+          expect.objectContaining({ data: { values: [{ value }] } }),
+        );
+      });
+    };
+
+    const { rerender } = render(panel([["value", ["string", "object"]]]));
+    await expectValues("001");
+    expect(getDataUrl).toHaveBeenCalledTimes(1);
+
+    rerender(panel([["value", ["string", "object"]]]));
+    await expectValues("001");
+    expect(getDataUrl).toHaveBeenCalledTimes(1);
+
+    rerender(panel([["value", ["integer", "int64"]]]));
+    await expectValues(1);
+    expect(getDataUrl).toHaveBeenCalledTimes(2);
+  });
+
+  it("uses column types to parse numeric CSV values without coercing text", async () => {
+    vi.spyOn(vegaLoader, "load").mockResolvedValue(
+      "a.b,n,label,day,timestamp,active,duration\ninf,1,inf,2024-01-01,2024-01-01T12:00:00Z,True,1 days\n-inf,2,001,2024-01-02,2024-01-02T12:00:00Z,False,2 days\n2.5,3,2024-01-03,2024-01-03,2024-01-03T12:00:00Z,True,3 days\n,4,,,,,\n",
+    );
+
+    render(
+      <Tooltip.Provider>
+        <ChartPanel
+          tableData={[{ "a.b": 1, n: 1 }]}
+          chartConfig={{
+            general: {
+              xColumn: { field: "a.b", type: "number" },
+              yColumn: { field: "n", type: "integer", aggregate: NONE_VALUE },
+            },
+          }}
+          chartType={ChartType.BAR}
+          saveChart={vi.fn()}
+          saveChartType={vi.fn()}
+          getDataUrl={vi.fn().mockResolvedValue({
+            data_url: "chart.csv",
+            format: "csv",
+          })}
+          fieldTypes={[
+            ["a.b", ["number", "float64"]],
+            ["n", ["integer", "int64"]],
+            ["label", ["string", "object"]],
+            ["day", ["date", "date"]],
+            ["timestamp", ["datetime", "datetime64[ns]"]],
+            ["active", ["boolean", "bool"]],
+            ["duration", ["unknown", "timedelta64[ns]"]],
+          ]}
+          isLargeDataset={false}
+        />
+      </Tooltip.Provider>,
+    );
+
+    await waitFor(() => {
+      expect(vi.mocked(LazyVegaEmbed).mock.lastCall?.[0].spec).toEqual(
+        expect.objectContaining({
+          data: {
+            values: [
+              {
+                "a.b": Infinity,
+                n: 1,
+                label: "inf",
+                day: new Date("2024-01-01"),
+                timestamp: new Date("2024-01-01T12:00:00Z"),
+                active: true,
+                duration: "1 days",
+              },
+              {
+                "a.b": -Infinity,
+                n: 2,
+                label: "001",
+                day: new Date("2024-01-02"),
+                timestamp: new Date("2024-01-02T12:00:00Z"),
+                active: false,
+                duration: "2 days",
+              },
+              {
+                "a.b": 2.5,
+                n: 3,
+                label: "2024-01-03",
+                day: new Date("2024-01-03"),
+                timestamp: new Date("2024-01-03T12:00:00Z"),
+                active: true,
+                duration: "3 days",
+              },
+              {
+                "a.b": null,
+                n: 4,
+                label: null,
+                day: "",
+                timestamp: "",
+                active: null,
+                duration: "",
+              },
+            ],
+          },
+        }),
+      );
+    });
+  });
+
+  it.each([true, false])(
+    "keeps dotted CSV columns aligned with the chart encodings (schema: %s)",
+    async (hasSchema) => {
+      vi.spyOn(vegaLoader, "load").mockResolvedValue("a.b,n\n1,1\n2,2\n3,3\n");
+
+      render(
+        <Tooltip.Provider>
+          <ChartPanel
+            tableData={[{ "a.b": 1, n: 1 }]}
+            chartConfig={{
+              general: {
+                xColumn: { field: "a.b", type: "number" },
+                yColumn: {
+                  field: "n",
+                  type: "number",
+                  aggregate: NONE_VALUE,
+                },
+              },
+            }}
+            chartType={ChartType.BAR}
+            saveChart={vi.fn()}
+            saveChartType={vi.fn()}
+            getDataUrl={vi.fn().mockResolvedValue({
+              data_url: "chart.csv",
+              format: "csv",
+            })}
+            fieldTypes={
+              hasSchema
+                ? [
+                    ["a.b", ["number", "float64"]],
+                    ["n", ["integer", "int64"]],
+                  ]
+                : undefined
+            }
+            isLargeDataset={false}
+          />
+        </Tooltip.Provider>,
+      );
+
+      await waitFor(() => {
+        expect(vi.mocked(LazyVegaEmbed).mock.lastCall?.[0].spec).toEqual(
+          expect.objectContaining({
+            data: {
+              values: [
+                { "a.b": 1, n: 1 },
+                { "a.b": 2, n: 2 },
+                { "a.b": 3, n: 3 },
+              ],
+            },
+            encoding: expect.objectContaining({
+              x: expect.objectContaining({ field: "a\\.b" }),
+              y: expect.objectContaining({ field: "n" }),
+            }),
+          }),
+        );
+      });
+    },
+  );
+});

package/src/components/data-table/charts/charts.tsx

@@ -23,9 +23,11 @@ import { Form } from "@/components/ui/form";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import type { CellId } from "@/core/cells/ids";
 import { useAsyncData } from "@/hooks/useAsyncData";
+import { useDeepCompareMemoize } from "@/hooks/useDeepCompareMemoize";
 import { useDebouncedCallback } from "@/hooks/useDebounce";
 import type { GetDataUrl } from "@/plugins/impl/DataTablePlugin";
 import { vegaLoadData } from "@/plugins/impl/vega/loader";
+import { getVegaFieldTypes } from "@/plugins/impl/vega/utils";
 import { useTheme } from "@/theme/useTheme";
 import { uniqueBy } from "@/utils/arrays";
 import { inferFieldTypes } from "../columns";
@@ -284,6 +286,7 @@ export const TablePanel: React.FC<TablePanelProps> = ({
               saveChart={saveChart}
               saveChartType={saveChartType}
               getDataUrl={getDataUrl}
+              hasSchema={Boolean(fieldTypes?.length)}
               fieldTypes={mergeIndexFields(
                 fieldTypes ?? inferFieldTypes(dataTable.props.data),
                 rowHeaders,
@@ -307,6 +310,7 @@ export const ChartPanel: React.FC<{
   saveChartType: (chartType: ChartType) => void;
   getDataUrl?: GetDataUrl;
   fieldTypes?: FieldTypesWithExternalType | null;
+  hasSchema?: boolean;
   isLargeDataset: boolean;
 }> = ({
   tableData,
@@ -316,6 +320,7 @@ export const ChartPanel: React.FC<{
   saveChartType,
   getDataUrl,
   fieldTypes,
+  hasSchema = Boolean(fieldTypes?.length),
   isLargeDataset,
 }) => {
   const { theme } = useTheme();
@@ -331,6 +336,8 @@ export const ChartPanel: React.FC<{
   const [renderLargeCharts, setRenderLargeCharts] = useState(!isLargeDataset);
 
   const { ref: chartContainerRef } = useResizeObserver();
+  // Sample-inferred types are useful for controls, but not full CSV parsing.
+  const csvFieldTypes = useDeepCompareMemoize(hasSchema ? fieldTypes : null);
 
   const { data, isPending, error } = useAsyncData(async () => {
     if (!getDataUrl || tableData.length === 0 || !renderLargeCharts) {
@@ -342,20 +349,26 @@ export const ChartPanel: React.FC<{
       return response.data_url;
     }
 
-    const chartData = await vegaLoadData(
-      response.data_url,
-      response.format === "arrow"
-        ? { type: "arrow" }
-        : response.format === "json"
-          ? { type: "json" }
-          : { type: "csv", parse: "auto" },
-      {
-        replacePeriod: true,
-      },
-    );
-    return chartData;
+    let format: Parameters<typeof vegaLoadData>[1];
+    if (response.format === "arrow") {
+      format = { type: "arrow" };
+    } else if (response.format === "json") {
+      format = { type: "json" };
+    } else {
+      format = {
+        type: "csv",
+        parse: getVegaFieldTypes(
+          csvFieldTypes &&
+            Object.fromEntries(
+              csvFieldTypes.map(([name, [type]]) => [name, type]),
+            ),
+          { parseDates: true },
+        ),
+      };
+    }
+    return vegaLoadData(response.data_url, format);
     // Re-run when the data table changes
-  }, [tableData, renderLargeCharts]);
+  }, [tableData, renderLargeCharts, csvFieldTypes]);
 
   const formValues = form.watch();