@marimo-team/islands 0.24.3-dev10 → 0.24.3-dev14

package/dist/{chat-ui-BSwr409J.js → chat-ui-CH7Gg-KH.js}

@@ -3,12 +3,12 @@ import { c as n, g as r, h as i, t as a } from "./button-CKBkqR9J.js";
 import { t as o } from "./react-DMWcHin-.js";
 import { t as s } from "./compiler-runtime-CAH9RLw2.js";
 import { r as c } from "./copy-CD7S58CY.js";
-import { Cn as l, F as u, Ft as d, Gt as f, Hn as p, In as m, Pn as h, Qn as g, Un as _, Vt as v, Wt as y, Xt as b, Yn as x, Zn as S, _ as C, a as w, c as T, d as E, er as ee, f as D, g as te, gn as ne, gt as re, h as ie, hn as ae, ht as oe, in as se, l as ce, m as le, mn as ue, n as de, nn as fe, on as pe, p as me, pn as he, pt as ge, q as _e, r as ve, rn as ye, rr as be, rt as xe, t as Se, v as Ce, vn as we, x as Te, y as Ee, yt as De, zt as Oe } from "./html-to-image-BtFMe_Nq.js";
+import { Cn as l, F as u, Ft as d, Gt as f, Hn as p, In as m, Pn as h, Qn as g, Un as _, Vt as v, Wt as y, Xt as b, Yn as x, Zn as S, _ as C, a as w, c as T, d as E, er as ee, f as D, g as te, gn as ne, gt as re, h as ie, hn as ae, ht as oe, in as se, l as ce, m as le, mn as ue, n as de, nn as fe, on as pe, p as me, pn as he, pt as ge, q as _e, r as ve, rn as ye, rr as be, rt as xe, t as Se, v as Ce, vn as we, x as Te, y as Ee, yt as De, zt as Oe } from "./html-to-image-B3oyXfx7.js";
 import { u as ke } from "./dist-3_o3T78I.js";
 import { C as Ae, I as je, R as Me, b as Ne } from "./select-3qHpFKF9.js";
 import { _ as Pe, f as Fe, h as Ie, i as Le, n as Re, t as ze } from "./dropdown-menu-DhCfcscX.js";
 import { p as Be, v as Ve } from "./toDate-CpXBeDq0.js";
-import { d as He, f as Ue, i as We, n as Ge, t as Ke, u as qe } from "./process-output-CPy0YKUe.js";
+import { d as He, f as Ue, i as We, n as Ge, t as Ke, u as qe } from "./process-output-ew3B35of.js";
 import { t as Je } from "./jsx-runtime-CpoKNRgu.js";
 import { Cn as O, Cr as Ye, In as k, It as Xe, Jn as A, Sn as Ze, Tt as Qe, Yn as $e, bt as et, cn as tt, jn as nt, kt as j, ln as M, mr as rt, un as N, vt as it, wt as at, xt as ot, zt as st } from "./schemas-DzK6U94N.js";
 import { n as ct } from "./error-banner-CsXbEEjo.js";

package/dist/{common-SEaoDOh7.js → common-D5xpkGya.js}

@@ -3,7 +3,7 @@ import { _ as n, c as r, f as i, g as a, h as o, m as s, n as c, p as l, r as u,
 import { t as f } from "./react-DMWcHin-.js";
 import { t as p } from "./compiler-runtime-CAH9RLw2.js";
 import { n as m, r as h, t as g } from "./copy-CD7S58CY.js";
-import { $ as _, $n as v, $t as y, A as b, An as x, At as S, Cn as C, Ct as w, D as T, E, Et as D, F as O, Gn as k, H as A, Hn as j, Ht as M, Jn as N, Kt as P, Ln as F, M as I, Mn as L, N as R, Nt as ee, Pn as z, Q as te, Qn as ne, Qt as re, Rt as ie, S as ae, T as oe, Tt as se, Un as ce, Ut as le, V as ue, Wt as de, Xt as fe, Yn as pe, Z as me, Zn as he, _ as ge, _t as _e, ar as ve, cn as ye, en as be, er as xe, g as Se, gt as Ce, ht as we, it as Te, jn as Ee, jt as De, kt as Oe, lt as ke, mt as Ae, n as je, on as Me, or as Ne, ot as Pe, pt as Fe, q as Ie, qn as Le, r as Re, rr as ze, s as Be, sr as Ve, t as He, tt as Ue, u as We, v as Ge, vt as Ke, w as qe, wn as Je, y as Ye, yn as Xe, yt as Ze } from "./html-to-image-BtFMe_Nq.js";
+import { $ as _, $n as v, $t as y, A as b, An as x, At as S, Cn as C, Ct as w, D as T, E, Et as D, F as O, Gn as k, H as A, Hn as j, Ht as M, Jn as N, Kt as P, Ln as F, M as I, Mn as L, N as R, Nt as ee, Pn as z, Q as te, Qn as ne, Qt as re, Rt as ie, S as ae, T as oe, Tt as se, Un as ce, Ut as le, V as ue, Wt as de, Xt as fe, Yn as pe, Z as me, Zn as he, _ as ge, _t as _e, ar as ve, cn as ye, en as be, er as xe, g as Se, gt as Ce, ht as we, it as Te, jn as Ee, jt as De, kt as Oe, lt as ke, mt as Ae, n as je, on as Me, or as Ne, ot as Pe, pt as Fe, q as Ie, qn as Le, r as Re, rr as ze, s as Be, sr as Ve, t as He, tt as Ue, u as We, v as Ge, vt as Ke, w as qe, wn as Je, y as Ye, yn as Xe, yt as Ze } from "./html-to-image-B3oyXfx7.js";
 import { o as Qe, u as B } from "./dist-3_o3T78I.js";
 import { c as $e, i as et, r as tt } from "./useLifecycle-B4RGlyf0.js";
 import { a as nt, i as rt, n as it, o as at, r as ot, t as st } from "./useDateFormatter-Cp9Jdxls.js";
@@ -32164,7 +32164,7 @@ function XK() {
 		return a.warn("Failed to get version from mount config"), null;
 	}
 }
