@drghaliasri/butex 5.3.2 → 5.4.0

package/dist/index.global.js

@@ -151,17 +151,15 @@ mjx-container[jax="SVG"] svg text[data-butex-svg-text] {
   unicode-bidi: isolate;
 }
 
-.butex-preview-mirror {
+/* CHTML only: CSS flip is safe here because layout is unaffected.
+ * SVG mirrors are baked into the transform attribute by patchBuTeXSvgMath
+ * (CSS transform would override MathJax's translate presentation attribute). */
+mjx-container[jax="CHTML"] .butex-preview-mirror {
   transform: scaleX(-1);
   transform-origin: center;
   display: inline-block;
 }
 
-mjx-container[jax="SVG"] svg .butex-preview-mirror {
-  transform-box: fill-box;
-  transform-origin: center center;
-}
-
 /* Keeps Arabic text shaping sane after double flip; tweak fonts in page preamble */
 .mjx-rtl-unmirror .mjx-text,
 .mjx-rtl-unmirror .mjx-char {
@@ -789,11 +787,20 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
     const inner = new TexParserClass(arg, parser.stack.env, parser.configuration).mml();
     parser.Push(inner);
   }
+  function arabvecArgument(parser, name) {
+    const arg = parser.GetArgument(name);
+    const TexParserClass = parser.constructor;
+    const tex = `\\butexmirror{\\vec{\\butexmirror{${arg}}}}`;
+    const inner = new TexParserClass(tex, parser.stack.env, parser.configuration).mml();
+    parser.Push(inner);
+  }
   var passthroughArgumentTyped = passthroughArgument;
+  var arabvecArgumentTyped = arabvecArgument;
   function registerPassthroughCommandMacros(CommandMap) {
     new CommandMap(COMMAND_MAP6, {
       unit: passthroughArgumentTyped,
-      idx: passthroughArgumentTyped
+      idx: passthroughArgumentTyped,
+      arabvec: arabvecArgumentTyped
     });
     return COMMAND_MAP6;
   }
@@ -1119,6 +1126,320 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
     return wrap;
   }
 
