@marimo-team/islands 0.24.3-dev4 → 0.24.3-dev9

package/dist/{chat-ui-DjTMZRVP.js → chat-ui-BSwr409J.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-BhNoIBSU.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 { 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-D-Rx3ux5.js";
-import { d as He, f as Ue, i as We, n as Ge, t as Ke, u as qe } from "./process-output-CpK6fX_C.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 { 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-BDlauhCU.js → common-Cv-4hMa0.js}

@@ -3,14 +3,14 @@ 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-BhNoIBSU.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 { 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";
 import { t as ct } from "./check-CHig47QV.js";
 import { C as lt, E as ut, I as dt, N as ft, O as pt, P as mt, R as ht, S as gt, T as _t, _ as vt, b as yt, c as bt, d as xt, g as St, h as Ct, i as wt, m as Tt, n as Et, p as Dt, s as Ot, t as kt, u as At, v as jt, w as Mt, y as Nt } from "./select-3qHpFKF9.js";
 import { $ as Pt, $t as Ft, A as It, At as Lt, B as Rt, Bt as zt, Ct as Bt, D as Vt, Dt as Ht, E as Ut, Et as Wt, F as Gt, Ft as Kt, G as qt, Gt as Jt, H as Yt, Ht as Xt, I as Zt, It as Qt, Jt as $t, K as en, Kt as tn, L as nn, Lt as rn, M as an, Mt as on, N as sn, Nt as cn, O as ln, Ot as un, P as dn, Pt as fn, Q as pn, Qt as mn, R as hn, Rt as gn, S as _n, St as vn, T as yn, Tt as bn, U as xn, Ut as Sn, V as Cn, Vt as wn, W as Tn, Wt as En, X as Dn, Xt as On, Yt as kn, Z as An, Zt as jn, _ as Mn, _t as Nn, a as Pn, an as Fn, at as In, b as Ln, bt as Rn, cn as zn, ct as Bn, d as Vn, dn as Hn, dt as Un, en as Wn, et as Gn, f as Kn, fn as qn, ft as Jn, gt as Yn, h as Xn, hn as Zn, ht as Qn, i as $n, in as er, it as tr, j as nr, jt as rr, k as ir, kt as ar, l as or, ln as sr, lt as cr, mn as lr, mt as ur, n as dr, nn as fr, nt as pr, o as mr, pn as hr, pt as gr, q as _r, qt as vr, rn as yr, rt as br, s as xr, sn as Sr, st as Cr, t as wr, tn as Tr, tt as Er, u as Dr, un as Or, ut as kr, vt as Ar, w as jr, wt as Mr, x as Nr, xt as Pr, y as Fr, yt as Ir, z as Lr, zt as Rr } from "./dropdown-menu-DhCfcscX.js";
-import { _ as zr, a as Br, c as Vr, d as Hr, i as Ur, n as Wr, o as Gr, p as Kr, r as qr, s as Jr, t as Yr } from "./toDate-D-Rx3ux5.js";
+import { _ as zr, a as Br, c as Vr, d as Hr, i as Ur, n as Wr, o as Gr, p as Kr, r as qr, s as Jr, t as Yr } from "./toDate-CpXBeDq0.js";
 import { n as Xr, t as Zr } from "./ErrorBoundary-CR-ZQN_c.js";
 import { t as Qr } from "./clsx-CoeGtWvn.js";
 import { t as $r } from "./react-dom-C94wmq5w.js";
@@ -27,7 +27,7 @@ import { t as la } from "./objects-CzUgoMIF.js";
 import { n as ua, t as da } from "./once-BtE-wKRL.js";
 import { o as fa } from "./dist-BrQGcfQ9.js";
 import { t as pa } from "./useAsyncData-CH6-CgJF.js";
-import { a as ma, i as ha, n as ga, t as _a } from "./formats-CJMVUfb3.js";
+import { a as ma, i as ha, n as ga, t as _a } from "./formats-CslNOKy0.js";
 import { n as va, t as ya } from "./emotion-is-prop-valid.esm-M57VsT8j.js";
 import { A as ba, n as xa } from "./vega-loader.browser-DEggZzni.js";
 import { a as Sa, n as Ca, r as wa, t as Ta } from "./loader-VZ__bv4g.js";
@@ -29847,18 +29847,20 @@ var SW = ({ pagination: e, totalColumns: t, selection: n, onRowSelectionChange:
 		children: n
 	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
 }, DW = (e) => {
-	let t = (0, W.c)(9), { columnName: n, dataType: r } = e, i, a;
+	let t = (0, W.c)(12), { columnName: n, dataType: r, className: i } = e, a, s;
 	if (t[0] !== r) {
 		let e = be(r);
-		i = re[e], a = y(e), t[0] = r, t[1] = i, t[2] = a;
-	} else i = t[1], a = t[2];
-	let o = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${a}`, s;
-	t[3] !== i || t[4] !== o ? (s = /* @__PURE__ */ (0, U.jsx)(i, { className: o }), t[3] = i, t[4] = o, t[5] = s) : s = t[5];
-	let c;
-	return t[6] !== n || t[7] !== s ? (c = /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: "flex flex-row items-center gap-1.5",
-		children: [s, n]
-	}), t[6] = n, t[7] = s, t[8] = c) : c = t[8], c;
+		a = re[e], s = y(e), t[0] = r, t[1] = a, t[2] = s;
+	} else a = t[1], s = t[2];
+	let c = s, l;
+	t[3] === i ? l = t[4] : (l = o("flex flex-row items-center gap-1.5", i), t[3] = i, t[4] = l);
+	let u = `w-4 h-4 shrink-0 p-0.5 rounded-sm stroke-card-foreground ${c}`, d;
+	t[5] !== a || t[6] !== u ? (d = /* @__PURE__ */ (0, U.jsx)(a, { className: u }), t[5] = a, t[6] = u, t[7] = d) : d = t[7];
+	let f;
+	return t[8] !== n || t[9] !== l || t[10] !== d ? (f = /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: l,
+		children: [d, n]
+	}), t[8] = n, t[9] = l, t[10] = d, t[11] = f) : f = t[11], f;
 }, OW = "Show only this column";
 function kW({ table: e, columnIds: t, disabled: n, className: r, iconClassName: i = "h-3 w-3" }) {
 	return /* @__PURE__ */ (0, U.jsx)(Li, {
@@ -29983,17 +29985,22 @@ var jW = ({ table: e }) => {
 						/* @__PURE__ */ (0, U.jsx)(V_, {})
 					] }),
 					l.visibleOptions.map((t, n) => {
-						let r = l.isChecked(t.value), { dataType: i } = t.data, a = n === l.pinnedCount && l.pinnedCount > 0 && l.pinnedCount < l.visibleOptions.length;
+						let r = l.isChecked(t.value), { dataType: i } = t.data, a = n === l.pinnedCount && l.pinnedCount > 0 && l.pinnedCount < l.visibleOptions.length, s = /* @__PURE__ */ (0, U.jsx)("span", {
+							className: "truncate",
+							title: t.label,
+							children: t.label
+						});
 						return /* @__PURE__ */ (0, U.jsxs)(H.Fragment, { children: [a && /* @__PURE__ */ (0, U.jsx)(V_, {}), /* @__PURE__ */ (0, U.jsxs)(H_, {
 							value: t.value,
 							disabled: t.disabled,
 							onSelect: () => l.toggle(t.value),
 							className: "flex items-center gap-1.5 cursor-pointer",
-							children: [i === void 0 ? /* @__PURE__ */ (0, U.jsx)("span", { children: t.label }) : /* @__PURE__ */ (0, U.jsx)(DW, {
-								columnName: t.label,
+							children: [i === void 0 ? s : /* @__PURE__ */ (0, U.jsx)(DW, {
+								className: "min-w-0",
+								columnName: s,
 								dataType: i
 							}), !t.disabled && /* @__PURE__ */ (0, U.jsxs)("span", {
-								className: "ml-auto flex items-center gap-0.5",
+								className: "ml-auto flex shrink-0 items-center gap-0.5",
 								children: [/* @__PURE__ */ (0, U.jsx)(kW, {
 									table: e,
 									columnIds: [t.value],
@@ -32157,7 +32164,7 @@ function XK() {
 		return a.warn("Failed to get version from mount config"), null;
 	}
 }
-var ZK = XK() || "0.24.3-dev4", QK = V(ZK), $K = V(!0);
+var ZK = XK() || "0.24.3-dev9", QK = V(ZK), $K = V(!0);
 V(null);
 //#endregion
 //#region src/core/wasm/state.ts

package/dist/{formats-CJMVUfb3.js → formats-CslNOKy0.js}

@@ -2,7 +2,7 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { h as t, r as n } from "./button-CKBkqR9J.js";
 import { t as r } from "./react-DMWcHin-.js";
 import { t as i } from "./compiler-runtime-CAH9RLw2.js";
-import { t as a } from "./toDate-D-Rx3ux5.js";
+import { t as a } from "./toDate-CpXBeDq0.js";
 import { t as o } from "./jsx-runtime-CpoKNRgu.js";
 import { i as s } from "./loader-VZ__bv4g.js";
 //#region ../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isDate.js

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

@@ -9,7 +9,7 @@ import { a as ne, c as re, i as D, o as ie, r as O, s as k, t as A } from "./use
 import { t as ae } from "./check-CHig47QV.js";
 import { C as oe, F as se, I as j, N as ce, P as M, R as le, S as ue, a as de, b as fe, c as pe, i as me, n as he, o as ge, r as _e, s as ve, t as ye } from "./select-3qHpFKF9.js";
 import { Y as be, gt as xe, q as Se } from "./dropdown-menu-DhCfcscX.js";
-import { _ as Ce, g as we, l as Te, t as Ee, v as De } from "./toDate-D-Rx3ux5.js";
+import { _ as Ce, g as we, l as Te, t as Ee, v as De } from "./toDate-CpXBeDq0.js";
 import { t as Oe } from "./react-dom-C94wmq5w.js";
 import { t as ke } from "./jsx-runtime-CpoKNRgu.js";
 import { Ac as Ae, Bc as je, Cn as Me, Dc as Ne, Fc as Pe, Gc as N, Hc as Fe, Ic as Ie, In as Le, Jc as Re, Jn as ze, Lc as Be, Mc as Ve, Oc as He, Pc as Ue, Rc as We, Sn as Ge, Tt as Ke, Uc as qe, Vc as Je, Wc as Ye, Yc as Xe, jc as Ze, kt as Qe, ln as $e, qc as et, wc as tt, zc as nt } from "./schemas-DzK6U94N.js";

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-BhNoIBSU.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 { 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-BDlauhCU.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-Cv-4hMa0.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-D-Rx3ux5.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-CpK6fX_C.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 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";
@@ -36,7 +36,7 @@ import { n as Sh } from "./dist-CRjAdnqF.js";
 import { i as Ch } from "./dist-BrQGcfQ9.js";
 import { n as wh, t as Th } from "./esm-CesmlDrs.js";
 import { t as Eh } from "./useAsyncData-CH6-CgJF.js";
-import { i as Dh, n as Oh, r as kh } from "./formats-CJMVUfb3.js";
+import { i as Dh, n as Oh, r as kh } from "./formats-CslNOKy0.js";
 import { A as Ah, j as jh } from "./vega-loader.browser-DEggZzni.js";
 import { a as Mh, n as Nh } from "./loader-VZ__bv4g.js";
 import { t as Ph } from "./useDeepCompareMemoize-JC87C_jO.js";
@@ -15392,7 +15392,7 @@ var CM = (e) => {
 			output: t
 		};
 	} };
-} }, kM = q.lazy(() => import("./chat-ui-DjTMZRVP.js").then((e) => ({ default: e.Chatbot }))), AM = U(B({
+} }, kM = q.lazy(() => import("./chat-ui-BSwr409J.js").then((e) => ({ default: e.Chatbot }))), AM = U(B({
 	id: V(),
 	role: Qp([
 		"system",
@@ -27043,7 +27043,7 @@ function PV(e, t) {
 }
 //#endregion
 //#region src/plugins/impl/vega/VegaPlugin.tsx
-var FV = q.lazy(() => import("./vega-component-CPehZbUb.js")), IV = class {
+var FV = q.lazy(() => import("./vega-component-ovBXgp91.js")), IV = class {
 	tagName = "marimo-vega";
 	validator = B({
 		spec: B({}).passthrough().transform((e) => e),
@@ -35311,7 +35311,7 @@ function lJ(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var uJ = q.lazy(() => import("./reveal-component-BthxSdRc.js")), dJ = (e) => {
+var uJ = q.lazy(() => import("./reveal-component-CVsYlb9J.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, _;
@@ -36589,22 +36589,26 @@ function OY({ embeds: e, materialize: t, payloads: n }) {
 		n && o.push(r);
 	}
 	let s = new Set(o.map((e) => e.appId)), c = new Set(o.filter((e) => e.cells.some((e) => e.reactive)).map((e) => e.appId));
-	for (let e of o) for (let n of e.cells) {
-		let a = i.get(n);
-		if (!c.has(e.appId)) continue;
-		let o = r.get(e.appId);
-		o || (o = {
-			id: e.appId,
-			payloadBacked: !0,
-			cells: []
-		}, r.set(e.appId, o));
-		let s = o.cells.length, l = {
-			cellId: n.cellId,
-			output: n.outputHtml,
-			code: n.reactive ? n.code : "",
-			idx: s
-		};
-		n.reactive || (l.disabled = !0), o.cells.push(l), t && n.reactive && a?.setAttribute(sv.CELL_IDX, s.toString());
+	for (let e of o) {
+		for (let n of e.cells) {
+			let a = i.get(n);
+			if (!c.has(e.appId)) continue;
+			let o = r.get(e.appId);
+			o || (o = {
+				id: e.appId,
+				payloadBacked: !0,
+				cells: []
+			}, r.set(e.appId, o));
+			let s = o.cells.length, l = {
+				cellId: n.cellId,
+				output: n.outputHtml,
+				code: n.reactive ? n.code : "",
+				idx: s
+			};
+			n.reactive || (l.disabled = !0), o.cells.push(l), t && n.reactive && a?.setAttribute(sv.CELL_IDX, s.toString());
+		}
+		let n = r.get(e.appId);
+		n && e.dependencies?.length && (n.dependencies = [.../* @__PURE__ */ new Set([...n.dependencies ?? [], ...e.dependencies])]);
 	}
 	if (t) for (let t of e) {
 		let e = t.getAttribute(sv.APP_ID);
@@ -36647,14 +36651,15 @@ function PY(e) {
 	return r?.code ? r : null;
 }
 function FY(e) {
-	return [
+	let t = [
 		"import marimo",
 		"app = marimo.App()",
 		e.cells.map((e) => {
 			let t = e.disabled ? "" : e.code, n = t ? t.split("\n").map((e) => `    ${e}`).join("\n") : "    pass", r = n.includes("await ") ? "async def" : "def";
 			return `${e.disabled ? "@app.cell(disabled=True)" : "@app.cell"}\n${r} __():\n${n}\n    return`;
 		}).join("\n")
-	].join("\n");
+	];
+	return e.dependencies?.length && t.unshift("# /// script", `# dependencies = ${JSON.stringify(e.dependencies)}`, "# ///"), t.join("\n");
 }
 function IY(e) {
 	if (!e) return "";
@@ -36697,7 +36702,7 @@ function VY(e) {
 	return null;
 }
 function HY(e) {
-	return se(e) ? e.schemaVersion === 1 && typeof e.appId == "string" && Array.isArray(e.cells) && e.cells.every(UY) : !1;
+	return se(e) ? e.schemaVersion === 1 && typeof e.appId == "string" && (e.dependencies === void 0 || Array.isArray(e.dependencies) && e.dependencies.every((e) => typeof e == "string")) && Array.isArray(e.cells) && e.cells.every(UY) : !1;
 }
 function UY(e) {
 	return se(e) ? typeof e.cellId == "string" && typeof e.code == "string" && typeof e.outputHtml == "string" && typeof e.outputMimetype == "string" && typeof e.reactive == "boolean" && typeof e.displayCode == "boolean" && typeof e.displayOutput == "boolean" : !1;

package/dist/{process-output-CpK6fX_C.js → process-output-CPy0YKUe.js}

@@ -1,4 +1,4 @@
-import { O as e, nt as t, rt as n } from "./html-to-image-BhNoIBSU.js";
+import { O as e, nt as t, rt as n } from "./html-to-image-BtFMe_Nq.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-BthxSdRc.js → reveal-component-CVsYlb9J.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-BhNoIBSU.js";
+import { kt as c, st as l } from "./html-to-image-BtFMe_Nq.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-BDlauhCU.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-Cv-4hMa0.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/dist/{toDate-D-Rx3ux5.js → toDate-CpXBeDq0.js}

@@ -554,8 +554,9 @@ var P = class {
 	getWsSyncURL(e) {
 		return this.formatWsURL("/ws_sync", this.getSessionSearchParams(e));
 	}
-	getTerminalWsURL() {
-		return this.formatWsURL("/terminal/ws");
+	getTerminalWsURL(e) {
+		let t = this.formatWsURL("/terminal/ws");
+		return e && (t.searchParams.set("rows", String(e.rows)), t.searchParams.set("cols", String(e.cols))), t;
 	}
 	getLSPURL(e) {
 		if (e === "copilot") {

package/dist/{vega-component-CPehZbUb.js → vega-component-ovBXgp91.js}

@@ -2,7 +2,7 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { g as t, h as n, m as r, o as i } from "./button-CKBkqR9J.js";
 import { t as a } from "./react-DMWcHin-.js";
 import { t as o } from "./compiler-runtime-CAH9RLw2.js";
-import { c as s, v as c } from "./toDate-D-Rx3ux5.js";
+import { c as s, v as c } from "./toDate-CpXBeDq0.js";
 import { t as l } from "./jsx-runtime-CpoKNRgu.js";
 import { n as u } from "./error-banner-CsXbEEjo.js";
 import { t as d } from "./tooltip-Dt77sBeT.js";
@@ -11,7 +11,7 @@ import { j as p, n as ee } from "./useTheme-CVJ0UOf2.js";
 import { c as m } from "./arrays-CN1djC4k.js";
 import { t as te } from "./objects-CzUgoMIF.js";
 import { t as h } from "./useAsyncData-CH6-CgJF.js";
-import { a as ne, i as re, n as ie, t as g } from "./formats-CJMVUfb3.js";
+import { a as ne, i as re, n as ie, t as g } from "./formats-CslNOKy0.js";
 import { A as ae, n as oe } from "./vega-loader.browser-DEggZzni.js";
 import { t as se } from "./react-vega-DSD5aT7_.js";
 import { a as ce, n as _ } from "./loader-VZ__bv4g.js";

package/package.json

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

package/src/components/data-table/column-visibility-dropdown.tsx

@@ -215,6 +215,11 @@ export const ColumnVisibilityDropdown = <TData,>({
                 index === list.pinnedCount &&
                 list.pinnedCount > 0 &&
                 list.pinnedCount < list.visibleOptions.length;
+              const label = (
+                <span className="truncate" title={option.label}>
+                  {option.label}
+                </span>
+              );
               return (
                 <React.Fragment key={option.value}>
                   {isSectionBoundary && <CommandSeparator />}
@@ -225,15 +230,16 @@ export const ColumnVisibilityDropdown = <TData,>({
                     className="flex items-center gap-1.5 cursor-pointer"
                   >
                     {dataType === undefined ? (
-                      <span>{option.label}</span>
+                      label
                     ) : (
                       <ColumnName
-                        columnName={option.label}
+                        className="min-w-0"
+                        columnName={label}
                         dataType={dataType}
                       />
                     )}
                     {!option.disabled && (
-                      <span className="ml-auto flex items-center gap-0.5">
+                      <span className="ml-auto flex shrink-0 items-center gap-0.5">
                         <ShowOnlyColumnButton
                           table={table}
                           columnIds={[option.value]}

package/src/components/datasources/components.tsx

@@ -101,18 +101,20 @@ export const ColumnPreviewContainer: React.FC<{
 export const ColumnName = ({
   columnName,
   dataType,
+  className,
 }: {
   columnName: React.ReactNode;
   dataType: DataType;
+  className?: string;
 }) => {
   const resolvedDataType = resolveDataType(dataType);
   const Icon = DATA_TYPE_ICON[resolvedDataType];
   const color = getDataTypeColor(resolvedDataType);
 
   return (
-    <div className="flex flex-row items-center gap-1.5">
+    <div className={cn("flex flex-row items-center gap-1.5", className)}>
       <Icon
-        className={`w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${color}`}
+        className={`w-4 h-4 shrink-0 p-0.5 rounded-sm stroke-card-foreground ${color}`}
       />
       {columnName}
     </div>

package/src/components/home/components.tsx

@@ -31,6 +31,7 @@ import {
 import { Constants } from "@/core/constants";
 import { useRequestClient } from "@/core/network/requests";
 import type { TutorialId } from "@/core/network/types";
+import { Banner } from "@/plugins/impl/common/error-banner";
 import { openNotebook } from "@/utils/links";
 import { Objects } from "@/utils/objects";
 import { MarimoPlusIcon } from "../icons/marimo-icons";
@@ -186,6 +187,22 @@ export const ResourceLinks: React.FC = () => {
   );
 };
 
+/**
+ * Shown when the workspace scan stopped early, so the file list the user is
+ * looking at is missing files and folders.
+ */
+export const TruncatedWorkspaceBanner: React.FC<{
+  fileCount: number | undefined;
+}> = ({ fileCount }) => {
+  return (
+    <Banner kind="warn" className="rounded p-4">
+      Showing {fileCount} files. Some files and folders were skipped because
+      your workspace is large or deeply nested. Start marimo from a subfolder to
+      see them.
+    </Banner>
+  );
+};
+
 export const Header: React.FC<{
   Icon: React.FC<React.SVGProps<SVGSVGElement>>;
   control?: React.ReactNode;

package/src/components/pages/gallery-page.tsx

@@ -4,6 +4,7 @@ import { SearchIcon } from "lucide-react";
 import type React from "react";
 import { Suspense, useMemo, useState } from "react";
 import { ErrorBoundary } from "@/components/editor/boundary/ErrorBoundary";
+import { TruncatedWorkspaceBanner } from "@/components/home/components";
 import { Spinner } from "@/components/icons/spinner";
 import { Card, CardContent } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
@@ -119,10 +120,7 @@ const GalleryPage: React.FC = () => {
         <ErrorBoundary>
           <div className="flex flex-col gap-2">
             {workspace.hasMore && (
-              <Banner kind="warn" className="rounded p-4">
-                Showing first {workspace.fileCount} files. Your workspace has
-                more files.
-              </Banner>
+              <TruncatedWorkspaceBanner fileCount={workspace.fileCount} />
             )}
             {formattedFiles.length > SEARCH_THRESHOLD && (
               <Input

package/src/components/pages/home-page.tsx

@@ -67,6 +67,7 @@ import {
   Header,
   OpenTutorialDropDown,
   ResourceLinks,
+  TruncatedWorkspaceBanner,
 } from "../home/components";
 import {
   expandedFoldersAtom,
@@ -196,10 +197,7 @@ const WorkspaceNotebooks: React.FC<{ onRefreshRecents: () => void }> = ({
     <WorkspaceContext value={workspaceContextValue}>
       <div className="flex flex-col gap-2">
         {workspace.hasMore && (
-          <Banner kind="warn" className="rounded p-4">
-            Showing first {workspace.fileCount} files. Your workspace has more
-            files.
-          </Banner>
+          <TruncatedWorkspaceBanner fileCount={workspace.fileCount} />
         )}
         <Header
           Icon={BookTextIcon}

package/src/components/terminal/terminal.tsx

@@ -254,7 +254,9 @@ const TerminalComponent: React.FC<TerminalComponentProps> = ({
       try {
         await waitForConnectionOpen();
 
-        const socket = new WebSocket(runtimeManager.getTerminalWsURL());
+        // Size the PTY before the shell draws its first prompt.
+        fitAddon.fit();
+        const socket = new WebSocket(runtimeManager.getTerminalWsURL(terminal));
         const attachAddon = new AttachAddon(socket);
         terminal.loadAddon(attachAddon);
         wsRef.current = socket;
@@ -270,9 +272,7 @@ const TerminalComponent: React.FC<TerminalComponentProps> = ({
 
         const handleOpen = () => {
           updateReadyState();
-          // Send initial dimensions: the mount-time fit() may have fired
-          // before the WS was OPEN, dropping the resize message and leaving
-          // the PTY at its default 0x0 winsize.
+          // The container may have resized while the connection was opening.
           fitAddon.fit();
           if (terminal.cols > 0 && terminal.rows > 0) {
             socket.send(

package/src/core/islands/__tests__/parse.test.ts

@@ -19,6 +19,13 @@ import {
 } from "../parse";
 import { createMockIslandElement, createMockIslands } from "./test-utils.tsx";
 
+function islandSnapshotPath(filename: string): string {
+  return new URL(
+    `../../../../../tests/_islands/snapshots/${filename}`,
+    import.meta.url,
+  ).pathname.replace(/^\/@fs/, "");
+}
+
 function createPayloadCell(
   overrides: Partial<{
     cellId: string;
@@ -47,6 +54,7 @@ function appendPayload(
   payload: {
     schemaVersion: number;
     appId: string;
+    dependencies?: unknown;
     cells: ReturnType<typeof createPayloadCell>[];
   },
 ) {
@@ -58,6 +66,33 @@ function appendPayload(
 }
 
 describe("createMarimoFile", () => {
+  it("should serialize dependencies as top-level script metadata", () => {
+    const file = createMarimoFile({
+      dependencies: ['cowsay==6.1; sys_platform == "emscripten"'],
+      cells: [{ code: "import cowsay" }],
+    });
+    expect(file).toBe(
+      [
+        "# /// script",
+        '# dependencies = ["cowsay==6.1; sys_platform == \\"emscripten\\""]',
+        "# ///",
+        "import marimo",
+        "app = marimo.App()",
+        "@app.cell",
+        "def __():",
+        "    import cowsay",
+        "    return",
+      ].join("\n"),
+    );
+  });
+
+  it("should omit metadata for empty dependencies", () => {
+    const cells = [{ code: "import cowsay" }];
+    expect(createMarimoFile({ cells, dependencies: [] })).toBe(
+      createMarimoFile({ cells }),
+    );
+  });
+
   it("should return a string", () => {
     const app = {
       cells: [
@@ -736,13 +771,7 @@ describe("parseMarimoIslandApps", () => {
   });
 
   it("should parse Python-generated island payload snapshots", () => {
-    const html = readFileSync(
-      new URL(
-        "../../../../../tests/_islands/snapshots/html-payload.txt",
-        import.meta.url,
-      ).pathname.replace(/^\/@fs/, ""),
-      "utf8",
-    );
+    const html = readFileSync(islandSnapshotPath("html-payload.txt"), "utf8");
     container.innerHTML = html;
 
     const result = parseMarimoIslandApps(container);
@@ -775,6 +804,108 @@ describe("parseMarimoIslandApps", () => {
     expect(islands[2].getAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX)).toBe("1");
   });
 
+  it("should restore metadata from a Python-generated dependency payload", () => {
+    container.innerHTML = readFileSync(
+      islandSnapshotPath("body-dependencies.txt"),
+      "utf8",
+    );
+
+    const probed = parseMarimoIslandApps(container, { materialize: false });
+    const apps = parseMarimoIslandApps(container);
+
+    expect(probed).toEqual(apps);
+    expect(apps).toEqual([
+      {
+        id: "main",
+        payloadBacked: true,
+        dependencies: [
+          'cowsay==6.1; sys_platform == "emscripten"',
+          "rich[jupyter]>=13",
+          "desktop; sys_platform != 'emscripten'",
+          "older-python; python_version < '3.13'",
+          "newer-python; python_version >= '3.13'",
+        ],
+        cells: [{ cellId: "Hbol", code: "import cowsay", output: "", idx: 0 }],
+      },
+    ]);
+    // The Python Pyodide test reads this file with the real metadata parser.
+    expect(createMarimoFile(apps[0])).toBe(
+      readFileSync(islandSnapshotPath("notebook-dependencies.txt"), "utf8"),
+    );
+  });
+
+  it("should carry dependencies from payloads into each generated notebook", () => {
+    for (const [appId, dependencies] of [
+      ["app1", ["cowsay==6.1"]],
+      ["app2", ["rich[jupyter]>=13"]],
+    ] as const) {
+      container.appendChild(
+        createMockIslandElement({ appId, cellId: "cell-1" }),
+      );
+      appendPayload(container, {
+        schemaVersion: 1,
+        appId,
+        dependencies,
+        cells: [createPayloadCell()],
+      });
+    }
+
+    const apps = parseMarimoIslandApps(container);
+    expect(apps.map((app) => [app.id, app.dependencies])).toEqual([
+      ["app1", ["cowsay==6.1"]],
+      ["app2", ["rich[jupyter]>=13"]],
+    ]);
+    expect(createMarimoFile(apps[0])).toContain(
+      '# /// script\n# dependencies = ["cowsay==6.1"]\n# ///\n',
+    );
+  });
+
+  it.each([null, "cowsay", [123], ["cowsay", null]])(
+    "should ignore payloads with malformed dependencies: %j",
+    (dependencies) => {
+      const island = createMockIslandElement({
+        appId: "app1",
+        cellId: "cell-1",
+        code: "import cowsay",
+        innerHTML: "<div>dom</div>",
+      });
+      island.setAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE, "true");
+      container.appendChild(island);
+      appendPayload(container, {
+        schemaVersion: 1,
+        appId: "app1",
+        dependencies,
+        cells: [createPayloadCell()],
+      });
+
+      expect(parseMarimoIslandApps(container)).toEqual([
+        {
+          id: "app1",
+          cells: [{ code: "import cowsay", output: "<div>dom</div>", idx: 0 }],
+        },
+      ]);
+    },
+  );
+
+  it("should merge dependencies from payloads belonging to the same app", () => {
+    for (const [cellId, dependencies] of [
+      ["cell-1", ["cowsay"]],
+      ["cell-2", ["cowsay", "rich"]],
+    ] as const) {
+      container.appendChild(createMockIslandElement({ appId: "app1", cellId }));
+      appendPayload(container, {
+        schemaVersion: 1,
+        appId: "app1",
+        dependencies,
+        cells: [createPayloadCell({ cellId })],
+      });
+    }
+
+    expect(
+      parseMarimoIslandApps(container).map((app) => app.dependencies),
+    ).toEqual([["cowsay", "rich"]]);
+  });
+
   it("should fall back to DOM islands for unsupported payload versions", () => {
     const island = createMockIslandElement({
       appId: "app1",
@@ -990,6 +1121,7 @@ describe("parseMarimoIslandApps", () => {
           outputHtml: "<div>payload only</div>",
         }),
       ],
+      dependencies: ["cowsay"],
     });
 
     const result = parseMarimoIslandApps(container);
@@ -1076,6 +1208,7 @@ describe("parseMarimoIslandApps", () => {
           reactive: false,
         }),
       ],
+      dependencies: ["cowsay"],
     });
 
     const result = parseMarimoIslandApps(container);

package/src/core/islands/parse.ts

@@ -30,6 +30,8 @@ export interface MarimoIslandApp {
    * Whether cells came from a supported JSON payload instead of DOM parsing.
    */
   payloadBacked?: boolean;
+  /** Explicit notebook dependencies to install before starting the app. */
+  dependencies?: string[];
   /**
    * Cells in the app.
    */
@@ -62,6 +64,7 @@ interface MarimoIslandCell {
 interface MarimoIslandPayload {
   schemaVersion: 1;
   appId: string;
+  dependencies?: string[];
   cells: MarimoIslandPayloadCell[];
 }
 
@@ -235,6 +238,12 @@ function parsePayloadBackedApps({
         embed?.setAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX, idx.toString());
       }
     }
+    const app = apps.get(payload.appId);
+    if (app && payload.dependencies?.length) {
+      app.dependencies = [
+        ...new Set([...(app.dependencies ?? []), ...payload.dependencies]),
+      ];
+    }
   }
 
   // A supported payload is the runtime source for its app. Extra same-app DOM
@@ -371,6 +380,7 @@ export function parseIslandElement(
 
 export function createMarimoFile(app: {
   cells: { code: string; disabled?: boolean }[];
+  dependencies?: string[];
 }): string {
   const lines = [
     "import marimo",
@@ -402,6 +412,13 @@ export function createMarimoFile(app: {
       .join("\n"),
   ];
 
+  if (app.dependencies?.length) {
+    lines.unshift(
+      "# /// script",
+      `# dependencies = ${JSON.stringify(app.dependencies)}`,
+      "# ///",
+    );
+  }
   return lines.join("\n");
 }
 
@@ -507,6 +524,9 @@ function isMarimoIslandPayload(
   return (
     payload.schemaVersion === 1 &&
     typeof payload.appId === "string" &&
+    (payload.dependencies === undefined ||
+      (Array.isArray(payload.dependencies) &&
+        payload.dependencies.every((dep) => typeof dep === "string"))) &&
     Array.isArray(payload.cells) &&
     payload.cells.every(isMarimoIslandPayloadCell)
   );

package/src/core/runtime/__tests__/runtime.test.ts

@@ -276,6 +276,17 @@ describe("RuntimeManager", () => {
   });
 
   describe("getTerminalWsURL", () => {
+    it("should include dimensions in the terminal handshake", () => {
+      const runtime = new RuntimeManager(mockConfig);
+      const url = runtime.getTerminalWsURL({ rows: 30, cols: 140 });
+
+      expect(Object.fromEntries(url.searchParams)).toEqual({
+        access_token: "test-token",
+        rows: "30",
+        cols: "140",
+      });
+    });
+
     it("should return terminal WebSocket URL", () => {
       const runtime = new RuntimeManager(mockConfig);
       const url = runtime.getTerminalWsURL();

package/src/core/runtime/runtime.ts

@@ -183,8 +183,13 @@ export class RuntimeManager {
   /**
    * The WebSocket URL of the terminal.
    */
-  getTerminalWsURL(): URL {
-    return this.formatWsURL("/terminal/ws");
+  getTerminalWsURL(size?: { rows: number; cols: number }): URL {
+    const url = this.formatWsURL("/terminal/ws");
+    if (size) {
+      url.searchParams.set("rows", String(size.rows));
+      url.searchParams.set("cols", String(size.cols));
+    }
+    return url;
   }
 
   /**