@marimo-team/islands 0.24.1-dev41 → 0.24.1-dev43

package/dist/{error-banner-BbxpEiD5.js → error-banner-BT4uIIQ2.js}

@@ -5,14 +5,14 @@ import { t as l } from "./compiler-runtime-CAH9RLw2.js";
 import { t as u } from "./jsx-runtime-CpoKNRgu.js";
 import { Ac as d, Bc as f, Cn as p, Ec as m, Fc as h, Gc as g, Hc as _, In as v, Kc as y, Lc as ee, Nc as te, Pc as ne, Vc as b, Wc as x, jc as re, kc as ie, qc as S } from "./schemas-DeBAkn_c.js";
 //#region ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.10__@types+reac_243e5081bca3fbc73564cdfd99ffccf4/node_modules/@radix-ui/react-dialog/dist/index.mjs
-var C = /* @__PURE__ */ e(c(), 1), w = u(), T = "Dialog", [E, D] = y(T), [ae, O] = E(T), oe = (e) => {
+var C = /* @__PURE__ */ e(c(), 1), w = u(), T = "Dialog", [E, ae] = y(T), [oe, D] = E(T), se = (e) => {
 	let { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = C.useRef(null), c = C.useRef(null), [l, u] = _({
 		prop: r,
 		defaultProp: i ?? !1,
 		onChange: a,
 		caller: T
 	});
-	return /* @__PURE__ */ (0, w.jsx)(ae, {
+	return /* @__PURE__ */ (0, w.jsx)(oe, {
 		scope: t,
 		triggerRef: s,
 		contentRef: c,
@@ -26,24 +26,24 @@ var C = /* @__PURE__ */ e(c(), 1), w = u(), T = "Dialog", [E, D] = y(T), [ae, O]
 		children: n
 	});
 };
-oe.displayName = T;
-var se = "DialogTrigger", ce = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = O(se, n), o = a(t, i.triggerRef);
+se.displayName = T;
+var ce = "DialogTrigger", le = C.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = D(ce, n), o = a(t, i.triggerRef);
 	return /* @__PURE__ */ (0, w.jsx)(S.button, {
 		type: "button",
 		"aria-haspopup": "dialog",
 		"aria-expanded": i.open,
 		"aria-controls": i.contentId,
-		"data-state": U(i.open),
+		"data-state": H(i.open),
 		...r,
 		ref: o,
 		onClick: x(e.onClick, i.onOpenToggle)
 	});
 });
-ce.displayName = se;
-var k = "DialogPortal", [le, A] = E(k, { forceMount: void 0 }), j = (e) => {
-	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = O(k, t);
-	return /* @__PURE__ */ (0, w.jsx)(le, {
+le.displayName = ce;
+var O = "DialogPortal", [ue, k] = E(O, { forceMount: void 0 }), A = (e) => {
+	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = D(O, t);
+	return /* @__PURE__ */ (0, w.jsx)(ue, {
 		scope: t,
 		forceMount: n,
 		children: C.Children.map(r, (e) => /* @__PURE__ */ (0, w.jsx)(b, {
@@ -56,26 +56,26 @@ var k = "DialogPortal", [le, A] = E(k, { forceMount: void 0 }), j = (e) => {
 		}))
 	});
 };
-j.displayName = k;
-var M = "DialogOverlay", N = C.forwardRef((e, t) => {
-	let n = A(M, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = O(M, e.__scopeDialog);
+A.displayName = O;
+var j = "DialogOverlay", M = C.forwardRef((e, t) => {
+	let n = k(j, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = D(j, e.__scopeDialog);
 	return a.modal ? /* @__PURE__ */ (0, w.jsx)(b, {
 		present: r || a.open,
-		children: /* @__PURE__ */ (0, w.jsx)(de, {
+		children: /* @__PURE__ */ (0, w.jsx)(fe, {
 			...i,
 			ref: t
 		})
 	}) : null;
 });
-N.displayName = M;
-var ue = s("DialogOverlay.RemoveScroll"), de = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = O(M, n);
+M.displayName = j;
+var de = s("DialogOverlay.RemoveScroll"), fe = C.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = D(j, n);
 	return /* @__PURE__ */ (0, w.jsx)(re, {
-		as: ue,
+		as: de,
 		allowPinchZoom: !0,
 		shards: [i.contentRef],
 		children: /* @__PURE__ */ (0, w.jsx)(S.div, {
-			"data-state": U(i.open),
+			"data-state": H(i.open),
 			...r,
 			ref: t,
 			style: {
@@ -84,26 +84,26 @@ var ue = s("DialogOverlay.RemoveScroll"), de = C.forwardRef((e, t) => {
 			}
 		})
 	});
-}), P = "DialogContent", F = C.forwardRef((e, t) => {
-	let n = A(P, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = O(P, e.__scopeDialog);
+}), N = "DialogContent", P = C.forwardRef((e, t) => {
+	let n = k(N, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = D(N, e.__scopeDialog);
 	return /* @__PURE__ */ (0, w.jsx)(b, {
 		present: r || a.open,
-		children: a.modal ? /* @__PURE__ */ (0, w.jsx)(fe, {
+		children: a.modal ? /* @__PURE__ */ (0, w.jsx)(pe, {
 			...i,
 			ref: t
-		}) : /* @__PURE__ */ (0, w.jsx)(pe, {
+		}) : /* @__PURE__ */ (0, w.jsx)(me, {
 			...i,
 			ref: t
 		})
 	});
 });
-F.displayName = P;
-var fe = C.forwardRef((e, t) => {
-	let n = O(P, e.__scopeDialog), r = C.useRef(null), i = a(t, n.contentRef, r);
+P.displayName = N;
+var pe = C.forwardRef((e, t) => {
+	let n = D(N, e.__scopeDialog), r = C.useRef(null), i = a(t, n.contentRef, r);
 	return C.useEffect(() => {
 		let e = r.current;
 		if (e) return d(e);
-	}, []), /* @__PURE__ */ (0, w.jsx)(I, {
+	}, []), /* @__PURE__ */ (0, w.jsx)(F, {
 		...e,
 		ref: i,
 		trapFocus: n.open,
@@ -117,9 +117,9 @@ var fe = C.forwardRef((e, t) => {
 		}),
 		onFocusOutside: x(e.onFocusOutside, (e) => e.preventDefault())
 	});
-}), pe = C.forwardRef((e, t) => {
-	let n = O(P, e.__scopeDialog), r = C.useRef(!1), i = C.useRef(!1);
-	return /* @__PURE__ */ (0, w.jsx)(I, {
+}), me = C.forwardRef((e, t) => {
+	let n = D(N, e.__scopeDialog), r = C.useRef(!1), i = C.useRef(!1);
+	return /* @__PURE__ */ (0, w.jsx)(F, {
 		...e,
 		ref: t,
 		trapFocus: !1,
@@ -133,8 +133,8 @@ var fe = C.forwardRef((e, t) => {
 			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
 		}
 	});
-}), I = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: o, ...s } = e, c = O(P, n), l = C.useRef(null), u = a(t, l);
+}), F = C.forwardRef((e, t) => {
+	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: o, ...s } = e, c = D(N, n), l = C.useRef(null), u = a(t, l);
 	return te(), /* @__PURE__ */ (0, w.jsxs)(w.Fragment, { children: [/* @__PURE__ */ (0, w.jsx)(h, {
 		asChild: !0,
 		loop: !0,
@@ -146,35 +146,35 @@ var fe = C.forwardRef((e, t) => {
 			id: c.contentId,
 			"aria-describedby": c.descriptionId,
 			"aria-labelledby": c.titleId,
-			"data-state": U(c.open),
+			"data-state": H(c.open),
 			...s,
 			ref: u,
 			onDismiss: () => c.onOpenChange(!1)
 		})
-	}), /* @__PURE__ */ (0, w.jsxs)(w.Fragment, { children: [/* @__PURE__ */ (0, w.jsx)(he, { titleId: c.titleId }), /* @__PURE__ */ (0, w.jsx)(_e, {
+	}), /* @__PURE__ */ (0, w.jsxs)(w.Fragment, { children: [/* @__PURE__ */ (0, w.jsx)(ge, { titleId: c.titleId }), /* @__PURE__ */ (0, w.jsx)(ve, {
 		contentRef: l,
 		descriptionId: c.descriptionId
 	})] })] });
-}), L = "DialogTitle", R = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = O(L, n);
+}), I = "DialogTitle", L = C.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = D(I, n);
 	return /* @__PURE__ */ (0, w.jsx)(S.h2, {
 		id: i.titleId,
 		...r,
 		ref: t
 	});
 });
-R.displayName = L;
-var z = "DialogDescription", B = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = O(z, n);
+L.displayName = I;
+var R = "DialogDescription", z = C.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = D(R, n);
 	return /* @__PURE__ */ (0, w.jsx)(S.p, {
 		id: i.descriptionId,
 		...r,
 		ref: t
 	});
 });
-B.displayName = z;
-var V = "DialogClose", H = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = O(V, n);
+z.displayName = R;
+var B = "DialogClose", V = C.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = D(B, n);
 	return /* @__PURE__ */ (0, w.jsx)(S.button, {
 		type: "button",
 		...r,
@@ -182,16 +182,16 @@ var V = "DialogClose", H = C.forwardRef((e, t) => {
 		onClick: x(e.onClick, () => i.onOpenChange(!1))
 	});
 });
-H.displayName = V;
-function U(e) {
+V.displayName = B;
+function H(e) {
 	return e ? "open" : "closed";
 }
-var W = "DialogTitleWarning", [me, G] = g(W, {
-	contentName: P,
-	titleName: L,
+var U = "DialogTitleWarning", [he, W] = g(U, {
+	contentName: N,
+	titleName: I,
 	docsSlug: "dialog"
-}), he = ({ titleId: e }) => {
-	let t = G(W), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+}), ge = ({ titleId: e }) => {
+	let t = W(U), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -199,8 +199,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 	return C.useEffect(() => {
 		e && (document.getElementById(e) || console.error(n));
 	}, [n, e]), null;
-}, ge = "DialogDescriptionWarning", _e = ({ contentRef: e, descriptionId: t }) => {
-	let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${G(ge).contentName}}.`;
+}, _e = "DialogDescriptionWarning", ve = ({ contentRef: e, descriptionId: t }) => {
+	let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${W(_e).contentName}}.`;
 	return C.useEffect(() => {
 		let r = e.current?.getAttribute("aria-describedby");
 		t && r && (document.getElementById(t) || console.warn(n));
@@ -209,51 +209,51 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 		e,
 		t
 	]), null;
-}, K = oe, ve = ce, q = j, ye = N, be = F, xe = R, Se = B, Ce = H, we = "AlertDialog", [Te, Ee] = y(we, [D]), J = D(), De = (e) => {
-	let { __scopeAlertDialog: t, ...n } = e, r = J(t);
-	return /* @__PURE__ */ (0, w.jsx)(K, {
+}, G = se, ye = le, K = A, be = M, xe = P, Se = L, Ce = z, we = V, Te = "AlertDialog", [Ee, De] = y(Te, [ae]), q = ae(), Oe = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e, r = q(t);
+	return /* @__PURE__ */ (0, w.jsx)(G, {
 		...r,
 		...n,
 		modal: !0
 	});
 };
-De.displayName = we;
-var Oe = "AlertDialogTrigger", ke = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
-	return /* @__PURE__ */ (0, w.jsx)(ve, {
+Oe.displayName = Te;
+var ke = "AlertDialogTrigger", Ae = C.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
+	return /* @__PURE__ */ (0, w.jsx)(ye, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-ke.displayName = Oe;
-var Ae = "AlertDialogPortal", je = (e) => {
-	let { __scopeAlertDialog: t, ...n } = e, r = J(t);
-	return /* @__PURE__ */ (0, w.jsx)(q, {
+Ae.displayName = ke;
+var je = "AlertDialogPortal", Me = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e, r = q(t);
+	return /* @__PURE__ */ (0, w.jsx)(K, {
 		...r,
 		...n
 	});
 };
-je.displayName = Ae;
-var Me = "AlertDialogOverlay", Ne = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
-	return /* @__PURE__ */ (0, w.jsx)(ye, {
+Me.displayName = je;
+var Ne = "AlertDialogOverlay", Pe = C.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
+	return /* @__PURE__ */ (0, w.jsx)(be, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-Ne.displayName = Me;
-var Y = "AlertDialogContent", [Pe, Fe] = Te(Y), Ie = t("AlertDialogContent"), Le = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, children: r, ...i } = e, o = J(n), s = C.useRef(null), c = a(t, s), l = C.useRef(null);
-	return /* @__PURE__ */ (0, w.jsx)(me, {
-		contentName: Y,
-		titleName: Re,
+Pe.displayName = Ne;
+var J = "AlertDialogContent", [Fe, Ie] = Ee(J), Le = t("AlertDialogContent"), Re = C.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, children: r, ...i } = e, o = q(n), s = C.useRef(null), c = a(t, s), l = C.useRef(null);
+	return /* @__PURE__ */ (0, w.jsx)(he, {
+		contentName: J,
+		titleName: ze,
 		docsSlug: "alert-dialog",
-		children: /* @__PURE__ */ (0, w.jsx)(Pe, {
+		children: /* @__PURE__ */ (0, w.jsx)(Fe, {
 			scope: n,
 			cancelRef: l,
-			children: /* @__PURE__ */ (0, w.jsxs)(be, {
+			children: /* @__PURE__ */ (0, w.jsxs)(xe, {
 				role: "alertdialog",
 				...o,
 				...i,
@@ -263,106 +263,62 @@ var Y = "AlertDialogContent", [Pe, Fe] = Te(Y), Ie = t("AlertDialogContent"), Le
 				}),
 				onPointerDownOutside: (e) => e.preventDefault(),
 				onInteractOutside: (e) => e.preventDefault(),
-				children: [/* @__PURE__ */ (0, w.jsx)(Ie, { children: r }), /* @__PURE__ */ (0, w.jsx)(Ke, { contentRef: s })]
+				children: [/* @__PURE__ */ (0, w.jsx)(Le, { children: r }), /* @__PURE__ */ (0, w.jsx)(qe, { contentRef: s })]
 			})
 		})
 	});
 });
-Le.displayName = Y;
-var Re = "AlertDialogTitle", ze = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
-	return /* @__PURE__ */ (0, w.jsx)(xe, {
+Re.displayName = J;
+var ze = "AlertDialogTitle", Be = C.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
+	return /* @__PURE__ */ (0, w.jsx)(Se, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-ze.displayName = Re;
-var Be = "AlertDialogDescription", Ve = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
-	return /* @__PURE__ */ (0, w.jsx)(Se, {
+Be.displayName = ze;
+var Ve = "AlertDialogDescription", He = C.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
+	return /* @__PURE__ */ (0, w.jsx)(Ce, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-Ve.displayName = Be;
-var He = "AlertDialogAction", Ue = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
-	return /* @__PURE__ */ (0, w.jsx)(Ce, {
+He.displayName = Ve;
+var Ue = "AlertDialogAction", We = C.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
+	return /* @__PURE__ */ (0, w.jsx)(we, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-Ue.displayName = He;
-var We = "AlertDialogCancel", Ge = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = Fe(We, n), o = J(n), s = a(t, i);
-	return /* @__PURE__ */ (0, w.jsx)(Ce, {
+We.displayName = Ue;
+var Ge = "AlertDialogCancel", Ke = C.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = Ie(Ge, n), o = q(n), s = a(t, i);
+	return /* @__PURE__ */ (0, w.jsx)(we, {
 		...o,
 		...r,
 		ref: s
 	});
 });
-Ge.displayName = We;
-var Ke = ({ contentRef: e }) => {
-	let t = `\`${Y}\` requires a description for the component to be accessible for screen reader users.
+Ke.displayName = Ge;
+var qe = ({ contentRef: e }) => {
+	let t = `\`${J}\` requires a description for the component to be accessible for screen reader users.
 
-You can add a description to the \`${Y}\` by passing a \`${Be}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+You can add a description to the \`${J}\` by passing a \`${Ve}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
 
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${Y}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${J}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
 	return C.useEffect(() => {
 		document.getElementById(e.current?.getAttribute("aria-describedby")) || console.warn(t);
 	}, [t, e]), null;
-}, qe = De, Je = je, Ye = Ne, Xe = Le, X = Ue, Ze = Ge, Qe = ze, $e = Ve, Z = l(), Q = p({ detail: v() }), et = p({ error: v() });
-function tt(e) {
-	if (!e) return "Unknown error";
-	if (e instanceof Error) {
-		let t = Q.safeParse(e.cause);
-		return t.success ? t.data.detail : nt(e.message);
-	}
-	if (typeof e == "object") {
-		let t = Q.safeParse(e);
-		if (t.success) return t.data.detail;
-		let n = et.safeParse(e);
-		if (n.success) return n.data.error;
-	}
-	try {
-		return JSON.stringify(e);
-	} catch {
-		return String(e);
-	}
-}
-function nt(e) {
-	let t = rt(e);
-	if (!t) return e;
-	let n = Q.safeParse(t);
-	if (n.success) return n.data.detail;
-	let r = et.safeParse(t);
-	return r.success ? r.data.error : e;
-}
-function rt(e) {
-	try {
-		return JSON.parse(e);
-	} catch {
-		return e;
-	}
-}
-var it = class extends Error {
-	constructor(e = "The cell containing this UI element has not been run yet. Please run the cell first.") {
-		super(e), this.name = "CellNotInitializedError";
-	}
-}, at = class extends Error {
-	constructor(e = "This UI element could not reach its function on the kernel. Try re-running the cell.") {
-		super(e), this.name = "FunctionNotFoundError";
-	}
-};
-//#endregion
-//#region src/components/ui/use-restore-focus.ts
-function ot() {
-	let e = (0, Z.c)(3), [t, n] = (0, C.useState)(null), r;
+}, Je = Oe, Ye = Me, Xe = Pe, Ze = Re, Y = We, Qe = Ke, $e = Be, et = He, X = l();
+function tt() {
+	let e = (0, X.c)(3), [t, n] = (0, C.useState)(null), r;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
 		n(document.activeElement);
 	}, e[0] = r) : r = e[0];
@@ -376,16 +332,16 @@ function ot() {
 }
 //#endregion
 //#region src/components/ui/alert-dialog.tsx
-var st = qe, ct = m(({ children: e, ...t }) => /* @__PURE__ */ (0, w.jsx)(Je, {
+var nt = Je, rt = m(({ children: e, ...t }) => /* @__PURE__ */ (0, w.jsx)(Ye, {
 	...t,
 	children: /* @__PURE__ */ (0, w.jsx)(ie, { children: /* @__PURE__ */ (0, w.jsx)("div", {
 		className: "fixed inset-0 z-50 flex items-end justify-center sm:items-start sm:top-[15%]",
 		children: e
 	}) })
 }));
-ct.displayName = Je.displayName;
-var lt = C.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), i, a;
+rt.displayName = Ye.displayName;
+var it = C.forwardRef((e, t) => {
+	let n = (0, X.c)(9), i, a;
 	if (n[0] !== e) {
 		let { className: t, children: r, ...o } = e;
 		i = t, a = o, n[0] = e, n[1] = i, n[2] = a;
@@ -393,31 +349,31 @@ var lt = C.forwardRef((e, t) => {
 	let o;
 	n[3] === i ? o = n[4] : (o = r("fixed inset-0 z-50 bg-background/80 backdrop-blur-xs transition-opacity animate-in fade-in", i), n[3] = i, n[4] = o);
 	let s;
-	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)(Ye, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)(Xe, {
 		className: o,
 		...a,
 		ref: t
 	}), n[5] = a, n[6] = t, n[7] = o, n[8] = s) : s = n[8], s;
 });
-lt.displayName = Ye.displayName;
-var ut = C.forwardRef((e, t) => {
-	let n = (0, Z.c)(11), i, a;
+it.displayName = Xe.displayName;
+var at = C.forwardRef((e, t) => {
+	let n = (0, X.c)(11), i, a;
 	n[0] === e ? (i = n[1], a = n[2]) : ({className: i, ...a} = e, n[0] = e, n[1] = i, n[2] = a);
-	let o = ot(), s;
-	n[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ (0, w.jsx)(lt, {}), n[3] = s) : s = n[3];
+	let o = tt(), s;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ (0, w.jsx)(it, {}), n[3] = s) : s = n[3];
 	let c;
 	n[4] === i ? c = n[5] : (c = r("fixed z-50 grid w-full max-w-2xl scale-100 gap-4 border bg-background p-6 opacity-100 shadow-sm animate-in fade-in-90 slide-in-from-bottom-10 sm:rounded-lg sm:zoom-in-90 sm:slide-in-from-bottom-0 md:w-full", i), n[4] = i, n[5] = c);
 	let l;
-	return n[6] !== a || n[7] !== t || n[8] !== o || n[9] !== c ? (l = /* @__PURE__ */ (0, w.jsxs)(ct, { children: [s, /* @__PURE__ */ (0, w.jsx)(Xe, {
+	return n[6] !== a || n[7] !== t || n[8] !== o || n[9] !== c ? (l = /* @__PURE__ */ (0, w.jsxs)(rt, { children: [s, /* @__PURE__ */ (0, w.jsx)(Ze, {
 		ref: t,
 		className: c,
 		...o,
 		...a
 	})] }), n[6] = a, n[7] = t, n[8] = o, n[9] = c, n[10] = l) : l = n[10], l;
 });
-ut.displayName = Xe.displayName;
-var dt = (e) => {
-	let t = (0, Z.c)(8), n, i;
+at.displayName = Ze.displayName;
+var ot = (e) => {
+	let t = (0, X.c)(8), n, i;
 	t[0] === e ? (n = t[1], i = t[2]) : ({className: n, ...i} = e, t[0] = e, t[1] = n, t[2] = i);
 	let a;
 	t[3] === n ? a = t[4] : (a = r("flex flex-col space-y-2 text-center sm:text-left", n), t[3] = n, t[4] = a);
@@ -427,9 +383,9 @@ var dt = (e) => {
 		...i
 	}), t[5] = i, t[6] = a, t[7] = o) : o = t[7], o;
 };
-dt.displayName = "AlertDialogHeader";
-var ft = (e) => {
-	let t = (0, Z.c)(8), n, i;
+ot.displayName = "AlertDialogHeader";
+var Z = (e) => {
+	let t = (0, X.c)(8), n, i;
 	t[0] === e ? (n = t[1], i = t[2]) : ({className: n, ...i} = e, t[0] = e, t[1] = n, t[2] = i);
 	let a;
 	t[3] === n ? a = t[4] : (a = r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", n), t[3] = n, t[4] = a);
@@ -439,80 +395,122 @@ var ft = (e) => {
 		...i
 	}), t[5] = i, t[6] = a, t[7] = o) : o = t[7], o;
 };
-ft.displayName = "AlertDialogFooter";
-var pt = C.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), i, a;
+Z.displayName = "AlertDialogFooter";
+var st = C.forwardRef((e, t) => {
+	let n = (0, X.c)(9), i, a;
 	n[0] === e ? (i = n[1], a = n[2]) : ({className: i, ...a} = e, n[0] = e, n[1] = i, n[2] = a);
 	let o;
 	n[3] === i ? o = n[4] : (o = r("text-lg font-semibold", i), n[3] = i, n[4] = o);
 	let s;
-	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)(Qe, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)($e, {
 		ref: t,
 		className: o,
 		...a
 	}), n[5] = a, n[6] = t, n[7] = o, n[8] = s) : s = n[8], s;
 });
-pt.displayName = Qe.displayName;
-var mt = C.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), i, a;
+st.displayName = $e.displayName;
+var ct = C.forwardRef((e, t) => {
+	let n = (0, X.c)(9), i, a;
 	n[0] === e ? (i = n[1], a = n[2]) : ({className: i, ...a} = e, n[0] = e, n[1] = i, n[2] = a);
 	let o;
 	n[3] === i ? o = n[4] : (o = r("text-muted-foreground", i), n[3] = i, n[4] = o);
 	let s;
-	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)($e, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)(et, {
 		ref: t,
 		className: o,
 		...a
 	}), n[5] = a, n[6] = t, n[7] = o, n[8] = s) : s = n[8], s;
 });
-mt.displayName = $e.displayName;
-var ht = C.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), a, o;
+ct.displayName = et.displayName;
+var lt = C.forwardRef((e, t) => {
+	let n = (0, X.c)(9), a, o;
 	n[0] === e ? (a = n[1], o = n[2]) : ({className: a, ...o} = e, n[0] = e, n[1] = a, n[2] = o);
 	let s;
 	n[3] === a ? s = n[4] : (s = r(i(), a), n[3] = a, n[4] = s);
 	let c;
-	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(X, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(Y, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-ht.displayName = X.displayName;
-var gt = C.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), a, o;
+lt.displayName = Y.displayName;
+var ut = C.forwardRef((e, t) => {
+	let n = (0, X.c)(9), a, o;
 	n[0] === e ? (a = n[1], o = n[2]) : ({className: a, ...o} = e, n[0] = e, n[1] = a, n[2] = o);
 	let s;
 	n[3] === a ? s = n[4] : (s = r(i({ variant: "destructive" }), a), n[3] = a, n[4] = s);
 	let c;
-	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(X, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(Y, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-gt.displayName = "AlertDialogDestructiveAction";
-var _t = C.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), a, o;
+ut.displayName = "AlertDialogDestructiveAction";
+var dt = C.forwardRef((e, t) => {
+	let n = (0, X.c)(9), a, o;
 	n[0] === e ? (a = n[1], o = n[2]) : ({className: a, ...o} = e, n[0] = e, n[1] = a, n[2] = o);
 	let s;
 	n[3] === a ? s = n[4] : (s = r(i({ variant: "secondary" }), "mt-2 sm:mt-0", a), n[3] = a, n[4] = s);
 	let c;
-	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(Ze, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(Qe, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-_t.displayName = Ze.displayName;
+dt.displayName = Qe.displayName;
 //#endregion
-//#region src/plugins/impl/common/error-banner.tsx
-var vt = (e) => {
-	let t = (0, Z.c)(23), { error: r, className: i, action: a } = e, [o, s] = (0, C.useState)(!1);
+//#region src/utils/errors.ts
+var Q = p({ detail: v() }), ft = p({ error: v() });
+function pt(e) {
+	if (!e) return "Unknown error";
+	if (e instanceof Error) {
+		let t = Q.safeParse(e.cause);
+		return t.success ? t.data.detail : mt(e.message);
+	}
+	if (typeof e == "object") {
+		let t = Q.safeParse(e);
+		if (t.success) return t.data.detail;
+		let n = ft.safeParse(e);
+		if (n.success) return n.data.error;
+	}
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return String(e);
+	}
+}
+function mt(e) {
+	let t = ht(e);
+	if (!t) return e;
+	let n = Q.safeParse(t);
+	if (n.success) return n.data.detail;
+	let r = ft.safeParse(t);
+	return r.success ? r.data.error : e;
+}
+function ht(e) {
+	try {
+		return JSON.parse(e);
+	} catch {
+		return e;
+	}
+}
+var gt = class extends Error {
+	constructor(e = "The cell containing this UI element has not been run yet. Please run the cell first.") {
+		super(e), this.name = "CellNotInitializedError";
+	}
+}, _t = class extends Error {
+	constructor(e = "This UI element could not reach its function on the kernel. Try re-running the cell.") {
+		super(e), this.name = "FunctionNotFoundError";
+	}
+}, vt = (e) => {
+	let t = (0, X.c)(23), { error: r, className: i, action: a } = e, [o, s] = (0, C.useState)(!1);
 	if (!r) return null;
 	n.error(r);
 	let c;
-	t[0] === r ? c = t[1] : (c = tt(r), t[0] = r, t[1] = c);
+	t[0] === r ? c = t[1] : (c = pt(r), t[0] = r, t[1] = c);
 	let l = c, u;
 	t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = () => s(!0), t[2] = u) : u = t[2];
 	let d;
@@ -534,24 +532,24 @@ var vt = (e) => {
 		children: [d, f]
 	}), t[7] = i, t[8] = d, t[9] = f, t[10] = p) : p = t[10];
 	let m;
-	t[11] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ (0, w.jsx)(dt, { children: /* @__PURE__ */ (0, w.jsx)(pt, {
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ (0, w.jsx)(ot, { children: /* @__PURE__ */ (0, w.jsx)(st, {
 		className: "text-error",
 		children: "Error"
 	}) }), t[11] = m) : m = t[11];
 	let h;
-	t[12] === l ? h = t[13] : (h = /* @__PURE__ */ (0, w.jsx)(mt, {
+	t[12] === l ? h = t[13] : (h = /* @__PURE__ */ (0, w.jsx)(ct, {
 		asChild: !0,
 		className: "text-error text-sm p-2 font-mono overflow-auto whitespace-pre-wrap",
 		children: /* @__PURE__ */ (0, w.jsx)("pre", { children: l })
 	}), t[12] = l, t[13] = h);
 	let g;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ (0, w.jsx)(ft, { children: /* @__PURE__ */ (0, w.jsx)(ht, {
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ (0, w.jsx)(Z, { children: /* @__PURE__ */ (0, w.jsx)(lt, {
 		autoFocus: !0,
 		onClick: () => s(!1),
 		children: "Ok"
 	}) }), t[14] = g) : g = t[14];
 	let _;
-	t[15] === h ? _ = t[16] : (_ = /* @__PURE__ */ (0, w.jsxs)(ut, {
+	t[15] === h ? _ = t[16] : (_ = /* @__PURE__ */ (0, w.jsxs)(at, {
 		className: "max-w-[80%] max-h-[80%] overflow-hidden flex flex-col",
 		children: [
 			m,
@@ -560,7 +558,7 @@ var vt = (e) => {
 		]
 	}), t[15] = h, t[16] = _);
 	let v;
-	t[17] !== o || t[18] !== _ ? (v = /* @__PURE__ */ (0, w.jsx)(st, {
+	t[17] !== o || t[18] !== _ ? (v = /* @__PURE__ */ (0, w.jsx)(nt, {
 		open: o,
 		onOpenChange: s,
 		children: _
@@ -595,7 +593,7 @@ var vt = (e) => {
 	],
 	defaultVariants: { kind: "info" }
 }), $ = (e) => {
-	let t = (0, Z.c)(14), n, i, a, o, s;
+	let t = (0, X.c)(14), n, i, a, o, s;
 	t[0] === e ? (n = t[1], i = t[2], a = t[3], o = t[4], s = t[5]) : ({kind: o, clickable: a, className: i, children: n, ...s} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a, t[4] = o, t[5] = s);
 	let c;
 	t[6] !== i || t[7] !== a || t[8] !== o ? (c = r(yt({
@@ -610,4 +608,4 @@ var vt = (e) => {
 	}), t[10] = n, t[11] = s, t[12] = c, t[13] = l) : l = t[13], l;
 };
 //#endregion
-export { tt as a, q as c, at as i, K as l, vt as n, be as o, it as r, ye as s, $ as t };
+export { pt as a, K as c, _t as i, G as l, vt as n, xe as o, gt as r, be as s, $ as t };