+  // src/editor/display/overset.ts
+  var OVERSET_CSS = `
+.overset {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  margin: 0 2px;
+  min-width: 1.2em;
+}
+
+.overset-over {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 0.85em;
+  padding: 0 2px;
+  font-size: 0.72em;
+  line-height: 1.1;
+}
+
+.overset-base {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 1.05em;
+  padding: 0 2px;
+}
+`.trim();
+  function buildOversetNodeBody(node, buildChain) {
+    const wrap = document.createElement("span");
+    wrap.className = "overset";
+    const over = document.createElement("span");
+    over.className = "overset-over";
+    if (node.overExpr) {
+      over.appendChild(buildChain(node.overExpr));
+    }
+    const base = document.createElement("span");
+    base.className = "overset-base";
+    if (node.baseExpr) {
+      base.appendChild(buildChain(node.baseExpr));
+    }
+    wrap.appendChild(over);
+    wrap.appendChild(base);
+    return wrap;
+  }
+
+  // src/editor/display/underset.ts
+  var UNDERSET_CSS = `
+.underset {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  margin: 0 2px;
+  min-width: 1.2em;
+}
+
+.underset-base {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 1.05em;
+  padding: 0 2px;
+}
+
+.underset-under {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 0.85em;
+  padding: 0 2px;
+  font-size: 0.72em;
+  line-height: 1.1;
+}
+`.trim();
+  function buildUndersetNodeBody(node, buildChain) {
+    const wrap = document.createElement("span");
+    wrap.className = "underset";
+    const base = document.createElement("span");
+    base.className = "underset-base";
+    if (node.baseExpr) {
+      base.appendChild(buildChain(node.baseExpr));
+    }
+    const under = document.createElement("span");
+    under.className = "underset-under";
+    if (node.underExpr) {
+      under.appendChild(buildChain(node.underExpr));
+    }
+    wrap.appendChild(base);
+    wrap.appendChild(under);
+    return wrap;
+  }
+
+  // src/editor/accentCommands.ts
+  var ACCENT_COMMANDS = {
+    vec: {
+      id: "vec",
+      englishTex: "\\vec",
+      arabicTex: "\\arabvec",
+      placement: "over",
+      label: "\u20D7",
+      title: "\u0633\u0647\u0645 \u0641\u0648\u0642"
+    },
+    hat: {
+      id: "hat",
+      englishTex: "\\hat",
+      arabicTex: "\\hat",
+      placement: "over",
+      label: "\u02C6",
+      title: "\u0642\u0628\u0639\u0629"
+    },
+    tilde: {
+      id: "tilde",
+      englishTex: "\\tilde",
+      arabicTex: "\\tilde",
+      placement: "over",
+      label: "\u02DC",
+      title: "\u0645\u062F\u0629"
+    },
+    dot: {
+      id: "dot",
+      englishTex: "\\dot",
+      arabicTex: "\\dot",
+      placement: "over",
+      label: "\u02D9",
+      title: "\u0646\u0642\u0637\u0629 \u0641\u0648\u0642"
+    },
+    ddot: {
+      id: "ddot",
+      englishTex: "\\ddot",
+      arabicTex: "\\ddot",
+      placement: "over",
+      label: "\xA8",
+      title: "\u0646\u0642\u0637\u062A\u0627\u0646 \u0641\u0648\u0642"
+    },
+    dddot: {
+      id: "dddot",
+      englishTex: "\\dddot",
+      arabicTex: "\\dddot",
+      placement: "over",
+      label: "\u20DB",
+      title: "\u062B\u0644\u0627\u062B \u0646\u0642\u0627\u0637 \u0641\u0648\u0642"
+    },
+    bar: {
+      id: "bar",
+      englishTex: "\\bar",
+      arabicTex: "\\bar",
+      placement: "over",
+      label: "\xAF",
+      title: "\u062E\u0637 \u0641\u0648\u0642"
+    },
+    check: {
+      id: "check",
+      englishTex: "\\check",
+      arabicTex: "\\check",
+      placement: "over",
+      label: "\u02C7",
+      title: "\u0639\u0644\u0627\u0645\u0629 \u062A\u062D\u0642\u0642"
+    },
+    breve: {
+      id: "breve",
+      englishTex: "\\breve",
+      arabicTex: "\\breve",
+      placement: "over",
+      label: "\u02D8",
+      title: "\u0642\u0648\u0633 \u0642\u0635\u064A\u0631"
+    },
+    acute: {
+      id: "acute",
+      englishTex: "\\acute",
+      arabicTex: "\\grave",
+      placement: "over",
+      label: "\xB4",
+      title: "\u0646\u0628\u0631\u0629 \u062D\u0627\u062F\u0629"
+    },
+    grave: {
+      id: "grave",
+      englishTex: "\\grave",
+      arabicTex: "\\acute",
+      placement: "over",
+      label: "`",
+      title: "\u0646\u0628\u0631\u0629 \u062B\u0642\u064A\u0644\u0629"
+    },
+    overline: {
+      id: "overline",
+      englishTex: "\\overline",
+      arabicTex: "\\overline",
+      placement: "over",
+      label: "\u203E",
+      title: "\u062E\u0637 \u0639\u0644\u0648\u064A \u0645\u0645\u062A\u062F"
+    },
+    underline: {
+      id: "underline",
+      englishTex: "\\underline",
+      arabicTex: "\\underline",
+      placement: "under",
+      label: "_",
+      title: "\u062E\u0637 \u0633\u0641\u0644\u064A"
+    },
+    overleftarrow: {
+      id: "overleftarrow",
+      englishTex: "\\overleftarrow",
+      arabicTex: "\\overrightarrow",
+      placement: "over",
+      label: "\u2190",
+      title: "\u0633\u0647\u0645 \u0639\u0644\u0648\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631"
+    },
+    overrightarrow: {
+      id: "overrightarrow",
+      englishTex: "\\overrightarrow",
+      arabicTex: "\\overleftarrow",
+      placement: "over",
+      label: "\u2192",
+      title: "\u0633\u0647\u0645 \u0639\u0644\u0648\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646"
+    },
+    overleftrightarrow: {
+      id: "overleftrightarrow",
+      englishTex: "\\overleftrightarrow",
+      arabicTex: "\\overleftrightarrow",
+      placement: "over",
+      label: "\u2194",
+      title: "\u0633\u0647\u0645 \u0639\u0644\u0648\u064A \u0645\u0632\u062F\u0648\u062C \u0627\u0644\u0627\u062A\u062C\u0627\u0647"
+    }
+  };
+  function accentCommandSpec(id) {
+    return Object.prototype.hasOwnProperty.call(ACCENT_COMMANDS, id) ? ACCENT_COMMANDS[id] : null;
+  }
+  function accentCommandsList() {
+    return Object.values(ACCENT_COMMANDS);
+  }
+  function accentCommandIdFromTex(tex) {
+    const normalized = tex.startsWith("\\") ? tex : `\\${tex}`;
+    for (const spec of Object.values(ACCENT_COMMANDS)) {
+      if (spec.englishTex === normalized) {
+        return spec.id;
+      }
+    }
+    for (const spec of Object.values(ACCENT_COMMANDS)) {
+      if (spec.arabicTex === normalized) {
+        return spec.id;
+      }
+    }
+    return null;
+  }
+
+  // src/editor/display/accent.ts
+  var ACCENT_CSS = `
+.math-accent {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  margin: 0 2px;
+  min-width: 1.1em;
+}
+
+.math-accent-chrome {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 0.7em;
+  padding: 0 2px;
+  font-size: 0.85em;
+  line-height: 1;
+  color: var(--butex-script-color, #475569);
+  user-select: none;
+}
+
+.math-accent-base {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 1.05em;
+  padding: 0 2px;
+}
+
+.math-accent--under .math-accent-chrome {
+  min-height: 0.45em;
+  border-top: 1.5px solid currentColor;
+  width: 100%;
+  font-size: 0;
+  color: var(--butex-surface-fg, #0f172a);
+}
+`.trim();
+  function buildAccentNodeBody(node, buildChain) {
+    const wrap = document.createElement("span");
+    const spec = accentCommandSpec(node.expr);
+    const placement = spec?.placement ?? "over";
+    wrap.className = placement === "under" ? "math-accent math-accent--under" : "math-accent math-accent--over";
+    const chrome = document.createElement("span");
+    chrome.className = "math-accent-chrome";
+    chrome.setAttribute("aria-hidden", "true");
+    if (placement === "over") {
+      chrome.textContent = spec?.label ?? "\u02C6";
+    }
+    const base = document.createElement("span");
+    base.className = "math-accent-base";
+    if (node.baseExpr) {
+      base.appendChild(buildChain(node.baseExpr));
+    }
+    if (placement === "under") {
+      wrap.appendChild(base);
+      wrap.appendChild(chrome);
+    } else {
+      wrap.appendChild(chrome);
+      wrap.appendChild(base);
+    }
+    return wrap;
+  }
+
   // src/editor/display/env.ts
   var WRAPPERS = {
     matrix: { left: "", right: "" },
@@ -1344,6 +1665,10 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       insertBraces: "\u0625\u062F\u0631\u0627\u062C \u062D\u0627\u0635\u0631\u062A\u064A\u0646",
       insertFraction: "\u0625\u062F\u0631\u0627\u062C \u0643\u0633\u0631",
       insertRoot: "\u0625\u062F\u0631\u0627\u062C \u062C\u0630\u0631",
+      insertOverset: "\u0625\u062F\u0631\u0627\u062C \u0641\u0648\u0642",
+      insertUnderset: "\u0625\u062F\u0631\u0627\u062C \u062A\u062D\u062A",
+      insertAccentPair: "\u0625\u062F\u0631\u0627\u062C \u0641\u0648\u0642 \u0648\u062A\u062D\u062A",
+      insertAccents: "\u0625\u062F\u0631\u0627\u062C \u0644\u0643\u0646\u0629",
       environments: "\u0627\u0644\u0628\u064A\u0626\u0627\u062A",
       insertEnvironment: "\u0625\u062F\u0631\u0627\u062C \u0628\u064A\u0626\u0629 \u0634\u0628\u0643\u064A\u0629",
       environmentType: "\u0646\u0648\u0639 \u0627\u0644\u0628\u064A\u0626\u0629",
@@ -1451,6 +1776,10 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       insertBraces: "Insert braces",
       insertFraction: "Insert fraction",
       insertRoot: "Insert root",
+      insertOverset: "Insert overset",
+      insertUnderset: "Insert underset",
+      insertAccentPair: "Insert overset and underset",
+      insertAccents: "Insert accent",
       environments: "Environments",
       insertEnvironment: "Insert grid environment",
       environmentType: "Environment type",
@@ -1718,7 +2047,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       id: "neq",
       category: "operators1",
       Tex: "\\neq",
-      mirror: false,
+      mirror: true,
       Label: "\u2260",
       title: "\u0644\u0627 \u064A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -1728,6 +2057,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators1",
       Tex: "\\approx",
       mirror: false,
+      displayMirror: true,
       Label: "\u2248",
       title: "\u062A\u0642\u0631\u064A\u0628\u0627 \u064A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -1737,6 +2067,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators1",
       Tex: "\\sim",
       mirror: false,
+      displayMirror: true,
       Label: "\u223C",
       title: "\u0645\u0634\u0627\u0628\u0647",
       svg_path: null
@@ -1755,6 +2086,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators1",
       Tex: "\\leq",
       mirror: true,
+      displayMirror: false,
       Label: "\u2264",
       title: "\u0623\u0635\u063A\u0631 \u0645\u0646 \u0623\u0648 \u064A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -1764,6 +2096,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators1",
       Tex: "\\geq",
       mirror: true,
+      displayMirror: false,
       Label: "\u2265",
       title: "\u0623\u0643\u0628\u0631 \u0645\u0646 \u0623\u0648 \u064A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -1773,6 +2106,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators1",
       Tex: "\\coloneqq",
       mirror: true,
+      displayMirror: false,
       Label: "\u2254",
       title: "\u064A\u0639\u0631\u0641 \u0628\u0623\u0646\u0647 \u064A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -1782,6 +2116,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators1",
       Tex: "\\eqqcolon",
       mirror: true,
+      displayMirror: false,
       Label: "\u2255",
       title: "\u064A\u0633\u0627\u0648\u064A \u0628\u0627\u0644\u062A\u0639\u0631\u064A\u0641",
       svg_path: null
@@ -1792,6 +2127,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\propto",
       mirror: true,
+      displayMirror: false,
       Label: "\u221D",
       title: "\u064A\u062A\u0646\u0627\u0633\u0628 \u0645\u0639",
       svg_path: null
@@ -1801,6 +2137,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\in",
       mirror: true,
+      displayMirror: false,
       Label: "\u2208",
       title: "\u064A\u0646\u062A\u0645\u064A \u0625\u0644\u0649",
       svg_path: null
@@ -1810,6 +2147,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\notin",
       mirror: false,
+      displayMirror: true,
       Label: "\u2209",
       title: "\u0644\u0627 \u064A\u0646\u062A\u0645\u064A \u0625\u0644\u0649",
       svg_path: null
@@ -1819,6 +2157,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\subset",
       mirror: true,
+      displayMirror: false,
       Label: "\u2282",
       title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u062C\u0632\u0626\u064A\u0629 \u0645\u0646",
       svg_path: null
@@ -1828,6 +2167,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\supset",
       mirror: true,
+      displayMirror: false,
       Label: "\u2283",
       title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0640",
       svg_path: null
@@ -1837,6 +2177,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\subseteq",
       mirror: true,
+      displayMirror: false,
       Label: "\u2286",
       title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u062C\u0632\u0626\u064A\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -1846,6 +2187,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\supseteq",
       mirror: true,
+      displayMirror: false,
       Label: "\u2287",
       title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -1855,6 +2197,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\cap",
       mirror: false,
+      displayMirror: true,
       Label: "\u2229",
       title: "\u062A\u0642\u0627\u0637\u0639",
       svg_path: null
@@ -1864,6 +2207,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\cup",
       mirror: false,
+      displayMirror: true,
       Label: "\u222A",
       title: "\u0627\u062A\u062D\u0627\u062F",
       svg_path: null
@@ -1873,6 +2217,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\emptyset",
       mirror: false,
+      displayMirror: true,
       Label: "\u2205",
       title: "\u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629 \u0627\u0644\u062E\u0627\u0644\u064A\u0629",
       svg_path: null
@@ -1882,6 +2227,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\nsubseteq",
       mirror: true,
+      displayMirror: false,
       Label: "\u2288",
       title: "\u0644\u064A\u0633\u062A \u0645\u062C\u0645\u0648\u0639\u0629 \u062C\u0632\u0626\u064A\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -1891,6 +2237,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "operators2",
       Tex: "\\nsupseteq",
       mirror: true,
+      displayMirror: false,
       Label: "\u2289",
       title: "\u0644\u064A\u0633\u062A \u0645\u062C\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
       svg_path: null
@@ -2102,6 +2449,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "integrals",
       Tex: "\\iint",
       mirror: true,
+      displayMirror: false,
       Label: "\u222C",
       title: "\u062A\u0643\u0627\u0645\u0644 \u0645\u0632\u062F\u0648\u062C",
       svg_path: null
@@ -2111,6 +2459,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "integrals",
       Tex: "\\iiint",
       mirror: true,
+      displayMirror: false,
       Label: "\u222D",
       title: "\u062A\u0643\u0627\u0645\u0644 \u062B\u0644\u0627\u062B\u064A",
       svg_path: null
@@ -2120,6 +2469,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "integrals",
       Tex: "\\iiiint",
       mirror: true,
+      displayMirror: false,
       Label: "\u2A0C",
       title: "\u062A\u0643\u0627\u0645\u0644 \u0631\u0628\u0627\u0639\u064A",
       svg_path: null
@@ -2129,6 +2479,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "integrals",
       Tex: "\\oint",
       mirror: true,
+      displayMirror: false,
       Label: "\u222E",
       title: "\u062A\u0643\u0627\u0645\u0644 \u0645\u063A\u0644\u0642",
       svg_path: null
@@ -2138,6 +2489,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "integrals",
       Tex: "\\oiint",
       mirror: true,
+      displayMirror: false,
       Label: "\u222F",
       title: "\u062A\u0643\u0627\u0645\u0644 \u0633\u0637\u062D\u064A \u0645\u063A\u0644\u0642",
       svg_path: null
@@ -2147,6 +2499,7 @@ mjx-container[jax="SVG"] svg .butex-preview-mirror {
       category: "integrals",
       Tex: "\\oiiint",
       mirror: true,
+      displayMirror: false,
       Label: "\u2230",
       title: "\u062A\u0643\u0627\u0645\u0644 \u062D\u062C\u0645\u064A \u0645\u063A\u0644\u0642",
       svg_path: null
@@ -2463,6 +2816,12 @@ ${FRAC_CSS}
 
 ${SQRT_CSS}
 
+${OVERSET_CSS}
+
+${UNDERSET_CSS}
+
+${ACCENT_CSS}
+
 ${MATRIX_ENV_CSS}
 
 ${ATOMIC_COMMAND_CSS}
@@ -2489,6 +2848,8 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
   // src/editor/index.ts
   var editor_exports = {};
   __export(editor_exports, {
+    ACCENT_COMMANDS: () => ACCENT_COMMANDS,
+    ACCENT_CSS: () => ACCENT_CSS,
     ATOMIC_COMMANDS: () => ATOMIC_COMMANDS,
     ATOMIC_COMMAND_CSS: () => ATOMIC_COMMAND_CSS,
     ATOMIC_OPERATOR_COMMANDS: () => ATOMIC_OPERATOR_COMMANDS,
@@ -2499,7 +2860,12 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     DELIMITER_CSS: () => DELIMITER_CSS,
     FRAC_CSS: () => FRAC_CSS,
     MATRIX_ENV_CSS: () => MATRIX_ENV_CSS,
+    OVERSET_CSS: () => OVERSET_CSS,
     SQRT_CSS: () => SQRT_CSS,
+    UNDERSET_CSS: () => UNDERSET_CSS,
+    accentCommandIdFromTex: () => accentCommandIdFromTex,
+    accentCommandSpec: () => accentCommandSpec,
+    accentCommandsList: () => accentCommandsList,
     activeSideLabel: () => activeSideLabel,
     activeTreeKey: () => activeTreeKey,
     addMatrixColumn: () => addMatrixColumn,
@@ -2520,6 +2886,7 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     collectCaretPositions: () => collectCaretPositions,
     copySelection: () => copySelection,
     coveredNodeIds: () => coveredNodeIds,
+    createAccentNode: () => createAccentNode,
     createAtomicCommandNode: () => createAtomicCommandNode,
     createAtomicOperatorCommandNode: () => createAtomicOperatorCommandNode,
     createDelimiterNode: () => createDelimiterNode,
@@ -2530,8 +2897,10 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     createFracNode: () => createFracNode,
     createGridEnvNode: () => createGridEnvNode,
     createMatrixEnvNode: () => createMatrixEnvNode,
+    createOversetNode: () => createOversetNode,
     createSqrtNode: () => createSqrtNode,
     createStarterSession: () => createStarterSession,
+    createUndersetNode: () => createUndersetNode,
     createUndoRedoStacks: () => createUndoRedoStacks,
     cutSelection: () => cutSelection,
     deleteBackward: () => deleteBackward,
@@ -2545,6 +2914,8 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     fragmentToPlainText: () => fragmentToPlainText,
     horizontalCaretDelta: () => horizontalCaretDelta,
     injectBuTeXEditorStyles: () => injectBuTeXEditorStyles,
+    insertAccent: () => insertAccent,
+    insertAccentPair: () => insertAccentPair,
     insertAlignedEnv: () => insertAlignedEnv,
     insertArrayEnv: () => insertArrayEnv,
     insertAtomicCommand: () => insertAtomicCommand,
@@ -2554,11 +2925,14 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     insertDivideOperator: () => insertDivideOperator,
     insertFirstDerivative: () => insertFirstDerivative,
     insertFraction: () => insertFraction,
+    insertLimitsSeriesTemplate: () => insertLimitsSeriesTemplate,
     insertMatrixEnv: () => insertMatrixEnv,
     insertNumber: () => insertNumber,
     insertOperator: () => insertOperator,
+    insertOverset: () => insertOverset,
     insertSecondDerivative: () => insertSecondDerivative,
     insertSqrt: () => insertSqrt,
+    insertUnderset: () => insertUnderset,
     isSelectionActive: () => isSelectionActive,
     isSpacingCommandSpec: () => isSpacingCommandSpec,
     mirrorBuTeXOperatorsInTex: () => mirrorBuTeXOperatorsInTex,
@@ -2632,6 +3006,9 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       denominator: null,
       radicand: null,
       rootIndex: null,
+      overExpr: null,
+      underExpr: null,
+      baseExpr: null,
       envName: null,
       matrixStyle: null,
       matrixRows: null,
@@ -2660,6 +3037,26 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       rootIndex: createEditorChain()
     };
   }
+  function createOversetNode() {
+    return {
+      ...createEditorNode("overset", ""),
+      overExpr: createEditorChain(),
+      baseExpr: createEditorChain()
+    };
+  }
+  function createUndersetNode() {
+    return {
+      ...createEditorNode("underset", ""),
+      underExpr: createEditorChain(),
+      baseExpr: createEditorChain()
+    };
+  }
+  function createAccentNode(accentId) {
+    return {
+      ...createEditorNode("accent", accentId),
+      baseExpr: createEditorChain()
+    };
+  }
   function createMatrixEnvNode(style, rows, columns) {
     return createGridEnvNode(style, rows, columns);
   }
@@ -2727,6 +3124,15 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       if (node.radicand) {
         collectNodeIds(node.radicand, ids);
       }
+      if (node.overExpr) {
+        collectNodeIds(node.overExpr, ids);
+      }
+      if (node.underExpr) {
+        collectNodeIds(node.underExpr, ids);
+      }
+      if (node.baseExpr) {
+        collectNodeIds(node.baseExpr, ids);
+      }
       if (node.matrixRows) {
         for (const row of node.matrixRows) {
           for (const cell of row) {
@@ -2891,6 +3297,22 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     }
     return `\\begin{${envName}}${rows.join(" \\\\\n")}\\end{${envName}}`;
   }
+  function renderAccentEnglish(command, accent, base, options) {
+    const baseTex = base ? renderChainEnglish(base, options) : "";
+    const accentTex = accent ? renderChainEnglish(accent, options) : "";
+    if (accentTex === "") {
+      return baseTex;
+    }
+    return `\\${command}{${accentTex}}{${baseTex}}`;
+  }
+  function renderAccentArabic(command, accent, base, options) {
+    const baseTex = base ? renderChainArabic(base, options) : "";
+    const accentTex = accent ? renderChainArabic(accent, options) : "";
+    if (accentTex === "") {
+      return baseTex;
+    }
+    return `\\${command}{${accentTex}}{${baseTex}}`;
+  }
   function escapeText(s) {
     return s.replace(/\\/g, "\\textbackslash{}").replace(/[{}]/g, "\\$&");
   }
@@ -2920,6 +3342,19 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       const body = `\\sqrt${optionalRootIndexEnglish(node, options)}{${renderChainEnglish(node.radicand, options)}}`;
       return `${body}${latinScripts(node, options)}`;
     }
+    if (node.kind === "overset" && node.baseExpr) {
+      const body = renderAccentEnglish("overset", node.overExpr, node.baseExpr, options);
+      return `${body}${latinScripts(node, options)}`;
+    }
+    if (node.kind === "underset" && node.baseExpr) {
+      const body = renderAccentEnglish("underset", node.underExpr, node.baseExpr, options);
+      return `${body}${latinScripts(node, options)}`;
+    }
+    if (node.kind === "accent" && node.baseExpr) {
+      const cmd = accentCommandSpec(node.expr)?.englishTex ?? `\\${node.expr}`;
+      const body = `${cmd}{${renderChainEnglish(node.baseExpr, options)}}`;
+      return `${body}${latinScripts(node, options)}`;
+    }
     if (node.kind === "env") {
       return `${renderMatrixRowsEnglish(node, options)}${latinScripts(node, options)}`;
     }
@@ -2952,6 +3387,19 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       const content = `\\arabsqrt${optionalRootIndexArabic(node, options)}{${renderChainArabic(node.radicand, options)}}`;
       return arabicScripts(node, content, options);
     }
+    if (node.kind === "overset" && node.baseExpr) {
+      const content = renderAccentArabic("overset", node.overExpr, node.baseExpr, options);
+      return arabicScripts(node, content, options);
+    }
+    if (node.kind === "underset" && node.baseExpr) {
+      const content = renderAccentArabic("underset", node.underExpr, node.baseExpr, options);
+      return arabicScripts(node, content, options);
+    }
+    if (node.kind === "accent" && node.baseExpr) {
+      const cmd = accentCommandSpec(node.expr)?.arabicTex ?? `\\${node.expr}`;
+      const content = `${cmd}{${renderChainArabic(node.baseExpr, options)}}`;
+      return arabicScripts(node, content, options);
+    }
     if (node.kind === "env") {
       return arabicScripts(node, renderMatrixRowsArabic(node, options), options);
     }
@@ -3008,6 +3456,35 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       if (node.radicand) {
         walkChain(node.radicand);
       }
+      if (node.kind === "overset") {
+        if (node.overExpr) {
+          walkChain(node.overExpr);
+        }
+        if (node.baseExpr) {
+          walkChain(node.baseExpr);
+        }
+      } else if (node.kind === "underset") {
+        if (node.baseExpr) {
+          walkChain(node.baseExpr);
+        }
+        if (node.underExpr) {
+          walkChain(node.underExpr);
+        }
+      } else if (node.kind === "accent") {
+        if (node.baseExpr) {
+          walkChain(node.baseExpr);
+        }
+      } else {
+        if (node.overExpr) {
+          walkChain(node.overExpr);
+        }
+        if (node.underExpr) {
+          walkChain(node.underExpr);
+        }
+        if (node.baseExpr) {
+          walkChain(node.baseExpr);
+        }
+      }
       if (node.matrixRows) {
         for (const row of node.matrixRows) {
           for (const cell of row) {
@@ -3141,6 +3618,42 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
           return nested;
         }
       }
+      if (node.overExpr) {
+        if (node.overExpr.id === chainId) {
+          return {
+            chain: node.overExpr,
+            relation: { kind: "overExpr", ownerNodeId: node.id, ownerChainId: root.id }
+          };
+        }
+        const nested = findChainById(node.overExpr, chainId);
+        if (nested) {
+          return nested;
+        }
+      }
+      if (node.underExpr) {
+        if (node.underExpr.id === chainId) {
+          return {
+            chain: node.underExpr,
+            relation: { kind: "underExpr", ownerNodeId: node.id, ownerChainId: root.id }
+          };
+        }
+        const nested = findChainById(node.underExpr, chainId);
+        if (nested) {
+          return nested;
+        }
+      }
+      if (node.baseExpr) {
+        if (node.baseExpr.id === chainId) {
+          return {
+            chain: node.baseExpr,
+            relation: { kind: "baseExpr", ownerNodeId: node.id, ownerChainId: root.id }
+          };
+        }
+        const nested = findChainById(node.baseExpr, chainId);
+        if (nested) {
+          return nested;
+        }
+      }
       if (node.matrixRows) {
         for (let rowIndex = 0; rowIndex < node.matrixRows.length; rowIndex += 1) {
           const row = node.matrixRows[rowIndex];
@@ -3214,6 +3727,24 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
           return nested;
         }
       }
+      if (node.overExpr) {
+        const nested = findNodeById(node.overExpr, nodeId);
+        if (nested) {
+          return nested;
+        }
+      }
+      if (node.underExpr) {
+        const nested = findNodeById(node.underExpr, nodeId);
+        if (nested) {
+          return nested;
+        }
+      }
+      if (node.baseExpr) {
+        const nested = findNodeById(node.baseExpr, nodeId);
+        if (nested) {
+          return nested;
+        }
+      }
       if (node.matrixRows) {
         for (const row of node.matrixRows) {
           for (const cell of row) {
@@ -3252,6 +3783,15 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     if (node.radicand) {
       chains.push(node.radicand);
     }
+    if (node.overExpr) {
+      chains.push(node.overExpr);
+    }
+    if (node.underExpr) {
+      chains.push(node.underExpr);
+    }
+    if (node.baseExpr) {
+      chains.push(node.baseExpr);
+    }
     if (node.matrixRows) {
       for (const row of node.matrixRows) {
         chains.push(...row);
@@ -3622,6 +4162,91 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     };
   }
 
+  // src/editor/limitsTemplates.ts
+  var LIMITS_SERIES_TEMPLATE_IDS = /* @__PURE__ */ new Set([
+    "sum",
+    "prod",
+    "lim",
+    "max",
+    "min",
+    "sup",
+    "inf"
+  ]);
+  function isLimitsSeriesTemplateId(commandId) {
+    return LIMITS_SERIES_TEMPLATE_IDS.has(commandId);
+  }
+  function syncChainIds2(english, arabic) {
+    arabic.id = english.id;
+    const limit = Math.min(english.nodes.length, arabic.nodes.length);
+    for (let index = 0; index < limit; index += 1) {
+      arabic.nodes[index].id = english.nodes[index].id;
+    }
+  }
+  function syncOversetIds(english, arabic) {
+    arabic.id = english.id;
+    if (english.overExpr && arabic.overExpr) {
+      syncChainIds2(english.overExpr, arabic.overExpr);
+    }
+    if (english.baseExpr && arabic.baseExpr) {
+      syncChainIds2(english.baseExpr, arabic.baseExpr);
+    }
+  }
+  function syncUndersetIds(english, arabic) {
+    arabic.id = english.id;
+    if (english.underExpr && arabic.underExpr) {
+      syncChainIds2(english.underExpr, arabic.underExpr);
+    }
+    if (english.baseExpr && arabic.baseExpr) {
+      syncChainIds2(english.baseExpr, arabic.baseExpr);
+    }
+  }
+  function buildLimitsSeriesTemplate(commandId) {
+    if (!isLimitsSeriesTemplateId(commandId)) {
+      throw new Error(`BuTeX: unsupported limits-series template id: ${commandId}`);
+    }
+    const englishOp = createAtomicCommandNode(commandId);
+    const arabicOp = createAtomicCommandNode(commandId);
+    arabicOp.id = englishOp.id;
+    const englishOverset = createOversetNode();
+    const arabicOverset = createOversetNode();
+    syncOversetIds(englishOverset, arabicOverset);
+    englishOverset.baseExpr = createEditorChain([englishOp]);
+    arabicOverset.baseExpr = createEditorChain([arabicOp]);
+    syncChainIds2(englishOverset.baseExpr, arabicOverset.baseExpr);
+    const englishUnderset = createUndersetNode();
+    const arabicUnderset = createUndersetNode();
+    syncUndersetIds(englishUnderset, arabicUnderset);
+    englishUnderset.baseExpr = createEditorChain([englishOverset]);
+    arabicUnderset.baseExpr = createEditorChain([arabicOverset]);
+    syncChainIds2(englishUnderset.baseExpr, arabicUnderset.baseExpr);
+    return { english: englishUnderset, arabic: arabicUnderset };
+  }
+  function buildAccentPairTemplate() {
+    const englishOverset = createOversetNode();
+    const arabicOverset = createOversetNode();
+    syncOversetIds(englishOverset, arabicOverset);
+    const englishUnderset = createUndersetNode();
+    const arabicUnderset = createUndersetNode();
+    syncUndersetIds(englishUnderset, arabicUnderset);
+    englishUnderset.baseExpr = createEditorChain([englishOverset]);
+    arabicUnderset.baseExpr = createEditorChain([arabicOverset]);
+    syncChainIds2(englishUnderset.baseExpr, arabicUnderset.baseExpr);
+    return { english: englishUnderset, arabic: arabicUnderset };
+  }
+  function accentPairTemplateInitialCaret(englishUnderset) {
+    const overset = englishUnderset.baseExpr?.nodes[0];
+    return {
+      chainId: overset?.baseExpr?.id ?? englishUnderset.underExpr?.id ?? "",
+      index: 0
+    };
+  }
+  function limitsSeriesTemplateInitialCaret(englishUnderset) {
+    return {
+      chainId: englishUnderset.underExpr?.id ?? englishUnderset.baseExpr?.id ?? "",
+      index: 0
+    };
+  }
+
   // src/editor/state.ts
   function ensureSyncEntry(session, nodeId) {
     if (!session.sync[nodeId]) {
@@ -3655,7 +4280,7 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       session.selectedNodeId = located.relation.ownerNodeId;
       return;
     }
-    if (located.relation.kind === "inner" || located.relation.kind === "numerator" || located.relation.kind === "denominator" || located.relation.kind === "radicand" || located.relation.kind === "rootIndex" || located.relation.kind === "matrixCell") {
+    if (located.relation.kind === "inner" || located.relation.kind === "numerator" || located.relation.kind === "denominator" || located.relation.kind === "radicand" || located.relation.kind === "rootIndex" || located.relation.kind === "overExpr" || located.relation.kind === "underExpr" || located.relation.kind === "baseExpr" || located.relation.kind === "matrixCell") {
       session.selectedNodeId = located.relation.ownerNodeId;
       return;
     }
@@ -4012,6 +4637,106 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       appendDebug(next, "moveCaretVertical", "sqrt-radicand-down-exit");
       return next;
     }
+    if (located.relation.kind === "overExpr" && ownerLocated && ownerNode && ownerNode.baseExpr) {
+      if (direction === "down") {
+        next.caret = {
+          chainId: ownerNode.baseExpr.id,
+          index: ownerNode.baseExpr.nodes.length
+        };
+        next.selectedStructureNodeId = null;
+        syncSelectionToCaret(next);
+        appendDebug(next, "moveCaretVertical", "overset-over->base");
+        return next;
+      }
+      next.caret = {
+        chainId: ownerLocated.chain.id,
+        index: ownerLocated.index
+      };
+      next.selectedStructureNodeId = null;
+      syncSelectionToCaret(next);
+      appendDebug(next, "moveCaretVertical", "overset-over-up-exit");
+      return next;
+    }
+    if (located.relation.kind === "baseExpr" && ownerLocated && ownerNode && ownerNode.kind === "overset" && ownerNode.overExpr) {
+      if (direction === "up") {
+        next.caret = {
+          chainId: ownerNode.overExpr.id,
+          index: ownerNode.overExpr.nodes.length
+        };
+        next.selectedStructureNodeId = null;
+        syncSelectionToCaret(next);
+        appendDebug(next, "moveCaretVertical", "overset-base->over");
+        return next;
+      }
+      next.caret = {
+        chainId: ownerLocated.chain.id,
+        index: ownerLocated.index + 1
+      };
+      next.selectedStructureNodeId = null;
+      syncSelectionToCaret(next);
+      appendDebug(next, "moveCaretVertical", "overset-base-down-exit");
+      return next;
+    }
+    if (located.relation.kind === "baseExpr" && ownerLocated && ownerNode && ownerNode.kind === "underset" && ownerNode.underExpr) {
+      if (direction === "down") {
+        next.caret = {
+          chainId: ownerNode.underExpr.id,
+          index: ownerNode.underExpr.nodes.length
+        };
+        next.selectedStructureNodeId = null;
+        syncSelectionToCaret(next);
+        appendDebug(next, "moveCaretVertical", "underset-base->under");
+        return next;
+      }
+      next.caret = {
+        chainId: ownerLocated.chain.id,
+        index: ownerLocated.index
+      };
+      next.selectedStructureNodeId = null;
+      syncSelectionToCaret(next);
+      appendDebug(next, "moveCaretVertical", "underset-base-up-exit");
+      return next;
+    }
+    if (located.relation.kind === "underExpr" && ownerLocated && ownerNode && ownerNode.baseExpr) {
+      if (direction === "up") {
+        next.caret = {
+          chainId: ownerNode.baseExpr.id,
+          index: ownerNode.baseExpr.nodes.length
+        };
+        next.selectedStructureNodeId = null;
+        syncSelectionToCaret(next);
+        appendDebug(next, "moveCaretVertical", "underset-under->base");
+        return next;
+      }
+      next.caret = {
+        chainId: ownerLocated.chain.id,
+        index: ownerLocated.index + 1
+      };
+      next.selectedStructureNodeId = null;
+      syncSelectionToCaret(next);
+      appendDebug(next, "moveCaretVertical", "underset-under-down-exit");
+      return next;
+    }
+    if (located.relation.kind === "baseExpr" && ownerLocated && ownerNode && ownerNode.kind === "accent") {
+      if (direction === "up") {
+        next.caret = {
+          chainId: ownerLocated.chain.id,
+          index: ownerLocated.index
+        };
+        next.selectedStructureNodeId = null;
+        syncSelectionToCaret(next);
+        appendDebug(next, "moveCaretVertical", "accent-base-up-exit");
+        return next;
+      }
+      next.caret = {
+        chainId: ownerLocated.chain.id,
+        index: ownerLocated.index + 1
+      };
+      next.selectedStructureNodeId = null;
+      syncSelectionToCaret(next);
+      appendDebug(next, "moveCaretVertical", "accent-base-down-exit");
+      return next;
+    }
     if (located.relation.kind === "matrixCell" && ownerLocated && ownerNode?.matrixRows) {
       const rowIndex = located.relation.rowIndex ?? 0;
       const columnIndex = located.relation.columnIndex ?? 0;
@@ -4389,6 +5114,119 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     appendDebug(next, "insertSqrt", "");
     return next;
   }
+  function insertOverset(session) {
+    const base = replaceSelectionFirst(session);
+    const next = cloneEditorSession(base);
+    const englishNode = createOversetNode();
+    const arabicNode = createOversetNode();
+    arabicNode.id = englishNode.id;
+    if (arabicNode.overExpr && englishNode.overExpr) {
+      arabicNode.overExpr.id = englishNode.overExpr.id;
+    }
+    if (arabicNode.baseExpr && englishNode.baseExpr) {
+      arabicNode.baseExpr.id = englishNode.baseExpr.id;
+    }
+    insertMirroredNode(next, next.caret.chainId, next.caret.index, englishNode, arabicNode);
+    next.caret = {
+      chainId: englishNode.overExpr ? englishNode.overExpr.id : next.caret.chainId,
+      index: 0
+    };
+    next.selectedStructureNodeId = null;
+    syncSelectionToCaret(next);
+    appendDebug(next, "insertOverset", "");
+    return next;
+  }
+  function insertUnderset(session) {
+    const base = replaceSelectionFirst(session);
+    const next = cloneEditorSession(base);
+    const englishNode = createUndersetNode();
+    const arabicNode = createUndersetNode();
+    arabicNode.id = englishNode.id;
+    if (arabicNode.underExpr && englishNode.underExpr) {
+      arabicNode.underExpr.id = englishNode.underExpr.id;
+    }
+    if (arabicNode.baseExpr && englishNode.baseExpr) {
+      arabicNode.baseExpr.id = englishNode.baseExpr.id;
+    }
+    insertMirroredNode(next, next.caret.chainId, next.caret.index, englishNode, arabicNode);
+    next.caret = {
+      chainId: englishNode.underExpr ? englishNode.underExpr.id : next.caret.chainId,
+      index: 0
+    };
+    next.selectedStructureNodeId = null;
+    syncSelectionToCaret(next);
+    appendDebug(next, "insertUnderset", "");
+    return next;
+  }
+  function insertLimitsSeriesTemplate(session, commandId) {
+    const base = replaceSelectionFirst(session);
+    const next = cloneEditorSession(base);
+    const { english, arabic } = buildLimitsSeriesTemplate(commandId);
+    insertMirroredNode(next, next.caret.chainId, next.caret.index, english, arabic);
+    syncSubtreeRecursive(next, english, arabic);
+    next.caret = limitsSeriesTemplateInitialCaret(english);
+    next.selectedStructureNodeId = null;
+    syncSelectionToCaret(next);
+    appendDebug(next, "insertLimitsSeriesTemplate", commandId);
+    return next;
+  }
+  function insertAccentPair(session) {
+    const base = replaceSelectionFirst(session);
+    const next = cloneEditorSession(base);
+    const { english, arabic } = buildAccentPairTemplate();
+    insertMirroredNode(next, next.caret.chainId, next.caret.index, english, arabic);
+    syncSubtreeRecursive(next, english, arabic);
+    next.caret = accentPairTemplateInitialCaret(english);
+    next.selectedStructureNodeId = null;
+    syncSelectionToCaret(next);
+    appendDebug(next, "insertAccentPair", "");
+    return next;
+  }
+  function insertAccent(session, accentId) {
+    const next = cloneEditorSession(session);
+    const englishNode = createAccentNode(accentId);
+    const arabicNode = createAccentNode(accentId);
+    arabicNode.id = englishNode.id;
+    if (arabicNode.baseExpr && englishNode.baseExpr) {
+      arabicNode.baseExpr.id = englishNode.baseExpr.id;
+    }
+    if (isSelectionActive(next.selection) && next.selection) {
+      const sel = next.selection;
+      const { start, end } = normalizeSelection(sel);
+      const englishLocated = findChainById(next.englishTree, sel.chainId);
+      const arabicLocated = findChainById(next.arabicTree, sel.chainId);
+      if (englishLocated && arabicLocated && end > start) {
+        const count = end - start;
+        const englishWrapped = englishLocated.chain.nodes.splice(start, count);
+        const arabicWrapped = arabicLocated.chain.nodes.splice(start, count);
+        englishNode.baseExpr.nodes = englishWrapped;
+        arabicNode.baseExpr.nodes = arabicWrapped;
+        englishLocated.chain.nodes.splice(start, 0, englishNode);
+        arabicLocated.chain.nodes.splice(start, 0, arabicNode);
+        syncSubtreeRecursive(next, englishNode, arabicNode);
+        next.caret = {
+          chainId: englishNode.baseExpr.id,
+          index: englishWrapped.length
+        };
+        next.selection = null;
+        next.selectedStructureNodeId = null;
+        syncSelectionToCaret(next);
+        appendDebug(next, "insertAccent", `${accentId}:wrap`);
+        return next;
+      }
+    }
+    insertMirroredNode(next, next.caret.chainId, next.caret.index, englishNode, arabicNode);
+    syncSubtreeRecursive(next, englishNode, arabicNode);
+    next.caret = {
+      chainId: englishNode.baseExpr ? englishNode.baseExpr.id : next.caret.chainId,
+      index: 0
+    };
+    next.selection = null;
+    next.selectedStructureNodeId = null;
+    syncSelectionToCaret(next);
+    appendDebug(next, "insertAccent", `${accentId}:empty`);
+    return next;
+  }
   function insertMatrixEnv(session, style, rows, columns) {
     return insertGridEnv(session, style, rows, columns);
   }
@@ -4636,7 +5474,7 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     if (!previousNode) {
       return session;
     }
-    if ((previousNode.kind === "delimiter" || previousNode.kind === "frac" || previousNode.kind === "sqrt" || previousNode.kind === "env") && next.selectedStructureNodeId !== previousNode.id) {
+    if ((previousNode.kind === "delimiter" || previousNode.kind === "frac" || previousNode.kind === "sqrt" || previousNode.kind === "overset" || previousNode.kind === "underset" || previousNode.kind === "accent" || previousNode.kind === "env") && next.selectedStructureNodeId !== previousNode.id) {
       next.selectedStructureNodeId = previousNode.id;
       next.selectedNodeId = previousNode.id;
       appendDebug(next, "deleteBackward", "selected structure");
@@ -4931,6 +5769,15 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     if (node.kind === "sqrt") {
       return buildSqrtNodeBody(node, buildChain, side);
     }
+    if (node.kind === "overset") {
+      return buildOversetNodeBody(node, buildChain);
+    }
+    if (node.kind === "underset") {
+      return buildUndersetNodeBody(node, buildChain);
+    }
+    if (node.kind === "accent") {
+      return buildAccentNodeBody(node, buildChain);
+    }
     if (node.kind === "env") {
       return buildMatrixEnvNodeBody(node, buildChain, side);
     }
@@ -5639,6 +6486,26 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
         applyStructural((prev) => insertSqrt(prev));
         surfaceEl.focus();
       },
+      insertOverset: () => {
+        applyStructural((prev) => insertOverset(prev));
+        surfaceEl.focus();
+      },
+      insertUnderset: () => {
+        applyStructural((prev) => insertUnderset(prev));
+        surfaceEl.focus();
+      },
+      insertLimitsSeriesTemplate: (commandId) => {
+        applyStructural((prev) => insertLimitsSeriesTemplate(prev, commandId));
+        surfaceEl.focus();
+      },
+      insertAccentPair: () => {
+        applyStructural((prev) => insertAccentPair(prev));
+        surfaceEl.focus();
+      },
+      insertAccent: (accentId) => {
+        applyStructural((prev) => insertAccent(prev, accentId));
+        surfaceEl.focus();
+      },
       insertAtomicCommand: (commandId) => {
         applyStructural((prev) => insertAtomicCommand(prev, commandId));
         surfaceEl.focus();
@@ -5868,7 +6735,10 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
   // src/mathjax/svgPatcher.ts
   var SVG_ARABSQRT_SELECTOR = 'mjx-container[jax="SVG"] svg .mjx-rtl-mirror[data-mjx-rtl-root="true"]';
   var ARABSQRT_SELECTOR = '.mjx-rtl-mirror[data-mjx-rtl-root="true"]';
+  var SVG_PREVIEW_MIRROR_SELECTOR = 'mjx-container[jax="SVG"] svg .butex-preview-mirror';
+  var PREVIEW_MIRROR_SELECTOR = ".butex-preview-mirror";
   var PATCHED_ATTR = "data-butex-svg-arabsqrt";
+  var MIRROR_PATCHED_ATTR = "data-butex-svg-mirror";
   var ROOT_INDEX_SCALE = 0.72;
   var ROOT_INDEX_GAP_FACTOR = 0.08;
   var ROOT_INDEX_MIN_GAP = 2;
@@ -5893,11 +6763,12 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     return Array.from(element.children).filter((child) => child instanceof SVGElement);
   }
   function boxFor(element) {
-    if (!(element instanceof SVGGraphicsElement) || typeof element.getBBox !== "function") {
+    const candidate = element;
+    if (typeof candidate.getBBox !== "function") {
       return null;
     }
     try {
-      const box = element.getBBox();
+      const box = candidate.getBBox();
       return {
         x: box.x,
         y: box.y,
@@ -6141,6 +7012,31 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
     root.setAttribute(PATCHED_ATTR, "patched");
     rootNode.setAttribute(PATCHED_ATTR, "patched");
   }
+  function patchPreviewMirror(element) {
+    if (element.getAttribute(MIRROR_PATCHED_ATTR) === "patched") {
+      return;
+    }
+    const box = boxFor(element);
+    if (!box || box.width <= 0) {
+      return;
+    }
+    const [tx, ty] = readTranslate(element);
+    const mirrorX = tx + 2 * box.x + box.width;
+    element.setAttribute(
+      "transform",
+      `translate(${roundSvg(mirrorX)},${roundSvg(ty)}) scale(-1,1)`
+    );
+    element.setAttribute(MIRROR_PATCHED_ATTR, "patched");
+  }
+  function collectPreviewMirrors(root) {
+    let mirrors = Array.from(root.querySelectorAll(SVG_PREVIEW_MIRROR_SELECTOR));
+    if (!mirrors.length) {
+      mirrors = Array.from(root.querySelectorAll(PREVIEW_MIRROR_SELECTOR)).filter((candidate) => {
+        return candidate.closest('mjx-container[jax="SVG"]') != null;
+      });
+    }
+    return mirrors;
+  }
   function patchBuTeXSvgMath(root) {
     if (typeof root.querySelectorAll !== "function") {
       return;
@@ -6152,6 +7048,7 @@ ${ATOMIC_OPERATOR_COMMAND_CSS}
       });
     }
     roots.sort((a, b) => rootDepth(b) - rootDepth(a)).forEach((arabSqrtRoot) => patchArabSqrtRoot(arabSqrtRoot));
+    collectPreviewMirrors(root).forEach((mirror) => patchPreviewMirror(mirror));
   }
 
   // src/mathjax/renderIsland.ts