@marimo-team/islands 0.25.3-dev290 → 0.25.3-dev291

package/dist/{feedback-button-C7Wzdmjf.js → feedback-button-DQXS8piQ.js}

@@ -3,14 +3,14 @@ import { h as t, t as n } from "./button-DZuNnIZO.js";
 import { t as r } from "./react-sHtZdjeP.js";
 import { t as i } from "./compiler-runtime-CldRdSsv.js";
 import { t as a } from "./copy-icon-CtllOdmg.js";
-import { D as o, E as s, F as c, Gt as l, L as u, i as d, j as f, n as p, q as m } from "./error-entries-9U4BFHjf.js";
-import { n as h, t as ee } from "./globals-DLzuY2gk.js";
+import { D as o, E as s, F as c, Gt as l, L as u, i as d, j as f, n as p, q as m } from "./error-entries-CQl9aZz1.js";
+import { n as h, t as ee } from "./globals-Bmz_qpY8.js";
 import { r as g } from "./assertNever-B-YzWzbL.js";
 import { t as _ } from "./jsx-runtime-3BD1kT0s.js";
 import { Ft as te, p as v, yt as ne } from "./use-restore-focus-CosX7-gx.js";
 import { a as re, i as ie, n as ae, r as oe } from "./dialog-CaYm5imE.js";
 import { t as se } from "./useAsyncData-Ci4AvJff.js";
