@drghaliasri/butex 5.5.5 → 5.6.1

package/dist/react-document2.js

@@ -100,7 +100,9 @@ function butexBasmalaDisplayTex() {
 }
 function butexBasmalaDisplayLatex() {
   return `\\[
-${butexBasmalaDisplayTex()}
+\\begin{gathered}
+${BASMALA_LINES.map((line) => butexMaghribiDisplayTex(line)).join(" \\\\\n")}
+\\end{gathered}
 \\]`;
 }
 function butexInColumnMaketitleHook() {
@@ -2102,6 +2104,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators1",
     Tex: "\\neq",
     mirror: true,
+    compileMirror: true,
     Label: "\u2260",
     title: "\u0644\u0627 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2141,6 +2144,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\leq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2264",
     title: "\u0623\u0635\u063A\u0631 \u0645\u0646 \u0623\u0648 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2151,6 +2155,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\geq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2265",
     title: "\u0623\u0643\u0628\u0631 \u0645\u0646 \u0623\u0648 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2161,6 +2166,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\coloneqq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2254",
     title: "\u064A\u0639\u0631\u0641 \u0628\u0623\u0646\u0647 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2171,6 +2177,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\eqqcolon",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2255",
     title: "\u064A\u0633\u0627\u0648\u064A \u0628\u0627\u0644\u062A\u0639\u0631\u064A\u0641",
     svg_path: null
@@ -2182,6 +2189,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\propto",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u221D",
     title: "\u064A\u062A\u0646\u0627\u0633\u0628 \u0645\u0639",
     svg_path: null
@@ -2192,6 +2200,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\in",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2208",
     title: "\u064A\u0646\u062A\u0645\u064A \u0625\u0644\u0649",
     svg_path: null
@@ -2212,6 +2221,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\subset",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2282",
     title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u062C\u0632\u0626\u064A\u0629 \u0645\u0646",
     svg_path: null
@@ -2222,6 +2232,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\supset",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2283",
     title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0640",
     svg_path: null
@@ -2232,6 +2243,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\subseteq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2286",
     title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u062C\u0632\u0626\u064A\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2242,6 +2254,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\supseteq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2287",
     title: "\u0645\u062C\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0623\u0648 \u062A\u0633\u0627\u0648\u064A",
     svg_path: null
@@ -2282,6 +2295,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\nsubseteq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     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
@@ -2292,6 +2306,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\nsupseteq",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     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
@@ -2339,6 +2354,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\ddots",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u22F1",
     title: "\u0646\u0642\u0627\u0637 \u0642\u0637\u0631\u064A\u0629",
     svg_path: null
@@ -2358,6 +2374,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\implies",
     mirror: true,
+    compileMirror: true,
     Label: "\u21D2",
     title: "\u064A\u0633\u062A\u0644\u0632\u0645",
     svg_path: null
@@ -2367,6 +2384,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\impliedby",
     mirror: true,
+    compileMirror: true,
     Label: "\u21D0",
     title: "\u0645\u0633\u062A\u0644\u0632\u0645 \u0645\u0646",
     svg_path: null
@@ -2385,6 +2403,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\Longrightarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u27F9",
     title: "\u0633\u0647\u0645 \u0645\u0632\u062F\u0648\u062C \u0637\u0648\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2394,6 +2413,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\Longleftarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u27F8",
     title: "\u0633\u0647\u0645 \u0645\u0632\u062F\u0648\u062C \u0637\u0648\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2403,6 +2423,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\to",
     mirror: true,
+    compileMirror: true,
     Label: "\u2192",
     title: "\u064A\u0624\u0648\u0644 \u0625\u0644\u0649",
     svg_path: null
@@ -2412,6 +2433,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\rightleftharpoons",
     mirror: true,
+    compileMirror: true,
     Label: "\u21CC",
     title: "\u0627\u062A\u0632\u0627\u0646",
     svg_path: null
@@ -2421,6 +2443,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\leftarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u2190",
     title: "\u0633\u0647\u0645 \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2430,6 +2453,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\rightarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u2192",
     title: "\u0633\u0647\u0645 \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2439,6 +2463,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\Leftarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u21D0",
     title: "\u0633\u0647\u0645 \u0645\u0632\u062F\u0648\u062C \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2448,6 +2473,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\Rightarrow",
     mirror: true,
+    compileMirror: true,
     Label: "\u21D2",
     title: "\u0633\u0647\u0645 \u0645\u0632\u062F\u0648\u062C \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2457,6 +2483,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\leftharpoonup",
     mirror: true,
+    compileMirror: true,
     Label: "\u21BC",
     title: "\u0633\u0647\u0645 \u062E\u0637\u0627\u0641\u064A \u0639\u0644\u0648\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2466,6 +2493,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\rightharpoonup",
     mirror: true,
+    compileMirror: true,
     Label: "\u21C0",
     title: "\u0633\u0647\u0645 \u062E\u0637\u0627\u0641\u064A \u0639\u0644\u0648\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2475,6 +2503,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\leftharpoondown",
     mirror: true,
+    compileMirror: true,
     Label: "\u21BD",
     title: "\u0633\u0647\u0645 \u062E\u0637\u0627\u0641\u064A \u0633\u0641\u0644\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
     svg_path: null
@@ -2484,6 +2513,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "operators3",
     Tex: "\\rightharpoondown",
     mirror: true,
+    compileMirror: true,
     Label: "\u21C1",
     title: "\u0633\u0647\u0645 \u062E\u0637\u0627\u0641\u064A \u0633\u0641\u0644\u064A \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
     svg_path: null
@@ -2494,6 +2524,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     category: "integrals",
     Tex: "\\int",
     mirror: true,
+    compileMirror: true,
     Label: "\u222B",
     title: "\u062A\u0643\u0627\u0645\u0644",
     svg_path: null
@@ -2504,6 +2535,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\iint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u222C",
     title: "\u062A\u0643\u0627\u0645\u0644 \u0645\u0632\u062F\u0648\u062C",
     svg_path: null
@@ -2514,6 +2546,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\iiint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u222D",
     title: "\u062A\u0643\u0627\u0645\u0644 \u062B\u0644\u0627\u062B\u064A",
     svg_path: null
@@ -2524,6 +2557,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\iiiint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2A0C",
     title: "\u062A\u0643\u0627\u0645\u0644 \u0631\u0628\u0627\u0639\u064A",
     svg_path: null
@@ -2534,6 +2568,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\oint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u222E",
     title: "\u062A\u0643\u0627\u0645\u0644 \u0645\u063A\u0644\u0642",
     svg_path: null
@@ -2544,6 +2579,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\oiint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u222F",
     title: "\u062A\u0643\u0627\u0645\u0644 \u0633\u0637\u062D\u064A \u0645\u063A\u0644\u0642",
     svg_path: null
@@ -2554,6 +2590,7 @@ var ATOMIC_OPERATOR_COMMANDS = {
     Tex: "\\oiiint",
     mirror: true,
     displayMirror: false,
+    compileMirror: true,
     Label: "\u2230",
     title: "\u062A\u0643\u0627\u0645\u0644 \u062D\u062C\u0645\u064A \u0645\u063A\u0644\u0642",
     svg_path: null
@@ -2563,8 +2600,9 @@ function shouldMirrorOperatorDisplay(command) {
   return command?.displayMirror ?? command?.mirror ?? false;
 }
 var MIRRORED_OPERATOR_TEX = Object.values(ATOMIC_OPERATOR_COMMANDS).filter((command) => command.mirror).map((command) => command.Tex).sort((a, b) => b.length - a.length);
-function matchingMirroredOperator(tex, index) {
-  for (const operatorTex of MIRRORED_OPERATOR_TEX) {
+var COMPILE_MIRRORED_OPERATOR_TEX = Object.values(ATOMIC_OPERATOR_COMMANDS).filter((command) => "compileMirror" in command && command.compileMirror).map((command) => command.Tex).sort((a, b) => b.length - a.length);
+function matchingMirroredOperatorFrom(tex, index, operatorTexList) {
+  for (const operatorTex of operatorTexList) {
     if (!tex.startsWith(operatorTex, index)) {
       continue;
     }
@@ -2595,19 +2633,26 @@ function findMatchingBrace(tex, openIndex) {
   }
   return -1;
 }
-function mirrorBuTeXOperatorsInTex(tex) {
+function mirrorBuTeXOperatorsInTex(tex, options = {}) {
+  const mirroredOperatorTex = options.target === "compile" ? COMPILE_MIRRORED_OPERATOR_TEX : MIRRORED_OPERATOR_TEX;
   let result = "";
   let index = 0;
   while (index < tex.length) {
     if (tex.startsWith("\\butexmirror{", index)) {
       const end = findMatchingBrace(tex, index + "\\butexmirror".length);
       if (end !== -1) {
-        result += tex.slice(index, end + 1);
+        const bodyStart = index + "\\butexmirror{".length;
+        const body = tex.slice(bodyStart, end);
+        if (options.target === "compile" && MIRRORED_OPERATOR_TEX.includes(body) && !mirroredOperatorTex.includes(body)) {
+          result += body;
+        } else {
+          result += tex.slice(index, end + 1);
+        }
         index = end + 1;
         continue;
       }
     }
-    const operatorTex = matchingMirroredOperator(tex, index);
+    const operatorTex = matchingMirroredOperatorFrom(tex, index, mirroredOperatorTex);
     if (operatorTex) {
       result += `\\butexmirror{${operatorTex}}`;
       index += operatorTex.length;
@@ -8269,18 +8314,19 @@ function mathNodeFromSession(session, opening = "$", closing = "$") {
   }
   return { nodeType: "MathObject", mathMode: opening, lines: [], closing };
 }
-function mathTokenSourceForSide(token, side) {
+function mathTokenSourceForSide(token, side, digitForm) {
   if (!token.math || token.sourceOwner === "raw") {
     return token.source;
   }
-  if (token.sourceSide === side) {
+  if (token.sourceSide === side && digitForm === void 0) {
     return token.source;
   }
   const result = mathTokenToEditorSession(token.math, side);
   if (!result.editable) {
     return token.source;
   }
-  return mathSourceFromSession(result.session, side, token.opening, token.closing);
+  const session = digitForm === void 0 ? result.session : setCurrentDigitForm(result.session, digitForm);
+  return mathSourceFromSession(session, side, token.opening, token.closing);
 }
 
 // src/document2/commands.ts
@@ -9014,6 +9060,19 @@ function document2KeyError(key, namespace = {}) {
 }
 
 // src/document2/arabicPreamble.ts
+function fontOptions(digitsMapping, includeScript = true) {
+  const parts = [];
+  if (includeScript) {
+    parts.push("Script=Arabic");
+  }
+  if (digitsMapping !== "digits") {
+    parts.push(`Mapping=${digitsMapping}`);
+  }
+  if (parts.length === 0) {
+    return "";
+  }
+  return `[${parts.join(",")}]`;
+}
 function arabicXeLatexPreamblePkg(twocolumn = false) {
   const classOptions = twocolumn ? "12pt,a4paper,notitlepage,twocolumn" : "12pt,a4paper,notitlepage";
   return `
@@ -9042,25 +9101,27 @@ function arabicXeLatexPreamblePkg(twocolumn = false) {
 % save back tick for use - copy paste ->  ` + "`";
 }
 function arabicXeLatexPreambleFont(digitsMapping = "arabicdigits") {
-  const customFonts = NON_DEFAULT_CHARACTER_FONT_SPECS.filter((font) => font.latexFontCommand && font.latexFontFamily).map((font) => `\\newfontfamily${font.latexFontCommand}[Script=Arabic,Mapping=${digitsMapping}]{${font.latexFontFamily}}`).join("\n");
+  const customFonts = NON_DEFAULT_CHARACTER_FONT_SPECS.filter((font) => font.latexFontCommand && font.latexFontFamily).map((font) => `\\newfontfamily${font.latexFontCommand}${fontOptions(digitsMapping)}{${font.latexFontFamily}}`).join("\n");
+  const mathFontOptions = fontOptions(digitsMapping, false);
   return `
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
-% Toggle between eastern and western digits by changing the Mapping in the below fonts (inside math font as well) between "arabicdigits" and "digits"
+% Persian digits: Mapping=farsidigits
+% Arabic-Indic digits: Mapping=arabicdigits
+% Western digits: omit Mapping entirely
 \\setdefaultlanguage[calendar=gregorian]{arabic}  % from polyglossia
-\\setmainfont[Script=Arabic , Mapping=${digitsMapping}]{Amiri}
+\\setmainfont${fontOptions(digitsMapping)}{Amiri}
 ${customFonts}
-\\newfontfamily\\boldarabic[Script=Arabic,Mapping=${digitsMapping}]{Amiri Bold}
-\\newfontfamily\\italicarabic[Script=Arabic,Mapping=${digitsMapping}]{Amiri Italic}
+\\newfontfamily\\boldarabic${fontOptions(digitsMapping)}{Amiri Bold}
+\\newfontfamily\\italicarabic${fontOptions(digitsMapping)}{Amiri Italic}
 
 % for polyglossia url I dont know, sugggested by cursor
-\\newfontfamily\\arabicfonttt[Script=Arabic,Mapping=${digitsMapping}]{Amiri}
-\\newfontfamily\\arabicfontsf[Script=Arabic,Mapping=${digitsMapping}]{Amiri}
+\\newfontfamily\\arabicfonttt${fontOptions(digitsMapping)}{Amiri}
+\\newfontfamily\\arabicfontsf${fontOptions(digitsMapping)}{Amiri}
 
 
 % Explicitly set math font to XITS Math
-% Remove "Script=Arabic" to cancel reflected symbols and other RTL symbols
-\\setmathfont[Script=Arabic , Mapping=${digitsMapping}]{XITS Math} % Ensure XITS Math is correctly installed and available
+\\setmathfont${mathFontOptions}{XITS Math} % Ensure XITS Math is correctly installed and available
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 `;
@@ -9222,8 +9283,20 @@ function getArabicXeLatexPreamble(digitsMappingOrOptions = "arabicdigits") {
 }
 
 // src/document2/exportLatex.ts
+function digitsMappingFromDigitForm(digitForm) {
+  if (digitForm === "western") {
+    return "digits";
+  }
+  if (digitForm === "persianIndic") {
+    return "farsidigits";
+  }
+  return "arabicdigits";
+}
 function mathBodyLatex(token) {
-  if (!token.math || token.sourceOwner === "raw" || token.sourceOwner === "editor") {
+  if (token.sourceOwner === "editor") {
+    return stripDisplayMathDelimiters(mirrorBuTeXOperatorsInTex(token.source, { target: "compile" }));
+  }
+  if (!token.math || token.sourceOwner === "raw") {
     return stripDisplayMathDelimiters(token.source);
   }
   const rendered = renderMathNodeLatex(token.math);
@@ -9259,7 +9332,10 @@ ${body}
 \\label{${token.label.trim()}}
 \\end{equation}`;
   }
-  if (!token.math || token.sourceOwner === "raw" || token.sourceOwner === "editor") {
+  if (token.sourceOwner === "editor") {
+    return mirrorBuTeXOperatorsInTex(token.source, { target: "compile" });
+  }
+  if (!token.math || token.sourceOwner === "raw") {
     return token.source;
   }
   return renderMathNodeLatex(token.math);
@@ -9377,7 +9453,7 @@ function articleMaketitlePreamble(meta, twocolumn = false) {
   if (meta.authors.trim().length > 0) {
     parts.push(`\\author{${authorLatex(meta.authors)}}`);
   }
-  parts.push(`\\date{${formatHijriDate(meta.date, { locale: "ar", digitForm: "arabicIndic" })}}`);
+  parts.push(`\\date{${formatHijriDate(meta.date, { locale: "ar", digitForm: "western" })}}`);
   return parts.join("\n");
 }
 function articleFrontMatterLatex(meta) {
@@ -9409,7 +9485,7 @@ function document2Latex(document2, options = {}) {
 ${body}` : body;
   }
   const preamble = getArabicXeLatexPreamble({
-    digitsMapping: options.digitsMapping ?? "arabicdigits",
+    digitsMapping: options.digitsMapping ?? digitsMappingFromDigitForm(options.digitForm),
     twocolumn
   }) + "\n" + articleMaketitlePreamble(meta, twocolumn);
   return `${preamble}
@@ -9665,8 +9741,8 @@ function remapSelectionAfterRangeMove(selection, direction) {
 }
 
 // src/document2/previewModel.ts
-function mathTex(token, equationSide) {
-  return mathTokenSourceForSide(token, equationSide);
+function mathTex(token, equationSide, digitForm) {
+  return mathTokenSourceForSide(token, equationSide, digitForm);
 }
 function previewInlines(field, islands, output, equationSide, document2, previewOptions) {
   return field.tokens.map((token) => {
@@ -9698,7 +9774,7 @@ function previewInlines(field, islands, output, equationSide, document2, preview
     }
     const island = {
       id: token.id,
-      tex: mathTex(token, equationSide),
+      tex: mathTex(token, equationSide, previewOptions.digitForm),
       display: token.display,
       output,
       editable: token.editable
@@ -10341,6 +10417,32 @@ function focusArticleMetaPanel(panel) {
 // src/react-document2/ButexDocumentEditor2.tsx
 var import_react13 = require("react");
 
+// src/debugJson.ts
+function lineColumnForPosition(text, position) {
+  const before = text.slice(0, Math.max(0, position));
+  const lines = before.split("\n");
+  return {
+    line: lines.length,
+    column: (lines[lines.length - 1]?.length ?? 0) + 1
+  };
+}
+function parseJsonDebugInput(text) {
+  try {
+    return { ok: true, value: JSON.parse(text) };
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    const positionMatch = message.match(/position\s+(\d+)/i);
+    if (positionMatch) {
+      const position = Number(positionMatch[1]);
+      if (Number.isFinite(position)) {
+        const location = lineColumnForPosition(text, position);
+        return { ok: false, error: `Invalid JSON at line ${String(location.line)}, column ${String(location.column)}: ${message}` };
+      }
+    }
+    return { ok: false, error: `Invalid JSON: ${message}` };
+  }
+}
+
 // src/react-document2/BlockEditor.tsx
 var import_react4 = require("react");
 
@@ -10880,6 +10982,7 @@ function MathChip({
   token,
   output = "svg",
   documentDirection = "rtl",
+  digitForm,
   equationSide = "arabic",
   editable = true,
   uiLocale = "ar",
@@ -10891,7 +10994,7 @@ function MathChip({
   onTextInputFromFocus
 }) {
   const messages = document2Messages(uiLocale);
-  const tex = mathTokenSourceForSide(token, equationSide);
+  const tex = mathTokenSourceForSide(token, equationSide, digitForm);
   const forwardArrowKey = documentDirection === "rtl" ? "ArrowLeft" : "ArrowRight";
   const backwardArrowKey = documentDirection === "rtl" ? "ArrowRight" : "ArrowLeft";
   const island = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MathIsland, { id: token.id, tex, display: token.display, output });
@@ -11301,6 +11404,7 @@ function InlineField({
         token,
         output: mathOutput,
         equationSide,
+        digitForm,
         editable: editableEquations,
         uiLocale,
         buttonRef: (element) => {
@@ -12845,6 +12949,11 @@ var WIDGET_CHROME_CSS = `
   font-family: ${BUTEX_DIWANI_OUTLINE_FONT_STACK};
 }
 
+.butex-widget .font-mode-btn--maghribi,
+.butex-widget .character-font-option--maghribi {
+  font-family: ${BUTEX_MAGHRIBI_FONT_STACK};
+}
+
 .butex-widget .character-font-options {
   position: absolute;
   z-index: 10;
@@ -13379,6 +13488,36 @@ var WIDGET_CHROME_CSS = `
   background: var(--butex-dev-inset-bg);
   color: var(--butex-dev-inset-fg);
 }
+
+.butex-widget .debug-json-import {
+  display: grid;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.butex-widget .debug-json-import textarea {
+  min-height: 150px;
+  resize: vertical;
+  border: 1px solid var(--butex-dev-inset-border);
+  border-radius: 8px;
+  padding: 8px 10px;
+  direction: ltr;
+  text-align: left;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px;
+  background: var(--butex-dev-inset-bg);
+  color: var(--butex-dev-inset-fg);
+}
+
+.butex-widget .debug-json-error {
+  margin: 0;
+  border: 1px solid rgba(220, 38, 38, 0.45);
+  background: rgba(254, 226, 226, 0.9);
+  color: #991b1b;
+  border-radius: 8px;
+  padding: 8px 10px;
+  white-space: pre-wrap;
+}
 `.trim();
 var CHROME_STYLE_ID = "butex-widget-chrome-css";
 function injectWidgetChromeCss(doc) {
@@ -13507,6 +13646,7 @@ ${latex || messages.empty}`;
 var ButexEditor = (0, import_react8.forwardRef)(
   function ButexEditor2({ className, debug = false, defaultSide, uiLocale = "ar", initialSession, onSessionChange }, ref) {
     const messages = equationEditorMessages(uiLocale);
+    const debugEnabled = debug || typeof window !== "undefined" && new URLSearchParams(window.location.search).get("debug") === "1";
     const wrapperRef = (0, import_react8.useRef)(null);
     const surfaceRef = (0, import_react8.useRef)(null);
     const inputRef = (0, import_react8.useRef)(null);
@@ -13524,7 +13664,7 @@ var ButexEditor = (0, import_react8.forwardRef)(
     const digitFormBtnRef = (0, import_react8.useRef)(null);
     const runtimeRef = (0, import_react8.useRef)(null);
     const debugRef = (0, import_react8.useRef)(debug);
-    debugRef.current = debug;
+    debugRef.current = debugEnabled;
     const uiLocaleRef = (0, import_react8.useRef)(uiLocale);
     uiLocaleRef.current = uiLocale;
     const onSessionChangeRef = (0, import_react8.useRef)(onSessionChange);
@@ -13532,6 +13672,9 @@ var ButexEditor = (0, import_react8.forwardRef)(
     const debugBodyHiddenRef = (0, import_react8.useRef)(false);
     const [debugBodyHidden, setDebugBodyHidden] = (0, import_react8.useState)(false);
     debugBodyHiddenRef.current = debugBodyHidden;
+    const [debugImportOpen, setDebugImportOpen] = (0, import_react8.useState)(false);
+    const [debugImportText, setDebugImportText] = (0, import_react8.useState)("");
+    const [debugImportError, setDebugImportError] = (0, import_react8.useState)("");
     const [digitMenuOpen, setDigitMenuOpen] = (0, import_react8.useState)(false);
     const [characterFontMenuOpen, setCharacterFontMenuOpen] = (0, import_react8.useState)(false);
     const [delimiterMenuOpen, setDelimiterMenuOpen] = (0, import_react8.useState)(false);
@@ -13612,6 +13755,54 @@ ${arabic || currentMessages.empty}`;
     }, []);
     const updatePreviewRef = (0, import_react8.useRef)(updatePreview);
     updatePreviewRef.current = updatePreview;
+    async function copyDebugText(text) {
+      try {
+        await navigator.clipboard.writeText(text);
+      } catch {
+      }
+    }
+    function currentMathObjectJsonText() {
+      const session = runtimeRef.current?.getSession();
+      if (!session) {
+        return "";
+      }
+      const math = mathNodeFromEditorSession(session);
+      if (!math.ok) {
+        return "";
+      }
+      return JSON.stringify(toMathObjectJson(math.math), null, 2);
+    }
+    function openDebugMathObjectImport() {
+      setDebugImportText(currentMathObjectJsonText());
+      setDebugImportError("");
+      setDebugImportOpen(true);
+    }
+    function applyDebugMathObjectImport() {
+      const parsed = parseJsonDebugInput(debugImportText);
+      if (!parsed.ok) {
+        setDebugImportError(parsed.error);
+        return;
+      }
+      try {
+        const math = fromMathObjectJson(parsed.value, activeEditorSide);
+        const result = mathObjectToEditorSession(math);
+        if (!result.editable) {
+          setDebugImportError(result.reason);
+          return;
+        }
+        const next = { ...result.session, activeSide: activeEditorSide };
+        runtimeRef.current?.setSession(next);
+        setSelectedDigitForm(next.currentDigitForm ?? "western");
+        setSelectedCharacterFont(next.currentCharacterFont ?? "default");
+        setActiveEditorSide(next.activeSide);
+        onSessionChangeRef.current?.(next);
+        setDebugImportError("");
+        setDebugImportOpen(false);
+        void updatePreviewRef.current(next);
+      } catch (importError) {
+        setDebugImportError(importError instanceof Error ? importError.message : String(importError));
+      }
+    }
     (0, import_react8.useEffect)(() => {
       injectWidgetChromeCss();
       injectBuTeXEditorStyles(typeof document !== "undefined" ? document : void 0);
@@ -14772,7 +14963,7 @@ ${arabic || currentMessages.empty}`;
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: renderErrorRef, className: "error", hidden: true })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { className: "panel panel-preview", "aria-label": messages.renderPreview, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: mathOutputRef, className: "preview-box" }) }),
-          debug ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: "panel", children: [
+          debugEnabled ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: "panel", children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "dev-strip", children: [
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "dev-badge", children: messages.development }),
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: latexLinesRef, className: "ascii" }),
@@ -14780,6 +14971,8 @@ ${arabic || currentMessages.empty}`;
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { marginTop: 12 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "debug-head", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: () => void copyDebugText(currentMathObjectJsonText()), children: "Copy MathObject JSON" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", "aria-expanded": debugImportOpen, onClick: openDebugMathObjectImport, children: "Import MathObject JSON" }),
                 /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   "button",
                   {
@@ -14815,6 +15008,35 @@ ${arabic || currentMessages.empty}`;
                   }
                 )
               ] }),
+              debugImportOpen ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "debug-json-import", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "textarea",
+                  {
+                    value: debugImportText,
+                    "aria-label": "Import MathObject JSON",
+                    spellCheck: false,
+                    onChange: (event) => {
+                      setDebugImportText(event.currentTarget.value);
+                      setDebugImportError("");
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "debug-head", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: applyDebugMathObjectImport, children: "Apply" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        setDebugImportOpen(false);
+                        setDebugImportError("");
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] }),
+                debugImportError ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "debug-json-error", children: debugImportError }) : null
+              ] }) : null,
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: debugLogRef, className: "debug-log" })
             ] })
           ] }) : null
@@ -14840,6 +15062,7 @@ function keyErrorMessage2(error, messages) {
   return null;
 }
 function EquationDrawer({
+  debug = false,
   session,
   reason,
   mathMode,
@@ -14957,7 +15180,7 @@ function EquationDrawer({
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             ButexEditor,
             {
-              debug: false,
+              debug,
               defaultSide: equationSide,
               uiLocale,
               initialSession: session,
@@ -16539,6 +16762,42 @@ var DOCUMENT2_WIDGET_CSS = `
   white-space: pre-wrap;
 }
 
+.butex-document2-widget__dev-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 0 0 10px;
+}
+
+.butex-document2-widget__dev-import {
+  display: grid;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.butex-document2-widget__dev-import textarea {
+  background: var(--butex-document2-dev-code-bg);
+  border: 1px solid var(--butex-document2-dev-border);
+  border-radius: 8px;
+  color: var(--butex-document2-dev-code-fg);
+  direction: ltr;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  min-height: 180px;
+  padding: 10px;
+  resize: vertical;
+  text-align: left;
+}
+
+.butex-document2-widget__dev-error {
+  background: rgba(254, 226, 226, 0.9);
+  border: 1px solid rgba(220, 38, 38, 0.45);
+  border-radius: 8px;
+  color: #991b1b;
+  margin: 0;
+  padding: 8px 10px;
+  white-space: pre-wrap;
+}
+
 .butex-document2-widget__dev-diagnostic {
   background: rgba(251, 191, 36, 0.18);
   border: 1px solid rgba(217, 119, 6, 0.4);
@@ -17369,868 +17628,977 @@ function resolveInitialDocument2(initialDocument, uiLocale = "ar", documentMeta)
     };
   }
 }
-function ButexDocumentEditor2({
-  initialDocument,
-  documentMeta,
-  className,
-  debug = false,
-  documentDirection = "rtl",
-  equationSide = "arabic",
-  editableEquations = true,
-  previewOnly = false,
-  uiLocale = "ar",
-  mathOutput = "svg",
-  digitForm: digitFormProp,
-  onDigitFormChange,
-  resolveImageUrl,
-  onDocumentChange,
-  onDocumentJsonChange,
-  onLatexChange
-}) {
-  const messages = document2Messages(uiLocale);
-  const initialState = (0, import_react13.useMemo)(
-    () => resolveInitialDocument2(initialDocument, uiLocale, documentMeta),
-    [initialDocument, documentMeta, uiLocale]
-  );
-  const [documentNode, setDocumentNode] = (0, import_react13.useState)(initialState.document);
-  const [error, setError] = (0, import_react13.useState)(initialState.error);
-  const [editorOpen, setEditorOpen] = (0, import_react13.useState)(true);
-  const [previewOpen, setPreviewOpen] = (0, import_react13.useState)(true);
-  const [selectedMath, setSelectedMath] = (0, import_react13.useState)(null);
-  const [citePicker, setCitePicker] = (0, import_react13.useState)(null);
-  const [referencesOpen, setReferencesOpen] = (0, import_react13.useState)(false);
-  const [labelsOpen, setLabelsOpen] = (0, import_react13.useState)(false);
-  const [refPicker, setRefPicker] = (0, import_react13.useState)(null);
-  const [digitFormState, setDigitFormState] = (0, import_react13.useState)(null);
-  const [editorFocus, setEditorFocus] = (0, import_react13.useState)(createEmptyDocument2EditorFocus());
-  const [collapsedBlockIds, setCollapsedBlockIds] = (0, import_react13.useState)(() => /* @__PURE__ */ new Set());
-  const [blockSelectionState, setBlockSelectionState] = (0, import_react13.useState)(emptyBlockSelection);
-  const [historyTick, setHistoryTick] = (0, import_react13.useState)(0);
-  const digitForm = digitFormProp ?? digitFormState ?? (documentDirection === "rtl" ? "arabicIndic" : "western");
-  const historyRef = (0, import_react13.useRef)(createDocument2History());
-  const documentRef = (0, import_react13.useRef)(documentNode);
-  const textSnapshotArmedRef = (0, import_react13.useRef)(false);
-  const textDebounceRef = (0, import_react13.useRef)(null);
-  const widgetRef = (0, import_react13.useRef)(null);
-  const articleMetaPanelRef = (0, import_react13.useRef)(null);
-  const pendingFocusRef = (0, import_react13.useRef)(null);
-  documentRef.current = documentNode;
-  const latex = document2Latex(documentNode);
-  const documentJson = (0, import_react13.useMemo)(() => toDocumentJson2(documentNode), [documentNode]);
-  const documentLabels = (0, import_react13.useMemo)(() => collectDocument2Labels(documentNode), [documentNode]);
-  const preview = (0, import_react13.useMemo)(
-    () => document2Preview(documentNode, mathOutput, equationSide, {
-      documentDirection,
-      digitForm,
-      uiLocale
-    }),
-    [documentNode, documentDirection, digitForm, equationSide, mathOutput, uiLocale]
-  );
-  const debugEnabled = (0, import_react13.useMemo)(() => {
-    if (debug) {
-      return true;
-    }
-    if (typeof window === "undefined") {
-      return false;
-    }
-    return new URLSearchParams(window.location.search).get("debug") === "1";
-  }, [debug]);
-  const canUndo = (0, import_react13.useMemo)(() => document2HistoryCanUndo(historyRef.current), [historyTick, documentNode]);
-  const canRedo = (0, import_react13.useMemo)(() => document2HistoryCanRedo(historyRef.current), [historyTick, documentNode]);
-  const blockSelection = normalizeBlockSelection(blockSelectionState.selection, documentNode.blocks.length);
-  const selectionCount = blockSelection ? blockSelection.to - blockSelection.from + 1 : 0;
-  const canMoveSelectionUp = Boolean(blockSelection && blockSelection.from > 0);
-  const canMoveSelectionDown = Boolean(blockSelection && blockSelection.to < documentNode.blocks.length - 1);
-  const formatTextToken = (0, import_react13.useMemo)(() => findFormatTextToken(documentNode, editorFocus), [documentNode, editorFocus]);
-  const canFormatText = formatTextToken !== null;
-  const activeTextStyles = formatTextToken?.style ?? {};
-  function clearBlockSelection() {
-    setBlockSelectionState(emptyBlockSelection());
-  }
-  function toggleSelectBlock(blockId, shiftKey) {
-    const index = documentRef.current.blocks.findIndex((block) => block.id === blockId);
-    if (index < 0) {
-      return;
-    }
-    const blockCount = documentRef.current.blocks.length;
-    setBlockSelectionState(
-      (current) => shiftKey ? extendBlockSelectionFromAnchor(current, index, blockCount) : toggleBlockInSelection(current, index, blockCount)
+var ButexDocumentEditor2 = (0, import_react13.forwardRef)(
+  function ButexDocumentEditor22({
+    initialDocument,
+    documentMeta,
+    className,
+    debug = false,
+    documentDirection = "rtl",
+    equationSide = "arabic",
+    editableEquations = true,
+    previewOnly = false,
+    uiLocale = "ar",
+    mathOutput = "svg",
+    digitForm: digitFormProp,
+    onDigitFormChange,
+    resolveImageUrl,
+    onDocumentChange,
+    onDocumentJsonChange,
+    onLatexChange
+  }, ref) {
+    const messages = document2Messages(uiLocale);
+    const initialState = (0, import_react13.useMemo)(
+      () => resolveInitialDocument2(initialDocument, uiLocale, documentMeta),
+      [initialDocument, documentMeta, uiLocale]
     );
-  }
-  function moveSelectedBlocks(direction) {
-    const selection = normalizeBlockSelection(blockSelectionState.selection, documentRef.current.blocks.length);
-    if (!selection) {
-      return;
+    const [documentNode, setDocumentNode] = (0, import_react13.useState)(initialState.document);
+    const [error, setError] = (0, import_react13.useState)(initialState.error);
+    const [editorOpen, setEditorOpen] = (0, import_react13.useState)(true);
+    const [previewOpen, setPreviewOpen] = (0, import_react13.useState)(true);
+    const [selectedMath, setSelectedMath] = (0, import_react13.useState)(null);
+    const [citePicker, setCitePicker] = (0, import_react13.useState)(null);
+    const [referencesOpen, setReferencesOpen] = (0, import_react13.useState)(false);
+    const [labelsOpen, setLabelsOpen] = (0, import_react13.useState)(false);
+    const [refPicker, setRefPicker] = (0, import_react13.useState)(null);
+    const [digitFormState, setDigitFormState] = (0, import_react13.useState)(null);
+    const [debugImportOpen, setDebugImportOpen] = (0, import_react13.useState)(false);
+    const [debugImportText, setDebugImportText] = (0, import_react13.useState)("");
+    const [debugImportError, setDebugImportError] = (0, import_react13.useState)("");
+    const [editorFocus, setEditorFocus] = (0, import_react13.useState)(createEmptyDocument2EditorFocus());
+    const [collapsedBlockIds, setCollapsedBlockIds] = (0, import_react13.useState)(() => /* @__PURE__ */ new Set());
+    const [blockSelectionState, setBlockSelectionState] = (0, import_react13.useState)(emptyBlockSelection);
+    const [historyTick, setHistoryTick] = (0, import_react13.useState)(0);
+    const digitForm = digitFormProp ?? digitFormState ?? (documentDirection === "rtl" ? "arabicIndic" : "western");
+    function equationSessionWithDocumentDigits(session) {
+      return setCurrentDigitForm(session, digitForm);
+    }
+    const historyRef = (0, import_react13.useRef)(createDocument2History());
+    const documentRef = (0, import_react13.useRef)(documentNode);
+    const editorFocusRef = (0, import_react13.useRef)(editorFocus);
+    const textSnapshotArmedRef = (0, import_react13.useRef)(false);
+    const textDebounceRef = (0, import_react13.useRef)(null);
+    const widgetRef = (0, import_react13.useRef)(null);
+    const articleMetaPanelRef = (0, import_react13.useRef)(null);
+    const pendingFocusRef = (0, import_react13.useRef)(null);
+    documentRef.current = documentNode;
+    editorFocusRef.current = editorFocus;
+    const latex = document2Latex(documentNode, { digitForm });
+    const documentJson = (0, import_react13.useMemo)(() => toDocumentJson2(documentNode), [documentNode]);
+    const documentLabels = (0, import_react13.useMemo)(() => collectDocument2Labels(documentNode), [documentNode]);
+    const preview = (0, import_react13.useMemo)(
+      () => document2Preview(documentNode, mathOutput, equationSide, {
+        documentDirection,
+        digitForm,
+        uiLocale
+      }),
+      [documentNode, documentDirection, digitForm, equationSide, mathOutput, uiLocale]
+    );
+    const debugEnabled = (0, import_react13.useMemo)(() => {
+      if (debug) {
+        return true;
+      }
+      if (typeof window === "undefined") {
+        return false;
+      }
+      return new URLSearchParams(window.location.search).get("debug") === "1";
+    }, [debug]);
+    const canUndo = (0, import_react13.useMemo)(() => document2HistoryCanUndo(historyRef.current), [historyTick, documentNode]);
+    const canRedo = (0, import_react13.useMemo)(() => document2HistoryCanRedo(historyRef.current), [historyTick, documentNode]);
+    const blockSelection = normalizeBlockSelection(blockSelectionState.selection, documentNode.blocks.length);
+    const selectionCount = blockSelection ? blockSelection.to - blockSelection.from + 1 : 0;
+    const canMoveSelectionUp = Boolean(blockSelection && blockSelection.from > 0);
+    const canMoveSelectionDown = Boolean(blockSelection && blockSelection.to < documentNode.blocks.length - 1);
+    const formatTextToken = (0, import_react13.useMemo)(() => findFormatTextToken(documentNode, editorFocus), [documentNode, editorFocus]);
+    const canFormatText = formatTextToken !== null;
+    const activeTextStyles = formatTextToken?.style ?? {};
+    function clearBlockSelection() {
+      setBlockSelectionState(emptyBlockSelection());
+    }
+    function toggleSelectBlock(blockId, shiftKey) {
+      const index = documentRef.current.blocks.findIndex((block) => block.id === blockId);
+      if (index < 0) {
+        return;
+      }
+      const blockCount = documentRef.current.blocks.length;
+      setBlockSelectionState(
+        (current) => shiftKey ? extendBlockSelectionFromAnchor(current, index, blockCount) : toggleBlockInSelection(current, index, blockCount)
+      );
     }
-    const next = moveDocument2BlockRange(documentRef.current, selection.from, selection.to, direction);
-    if (next === documentRef.current) {
-      return;
+    function moveSelectedBlocks(direction) {
+      const selection = normalizeBlockSelection(blockSelectionState.selection, documentRef.current.blocks.length);
+      if (!selection) {
+        return;
+      }
+      const next = moveDocument2BlockRange(documentRef.current, selection.from, selection.to, direction);
+      if (next === documentRef.current) {
+        return;
+      }
+      applyDocument(next, "immediate");
+      const remapped = remapSelectionAfterRangeMove(selection, direction);
+      setBlockSelectionState({
+        selection: normalizeBlockSelection(remapped, next.blocks.length),
+        anchor: blockSelectionState.anchor === null ? null : blockSelectionState.anchor + direction
+      });
     }
-    applyDocument(next, "immediate");
-    const remapped = remapSelectionAfterRangeMove(selection, direction);
-    setBlockSelectionState({
-      selection: normalizeBlockSelection(remapped, next.blocks.length),
-      anchor: blockSelectionState.anchor === null ? null : blockSelectionState.anchor + direction
-    });
-  }
-  function deleteSelectedBlocks() {
-    const selection = normalizeBlockSelection(blockSelectionState.selection, documentRef.current.blocks.length);
-    if (!selection) {
-      return;
+    function deleteSelectedBlocks() {
+      const selection = normalizeBlockSelection(blockSelectionState.selection, documentRef.current.blocks.length);
+      if (!selection) {
+        return;
+      }
+      applyDocument(removeDocument2BlockRange(documentRef.current, selection.from, selection.to), "immediate");
+      clearBlockSelection();
     }
-    applyDocument(removeDocument2BlockRange(documentRef.current, selection.from, selection.to), "immediate");
-    clearBlockSelection();
-  }
-  (0, import_react13.useEffect)(() => {
-    injectBuTeXDocument2Styles();
-  }, []);
-  (0, import_react13.useEffect)(() => {
-    if (!editableEquations || previewOnly) {
+    (0, import_react13.useEffect)(() => {
+      injectBuTeXDocument2Styles();
+    }, []);
+    (0, import_react13.useEffect)(() => {
+      if (!editableEquations || previewOnly) {
+        setSelectedMath(null);
+      }
+    }, [editableEquations, previewOnly]);
+    (0, import_react13.useEffect)(() => {
+      const next = resolveInitialDocument2(initialDocument, uiLocale, documentMeta);
+      setDocumentNode(next.document);
+      setError(next.error);
       setSelectedMath(null);
-    }
-  }, [editableEquations, previewOnly]);
-  (0, import_react13.useEffect)(() => {
-    const next = resolveInitialDocument2(initialDocument, uiLocale, documentMeta);
-    setDocumentNode(next.document);
-    setError(next.error);
-    setSelectedMath(null);
-    setCollapsedBlockIds(/* @__PURE__ */ new Set());
-    historyRef.current = createDocument2History();
-    setHistoryTick((tick) => tick + 1);
-  }, [initialDocument, documentMeta, uiLocale]);
-  (0, import_react13.useEffect)(() => {
-    onDocumentChange?.(documentNode);
-  }, [documentNode, onDocumentChange]);
-  (0, import_react13.useEffect)(() => {
-    onDocumentJsonChange?.(documentJson);
-  }, [documentJson, onDocumentJsonChange]);
-  (0, import_react13.useEffect)(() => {
-    onLatexChange?.(latex);
-  }, [latex, onLatexChange]);
-  (0, import_react13.useEffect)(() => {
-    const pending = pendingFocusRef.current;
-    const root = widgetRef.current;
-    if (!pending || !root) {
-      return;
-    }
-    pendingFocusRef.current = null;
-    requestAnimationFrame(() => {
-      if (pending.kind === "math") {
-        const mathButton = Array.from(root.querySelectorAll("[data-math-token-id]")).find(
-          (button) => button.dataset.mathTokenId === pending.tokenId
-        );
-        mathButton?.focus();
+      setCollapsedBlockIds(/* @__PURE__ */ new Set());
+      historyRef.current = createDocument2History();
+      setHistoryTick((tick) => tick + 1);
+    }, [initialDocument, documentMeta, uiLocale]);
+    (0, import_react13.useEffect)(() => {
+      onDocumentChange?.(documentNode);
+    }, [documentNode, onDocumentChange]);
+    (0, import_react13.useEffect)(() => {
+      onDocumentJsonChange?.(documentJson);
+    }, [documentJson, onDocumentJsonChange]);
+    (0, import_react13.useEffect)(() => {
+      onLatexChange?.(latex);
+    }, [latex, onLatexChange]);
+    (0, import_react13.useEffect)(() => {
+      const pending = pendingFocusRef.current;
+      const root = widgetRef.current;
+      if (!pending || !root) {
         return;
       }
-      if (pending.kind === "cite") {
-        const citeButton = Array.from(root.querySelectorAll("[data-cite-token-id]")).find(
-          (button) => button.dataset.citeTokenId === pending.tokenId
+      pendingFocusRef.current = null;
+      requestAnimationFrame(() => {
+        if (pending.kind === "math") {
+          const mathButton = Array.from(root.querySelectorAll("[data-math-token-id]")).find(
+            (button) => button.dataset.mathTokenId === pending.tokenId
+          );
+          mathButton?.focus();
+          return;
+        }
+        if (pending.kind === "cite") {
+          const citeButton = Array.from(root.querySelectorAll("[data-cite-token-id]")).find(
+            (button) => button.dataset.citeTokenId === pending.tokenId
+          );
+          citeButton?.focus();
+          return;
+        }
+        if (pending.kind === "ref") {
+          const refButton = Array.from(root.querySelectorAll("[data-ref-token-id]")).find(
+            (button) => button.dataset.refTokenId === pending.tokenId
+          );
+          refButton?.focus();
+          return;
+        }
+        const textarea = Array.from(root.querySelectorAll("textarea[data-field-id][data-text-token-id]")).find(
+          (element) => element.dataset.fieldId === pending.fieldId && element.dataset.textTokenId === pending.textTokenId
         );
-        citeButton?.focus();
+        if (!textarea) {
+          return;
+        }
+        const safeOffset = Math.max(0, Math.min(pending.caretOffset, textarea.value.length));
+        textarea.focus();
+        textarea.setSelectionRange(safeOffset, safeOffset);
+      });
+    }, [documentNode]);
+    const bumpHistoryUi = (0, import_react13.useCallback)(() => {
+      setHistoryTick((tick) => tick + 1);
+    }, []);
+    const applyDocument = (0, import_react13.useCallback)(
+      (next, mode = "immediate") => {
+        if (mode === "immediate") {
+          pushDocument2Snapshot(historyRef.current, documentRef.current);
+          bumpHistoryUi();
+        } else if (mode === "text") {
+          if (!textSnapshotArmedRef.current) {
+            pushDocument2Snapshot(historyRef.current, documentRef.current);
+            textSnapshotArmedRef.current = true;
+            bumpHistoryUi();
+          }
+          if (textDebounceRef.current !== null) {
+            window.clearTimeout(textDebounceRef.current);
+          }
+          textDebounceRef.current = window.setTimeout(() => {
+            textSnapshotArmedRef.current = false;
+          }, 400);
+        }
+        documentRef.current = next;
+        setDocumentNode(next);
+      },
+      [bumpHistoryUi]
+    );
+    const afterBlockId = (0, import_react13.useCallback)(() => resolveInsertAfterBlockId(documentRef.current, editorFocusRef.current), []);
+    const insertImageBlock = (0, import_react13.useCallback)(
+      (srcOrAssetId = "") => {
+        clearBlockSelection();
+        const after = resolveInsertAfterBlockId(documentRef.current, editorFocusRef.current);
+        applyDocument(addDocument2ImageBlock(documentRef.current, srcOrAssetId, after), "immediate");
+      },
+      [applyDocument]
+    );
+    (0, import_react13.useImperativeHandle)(
+      ref,
+      () => ({
+        insertImageBlock,
+        updateImageBlockValue(blockId, value) {
+          applyDocument(updateDocument2ImageValue(documentRef.current, blockId, value), "immediate");
+        },
+        getDocumentJson() {
+          return toDocumentJson2(documentRef.current);
+        }
+      }),
+      [applyDocument, insertImageBlock]
+    );
+    function undoDocument() {
+      const restored = restoreDocument2Undo(historyRef.current, documentRef.current);
+      if (!restored) {
         return;
       }
-      if (pending.kind === "ref") {
-        const refButton = Array.from(root.querySelectorAll("[data-ref-token-id]")).find(
-          (button) => button.dataset.refTokenId === pending.tokenId
-        );
-        refButton?.focus();
+      textSnapshotArmedRef.current = false;
+      clearBlockSelection();
+      documentRef.current = restored;
+      setDocumentNode(restored);
+      bumpHistoryUi();
+    }
+    function redoDocument() {
+      const restored = restoreDocument2Redo(historyRef.current, documentRef.current);
+      if (!restored) {
         return;
       }
-      const textarea = Array.from(root.querySelectorAll("textarea[data-field-id][data-text-token-id]")).find(
-        (element) => element.dataset.fieldId === pending.fieldId && element.dataset.textTokenId === pending.textTokenId
-      );
-      if (!textarea) {
+      textSnapshotArmedRef.current = false;
+      clearBlockSelection();
+      documentRef.current = restored;
+      setDocumentNode(restored);
+      bumpHistoryUi();
+    }
+    function openBlock(blockId) {
+      if (!blockId) {
         return;
       }
-      const safeOffset = Math.max(0, Math.min(pending.caretOffset, textarea.value.length));
-      textarea.focus();
-      textarea.setSelectionRange(safeOffset, safeOffset);
-    });
-  }, [documentNode]);
-  const bumpHistoryUi = (0, import_react13.useCallback)(() => {
-    setHistoryTick((tick) => tick + 1);
-  }, []);
-  const applyDocument = (0, import_react13.useCallback)(
-    (next, mode = "immediate") => {
-      if (mode === "immediate") {
-        pushDocument2Snapshot(historyRef.current, documentRef.current);
-        bumpHistoryUi();
-      } else if (mode === "text") {
-        if (!textSnapshotArmedRef.current) {
-          pushDocument2Snapshot(historyRef.current, documentRef.current);
-          textSnapshotArmedRef.current = true;
-          bumpHistoryUi();
+      setCollapsedBlockIds((current) => {
+        if (!current.has(blockId)) {
+          return current;
         }
-        if (textDebounceRef.current !== null) {
-          window.clearTimeout(textDebounceRef.current);
+        const next = new Set(current);
+        next.delete(blockId);
+        return next;
+      });
+    }
+    function toggleBlockCollapse(blockId) {
+      setCollapsedBlockIds((current) => {
+        const next = new Set(current);
+        if (next.has(blockId)) {
+          next.delete(blockId);
+        } else {
+          next.add(blockId);
         }
-        textDebounceRef.current = window.setTimeout(() => {
-          textSnapshotArmedRef.current = false;
-        }, 400);
-      }
-      setDocumentNode(next);
-    },
-    [bumpHistoryUi]
-  );
-  const afterBlockId = (0, import_react13.useCallback)(() => resolveInsertAfterBlockId(documentRef.current, editorFocus), [editorFocus]);
-  function undoDocument() {
-    const restored = restoreDocument2Undo(historyRef.current, documentRef.current);
-    if (!restored) {
-      return;
+        return next;
+      });
     }
-    textSnapshotArmedRef.current = false;
-    clearBlockSelection();
-    setDocumentNode(restored);
-    bumpHistoryUi();
-  }
-  function redoDocument() {
-    const restored = restoreDocument2Redo(historyRef.current, documentRef.current);
-    if (!restored) {
-      return;
+    function collapseAllBlocks() {
+      setCollapsedBlockIds(new Set(documentRef.current.blocks.map((block) => block.id)));
     }
-    textSnapshotArmedRef.current = false;
-    clearBlockSelection();
-    setDocumentNode(restored);
-    bumpHistoryUi();
-  }
-  function openBlock(blockId) {
-    if (!blockId) {
-      return;
+    function openAllBlocks() {
+      setCollapsedBlockIds(/* @__PURE__ */ new Set());
     }
-    setCollapsedBlockIds((current) => {
-      if (!current.has(blockId)) {
-        return current;
+    async function copyDebugText(text) {
+      try {
+        await navigator.clipboard.writeText(text);
+      } catch {
       }
-      const next = new Set(current);
-      next.delete(blockId);
-      return next;
-    });
-  }
-  function toggleBlockCollapse(blockId) {
-    setCollapsedBlockIds((current) => {
-      const next = new Set(current);
-      if (next.has(blockId)) {
-        next.delete(blockId);
-      } else {
-        next.add(blockId);
+    }
+    function openDebugJsonImport() {
+      setDebugImportText(JSON.stringify(documentJson, null, 2));
+      setDebugImportError("");
+      setDebugImportOpen(true);
+    }
+    function applyDebugJsonImport() {
+      const parsed = parseJsonDebugInput(debugImportText);
+      if (!parsed.ok) {
+        setDebugImportError(parsed.error);
+        return;
+      }
+      try {
+        const imported = fromDocumentJson2(parsed.value);
+        textSnapshotArmedRef.current = false;
+        if (textDebounceRef.current !== null) {
+          window.clearTimeout(textDebounceRef.current);
+          textDebounceRef.current = null;
+        }
+        setDocumentNode(imported);
+        setError(null);
+        setSelectedMath(null);
+        setCitePicker(null);
+        setRefPicker(null);
+        clearBlockSelection();
+        setCollapsedBlockIds(/* @__PURE__ */ new Set());
+        setEditorFocus(createEmptyDocument2EditorFocus());
+        historyRef.current = createDocument2History();
+        bumpHistoryUi();
+        setDebugImportError("");
+        setDebugImportOpen(false);
+      } catch (importError) {
+        setDebugImportError(importError instanceof Error ? importError.message : String(importError));
       }
-      return next;
-    });
-  }
-  function collapseAllBlocks() {
-    setCollapsedBlockIds(new Set(documentRef.current.blocks.map((block) => block.id)));
-  }
-  function openAllBlocks() {
-    setCollapsedBlockIds(/* @__PURE__ */ new Set());
-  }
-  (0, import_react13.useEffect)(() => {
-    const root = widgetRef.current;
-    if (!root) {
-      return;
     }
-    const onKeyDown = (event) => {
-      if (!editorOpen) {
+    (0, import_react13.useEffect)(() => {
+      const root = widgetRef.current;
+      if (!root) {
         return;
       }
-      const mod = event.ctrlKey || event.metaKey;
-      if (!mod) {
+      const onKeyDown = (event) => {
+        if (!editorOpen) {
+          return;
+        }
+        const mod = event.ctrlKey || event.metaKey;
+        if (!mod) {
+          return;
+        }
+        if (event.key.toLowerCase() === "z" && !event.shiftKey) {
+          event.preventDefault();
+          undoDocument();
+        } else if (event.key.toLowerCase() === "z" && event.shiftKey || event.key.toLowerCase() === "y") {
+          event.preventDefault();
+          redoDocument();
+        }
+      };
+      root.addEventListener("keydown", onKeyDown);
+      return () => root.removeEventListener("keydown", onKeyDown);
+    }, [editorOpen]);
+    function rememberFieldFocus(blockId, fieldId, textTokenId, caretOffset, selectionStart, selectionEnd) {
+      openBlock(blockId);
+      clearBlockSelection();
+      setEditorFocus({ blockId, fieldId, textTokenId, caretOffset, selectionStart, selectionEnd });
+    }
+    function rememberMathFocus(blockId, fieldId) {
+      openBlock(blockId);
+      clearBlockSelection();
+      setEditorFocus({ blockId, fieldId, textTokenId: null, caretOffset: 0, selectionStart: 0, selectionEnd: 0 });
+    }
+    function rememberBlockFocus(blockId) {
+      openBlock(blockId);
+      setEditorFocus((current) => ({ ...current, blockId }));
+    }
+    function onFieldBlur() {
+      textSnapshotArmedRef.current = false;
+    }
+    function openNewEquation(mode) {
+      if (!editableEquations) {
         return;
       }
-      if (event.key.toLowerCase() === "z" && !event.shiftKey) {
-        event.preventDefault();
-        undoDocument();
-      } else if (event.key.toLowerCase() === "z" && event.shiftKey || event.key.toLowerCase() === "y") {
-        event.preventDefault();
-        redoDocument();
+      const target = resolveInsertField(documentRef.current, editorFocus);
+      if (target?.fieldId) {
+        openBlock(topLevelBlockIdForField(documentRef.current, target.fieldId));
       }
-    };
-    root.addEventListener("keydown", onKeyDown);
-    return () => root.removeEventListener("keydown", onKeyDown);
-  }, [editorOpen]);
-  function rememberFieldFocus(blockId, fieldId, textTokenId, caretOffset, selectionStart, selectionEnd) {
-    openBlock(blockId);
-    clearBlockSelection();
-    setEditorFocus({ blockId, fieldId, textTokenId, caretOffset, selectionStart, selectionEnd });
-  }
-  function rememberMathFocus(blockId, fieldId) {
-    openBlock(blockId);
-    clearBlockSelection();
-    setEditorFocus({ blockId, fieldId, textTokenId: null, caretOffset: 0, selectionStart: 0, selectionEnd: 0 });
-  }
-  function rememberBlockFocus(blockId) {
-    openBlock(blockId);
-    setEditorFocus((current) => ({ ...current, blockId }));
-  }
-  function onFieldBlur() {
-    textSnapshotArmedRef.current = false;
-  }
-  function openNewEquation(mode) {
-    if (!editableEquations) {
-      return;
-    }
-    const target = resolveInsertField(documentRef.current, editorFocus);
-    if (target?.fieldId) {
-      openBlock(topLevelBlockIdForField(documentRef.current, target.fieldId));
-    }
-    setSelectedMath({
-      tokenId: null,
-      fieldId: target?.fieldId ?? null,
-      textTokenId: target?.textTokenId ?? null,
-      insertAt: target?.caretOffset ?? 0,
-      mathMode: mode,
-      session: createEmptyEquationSession(equationSide),
-      reason: null,
-      labelEnabled: false,
-      label: ""
-    });
-  }
-  function openMath(token) {
-    if (!editableEquations) {
-      return;
+      setSelectedMath({
+        tokenId: null,
+        fieldId: target?.fieldId ?? null,
+        textTokenId: target?.textTokenId ?? null,
+        insertAt: target?.caretOffset ?? 0,
+        mathMode: mode,
+        session: equationSessionWithDocumentDigits(createEmptyEquationSession(equationSide)),
+        reason: null,
+        labelEnabled: false,
+        label: ""
+      });
     }
-    openBlock(topLevelBlockIdForToken(documentRef.current, token.id));
-    const result = mathTokenToEditorSession(token.math, equationSide);
-    const mode = token.display ? "display" : "inline";
-    if (!result.editable) {
+    function openMath(token) {
+      if (!editableEquations) {
+        return;
+      }
+      openBlock(topLevelBlockIdForToken(documentRef.current, token.id));
+      const result = mathTokenToEditorSession(token.math, equationSide);
+      const mode = token.display ? "display" : "inline";
+      if (!result.editable) {
+        setSelectedMath({
+          tokenId: token.id,
+          fieldId: null,
+          insertAt: 0,
+          textTokenId: null,
+          mathMode: mode,
+          session: equationSessionWithDocumentDigits(createEmptyEquationSession(equationSide)),
+          reason: result.reason,
+          labelEnabled: Boolean(token.labelEnabled),
+          label: token.label ?? ""
+        });
+        return;
+      }
       setSelectedMath({
         tokenId: token.id,
         fieldId: null,
         insertAt: 0,
         textTokenId: null,
         mathMode: mode,
-        session: createEmptyEquationSession(equationSide),
-        reason: result.reason,
+        session: equationSessionWithDocumentDigits(result.session),
+        reason: null,
         labelEnabled: Boolean(token.labelEnabled),
         label: token.label ?? ""
       });
-      return;
     }
-    setSelectedMath({
-      tokenId: token.id,
-      fieldId: null,
-      insertAt: 0,
-      textTokenId: null,
-      mathMode: mode,
-      session: result.session,
-      reason: null,
-      labelEnabled: Boolean(token.labelEnabled),
-      label: token.label ?? ""
-    });
-  }
-  function toggleEditorPanel() {
-    setEditorOpen((open) => {
-      if (open && !previewOpen) {
-        setPreviewOpen(true);
+    function toggleEditorPanel() {
+      setEditorOpen((open) => {
+        if (open && !previewOpen) {
+          setPreviewOpen(true);
+        }
+        return !open;
+      });
+    }
+    function togglePreviewPanel() {
+      setPreviewOpen((open) => {
+        if (open && !editorOpen) {
+          setEditorOpen(true);
+        }
+        return !open;
+      });
+    }
+    function saveEquation(session) {
+      if (!selectedMath) {
+        return;
       }
-      return !open;
-    });
-  }
-  function togglePreviewPanel() {
-    setPreviewOpen((open) => {
-      if (open && !editorOpen) {
-        setEditorOpen(true);
+      const delimiters = mathDelimiters(selectedMath.mathMode);
+      if (selectedMath.tokenId) {
+        let next2 = replaceMathTokenFromSession(
+          documentRef.current,
+          selectedMath.tokenId,
+          session,
+          delimiters.opening,
+          delimiters.closing,
+          equationSide
+        );
+        if (selectedMath.mathMode === "display") {
+          next2 = updateMathTokenLabel(next2, selectedMath.tokenId, {
+            labelEnabled: selectedMath.labelEnabled,
+            label: selectedMath.label
+          });
+        } else {
+          next2 = updateMathTokenLabel(next2, selectedMath.tokenId, { labelEnabled: false, label: "" });
+        }
+        pendingFocusRef.current = { kind: "math", tokenId: selectedMath.tokenId };
+        applyDocument(next2, "immediate");
+        setSelectedMath(null);
+        return;
       }
-      return !open;
-    });
-  }
-  function saveEquation(session) {
-    if (!selectedMath) {
-      return;
-    }
-    const delimiters = mathDelimiters(selectedMath.mathMode);
-    if (selectedMath.tokenId) {
-      let next2 = replaceMathTokenFromSession(
-        documentRef.current,
-        selectedMath.tokenId,
+      let current = documentRef.current;
+      let fieldId = selectedMath.fieldId;
+      let textTokenId = selectedMath.textTokenId;
+      let insertAt = selectedMath.insertAt;
+      if (!fieldId) {
+        const anchor = afterBlockId();
+        current = addDocument2TextBlock(current, "\\paragraph", anchor);
+        const anchorIndex = anchor ? current.blocks.findIndex((block) => block.id === anchor) : -1;
+        const newIndex = anchorIndex >= 0 ? anchorIndex + 1 : current.blocks.length - 1;
+        const newBlock = current.blocks[newIndex];
+        const field = newBlock?.kind === "textBlock" ? newBlock.field : null;
+        if (!field) {
+          setSelectedMath(null);
+          return;
+        }
+        fieldId = field.id;
+        textTokenId = field.tokens.find((token) => token.kind === "text")?.id ?? null;
+        insertAt = 0;
+      }
+      let next = insertMathTokenAtCaret(
+        current,
+        fieldId,
+        textTokenId,
+        insertAt,
         session,
         delimiters.opening,
         delimiters.closing,
         equationSide
       );
-      if (selectedMath.mathMode === "display") {
-        next2 = updateMathTokenLabel(next2, selectedMath.tokenId, {
-          labelEnabled: selectedMath.labelEnabled,
+      const trailingTextTokenId = trailingTextTokenAfterInsertedMath(current, next, fieldId, textTokenId, insertAt);
+      const fieldAfter = findInlineFieldById(next, fieldId);
+      const insertedMathId = trailingTextTokenId && fieldAfter ? fieldAfter.tokens[Math.max(
+        0,
+        fieldAfter.tokens.findIndex((token) => token.id === trailingTextTokenId) - 1
+      )]?.kind === "math" ? fieldAfter.tokens[Math.max(
+        0,
+        fieldAfter.tokens.findIndex((token) => token.id === trailingTextTokenId) - 1
+      )]?.id : null : fieldAfter?.tokens.filter((token) => token.kind === "math").at(-1)?.id ?? null;
+      if (insertedMathId && selectedMath.mathMode === "display" && selectedMath.labelEnabled) {
+        next = updateMathTokenLabel(next, insertedMathId, {
+          labelEnabled: true,
           label: selectedMath.label
         });
-      } else {
-        next2 = updateMathTokenLabel(next2, selectedMath.tokenId, { labelEnabled: false, label: "" });
       }
-      pendingFocusRef.current = { kind: "math", tokenId: selectedMath.tokenId };
-      applyDocument(next2, "immediate");
+      if (trailingTextTokenId) {
+        pendingFocusRef.current = { kind: "text", fieldId, textTokenId: trailingTextTokenId, caretOffset: 0 };
+      }
+      applyDocument(next, "immediate");
       setSelectedMath(null);
-      return;
     }
-    let current = documentRef.current;
-    let fieldId = selectedMath.fieldId;
-    let textTokenId = selectedMath.textTokenId;
-    let insertAt = selectedMath.insertAt;
-    if (!fieldId) {
-      const anchor = afterBlockId();
-      current = addDocument2TextBlock(current, "\\paragraph", anchor);
-      const anchorIndex = anchor ? current.blocks.findIndex((block) => block.id === anchor) : -1;
-      const newIndex = anchorIndex >= 0 ? anchorIndex + 1 : current.blocks.length - 1;
-      const newBlock = current.blocks[newIndex];
-      const field = newBlock?.kind === "textBlock" ? newBlock.field : null;
-      if (!field) {
-        setSelectedMath(null);
+    function deleteSelectedEquation() {
+      if (!selectedMath?.tokenId) {
         return;
       }
-      fieldId = field.id;
-      textTokenId = field.tokens.find((token) => token.kind === "text")?.id ?? null;
-      insertAt = 0;
-    }
-    let next = insertMathTokenAtCaret(
-      current,
-      fieldId,
-      textTokenId,
-      insertAt,
-      session,
-      delimiters.opening,
-      delimiters.closing,
-      equationSide
-    );
-    const trailingTextTokenId = trailingTextTokenAfterInsertedMath(current, next, fieldId, textTokenId, insertAt);
-    const fieldAfter = findInlineFieldById(next, fieldId);
-    const insertedMathId = trailingTextTokenId && fieldAfter ? fieldAfter.tokens[Math.max(
-      0,
-      fieldAfter.tokens.findIndex((token) => token.id === trailingTextTokenId) - 1
-    )]?.kind === "math" ? fieldAfter.tokens[Math.max(
-      0,
-      fieldAfter.tokens.findIndex((token) => token.id === trailingTextTokenId) - 1
-    )]?.id : null : fieldAfter?.tokens.filter((token) => token.kind === "math").at(-1)?.id ?? null;
-    if (insertedMathId && selectedMath.mathMode === "display" && selectedMath.labelEnabled) {
-      next = updateMathTokenLabel(next, insertedMathId, {
-        labelEnabled: true,
-        label: selectedMath.label
-      });
-    }
-    if (trailingTextTokenId) {
-      pendingFocusRef.current = { kind: "text", fieldId, textTokenId: trailingTextTokenId, caretOffset: 0 };
+      const current = documentRef.current;
+      const next = removeMathTokenById(current, selectedMath.tokenId);
+      pendingFocusRef.current = focusAfterDeletedMath(current, next, selectedMath.tokenId);
+      applyDocument(next, "immediate");
+      setSelectedMath(null);
     }
-    applyDocument(next, "immediate");
-    setSelectedMath(null);
-  }
-  function deleteSelectedEquation() {
-    if (!selectedMath?.tokenId) {
-      return;
+    function deleteMathToken(tokenId) {
+      const current = documentRef.current;
+      const next = removeMathTokenById(current, tokenId);
+      pendingFocusRef.current = focusAfterDeletedMath(current, next, tokenId);
+      applyDocument(next, "immediate");
+    }
+    function openCitePickerForInsert() {
+      const target = resolveInsertField(documentRef.current, editorFocus);
+      setCitePicker({
+        tokenId: null,
+        fieldId: target?.fieldId ?? null,
+        textTokenId: target?.textTokenId ?? editorFocus.textTokenId,
+        caretOffset: target?.caretOffset ?? editorFocus.caretOffset,
+        keys: []
+      });
     }
-    const current = documentRef.current;
-    const next = removeMathTokenById(current, selectedMath.tokenId);
-    pendingFocusRef.current = focusAfterDeletedMath(current, next, selectedMath.tokenId);
-    applyDocument(next, "immediate");
-    setSelectedMath(null);
-  }
-  function deleteMathToken(tokenId) {
-    const current = documentRef.current;
-    const next = removeMathTokenById(current, tokenId);
-    pendingFocusRef.current = focusAfterDeletedMath(current, next, tokenId);
-    applyDocument(next, "immediate");
-  }
-  function openCitePickerForInsert() {
-    const target = resolveInsertField(documentRef.current, editorFocus);
-    setCitePicker({
-      tokenId: null,
-      fieldId: target?.fieldId ?? null,
-      textTokenId: target?.textTokenId ?? editorFocus.textTokenId,
-      caretOffset: target?.caretOffset ?? editorFocus.caretOffset,
-      keys: []
-    });
-  }
-  function openCite(token) {
-    setCitePicker({
-      tokenId: token.id,
-      fieldId: null,
-      textTokenId: null,
-      caretOffset: 0,
-      keys: [...token.keys]
-    });
-  }
-  function confirmCiteKeys(keys) {
-    if (!citePicker || keys.length === 0) {
-      setCitePicker(null);
-      return;
+    function openCite(token) {
+      setCitePicker({
+        tokenId: token.id,
+        fieldId: null,
+        textTokenId: null,
+        caretOffset: 0,
+        keys: [...token.keys]
+      });
     }
-    if (citePicker.tokenId) {
-      applyDocument(updateCiteTokenKeys(documentRef.current, citePicker.tokenId, keys), "immediate");
-      pendingFocusRef.current = { kind: "cite", tokenId: citePicker.tokenId };
+    function confirmCiteKeys(keys) {
+      if (!citePicker || keys.length === 0) {
+        setCitePicker(null);
+        return;
+      }
+      if (citePicker.tokenId) {
+        applyDocument(updateCiteTokenKeys(documentRef.current, citePicker.tokenId, keys), "immediate");
+        pendingFocusRef.current = { kind: "cite", tokenId: citePicker.tokenId };
+        setCitePicker(null);
+        return;
+      }
+      const target = resolveInsertField(documentRef.current, editorFocus);
+      const fieldId = citePicker.fieldId ?? target?.fieldId;
+      if (!fieldId) {
+        setCitePicker(null);
+        return;
+      }
+      const textTokenId = citePicker.textTokenId ?? target?.textTokenId ?? null;
+      const caretOffset = citePicker.caretOffset ?? target?.caretOffset ?? 0;
+      const next = insertCiteTokenAtCaret(documentRef.current, fieldId, textTokenId, caretOffset, keys);
+      applyDocument(next, "immediate");
       setCitePicker(null);
-      return;
     }
-    const target = resolveInsertField(documentRef.current, editorFocus);
-    const fieldId = citePicker.fieldId ?? target?.fieldId;
-    if (!fieldId) {
-      setCitePicker(null);
-      return;
+    function deleteCiteToken(tokenId) {
+      applyDocument(removeCiteTokenById(documentRef.current, tokenId), "immediate");
+    }
+    function openRefPickerForInsert() {
+      const target = resolveInsertField(documentRef.current, editorFocus);
+      setRefPicker({
+        tokenId: null,
+        fieldId: target?.fieldId ?? null,
+        textTokenId: target?.textTokenId ?? editorFocus.textTokenId,
+        caretOffset: target?.caretOffset ?? editorFocus.caretOffset,
+        keys: [],
+        refCommand: "ref"
+      });
     }
-    const textTokenId = citePicker.textTokenId ?? target?.textTokenId ?? null;
-    const caretOffset = citePicker.caretOffset ?? target?.caretOffset ?? 0;
-    const next = insertCiteTokenAtCaret(documentRef.current, fieldId, textTokenId, caretOffset, keys);
-    applyDocument(next, "immediate");
-    setCitePicker(null);
-  }
-  function deleteCiteToken(tokenId) {
-    applyDocument(removeCiteTokenById(documentRef.current, tokenId), "immediate");
-  }
-  function openRefPickerForInsert() {
-    const target = resolveInsertField(documentRef.current, editorFocus);
-    setRefPicker({
-      tokenId: null,
-      fieldId: target?.fieldId ?? null,
-      textTokenId: target?.textTokenId ?? editorFocus.textTokenId,
-      caretOffset: target?.caretOffset ?? editorFocus.caretOffset,
-      keys: [],
-      refCommand: "ref"
-    });
-  }
-  function openRef(token) {
-    setRefPicker({
-      tokenId: token.id,
-      fieldId: null,
-      textTokenId: null,
-      caretOffset: 0,
-      keys: [...token.keys],
-      refCommand: token.refCommand
-    });
-  }
-  function confirmRefKeys(keys, refCommand) {
-    if (!refPicker || keys.length === 0) {
-      setRefPicker(null);
-      return;
+    function openRef(token) {
+      setRefPicker({
+        tokenId: token.id,
+        fieldId: null,
+        textTokenId: null,
+        caretOffset: 0,
+        keys: [...token.keys],
+        refCommand: token.refCommand
+      });
     }
-    if (refPicker.tokenId) {
-      applyDocument(updateRefTokenKeys(documentRef.current, refPicker.tokenId, keys, refCommand), "immediate");
-      pendingFocusRef.current = { kind: "ref", tokenId: refPicker.tokenId };
+    function confirmRefKeys(keys, refCommand) {
+      if (!refPicker || keys.length === 0) {
+        setRefPicker(null);
+        return;
+      }
+      if (refPicker.tokenId) {
+        applyDocument(updateRefTokenKeys(documentRef.current, refPicker.tokenId, keys, refCommand), "immediate");
+        pendingFocusRef.current = { kind: "ref", tokenId: refPicker.tokenId };
+        setRefPicker(null);
+        return;
+      }
+      const target = resolveInsertField(documentRef.current, editorFocus);
+      const fieldId = refPicker.fieldId ?? target?.fieldId;
+      if (!fieldId) {
+        setRefPicker(null);
+        return;
+      }
+      const textTokenId = refPicker.textTokenId ?? target?.textTokenId ?? null;
+      const caretOffset = refPicker.caretOffset ?? target?.caretOffset ?? 0;
+      const next = insertRefTokenAtCaret(documentRef.current, fieldId, textTokenId, caretOffset, keys, refCommand);
+      applyDocument(next, "immediate");
       setRefPicker(null);
-      return;
     }
-    const target = resolveInsertField(documentRef.current, editorFocus);
-    const fieldId = refPicker.fieldId ?? target?.fieldId;
-    if (!fieldId) {
-      setRefPicker(null);
-      return;
+    function deleteRefToken(tokenId) {
+      applyDocument(removeRefTokenById(documentRef.current, tokenId), "immediate");
     }
-    const textTokenId = refPicker.textTokenId ?? target?.textTokenId ?? null;
-    const caretOffset = refPicker.caretOffset ?? target?.caretOffset ?? 0;
-    const next = insertRefTokenAtCaret(documentRef.current, fieldId, textTokenId, caretOffset, keys, refCommand);
-    applyDocument(next, "immediate");
-    setRefPicker(null);
-  }
-  function deleteRefToken(tokenId) {
-    applyDocument(removeRefTokenById(documentRef.current, tokenId), "immediate");
-  }
-  function toggleInlineTextStyle(styleName) {
-    if (!canFormatText || !editorFocus.fieldId || !editorFocus.textTokenId) {
-      return;
+    function toggleInlineTextStyle(styleName) {
+      if (!canFormatText || !editorFocus.fieldId || !editorFocus.textTokenId) {
+        return;
+      }
+      applyDocument(
+        toggleTextTokenStyle(
+          documentRef.current,
+          editorFocus.fieldId,
+          editorFocus.textTokenId,
+          editorFocus.selectionStart,
+          editorFocus.selectionEnd,
+          styleName
+        ),
+        "immediate"
+      );
     }
-    applyDocument(
-      toggleTextTokenStyle(
-        documentRef.current,
-        editorFocus.fieldId,
-        editorFocus.textTokenId,
-        editorFocus.selectionStart,
-        editorFocus.selectionEnd,
-        styleName
-      ),
-      "immediate"
-    );
-  }
-  const showEditorPanel = !previewOnly && editorOpen;
-  const showPreviewPanel = previewOnly || previewOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    "div",
-    {
-      ref: widgetRef,
-      className: ["butex-document2-widget", className].filter(Boolean).join(" "),
-      dir: uiLocaleDirection(uiLocale),
-      lang: uiLocale,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__shell", children: [
-        !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__toolbar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            DocumentInsertToolbar,
-            {
-              canUndo,
-              canRedo,
-              editableEquations,
-              uiLocale,
-              digitForm,
-              selectionCount,
-              canMoveSelectionUp,
-              canMoveSelectionDown,
-              canFormatText,
-              activeTextStyles,
-              onUndo: undoDocument,
-              onRedo: redoDocument,
-              onToggleTextStyle: toggleInlineTextStyle,
-              onMoveSelectionUp: () => moveSelectedBlocks(-1),
-              onMoveSelectionDown: () => moveSelectedBlocks(1),
-              onDeleteSelection: deleteSelectedBlocks,
-              onAddSection: () => {
-                clearBlockSelection();
-                applyDocument(addDocument2TextBlock(documentRef.current, "\\section", afterBlockId()), "immediate");
-              },
-              onAddSubsection: () => {
-                clearBlockSelection();
-                applyDocument(addDocument2TextBlock(documentRef.current, "\\subsection", afterBlockId()), "immediate");
-              },
-              onAddSubsubsection: () => {
-                clearBlockSelection();
-                applyDocument(addDocument2TextBlock(documentRef.current, "\\subsubsection", afterBlockId()), "immediate");
-              },
-              onAddParagraph: () => {
-                clearBlockSelection();
-                applyDocument(addDocument2TextBlock(documentRef.current, "\\paragraph", afterBlockId()), "immediate");
-              },
-              onAddInlineEquation: () => openNewEquation("inline"),
-              onAddDisplayEquation: () => openNewEquation("display"),
-              onAddTable: (rowCount, colCount) => {
-                clearBlockSelection();
-                applyDocument(addDocument2TableBlock(documentRef.current, "l".repeat(colCount), rowCount, colCount, afterBlockId()), "immediate");
-              },
-              onAddList: () => {
-                clearBlockSelection();
-                applyDocument(addDocument2ListBlock(documentRef.current, false, afterBlockId()), "immediate");
-              },
-              onAddEnumerate: () => {
-                clearBlockSelection();
-                applyDocument(addDocument2ListBlock(documentRef.current, true, afterBlockId()), "immediate");
-              },
-              onAddFigure: () => {
-                clearBlockSelection();
-                applyDocument(addDocument2ImageBlock(documentRef.current, "", afterBlockId()), "immediate");
-              },
-              onInsertCitation: openCitePickerForInsert,
-              onInsertInternalRef: openRefPickerForInsert,
-              onInsertBibliography: () => {
-                clearBlockSelection();
-                applyDocument(ensureDocument2BibliographyBlock(documentRef.current, afterBlockId()), "immediate");
-              },
-              onManageReferences: () => setReferencesOpen(true),
-              onManageLabels: () => setLabelsOpen(true),
-              onOpenArticleMeta: () => focusArticleMetaPanel(articleMetaPanelRef.current),
-              onDigitFormChange: (next) => {
-                setDigitFormState(next);
-                onDigitFormChange?.(next);
+    const showEditorPanel = !previewOnly && editorOpen;
+    const showPreviewPanel = previewOnly || previewOpen;
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "div",
+      {
+        ref: widgetRef,
+        className: ["butex-document2-widget", className].filter(Boolean).join(" "),
+        dir: uiLocaleDirection(uiLocale),
+        lang: uiLocale,
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__shell", children: [
+          !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__toolbar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              DocumentInsertToolbar,
+              {
+                canUndo,
+                canRedo,
+                editableEquations,
+                uiLocale,
+                digitForm,
+                selectionCount,
+                canMoveSelectionUp,
+                canMoveSelectionDown,
+                canFormatText,
+                activeTextStyles,
+                onUndo: undoDocument,
+                onRedo: redoDocument,
+                onToggleTextStyle: toggleInlineTextStyle,
+                onMoveSelectionUp: () => moveSelectedBlocks(-1),
+                onMoveSelectionDown: () => moveSelectedBlocks(1),
+                onDeleteSelection: deleteSelectedBlocks,
+                onAddSection: () => {
+                  clearBlockSelection();
+                  applyDocument(addDocument2TextBlock(documentRef.current, "\\section", afterBlockId()), "immediate");
+                },
+                onAddSubsection: () => {
+                  clearBlockSelection();
+                  applyDocument(addDocument2TextBlock(documentRef.current, "\\subsection", afterBlockId()), "immediate");
+                },
+                onAddSubsubsection: () => {
+                  clearBlockSelection();
+                  applyDocument(addDocument2TextBlock(documentRef.current, "\\subsubsection", afterBlockId()), "immediate");
+                },
+                onAddParagraph: () => {
+                  clearBlockSelection();
+                  applyDocument(addDocument2TextBlock(documentRef.current, "\\paragraph", afterBlockId()), "immediate");
+                },
+                onAddInlineEquation: () => openNewEquation("inline"),
+                onAddDisplayEquation: () => openNewEquation("display"),
+                onAddTable: (rowCount, colCount) => {
+                  clearBlockSelection();
+                  applyDocument(addDocument2TableBlock(documentRef.current, "l".repeat(colCount), rowCount, colCount, afterBlockId()), "immediate");
+                },
+                onAddList: () => {
+                  clearBlockSelection();
+                  applyDocument(addDocument2ListBlock(documentRef.current, false, afterBlockId()), "immediate");
+                },
+                onAddEnumerate: () => {
+                  clearBlockSelection();
+                  applyDocument(addDocument2ListBlock(documentRef.current, true, afterBlockId()), "immediate");
+                },
+                onAddFigure: () => insertImageBlock(""),
+                onInsertCitation: openCitePickerForInsert,
+                onInsertInternalRef: openRefPickerForInsert,
+                onInsertBibliography: () => {
+                  clearBlockSelection();
+                  applyDocument(ensureDocument2BibliographyBlock(documentRef.current, afterBlockId()), "immediate");
+                },
+                onManageReferences: () => setReferencesOpen(true),
+                onManageLabels: () => setLabelsOpen(true),
+                onOpenArticleMeta: () => focusArticleMetaPanel(articleMetaPanelRef.current),
+                onDigitFormChange: (next) => {
+                  setDigitFormState(next);
+                  onDigitFormChange?.(next);
+                }
               }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.panels, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", "aria-pressed": editorOpen, onClick: toggleEditorPanel, children: editorOpen ? messages.hideEditor : messages.editor }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", "aria-pressed": previewOpen, onClick: togglePreviewPanel, children: previewOpen ? messages.hidePreview : messages.preview })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.collapseBlocks, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: collapseAllBlocks, children: messages.collapseAll }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: openAllBlocks, children: messages.openAll })
-          ] })
-        ] }) : null,
-        error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "butex-document2-widget__error", children: error }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-          "div",
-          {
-            className: `butex-document2-widget__layout butex-document2-widget__layout--editor-${showEditorPanel ? "open" : "closed"} butex-document2-widget__layout--preview-${showPreviewPanel ? "open" : "closed"}`,
-            children: [
-              !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                "section",
-                {
-                  className: "butex-document2-widget__panel butex-document2-widget__editor-panel",
-                  "aria-label": messages.documentEditor,
-                  "aria-hidden": !showEditorPanel,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__blocks", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      ArticleMetaPanel,
-                      {
-                        meta: documentNode.meta ?? emptyDocument2Meta(),
-                        uiLocale,
-                        digitForm,
-                        panelRef: articleMetaPanelRef,
-                        onChange: (patch) => {
-                          clearBlockSelection();
-                          applyDocument(updateDocument2Meta(documentRef.current, patch), "text");
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.panels, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", "aria-pressed": editorOpen, onClick: toggleEditorPanel, children: editorOpen ? messages.hideEditor : messages.editor }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", "aria-pressed": previewOpen, onClick: togglePreviewPanel, children: previewOpen ? messages.hidePreview : messages.preview })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.collapseBlocks, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: collapseAllBlocks, children: messages.collapseAll }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: openAllBlocks, children: messages.openAll })
+            ] })
+          ] }) : null,
+          error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "butex-document2-widget__error", children: error }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            "div",
+            {
+              className: `butex-document2-widget__layout butex-document2-widget__layout--editor-${showEditorPanel ? "open" : "closed"} butex-document2-widget__layout--preview-${showPreviewPanel ? "open" : "closed"}`,
+              children: [
+                !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "section",
+                  {
+                    className: "butex-document2-widget__panel butex-document2-widget__editor-panel",
+                    "aria-label": messages.documentEditor,
+                    "aria-hidden": !showEditorPanel,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__blocks", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        ArticleMetaPanel,
+                        {
+                          meta: documentNode.meta ?? emptyDocument2Meta(),
+                          uiLocale,
+                          digitForm,
+                          panelRef: articleMetaPanelRef,
+                          onChange: (patch) => {
+                            clearBlockSelection();
+                            applyDocument(updateDocument2Meta(documentRef.current, patch), "text");
+                          }
                         }
-                      }
-                    ),
-                    documentNode.blocks.map((block, blockIndex) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      BlockEditor,
+                      ),
+                      documentNode.blocks.map((block, blockIndex) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        BlockEditor,
+                        {
+                          block,
+                          references: documentNode.references,
+                          documentNode,
+                          documentDirection,
+                          digitForm,
+                          mathOutput,
+                          equationSide,
+                          editableEquations,
+                          editableCitations: !previewOnly,
+                          uiLocale,
+                          isCollapsed: collapsedBlockIds.has(block.id),
+                          selected: Boolean(blockSelection && blockIndex >= blockSelection.from && blockIndex <= blockSelection.to),
+                          onToggleSelect: toggleSelectBlock,
+                          onTextChange: (fieldId, tokenId, text) => {
+                            clearBlockSelection();
+                            applyDocument(updateTextToken(documentRef.current, fieldId, tokenId, text), "text");
+                          },
+                          onOpenMath: openMath,
+                          onDeleteMath: editableEquations ? deleteMathToken : void 0,
+                          onOpenCite: openCite,
+                          onDeleteCite: deleteCiteToken,
+                          onOpenRef: openRef,
+                          onDeleteRef: deleteRefToken,
+                          onToggleCollapse: toggleBlockCollapse,
+                          onBlockFocus: rememberBlockFocus,
+                          onFieldFocus: rememberFieldFocus,
+                          onMathFocus: rememberMathFocus,
+                          onFieldBlur,
+                          onImageSrcChange: (blockId, value) => {
+                            clearBlockSelection();
+                            applyDocument(updateDocument2ImageValue(documentRef.current, blockId, value), "text");
+                          },
+                          onFloatMetaChange: (blockId, kind, patch) => {
+                            clearBlockSelection();
+                            applyDocument(
+                              kind === "image" ? updateDocument2ImageMeta(documentRef.current, blockId, patch) : updateDocument2TableMeta(documentRef.current, blockId, patch),
+                              "text"
+                            );
+                          },
+                          onParagraphCenteredChange: (blockId, centered) => {
+                            clearBlockSelection();
+                            applyDocument(updateDocument2TextBlockCentered(documentRef.current, blockId, centered), "text");
+                          },
+                          onAddListItem: (listBlockId) => {
+                            clearBlockSelection();
+                            applyDocument(addDocument2ListItem(documentRef.current, listBlockId), "immediate");
+                          },
+                          onRemoveListItem: (listBlockId, itemId) => {
+                            clearBlockSelection();
+                            applyDocument(removeDocument2ListItem(documentRef.current, listBlockId, itemId), "immediate");
+                          },
+                          onManageReferences: () => setReferencesOpen(true)
+                        },
+                        block.id
+                      ))
+                    ] })
+                  }
+                ) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "section",
+                  {
+                    className: "butex-document2-widget__panel butex-document2-widget__preview-panel",
+                    "aria-label": messages.documentPreview,
+                    "aria-hidden": !showPreviewPanel,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      DocumentPreview,
                       {
-                        block,
-                        references: documentNode.references,
-                        documentNode,
+                        blocks: preview.blocks,
+                        output: mathOutput,
                         documentDirection,
-                        digitForm,
-                        mathOutput,
-                        equationSide,
-                        editableEquations,
-                        editableCitations: !previewOnly,
                         uiLocale,
-                        isCollapsed: collapsedBlockIds.has(block.id),
-                        selected: Boolean(blockSelection && blockIndex >= blockSelection.from && blockIndex <= blockSelection.to),
-                        onToggleSelect: toggleSelectBlock,
-                        onTextChange: (fieldId, tokenId, text) => {
-                          clearBlockSelection();
-                          applyDocument(updateTextToken(documentRef.current, fieldId, tokenId, text), "text");
-                        },
-                        onOpenMath: openMath,
-                        onDeleteMath: editableEquations ? deleteMathToken : void 0,
-                        onOpenCite: openCite,
-                        onDeleteCite: deleteCiteToken,
-                        onOpenRef: openRef,
-                        onDeleteRef: deleteRefToken,
-                        onToggleCollapse: toggleBlockCollapse,
-                        onBlockFocus: rememberBlockFocus,
-                        onFieldFocus: rememberFieldFocus,
-                        onMathFocus: rememberMathFocus,
-                        onFieldBlur,
-                        onImageSrcChange: (blockId, value) => {
-                          clearBlockSelection();
-                          applyDocument(updateDocument2ImageValue(documentRef.current, blockId, value), "text");
-                        },
-                        onFloatMetaChange: (blockId, kind, patch) => {
-                          clearBlockSelection();
-                          applyDocument(
-                            kind === "image" ? updateDocument2ImageMeta(documentRef.current, blockId, patch) : updateDocument2TableMeta(documentRef.current, blockId, patch),
-                            "text"
-                          );
-                        },
-                        onParagraphCenteredChange: (blockId, centered) => {
-                          clearBlockSelection();
-                          applyDocument(updateDocument2TextBlockCentered(documentRef.current, blockId, centered), "text");
-                        },
-                        onAddListItem: (listBlockId) => {
-                          clearBlockSelection();
-                          applyDocument(addDocument2ListItem(documentRef.current, listBlockId), "immediate");
-                        },
-                        onRemoveListItem: (listBlockId, itemId) => {
-                          clearBlockSelection();
-                          applyDocument(removeDocument2ListItem(documentRef.current, listBlockId, itemId), "immediate");
-                        },
-                        onManageReferences: () => setReferencesOpen(true)
-                      },
-                      block.id
-                    ))
-                  ] })
-                }
-              ) : null,
+                        digitForm,
+                        resolveImageUrl
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          debugEnabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__dev", children: [
+            debugEnabled && documentNode.diagnostics.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: messages.importWarnings }),
+              documentNode.diagnostics.map((diagnostic) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "butex-document2-widget__dev-diagnostic", children: formatDocument2Diagnostic(diagnostic, messages) }, `${diagnostic.path}-${diagnostic.message}`))
+            ] }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__dev-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => void copyDebugText(JSON.stringify(documentJson, null, 2)), children: "Copy JSON" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => void copyDebugText(latex), children: "Copy TeX" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", "aria-expanded": debugImportOpen, onClick: openDebugJsonImport, children: "Import JSON" })
+            ] }),
+            debugImportOpen ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__dev-import", children: [
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                "section",
+                "textarea",
                 {
-                  className: "butex-document2-widget__panel butex-document2-widget__preview-panel",
-                  "aria-label": messages.documentPreview,
-                  "aria-hidden": !showPreviewPanel,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                    DocumentPreview,
-                    {
-                      blocks: preview.blocks,
-                      output: mathOutput,
-                      documentDirection,
-                      uiLocale,
-                      digitForm,
-                      resolveImageUrl
-                    }
-                  )
+                  value: debugImportText,
+                  "aria-label": "Import Document2 JSON",
+                  spellCheck: false,
+                  onChange: (event) => {
+                    setDebugImportText(event.currentTarget.value);
+                    setDebugImportError("");
+                  }
                 }
-              )
-            ]
-          }
-        ),
-        debugEnabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__dev", children: [
-          debugEnabled && documentNode.diagnostics.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: messages.importWarnings }),
-            documentNode.diagnostics.map((diagnostic) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "butex-document2-widget__dev-diagnostic", children: formatDocument2Diagnostic(diagnostic, messages) }, `${diagnostic.path}-${diagnostic.message}`))
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "butex-document2-widget__dev-actions", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: applyDebugJsonImport, children: "Apply" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      setDebugImportOpen(false);
+                      setDebugImportError("");
+                    },
+                    children: "Cancel"
+                  }
+                )
+              ] }),
+              debugImportError ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "butex-document2-widget__dev-error", children: debugImportError }) : null
+            ] }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "LaTeX" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { children: latex }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "JSON" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { children: JSON.stringify(documentJson, null, 2) }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "AST" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { children: JSON.stringify(documentNode, null, 2) })
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "LaTeX" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { children: latex }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "AST" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { children: JSON.stringify(documentNode, null, 2) })
-        ] }) : null,
-        !previewOnly && selectedMath ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          EquationDrawer,
-          {
-            session: selectedMath.session,
-            reason: selectedMath.reason,
-            mathMode: selectedMath.mathMode,
-            canDelete: Boolean(selectedMath.tokenId),
-            equationSide,
-            uiLocale,
-            labelEnabled: selectedMath.labelEnabled,
-            label: selectedMath.label,
-            labels: documentLabels,
-            references: documentNode.references,
-            ownerId: selectedMath.tokenId ?? void 0,
-            onLabelEnabledChange: (enabled) => setSelectedMath((current) => current ? { ...current, labelEnabled: enabled } : current),
-            onLabelChange: (nextLabel) => setSelectedMath((current) => current ? { ...current, label: nextLabel } : current),
-            onMathModeChange: (mode) => setSelectedMath((current) => current ? { ...current, mathMode: mode } : current),
-            onClose: () => setSelectedMath(null),
-            onSave: saveEquation,
-            onDelete: deleteSelectedEquation
-          }
-        ) : null,
-        !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          CitePickerPopover,
-          {
-            open: citePicker !== null,
-            references: documentNode.references,
-            initialKeys: citePicker?.keys ?? [],
-            uiLocale,
-            digitForm,
-            onClose: () => setCitePicker(null),
-            onConfirm: confirmCiteKeys,
-            onManageReferences: () => {
-              setCitePicker(null);
-              setReferencesOpen(true);
+          !previewOnly && selectedMath ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            EquationDrawer,
+            {
+              debug: debugEnabled,
+              session: selectedMath.session,
+              reason: selectedMath.reason,
+              mathMode: selectedMath.mathMode,
+              canDelete: Boolean(selectedMath.tokenId),
+              equationSide,
+              uiLocale,
+              labelEnabled: selectedMath.labelEnabled,
+              label: selectedMath.label,
+              labels: documentLabels,
+              references: documentNode.references,
+              ownerId: selectedMath.tokenId ?? void 0,
+              onLabelEnabledChange: (enabled) => setSelectedMath((current) => current ? { ...current, labelEnabled: enabled } : current),
+              onLabelChange: (nextLabel) => setSelectedMath((current) => current ? { ...current, label: nextLabel } : current),
+              onMathModeChange: (mode) => setSelectedMath((current) => current ? { ...current, mathMode: mode } : current),
+              onClose: () => setSelectedMath(null),
+              onSave: saveEquation,
+              onDelete: deleteSelectedEquation
             }
-          }
-        ) : null,
-        !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          RefPickerPopover,
-          {
-            open: refPicker !== null,
-            labels: documentLabels,
-            initialKeys: refPicker?.keys ?? [],
-            initialRefCommand: refPicker?.refCommand ?? "ref",
-            uiLocale,
-            digitForm,
-            onClose: () => setRefPicker(null),
-            onConfirm: confirmRefKeys,
-            onManageLabels: () => {
-              setRefPicker(null);
-              setLabelsOpen(true);
+          ) : null,
+          !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            CitePickerPopover,
+            {
+              open: citePicker !== null,
+              references: documentNode.references,
+              initialKeys: citePicker?.keys ?? [],
+              uiLocale,
+              digitForm,
+              onClose: () => setCitePicker(null),
+              onConfirm: confirmCiteKeys,
+              onManageReferences: () => {
+                setCitePicker(null);
+                setReferencesOpen(true);
+              }
             }
-          }
-        ) : null,
-        !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          ReferencesPanel,
-          {
-            open: referencesOpen,
-            references: documentNode.references,
-            labels: documentLabels,
-            uiLocale,
-            digitForm,
-            onClose: () => setReferencesOpen(false),
-            onAdd: (partial) => applyDocument(addDocument2Reference(documentRef.current, partial), "immediate"),
-            onUpdate: (referenceId, patch) => applyDocument(updateDocument2Reference(documentRef.current, referenceId, patch), "immediate"),
-            onRemove: (referenceId) => applyDocument(removeDocument2Reference(documentRef.current, referenceId), "immediate"),
-            onMove: (referenceId, direction) => applyDocument(moveDocument2Reference(documentRef.current, referenceId, direction), "immediate")
-          }
-        ) : null,
-        !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          LabelsPanel,
-          {
-            open: labelsOpen,
-            labels: documentLabels,
-            references: documentNode.references,
-            uiLocale,
-            digitForm,
-            onClose: () => setLabelsOpen(false),
-            onUpdateFloat: (ownerId, kind, patch) => applyDocument(
-              kind === "fig" ? updateDocument2ImageMeta(documentRef.current, ownerId, patch) : updateDocument2TableMeta(documentRef.current, ownerId, patch),
-              "text"
-            ),
-            onUpdateEquationLabel: (tokenId, patch) => applyDocument(updateMathTokenLabel(documentRef.current, tokenId, patch), "text")
-          }
-        ) : null
-      ] })
-    }
-  );
-}
+          ) : null,
+          !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            RefPickerPopover,
+            {
+              open: refPicker !== null,
+              labels: documentLabels,
+              initialKeys: refPicker?.keys ?? [],
+              initialRefCommand: refPicker?.refCommand ?? "ref",
+              uiLocale,
+              digitForm,
+              onClose: () => setRefPicker(null),
+              onConfirm: confirmRefKeys,
+              onManageLabels: () => {
+                setRefPicker(null);
+                setLabelsOpen(true);
+              }
+            }
+          ) : null,
+          !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            ReferencesPanel,
+            {
+              open: referencesOpen,
+              references: documentNode.references,
+              labels: documentLabels,
+              uiLocale,
+              digitForm,
+              onClose: () => setReferencesOpen(false),
+              onAdd: (partial) => applyDocument(addDocument2Reference(documentRef.current, partial), "immediate"),
+              onUpdate: (referenceId, patch) => applyDocument(updateDocument2Reference(documentRef.current, referenceId, patch), "immediate"),
+              onRemove: (referenceId) => applyDocument(removeDocument2Reference(documentRef.current, referenceId), "immediate"),
+              onMove: (referenceId, direction) => applyDocument(moveDocument2Reference(documentRef.current, referenceId, direction), "immediate")
+            }
+          ) : null,
+          !previewOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            LabelsPanel,
+            {
+              open: labelsOpen,
+              labels: documentLabels,
+              references: documentNode.references,
+              uiLocale,
+              digitForm,
+              onClose: () => setLabelsOpen(false),
+              onUpdateFloat: (ownerId, kind, patch) => applyDocument(
+                kind === "fig" ? updateDocument2ImageMeta(documentRef.current, ownerId, patch) : updateDocument2TableMeta(documentRef.current, ownerId, patch),
+                "text"
+              ),
+              onUpdateEquationLabel: (tokenId, patch) => applyDocument(updateMathTokenLabel(documentRef.current, tokenId, patch), "text")
+            }
+          ) : null
+        ] })
+      }
+    );
+  }
+);
+ButexDocumentEditor2.displayName = "ButexDocumentEditor2";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ButexDocumentEditor2,