@marimo-team/islands 0.25.1-dev7 → 0.25.1

package/dist/main.js

@@ -3,26 +3,25 @@ import { _ as a, c as o, f as s, g as c, h as l, i as u, l as d, m as f, n as p,
 import { t as y } from "./react-ofJbxM4x.js";
 import { t as b } from "./compiler-runtime-Cj8ZWiNS.js";
 import { i as x, n as S, r as C, t as w } from "./copy-icon-CLdENY__.js";
-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, X as P, Z as F, _ as I, a as L, b as R, g as ee, i as z, j as te, k as B, n as ne, o as re, q as ie, v as ae, y as oe } from "./html-to-image-BAgJOlSW.js";
+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, X as P, Z as F, _ as I, a as L, b as R, g as ee, i as z, j as te, k as B, n as ne, o as re, q as ie, v as ae, y as oe } from "./html-to-image-CmkwfNkf.js";
 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-B5-y5EY3.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-C8llK7vn.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-Cv93oav_.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-DQBRQSba.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-B58G5YN_.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";
-import { B as Pi, C as Fi, J as Ii, Mt as Li, Nt as Ri, S as zi, Vt as Bi, W as Vi, _ as Hi, a as Ui, at as Wi, c as Gi, dt as Ki, f as qi, fn as Ji, g as Yi, h as Xi, i as Zi, it as Qi, m as $i, n as ea, p as ta, pn as na, q as ra, r as ia, s as aa, t as oa, v as sa, vt as ca, x as la, z as ua } from "./dropdown-menu-CZgjYSAh.js";
+import { B as Pi, C as Fi, J as Ii, Mt as Li, Nt as Ri, S as zi, Vt as Bi, W as Vi, _ as Hi, a as Ui, at as Wi, c as Gi, dt as Ki, f as qi, fn as Ji, g as Yi, h as Xi, i as Zi, it as Qi, m as $i, n as ea, p as ta, pn as na, q as ra, r as ia, s as aa, t as oa, v as sa, vt as ca, x as la, z as ua } from "./dropdown-menu-CZy06LAq.js";
 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-zDX4jbhd.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-CYN5E-iO.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-CMASlTBK.js";
-import { n as Wa, t as Ga } from "./globals-D7eXYEPA.js";
+import { n as Ha, t as Ua } from "./ErrorBoundary-1wHWKFoG.js";
+import { n as Wa, t as Ga } from "./globals-C6IYCw1c.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";
 import { i as Wo, n as Go, r as Ko, t as qo } from "./error-banner-B94dcDmP.js";
-import { t as Jo } from "./label-BJ49YTvk.js";
-import { i as Yo, r as Xo, t as Zo } from "./useNumberFormatter-BfDpa21j.js";
+import { a as Jo, i as Yo, n as Xo, t as Zo } from "./label-BslhXqL6.js";
 import { a as Qo } from "./hasIn-o2Us0uVx.js";
 import { n as $o, t as es } from "./pick-CJeoxYOS.js";
 import { t as ts } from "./debounce-C3jyATpc.js";