-var ZK = XK() || "0.24.3-dev10", QK = V(ZK), $K = V(!0);
+var ZK = XK() || "0.24.3-dev14", QK = V(ZK), $K = V(!0);
 V(null);
 //#endregion
 //#region src/core/wasm/state.ts

package/dist/{html-to-image-BtFMe_Nq.js → html-to-image-B3oyXfx7.js}

@@ -10454,7 +10454,7 @@ function If(e) {
 }
 function Lf() {
 	return {
-		latestEngineSelected: wf,
+		latestEngineSelected: null,
 		connectionsMap: Pf
 	};
 }
@@ -10462,7 +10462,7 @@ var { reducer: Rf, createActions: zf, valueAtom: Bf, useActions: Vf } = D(Lf, {
 	addDataSourceConnection: (e, t) => {
 		if (t.connections.length === 0) return e;
 		let { latestEngineSelected: n, connectionsMap: r } = e, i = new Map(r);
-		for (let e of t.connections) i.set(e.name, e);
+		for (let e of t.connections) i.delete(e.name), i.set(e.name, e);
 		return {
 			latestEngineSelected: n,
 			connectionsMap: i
@@ -10471,18 +10471,18 @@ var { reducer: Rf, createActions: zf, valueAtom: Bf, useActions: Vf } = D(Lf, {
 	filterDataSourcesFromVariables: (e, t) => {
 		let { latestEngineSelected: n, connectionsMap: r } = e, i = new Set(t), a = new Map([...r].filter(([e]) => Tf.has(e) ? !0 : i.has(e)));
 		return {
-			latestEngineSelected: a.has(n) ? n : wf,
+			latestEngineSelected: n && a.has(n) ? n : null,
 			connectionsMap: a
 		};
 	},
 	clearDataSourceConnections: () => ({
-		latestEngineSelected: wf,
+		latestEngineSelected: null,
 		connectionsMap: /* @__PURE__ */ new Map()
 	}),
 	removeDataSourceConnection: (e, t) => {
 		let { latestEngineSelected: n, connectionsMap: r } = e, i = new Map(r);
 		return i.delete(t), {
-			latestEngineSelected: i.has(n) ? n : wf,
+			latestEngineSelected: n && i.has(n) ? n : null,
 			connectionsMap: i
 		};
 	},
@@ -26251,7 +26251,8 @@ function lx() {
 //#region src/core/codemirror/language/languages/sql/sql.ts
 var ux = vf, dx = "DuckDB", fx = new Ft();
 function px() {
-	return F.get(Bf).latestEngineSelected;
+	let { latestEngineSelected: e, connectionsMap: t } = F.get(Bf);
+	return e === null ? [...t.values()].reverse().find((e) => !Tf.has(e.name) && e.source !== "iceberg")?.name ?? "__marimo_duckdb" : e;
 }
 var mx = class {
 	parser = new Em();

package/dist/main.js

@@ -3,16 +3,16 @@ 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-DMWcHin-.js";
 import { t as b } from "./compiler-runtime-CAH9RLw2.js";
 import { n as x, r as S, t as C } from "./copy-CD7S58CY.js";
-import { $n as w, An as T, B as E, Bn as D, Bt as O, C as k, Ct as A, Dn as j, Dt as M, En as N, F as P, Fn as F, G as I, I as L, It as ee, J as te, Jt as R, K as ne, Kn as z, L as re, Lt as ie, Mt as ae, Nn as oe, Nt as se, On as ce, Ot as le, P as ue, Pn as de, Pt as fe, Q as pe, Qn as me, Qt as he, R as ge, Rn as _e, Sn as ve, St as ye, U as be, Un as xe, Vn as Se, Vt as Ce, W as we, Wn as Te, Wt as Ee, X as De, Xn as Oe, Y as ke, Yn as Ae, Yt as je, Z as Me, Zn as Ne, Zt as Pe, _ as Fe, _n as Ie, a as Le, an as Re, ar as ze, at as Be, b as Ve, bn as He, bt as Ue, cn as We, ct as Ge, dn as Ke, dt as qe, et as Je, fn as Ye, ft as Xe, g as Ze, i as Qe, ir as $e, j as et, jt as tt, k as nt, kn as rt, kt as it, ln as at, n as ot, nr as st, o as ct, on as lt, ot as ut, q as dt, qt as ft, sn as pt, st as mt, tn as ht, tr as gt, un as _t, ut as vt, v as yt, wn as bt, wt as xt, xn as St, xt as Ct, y as wt, z as Tt, zn as Et } from "./html-to-image-BtFMe_Nq.js";
+import { $n as w, An as T, B as E, Bn as D, Bt as O, C as k, Ct as A, Dn as j, Dt as M, En as N, F as P, Fn as F, G as I, I as L, It as ee, J as te, Jt as R, K as ne, Kn as z, L as re, Lt as ie, Mt as ae, Nn as oe, Nt as se, On as ce, Ot as le, P as ue, Pn as de, Pt as fe, Q as pe, Qn as me, Qt as he, R as ge, Rn as _e, Sn as ve, St as ye, U as be, Un as xe, Vn as Se, Vt as Ce, W as we, Wn as Te, Wt as Ee, X as De, Xn as Oe, Y as ke, Yn as Ae, Yt as je, Z as Me, Zn as Ne, Zt as Pe, _ as Fe, _n as Ie, a as Le, an as Re, ar as ze, at as Be, b as Ve, bn as He, bt as Ue, cn as We, ct as Ge, dn as Ke, dt as qe, et as Je, fn as Ye, ft as Xe, g as Ze, i as Qe, ir as $e, j as et, jt as tt, k as nt, kn as rt, kt as it, ln as at, n as ot, nr as st, o as ct, on as lt, ot as ut, q as dt, qt as ft, sn as pt, st as mt, tn as ht, tr as gt, un as _t, ut as vt, v as yt, wn as bt, wt as xt, xn as St, xt as Ct, y as wt, z as Tt, zn as Et } from "./html-to-image-B3oyXfx7.js";
 import { o as Dt, s as Ot, u as kt } from "./dist-3_o3T78I.js";
 import { D as At, E as jt, O as Mt, S as Nt, T as Pt, _ as Ft, a as It, c as Lt, d as Rt, f as zt, g as Bt, h as Vt, i as Ht, l as Ut, m as Wt, n as Gt, o as Kt, p as qt, r as Jt, s as Yt, t as Xt, u as Zt, v as Qt, w as $t, x as en, y as tn } from "./spec-CutWdqo3.js";
-import { $ as nn, $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Cn as un, Ct as dn, D as fn, Dn as pn, Dt as mn, E as hn, En as gn, Et as _n, F as vn, Ft as yn, G as bn, Gt as xn, H as Sn, Ht as Cn, I as wn, It as Tn, J as En, Jt as Dn, K as On, Kt as kn, L as An, Lt as jn, M as Mn, N as Nn, Nt as Pn, O as Fn, Ot as In, P as Ln, Pt as Rn, Q as zn, Qt as Bn, R as Vn, Rt as Hn, S as Un, Sn as Wn, St as Gn, T as Kn, Tn as qn, Tt as Jn, U as Yn, Ut as Xn, V as Zn, Vt as Qn, W as $n, Wt as er, X as tr, Xt as nr, Y as rr, Yt as ir, Z as ar, Zt as or, _ as sr, _n as cr, _t as lr, a as ur, an as dr, at as fr, b as pr, bn as mr, bt as hr, cn as gr, dn as _r, dt as vr, en as yr, et as br, fn as xr, ft as Sr, g as Cr, gn as wr, gt as Tr, hn as Er, ht as Dr, i as Or, in as kr, it as Ar, j as jr, k as Mr, kt as Nr, l as Pr, ln as Fr, m as Ir, mn as Lr, mt as Rr, n as zr, nn as Br, nt as Vr, on as Hr, ot as Ur, pn as Wr, pt as Gr, q as Kr, qt as qr, rn as Jr, rt as Yr, s as Xr, sn as Zr, st as Qr, t as $r, tn as ei, tt as ti, un as ni, v as ri, vt as ii, w as ai, wn as oi, wt as si, x as ci, xn as li, xt as ui, y as di, yn as fi, yt as pi, z as mi, zt as hi } from "./common-SEaoDOh7.js";
+import { $ as nn, $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Cn as un, Ct as dn, D as fn, Dn as pn, Dt as mn, E as hn, En as gn, Et as _n, F as vn, Ft as yn, G as bn, Gt as xn, H as Sn, Ht as Cn, I as wn, It as Tn, J as En, Jt as Dn, K as On, Kt as kn, L as An, Lt as jn, M as Mn, N as Nn, Nt as Pn, O as Fn, Ot as In, P as Ln, Pt as Rn, Q as zn, Qt as Bn, R as Vn, Rt as Hn, S as Un, Sn as Wn, St as Gn, T as Kn, Tn as qn, Tt as Jn, U as Yn, Ut as Xn, V as Zn, Vt as Qn, W as $n, Wt as er, X as tr, Xt as nr, Y as rr, Yt as ir, Z as ar, Zt as or, _ as sr, _n as cr, _t as lr, a as ur, an as dr, at as fr, b as pr, bn as mr, bt as hr, cn as gr, dn as _r, dt as vr, en as yr, et as br, fn as xr, ft as Sr, g as Cr, gn as wr, gt as Tr, hn as Er, ht as Dr, i as Or, in as kr, it as Ar, j as jr, k as Mr, kt as Nr, l as Pr, ln as Fr, m as Ir, mn as Lr, mt as Rr, n as zr, nn as Br, nt as Vr, on as Hr, ot as Ur, pn as Wr, pt as Gr, q as Kr, qt as qr, rn as Jr, rt as Yr, s as Xr, sn as Zr, st as Qr, t as $r, tn as ei, tt as ti, un as ni, v as ri, vt as ii, w as ai, wn as oi, wt as si, x as ci, xn as li, xt as ui, y as di, yn as fi, yt as pi, z as mi, zt as hi } from "./common-D5xpkGya.js";
 import { c as gi, i as _i, n as vi, o as yi, t as bi } from "./useLifecycle-B4RGlyf0.js";
 import { t as xi } from "./check-CHig47QV.js";
 import { A as Si, C as Ci, D as wi, E as Ti, F as Ei, I as Di, M as Oi, N as ki, P as Ai, R as ji, S as Mi, a as Ni, b as Pi, c as Fi, i as Ii, j as Li, l as Ri, n as zi, o as Bi, r as Vi, s as Hi, t as Ui, w as Wi, x as Gi } from "./select-3qHpFKF9.js";
 import { B as Ki, C as qi, Ft as Ji, J as Yi, Pt as Xi, S as Zi, Ut as Qi, W as $i, Y as ea, _ as ta, a as na, at as ra, bt as ia, c as aa, f as oa, ft as sa, g as ca, h as la, hn as ua, i as da, m as fa, mn as pa, n as ma, ot as ha, p as ga, r as _a, s as va, t as ya, v as ba, x as xa, z as Sa } from "./dropdown-menu-DhCfcscX.js";
 import { _ as Ca, c as wa, d as Ta, f as Ea, g as Da, h as Oa, m as ka, u as Aa, v as ja } from "./toDate-CpXBeDq0.js";
-import { a as Ma, c as Na, d as Pa, f as Fa, i as Ia, l as La, n as Ra, o as za, r as Ba, s as Va, t as Ha } from "./process-output-CPy0YKUe.js";
+import { a as Ma, c as Na, d as Pa, f as Fa, i as Ia, l as La, n as Ra, o as za, r as Ba, s as Va, t as Ha } from "./process-output-ew3B35of.js";
 import { a as Ua, c as Wa, d as Ga, i as Ka, l as qa, r as Ja, u as Ya } from "./glide-utils-NShAPPtn.js";
 import { n as Xa, t as Za } from "./ErrorBoundary-CR-ZQN_c.js";
 import { t as Qa } from "./react-dom-C94wmq5w.js";
@@ -15392,7 +15392,7 @@ var CM = (e) => {
 			output: t
 		};
 	} };
-} }, kM = q.lazy(() => import("./chat-ui-BSwr409J.js").then((e) => ({ default: e.Chatbot }))), AM = U(B({
+} }, kM = q.lazy(() => import("./chat-ui-CH7Gg-KH.js").then((e) => ({ default: e.Chatbot }))), AM = U(B({
 	id: V(),
 	role: Qp([
 		"system",
@@ -19391,7 +19391,7 @@ var eI = (e) => {
 //#endregion
 //#region src/components/data-table/column-explorer-panel/column-explorer.tsx
 function tI({ previewColumn: e, fieldTypes: t, totalRows: n, totalColumns: r, tableId: i, table: a }) {
-	let [o, s] = (0, q.useState)(""), { locale: c } = Ti(), l = t?.filter(([e]) => !(e === "__select__" || e === "_marimo_row_id" || e.startsWith("__m_column__"))), u = l?.filter(([e]) => _r(o, e)), { totalColumns: d, hiddenColumns: f } = $n(a, r), { visible: p } = On(a), m = a.getState().columnVisibility, h = (0, q.useMemo)(() => bn(a), [a, m]), { rowsAndColumns: g, hiddenSuffix: v } = Sn({
+	let [o, s] = (0, q.useState)(""), { locale: c } = Ti(), l = t?.filter(([e]) => !(e === "__select__" || e === "_marimo_row_id" || e.startsWith("__m_column__"))), u = l?.filter(([e]) => _r(o, e)), { totalColumns: d, hiddenColumns: f } = $n(a, r), { visible: p } = On(a), m = bn(a), { rowsAndColumns: h, hiddenSuffix: g } = Sn({
 		numRows: n,
 		totalColumns: d,
 		locale: c,
@@ -19402,8 +19402,8 @@ function tI({ previewColumn: e, fieldTypes: t, totalRows: n, totalColumns: r, ta
 		children: [/* @__PURE__ */ (0, J.jsxs)("div", {
 			className: "text-xs font-semibold ml-2 flex items-center gap-1",
 			children: [
-				g,
-				f > 0 && /* @__PURE__ */ (0, J.jsx)("span", { children: v }),
+				h,
+				f > 0 && /* @__PURE__ */ (0, J.jsx)("span", { children: g }),
 				/* @__PURE__ */ (0, J.jsx)(Wm, {
 					tooltip: "Copy column names",
 					value: l?.map(([e]) => e).join(",\n") || "",
@@ -19456,7 +19456,7 @@ function tI({ previewColumn: e, fieldTypes: t, totalRows: n, totalColumns: r, ta
 						externalType: r,
 						previewColumn: e,
 						table: a,
-						showOnlyColumnState: h,
+						showOnlyColumnState: m,
 						defaultExpanded: o === 0
 					}, `${i}-${t}`);
 				})]
@@ -27066,7 +27066,8 @@ var FV = q.lazy(() => import("./vega-component-ovBXgp91.js")), IV = class {
 	tagName = "marimo-accordion";
 	validator = B({
 		labels: U(V()),
-		multiple: W()
+		multiple: W(),
+		expanded: U(V()).default([])
 	});
 	render(e) {
 		return /* @__PURE__ */ (0, J.jsx)(RV, {
@@ -27075,10 +27076,19 @@ var FV = q.lazy(() => import("./vega-component-ovBXgp91.js")), IV = class {
 		});
 	}
 }, RV = (e) => {
-	let t = (0, Y.c)(8), { labels: n, multiple: r, children: i } = e, a = r ? "multiple" : "single", o;
-	if (t[0] !== i || t[1] !== n) {
+	let t = (0, Y.c)(11), { labels: n, multiple: r, expanded: i, children: a } = e, o;
+	t[0] !== i || t[1] !== r ? (o = r ? {
+		type: "multiple",
+		defaultValue: i
+	} : {
+		type: "single",
+		defaultValue: i[0],
+		collapsible: !0
+	}, t[0] = i, t[1] = r, t[2] = o) : o = t[2];
+	let s = o, c;
+	if (t[3] !== a || t[4] !== n) {
 		let e;
-		t[3] === n ? e = t[4] : (e = (e, t) => /* @__PURE__ */ (0, J.jsxs)(yt, {
+		t[6] === n ? e = t[7] : (e = (e, t) => /* @__PURE__ */ (0, J.jsxs)(yt, {
 			value: t.toString(),
 			children: [/* @__PURE__ */ (0, J.jsx)(wt, {
 				className: "py-2 text-md",
@@ -27087,15 +27097,14 @@ var FV = q.lazy(() => import("./vega-component-ovBXgp91.js")), IV = class {
 				className: "text-md",
 				children: e
 			})]
-		}, t), t[3] = n, t[4] = e), o = q.Children.map(i, e), t[0] = i, t[1] = n, t[2] = o;
-	} else o = t[2];
-	let s;
-	return t[5] !== o || t[6] !== a ? (s = /* @__PURE__ */ (0, J.jsx)(Ze, {
-		type: a,
+		}, t), t[6] = n, t[7] = e), c = q.Children.map(a, e), t[3] = a, t[4] = n, t[5] = c;
+	} else c = t[5];
+	let l;
+	return t[8] !== s || t[9] !== c ? (l = /* @__PURE__ */ (0, J.jsx)(Ze, {
+		...s,
 		className: "text-muted-foreground",
-		collapsible: !0,
-		children: o
-	}), t[5] = o, t[6] = a, t[7] = s) : s = t[7], s;
+		children: c
+	}), t[8] = s, t[9] = c, t[10] = l) : l = t[10], l;
 }, zV = {
 	neutral: "neutral",
 	info: "info",
@@ -35311,7 +35320,7 @@ function lJ(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var uJ = q.lazy(() => import("./reveal-component-Cun9aLyZ.js")), dJ = (e) => {
+var uJ = q.lazy(() => import("./reveal-component-BrRhgqQO.js")), dJ = (e) => {
 	let t = (0, Y.c)(33), { layout: n, setLayout: r, cells: i, mode: a } = e, o = Xm(it), s = a === "read" || o, c = Xm(ke) > 1, [l, u] = (0, q.useState)(null), d;
 	t[0] !== i || t[1] !== n ? (d = sW(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/{process-output-CPy0YKUe.js → process-output-ew3B35of.js}

@@ -1,4 +1,4 @@
-import { O as e, nt as t, rt as n } from "./html-to-image-BtFMe_Nq.js";
+import { O as e, nt as t, rt as n } from "./html-to-image-B3oyXfx7.js";
 import { u as r } from "./dist-3_o3T78I.js";
 import { b as i } from "./select-3qHpFKF9.js";
 import { n as a } from "./semaphore-89jsoHtS.js";

package/dist/{reveal-component-Cun9aLyZ.js → reveal-component-BrRhgqQO.js}

@@ -2,9 +2,9 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { c as t, g as n, h as r, m as i, t as a } from "./button-CKBkqR9J.js";
 import { t as o } from "./react-DMWcHin-.js";
 import { t as s } from "./compiler-runtime-CAH9RLw2.js";
-import { kt as c, st as l } from "./html-to-image-BtFMe_Nq.js";
+import { kt as c, st as l } from "./html-to-image-B3oyXfx7.js";
 import { u } from "./dist-3_o3T78I.js";
-import { _n as d, c as f, ct as p, g as m, h, l as g, lt as _, n as v, o as y, r as b, t as x, u as S, ut as C, vn as w, xn as T } from "./common-SEaoDOh7.js";
+import { _n as d, c as f, ct as p, g as m, h, l as g, lt as _, n as v, o as y, r as b, t as x, u as S, ut as C, vn as w, xn as T } from "./common-D5xpkGya.js";
 import { R as E } from "./select-3qHpFKF9.js";
 import { Y as D } from "./dropdown-menu-DhCfcscX.js";
 import { t as O } from "./jsx-runtime-CpoKNRgu.js";

package/package.json

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

package/src/components/data-table/column-explorer-panel/column-explorer.tsx

@@ -10,7 +10,7 @@ import {
   EyeIcon,
   EyeOffIcon,
 } from "lucide-react";
-import { useMemo, useState } from "react";
+import { useState } from "react";
 import { useLocale } from "react-aria";
 import {
   AddDataframeChart,
@@ -98,11 +98,7 @@ export function ColumnExplorerPanel<TData>({
     hiddenColumns: hiddenColumnCount,
   } = getColumnCountForDisplay(table, totalColumns);
   const { visible: visibleColumnCount } = getUserColumnVisibilityCounts(table);
-  const columnVisibility = table.getState().columnVisibility;
-  const showOnlyColumnState = useMemo(
-    () => getShowOnlyColumnState(table),
-    [table, columnVisibility],
-  );
+  const showOnlyColumnState = getShowOnlyColumnState(table);
 
   const { rowsAndColumns, hiddenSuffix } = prettifyRowColumnCount({
     numRows: totalRows,

package/src/components/editor/chrome/components/feedback-button.tsx

@@ -6,7 +6,7 @@ const Slot = SlotPrimitive.Slot;
 
 import { useAtomValue } from "jotai";
 import { ExternalLinkIcon, TriangleAlertIcon } from "lucide-react";
-import React, { type PropsWithChildren, useMemo, useState } from "react";
+import React, { type PropsWithChildren, useState } from "react";
 import { CopyClipboardIcon } from "@/components/icons/copy-icon";
 import { useImperativeModal } from "@/components/modal/ImperativeModal";
 import { Button } from "@/components/ui/button";
@@ -94,8 +94,7 @@ export const FeedbackModal: React.FC<{
   );
 
   const notebook = useAtomValue(notebookAtom);
-  // biome-ignore lint/correctness/useExhaustiveDependencies: recompute when the notebook changes
-  const errors = useMemo(() => getCellErrorEntries(store), [notebook]);
+  const errors = getCellErrorEntries(store);
 
   const cells = notebook.cellIds.inOrderIds.map(
     (cellId) => notebook.cellData[cellId],
@@ -145,10 +144,9 @@ export const FeedbackModal: React.FC<{
     return contents;
   }, [includeCode, notebookSourceAvailable, readCode]);
 
-  const { url: githubIssueUrl, omitted } = useMemo(() => {
-    if (!environment) {
-      return { url: Constants.bugReportUrl, omitted: [] as string[] };
-    }
+  let githubIssueUrl = Constants.bugReportUrl;
+  let omitted: string[] = [];
+  if (environment) {
     const fields: Record<string, string> = {
       env: formatEnvironmentSection(environment),
     };
@@ -158,8 +156,11 @@ export const FeedbackModal: React.FC<{
     if (includeCode && codeRequest.data) {
       fields["reproduction-code"] = formatCodeSection(codeRequest.data);
     }
-    return buildBugReportUrl(Constants.bugReportUrl, fields);
-  }, [environment, errors, includeErrors, includeCode, codeRequest.data]);
+    ({ url: githubIssueUrl, omitted } = buildBugReportUrl(
+      Constants.bugReportUrl,
+      fields,
+    ));
+  }
 
   const omittedLabels = omitted
     .map((field) =>

package/src/components/editor/code/__tests__/readonly-diff.test.tsx

@@ -0,0 +1,65 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { render, screen } from "@testing-library/react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { ReadonlyDiff } from "../readonly-diff";
+
+const mocks = vi.hoisted(() => ({
+  mergeView: vi.fn(),
+  useTheme: vi.fn(),
+}));
+
+vi.mock("@codemirror/merge", () => ({
+  unifiedMergeView: mocks.mergeView,
+}));
+
+vi.mock("@uiw/react-codemirror", () => ({
+  default: ({ theme, value }: { theme: string; value: string }) => (
+    <div data-testid="code-mirror" data-theme={theme} data-value={value} />
+  ),
+}));
+
+vi.mock("@/theme/useTheme", () => ({
+  useTheme: mocks.useTheme,
+}));
+
+describe("ReadonlyDiff", () => {
+  beforeEach(() => {
+    mocks.mergeView.mockReset();
+    mocks.mergeView.mockReturnValue([]);
+    mocks.useTheme.mockReturnValue({ theme: "light" });
+  });
+
+  it("updates modified code without rebuilding the diff extensions", () => {
+    const { rerender } = render(
+      <ReadonlyDiff original="before" modified="first revision" />,
+    );
+
+    expect(screen.getByTestId("code-mirror")).toHaveAttribute(
+      "data-value",
+      "first revision",
+    );
+    expect(mocks.mergeView).toHaveBeenCalledTimes(1);
+
+    rerender(<ReadonlyDiff original="before" modified="second revision" />);
+
+    expect(screen.getByTestId("code-mirror")).toHaveAttribute(
+      "data-value",
+      "second revision",
+    );
+    expect(mocks.mergeView).toHaveBeenCalledTimes(1);
+  });
+
+  it("rebuilds diff extensions when the original code changes", () => {
+    const { rerender } = render(
+      <ReadonlyDiff original="before" modified="after" />,
+    );
+
+    rerender(<ReadonlyDiff original="earlier" modified="after" />);
+
+    expect(mocks.mergeView).toHaveBeenCalledTimes(2);
+    expect(mocks.mergeView).toHaveBeenLastCalledWith(
+      expect.objectContaining({ original: "earlier" }),
+    );
+  });
+});

package/src/components/editor/code/readonly-diff.tsx

@@ -21,7 +21,7 @@ export const ReadonlyDiff = memo(
           },
         }),
       ];
-    }, [props.original, props.modified, theme]);
+    }, [props.original]);
 
     return (
       <CodeMirror

package/src/components/editor/file-tree/__tests__/tree-actions.test.tsx

@@ -0,0 +1,54 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { act, fireEvent, render, screen } from "@testing-library/react";
+import type React from "react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { RefreshIconButton } from "../tree-actions";
+
+vi.mock("@/components/ui/tooltip", () => ({
+  Tooltip: ({ children }: { children: React.ReactNode }) => children,
+}));
+
+describe("RefreshIconButton", () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it("spins for at least 500ms after a refresh completes", async () => {
+    const onClick = vi.fn().mockResolvedValue(undefined);
+    const { container } = render(<RefreshIconButton onClick={onClick} />);
+
+    fireEvent.click(screen.getByRole("button"));
+
+    expect(onClick).toHaveBeenCalledOnce();
+    expect(container.querySelector("svg")).toHaveClass("animate-[spin_0.5s]");
+
+    await act(async () => {
+      await vi.advanceTimersByTimeAsync(500);
+    });
+
+    expect(container.querySelector("svg")).not.toHaveClass(
+      "animate-[spin_0.5s]",
+    );
+  });
+
+  it("uses the latest refresh callback after a rerender", async () => {
+    const initialOnClick = vi.fn().mockResolvedValue(undefined);
+    const updatedOnClick = vi.fn().mockResolvedValue(undefined);
+    const { rerender } = render(<RefreshIconButton onClick={initialOnClick} />);
+
+    rerender(<RefreshIconButton onClick={updatedOnClick} />);
+    fireEvent.click(screen.getByRole("button"));
+
+    expect(initialOnClick).not.toHaveBeenCalled();
+    expect(updatedOnClick).toHaveBeenCalledOnce();
+
+    await act(async () => {
+      await vi.advanceTimersByTimeAsync(500);
+    });
+  });
+});

package/src/components/editor/file-tree/tree-actions.tsx

@@ -7,7 +7,7 @@ import {
   MoreVerticalIcon,
   RefreshCwIcon,
 } from "lucide-react";
-import React, { useCallback, useState } from "react";
+import React, { useState } from "react";
 import { Button, type ButtonProps } from "@/components/ui/button";
 import { Tooltip } from "@/components/ui/tooltip";
 import { cn } from "@/utils/cn";
@@ -41,19 +41,16 @@ export const RefreshIconButton: React.FC<{
 }> = ({ onClick, tooltip = "Refresh", className, iconClassName }) => {
   const [isSpinning, setIsSpinning] = useState(false);
 
-  const handleClick = useCallback(
-    async (e: React.MouseEvent) => {
-      setIsSpinning(true);
-      // Artificially spin for 500ms to show the user that the button is working.
-      const minDelay = new Promise<void>((r) => setTimeout(r, 500));
-      try {
-        await Promise.all([onClick(e), minDelay]);
-      } finally {
-        setIsSpinning(false);
-      }
-    },
-    [onClick],
-  );
+  const handleClick = async (e: React.MouseEvent) => {
+    setIsSpinning(true);
+    // Artificially spin for 500ms to show the user that the button is working.
+    const minDelay = new Promise<void>((r) => setTimeout(r, 500));
+    try {
+      await Promise.all([onClick(e), minDelay]);
+    } finally {
+      setIsSpinning(false);
+    }
+  };
 
   const button = (
     <Button

package/src/core/cells/pending-delete-service.ts

@@ -1,7 +1,6 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import { useAtomValue, useStore } from "jotai";
-import { useMemo } from "react";
 import {
   useDeleteCellCallback,
   useDeleteManyCellsCallback,
@@ -130,21 +129,18 @@ export function usePendingDeleteService() {
   const { entries } = useAtomValue(pendingDeleteStateAtom);
   const deleteCell = useDeleteCellCallback();
   const deleteManyCells = useDeleteManyCellsCallback();
-  return useMemo(
-    () => ({
-      submit: (cellIds: CellId[]) => {
-        submit({ cellIds, deleteCell, deleteManyCells, store });
-      },
-      clear,
-      get idle() {
-        return entries.size === 0;
-      },
-      get shouldConfirmDelete() {
-        return entries.size > 1;
-      },
-    }),
-    [store, submit, clear, entries, deleteCell, deleteManyCells],
-  );
+  return {
+    submit: (cellIds: CellId[]) => {
+      submit({ cellIds, deleteCell, deleteManyCells, store });
+    },
+    clear,
+    get idle() {
+      return entries.size === 0;
+    },
+    get shouldConfirmDelete() {
+      return entries.size > 1;
+    },
+  };
 }
 
 export function usePendingDelete(cellId: CellId) {

package/src/core/codemirror/language/__tests__/sql.test.ts

@@ -17,6 +17,7 @@ import type {
 import type { DataSourceConnection } from "@/core/datasets/data-source-connections";
 import {
   dataSourceConnectionsAtom,
+  exportedForTesting as dataSourceTesting,
   setLatestEngineSelected,
 } from "@/core/datasets/data-source-connections";
 import { type ConnectionName, DUCKDB_ENGINE } from "@/core/datasets/engines";
@@ -550,8 +551,8 @@ _df = mo.sql(
     const getLatestEngine = () =>
       store.get(dataSourceConnectionsAtom).latestEngineSelected;
 
-    it("should use default engine initially", () => {
-      expect(getLatestEngine()).toBe(DUCKDB_ENGINE);
+    it("should have no selected engine initially", () => {
+      expect(getLatestEngine()).toBeNull();
     });
 
     it("should persist the selected engine", () => {
@@ -622,6 +623,73 @@ _df = mo.sql(
   });
 
   describe("defaultCode", () => {
+    it("should prefer the newest usable connection until an engine is selected", () => {
+      const previousState = store.get(dataSourceConnectionsAtom);
+      const connection: DataSourceConnection = {
+        name: "first_connection" as ConnectionName,
+        source: "sqlite",
+        display_name: "SQLite",
+        dialect: "sqlite",
+        databases: [],
+      };
+      const newestConnection = {
+        ...connection,
+        name: "newest_connection" as ConnectionName,
+      };
+      const icebergConnection = {
+        ...connection,
+        name: "catalog" as ConnectionName,
+        source: "iceberg",
+      };
+      try {
+        store.set(dataSourceConnectionsAtom, {
+          latestEngineSelected: null,
+          connectionsMap: new Map(),
+        });
+        expect(adapter.defaultMetadata.engine).toBe(DUCKDB_ENGINE);
+        expect(adapter.defaultCode).toBe('_df = mo.sql(f"""SELECT * FROM """)');
+
+        store.set(dataSourceConnectionsAtom, {
+          latestEngineSelected: null,
+          connectionsMap: new Map([
+            [connection.name, connection],
+            [newestConnection.name, newestConnection],
+            [icebergConnection.name, icebergConnection],
+            [DUCKDB_ENGINE, { ...connection, name: DUCKDB_ENGINE }],
+          ]),
+        });
+        expect(adapter.defaultMetadata.engine).toBe(newestConnection.name);
+        expect(adapter.defaultCode).toContain("engine=newest_connection");
+        expect(
+          store.get(dataSourceConnectionsAtom).latestEngineSelected,
+        ).toBeNull();
+
+        const refreshConnection = (connection: DataSourceConnection) => {
+          store.set(
+            dataSourceConnectionsAtom,
+            dataSourceTesting.reducer(store.get(dataSourceConnectionsAtom), {
+              type: "addDataSourceConnection",
+              payload: { connections: [connection] },
+            }),
+          );
+        };
+        refreshConnection(connection);
+        expect(adapter.defaultMetadata.engine).toBe(connection.name);
+        expect(adapter.defaultCode).toContain("engine=first_connection");
+
+        setLatestEngineSelected(connection.name);
+        refreshConnection(newestConnection);
+        expect(adapter.defaultCode).toContain("engine=first_connection");
+
+        setLatestEngineSelected(DUCKDB_ENGINE);
+        refreshConnection(connection);
+        expect(adapter.defaultMetadata.engine).toBe(DUCKDB_ENGINE);
+        expect(adapter.defaultCode).toBe('_df = mo.sql(f"""SELECT * FROM """)');
+      } finally {
+        store.set(dataSourceConnectionsAtom, previousState);
+      }
+    });
+
     it("should include engine in defaultCode when selected", () => {
       const engine = "postgres_engine" as ConnectionName;
       setLatestEngineSelected(engine);

package/src/core/codemirror/language/languages/sql/sql.ts

@@ -76,7 +76,22 @@ export interface SQLLanguageAdapterMetadata extends SQLMetadata {
 }
 
 function getLatestEngine(): ConnectionName {
-  return store.get(dataSourceConnectionsAtom).latestEngineSelected;
+  const { latestEngineSelected, connectionsMap } = store.get(
+    dataSourceConnectionsAtom,
+  );
+  if (latestEngineSelected !== null) {
+    return latestEngineSelected;
+  }
+
+  // Map insertion order prefers the most recently discovered connection.
+  const connections = [...connectionsMap.values()].reverse();
+  return (
+    connections.find(
+      (connection) =>
+        !INTERNAL_SQL_ENGINES.has(connection.name) &&
+        connection.source !== "iceberg",
+    )?.name ?? DUCKDB_ENGINE
+  );
 }
 
 /**

package/src/core/datasets/__tests__/data-source.test.ts

@@ -106,6 +106,7 @@ describe("data source connections", () => {
 
     let newState = addConnection(connections, state);
     expect(newState.connectionsMap.size).toBe(defaultConnSize + 2);
+    newState = { ...newState, latestEngineSelected: connections[0].name };
 
     newState = reducer(newState, {
       type: "removeDataSourceConnection",
@@ -113,6 +114,7 @@ describe("data source connections", () => {
     });
     expect(newState.connectionsMap.size).toBe(defaultConnSize + 1);
     expect(newState.connectionsMap.has("conn2" as ConnectionName)).toBe(true);
+    expect(newState.latestEngineSelected).toBeNull();
   });
 
   it("can clear all connections", () => {

package/src/core/datasets/data-source-connections.ts

@@ -44,7 +44,8 @@ export interface DataSourceConnection extends Omit<
 export type ConnectionsMap = ReadonlyMap<ConnectionName, DataSourceConnection>;
 
 export interface DataSourceState {
-  latestEngineSelected: ConnectionName;
+  // Null permits automatic selection; DuckDB can also be an explicit choice.
+  latestEngineSelected: ConnectionName | null;
   connectionsMap: ConnectionsMap;
 }
 
@@ -110,7 +111,7 @@ function tableSchemaPath(sqlTableContext: SQLTableContext): string[] {
 
 function initialState(): DataSourceState {
   return {
-    latestEngineSelected: DUCKDB_ENGINE,
+    latestEngineSelected: null,
     connectionsMap: initialConnections,
   };
 }
@@ -136,6 +137,8 @@ const {
     // Backend will dedupe by connection name & keep the latest, so we use this as the key
     const newMap = new Map(connectionsMap);
     for (const conn of opts.connections) {
+      // Refresh insertion order so automatic selection follows discovery recency.
+      newMap.delete(conn.name);
       newMap.set(conn.name, conn);
     }
 
@@ -161,16 +164,17 @@ const {
       }),
     );
     return {
-      // If the latest engine selected is not in the new map, use the default engine
-      latestEngineSelected: newMap.has(latestEngineSelected)
-        ? latestEngineSelected
-        : DUCKDB_ENGINE,
+      // Allow automatic selection again when the selected connection disappears.
+      latestEngineSelected:
+        latestEngineSelected && newMap.has(latestEngineSelected)
+          ? latestEngineSelected
+          : null,
       connectionsMap: newMap,
     };
   },
 
   clearDataSourceConnections: (): DataSourceState => ({
-    latestEngineSelected: DUCKDB_ENGINE,
+    latestEngineSelected: null,
     connectionsMap: new Map(),
   }),
 
@@ -183,9 +187,10 @@ const {
     const newMap = new Map(connectionsMap);
     newMap.delete(connectionName);
     return {
-      latestEngineSelected: newMap.has(latestEngineSelected)
-        ? latestEngineSelected
-        : DUCKDB_ENGINE,
+      latestEngineSelected:
+        latestEngineSelected && newMap.has(latestEngineSelected)
+          ? latestEngineSelected
+          : null,
       connectionsMap: newMap,
     };
   },

package/src/plugins/layout/AccordionPlugin.tsx

@@ -23,6 +23,7 @@ interface Data {
    * Whether to allow multiple tabs to be open.
    */
   multiple: boolean;
+  expanded: string[];
 }
 
 export class AccordionPlugin implements IStatelessPlugin<Data> {
@@ -31,6 +32,7 @@ export class AccordionPlugin implements IStatelessPlugin<Data> {
   validator = z.object({
     labels: z.array(z.string()),
     multiple: z.boolean(),
+    expanded: z.array(z.string()).default([]),
   });
 
   render(props: IStatelessPluginProps<Data>): JSX.Element {
@@ -43,11 +45,14 @@ export class AccordionPlugin implements IStatelessPlugin<Data> {
 const AccordionComponent = ({
   labels,
   multiple,
+  expanded,
   children,
 }: PropsWithChildren<Data>): JSX.Element => {
-  const type = multiple ? "multiple" : "single";
+  const expansionProps = multiple
+    ? { type: "multiple" as const, defaultValue: expanded }
+    : { type: "single" as const, defaultValue: expanded[0], collapsible: true };
   return (
-    <Accordion type={type} className="text-muted-foreground" collapsible={true}>
+    <Accordion {...expansionProps} className="text-muted-foreground">
       {React.Children.map(children, (child, index) => {
         return (
           <AccordionItem key={index} value={index.toString()}>

package/src/plugins/layout/__test__/AccordionPlugin.test.tsx

@@ -0,0 +1,66 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+import { cleanup, fireEvent, render } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { AccordionPlugin } from "../AccordionPlugin";
+
+const plugin = new AccordionPlugin();
+
+function renderAccordion(multiple: boolean, expanded?: string[]) {
+  return plugin.render({
+    host: document.createElement("marimo-accordion"),
+    data: plugin.validator.parse({
+      labels: ["Summary", "Details"],
+      multiple,
+      expanded,
+    }),
+    children: [
+      <p key="summary">Overview</p>,
+      <p key="details">More information</p>,
+    ],
+  });
+}
+
+describe("AccordionPlugin", () => {
+  afterEach(cleanup);
+
+  it.each([
+    { multiple: false, expanded: undefined, expected: ["false", "false"] },
+    { multiple: true, expanded: [], expected: ["false", "false"] },
+    { multiple: false, expanded: ["0"], expected: ["true", "false"] },
+    { multiple: false, expanded: ["1"], expected: ["false", "true"] },
+    { multiple: true, expanded: ["0", "1"], expected: ["true", "true"] },
+  ])(
+    "sets initial expansion: $multiple, $expanded",
+    ({ multiple, expanded, expected }) => {
+      const { getAllByRole } = render(renderAccordion(multiple, expanded));
+      expect(
+        getAllByRole("button").map((button) =>
+          button.getAttribute("aria-expanded"),
+        ),
+      ).toEqual(expected);
+    },
+  );
+
+  it("lets users collapse and switch the initially expanded item", () => {
+    const { getAllByRole, rerender } = render(renderAccordion(false, ["1"]));
+    const [summary, details] = getAllByRole("button");
+    fireEvent.click(details);
+    expect(details.getAttribute("aria-expanded")).toBe("false");
+    rerender(renderAccordion(false, ["1"]));
+    expect(details.getAttribute("aria-expanded")).toBe("false");
+    fireEvent.click(details);
+    fireEvent.click(summary);
+    expect(
+      [summary, details].map((button) => button.getAttribute("aria-expanded")),
+    ).toEqual(["true", "false"]);
+  });
+
+  it("lets users collapse items independently with multiple enabled", () => {
+    const { getAllByRole } = render(renderAccordion(true, ["0", "1"]));
+    const [summary, details] = getAllByRole("button");
+    fireEvent.click(summary);
+    expect(
+      [summary, details].map((button) => button.getAttribute("aria-expanded")),
+    ).toEqual(["false", "true"]);
+  });
+});