@marimo-team/islands 0.25.2-dev105 → 0.25.2-dev107

package/dist/{stateDiagram-D77RDMKH-CW5dERQ1.js → stateDiagram-D77RDMKH-DOZUMVj8.js}

@@ -12,11 +12,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-C2NJdX2u.js";
+import "./mermaid-CiAXjLpA.js";
 import "./chunk-F27PBJKO-ufseIn5y.js";
 import "./chunk-XXDRQBXY-Dnl5VBqG.js";
 import "./chunk-POPQ4Y6H-hYOXbYH_.js";
-import { i as f, n as p, t as m } from "./chunk-IMKFNOWR-Dk2PgCm2.js";
+import { i as f, n as p, t as m } from "./chunk-IMKFNOWR-CoIFEo-1.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-D77RDMKH.mjs
 var h = /* @__PURE__ */ s((e) => e.append("circle").attr("class", "start-state").attr("r", d().state.sizeUnit).attr("cx", d().state.padding + d().state.sizeUnit).attr("cy", d().state.padding + d().state.sizeUnit), "drawStartState"), g = /* @__PURE__ */ s((e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", d().state.textHeight).attr("class", "divider").attr("x2", d().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider"), _ = /* @__PURE__ */ s((e, t) => {
 	let n = e.append("text").attr("x", 2 * d().state.padding).attr("y", d().state.textHeight + 2 * d().state.padding).attr("font-size", d().state.fontSize).attr("class", "state-title").text(t.id), r = n.node().getBBox();

package/dist/{stateDiagram-v2-MP3YSRHH-B1BR_34Z.js → stateDiagram-v2-MP3YSRHH-CISYxma6.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-C2NJdX2u.js";
+import "./mermaid-CiAXjLpA.js";
 import "./chunk-F27PBJKO-ufseIn5y.js";
 import "./chunk-XXDRQBXY-Dnl5VBqG.js";
 import "./chunk-POPQ4Y6H-hYOXbYH_.js";
-import { i as t, n, r, t as i } from "./chunk-IMKFNOWR-Dk2PgCm2.js";
+import { i as t, n, r, t as i } from "./chunk-IMKFNOWR-CoIFEo-1.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-MP3YSRHH.mjs
 var a = {
 	parser: n,

package/dist/{swimlanes-42K2YHIH-CXasdezK.js → swimlanes-42K2YHIH-BkSppxp8.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-C2NJdX2u.js";
+import { c as r } from "./mermaid-CiAXjLpA.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-WuS8E4Md.js → swimlanesDiagram-VR7AAH4N-c8G5pGxC.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-C2NJdX2u.js";
+import "./mermaid-CiAXjLpA.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-BGY-9vHH.js";
+import { r as t, t as n } from "./chunk-SHT3W25Y-lHiGx3ZC.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/{swiper-component-Bzo0y0WO.js → swiper-component-DKntyn8p.js}

@@ -1,9 +1,9 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { c as t, h as n, t as r } from "./button-e0G6suEi.js";
+import { c as t, h as n, t as r } from "./button-CvjkwdSk.js";
 import { t as i } from "./react-sHtZdjeP.js";
 import { t as a } from "./compiler-runtime-CldRdSsv.js";
 import { t as o } from "./jsx-runtime-3BD1kT0s.js";
-import { t as s } from "./useIframeCapabilities-DIRs8689.js";
+import { t as s } from "./useIframeCapabilities-DBETvvPl.js";
 /* empty css                */
 //#region ../node_modules/.pnpm/swiper@12.2.0/node_modules/swiper/shared/ssr-window.esm.mjs
 var c = /* @__PURE__ */ e(i(), 1), l = a();

package/dist/{timeline-definition-24CTP7MA-MS0jeNYt.js → timeline-definition-24CTP7MA-CaMQayqK.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-C2NJdX2u.js";
+import { p as m } from "./mermaid-CiAXjLpA.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/{toDate-CaG7azFp.js → toDate-Dwcg_x_5.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { g as t } from "./button-e0G6suEi.js";
+import { g as t } from "./button-CvjkwdSk.js";
 import { t as n } from "./compiler-runtime-CldRdSsv.js";
-import { h as r } from "./tooltip-Dbmm909v.js";
-import { C as i, E as a, _ as o, a as s, b as c } from "./useTheme-DdoJP40B.js";
+import { h as r } from "./tooltip-BO1REbqs.js";
+import { C as i, E as a, _ as o, a as s, b as c } from "./useTheme-CRnjkku0.js";
 import { t as l } from "./invariant-DLmrl-hA.js";
 var u = r("circle-question-mark", [
 	["circle", {

package/dist/{toast-DEQUzOQE.js → toast-B9UMEi8u.js}

@@ -1,12 +1,12 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { h as t, p as n, r } from "./button-e0G6suEi.js";
+import { h as t, p as n, r } from "./button-CvjkwdSk.js";
 import { t as i } from "./react-sHtZdjeP.js";
 import { t as a } from "./compiler-runtime-CldRdSsv.js";
-import { m as o } from "./tooltip-Dbmm909v.js";
-import { A as s, k as c } from "./select-eLd7a6qs.js";
+import { m as o } from "./tooltip-BO1REbqs.js";
+import { A as s, k as c } from "./select-BButFi-d.js";
 import { t as l } from "./react-dom-DUmH0GXv.js";
 import { t as u } from "./jsx-runtime-3BD1kT0s.js";
-import { Ct as d, St as f, Tt as p, _t as m, bt as h, ft as g, gt as ee, mt as te, wt as _, xt as v, yt as ne } from "./use-restore-focus-B7_UeKnI.js";
+import { Ct as d, St as f, Tt as p, _t as m, bt as h, ft as g, gt as ee, mt as te, wt as _, xt as v, yt as ne } from "./use-restore-focus-BEM7sFWl.js";
 //#region ../node_modules/.pnpm/@radix-ui+react-toast@1.2.23_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react@_69693a0157877c6dbc61617dd22ea8ee/node_modules/@radix-ui/react-toast/dist/index.mjs
 var y = /* @__PURE__ */ e(i(), 1), re = /* @__PURE__ */ e(l(), 1), b = u(), x = Object.defineProperty, S = (e, t) => x(e, "name", {
 	value: t,

package/dist/{tooltip-Dbmm909v.js → tooltip-BO1REbqs.js}

@@ -1,10 +1,10 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { d as t, h as n, p as r } from "./button-e0G6suEi.js";
+import { d as t, h as n, p as r } from "./button-CvjkwdSk.js";
 import { t as i } from "./react-sHtZdjeP.js";
 import { t as a } from "./compiler-runtime-CldRdSsv.js";
 import { t as o } from "./react-dom-DUmH0GXv.js";
 import { t as s } from "./jsx-runtime-3BD1kT0s.js";
-import { Ct as c, Q as l, St as u, X as d, Y as f, _t as p, bt as m, ft as h, ht as g, vt as _, wt as v, xt as y, yt as b } from "./use-restore-focus-B7_UeKnI.js";
+import { Ct as c, Q as l, St as u, X as d, Y as f, _t as p, bt as m, ft as h, ht as g, vt as _, wt as v, xt as y, yt as b } from "./use-restore-focus-BEM7sFWl.js";
 //#region ../node_modules/.pnpm/lucide-react@0.577.0_react@19.3.0/node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
 var x = /* @__PURE__ */ e(i()), S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), C = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), T = (e) => {
 	let t = w(e);

package/dist/{use-restore-focus-B7_UeKnI.js → use-restore-focus-BEM7sFWl.js}

@@ -1,5 +1,5 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { c as t, p as n, u as r } from "./button-e0G6suEi.js";
+import { c as t, p as n, u as r } from "./button-CvjkwdSk.js";
 import { t as i } from "./react-sHtZdjeP.js";
 import { t as a } from "./compiler-runtime-CldRdSsv.js";
 import { t as o } from "./react-dom-DUmH0GXv.js";

package/dist/{useAsyncData-B2hCigr0.js → useAsyncData-Deh5kszT.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 { A as r } from "./useTheme-DdoJP40B.js";
+import { A as r } from "./useTheme-CRnjkku0.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-DtgICMM1.js → useDateFormatter-D8XruNGG.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-Dbmm909v.js";
-import { i as r } from "./label-csksCK90.js";
+import { h as n } from "./tooltip-BO1REbqs.js";
+import { i as r } from "./label-BDKF3Afc.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-NxOUy83E.js → useDeepCompareMemoize-DXwzRINI.js}

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

package/dist/{useIframeCapabilities-DIRs8689.js → useIframeCapabilities-DBETvvPl.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./compiler-runtime-CldRdSsv.js";
-import { t } from "./capabilities-to826YB8.js";
+import { t } from "./capabilities-CQ5IjhzL.js";
 //#region src/hooks/useIframeCapabilities.ts
 var n = e();
 function r() {

package/dist/{useLifecycle-NfWtOhUr.js → useLifecycle-j7D9uD1o.js}

@@ -1,10 +1,10 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { g as t, h as n, r } from "./button-e0G6suEi.js";
+import { g as t, h as n, r } from "./button-CvjkwdSk.js";
 import { t as i } from "./react-sHtZdjeP.js";
 import { t as a } from "./compiler-runtime-CldRdSsv.js";
-import { h as o } from "./tooltip-Dbmm909v.js";
+import { h as o } from "./tooltip-BO1REbqs.js";
 import { t as s } from "./jsx-runtime-3BD1kT0s.js";
-import { E as c, w as l } from "./useTheme-DdoJP40B.js";
+import { E as c, w as l } from "./useTheme-CRnjkku0.js";
 var u = o("calendar", [
 	["path", {
 		d: "M8 2v4",

package/dist/{useTheme-DdoJP40B.js → useTheme-CRnjkku0.js}

@@ -1,8 +1,8 @@
 import { a as e, r as t } from "./rolldown-runtime-Cb76FRpK.js";
-import { a as n, g as r, s as i } from "./button-e0G6suEi.js";
+import { a as n, g as r, s as i } from "./button-CvjkwdSk.js";
 import { t as a } from "./react-sHtZdjeP.js";
 import { t as o } from "./compiler-runtime-CldRdSsv.js";
-import { C as s, F as c, L as l, M as u, O as d, P as f, S as p, j as m, v as h } from "./use-restore-focus-B7_UeKnI.js";
+import { C as s, F as c, L as l, M as u, O as d, P as f, S as p, j as m, v as h } from "./use-restore-focus-BEM7sFWl.js";
 import { l as g, t as _ } from "./_baseMerge-BiGRwuqv.js";
 //#region ../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/mergeWith.js
 var v = g(function(e, t, n, r) {

package/dist/{vega-component-lajX4E5T.js → vega-component-DLBAQLSf.js}

@@ -1,21 +1,21 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { g as t, h as n, m as r, o as i } from "./button-e0G6suEi.js";
+import { g as t, h as n, m as r, o as i } from "./button-CvjkwdSk.js";
 import { t as a } from "./react-sHtZdjeP.js";
 import { t as o } from "./compiler-runtime-CldRdSsv.js";
-import { t as s } from "./tooltip-Dbmm909v.js";
-import { T as c, c as l } from "./toDate-CaG7azFp.js";
+import { t as s } from "./tooltip-BO1REbqs.js";
+import { T as c, c as l } from "./toDate-Dwcg_x_5.js";
 import { t as u } from "./jsx-runtime-3BD1kT0s.js";
-import { n as d } from "./error-banner-CSBLWQOS.js";
+import { n as d } from "./error-banner-Da600cwz.js";
 import { t as f } from "./debounce-C3jyATpc.js";
-import { A as p, n as ee } from "./useTheme-DdoJP40B.js";
+import { A as p, n as ee } from "./useTheme-CRnjkku0.js";
 import { c as m } from "./arrays-CN1djC4k.js";
 import { t as te } from "./objects-CzUgoMIF.js";
-import { t as h } from "./useAsyncData-B2hCigr0.js";
-import { a as ne, i as re, n as ie, t as g } from "./formats-CJxJy0A5.js";
+import { t as h } from "./useAsyncData-Deh5kszT.js";
+import { a as ne, i as re, n as ie, t as g } from "./formats-DLtvJPnj.js";
 import { M as ae, n as oe } from "./vega-loader.browser-DNST6uVf.js";
 import { t as se } from "./react-vega-BED0DjiB.js";
-import { a as ce, n as _ } from "./loader-BBZo0c48.js";
-import { t as le } from "./useDeepCompareMemoize-NxOUy83E.js";
+import { a as ce, n as _ } from "./loader-BQOfjTIJ.js";
+import { t as le } from "./useDeepCompareMemoize-DXwzRINI.js";
 import { t as ue } from "./semaphore-89jsoHtS.js";
 import { t as de } from "./use-vega-container-remeasure-Bz4PZMtt.js";
 //#region src/plugins/impl/vega/fix-relative-url.ts

package/dist/{vennDiagram-4TSXK5OY-BjY3_fWF.js → vennDiagram-4TSXK5OY-CF8pfaK3.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-C2NJdX2u.js";
+import { p as v } from "./mermaid-CiAXjLpA.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-CmNH2_Vg.js → wardleyDiagram-VM6X3IG4-dGPu39d-.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-C2NJdX2u.js";
+import { p as m } from "./mermaid-CiAXjLpA.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-frIXgxSb.js → xychartDiagram-S5SC5T6Z-CP6-9q56.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-C2NJdX2u.js";
+import { p as x } from "./mermaid-CiAXjLpA.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.2-dev105",
+  "version": "0.25.2-dev107",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/core/codemirror/language/embedded/__tests__/embedded-python.test.ts

@@ -2,13 +2,17 @@
 
 import type { CompletionContext } from "@codemirror/autocomplete";
 import { python } from "@codemirror/lang-python";
+import { StreamLanguage } from "@codemirror/language";
+import { stexMath } from "@codemirror/legacy-modes/mode/stex";
 import { EditorState } from "@codemirror/state";
-import type { InlineContext } from "@lezer/markdown";
-import { beforeEach, describe, expect, it } from "vitest";
+import { classHighlighter, highlightTree } from "@lezer/highlight";
+import { parser as markdownParser } from "@lezer/markdown";
+import { beforeEach, describe, expect, it, vi } from "vitest";
 import { cellId, variableName } from "@/__tests__/branded";
 import { store } from "@/core/state/jotai";
 import { variablesAtom } from "@/core/variables/state";
 import { parsePython, variableCompletionSource } from "../embedded-python";
+import { parseLatex } from "../latex";
 
 const IS_ACTIVE = () => true;
 
@@ -23,25 +27,133 @@ describe("parsePython", () => {
     ]);
   });
 
-  it("should not parse double curly braces", () => {
+  const cases = [
+    "{math.exp(3)}",
+    '${math.exp(3) + len("$}")} $',
+    "${math.exp(3)} + {math.sin(3)}$",
+    "${math.exp(3)}$",
+    "$$ {math.exp(3)} $$",
+    String.raw`\({math.exp(3)}\)`,
+    String.raw`\[{math.exp(3)}\]`,
+    String.raw`\\({math.exp(3)}\\)`,
+    String.raw`\\[{math.exp(3)}\\]`,
+    String.raw`$\frac{{{math.exp(3)}}}{{2}}$`,
+    String.raw`$\{math.exp(3)}$`,
+    '${ {"}": math.exp(3)} }$',
+    "${math.exp(3):{width}.{precision}f}$",
+  ];
+
+  function highlightedProperties(doc: string, prefix: string) {
+    const parser = markdownParser.configure([
+      parseLatex(StreamLanguage.define(stexMath).parser),
+      parsePython(python().language.parser, () => prefix.includes("f")),
+    ]);
+    const properties: string[] = [];
+    highlightTree(parser.parse(doc), classHighlighter, (from, to, classes) => {
+      if (classes.split(" ").includes("tok-propertyName")) {
+        properties.push(doc.slice(from, to));
+      }
+    });
+    return properties;
+  }
+
+  it.each(["f", "rf", "fr"])(
+    "highlights interpolation with %s strings",
+    (prefix) => {
+      for (const doc of cases) {
+        expect(highlightedProperties(doc, prefix)).toEqual(
+          doc.includes("math.sin") ? ["exp", "sin"] : ["exp"],
+        );
+      }
+    },
+  );
+
+  it.each(["", "r"])("does not interpolate %s strings", (prefix) => {
+    for (const doc of cases) {
+      expect(highlightedProperties(doc, prefix)).toEqual([]);
+    }
+  });
+
+  it("parses replacement boundaries once for a paragraph with many interpolations", () => {
     const pythonParser = python().language.parser;
-    const config = parsePython(pythonParser, IS_ACTIVE);
+    const parse = vi.spyOn(pythonParser, "parse");
+    try {
+      const doc = "{math.exp(3)} ".repeat(1000);
+      const parser = markdownParser.configure([
+        parseLatex(StreamLanguage.define(stexMath).parser),
+        parsePython(pythonParser, IS_ACTIVE),
+      ]);
+      const properties: string[] = [];
+      highlightTree(
+        parser.parse(doc),
+        classHighlighter,
+        (from, to, classes) => {
+          if (classes.split(" ").includes("tok-propertyName")) {
+            properties.push(doc.slice(from, to));
+          }
+        },
+      );
+      expect(properties).toEqual(Array.from({ length: 1000 }, () => "exp"));
+      expect(parse).toHaveBeenCalledTimes(1);
+    } finally {
+      parse.mockRestore();
+    }
+  });
 
-    // Create a mock context
-    const mockContext = {
-      slice: (from: number, to: number) => {
-        if (from === 5 && to === 6) {
-          return "{";
-        }
-        return "";
-      },
-      addDelimiter: () => -1,
-    } as unknown as InlineContext;
+  it("preserves raw backslashes between replacements", () => {
+    expect(
+      highlightedProperties(String.raw`{math.exp(3)} \N{math.sin(3)}`, "rf"),
+    ).toEqual(["exp", "sin"]);
+  });
+
+  it("finds replacements after triple quotes in markdown text", () => {
+    expect(
+      highlightedProperties('{math.exp(3)} """ {math.sin(3)}', "f"),
+    ).toEqual(["exp", "sin"]);
+  });
 
-    // Test with double curly braces
-    const result = config.parseInline![0].parse(mockContext, 123, 6); // 123 is OPEN_BRACE
-    expect(result).toBe(-1);
+  it("keeps replacement positions local to each paragraph", () => {
+    expect(
+      highlightedProperties("${math.exp(3)}$\n\n${math.sin(3)}$", "rf"),
+    ).toEqual(["exp", "sin"]);
   });
+
+  it("preserves LaTeX highlighting around Python replacements", () => {
+    const doc = String.raw`$\frac{{{math.exp(3)}}}{{2}} + \alpha$`;
+    const parser = markdownParser.configure([
+      parseLatex(StreamLanguage.define(stexMath).parser),
+      parsePython(python().language.parser, IS_ACTIVE),
+    ]);
+    const highlighted: string[] = [];
+    highlightTree(parser.parse(doc), classHighlighter, (from, to) => {
+      highlighted.push(doc.slice(from, to));
+    });
+    expect(highlighted).toEqual(
+      expect.arrayContaining(["\\frac", "exp", "\\alpha"]),
+    );
+  });
+
+  it.each(["${math.exp(3)$", "${math.exp(3)", "${{math.exp(3)}$"])(
+    "does not treat incomplete or escaped braces as replacements: %s",
+    (doc) => {
+      expect(highlightedProperties(doc, "f")).toEqual([]);
+    },
+  );
+
+  it.each(["f", "rf", "fr"])(
+    "keeps doubled braces literal in %s strings",
+    (prefix) => {
+      for (const doc of [
+        "{{math.exp(3)}}",
+        "${{math.exp(3)}}$",
+        "$ {{{{math.exp(3)}}}} $",
+        String.raw`$\{{math.exp(3)}}$`,
+        String.raw`$\frac{{1}}{{2}}$`,
+      ]) {
+        expect(highlightedProperties(doc, prefix)).toEqual([]);
+      }
+    },
+  );
 });
 
 describe("variableCompletionSource", () => {
@@ -72,10 +184,10 @@ describe("variableCompletionSource", () => {
     const context: Partial<CompletionContext> = {
       pos: 8,
       explicit: false,
-      matchBefore: (expr: RegExp) => ({ from: 7, to: 8, text: "v" }),
+      matchBefore: (_expr: RegExp) => ({ from: 7, to: 8, text: "v" }),
       state,
       aborted: false,
-      tokenBefore: (types: readonly string[]) => null,
+      tokenBefore: (_types: readonly string[]) => null,
     };
 
     const result = variableCompletionSource(context as CompletionContext);
@@ -92,10 +204,10 @@ describe("variableCompletionSource", () => {
     const context: Partial<CompletionContext> = {
       pos: 7,
       explicit: false,
-      matchBefore: (expr: RegExp) => ({ from: 6, to: 7, text: "v" }),
+      matchBefore: (_expr: RegExp) => ({ from: 6, to: 7, text: "v" }),
       state,
       aborted: false,
-      tokenBefore: (types: readonly string[]) => null,
+      tokenBefore: (_types: readonly string[]) => null,
     };
 
     const result = variableCompletionSource(context as CompletionContext);
@@ -110,10 +222,10 @@ describe("variableCompletionSource", () => {
     const context: Partial<CompletionContext> = {
       pos: 13,
       explicit: false,
-      matchBefore: (expr: RegExp) => ({ from: 12, to: 13, text: "v" }),
+      matchBefore: (_expr: RegExp) => ({ from: 12, to: 13, text: "v" }),
       state,
       aborted: false,
-      tokenBefore: (types: readonly string[]) => null,
+      tokenBefore: (_types: readonly string[]) => null,
     };
 
     const result = variableCompletionSource(context as CompletionContext);
@@ -131,7 +243,7 @@ describe("variableCompletionSource", () => {
       matchBefore: () => null,
       state,
       aborted: false,
-      tokenBefore: (types: readonly string[]) => null,
+      tokenBefore: (_types: readonly string[]) => null,
     };
 
     const result = variableCompletionSource(context as CompletionContext);
@@ -146,10 +258,10 @@ describe("variableCompletionSource", () => {
     const context: Partial<CompletionContext> = {
       pos: 9,
       explicit: false,
-      matchBefore: (expr: RegExp) => ({ from: 8, to: 9, text: "v" }),
+      matchBefore: (_expr: RegExp) => ({ from: 8, to: 9, text: "v" }),
       state,
       aborted: false,
-      tokenBefore: (types: readonly string[]) => null,
+      tokenBefore: (_types: readonly string[]) => null,
     };
 
     const result = variableCompletionSource(context as CompletionContext);

package/src/core/codemirror/language/embedded/embedded-python.ts

@@ -16,11 +16,8 @@ import { getVariableCompletions } from "../../completion/variable-completions";
 const PYTHON = "Python";
 
 const OPEN_BRACE = 123; // {
-const CLOSE_BRACE = 125; // }
 const DELIMITER_LENGTH = 1;
 
-const MARK = { mark: `${PYTHON}Mark`, resolve: PYTHON };
-
 /**
  * Define a Python code block parser for Markdown.
  *
@@ -31,6 +28,11 @@ export function parsePython(
   pythonParser: Parser,
   isActivated: () => boolean,
 ): MarkdownConfig {
+  const replacements = new WeakMap<
+    InlineContext,
+    { ends: Map<number, number>; parsedTo: number }
+  >();
+
   const defineNodes = [
     { name: PYTHON, style: tags.emphasis },
     { name: `${PYTHON}Mark`, style: tags.processingInstruction },
@@ -41,26 +43,58 @@ export function parsePython(
     parseInline: [
       {
         name: PYTHON,
+        before: "Escape",
         parse(cx: InlineContext, next: number, pos: number): number {
           if (!isActivated()) {
             return -1;
           }
 
-          if (next !== OPEN_BRACE && next !== CLOSE_BRACE) {
+          // A backslash does not escape a brace in Python f-strings.
+          if (next === 92 && cx.char(pos + 1) === OPEN_BRACE) {
+            return pos + 1;
+          }
+          if (next !== OPEN_BRACE) {
             return -1;
           }
+          if (cx.char(pos + 1) === OPEN_BRACE) {
+            return pos + 2;
+          }
 
-          // Check for double curly braces
-          if (next === OPEN_BRACE && cx.slice(pos - 1, pos) === "{") {
+          let cached = replacements.get(cx);
+          if (!cached || pos >= cached.parsedTo) {
+            // Cache all replacements so each brace does not reparse the paragraph.
+            // Keep Markdown backslashes from consuming braces as Python escapes.
+            const prefix = 'rf"""';
+            const tree = pythonParser.parse(
+              `${prefix}${cx.slice(pos, cx.end)}\n"""`,
+            );
+            const formatString = tree.topNode
+              .getChild("ExpressionStatement")
+              ?.getChild("FormatString");
+            const offset = pos - prefix.length;
+            const ends = new Map<number, number>();
+            for (const replacement of formatString?.getChildren(
+              "FormatReplacement",
+            ) ?? []) {
+              if (replacement.lastChild?.name === "}") {
+                ends.set(offset + replacement.from, offset + replacement.to);
+              }
+            }
+            cached = {
+              ends,
+              parsedTo: formatString ? offset + formatString.to : cx.end,
+            };
+            replacements.set(cx, cached);
+          }
+          const end = cached.ends.get(pos);
+          if (end === undefined) {
             return -1;
           }
-
-          return cx.addDelimiter(
-            MARK,
-            pos,
-            pos + DELIMITER_LENGTH,
-            next === OPEN_BRACE,
-            next === CLOSE_BRACE,
+          return cx.addElement(
+            cx.elt(PYTHON, pos, end, [
+              cx.elt(`${PYTHON}Mark`, pos, pos + 1),
+              cx.elt(`${PYTHON}Mark`, end - 1, end),
+            ]),
           );
         },
       },