-import { t as ce } from "./code-visibility-DSS4dPIe.js";
+import { t as ce } from "./code-visibility-DO6O_8h-.js";
 //#region src/components/ui/skeleton.tsx
 var y = /* @__PURE__ */ e(r(), 1), b = i(), x = _(), S = (e) => {
 	let n = (0, b.c)(8), r, i;

package/dist/{glide-data-editor-BA2VyhpI.js → glide-data-editor-CiTOpufo.js}

@@ -14,7 +14,7 @@ import { t as P } from "./jsx-runtime-3BD1kT0s.js";
 import { u as oe } from "./use-restore-focus-CosX7-gx.js";
 import { t as F } from "./useEvent-BRH-aCqi.js";
 import { n as I, t as se } from "./objectWithoutPropertiesLoose-BRDcTsfB.js";
-import { t as ce } from "./ErrorBoundary-DwcFY0Nf.js";
+import { t as ce } from "./ErrorBoundary-Df7sOY5r.js";
 import { A as le, C as ue, D as de, E as fe, F as pe, I as me, L as he, M as ge, N as _e, O as L, P as ve, R as ye, S as be, T as xe, _ as Se, a as R, b as Ce, c as z, d as we, f as B, g as V, h as Te, i as Ee, j as H, k as U, l as De, m as Oe, n as ke, o as Ae, p as je, r as W, s as Me, t as Ne, u as Pe, v as Fe, w as Ie, x as Le, y as Re, z as ze } from "./data-grid-types-0PJ-9N5n.js";
 //#region ../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
 function Be(e) {
@@ -7068,7 +7068,7 @@ function us(e, t, n, r, i) {
 }
 //#endregion
 //#region ../node_modules/.pnpm/@glideapps+glide-data-grid@6.0.4-alpha24_lodash@4.17.21_marked@15.0.12_react-dom@19.3.0_27cffe7f1bc30287d59ac27db3240c5b/node_modules/@glideapps/glide-data-grid/dist/esm/data-editor/data-editor.js
-var ds = /* @__PURE__ */ e(wr(), 1), fs = /* @__PURE__ */ e(Or(), 1), ps = G.lazy(async () => await import("./data-grid-overlay-editor-8fOxyvQO.js")), ms = 0;
+var ds = /* @__PURE__ */ e(wr(), 1), fs = /* @__PURE__ */ e(Or(), 1), ps = G.lazy(async () => await import("./data-grid-overlay-editor-LbsctrY7.js")), ms = 0;
 function hs(e) {
 	return (0, ds.default)((0, fs.default)((0, fs.default)(e).filter((e) => e.span !== void 0).map((e) => (0, io.default)((e.span?.[0] ?? 0) + 1, (e.span?.[1] ?? 0) + 1))));
 }
@@ -9299,7 +9299,7 @@ function Js(e, t, n, r, i) {
 }
 //#endregion
 //#region ../node_modules/.pnpm/@glideapps+glide-data-grid@6.0.4-alpha24_lodash@4.17.21_marked@15.0.12_react-dom@19.3.0_27cffe7f1bc30287d59ac27db3240c5b/node_modules/@glideapps/glide-data-grid/dist/esm/cells/number-cell.js
-var Ys = G.lazy(async () => await import("./number-overlay-editor-BpuvB3ho.js")), Xs = {
+var Ys = G.lazy(async () => await import("./number-overlay-editor-CXO_e1Yo.js")), Xs = {
 	getAccessibilityString: (e) => e.data?.toString() ?? "",
 	kind: W.Number,
 	needsHover: (e) => e.hoverEffect === !0,

package/dist/{globals-DLzuY2gk.js → globals-Bmz_qpY8.js}

@@ -1,6 +1,6 @@
 import { h as e } from "./tooltip-DMMiOn2f.js";
 import { yt as t } from "./use-restore-focus-CosX7-gx.js";
-import { r as n } from "./code-visibility-DSS4dPIe.js";
+import { r as n } from "./code-visibility-DO6O_8h-.js";
 var r = e("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",

package/dist/{html-to-image-BYh_MorV.js → html-to-image-DbxMq9QA.js}

@@ -9,7 +9,7 @@ import { a as ne, i as re, o as D, r as O, s as k, t as ie } from "./useLifecycl
 import { a as ae, c as oe, i as se, n as ce, o as le, r as ue, s as de, t as fe } from "./select-DsoP1qe8.js";
 import { Y as pe, mt as me, q as he } from "./dropdown-menu-Bb0bFOIk.js";
 import { c as ge, l as _e, n as ve } from "./config-C8MFHQ2E.js";
-import { C as A, E as j, Et as ye, G as be, I as xe, It as Se, K as M, L as N, Nt as Ce, O as we, Ot as Te, P as Ee, R as De, Rt as Oe, S as ke, T as Ae, Ut as je, _ as Me, _t as Ne, a as Pe, at as Fe, bt as Ie, dt as Le, f as Re, ft as ze, gt as Be, h as Ve, ht as He, it as Ue, k as We, mt as Ge, o as Ke, p as qe, pt as Je, rt as Ye, s as Xe, v as Ze, vt as Qe, wt as $e, x as et, xt as tt, yt as nt, zt as rt } from "./error-entries-9U4BFHjf.js";
+import { C as A, E as j, Et as ye, G as be, I as xe, It as Se, K as M, L as N, Nt as Ce, O as we, Ot as Te, P as Ee, R as De, Rt as Oe, S as ke, T as Ae, Ut as je, _ as Me, _t as Ne, a as Pe, at as Fe, bt as Ie, dt as Le, f as Re, ft as ze, gt as Be, h as Ve, ht as He, it as Ue, k as We, mt as Ge, o as Ke, p as qe, pt as Je, rt as Ye, s as Xe, v as Ze, vt as Qe, wt as $e, x as et, xt as tt, yt as nt, zt as rt } from "./error-entries-CQl9aZz1.js";
 import { n as it } from "./assertNever-B-YzWzbL.js";
 import { t as at } from "./react-dom-DUmH0GXv.js";
 import { t as ot } from "./jsx-runtime-3BD1kT0s.js";

package/dist/main.js

@@ -3,20 +3,20 @@ import { _ as a, a as o, d 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-sHtZdjeP.js";
 import { t as b } from "./compiler-runtime-CldRdSsv.js";
 import { i as x, n as S, r as C, t as w } from "./copy-icon-CtllOdmg.js";
-import { B as T, Bt as E, Dt as D, E as O, F as k, Ft as A, Ht as j, I as M, It as N, L as P, Lt as F, M as I, O as L, Ot as R, P as z, Pt as B, R as ee, Rt as te, St as ne, Ut as re, X as ie, Z as ae, _ as oe, _t as se, a as ce, at as le, b as ue, bt as de, c as fe, ct as pe, dt as me, i as he, it as ge, j as _e, jt as ve, lt as ye, mt as be, n as xe, o as Se, ot as Ce, q as we, rt as Te, ut as Ee, vt as De, yt as Oe, z as ke, zt as Ae } from "./html-to-image-BYh_MorV.js";
+import { B as T, Bt as E, Dt as D, E as O, F as k, Ft as A, Ht as j, I as M, It as N, L as P, Lt as F, M as I, O as L, Ot as R, P as z, Pt as B, R as ee, Rt as te, St as ne, Ut as re, X as ie, Z as ae, _ as oe, _t as se, a as ce, at as le, b as ue, bt as de, c as fe, ct as pe, dt as me, i as he, it as ge, j as _e, jt as ve, lt as ye, mt as be, n as xe, o as Se, ot as Ce, q as we, rt as Te, ut as Ee, vt as De, yt as Oe, z as ke, zt as Ae } from "./html-to-image-DbxMq9QA.js";
 import { a as je, f as Me, h as Ne, i as Pe, m as Fe, n as Ie, o as Le, r as Re, t as ze } from "./tooltip-DMMiOn2f.js";
 import { D as Be, E as Ve, O as He, S as Ue, T as We, _ as Ge, a as Ke, c as qe, d as Je, f as Ye, g as Xe, h as Ze, i as Qe, l as $e, m as et, n as tt, o as nt, p as rt, r as it, s as at, t as ot, u as st, v as ct, w as lt, x as ut, y as dt } from "./spec-BZMDxAu7.js";
-import { $t as ft, A as pt, At as mt, B as ht, Bt as gt, C as _t, Cn as vt, Ct as yt, D as bt, Dt as xt, E as St, En as Ct, Et as wt, F as Tt, Ft as Et, G as Dt, Gt as Ot, H as kt, Ht as At, I as jt, It as Mt, J as Nt, Jt as Pt, K as Ft, Kt as It, L as Lt, Lt as Rt, M as zt, Mt as Bt, N as Vt, Nt as Ht, O as Ut, Ot as Wt, P as Gt, Pt as Kt, Qt as qt, R as Jt, Rt as Yt, S as Xt, Sn as Zt, T as Qt, Tn as $t, Tt as en, U as tn, Ut as nn, V as rn, Vt as an, W as on, Wt as sn, X as cn, Xt as ln, Y as un, Yt as dn, Z as fn, Zt as pn, _ as mn, _t as hn, an as gn, at as _n, b as vn, bn as yn, bt as bn, c as xn, cn as Sn, ct as Cn, d as wn, dn as Tn, dt as En, en as Dn, f as On, fn as kn, ft as An, g as jn, gn as Mn, gt as Nn, h as Pn, hn as Fn, ht as In, in as Ln, it as Rn, j as zn, jt as Bn, k as Vn, kt as Hn, ln as Un, lt as Wn, m as Gn, mn as Kn, mt as qn, nn as Jn, nt as Yn, on as Xn, ot as Zn, p as Qn, pn as $n, pt as er, q as tr, qt as nr, r as rr, rn as ir, rt as ar, sn as or, st as sr, t as cr, tn as lr, tt as ur, u as dr, un as fr, ut as pr, v as mr, vn as hr, vt as gr, w as _r, wn as vr, wt as yr, x as br, xn as xr, y as Sr, yn as Cr, yt as wr, z as Tr, zt as Er } from "./common-CHNDbyF2.js";
+import { $t as ft, A as pt, At as mt, B as ht, Bt as gt, C as _t, Cn as vt, Ct as yt, D as bt, Dt as xt, E as St, En as Ct, Et as wt, F as Tt, Ft as Et, G as Dt, Gt as Ot, H as kt, Ht as At, I as jt, It as Mt, J as Nt, Jt as Pt, K as Ft, Kt as It, L as Lt, Lt as Rt, M as zt, Mt as Bt, N as Vt, Nt as Ht, O as Ut, Ot as Wt, P as Gt, Pt as Kt, Qt as qt, R as Jt, Rt as Yt, S as Xt, Sn as Zt, T as Qt, Tn as $t, Tt as en, U as tn, Ut as nn, V as rn, Vt as an, W as on, Wt as sn, X as cn, Xt as ln, Y as un, Yt as dn, Z as fn, Zt as pn, _ as mn, _t as hn, an as gn, at as _n, b as vn, bn as yn, bt as bn, c as xn, cn as Sn, ct as Cn, d as wn, dn as Tn, dt as En, en as Dn, f as On, fn as kn, ft as An, g as jn, gn as Mn, gt as Nn, h as Pn, hn as Fn, ht as In, in as Ln, it as Rn, j as zn, jt as Bn, k as Vn, kt as Hn, ln as Un, lt as Wn, m as Gn, mn as Kn, mt as qn, nn as Jn, nt as Yn, on as Xn, ot as Zn, p as Qn, pn as $n, pt as er, q as tr, qt as nr, r as rr, rn as ir, rt as ar, sn as or, st as sr, t as cr, tn as lr, tt as ur, u as dr, un as fr, ut as pr, v as mr, vn as hr, vt as gr, w as _r, wn as vr, wt as yr, x as br, xn as xr, y as Sr, yn as Cr, yt as wr, z as Tr, zt as Er } from "./common-Coz-wkOd.js";
 import { a as Dr, n as Or, s as kr, t as Ar } from "./useLifecycle-SniivYmC.js";
 import { t as jr } from "./check-XFzZeH-y.js";
 import { A as Mr, C as Nr, D as Pr, M as Fr, O as Ir, a as Lr, c as Rr, d as zr, i as Br, k as Vr, l as Hr, n as Ur, o as Wr, r as Gr, s as Kr, t as qr, w as Jr, x as Yr } from "./select-DsoP1qe8.js";
 import { B as Xr, C as Zr, J as Qr, Mt as $r, Q as ei, S as ti, Sn as ni, W as ri, X as ii, Y as ai, Z as oi, _ as si, _t as ci, a as li, bn as ui, c as di, f as fi, g as pi, h as mi, i as hi, kt as gi, m as _i, n as vi, nt as yi, p as bi, pt as xi, r as Si, s as Ci, t as wi, v as Ti, w as Ei, xn as Di, y as Oi, z as ki } from "./dropdown-menu-Bb0bFOIk.js";
 import { c as Ai, i as ji, l as Mi, o as Ni, s as Pi, t as Fi } from "./config-C8MFHQ2E.js";
-import { A as Ii, At as Li, B as Ri, Ct as zi, E as Bi, Et as Vi, Ft as Hi, H as Ui, Ht as Wi, J as Gi, K as Ki, Lt as qi, Mt as Ji, P as Yi, Pt as Xi, Q as Zi, St as Qi, Ut as $i, V as ea, Vt as ta, X as na, Y as ra, Z as ia, _ as aa, c as oa, d as sa, dt as ca, g as la, h as ua, j as da, jt as fa, kt as pa, lt as ma, m as ha, ot as ga, p as _a, q as va, s as ya, st as ba, ut as xa, z as Sa, zt as Ca } from "./error-entries-9U4BFHjf.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-bS3MGJ3f.js";
+import { A as Ii, At as Li, B as Ri, Ct as zi, E as Bi, Et as Vi, Ft as Hi, H as Ui, Ht as Wi, J as Gi, K as Ki, Lt as qi, Mt as Ji, P as Yi, Pt as Xi, Q as Zi, St as Qi, Ut as $i, V as ea, Vt as ta, X as na, Y as ra, Z as ia, _ as aa, c as oa, d as sa, dt as ca, g as la, h as ua, j as da, jt as fa, kt as pa, lt as ma, m as ha, ot as ga, p as _a, q as va, s as ya, st as ba, ut as xa, z as Sa, zt as Ca } from "./error-entries-CQl9aZz1.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-BHsfwmw9.js";
 import { t as Fa } from "./pencil-DYUlSKxZ.js";
 import { a as Ia, c as La, d as Ra, f as za, i as Ba, l as Va, r as Ha } from "./glide-utils-BSQr4d90.js";
-import { n as Ua, t as Wa } from "./globals-DLzuY2gk.js";
+import { n as Ua, t as Wa } from "./globals-Bmz_qpY8.js";
 import { a as Ga, i as Ka, n as qa, r as Ja, s as Ya, t as Xa } from "./assertNever-B-YzWzbL.js";
 import { t as Za } from "./react-dom-DUmH0GXv.js";
 import { t as Qa } from "./jsx-runtime-3BD1kT0s.js";
@@ -40,10 +40,10 @@ import { n as qs, t as Js } from "./esm-BDqqT86j.js";
 import { p as Ys } from "./dist-B8pkfkzc.js";
 import { t as Xs } from "./useAsyncData-Ci4AvJff.js";
 import { t as Zs } from "./semaphore-89jsoHtS.js";
-import { t as Qs } from "./ErrorBoundary-DwcFY0Nf.js";
+import { t as Qs } from "./ErrorBoundary-Df7sOY5r.js";
 import { D as $s, O as ec } from "./vega-loader.browser-B9Pz0EGP.js";
 import { a as tc, n as nc } from "./loader-DZvtzQoD.js";
-import { a as rc, c as ic, i as ac, l as oc, o as sc, s as cc, t as lc } from "./code-visibility-DSS4dPIe.js";
+import { a as rc, c as ic, i as ac, l as oc, o as sc, s as cc, t as lc } from "./code-visibility-DO6O_8h-.js";
 import { t as uc } from "./useDeepCompareMemoize-NaaWoFlX.js";
 import { t as dc } from "./esm-BgKjMvWw.js";
 //#region ../node_modules/.pnpm/iconify-icon@2.3.0/node_modules/iconify-icon/dist/iconify-icon.mjs
@@ -11929,7 +11929,7 @@ var xE = (e) => {
 			output: t
 		};
 	} };
-} }, DE = J.lazy(() => import("./chat-ui-ByGe2rP1.js").then((e) => ({ default: e.Chatbot }))), OE = H(K({
+} }, DE = J.lazy(() => import("./chat-ui-CoAmcc-W.js").then((e) => ({ default: e.Chatbot }))), OE = H(K({
 	id: W(),
 	role: V([
 		"system",
@@ -12398,7 +12398,7 @@ function ED(e, t) {
 }
 //#endregion
 //#region src/plugins/impl/DataEditorPlugin.tsx
-var DD = J.lazy(() => import("./glide-data-editor-BA2VyhpI.js").then((e) => e.t)), OD = cE("marimo-data-editor", { cssStyles: [jE, ME] }).withData(K({
+var DD = J.lazy(() => import("./glide-data-editor-CiTOpufo.js").then((e) => e.t)), OD = cE("marimo-data-editor", { cssStyles: [jE, ME] }).withData(K({
 	initialValue: K({ edits: H(K({
 		rowIdx: U(),
 		columnId: W(),
@@ -32188,7 +32188,7 @@ function DH(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var OH = J.lazy(() => import("./reveal-component-BKBSU4IA.js")), kH = (e) => {
+var OH = J.lazy(() => import("./reveal-component-CLRZbwl1.js")), kH = (e) => {
 	let t = (0, X.c)(33), { layout: n, setLayout: r, cells: i, mode: a } = e, o = lo(Fs), s = a === "read" || o, c = lo(Qi) > 1, [l, u] = (0, J.useState)(null), d;
 	t[0] !== i || t[1] !== n ? (d = TR(i, n), t[0] = i, t[1] = n, t[2] = d) : d = t[2];
 	let { slideCells: f, skippedIds: p, noOutputIds: m, slideTypes: h, startCellIndex: g } = d, _;

package/dist/{number-overlay-editor-BpuvB3ho.js → number-overlay-editor-CXO_e1Yo.js}

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

package/dist/{process-output-bS3MGJ3f.js → process-output-BHsfwmw9.js}

@@ -1,6 +1,6 @@
-import { T as e } from "./html-to-image-BYh_MorV.js";
+import { T as e } from "./html-to-image-DbxMq9QA.js";
 import { h as t } from "./tooltip-DMMiOn2f.js";
-import { et as n, tt as r } from "./error-entries-9U4BFHjf.js";
+import { et as n, tt as r } from "./error-entries-CQl9aZz1.js";
 import { r as i } from "./assertNever-B-YzWzbL.js";
 import { n as a } from "./semaphore-89jsoHtS.js";
 var o = t("file", [["path", {

package/dist/{reveal-component-BKBSU4IA.js → reveal-component-CLRZbwl1.js}

@@ -3,15 +3,15 @@ import { g as t, h as n, i as r, m as i, t as a } from "./button-DZuNnIZO.js";
 import { t as o } from "./react-sHtZdjeP.js";
 import { t as s } from "./compiler-runtime-CldRdSsv.js";
 import { h as c, t as l } from "./tooltip-DMMiOn2f.js";
-import { $ as u, Q as d, _n as f, an as p, bn as m, et as h, gn as g, i as _, l as v, n as y, on as b, r as x, t as S, u as C } from "./common-CHNDbyF2.js";
+import { $ as u, Q as d, _n as f, an as p, bn as m, et as h, gn as g, i as _, l as v, n as y, on as b, r as x, t as S, u as C } from "./common-Coz-wkOd.js";
 import { M as w } from "./select-DsoP1qe8.js";
 import { Y as T } from "./dropdown-menu-Bb0bFOIk.js";
-import { Ft as E } from "./error-entries-9U4BFHjf.js";
+import { Ft as E } from "./error-entries-CQl9aZz1.js";
 import { t as D } from "./jsx-runtime-3BD1kT0s.js";
 import { Ft as O, Rt as k, d as A, r as ee } from "./use-restore-focus-CosX7-gx.js";
 import { t as j } from "./useEvent-BRH-aCqi.js";
 import { o as te } from "./static-state-D-Q-Ajaa.js";
-import { n as ne, t as re } from "./code-visibility-DSS4dPIe.js";
+import { n as ne, t as re } from "./code-visibility-DO6O_8h-.js";
 /* empty css                */
 var M = c("sticky-note", [["path", {
 	d: "M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z",

package/package.json

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

package/src/components/editor/output/MarimoErrorOutput.tsx

@@ -28,6 +28,7 @@ import { viewStateAtom } from "@/core/mode";
 import { renderHTML } from "@/plugins/core/RenderHTML";
 import { splitMangledLocals } from "@/utils/local-variables";
 import type { MarimoError } from "../../../core/kernel/messages";
+import type { CellError, HostDiagnostic } from "@/core/executions";
 import { cn } from "../../../utils/cn";
 import { Alert, AlertTitle } from "../../ui/alert";
 import { openPackageManager } from "../chrome/panels/packages-utils";
@@ -95,7 +96,7 @@ const Tip = (props: {
 
 interface Props {
   cellId: CellId | undefined;
-  errors: MarimoError[];
+  errors: readonly CellError[];
   code?: string;
   className?: string;
 }
@@ -217,6 +218,13 @@ export const MarimoErrorOutput = ({
     (e): e is Extract<MarimoError, { type: "sql-error" }> =>
       e.type === "sql-error",
   );
+  const diagnostics = errors.filter(
+    (e): e is HostDiagnostic => e.type === "diagnostic",
+  );
+  // The report describes kernel errors; a host diagnostic is already prose.
+  const kernelErrors = errors.filter(
+    (e): e is MarimoError => e.type !== "diagnostic",
+  );
   const openScratchpad = () => {
     chromeActions.openApplication("scratchpad");
   };
@@ -278,6 +286,32 @@ export const MarimoErrorOutput = ({
       );
     }
 
+    if (diagnostics.length > 0) {
+      messages.push(
+        <div key="diagnostics">
+          {diagnostics.map((diagnostic) => (
+            <div key={`${diagnostic.kind}:${diagnostic.msg}`}>
+              <p className="text-muted-foreground font-medium">
+                {diagnostic.msg}
+              </p>
+              {diagnostic.related.length > 0 && (
+                <ul className="list-disc">
+                  {diagnostic.related.map((cell) => (
+                    <li
+                      className={liStyle}
+                      key={`${cell.cell_id}:${cell.message}`}
+                    >
+                      <CellLinkError cellId={cell.cell_id} /> {cell.message}
+                    </li>
+                  ))}
+                </ul>
+              )}
+            </div>
+          ))}
+        </div>,
+      );
+    }
+
     if (setupErrors.length > 0) {
       messages.push(
         <div key="setup-refs">
@@ -740,9 +774,11 @@ export const MarimoErrorOutput = ({
     >
       {title}
       <div className="flex flex-col gap-4">{renderMessages()}</div>
-      {cellId && errors.length > 0 && (
+      {cellId && kernelErrors.length > 0 && (
         <SendErrorReportButton
-          getContent={() => buildErrorReport(cellId, { code, errors })}
+          getContent={() =>
+            buildErrorReport(cellId, { code, errors: kernelErrors })
+          }
         />
       )}
     </Alert>

package/src/core/dom/outline.ts

@@ -4,6 +4,7 @@ import { sanitizeHtml } from "@/plugins/core/sanitize-html";
 import { invariant } from "@/utils/invariant";
 import { Logger } from "@/utils/Logger";
 import type { Outline, OutlineItem } from "../cells/outline";
+import type { CellOutput } from "@/core/executions/output";
 import type { OutputMessage } from "../kernel/messages";
 
 // Tags that we don't want to include in the outline
@@ -101,7 +102,9 @@ export function mergeOutlines(outlines: (Outline | null)[]): Outline {
   };
 }
 
-export function parseOutline(output: OutputMessage | null): Outline | null {
+export function parseOutline(
+  output: OutputMessage | CellOutput | null,
+): Outline | null {
   if (output == null) {
     return null;
   }

package/src/core/executions/__tests__/hooks.test.tsx

@@ -11,7 +11,8 @@ import {
   document as documentOf,
   withCells,
 } from "@/core/notebook/document/__tests__/fixtures";
-import { useCellFreshness } from "../hooks";
+import { clearCellOutputs } from "../atoms";
+import { useCellFreshness, useCellOutput } from "../hooks";
 
 const C1 = cellId("c1");
 const C2 = cellId("c2");
@@ -104,3 +105,47 @@ describe("useCellFreshness", () => {
     expect(renders).toBe(before.renders);
   });
 });
+
+describe("useCellOutput", () => {
+  const shown = (id: string) =>
+    MockExecutions.completed(id, {
+      code_fingerprint: `${id}-hash`,
+      outcome: {
+        kind: "value",
+        display: { mimetype: "text/plain", data: `${id} value` },
+      },
+    });
+
+  it("reads the result's value and hides it once cleared, until a newer result", () => {
+    const { store, replica, wrapper } = setup([shown(C1)]);
+    const { result } = renderHook(() => useCellOutput(C1), { wrapper });
+    expect(result.current?.data).toBe("c1 value");
+
+    act(() => {
+      clearCellOutputs(store, [C1]);
+    });
+    expect(result.current).toBeNull();
+
+    act(() => {
+      const next = MockExecutions.inputs([shown(C1)]);
+      store.set(replica.executionsAtom, next.executions);
+      store.set(replica.resultsAtom, next.results);
+    });
+    expect(result.current?.data).toBe("c1 value");
+  });
+
+  it("forgets what was cleared when the replica follows another notebook", () => {
+    const { store, replica, wrapper } = setup([shown(C1)]);
+    const { result } = renderHook(() => useCellOutput(C1), { wrapper });
+    act(() => {
+      clearCellOutputs(store, [C1]);
+    });
+    expect(result.current).toBeNull();
+
+    act(() => {
+      const notebook = store.get(replica.notebookAtom);
+      store.set(replica.notebookAtom, { ...notebook, id: "n2" });
+    });
+    expect(result.current?.data).toBe("c1 value");
+  });
+});

package/src/core/executions/__tests__/output.test.ts

@@ -0,0 +1,266 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import type * as Protocol from "@marimo-team/client/protocol";
+import { describe, expect, it } from "vitest";
+import { MockExecutions } from "@/__mocks__/executions";
+import { cellId } from "@/__tests__/branded";
+import {
+  type CellOutputInputs,
+  cellError,
+  cellOutputView,
+  scratchOutputView,
+} from "../output";
+
+const C1 = cellId("c1");
+const C2 = cellId("c2");
+
+const HTML: Protocol.DisplayData = { mimetype: "text/html", data: "<b>1</b>" };
+
+function hostError(overrides: Partial<Protocol.Error>): Protocol.Error {
+  return {
+    kind: "exception",
+    message: "boom",
+    source: "marimo",
+    severity: "error",
+    range: null,
+    name: "ValueError",
+    traceback: null,
+    related: [],
+    ...overrides,
+  };
+}
+
+function inputs(
+  records: Protocol.Execution[],
+  cleared: CellOutputInputs["cleared"] = new Map(),
+): CellOutputInputs {
+  const { executions, results } = MockExecutions.inputs(records);
+  return { executions, results, cleared };
+}
+
+describe("cellOutputView", () => {
+  it("shows a value outcome's display as an output", () => {
+    const view = cellOutputView(
+      inputs([
+        MockExecutions.completed(C1, {
+          outcome: { kind: "value", display: HTML },
+        }),
+      ]),
+      C1,
+    );
+    expect(view).toMatchObject({
+      channel: "output",
+      mimetype: "text/html",
+      data: "<b>1</b>",
+    });
+    expect(view?.timestamp).toBe(Date.parse(MockExecutions.T1) / 1000);
+  });
+
+  it("shows nothing for a value that is empty, or a cell without a result", () => {
+    const state = inputs([MockExecutions.completed(C1)]);
+    expect(cellOutputView(state, C1)).toBeNull();
+    expect(cellOutputView(state, C2)).toBeNull();
+  });
+
+  it("shows an error outcome as the editor's error output", () => {
+    const view = cellOutputView(
+      inputs([
+        MockExecutions.completed(C1, {
+          outcome: {
+            kind: "error",
+            error: hostError({
+              traceback: { mimetype: "text/plain", data: "Traceback..." },
+              related: [{ cell_id: C2, range: null, message: "raised" }],
+            }),
+          },
+        }),
+      ]),
+      C1,
+    );
+    expect(view).toMatchObject({
+      channel: "marimo-error",
+      mimetype: "application/vnd.marimo+error",
+      data: [
+        {
+          type: "exception",
+          exception_type: "ValueError",
+          msg: "boom",
+          raising_cell: C2,
+          traceback: "Traceback...",
+        },
+      ],
+    });
+  });
+
+  it("shows an interruption and the ancestor notices as the editor does", () => {
+    const interrupted = cellOutputView(
+      inputs([MockExecutions.interrupted(C1)]),
+      C1,
+    );
+    expect(interrupted?.data).toEqual([{ type: "interruption" }]);
+
+    const stopped = cellOutputView(
+      inputs([
+        MockExecutions.completed(C1, {
+          outcome: {
+            kind: "skipped",
+            reason: "upstream-stopped",
+            message: "An ancestor stopped",
+            related: [
+              { cell_id: C2, range: null, message: "stopped" },
+              { cell_id: C1, range: null, message: "did not run" },
+            ],
+          },
+        }),
+      ]),
+      C1,
+    );
+    expect(stopped?.data).toEqual([
+      {
+        type: "ancestor-stopped",
+        msg: "An ancestor stopped",
+        raising_cell: C2,
+      },
+    ]);
+  });
+
+  it("prefers the running execution's value so far over the retained result", () => {
+    const previous = MockExecutions.completed(C1, {
+      outcome: { kind: "value", display: HTML },
+    });
+    const running = MockExecutions.running(C1);
+    const silent = inputs([previous, running]);
+    expect(cellOutputView(silent, C1)?.data).toBe("<b>1</b>");
+
+    const showing = inputs([
+      previous,
+      {
+        ...running,
+        outcome: {
+          kind: "value",
+          display: { mimetype: "text/plain", data: "so far" },
+        },
+      },
+    ]);
+    expect(cellOutputView(showing, C1)?.data).toBe("so far");
+
+    const clearedWhileRunning = inputs([
+      previous,
+      { ...running, outcome: { kind: "value", display: null } },
+    ]);
+    expect(cellOutputView(clearedWhileRunning, C1)).toBeNull();
+  });
+
+  it("names the failed ancestor and the cell it blamed", () => {
+    const C3 = cellId("c3");
+    const prevented = cellOutputView(
+      inputs([
+        MockExecutions.completed(C1, {
+          outcome: {
+            kind: "skipped",
+            reason: "upstream-failed",
+            message: "An ancestor failed to resolve `x`",
+            related: [
+              { cell_id: C2, range: null, message: "could not resolve" },
+              { cell_id: C3, range: null, message: "expected to define it" },
+              { cell_id: C1, range: null, message: "did not run" },
+            ],
+          },
+        }),
+      ]),
+      C1,
+    );
+    expect(prevented?.data).toEqual([
+      {
+        type: "ancestor-prevented",
+        msg: "An ancestor failed to resolve `x`",
+        raising_cell: C2,
+        blamed_cell: C3,
+      },
+    ]);
+  });
+
+  it("hides a cleared result until a newer one lands", () => {
+    const first = MockExecutions.completed(C1, {
+      outcome: { kind: "value", display: HTML },
+    });
+    const cleared = new Map([[C1, first.id]]);
+    expect(cellOutputView(inputs([first], cleared), C1)).toBeNull();
+
+    const second = MockExecutions.completed(C1, {
+      outcome: { kind: "value", display: HTML },
+    });
+    expect(cellOutputView(inputs([second], cleared), C1)).not.toBeNull();
+  });
+});
+
+describe("cellError", () => {
+  it("keeps a syntax error's line and an internal error's name", () => {
+    expect(
+      cellError(
+        hostError({
+          kind: "invalid-syntax",
+          name: null,
+          message: "bad",
+          range: {
+            start: { line: 2, character: 0 },
+            end: { line: 2, character: 0 },
+          },
+        }),
+      ),
+    ).toEqual({ type: "syntax", msg: "bad", lineno: 3 });
+    expect(
+      cellError(hostError({ kind: "internal", name: "abc", message: "oops" })),
+    ).toEqual({ type: "unknown", msg: "oops", error_type: "abc" });
+    expect(
+      cellError(hostError({ kind: "interrupted", name: null, message: "" })),
+    ).toEqual({ type: "interruption" });
+  });
+
+  it("shows any other kind as a diagnostic with the cells involved", () => {
+    expect(
+      cellError(
+        hostError({
+          kind: "cycle-dependencies",
+          name: null,
+          message: "This cell is in a cycle",
+          related: [
+            { cell_id: C2, range: null, message: "reads x from c1" },
+            { cell_id: C1, range: null, message: "reads y from c2" },
+          ],
+        }),
+      ),
+    ).toEqual({
+      type: "diagnostic",
+      kind: "cycle-dependencies",
+      msg: "This cell is in a cycle",
+      related: [
+        { cell_id: C2, message: "reads x from c1" },
+        { cell_id: C1, message: "reads y from c2" },
+      ],
+    });
+  });
+});
+
+describe("scratchOutputView", () => {
+  it("shows the latest scratch execution's outcome, or its value so far", () => {
+    const done = MockExecutions.completed("scratch", {
+      cell_id: null,
+      outcome: { kind: "value", display: HTML },
+    });
+    expect(scratchOutputView(inputs([done]).executions)?.data).toBe("<b>1</b>");
+
+    const running = {
+      ...MockExecutions.running("scratch"),
+      cell_id: null,
+      started_at: MockExecutions.T1,
+      outcome: {
+        kind: "value" as const,
+        display: { mimetype: "text/plain", data: "so far" },
+      },
+    };
+    expect(scratchOutputView(inputs([done, running]).executions)?.data).toBe(
+      "so far",
+    );
+  });
+});

package/src/core/executions/atoms.ts

@@ -13,6 +13,7 @@ import type {
 import { activeNotebookReplicaAtom } from "@/core/session/active-notebook";
 import { waitFor } from "@/core/state/jotai";
 import { type CellFreshnessInputs, freshnessOf } from "./freshness";
+import type { CellOutputInputs } from "./output";
 import {
   anyRunning,
   type CellExecutionInputs,
@@ -34,6 +35,8 @@ const NO_SUBMISSIONS: ReadonlyMap<
   Protocol.ExecutionId | null
 > = new Map();
 const NO_BLOCKED: ReadonlySet<Protocol.CellId> = new Set();
+const NO_CLEARED: ReadonlyMap<Protocol.CellId, Protocol.ExecutionId> =
+  new Map();
 
 /**
  * What the editor marks about cells of one replica's notebook.
@@ -129,6 +132,38 @@ export const cellFreshnessAtom = atom((get) =>
   freshnessOf(get(cellFreshnessInputsAtom)),
 );
 
+/** Results this browser cleared, by execution id, until a newer one lands. */
+const clearedOutputsAtom =
+  atom<Marks<ReadonlyMap<Protocol.CellId, Protocol.ExecutionId>>>(null);
+
+/** What every cell's output derives from. Pair with `cellOutputView`. */
+export const cellOutputInputsAtom = atom((get): CellOutputInputs => {
+  const replica = get(activeNotebookReplicaAtom);
+  const notebookId =
+    replica === null ? null : (get(replica.notebookAtom)?.id ?? null);
+  return {
+    executions: replica === null ? NO_EXECUTIONS : get(replica.executionsAtom),
+    results: replica === null ? NO_RESULTS : get(replica.resultsAtom),
+    cleared: current(get(clearedOutputsAtom), replica, notebookId, NO_CLEARED),
+  };
+});
+
+/** Hide what `cellIds` show now, until each has a newer result. */
+export function clearCellOutputs(
+  store: Store,
+  cellIds: readonly Protocol.CellId[],
+): void {
+  const inputs = store.get(cellOutputInputsAtom);
+  const next = new Map(inputs.cleared);
+  for (const cellId of cellIds) {
+    const result = inputs.results.get(cellId);
+    if (result !== null && result !== undefined) {
+      next.set(cellId, result.id);
+    }
+  }
+  store.set(clearedOutputsAtom, mark(store, next));
+}
+
 /** The runtime's status, null while the notebook has none or the stream is not ready. */
 export const runtimeStatusAtom = atom((get) => {
   const replica = get(activeNotebookReplicaAtom);