@marimo-team/islands 0.25.3-dev266 → 0.25.3-dev268

package/dist/{swimlanes-42K2YHIH-Cjveh9OM.js → swimlanes-42K2YHIH-DwSZl1yC.js}

@@ -9,7 +9,7 @@ import "./chunk-4HAMMTFA-D4eFPyFh.js";
 import "./chunk-GVQU2GXP-Cwbt-lF0.js";
 import "./chunk-L3NEJ4N5-n-zgIVSy.js";
 import { o as n } from "./chunk-OSK3NFVY-DXa-Cxbn.js";
-import { c as r } from "./mermaid-DFYN_PXd.js";
+import { c as r } from "./mermaid-rd09e1JL.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/swimlanes-42K2YHIH.mjs
 var i = 5, a = 1e-5, o = 1e-6;
 function s(e) {

package/dist/{swimlanesDiagram-VR7AAH4N-Bdr7Ev_2.js → swimlanesDiagram-VR7AAH4N-BHlcd-Ri.js}

@@ -9,11 +9,11 @@ import "./chunk-4HAMMTFA-D4eFPyFh.js";
 import "./chunk-GVQU2GXP-Cwbt-lF0.js";
 import "./chunk-L3NEJ4N5-n-zgIVSy.js";
 import "./chunk-OSK3NFVY-DXa-Cxbn.js";
-import "./mermaid-DFYN_PXd.js";
+import "./mermaid-rd09e1JL.js";
 import "./chunk-F27PBJKO-ufseIn5y.js";
 import "./chunk-XXDRQBXY-Dnl5VBqG.js";
 import "./chunk-POPQ4Y6H-hYOXbYH_.js";
-import { r as t, t as n } from "./chunk-SHT3W25Y-I8ZFP5L1.js";
+import { r as t, t as n } from "./chunk-SHT3W25Y-DZoFI8wR.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/swimlanesDiagram-VR7AAH4N.mjs
 var r = n({
 	defaultLayout: "swimlane",

package/dist/{timeline-definition-24CTP7MA-KIuDcefn.js → timeline-definition-24CTP7MA-DMmP-G2O.js}

@@ -3,7 +3,7 @@ import { p as t } from "./chunk-75Z2AOVW-D7gxIs2Q.js";
 import { n, t as r } from "./src-CA_m4ONl.js";
 import { n as i, t as a } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
 import { $ as o, J as s, a as c, b as l, et as u, nt as d, o as f, x as p } from "./chunk-DU6HZSFF-BwiyaNpg.js";
-import { p as m } from "./mermaid-DFYN_PXd.js";
+import { p as m } from "./mermaid-rd09e1JL.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/timeline-definition-24CTP7MA.mjs
 var h = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {

package/dist/{toast-CY1_Qv41.js → toast-DbBHmxmB.js}

@@ -3,7 +3,7 @@ import { h as t, p as n, s as r } from "./button-0-RqY1DW.js";
 import { t as i } from "./react-sHtZdjeP.js";
 import { t as a } from "./compiler-runtime-CldRdSsv.js";
 import { m as o } from "./tooltip-BfcDQd2j.js";
-import { a as s, s as c } from "./strings-BCKpLFNU.js";
+import { a as s, s as c } from "./assertNever-DIU3JJbt.js";
 import { t as l } from "./react-dom-DUmH0GXv.js";
 import { t as u } from "./jsx-runtime-3BD1kT0s.js";
 import { D as d, F as f, I as p, L as m, M as h, N as g, O as _, P as v, S as y, j as b, k as x } from "./use-restore-focus-CmflVLWJ.js";
@@ -405,7 +405,7 @@ var $ = a(), ve = I, ye = S.forwardRef((e, n) => {
 ye.displayName = V.displayName;
 var be = {
 	default: "bg-background border forced-colors:border-[CanvasText] forced-colors:bg-[Canvas] forced-colors:text-[CanvasText]",
-	danger: "group destructive text-error border-destructive bg-(--red-1) shadow-md-solid shadow-error forced-colors:border-[CanvasText] forced-colors:bg-[Canvas] forced-colors:text-[CanvasText]"
+	danger: "group destructive text-(--red-11) border-destructive bg-(--red-1) shadow-md-solid shadow-error forced-colors:border-[CanvasText] forced-colors:bg-[Canvas] forced-colors:text-[CanvasText]"
 }, xe = r("data-[swipe=move]:transition-none group relative pointer-events-auto flex w-full items-start justify-between gap-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-right-full forced-color-adjust-none", {
 	variants: { variant: be },
 	defaultVariants: { variant: "default" }

package/dist/{useAsyncData-DsZMvNXn.js → useAsyncData-BYIAoMqn.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-sHtZdjeP.js";
 import { t as n } from "./compiler-runtime-CldRdSsv.js";
-import { D as r } from "./utils-DXkj82sK.js";
+import { D as r } from "./utils-EBklsC5R.js";
 import { t as i } from "./invariant-DLmrl-hA.js";
 //#region src/hooks/useAsyncData.ts
 var a = n(), o = /* @__PURE__ */ e(t(), 1), s = {

package/dist/{useDateFormatter-Dk_xFci4.js → useDateFormatter-ButWkdcK.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-sHtZdjeP.js";
 import { h as n } from "./tooltip-BfcDQd2j.js";
-import { C as r } from "./select-C33FVPPN.js";
+import { C as r } from "./select-OxgozOC8.js";
 var i = n("chart-pie", [["path", {
 	d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
 	key: "pzmjnu"

package/dist/{useDeepCompareMemoize-KMBBux8C.js → useDeepCompareMemoize-Bz0c5GN6.js}

@@ -1,6 +1,6 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-sHtZdjeP.js";
-import { f as n } from "./utils-DXkj82sK.js";
+import { l as n } from "./utils-EBklsC5R.js";
 //#region src/hooks/useDeepCompareMemoize.ts
 var r = /* @__PURE__ */ e(t(), 1);
 function i(e) {

package/dist/{useTheme-BZ2GGLgm.js → useTheme-DPLobSFs.js}

@@ -2,7 +2,7 @@ import { g as e, i as t, o as n } from "./button-0-RqY1DW.js";
 import { t as r } from "./compiler-runtime-CldRdSsv.js";
 import { m as i } from "./isArrayLikeObject-B-HXCsex.js";
 import { a, i as o, n as s, r as ee, s as te, t as ne } from "./_baseSet-BfI5FjBM.js";
-import { S as re, _ as ie, f as c, i as l, l as u, s as d, t as ae, w as f, x as p } from "./utils-DXkj82sK.js";
+import { S as re, _ as ie, f as c, i as l, l as u, o as d, t as ae, w as f, x as p } from "./utils-EBklsC5R.js";
 import { C as m, F as h, I as g, M as _, N as v, R as y, S as b, k as x, v as S } from "./schemas-CdscWNy_.js";
 //#region ../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/mergeWith.js
 var oe = te(function(e, t, n, r) {
@@ -250,7 +250,7 @@ function K() {
 	return e[0] !== t || e[1] !== n ? (r = [t, n], e[0] = t, e[1] = n, e[2] = r) : r = e[2], r;
 }
 function ce() {
-	return u.get(V);
+	return d.get(V);
 }
 f((e) => q(e(V)));
 var le = f((e) => J(e(V))), ue = f((e) => fe(e(V)));
@@ -265,7 +265,7 @@ function J(e) {
 function fe(e) {
 	return q(e) && J(e);
 }
-var pe = f({}), me = ie(f((e) => e(d)?.revision.app_config ?? e(pe)), (e) => e, c), he = f((e) => I(e(me)));
+var pe = f({}), me = ie(f((e) => e(c)?.revision.app_config ?? e(pe)), (e) => e, u), he = f((e) => I(e(me)));
 f((e) => e(he).width), f((e) => {
 	let t = e(V), n = t.snippets?.custom_paths ?? [], r = t.snippets?.include_default_snippets;
 	return n.length > 0 || r === !0;
@@ -299,8 +299,8 @@ var Y = f((e) => {
 function ve() {
 	if (typeof window > "u" || !window.matchMedia) return;
 	let e = window.matchMedia("(prefers-color-scheme: dark)");
-	u.set(X, e.matches), e.addEventListener("change", (e) => {
-		u.set(X, e.matches);
+	d.set(X, e.matches), e.addEventListener("change", (e) => {
+		d.set(X, e.matches);
 	});
 }
 ve();
@@ -315,7 +315,7 @@ var Q = f(Z());
 function ye() {
 	let e = new MutationObserver(() => {
 		let e = Z();
-		u.set(Q, e);
+		d.set(Q, e);
 	});
 	return e.observe(document.body, {
 		attributes: !0,
@@ -331,7 +331,7 @@ var $ = f((e) => {
 });
 function be() {
 	let e = (0, w.c)(3), t;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = { store: u }, e[0] = t) : t = e[0];
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = { store: d }, e[0] = t) : t = e[0];
 	let n = p($, t), r;
 	return e[1] === n ? r = e[2] : (r = { theme: n }, e[1] = n, e[2] = r), r;
 }

package/dist/{utils-DXkj82sK.js → utils-EBklsC5R.js}

@@ -698,29 +698,37 @@ function Oe(e, t, n = De, r) {
 	});
 }
 //#endregion
-//#region ../node_modules/.pnpm/dequal@2.0.3/node_modules/dequal/dist/index.mjs
-var ke = r(), Ae = Object.prototype.hasOwnProperty;
-function je(e, t, n) {
-	for (n of e.keys()) if (Z(n, t)) return n;
+//#region src/core/session/active-notebook.ts
+var Z = R(null), ke = R(null);
+R((e) => {
+	let t = e(Z);
+	return t === null ? null : e(t.backendAtom);
+});
+var Ae = R((e) => {
+	let t = e(Z);
+	return t === null ? null : e(t.documentAtom);
+}), je = r(), Me = Object.prototype.hasOwnProperty;
+function Ne(e, t, n) {
+	for (n of e.keys()) if (Q(n, t)) return n;
 }
-function Z(e, t) {
+function Q(e, t) {
 	var n, r, i;
 	if (e === t) return !0;
 	if (e && t && (n = e.constructor) === t.constructor) {
 		if (n === Date) return e.getTime() === t.getTime();
 		if (n === RegExp) return e.toString() === t.toString();
 		if (n === Array) {
-			if ((r = e.length) === t.length) for (; r-- && Z(e[r], t[r]););
+			if ((r = e.length) === t.length) for (; r-- && Q(e[r], t[r]););
 			return r === -1;
 		}
 		if (n === Set) {
 			if (e.size !== t.size) return !1;
-			for (r of e) if (i = r, i && typeof i == "object" && (i = je(t, i), !i) || !t.has(i)) return !1;
+			for (r of e) if (i = r, i && typeof i == "object" && (i = Ne(t, i), !i) || !t.has(i)) return !1;
 			return !0;
 		}
 		if (n === Map) {
 			if (e.size !== t.size) return !1;
-			for (r of e) if (i = r[0], i && typeof i == "object" && (i = je(t, i), !i) || !Z(r[1], t.get(i))) return !1;
+			for (r of e) if (i = r[0], i && typeof i == "object" && (i = Ne(t, i), !i) || !Q(r[1], t.get(i))) return !1;
 			return !0;
 		}
 		if (n === ArrayBuffer) e = new Uint8Array(e), t = new Uint8Array(t);
@@ -733,7 +741,7 @@ function Z(e, t) {
 			return r === -1;
 		}
 		if (!n || typeof e == "object") {
-			for (n in r = 0, e) if (Ae.call(e, n) && ++r && !Ae.call(t, n) || !(n in t) || !Z(e[n], t[n])) return !1;
+			for (n in r = 0, e) if (Me.call(e, n) && ++r && !Me.call(t, n) || !(n in t) || !Q(e[n], t[n])) return !1;
 			return Object.keys(t).length === r;
 		}
 	}
@@ -741,17 +749,17 @@ function Z(e, t) {
 }
 //#endregion
 //#region src/core/state/jotai.ts
-var Q = z();
-async function Me(e, t) {
-	return t(Q.get(e)) ? Q.get(e) : new Promise((n) => {
-		let r = Q.sub(e, () => {
-			let i = Q.get(e);
+var $ = z();
+async function Pe(e, t) {
+	return t($.get(e)) ? $.get(e) : new Promise((n) => {
+		let r = $.sub(e, () => {
+			let i = $.get(e);
 			t(i) && (r(), n(i));
 		});
 	});
 }
-function Ne(e, t) {
-	let n = (0, ke.c)(5), r = V(), a, o;
+function Fe(e, t) {
+	let n = (0, je.c)(5), r = V(), a, o;
 	n[0] !== e || n[1] !== t || n[2] !== r ? (a = () => {
 		let n = r.get(e);
 		return r.sub(e, () => {
@@ -764,25 +772,17 @@ function Ne(e, t) {
 		r
 	], n[0] = e, n[1] = t, n[2] = r, n[3] = a, n[4] = o) : (a = n[3], o = n[4]), (0, i.useEffect)(a, o);
 }
-var Pe = Symbol("sentinel");
-function Fe(e, t = Z) {
-	let n = Pe;
+var Ie = Symbol("sentinel");
+function Le(e, t = Q) {
+	let n = Ie;
 	return R((r) => {
 		let i = r(e);
-		return (n === Pe || !t(n, i)) && (n = i), n;
+		return (n === Ie || !t(n, i)) && (n = i), n;
 	});
 }
 //#endregion
-//#region src/core/session/active-notebook.ts
-var $ = R(null), Ie = R(null);
-R((e) => {
-	let t = e($);
-	return t === null ? null : e(t.backendAtom);
-});
-var Le = R((e) => {
-	let t = e($);
-	return t === null ? null : e(t.documentAtom);
-}), Re = {
+//#region src/core/constants.ts
+var Re = {
 	githubPage: "https://github.com/marimo-team/marimo",
 	releasesPage: "https://github.com/marimo-team/marimo/releases",
 	issuesPage: "https://github.com/marimo-team/marimo/issues",
@@ -810,4 +810,4 @@ function Ve() {
 	return !0;
 }
 //#endregion
-export { V as C, o as D, c as E, q as S, z as T, ye as _, Ie as a, pe as b, Fe as c, Me as d, Z as f, Ee as g, Oe as h, ze as i, Q as l, he as m, Be as n, $ as o, ge as p, Re as r, Le as s, Ve as t, Ne as u, we as v, R as w, K as x, de as y };
+export { V as C, o as D, c as E, q as S, z as T, ye as _, Le as a, pe as b, Pe as c, Z as d, Ae as f, Ee as g, Oe as h, ze as i, Q as l, he as m, Be as n, $ as o, ge as p, Re as r, Fe as s, Ve as t, ke as u, we as v, R as w, K as x, de as y };

package/dist/{vega-component-C-lqjV0q.js → vega-component-rxIxAAh9.js}

@@ -3,21 +3,21 @@ import { a as t, g as n, h as r, m as i } from "./button-0-RqY1DW.js";
 import { t as a } from "./react-sHtZdjeP.js";
 import { t as o } from "./compiler-runtime-CldRdSsv.js";
 import { t as s } from "./tooltip-BfcDQd2j.js";
-import { l as c, t as l } from "./config-CmeG_Pb6.js";
+import { l as c, t as l } from "./config-BsPruWMR.js";
 import { t as u } from "./jsx-runtime-3BD1kT0s.js";
-import { n as d } from "./error-banner-DbRFOd2O.js";
+import { n as d } from "./error-banner-DPc9eIw5.js";
 import { t as f } from "./debounce-DrhhziJv.js";
-import { n as p } from "./useTheme-BZ2GGLgm.js";
-import { D as ee } from "./utils-DXkj82sK.js";
+import { n as p } from "./useTheme-DPLobSFs.js";
+import { D as ee } from "./utils-EBklsC5R.js";
 import { t as te } from "./objects-DCmMvZtn.js";
-import { a as ne, i as re, n as ie, t as m } from "./formats-gGospKWJ.js";
+import { a as ne, i as re, n as ie, t as m } from "./formats-DbSvAPY-.js";
 import { a as h, t as g } from "./arrays-DoQ-AILx.js";
-import { t as ae } from "./useAsyncData-DsZMvNXn.js";
+import { t as ae } from "./useAsyncData-BYIAoMqn.js";
 import { t as _ } from "./semaphore-89jsoHtS.js";
 import { D as oe, n as se } from "./vega-loader.browser-B9Pz0EGP.js";
 import { t as ce } from "./react-vega-C4T9Rb_w.js";
 import { a as le, n as v } from "./loader-BVEtQ4F3.js";
-import { t as ue } from "./useDeepCompareMemoize-KMBBux8C.js";
+import { t as ue } from "./useDeepCompareMemoize-Bz0c5GN6.js";
 import { t as de } from "./use-vega-container-remeasure-Bz4PZMtt.js";
 //#region src/plugins/impl/vega/fix-relative-url.ts
 var fe = /* @__PURE__ */ e(a(), 1), pe = o();

package/dist/{vennDiagram-4TSXK5OY-DrIOUHfb.js → vennDiagram-4TSXK5OY-Db8GtH1G.js}

@@ -3,7 +3,7 @@ import { t } from "./src-CA_m4ONl.js";
 import { n } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
 import { $ as r, H as i, K as a, U as o, a as s, b as c, c as l, et as u, f as d, nt as f, tt as p, v as m, w as h, y as g } from "./chunk-DU6HZSFF-BwiyaNpg.js";
 import { t as _ } from "./rough.esm-CtV9AnV1.js";
-import { p as v } from "./mermaid-DFYN_PXd.js";
+import { p as v } from "./mermaid-rd09e1JL.js";
 //#region ../node_modules/.pnpm/khroma@2.1.0/node_modules/khroma/dist/methods/transparentize.js
 var y = (e, t) => p(e, "a", -t), b = 1e-10;
 function x(e, t) {

package/dist/{wardleyDiagram-VM6X3IG4-CJNjf4OH.js → wardleyDiagram-VM6X3IG4-DmIiC3FU.js}

@@ -2,7 +2,7 @@ import { i as e } from "./chunk-75Z2AOVW-D7gxIs2Q.js";
 import { n as t } from "./src-CA_m4ONl.js";
 import { n } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
 import { D as r, H as i, K as a, U as o, a as s, b as c, c as l, v as u, w as d, x as f, y as p } from "./chunk-DU6HZSFF-BwiyaNpg.js";
-import { p as m } from "./mermaid-DFYN_PXd.js";
+import { p as m } from "./mermaid-rd09e1JL.js";
 import { n as h } from "./mermaid-parser.core-DxuSfYwJ.js";
 import { t as g } from "./chunk-JWPE2WC7-DJvv1t8U.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-VM6X3IG4.mjs

package/dist/{xychartDiagram-S5SC5T6Z-DEshFho-.js → xychartDiagram-S5SC5T6Z-DS9OPrNq.js}

@@ -9,7 +9,7 @@ import { n as s } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
 import { D as c, H as l, K as u, U as d, a as f, b as p, c as m, f as h, v as g, w as _, y as v, z as y } from "./chunk-DU6HZSFF-BwiyaNpg.js";
 import "./chunk-PWAF6VOD-CQw5qATZ.js";
 import { t as b } from "./chunk-GMAD6QVW-BhaJx0X3.js";
-import { p as x } from "./mermaid-DFYN_PXd.js";
+import { p as x } from "./mermaid-rd09e1JL.js";
 //#region ../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/band.js
 function S() {
 	var e = t().unknown(void 0), r = e.domain, i = e.range, o = 0, s = 1, c, l, u = !1, d = 0, f = 0, p = .5;

package/package.json

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

package/src/__mocks__/executions.ts

@@ -0,0 +1,195 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+/** Executions as the host would report them, for tests that read cell status. */
+
+import type * as Protocol from "@marimo-team/client/protocol";
+import { atom, type createStore } from "jotai";
+import type { CellExecutionInputs } from "@/core/executions";
+import {
+  ConnectionState,
+  type ConnectionStatus,
+  type Execution,
+  type Executions,
+  type NotebookReplica,
+  type Results,
+} from "@/core/notebook/replica";
+import { activeNotebookReplicaAtom } from "@/core/session/active-notebook";
+
+type Store = ReturnType<typeof createStore>;
+
+const T0 = "2026-10-01T09:20:11Z";
+const T1 = "2026-10-01T09:20:12.500Z";
+
+let sequence = 0;
+
+function completed(
+  cellId: string,
+  overrides: Partial<Protocol.Execution> = {},
+): Protocol.Execution {
+  sequence += 1;
+  return {
+    id: `e${sequence}`,
+    run_id: "run-1",
+    runtime_id: "r1",
+    caused_by: null,
+    cell_id: cellId,
+    code: null,
+    code_fingerprint: "0f71456db2ea83f4",
+    depends_on: {},
+    status: "completed",
+    outcome: { kind: "value", display: null },
+    started_at: T0,
+    completed_at: T1,
+    ...overrides,
+  };
+}
+
+function mirror(records: Protocol.Execution[]): Executions {
+  const executions = new Map<Protocol.ExecutionId, Execution>();
+  const latest = new Map<Protocol.CellId, Protocol.ExecutionId>();
+  for (const record of records) {
+    if (record.cell_id !== null) {
+      // The host retains one execution per cell on the stream.
+      const previous = latest.get(record.cell_id);
+      if (previous !== undefined) {
+        executions.delete(previous);
+      }
+      latest.set(record.cell_id, record.id);
+    }
+    executions.set(record.id, {
+      record,
+      items: new Map(),
+      variables: new Map(),
+    });
+  }
+  return { runs: new Map(), executions, latest };
+}
+
+function results(records: Protocol.Execution[]): Results {
+  const results = new Map<Protocol.CellId, Protocol.Execution>();
+  for (const record of records) {
+    if (record.cell_id !== null && record.status === "completed") {
+      results.set(record.cell_id, record);
+    }
+  }
+  return results;
+}
+
+export const MockExecutions = {
+  T0,
+  T1,
+  completed,
+
+  /** A completed execution that took `elapsedMs`. */
+  took(cellId: string, elapsedMs: number): Protocol.Execution {
+    return completed(cellId, {
+      completed_at: new Date(Date.parse(T0) + elapsedMs).toISOString(),
+    });
+  },
+
+  errored(cellId: string): Protocol.Execution {
+    return completed(cellId, {
+      outcome: {
+        kind: "error",
+        error: {
+          kind: "exception",
+          message: "boom",
+          name: "ValueError",
+          traceback: null,
+          source: "marimo",
+          severity: "error",
+          range: null,
+          related: [],
+        },
+      },
+    });
+  },
+
+  interrupted(cellId: string): Protocol.Execution {
+    return completed(cellId, { outcome: { kind: "interrupted" } });
+  },
+
+  skipped(cellId: string): Protocol.Execution {
+    return completed(cellId, {
+      outcome: {
+        kind: "skipped",
+        reason: "ancestor-stopped",
+        message: "",
+        related: [],
+      },
+    });
+  },
+
+  running(cellId: string): Protocol.Execution {
+    return completed(cellId, {
+      status: "running",
+      outcome: null,
+      completed_at: null,
+    });
+  },
+
+  queued(cellId: string): Protocol.Execution {
+    return completed(cellId, {
+      status: "queued",
+      outcome: null,
+      started_at: null,
+      completed_at: null,
+    });
+  },
+
+  runtime(status: Protocol.RuntimeStatus): Protocol.Runtime {
+    return {
+      id: "r1",
+      notebook_id: "n1",
+      status,
+      message: null,
+      marimo_version: null,
+      started_at: T0,
+    };
+  },
+
+  /** What the selectors read, with `latest` and the results derived from `records`. */
+  inputs(
+    records: Protocol.Execution[],
+    extra: Partial<Pick<CellExecutionInputs, "submissions" | "blocked">> = {},
+  ): CellExecutionInputs {
+    return {
+      executions: mirror(records),
+      results: results(records),
+      submissions: new Map(),
+      blocked: new Set(),
+      ...extra,
+    };
+  },
+
+  /** Make the store's active replica report `records` and `runtime`. */
+  seed(
+    store: Store,
+    records: Protocol.Execution[],
+    runtime: Protocol.Runtime | null = null,
+  ) {
+    const current = store.get(activeNotebookReplicaAtom);
+    const replica = {
+      connectionAtom: atom<ConnectionStatus>({ state: ConnectionState.OPEN }),
+      documentAtom: atom(null),
+      backendAtom: atom(null),
+      attachmentsAtom: atom([]),
+      connect: () => () => undefined,
+      reconnect: () => Promise.resolve(),
+      ...current,
+      notebookAtom: atom<Protocol.Notebook>({
+        id: "n1",
+        project_id: "p1",
+        path: null,
+        name: "Notebook",
+        operations: [],
+        updated_at: null,
+      }),
+      runtimeAtom: atom(runtime),
+      executionsAtom: atom(mirror(records)),
+      resultsAtom: atom(results(records)),
+    } satisfies NotebookReplica;
+    store.set(activeNotebookReplicaAtom, replica);
+    return replica;
+  },
+};

package/src/__mocks__/notebook.ts

@@ -41,7 +41,6 @@ export const MockNotebook = {
         },
         edited: false,
         lastCodeRun: null,
-        lastExecutionTime: null,
         serializedEditorState: null,
         ...data,
       })),

package/src/__tests__/CellStatus.test.tsx

@@ -3,7 +3,7 @@
 import { render } from "@testing-library/react";
 import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 import { TooltipProvider } from "@/components/ui/tooltip";
-import { formatElapsedTime, type Seconds } from "@/utils/time";
+import { formatElapsedTime, type Milliseconds } from "@/utils/time";
 import {
   CellStatusComponent,
   ElapsedTime,
@@ -76,8 +76,8 @@ describe("CellStatusComponent", () => {
     status: "idle" as const,
     interrupted: false,
     elapsedTime: null,
-    runStartTimestamp: null,
-    lastRunStartTimestamp: null,
+    startedAt: null,
+    blocked: false,
     uninstantiated: false,
   };
 
@@ -95,7 +95,7 @@ describe("CellStatusComponent", () => {
       ...baseProps,
       disabled: true,
       staleInputs: true,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds, // Jan 1, 2024 12:00:00
+      startedAt: 1_704_096_000_000 as Milliseconds, // Jan 1, 2024 12:00:00
     };
 
     const { container } = render(
@@ -110,7 +110,7 @@ describe("CellStatusComponent", () => {
     const props = {
       ...baseProps,
       disabled: true,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(
@@ -124,8 +124,8 @@ describe("CellStatusComponent", () => {
   test("renders disabled transitively state", () => {
     const props = {
       ...baseProps,
-      status: "disabled-transitively" as const,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      blocked: true,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(
@@ -139,9 +139,9 @@ describe("CellStatusComponent", () => {
   test("renders stale and disabled transitively state", () => {
     const props = {
       ...baseProps,
-      status: "disabled-transitively" as const,
+      blocked: true,
       staleInputs: true,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(
@@ -156,8 +156,7 @@ describe("CellStatusComponent", () => {
     const props = {
       ...baseProps,
       status: "running" as const,
-      runStartTimestamp: 1_704_096_000 as Seconds,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(
@@ -172,7 +171,7 @@ describe("CellStatusComponent", () => {
     const props = {
       ...baseProps,
       status: "queued" as const,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(
@@ -201,8 +200,8 @@ describe("CellStatusComponent", () => {
     const props = {
       ...baseProps,
       interrupted: true,
-      elapsedTime: 1500,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      elapsedTime: 1500 as Milliseconds,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(
@@ -217,8 +216,8 @@ describe("CellStatusComponent", () => {
     const props = {
       ...baseProps,
       edited: true,
-      elapsedTime: 1500,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      elapsedTime: 1500 as Milliseconds,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(
@@ -233,8 +232,8 @@ describe("CellStatusComponent", () => {
     const props = {
       ...baseProps,
       staleInputs: true,
-      elapsedTime: 1500,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      elapsedTime: 1500 as Milliseconds,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(
@@ -248,8 +247,8 @@ describe("CellStatusComponent", () => {
   test("renders completed run with elapsed time", () => {
     const props = {
       ...baseProps,
-      elapsedTime: 1500,
-      lastRunStartTimestamp: 1_704_096_000 as Seconds,
+      elapsedTime: 1500 as Milliseconds,
+      startedAt: 1_704_096_000_000 as Milliseconds,
     };
 
     const { container } = render(