@@ -37,10 +36,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-mzCnOHAV.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-DMcT7AsU.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
@@ -4206,7 +4205,7 @@ var bh = J.forwardRef((e, t) => {
 	let s = a && "text-destructive", c;
 	n[3] !== r || n[4] !== s ? (c = l(s, r), n[3] = r, n[4] = s, n[5] = c) : c = n[5];
 	let u;
-	return n[6] !== o || n[7] !== i || n[8] !== t || n[9] !== c ? (u = /* @__PURE__ */ (0, Y.jsx)(Jo, {
+	return n[6] !== o || n[7] !== i || n[8] !== t || n[9] !== c ? (u = /* @__PURE__ */ (0, Y.jsx)(Zo, {
 		ref: t,
 		className: c,
 		htmlFor: o,
@@ -4717,7 +4716,7 @@ function Kh({ schema: e, form: t, path: n, renderers: r }) {
 		}
 		return /* @__PURE__ */ (0, Y.jsxs)("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ (0, Y.jsx)(Jo, { children: i }), /* @__PURE__ */ (0, Y.jsx)(qh, {
+			children: [/* @__PURE__ */ (0, Y.jsx)(Zo, { children: i }), /* @__PURE__ */ (0, Y.jsx)(qh, {
 				schema: e.element,
 				form: t,
 				path: n,
@@ -6264,7 +6263,7 @@ var f_ = class e {
 	let t = (0, X.c)(5), { children: n } = e, r = rs(hs), i;
 	t[0] === r ? i = t[1] : (i = bn(r), t[0] = r, t[1] = i);
 	let a;
-	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ (0, Y.jsx)(Yo, {
+	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ (0, Y.jsx)(Jo, {
 		locale: i,
 		children: n
 	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
@@ -9183,7 +9182,7 @@ var Zx = ie, Qx = D, $x = A, eS = k, tS = (e) => {
 				className: "text-muted-foreground border-muted-foreground-20",
 				children: [o, /* @__PURE__ */ (0, Y.jsx)(Qx, {
 					className: "text-[0.84375rem]",
-					children: /* @__PURE__ */ (0, Y.jsx)(mr, { data: r })
+					children: /* @__PURE__ */ (0, Y.jsx)(lr, { data: r })
 				})]
 			})
 		}), t[6] = r, t[7] = s);
@@ -9866,7 +9865,7 @@ var PS = (e) => {
 	t[12] !== c || t[13] !== d || t[14] !== f ? (p = /* @__PURE__ */ (0, Y.jsx)("div", {
 		part: "label",
 		className: "inline-flex items-center m-0 p-0",
-		children: /* @__PURE__ */ (0, Y.jsx)(Jo, {
+		children: /* @__PURE__ */ (0, Y.jsx)(Zo, {
 			htmlFor: c,
 			className: d,
 			children: f
@@ -9992,7 +9991,7 @@ var PS = (e) => {
 			output: t
 		};
 	} };
-} }, BS = J.lazy(() => import("./chat-ui-HJZsTl7o.js").then((e) => ({ default: e.Chatbot }))), VS = G(W({
+} }, BS = J.lazy(() => import("./chat-ui-fVyVOhYN.js").then((e) => ({ default: e.Chatbot }))), VS = G(W({
 	id: U(),
 	role: Io([
 		"system",
@@ -10458,7 +10457,7 @@ function RC(e, t) {
 }
 //#endregion
 //#region src/plugins/impl/DataEditorPlugin.tsx
-var zC = J.lazy(() => import("./glide-data-editor-CbZmNC6Q.js").then((e) => e.t)), BC = xS("marimo-data-editor", { cssStyles: [WS] }).withData(W({
+var zC = J.lazy(() => import("./glide-data-editor-DnxrqL3c.js").then((e) => e.t)), BC = xS("marimo-data-editor", { cssStyles: [WS] }).withData(W({
 	initialValue: W({ edits: G(W({
 		rowIdx: K(),
 		columnId: U(),
@@ -10793,7 +10792,7 @@ function cw(e) {
 var lw = J.forwardRef((e, t) => {
 	let n = (0, X.c)(26), r, i, a;
 	n[0] === e ? (r = n[1], i = n[2], a = n[3]) : ({className: r, valueMap: a, ...i} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a);
-	let [o, s] = sw(!1), { locale: c } = Xo(), u;
+	let [o, s] = sw(!1), { locale: c } = Yo(), u;
 	n[4] === r ? u = n[5] : (u = l("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", r), n[4] = r, n[5] = u);
 	let d;
 	n[6] === Symbol.for("react.memo_cache_sentinel") ? (d = l("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), n[6] = d) : d = n[6];
@@ -13668,26 +13667,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 +13702,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 +13761,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",
@@ -13885,12 +13891,19 @@ function aE(e, t) {
 }
 //#endregion
 //#region src/components/data-table/schemas.ts
-var oE = zS.input(W({ format: Io([
-	"csv",
-	"json",
-	"parquet",
-	"tsv"
-]) })).output(W({
+var oE = zS.input(W({
+	format: Io([
+		"csv",
+		"json",
+		"parquet",
+		"tsv"
+	]),
+	options: W({
+		separator: U().optional(),
+		encoding: U().optional(),
+		ensure_ascii: H().optional()
+	}).optional()
+})).output(W({
 	url: U(),
 	filename: U(),
 	error: U().nullish(),
@@ -13991,7 +14004,7 @@ var dE = (e) => {
 //#endregion
 //#region src/components/data-table/column-explorer-panel/column-explorer.tsx
 function fE({ previewColumn: e, fieldTypes: t, totalRows: n, totalColumns: r, tableId: i, table: a }) {
-	let [o, s] = (0, J.useState)(""), { locale: c } = Xo(), l = t?.filter(([e]) => !(e === "__select__" || e === "_marimo_row_id" || e.startsWith("__m_column__"))), u = l?.filter(([e]) => rn(o, e)), { totalColumns: d, hiddenColumns: f } = jn(a, r), { visible: p } = hn(a), m = Fn(a), { rowsAndColumns: h, hiddenSuffix: g } = wr({
+	let [o, s] = (0, J.useState)(""), { locale: c } = Yo(), l = t?.filter(([e]) => !(e === "__select__" || e === "_marimo_row_id" || e.startsWith("__m_column__"))), u = l?.filter(([e]) => rn(o, e)), { totalColumns: d, hiddenColumns: f } = jn(a, r), { visible: p } = hn(a), m = Fn(a), { rowsAndColumns: h, hiddenSuffix: g } = wr({
 		numRows: n,
 		totalColumns: d,
 		locale: c,
@@ -14127,7 +14140,7 @@ function pE({ columnName: e, column: t, dataType: n, externalType: r, previewCol
 	}) })] });
 }
 var mE = ({ previewColumn: e, columnName: t, dataType: n }) => {
-	let { theme: r } = fs(), { locale: i } = Xo(), { data: a, error: o, isPending: s, refetch: c } = Ns(async () => await e({ column: t }), []);
+	let { theme: r } = fs(), { locale: i } = Yo(), { data: a, error: o, isPending: s, refetch: c } = Ns(async () => await e({ column: t }), []);
 	if (o) return /* @__PURE__ */ (0, Y.jsx)(Er, { error: o });
 	if (s) return /* @__PURE__ */ (0, Y.jsx)(an, { message: "Loading..." });
 	if (!a) return /* @__PURE__ */ (0, Y.jsx)(Nn, {
@@ -14153,7 +14166,7 @@ var mE = ({ previewColumn: e, columnName: t, dataType: n }) => {
 		]
 	});
 }, hE = ({ rowIdx: e, setRowIdx: t, totalRows: n, fieldTypes: r, getRow: i, isSelectable: a, isRowSelected: o, handleRowSelectionChange: s }) => {
-	let [c, l] = (0, J.useState)(""), u = (0, J.useRef)(null), d = (0, J.useId)(), { locale: f } = Xo(), p = n === Vn, { data: m, error: h } = Ns(async () => (await i(e)).rows, [
+	let [c, l] = (0, J.useState)(""), u = (0, J.useRef)(null), d = (0, J.useId)(), { locale: f } = Yo(), p = n === Vn, { data: m, error: h } = Ns(async () => (await i(e)).rows, [
 		i,
 		e,
 		n
@@ -14820,7 +14833,7 @@ var ME = (e) => {
 });
 NE.displayName = "LoadingDataTableComponent";
 var PE = (e) => {
-	let t = (0, X.c)(142), { label: n, data: r, rawData: i, totalRows: o, sizeBytes: s, sizeBytesIsLoading: c, maxColumns: l, pagination: u, selection: d, value: f, showFilters: p, showDownload: m, showPageSizeSelector: h, showColumnExplorer: g, showRowExplorer: _, showChartBuilder: v, showDataTypes: y, rowHeaders: b, fieldTypes: x, paginationState: S, setPaginationState: C, download_as: w, columnSummaries: T, className: E, setValue: D, sorting: O, setSorting: k, showSearch: A, searchQuery: j, setSearchQuery: M, filters: N, setFilters: P, reloading: F, freezeColumnsLeft: I, freezeColumnsRight: L, hiddenColumns: R, textJustifyColumns: ee, wrappedColumns: z, columnWidths: te, headerTooltip: B, totalColumns: ne, get_row_ids: re, cellStyles: ie, hoverTemplate: ae, cellHoverTexts: oe, toggleDisplayHeader: se, isChartBuilderOpen: ce, calculate_top_k_rows: V, preview_column: le, getRow: ue, cellId: de, maxHeight: fe } = e, pe = d, me = y, he = (0, J.useId)(), { locale: ge } = Xo(), [_e, ve] = (0, J.useState)(0), { isPanelOpen: ye, isAnyPanelOpen: be, togglePanel: xe, panelType: Se, setPanelType: Ce } = rE(he, de), we;
+	let t = (0, X.c)(142), { label: n, data: r, rawData: i, totalRows: o, sizeBytes: s, sizeBytesIsLoading: c, maxColumns: l, pagination: u, selection: d, value: f, showFilters: p, showDownload: m, showPageSizeSelector: h, showColumnExplorer: g, showRowExplorer: _, showChartBuilder: v, showDataTypes: y, rowHeaders: b, fieldTypes: x, paginationState: S, setPaginationState: C, download_as: w, columnSummaries: T, className: E, setValue: D, sorting: O, setSorting: k, showSearch: A, searchQuery: j, setSearchQuery: M, filters: N, setFilters: P, reloading: F, freezeColumnsLeft: I, freezeColumnsRight: L, hiddenColumns: R, textJustifyColumns: ee, wrappedColumns: z, columnWidths: te, headerTooltip: B, totalColumns: ne, get_row_ids: re, cellStyles: ie, hoverTemplate: ae, cellHoverTexts: oe, toggleDisplayHeader: se, isChartBuilderOpen: ce, calculate_top_k_rows: V, preview_column: le, getRow: ue, cellId: de, maxHeight: fe } = e, pe = d, me = y, he = (0, J.useId)(), { locale: ge } = Yo(), [_e, ve] = (0, J.useState)(0), { isPanelOpen: ye, isAnyPanelOpen: be, togglePanel: xe, panelType: Se, setPanelType: Ce } = rE(he, de), we;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (we = ga(), t[0] = we) : we = t[0];
 	let Te = we, Ee;
 	bb0: {
@@ -14995,7 +15008,7 @@ var PE = (e) => {
 	let pt = m ? w : void 0, mt = v && !ot, ht = (_ || nt) && !it && !ot, gt;
 	t[81] === ve ? gt = t[82] : (gt = (e) => ve(e), t[81] = ve, t[82] = gt);
 	let _t;
-	t[83] !== V || t[84] !== oe || t[85] !== Qe || t[86] !== ie || t[87] !== E || t[88] !== We || t[89] !== r || t[90] !== N || t[91] !== I || t[92] !== L || t[93] !== re || t[94] !== et || t[95] !== Je || t[96] !== R || t[97] !== ae || t[98] !== be || t[99] !== ce || t[100] !== ye || t[101] !== fe || t[102] !== u || t[103] !== S || t[104] !== i || t[105] !== F || t[106] !== ct || t[107] !== Ke || t[108] !== j || t[109] !== pe || t[110] !== P || t[111] !== C || t[112] !== M || t[113] !== k || t[114] !== p || t[115] !== h || t[116] !== A || t[117] !== s || t[118] !== c || t[119] !== O || t[120] !== pt || t[121] !== mt || t[122] !== ht || t[123] !== gt || t[124] !== se || t[125] !== xe || t[126] !== ne || t[127] !== o || t[128] !== _e ? (_t = /* @__PURE__ */ (0, Y.jsx)(yr, {
+	t[83] !== V || t[84] !== oe || t[85] !== Qe || t[86] !== ie || t[87] !== E || t[88] !== We || t[89] !== r || t[90] !== N || t[91] !== I || t[92] !== L || t[93] !== re || t[94] !== et || t[95] !== Je || t[96] !== R || t[97] !== ae || t[98] !== be || t[99] !== ce || t[100] !== ye || t[101] !== fe || t[102] !== u || t[103] !== S || t[104] !== i || t[105] !== F || t[106] !== ct || t[107] !== Ke || t[108] !== j || t[109] !== pe || t[110] !== P || t[111] !== C || t[112] !== M || t[113] !== k || t[114] !== p || t[115] !== h || t[116] !== A || t[117] !== s || t[118] !== c || t[119] !== O || t[120] !== pt || t[121] !== mt || t[122] !== ht || t[123] !== gt || t[124] !== se || t[125] !== xe || t[126] !== ne || t[127] !== o || t[128] !== _e ? (_t = /* @__PURE__ */ (0, Y.jsx)(Ar, {
 		data: r,
 		rawData: i,
 		columns: We,
@@ -15396,7 +15409,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-C2d9ysUI.js")), rD = xS("marimo-data-explorer").withData(W({
 	label: U().nullish(),
 	data: U()
 })).renderer((e) => /* @__PURE__ */ (0, Y.jsx)(nD, {
@@ -16507,7 +16520,7 @@ var LD = ({ value: e, setValue: t, initialPath: n, selectionMode: r, multiple: i
 			children: T.message
 		}),
 		(() => {
-			let e = a ?? `Select ${ce.join(" and ", 2)}...`, t = /* @__PURE__ */ (0, Y.jsx)(Jo, { children: E({ html: e }) });
+			let e = a ?? `Select ${ce.join(" and ", 2)}...`, t = /* @__PURE__ */ (0, Y.jsx)(Zo, { children: E({ html: e }) });
 			return i ? /* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "flex items-center justify-between border px-2",
 				children: [/* @__PURE__ */ (0, Y.jsx)("div", {
@@ -19324,7 +19337,7 @@ function Gk() {
 		minimumFractionDigits: 1,
 		maximumFractionDigits: 1
 	}, e[0] = i) : i = e[0];
-	let a = Zo(i), o;
+	let a = Xo(i), o;
 	e[1] === Symbol.for("react.memo_cache_sentinel") ? (o = () => {
 		r.current = window.setInterval(() => {
 			n(Kk);
@@ -20770,11 +20783,12 @@ var yj = class {
 	if (t[2] !== n || t[3] !== e.options) {
 		let r;
 		t[5] === n ? r = t[6] : (r = (e, t) => /* @__PURE__ */ (0, Y.jsxs)("div", {
-			className: "flex items-center space-x-2",
+			className: "flex items-start space-x-2",
 			children: [/* @__PURE__ */ (0, Y.jsx)(Yn, {
 				value: e,
-				id: `${n}-${t.toString()}`
-			}), /* @__PURE__ */ (0, Y.jsx)(Jo, {
+				id: `${n}-${t.toString()}`,
+				className: "shrink-0"
+			}), /* @__PURE__ */ (0, Y.jsx)(Zo, {
 				htmlFor: `${n}-${t.toString()}`,
 				className: "text-sm font-normal",
 				children: e
@@ -20801,7 +20815,7 @@ var yj = class {
 }, xj = J.forwardRef((e, t) => {
 	let n = (0, X.c)(56), r, i, a;
 	n[0] === e ? (r = n[1], i = n[2], a = n[3]) : ({className: r, valueMap: a, ...i} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a);
-	let [o, s] = sw(!1), { locale: c } = Xo(), u = J.useRef(!1), d = J.useRef(0), f = J.useRef(0), p;
+	let [o, s] = sw(!1), { locale: c } = Yo(), u = J.useRef(!1), d = J.useRef(0), f = J.useRef(0), p;
 	n[4] === Symbol.for("react.memo_cache_sentinel") ? (p = [], n[4] = p) : p = n[4];
 	let m = J.useRef(p), h;
 	n[5] === Symbol.for("react.memo_cache_sentinel") ? (h = [], n[5] = h) : h = n[5];
@@ -20937,7 +20951,7 @@ var Sj = class {
 		});
 	}
 }, Cj = (e) => {
-	let t = (0, X.c)(50), { label: n, setValue: r, value: i, start: a, stop: o, step: s, debounce: c, orientation: u, showValue: d, fullWidth: f, disabled: p, valueMap: m } = e, h = (0, J.useId)(), { locale: g } = Xo(), [_, v] = (0, J.useState)(i), y, b;
+	let t = (0, X.c)(50), { label: n, setValue: r, value: i, start: a, stop: o, step: s, debounce: c, orientation: u, showValue: d, fullWidth: f, disabled: p, valueMap: m } = e, h = (0, J.useId)(), { locale: g } = Yo(), [_, v] = (0, J.useState)(i), y, b;
 	t[0] === i ? (y = t[1], b = t[2]) : (y = () => {
 		v(i);
 	}, b = [i], t[0] = i, t[1] = y, t[2] = b), (0, J.useEffect)(y, b);
@@ -21210,7 +21224,7 @@ function Nj(e) {
 	};
 }
 var Pj = (e) => {
-	let t = (0, X.c)(64), { label: n, setValue: r, value: i, start: a, stop: o, step: s, steps: c, debounce: u, orientation: d, showValue: f, fullWidth: p, valueMap: m, includeInput: h, disabled: g } = e, _ = (0, J.useId)(), { locale: v } = Xo(), [y, b] = (0, J.useState)(i), x, S;
+	let t = (0, X.c)(64), { label: n, setValue: r, value: i, start: a, stop: o, step: s, steps: c, debounce: u, orientation: d, showValue: f, fullWidth: p, valueMap: m, includeInput: h, disabled: g } = e, _ = (0, J.useId)(), { locale: v } = Yo(), [y, b] = (0, J.useState)(i), x, S;
 	t[0] === i ? (x = t[1], S = t[2]) : (x = () => {
 		b(i);
 	}, S = [i], t[0] = i, t[1] = x, t[2] = S), (0, J.useEffect)(x, S);
@@ -21317,7 +21331,7 @@ var Pj = (e) => {
 	}
 }, Ij = (e) => {
 	let t = (0, X.c)(9), { value: n, setValue: r, data: i } = e, a = (0, J.useId)(), o;
-	t[0] !== i.disabled || t[1] !== a || t[2] !== r || t[3] !== n ? (o = /* @__PURE__ */ (0, Y.jsx)(lr, {
+	t[0] !== i.disabled || t[1] !== a || t[2] !== r || t[3] !== n ? (o = /* @__PURE__ */ (0, Y.jsx)(yr, {
 		"data-testid": "marimo-plugin-switch",
 		checked: n,
 		onCheckedChange: r,
@@ -21653,7 +21667,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),
@@ -21825,7 +21839,7 @@ var Qj = class {
 		}),
 		children: [/* @__PURE__ */ (0, Y.jsx)(a, { className: l("w-3 h-3", e.label && "mr-2", n && "animate-spin") }), o]
 	});
-}, uM = J.lazy(() => import("./ImageComparisonComponent-Dlm5aWnH.js")), dM = class {
+}, uM = J.lazy(() => import("./ImageComparisonComponent-Cpfz30OZ.js")), dM = class {
 	tagName = "marimo-image-comparison";
 	validator = W({
 		beforeSrc: U(),
@@ -21850,7 +21864,7 @@ var Qj = class {
 	});
 	render({ data: e }) {
 		let t = e.name === void 0 ? !1 : e.name || "";
-		return /* @__PURE__ */ (0, Y.jsx)(mr, {
+		return /* @__PURE__ */ (0, Y.jsx)(lr, {
 			data: e.jsonData,
 			format: "auto",
 			valueTypes: e.valueTypes,
@@ -21900,7 +21914,7 @@ var Qj = class {
 		]).transform((e) => e)
 	});
 	render({ data: e }) {
-		return e.data ? /* @__PURE__ */ (0, Y.jsx)(Ar, { message: {
+		return e.data ? /* @__PURE__ */ (0, Y.jsx)(Ir, { message: {
 			data: e.data,
 			channel: "output",
 			mimetype: e.mime
@@ -21920,7 +21934,7 @@ var Qj = class {
 			themeVariables: e.data.theme_variables
 		});
 	}
-}, _M = (0, J.lazy)(() => import("./mermaid-DPNuhemn.js").then((e) => e.t));
+}, _M = (0, J.lazy)(() => import("./mermaid-Dnzoxjt1.js").then((e) => e.t));
 //#endregion
 //#region src/components/editor/chrome/panels/outline/useActiveOutline.tsx
 function vM() {
@@ -23133,7 +23147,7 @@ var FM = (/* @__PURE__ */ i(((e) => {
 		});
 	}
 }, RM = (e) => {
-	let t = (0, X.c)(14), { routes: n, children: r } = e, i = J.Children.count(r);
+	let t = (0, X.c)(11), { routes: n, children: r } = e, i = J.Children.count(r);
 	if (i !== n.length) throw Error(`Expected ${n.length} children, but got ${i}`);
 	let a;
 	t[0] === n ? a = t[1] : (a = new IM(n), t[0] = n, t[1] = a);
@@ -23155,14 +23169,9 @@ var FM = (/* @__PURE__ */ i(((e) => {
 		return window.addEventListener("hashchange", e), window.addEventListener("popstate", e), () => {
 			window.removeEventListener("hashchange", e), window.removeEventListener("popstate", e);
 		};
-	}, p = [d], t[6] = d, t[7] = f, t[8] = p), (0, J.useEffect)(f, p), !c) {
-		let e;
-		return t[9] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ (0, Y.jsx)(Y.Fragment, {}), t[9] = e) : e = t[9], e;
-	}
+	}, p = [d], t[6] = d, t[7] = f, t[8] = p), (0, J.useEffect)(f, p), !c) return null;
 	let m = n.indexOf(c), h;
-	t[10] === r ? h = t[11] : (h = J.Children.toArray(r), t[10] = r, t[11] = h);
-	let g = h[m], _;
-	return t[12] === g ? _ = t[13] : (_ = /* @__PURE__ */ (0, Y.jsx)(Y.Fragment, { children: g }), t[12] = g, t[13] = _), _;
+	return t[9] === r ? h = t[10] : (h = J.Children.toArray(r), t[9] = r, t[10] = h), h[m];
 }, zM = class {
 	tagName = "marimo-stat";
 	validator = W({
@@ -23182,7 +23191,7 @@ var FM = (/* @__PURE__ */ i(((e) => {
 		return /* @__PURE__ */ (0, Y.jsx)(BM, { ...e });
 	}
 }, BM = (e) => {
-	let t = (0, X.c)(31), { value: n, label: r, caption: i, bordered: a, direction: o, target_direction: s, slot: u } = e, { locale: d } = Xo(), f;
+	let t = (0, X.c)(31), { value: n, label: r, caption: i, bordered: a, direction: o, target_direction: s, slot: u } = e, { locale: d } = Yo(), f;
 	t[0] !== d || t[1] !== n ? (f = () => n == null ? /* @__PURE__ */ (0, Y.jsx)("i", { children: "No value" }) : typeof n == "string" ? n : typeof n == "number" ? la(n, d) : typeof n == "boolean" ? n ? "True" : "False" : String(n), t[0] = d, t[1] = n, t[2] = f) : f = t[2];
 	let p = f, m = o === s, h = m ? "var(--grass-8)" : "var(--red-8)", g = m ? "var(--grass-9)" : "var(--red-9)", _;
 	t[3] === u ? _ = t[4] : (_ = () => {
@@ -23255,8 +23264,8 @@ var FM = (/* @__PURE__ */ i(((e) => {
 			tex: e.host.textContent || e.host.innerHTML
 		});
 	}
-}, HM = Ds(async () => (await import("./katex-DFBiSucW.js")).default), UM = Ds(async () => {
-	await import("./mhchem-DWCF06w9.js");
+}, HM = Ds(async () => (await import("./katex-BNCmKUol.js").then((e) => e.n)).default), UM = Ds(async () => {
+	await import("./mhchem-BEc7A1or.js");
 }), WM = { "\\mbox": "\\text{#1}" };
 async function GM(e, t) {
 	let [n] = await Promise.all([HM(), UM()]);
@@ -26642,7 +26651,7 @@ var nP = (0, ZN.WidthProvider)(ZN.Responsive), rP = [0, 0], iP = "grid-drag-hand
 	let h = s && "invisible", g = c ? "overflow-y-auto" : "overflow-y-hidden", _ = u === "top" && "flex items-start", v = u === "bottom" && "flex items-end", y = u === "left" && "flex justify-start", b = u === "right" && "flex justify-end", x;
 	t[5] !== d || t[6] !== h || t[7] !== g || t[8] !== _ || t[9] !== v || t[10] !== y || t[11] !== b ? (x = l(d, "h-full w-full p-2 overflow-x-auto", h, g, _, v, y, b), t[5] = d, t[6] = h, t[7] = g, t[8] = _, t[9] = v, t[10] = y, t[11] = b, t[12] = x) : x = t[12];
 	let S;
-	t[13] !== r || t[14] !== m || t[15] !== n || t[16] !== f ? (S = /* @__PURE__ */ (0, Y.jsx)(Ir, {
+	t[13] !== r || t[14] !== m || t[15] !== n || t[16] !== f ? (S = /* @__PURE__ */ (0, Y.jsx)(mr, {
 		allowExpand: !1,
 		output: n,
 		cellId: r,
@@ -26658,7 +26667,7 @@ var nP = (0, ZN.WidthProvider)(ZN.Responsive), rP = [0, 0], iP = "grid-drag-hand
 oP.displayName = "GridCell";
 var sP = (e) => {
 	let t = (0, X.c)(38), { layout: n, setLayout: r, isLocked: i, setIsLocked: a } = e, o;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ (0, Y.jsx)(Jo, {
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ (0, Y.jsx)(Zo, {
 		htmlFor: "columns",
 		children: "Columns"
 	}), t[0] = o) : o = t[0];
@@ -26683,7 +26692,7 @@ var sP = (e) => {
 		})]
 	}), t[4] = n.columns, t[5] = s, t[6] = c) : c = t[6];
 	let l;
-	t[7] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ (0, Y.jsx)(Jo, {
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ (0, Y.jsx)(Zo, {
 		htmlFor: "rowHeight",
 		children: "Row Height (px)"
 	}), t[7] = l) : l = t[7];
@@ -26708,7 +26717,7 @@ var sP = (e) => {
 		})]
 	}), t[11] = n.rowHeight, t[12] = u, t[13] = d) : d = t[13];
 	let f;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, Y.jsx)(Jo, {
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, Y.jsx)(Zo, {
 		htmlFor: "maxWidth",
 		children: "Max Width (px)"
 	}), t[14] = f) : f = t[14];
@@ -26733,7 +26742,7 @@ var sP = (e) => {
 		})]
 	}), t[18] = n.maxWidth, t[19] = p, t[20] = m) : m = t[20];
 	let h;
-	t[21] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ (0, Y.jsxs)(Jo, {
+	t[21] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ (0, Y.jsxs)(Zo, {
 		className: "flex flex-row items-center gap-1",
 		htmlFor: "lock",
 		children: [/* @__PURE__ */ (0, Y.jsx)(R, { className: "h-3 w-3" }), "Bordered"]
@@ -26748,7 +26757,7 @@ var sP = (e) => {
 	let _;
 	t[25] !== n.bordered || t[26] !== g ? (_ = /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flex flex-row items-center gap-2",
-		children: [h, /* @__PURE__ */ (0, Y.jsx)(lr, {
+		children: [h, /* @__PURE__ */ (0, Y.jsx)(yr, {
 			"data-testid": "grid-bordered-switch",
 			id: "lock",
 			checked: n.bordered,
@@ -26757,7 +26766,7 @@ var sP = (e) => {
 		})]
 	}), t[25] = n.bordered, t[26] = g, t[27] = _) : _ = t[27];
 	let v;
-	t[28] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ (0, Y.jsxs)(Jo, {
+	t[28] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ (0, Y.jsxs)(Zo, {
 		className: "flex flex-row items-center gap-1",
 		htmlFor: "lock",
 		children: [/* @__PURE__ */ (0, Y.jsx)(Ju, { className: "h-3 w-3" }), "Lock Grid"]
@@ -26765,7 +26774,7 @@ var sP = (e) => {
 	let y;
 	t[29] !== i || t[30] !== a ? (y = /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flex flex-row items-center gap-2",
-		children: [v, /* @__PURE__ */ (0, Y.jsx)(lr, {
+		children: [v, /* @__PURE__ */ (0, Y.jsx)(yr, {
 			"data-testid": "grid-lock-switch",
 			id: "lock",
 			checked: i,
@@ -26860,7 +26869,7 @@ var lP = (e) => {
 		children: "Scrollable"
 	}), t[24] = E) : E = t[24];
 	let D;
-	t[25] !== o || t[26] !== s ? (D = /* @__PURE__ */ (0, Y.jsx)(lr, {
+	t[25] !== o || t[26] !== s ? (D = /* @__PURE__ */ (0, Y.jsx)(yr, {
 		"data-testid": "grid-scrollable-switch",
 		checked: o,
 		size: "sm",
@@ -29932,7 +29941,7 @@ function bR(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var xR = J.lazy(() => import("./reveal-component-D3YXogQI.js")), SR = (e) => {
+var xR = J.lazy(() => import("./reveal-component-C1yOCuj8.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, _;
@@ -30383,7 +30392,7 @@ var zR = (e) => {
 					interrupted: m
 				}, t);
 			}
-			return /* @__PURE__ */ (0, Y.jsx)(J.Fragment, { children: /* @__PURE__ */ (0, Y.jsx)(Ar, {
+			return /* @__PURE__ */ (0, Y.jsx)(J.Fragment, { children: /* @__PURE__ */ (0, Y.jsx)(Ir, {
 				cellId: g,
 				onRefactorWithAI: b,
 				message: e,
@@ -30414,26 +30423,26 @@ var zR = (e) => {
 		children: [k, ee]
 	}), t[59] = O, t[60] = k, t[61] = ee, t[62] = z) : z = t[62], z;
 }, VR = (e) => {
-	let t = (0, X.c)(25), { value: n, setValue: r, inputHistory: i, output: a, isPassword: o, isPdb: s, onSubmit: c, onClear: l } = e, { navigateUp: u, navigateDown: d, addToHistory: f } = i, p;
+	let t = (0, X.c)(26), { value: n, setValue: r, inputHistory: i, output: a, isPassword: o, isPdb: s, onSubmit: c, onClear: l } = e, { navigateUp: u, navigateDown: d, addToHistory: f } = i, p;
 	t[0] === a ? p = t[1] : (p = UR(a), t[0] = a, t[1] = p);
 	let m = o ? "password" : "text", h;
 	t[2] === r ? h = t[3] : (h = (e) => r(e.target.value), t[2] = r, t[3] = h);
 	let g;
 	t[4] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ (0, Y.jsx)(na, { className: "w-5 h-5" }), t[4] = g) : g = t[4];
 	let _;
-	t[5] !== f || t[6] !== d || t[7] !== u || t[8] !== c || t[9] !== r || t[10] !== n ? (_ = (e) => {
-		if (e.key === "ArrowUp") {
+	t[5] !== f || t[6] !== o || t[7] !== d || t[8] !== u || t[9] !== c || t[10] !== r || t[11] !== n ? (_ = (e) => {
+		if (!o && e.key === "ArrowUp") {
 			u(), e.preventDefault();
 			return;
 		}
-		if (e.key === "ArrowDown") {
+		if (!o && e.key === "ArrowDown") {
 			d(), e.preventDefault();
 			return;
 		}
-		e.key === "Enter" && !e.shiftKey && (n && f(n), c(n), r(""), e.preventDefault(), e.stopPropagation()), e.key === "Enter" && e.metaKey && (e.preventDefault(), e.stopPropagation());
-	}, t[5] = f, t[6] = d, t[7] = u, t[8] = c, t[9] = r, t[10] = n, t[11] = _) : _ = t[11];
+		e.key === "Enter" && !e.shiftKey && (n && !o && f(n), c(n), r(""), e.preventDefault(), e.stopPropagation()), e.key === "Enter" && e.metaKey && (e.preventDefault(), e.stopPropagation());
+	}, t[5] = f, t[6] = o, t[7] = d, t[8] = u, t[9] = c, t[10] = r, t[11] = n, t[12] = _) : _ = t[12];
 	let v;
-	t[12] !== m || t[13] !== h || t[14] !== _ || t[15] !== n ? (v = /* @__PURE__ */ (0, Y.jsx)(Xi, {
+	t[13] !== m || t[14] !== h || t[15] !== _ || t[16] !== n ? (v = /* @__PURE__ */ (0, Y.jsx)(Xi, {
 		"data-testid": "console-input",
 		"data-stdin-blocking": !0,
 		type: m,
@@ -30445,21 +30454,21 @@ var zR = (e) => {
 		className: "m-0 h-8 focus-visible:shadow-xs-solid",
 		placeholder: "stdin",
 		onKeyDownCapture: _
-	}), t[12] = m, t[13] = h, t[14] = _, t[15] = n, t[16] = v) : v = t[16];
+	}), t[13] = m, t[14] = h, t[15] = _, t[16] = n, t[17] = v) : v = t[17];
 	let y;
-	t[17] !== s || t[18] !== l || t[19] !== c ? (y = s && /* @__PURE__ */ (0, Y.jsx)(jR, {
+	t[18] !== s || t[19] !== l || t[20] !== c ? (y = s && /* @__PURE__ */ (0, Y.jsx)(jR, {
 		onSubmit: c,
 		onClear: l
-	}), t[17] = s, t[18] = l, t[19] = c, t[20] = y) : y = t[20];
+	}), t[18] = s, t[19] = l, t[20] = c, t[21] = y) : y = t[21];
 	let b;
-	return t[21] !== p || t[22] !== v || t[23] !== y ? (b = /* @__PURE__ */ (0, Y.jsxs)("div", {
+	return t[22] !== p || t[23] !== v || t[24] !== y ? (b = /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "flex gap-2 items-center pt-2",
 		children: [
 			p,
 			v,
 			y
 		]
-	}), t[21] = p, t[22] = v, t[23] = y, t[24] = b) : b = t[24], b;
+	}), t[22] = p, t[23] = v, t[24] = y, t[25] = b) : b = t[25], b;
 }, HR = (e) => {
 	let t = (0, X.c)(10), { output: n, response: r, isPassword: i, interrupted: a } = e, o = r != null && r !== "", s = a && !o, c;
 	t[0] === n ? c = t[1] : (c = UR(n), t[0] = n, t[1] = c);
@@ -30827,7 +30836,7 @@ var cz = (e) => {
 	let D = E;
 	if (g === "read" && h || T) {
 		let e;
-		t[14] !== a || t[15] !== w || t[16] !== n || t[17] !== S ? (e = /* @__PURE__ */ (0, Y.jsx)(Ir, {
+		t[14] !== a || t[15] !== w || t[16] !== n || t[17] !== S ? (e = /* @__PURE__ */ (0, Y.jsx)(mr, {
 			allowExpand: !0,
 			output: n,
 			className: ms.outputArea,
@@ -30884,7 +30893,7 @@ var cz = (e) => {
 	let O;
 	t[44] !== a || t[45] !== _ ? (O = Kr(a, _), t[44] = a, t[45] = _, t[46] = O) : O = t[46];
 	let k = g === "edit", A;
-	t[47] !== a || t[48] !== w || t[49] !== n || t[50] !== S || t[51] !== k ? (A = /* @__PURE__ */ (0, Y.jsx)(Ir, {
+	t[47] !== a || t[48] !== w || t[49] !== n || t[50] !== S || t[51] !== k ? (A = /* @__PURE__ */ (0, Y.jsx)(mr, {
 		allowExpand: k,
 		output: n,
 		className: ms.outputArea,
@@ -31435,7 +31444,7 @@ var aB = (e) => {
 		return t[6] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ (0, Y.jsx)("div", { ref: s }), t[6] = e) : e = t[6], e;
 	}
 	let p;
-	t[7] === d.output ? p = t[8] : (p = /* @__PURE__ */ (0, Y.jsx)(Ar, { message: d.output }), t[7] = d.output, t[8] = p);
+	t[7] === d.output ? p = t[8] : (p = /* @__PURE__ */ (0, Y.jsx)(Ir, { message: d.output }), t[7] = d.output, t[8] = p);
 	let m;
 	t[9] === d ? m = t[10] : (m = /* @__PURE__ */ (0, Y.jsx)(sB, { state: d }), t[9] = d, t[10] = m);
 	let h;