@marimo-team/islands 0.25.1-dev90 → 0.25.1

package/dist/{useDateFormatter-BRTPsUK7.js → useDateFormatter-BXQGu86d.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-ofJbxM4x.js";
 import { g as n } from "./tooltip-qB8NlSqV.js";
-import { r } from "./useNumberFormatter-BfDpa21j.js";
+import { i as r } from "./label-BslhXqL6.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"
@@ -21,37 +21,16 @@ var i = n("chart-pie", [["path", {
 		d: "M9 19h6",
 		key: "456am0"
 	}]
-]), o = n("table", [
-	["path", {
-		d: "M12 3v18",
-		key: "108xh3"
-	}],
-	["rect", {
-		width: "18",
-		height: "18",
-		x: "3",
-		y: "3",
-		rx: "2",
-		key: "afitv7"
-	}],
-	["path", {
-		d: "M3 9h18",
-		key: "1pudct"
-	}],
-	["path", {
-		d: "M3 15h18",
-		key: "5xshup"
-	}]
-]), s = /* @__PURE__ */ e(t(), 1);
-function c(e, t) {
-	let n = (0, s.useRef)(null);
+]), o = /* @__PURE__ */ e(t(), 1);
+function s(e, t) {
+	let n = (0, o.useRef)(null);
 	return e && n.current && t(e, n.current) && (e = n.current), n.current = e, e;
 }
 //#endregion
 //#region ../node_modules/.pnpm/@internationalized+date@3.12.3/node_modules/@internationalized/date/dist/private/DateFormatter.mjs
-var l = /* @__PURE__ */ new Map(), u = class {
+var c = /* @__PURE__ */ new Map(), l = class {
 	constructor(e, t = {}) {
-		this.formatter = f(e, t), this.options = t;
+		this.formatter = d(e, t), this.options = t;
 	}
 	format(e) {
 		return this.formatter.format(e);
@@ -86,41 +65,41 @@ var l = /* @__PURE__ */ new Map(), u = class {
 	}
 	resolvedOptions() {
 		let e = this.formatter.resolvedOptions();
-		return g() && (this.resolvedHourCycle ||= _(e.locale, this.options), e.hourCycle = this.resolvedHourCycle, e.hour12 = this.resolvedHourCycle === "h11" || this.resolvedHourCycle === "h12"), e.calendar === "ethiopic-amete-alem" && (e.calendar = "ethioaa"), e;
+		return h() && (this.resolvedHourCycle ||= g(e.locale, this.options), e.hourCycle = this.resolvedHourCycle, e.hour12 = this.resolvedHourCycle === "h11" || this.resolvedHourCycle === "h12"), e.calendar === "ethiopic-amete-alem" && (e.calendar = "ethioaa"), e;
 	}
-}, d = {
+}, u = {
 	true: { ja: "h11" },
 	false: {}
 };
-function f(e, t = {}) {
-	if (typeof t.hour12 == "boolean" && m()) {
+function d(e, t = {}) {
+	if (typeof t.hour12 == "boolean" && p()) {
 		t = { ...t };
-		let n = d[String(t.hour12)][e.split("-")[0]], r = t.hour12 ? "h12" : "h23";
+		let n = u[String(t.hour12)][e.split("-")[0]], r = t.hour12 ? "h12" : "h23";
 		t.hourCycle = n ?? r, delete t.hour12;
 	}
 	let n = e + (t ? Object.entries(t).sort((e, t) => e[0] < t[0] ? -1 : 1).join() : "");
-	if (l.has(n)) return l.get(n);
+	if (c.has(n)) return c.get(n);
 	let r = new Intl.DateTimeFormat(e, t);
-	return l.set(n, r), r;
+	return c.set(n, r), r;
 }
-var p = null;
-function m() {
-	return p ??= new Intl.DateTimeFormat("en-US", {
+var f = null;
+function p() {
+	return f ??= new Intl.DateTimeFormat("en-US", {
 		hour: "numeric",
 		hour12: !1
-	}).format(new Date(2020, 2, 3, 0)) === "24", p;
+	}).format(new Date(2020, 2, 3, 0)) === "24", f;
 }
-var h = null;
-function g() {
-	return h ??= new Intl.DateTimeFormat("fr", {
+var m = null;
+function h() {
+	return m ??= new Intl.DateTimeFormat("fr", {
 		hour: "numeric",
 		hour12: !1
-	}).resolvedOptions().hourCycle === "h12", h;
+	}).resolvedOptions().hourCycle === "h12", m;
 }
-function _(e, t) {
+function g(e, t) {
 	if (!t.timeStyle && !t.hour) return;
 	e = e.replace(/(-u-)?-nu-[a-zA-Z0-9]+/, ""), e += (e.includes("-u-") ? "" : "-u") + "-nu-latn";
-	let n = f(e, {
+	let n = d(e, {
 		...t,
 		timeZone: void 0
 	}), r = parseInt(n.formatToParts(new Date(2020, 2, 3, 0)).find((e) => e.type === "hour").value, 10), i = parseInt(n.formatToParts(new Date(2020, 2, 3, 23)).find((e) => e.type === "hour").value, 10);
@@ -132,12 +111,12 @@ function _(e, t) {
 }
 //#endregion
 //#region ../node_modules/.pnpm/@react-aria+i18n@3.12.16_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@react-aria/i18n/dist/useDateFormatter.mjs
-function v(e) {
-	e = c(e ?? {}, y);
+function _(e) {
+	e = s(e ?? {}, v);
 	let { locale: t } = r();
-	return (0, s.useMemo)(() => new u(t, e), [t, e]);
+	return (0, o.useMemo)(() => new l(t, e), [t, e]);
 }
-function y(e, t) {
+function v(e, t) {
 	if (e === t) return !0;
 	let n = Object.keys(e), r = Object.keys(t);
 	if (n.length !== r.length) return !1;
@@ -145,4 +124,4 @@ function y(e, t) {
 	return !0;
 }
 //#endregion
-export { a, o as i, u as n, i as o, c as r, v as t };
+export { i as a, a as i, l as n, s as r, _ as t };

package/dist/{vega-component-D0QXopU8.js → vega-component-tFOzgarw.js}

@@ -3,7 +3,7 @@ import { g as t, h as n, m as r, o as i } from "./button-DdXAm8iz.js";
 import { t as a } from "./react-ofJbxM4x.js";
 import { t as o } from "./compiler-runtime-Cj8ZWiNS.js";
 import { t as s } from "./tooltip-qB8NlSqV.js";
-import { c, v as l } from "./toDate-WXg1yLcI.js";
+import { T as c, c as l } from "./toDate-C67bxMWn.js";
 import { t as u } from "./jsx-runtime-DgDPJV9S.js";
 import { n as d } from "./error-banner-B94dcDmP.js";
 import { t as f } from "./debounce-C3jyATpc.js";
@@ -11,17 +11,17 @@ import { A as p, n as ee } from "./useTheme-DzXmYZ5V.js";
 import { c as m } from "./arrays-CN1djC4k.js";
 import { t as te } from "./objects-CzUgoMIF.js";
 import { t as h } from "./useAsyncData-BD6AStMt.js";
-import { a as ne, i as re, n as ie, t as g } from "./formats-BR5iGb4s.js";
-import { M as ae, n as oe } from "./vega-loader.browser-D95WfUcj.js";
-import { t as se } from "./react-vega-5AcMW8gG.js";
-import { a as ce, n as _ } from "./loader-D2W4oM-3.js";
+import { a as ne, i as re, n as ie, t as g } from "./formats-Cl_67ghI.js";
+import { M as ae, n as oe } from "./vega-loader.browser-DNST6uVf.js";
+import { t as se } from "./react-vega-ewj7q_U5.js";
+import { a as ce, n as _ } from "./loader-DEZSzvma.js";
 import { t as le } from "./useDeepCompareMemoize-D_HNdyvI.js";
 import { t as ue } from "./semaphore-89jsoHtS.js";
 import { t as de } from "./use-vega-container-remeasure-4DwJbPWu.js";
 //#region src/plugins/impl/vega/fix-relative-url.ts
 var fe = /* @__PURE__ */ e(a(), 1), pe = o();
 function me(e) {
-	return e.data && "url" in e.data && (e.data.url = c(e.data.url).href), e;
+	return e.data && "url" in e.data && (e.data.url = l(e.data.url).href), e;
 }
 //#endregion
 //#region src/plugins/impl/vega/types.ts
@@ -492,7 +492,7 @@ async function U(e) {
 		}), !e.data || !("url" in e.data)) return e;
 		let i;
 		try {
-			i = c(e.data.url);
+			i = l(e.data.url);
 		} catch {
 			return e;
 		}
@@ -530,7 +530,7 @@ var G = (e) => {
 		embedOptions: s
 	}), t[5] = i, t[6] = s, t[7] = a, t[8] = u, t[9] = r, t[10] = n, t[11] = p) : p = t[11], p;
 }, K = (e) => {
-	let a = (0, pe.c)(50), { value: o, setValue: c, chartSelection: u, fieldSelection: d, spec: m, embedOptions: h } = e, { theme: ne } = ee(), g = (0, fe.useRef)(null), oe = (0, fe.useRef)(void 0), [_, ue] = (0, fe.useState)(), v;
+	let a = (0, pe.c)(50), { value: o, setValue: l, chartSelection: u, fieldSelection: d, spec: m, embedOptions: h } = e, { theme: ne } = ee(), g = (0, fe.useRef)(null), oe = (0, fe.useRef)(void 0), [_, ue] = (0, fe.useState)(), v;
 	bb0: {
 		if (h && "actions" in h) {
 			v = h.actions;
@@ -550,12 +550,12 @@ var G = (e) => {
 	let C = S, w;
 	a[5] === C ? w = a[6] : (w = T(C), a[5] = C, a[6] = w);
 	let E = w, D;
-	a[7] !== c || a[8] !== o ? (D = (e) => {
-		c({
+	a[7] !== l || a[8] !== o ? (D = (e) => {
+		l({
 			...o,
 			...e
 		});
-	}, a[7] = c, a[8] = o, a[9] = D) : D = a[9];
+	}, a[7] = l, a[8] = o, a[9] = D) : D = a[9];
 	let O = p(D), k;
 	a[10] === O ? k = a[11] : (k = f((e, n) => {
 		t.debug("[Vega signal]", e, n);
@@ -592,7 +592,7 @@ var G = (e) => {
 				className: "text-xs flex flex-col",
 				children: e.map(ve)
 			}),
-			children: /* @__PURE__ */ (0, W.jsx)(l, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" })
+			children: /* @__PURE__ */ (0, W.jsx)(c, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" })
 		});
 	}, a[20] = E, a[21] = R);
 	let z = R, B = ne === "dark" ? "dark" : void 0, V;

package/dist/{vega-embed-container-CbnTccZi.js → vega-embed-container-sSR5hAsy.js}

@@ -2,8 +2,8 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-ofJbxM4x.js";
 import { t as n } from "./compiler-runtime-Cj8ZWiNS.js";
 import { t as r } from "./jsx-runtime-DgDPJV9S.js";
-import { M as i } from "./vega-loader.browser-D95WfUcj.js";
-import { n as a } from "./react-vega-5AcMW8gG.js";
+import { M as i } from "./vega-loader.browser-DNST6uVf.js";
+import { n as a } from "./react-vega-ewj7q_U5.js";
 import { t as o } from "./use-vega-container-remeasure-4DwJbPWu.js";
 //#region src/components/charts/vega-embed-container.tsx
 var s = n(), c = /* @__PURE__ */ e(t(), 1), l = r();

package/dist/{vega-loader.browser-D95WfUcj.js → vega-loader.browser-DNST6uVf.js}

@@ -237,8 +237,8 @@ function Ye(e) {
 		if ("spec" in e) return Ye(e.spec);
 	}
 }
-function Xe(t) {
-	return !t || Object.keys(t).length === 0 ? "auto" : e.mapValues(t, (e) => e === "geometry" || e === "date" || e === "time" ? "string" : e === "datetime" ? "date" : e);
+function Xe(t, { parseDates: n = !1 } = {}) {
+	return !t || Object.keys(t).length === 0 ? "auto" : e.mapValues(t, (e) => e === "geometry" ? "string" : e === "date" ? n ? "date" : "string" : e === "time" ? "string" : e === "datetime" ? "date" : e);
 }
 //#endregion
 //#region ../node_modules/.pnpm/d3-dsv@3.0.1/node_modules/d3-dsv/src/dsv.js

package/dist/{vennDiagram-4TSXK5OY-CTUlJ2PK.js → vennDiagram-4TSXK5OY-BPHjZo0R.js}

@@ -1,9 +1,9 @@
-import { i as e } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { i as e } from "./chunk-75Z2AOVW-C4AOleKf.js";
 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-BUgAHvnM.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-1TwWR6gh.js";
 import { t as _ } from "./rough.esm-CtV9AnV1.js";
-import { p as v } from "./mermaid-DPNuhemn.js";
+import { p as v } from "./mermaid-Dnzoxjt1.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-3evLUb0M.js → wardleyDiagram-VM6X3IG4-6fTLYBuD.js}

@@ -1,8 +1,8 @@
-import { i as e } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { i as e } from "./chunk-75Z2AOVW-C4AOleKf.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-BUgAHvnM.js";
-import { p as m } from "./mermaid-DPNuhemn.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-1TwWR6gh.js";
+import { p as m } from "./mermaid-Dnzoxjt1.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-DL2E3K8-.js → xychartDiagram-S5SC5T6Z-BYjwjrzE.js}

@@ -2,14 +2,14 @@ import { t as e } from "./linear-Cnaq3Tfb.js";
 import { n as t } from "./ordinal-c7efuCSS.js";
 import { t as n } from "./range-BAIvbVHp.js";
 import { q as r } from "./cubic-OaEBhQPK.js";
-import { i } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { i } from "./chunk-75Z2AOVW-C4AOleKf.js";
 import { n as a } from "./init-Ix4LXMlt.js";
 import { n as o } from "./src-CA_m4ONl.js";
 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-BUgAHvnM.js";
-import "./chunk-PWAF6VOD-CTFCL0jI.js";
-import { t as b } from "./chunk-GMAD6QVW-Czynz8aA.js";
-import { p as x } from "./mermaid-DPNuhemn.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-1TwWR6gh.js";
+import "./chunk-PWAF6VOD-lNxB9k8z.js";
+import { t as b } from "./chunk-GMAD6QVW-vStrMz2P.js";
+import { p as x } from "./mermaid-Dnzoxjt1.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.1-dev90",
+  "version": "0.25.1",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -198,7 +198,6 @@
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
     "@types/dompurify": "^3.2.0",
-    "@types/katex": "^0.16.8",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.13.3",
     "@types/plotly.js": "^2.35.16",

package/src/__mocks__/common.ts

@@ -101,9 +101,9 @@ export const SetupMocks = {
     const unobserve = vi.fn();
     const disconnect = vi.fn();
     global.ResizeObserver = class MockResizeObserver {
-      observe = observe;
-      unobserve = unobserve;
-      disconnect = disconnect;
+      public observe = observe;
+      public unobserve = unobserve;
+      public disconnect = disconnect;
     } as unknown as typeof ResizeObserver;
     return { observe, unobserve, disconnect };
   },

package/src/__tests__/CellStatus.test.tsx

@@ -57,7 +57,7 @@ describe("CellStatusComponent", () => {
 
   beforeEach(() => {
     global.Date = class extends Date {
-      static override now() {
+      public static override now() {
         return mockDate.getTime();
       }
     } as typeof Date;

package/src/__tests__/setup.ts

@@ -9,29 +9,29 @@ import "blob-polyfill";
 // if we need to test ResizeObserver functionality
 // we can use a library like "resize-observer-polyfill"
 globalThis.ResizeObserver ??= class {
-  observe(_target: Element) {
+  public observe(_target: Element) {
     /* noop */
   }
-  unobserve(_target: Element) {
+  public unobserve(_target: Element) {
     /* noop */
   }
-  disconnect() {
+  public disconnect() {
     /* noop */
   }
 } as never;
 
 // mock implementation because jsdom doesn't support IntersectionObserver
 globalThis.IntersectionObserver ??= class {
-  observe(_target: Element) {
+  public observe(_target: Element) {
     /* noop */
   }
-  unobserve(_target: Element) {
+  public unobserve(_target: Element) {
     /* noop */
   }
-  disconnect() {
+  public disconnect() {
     /* noop */
   }
-  takeRecords() {
+  public takeRecords() {
     return [];
   }
 } as never;

package/src/components/app-config/ai-config.tsx

@@ -59,6 +59,7 @@ import {
   listModelsForAiSettings,
 } from "../ai/ai-utils";
 import { getTagColour } from "../ai/display-helpers";
+import { PairWithAgentBanner } from "../editor/actions/pair-with-agent";
 import {
   Accordion,
   AccordionContent,
@@ -2005,6 +2006,7 @@ export const AiConfig: React.FC<AiConfigProps> = ({
       {aiEnabled !== false && (
         <>
           <TabsContent value="ai-providers">
+            <PairWithAgentBanner className="mb-4" />
             <AiProvidersConfig
               form={form}
               config={config}

package/src/components/app-config/optional-features.tsx

@@ -107,7 +107,7 @@ const OPTIONAL_DEPENDENCIES: OptionalFeature[] = [
   },
   {
     id: "lens",
-    packagesRequired: [{ name: "marimo-lens", minVersion: "0.2.0" }],
+    packagesRequired: [{ name: "marimo-lens", minVersion: "0.2.3" }],
     additionalPackageInstalls: [],
     description: "Select outputs for agents",
   },

package/src/components/chat/chat-panel.tsx

@@ -64,6 +64,10 @@ import { cn } from "@/utils/cn";
 import { Logger } from "@/utils/Logger";
 import { AIModelDropdown } from "../ai/ai-model-dropdown";
 import { useOpenSettingsToTab } from "../app-config/state";
+import {
+  PairWithAgentBanner,
+  PairWithAgentButton,
+} from "../editor/actions/pair-with-agent";
 import { PairWithAgentModal } from "../editor/actions/pair-with-agent-modal";
 import { PromptInput } from "../editor/ai/add-cell-with-ai";
 import {
@@ -163,6 +167,9 @@ const ChatHeader: React.FC<ChatHeaderProps> = ({
         </Button>
       </Tooltip>
       <div className="flex items-center gap-2">
+        <Tooltip content="Connect your agent">
+          <PairWithAgentButton className="mr-1" label="Connect" />
+        </Tooltip>
         <MCPStatusIndicator />
         <Tooltip content="AI Settings">
           <Button
@@ -493,7 +500,7 @@ const PairWithAgentCallout: React.FC<{
       onClick={onPairWithAgent}
     >
       <SparklesIcon className="h-3.5 w-3.5 shrink-0" />
-      <span>Work on this notebook with your own agent</span>
+      <span>Connect your own agent to this notebook</span>
       <ArrowRightIcon className="h-3 w-3 shrink-0" />
     </Button>
   );
@@ -509,13 +516,17 @@ const ChatPanel = () => {
         title="Chat with AI"
         description="No AI provider configured or Chat model not selected"
         action={
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => handleClick("ai", "ai-providers")}
-          >
-            Edit AI settings
-          </Button>
+          <div className="flex flex-col gap-3">
+            <Button
+              variant="outline"
+              size="sm"
+              className="self-start"
+              onClick={() => handleClick("ai", "ai-providers")}
+            >
+              Edit AI settings
+            </Button>
+            <PairWithAgentBanner />
+          </div>
         }
         icon={<BotMessageSquareIcon />}
       />

package/src/components/data-table/TableTopBar.tsx

@@ -19,7 +19,7 @@ import {
 import { Spinner } from "../icons/spinner";
 import { Button } from "../ui/button";
 import { ColumnVisibilityDropdown } from "./column-visibility-dropdown";
-import { type ExportActionProps, ExportMenu } from "./export-actions";
+import { type ExportActionProps, ExportActions } from "./export-actions";
 
 const NOOP_ON_SEARCH = () => {
   /** no-op*/
@@ -130,7 +130,7 @@ export const TableTopBar = <TData,>({
           </Button>
         )}
         {downloadAs && (
-          <ExportMenu
+          <ExportActions
             downloadAs={downloadAs}
             sizeBytes={sizeBytes}
             sizeBytesIsLoading={sizeBytesIsLoading}