@drghaliasri/butex 3.2.2 → 4.0.1

package/dist/react-document2.js

@@ -569,6 +569,7 @@ function createInlineField2(value = "", mathObjects = [], options = {}, path = "
         opening: span.opening,
         closing: span.closing,
         source: span.source,
+        sourceSide: mode,
         math: fromMathObjectJson(mathJson, mode),
         editable: true,
         sourceOwner: "imported-structured"
@@ -1177,6 +1178,24 @@ var ATOMIC_OPERATOR_COMMANDS = {
     title: "\u0623\u0643\u0628\u0631 \u0645\u0646 \u0623\u0648 \u064A\u0633\u0627\u0648\u064A",
     svg_path: null
   },
+  coloneqq: {
+    id: "coloneqq",
+    category: "operators1",
+    Tex: "\\coloneqq",
+    mirror: true,
+    Label: "\u2254",
+    title: "\u064A\u0639\u0631\u0641 \u0628\u0623\u0646\u0647 \u064A\u0633\u0627\u0648\u064A",
+    svg_path: null
+  },
+  eqqcolon: {
+    id: "eqqcolon",
+    category: "operators1",
+    Tex: "\\eqqcolon",
+    mirror: true,
+    Label: "\u2255",
+    title: "\u064A\u0633\u0627\u0648\u064A \u0628\u0627\u0644\u062A\u0639\u0631\u064A\u0641",
+    svg_path: null
+  },
   ///// Operators 2
   propto: {
     id: "propto",
@@ -1343,6 +1362,60 @@ var ATOMIC_OPERATOR_COMMANDS = {
     title: "\u064A\u0643\u0627\u0641\u0626",
     svg_path: null
   },
+  implies: {
+    id: "implies",
+    category: "operators3",
+    Tex: "\\implies",
+    mirror: true,
+    Label: "\u21D2",
+    title: "\u064A\u0633\u062A\u0644\u0632\u0645",
+    svg_path: null
+  },
+  impliedby: {
+    id: "impliedby",
+    category: "operators3",
+    Tex: "\\impliedby",
+    mirror: true,
+    Label: "\u21D0",
+    title: "\u0645\u0633\u062A\u0644\u0632\u0645 \u0645\u0646",
+    svg_path: null
+  },
+  iff: {
+    id: "iff",
+    category: "operators3",
+    Tex: "\\iff",
+    mirror: false,
+    Label: "\u21D4",
+    title: "\u0625\u0630\u0627 \u0648\u0641\u0642\u0637 \u0625\u0630\u0627",
+    svg_path: null
+  },
+  Longrightarrow: {
+    id: "Longrightarrow",
+    category: "operators3",
+    Tex: "\\Longrightarrow",
+    mirror: 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
+  },
+  Longleftarrow: {
+    id: "Longleftarrow",
+    category: "operators3",
+    Tex: "\\Longleftarrow",
+    mirror: 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
+  },
+  to: {
+    id: "to",
+    category: "operators3",
+    Tex: "\\to",
+    mirror: true,
+    Label: "\u2192",
+    title: "\u064A\u0624\u0648\u0644 \u0625\u0644\u0649",
+    svg_path: null
+  },
   rightleftharpoons: {
     id: "rightleftharpoons",
     category: "operators3",
@@ -2425,6 +2498,321 @@ function undoRedoCanRedo(stacks) {
   return stacks.future.length > 0;
 }
 
+// src/editor/uiLocale.ts
+var ENGLISH_COMMAND_TITLES = {
+  cos: "Cosine",
+  sin: "Sine",
+  tan: "Tangent",
+  cot: "Cotangent",
+  sec: "Secant",
+  csc: "Cosecant",
+  arccos: "Inverse cosine",
+  arcsin: "Inverse sine",
+  arctan: "Inverse tangent",
+  arccot: "Inverse cotangent",
+  arcsec: "Inverse secant",
+  arccsc: "Inverse cosecant",
+  cosh: "Hyperbolic cosine",
+  sinh: "Hyperbolic sine",
+  tanh: "Hyperbolic tangent",
+  coth: "Hyperbolic cotangent",
+  sum: "Sum",
+  prod: "Product",
+  lim: "Limit",
+  max: "Maximum",
+  min: "Minimum",
+  sup: "Supremum",
+  inf: "Infimum",
+  pi: "Pi",
+  exp: "Exponential",
+  ln: "Natural logarithm",
+  log: "Logarithm",
+  det: "Determinant",
+  N: "Natural numbers",
+  Z: "Integers",
+  Q: "Rational numbers",
+  R: "Real numbers",
+  C: "Complex numbers",
+  H: "Quaternions",
+  negThinSpace: "Negative thin space",
+  mediumSpace: "Medium space",
+  thickSpace: "Thick space",
+  quadSpace: "Large space",
+  qquadSpace: "Extra-large space"
+};
+var ENGLISH_OPERATOR_TITLES = {
+  inf: "Infinity",
+  times: "Multiplication",
+  div: "Division",
+  pm: "Plus or minus",
+  mp: "Minus or plus",
+  neq: "Not equal",
+  approx: "Approximately equal",
+  sim: "Similar",
+  mid: "Divides",
+  leq: "Less than or equal",
+  geq: "Greater than or equal",
+  coloneqq: "Defined as equal to",
+  eqqcolon: "Equal by definition",
+  propto: "Proportional to",
+  in: "Element of",
+  notin: "Not an element of",
+  subset: "Subset of",
+  supset: "Superset of",
+  subseteq: "Subset of or equal",
+  supseteq: "Superset of or equal",
+  cap: "Intersection",
+  cup: "Union",
+  emptyset: "Empty set",
+  nsubseteq: "Not a subset of or equal",
+  nsupseteq: "Not a superset of or equal",
+  ldots: "Horizontal dots",
+  cdot: "Multiplication dot",
+  cdots: "Centered horizontal dots",
+  vdots: "Vertical dots",
+  ddots: "Diagonal dots",
+  leftrightarrowDouble: "Equivalent",
+  implies: "Implies",
+  impliedby: "Implied by",
+  iff: "If and only if",
+  Longrightarrow: "Long double arrow right",
+  Longleftarrow: "Long double arrow left",
+  to: "Maps to",
+  rightleftharpoons: "Equilibrium",
+  leftarrow: "Left arrow",
+  rightarrow: "Right arrow",
+  leftarrowDouble: "Double left arrow",
+  rightarrowDouble: "Double right arrow",
+  leftharpoonup: "Upper left harpoon",
+  rightharpoonup: "Upper right harpoon",
+  leftharpoondown: "Lower left harpoon",
+  rightharpoondown: "Lower right harpoon",
+  int: "Integral",
+  iint: "Double integral",
+  iiint: "Triple integral",
+  iiiint: "Quadruple integral",
+  oint: "Contour integral",
+  oiint: "Closed surface integral",
+  oiiint: "Closed volume integral"
+};
+var EQUATION_EDITOR_MESSAGES = {
+  ar: {
+    undoRedo: "\u062A\u0631\u0627\u062C\u0639 \u0648\u0625\u0639\u0627\u062F\u0629",
+    undo: "\u062A\u0631\u0627\u062C\u0639",
+    redo: "\u0625\u0639\u0627\u062F\u0629",
+    clipboard: "\u0627\u0644\u062D\u0627\u0641\u0638\u0629",
+    copy: "\u0646\u0633\u062E",
+    cut: "\u0642\u0635",
+    paste: "\u0644\u0635\u0642",
+    editorSettings: "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0645\u062D\u0631\u0631",
+    toggleSide: "\u062A\u0628\u062F\u064A\u0644 \u0639\u0631\u0628\u064A / \u0625\u0646\u062C\u0644\u064A\u0632\u064A",
+    structures: "\u0627\u0644\u0628\u0646\u0649",
+    insertDelimiters: "\u0625\u062F\u0631\u0627\u062C \u0645\u062D\u062F\u062F\u0627\u062A",
+    insertParentheses: "\u0625\u062F\u0631\u0627\u062C \u0642\u0648\u0633\u064A\u0646",
+    insertBrackets: "\u0625\u062F\u0631\u0627\u062C \u0645\u0639\u0642\u0648\u0641\u064A\u0646",
+    insertBraces: "\u0625\u062F\u0631\u0627\u062C \u062D\u0627\u0635\u0631\u062A\u064A\u0646",
+    insertFraction: "\u0625\u062F\u0631\u0627\u062C \u0643\u0633\u0631",
+    insertRoot: "\u0625\u062F\u0631\u0627\u062C \u062C\u0630\u0631",
+    environments: "\u0627\u0644\u0628\u064A\u0626\u0627\u062A",
+    insertEnvironment: "\u0625\u062F\u0631\u0627\u062C \u0628\u064A\u0626\u0629 \u0634\u0628\u0643\u064A\u0629",
+    environmentType: "\u0646\u0648\u0639 \u0627\u0644\u0628\u064A\u0626\u0629",
+    matrix: "\u0645\u0635\u0641\u0648\u0641\u0629",
+    array: "\u062C\u062F\u0648\u0644",
+    aligned: "\u0645\u062D\u0627\u0630\u0627\u0629",
+    matrixType: "\u0646\u0648\u0639 \u0627\u0644\u0645\u0635\u0641\u0648\u0641\u0629",
+    chooseEnvironmentSize: "\u0627\u062E\u062A\u064A\u0627\u0631 \u062D\u062C\u0645 \u0627\u0644\u0628\u064A\u0626\u0629",
+    rows: "\u0635\u0641\u0648\u0641",
+    columns: "\u0623\u0639\u0645\u062F\u0629",
+    row: "\u0635\u0641",
+    column: "\u0639\u0645\u0648\u062F",
+    insert: "\u0625\u062F\u0631\u0627\u062C",
+    editSelectedEnvironment: "\u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u0628\u064A\u0626\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629",
+    applySelectedMatrixStyle: "\u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u0646\u0645\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629",
+    applyStyle: "\u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u0646\u0645\u0637",
+    addRow: "\u0625\u0636\u0627\u0641\u0629 \u0635\u0641",
+    removeRow: "\u062D\u0630\u0641 \u0635\u0641",
+    addColumn: "\u0625\u0636\u0627\u0641\u0629 \u0639\u0645\u0648\u062F",
+    removeColumn: "\u062D\u0630\u0641 \u0639\u0645\u0648\u062F",
+    spaces: "\u0627\u0644\u0641\u0631\u0627\u063A\u0627\u062A",
+    insertSpace: "\u0625\u062F\u0631\u0627\u062C \u0641\u0631\u0627\u063A",
+    functions: "\u0627\u0644\u062F\u0648\u0627\u0644",
+    insertFunction: "\u0625\u062F\u0631\u0627\u062C \u062F\u0627\u0644\u0629",
+    insertLimitsSeries: "\u0625\u062F\u0631\u0627\u062C \u062D\u062F\u0648\u062F \u0648\u0645\u062A\u0633\u0644\u0633\u0644\u0627\u062A",
+    insertAdditionalFunctions: "\u0625\u062F\u0631\u0627\u062C \u062F\u0648\u0627\u0644 \u0625\u0636\u0627\u0641\u064A\u0629",
+    insertNumberSets: "\u0625\u062F\u0631\u0627\u062C \u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0623\u0639\u062F\u0627\u062F",
+    operations: "\u0627\u0644\u0639\u0645\u0644\u064A\u0627\u062A",
+    insertOperation: "\u0625\u062F\u0631\u0627\u062C \u0631\u0645\u0632 \u0639\u0645\u0644\u064A\u0629",
+    insertRelationsSets: "\u0625\u062F\u0631\u0627\u062C \u0631\u0645\u0648\u0632 \u0639\u0644\u0627\u0642\u0627\u062A \u0648\u0645\u062C\u0645\u0648\u0639\u0627\u062A",
+    insertArrows: "\u0625\u062F\u0631\u0627\u062C \u0623\u0633\u0647\u0645",
+    insertDots: "\u0625\u062F\u0631\u0627\u062C \u0646\u0642\u0627\u0637",
+    insertIntegrals: "\u0625\u062F\u0631\u0627\u062C \u062A\u0643\u0627\u0645\u0644\u0627\u062A",
+    scripts: "\u0627\u0644\u0623\u0633 \u0648\u0627\u0644\u0633\u0641\u0644\u064A",
+    addSuperscript: "\u0625\u0636\u0627\u0641\u0629 \u0623\u0633",
+    addSubscript: "\u0625\u0636\u0627\u0641\u0629 \u0633\u0641\u0644\u064A",
+    removeSuperscript: "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u0633",
+    removeSubscript: "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0633\u0641\u0644\u064A",
+    inputStyles: "\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0625\u062F\u062E\u0627\u0644",
+    deleteSelectedStructure: "\u062D\u0630\u0641 \u0627\u0644\u0628\u0646\u064A\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629",
+    toggleLetterMerging: "\u062A\u0628\u062F\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641",
+    disableLetterMerging: "\u062A\u0639\u0637\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641",
+    enableLetterMerging: "\u062A\u0641\u0639\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641",
+    chooseWritingFont: "\u0627\u062E\u062A\u064A\u0627\u0631 \u062E\u0637 \u0627\u0644\u0643\u062A\u0627\u0628\u0629",
+    chooseDigitForm: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0634\u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645",
+    defaultFont: "\u0627\u0644\u062E\u0637 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A",
+    takweenFont: "\u062E\u0637 \u062A\u0643\u0648\u064A\u0646",
+    diwaniFont: "\u062E\u0637 \u062F\u064A\u0648\u0627\u0646\u064A",
+    diwaniOutlineFont: "\u062E\u0637 \u062F\u064A\u0648\u0627\u0646\u064A \u0645\u0638\u0644\u0644",
+    writeDefaultFont: "\u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u0628\u0627\u0644\u062E\u0637 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A",
+    writeTakweenFont: "\u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u0628\u062E\u0637 \u062A\u0643\u0648\u064A\u0646",
+    westernDigits: "\u0623\u0631\u0642\u0627\u0645 \u063A\u0631\u0628\u064A\u0629",
+    arabicIndicDigits: "\u0623\u0631\u0642\u0627\u0645 \u0639\u0631\u0628\u064A\u0629 \u0647\u0646\u062F\u064A\u0629",
+    persianIndicDigits: "\u0623\u0631\u0642\u0627\u0645 \u0641\u0627\u0631\u0633\u064A\u0629 \u0647\u0646\u062F\u064A\u0629",
+    equationEditor: "\u0645\u062D\u0631\u0631 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0627\u062A",
+    renderPreview: "\u0645\u0639\u0627\u064A\u0646\u0629 \u0627\u0644\u0631\u0633\u0645",
+    development: "\u062A\u0637\u0648\u064A\u0631",
+    showDebugLog: "\u0625\u0638\u0647\u0627\u0631 \u0633\u062C\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D",
+    hideDebugLog: "\u0625\u062E\u0641\u0627\u0621 \u0633\u062C\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D",
+    copyDebugLog: "\u0646\u0633\u062E \u0633\u062C\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D",
+    empty: "\u0641\u0627\u0631\u063A",
+    englishLatex: "LaTeX \u0625\u0646\u062C\u0644\u064A\u0632\u064A",
+    arabicLatex: "LaTeX \u0639\u0631\u0628\u064A",
+    inactiveEnglish: "\u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u063A\u064A\u0631 \u0627\u0644\u0646\u0634\u0637\u0629 (\u0625\u0646\u062C\u0644\u064A\u0632\u064A)",
+    inactiveArabic: "\u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u063A\u064A\u0631 \u0627\u0644\u0646\u0634\u0637\u0629 (\u0639\u0631\u0628\u064A)",
+    mathJaxError: "\u062E\u0637\u0623 MathJax",
+    previewError: "\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0645\u0639\u0627\u064A\u0646\u0629",
+    activeSide: "\u0627\u0644\u062C\u0627\u0646\u0628 \u0627\u0644\u0646\u0634\u0637",
+    syncState: "\u062D\u0627\u0644\u0629 \u0627\u0644\u0645\u0632\u0627\u0645\u0646\u0629",
+    arabicSide: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629",
+    englishSide: "\u0627\u0644\u0625\u0646\u062C\u0644\u064A\u0632\u064A\u0629",
+    synced: "\u0645\u062A\u0632\u0627\u0645\u0646",
+    differentItems: "\u0639\u0646\u0627\u0635\u0631 \u0645\u062E\u062A\u0644\u0641\u0629",
+    alignLeft: "\u064A\u0633\u0627\u0631",
+    alignCenter: "\u0648\u0633\u0637",
+    alignRight: "\u064A\u0645\u064A\u0646",
+    alignColumnLeft: "\u0645\u062D\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0645\u0648\u062F \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631",
+    alignColumnCenter: "\u0645\u062D\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0645\u0648\u062F \u0641\u064A \u0627\u0644\u0648\u0633\u0637",
+    alignColumnRight: "\u0645\u062D\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0645\u0648\u062F \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646",
+    matrixNoDelimiters: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u0644\u0627 \u0623\u0642\u0648\u0627\u0633",
+    matrixParentheses: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u0642\u0648\u0633\u064A\u0646",
+    matrixBrackets: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u0645\u0639\u0642\u0648\u0641\u064A\u0646",
+    matrixBraces: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u062D\u0627\u0635\u0631\u062A\u064A\u0646",
+    matrixBars: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u062E\u0637\u064A\u0646",
+    matrixDoubleBars: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u062E\u0637\u064A\u0646 \u0645\u0632\u062F\u0648\u062C\u064A\u0646"
+  },
+  en: {
+    undoRedo: "Undo and redo",
+    undo: "Undo",
+    redo: "Redo",
+    clipboard: "Clipboard",
+    copy: "Copy",
+    cut: "Cut",
+    paste: "Paste",
+    editorSettings: "Editor settings",
+    toggleSide: "Switch Arabic / English equation side",
+    structures: "Structures",
+    insertDelimiters: "Insert delimiters",
+    insertParentheses: "Insert parentheses",
+    insertBrackets: "Insert brackets",
+    insertBraces: "Insert braces",
+    insertFraction: "Insert fraction",
+    insertRoot: "Insert root",
+    environments: "Environments",
+    insertEnvironment: "Insert grid environment",
+    environmentType: "Environment type",
+    matrix: "Matrix",
+    array: "Array",
+    aligned: "Aligned",
+    matrixType: "Matrix type",
+    chooseEnvironmentSize: "Choose environment size",
+    rows: "Rows",
+    columns: "Columns",
+    row: "Row",
+    column: "Column",
+    insert: "Insert",
+    editSelectedEnvironment: "Edit selected environment",
+    applySelectedMatrixStyle: "Apply style to selected matrix",
+    applyStyle: "Apply style",
+    addRow: "Add row",
+    removeRow: "Remove row",
+    addColumn: "Add column",
+    removeColumn: "Remove column",
+    spaces: "Spacing",
+    insertSpace: "Insert space",
+    functions: "Functions",
+    insertFunction: "Insert function",
+    insertLimitsSeries: "Insert limits and series",
+    insertAdditionalFunctions: "Insert additional functions",
+    insertNumberSets: "Insert number sets",
+    operations: "Operators",
+    insertOperation: "Insert operator",
+    insertRelationsSets: "Insert relation or set symbol",
+    insertArrows: "Insert arrow",
+    insertDots: "Insert dots",
+    insertIntegrals: "Insert integral",
+    scripts: "Superscript and subscript",
+    addSuperscript: "Add superscript",
+    addSubscript: "Add subscript",
+    removeSuperscript: "Remove superscript",
+    removeSubscript: "Remove subscript",
+    inputStyles: "Input styles",
+    deleteSelectedStructure: "Delete selected structure",
+    toggleLetterMerging: "Toggle letter merging",
+    disableLetterMerging: "Disable letter merging",
+    enableLetterMerging: "Enable letter merging",
+    chooseWritingFont: "Choose writing font",
+    chooseDigitForm: "Choose digit form",
+    defaultFont: "Default font",
+    takweenFont: "Takween font",
+    diwaniFont: "Diwani font",
+    diwaniOutlineFont: "Outlined Diwani font",
+    writeDefaultFont: "Write with the default font",
+    writeTakweenFont: "Write with Takween font",
+    westernDigits: "Western digits",
+    arabicIndicDigits: "Arabic-Indic digits",
+    persianIndicDigits: "Persian digits",
+    equationEditor: "Equation editor",
+    renderPreview: "Rendered preview",
+    development: "Development",
+    showDebugLog: "Show debug log",
+    hideDebugLog: "Hide debug log",
+    copyDebugLog: "Copy debug log",
+    empty: "Empty",
+    englishLatex: "English LaTeX",
+    arabicLatex: "Arabic LaTeX",
+    inactiveEnglish: "Inactive chain (English)",
+    inactiveArabic: "Inactive chain (Arabic)",
+    mathJaxError: "MathJax error",
+    previewError: "Preview error",
+    activeSide: "Active side",
+    syncState: "Sync state",
+    arabicSide: "Arabic",
+    englishSide: "English",
+    synced: "Synced",
+    differentItems: "different items",
+    alignLeft: "Left",
+    alignCenter: "Center",
+    alignRight: "Right",
+    alignColumnLeft: "Align column left",
+    alignColumnCenter: "Align column center",
+    alignColumnRight: "Align column right",
+    matrixNoDelimiters: "Matrix without delimiters",
+    matrixParentheses: "Matrix in parentheses",
+    matrixBrackets: "Matrix in brackets",
+    matrixBraces: "Matrix in braces",
+    matrixBars: "Matrix between bars",
+    matrixDoubleBars: "Matrix between double bars"
+  }
+};
+function equationEditorMessages(locale) {
+  return EQUATION_EDITOR_MESSAGES[locale];
+}
+function atomicCommandTitle(spec, locale) {
+  return locale === "en" ? ENGLISH_COMMAND_TITLES[spec.id] ?? spec.title : spec.title;
+}
+function atomicOperatorCommandTitle(spec, locale) {
+  return locale === "en" ? ENGLISH_OPERATOR_TITLES[spec.id] ?? spec.title : spec.title;
+}
+
 // src/editor/state.ts
 function ensureSyncEntry(session, nodeId) {
   if (!session.sync[nodeId]) {
@@ -4121,8 +4509,8 @@ function spacingArrowForSide(spec, side) {
   }
   return side === "arabic" ? "\u2192" : "\u2190";
 }
-function spacingTooltipForSide(spec, side) {
-  return `${spec.title} ${spacingArrowForSide(spec, side).repeat(spec.spacing.level)}`;
+function spacingTooltipForSide(spec, side, uiLocale = "ar") {
+  return `${atomicCommandTitle(spec, uiLocale)} ${spacingArrowForSide(spec, side).repeat(spec.spacing.level)}`;
 }
 function buildFunctionAtomicCommandBody(node, side, spec) {
   const value = document.createElement("span");
@@ -4146,19 +4534,19 @@ function buildFunctionAtomicCommandBody(node, side, spec) {
   value.textContent = side === "arabic" ? spec?.arabicLabel ?? node.expr : spec?.englishTex.replace("\\", "") ?? node.expr;
   return value;
 }
-function buildSpacingAtomicCommandBody(spec, side) {
+function buildSpacingAtomicCommandBody(spec, side, uiLocale) {
   const value = document.createElement("span");
   value.className = `atomic-spacing atomic-spacing--${spec.spacing.direction} atomic-spacing--level-${String(spec.spacing.level)}`;
-  value.title = spacingTooltipForSide(spec, side);
+  value.title = spacingTooltipForSide(spec, side, uiLocale);
   const marker = document.createElement("span");
   marker.className = "atomic-spacing__marker";
   value.appendChild(marker);
   return value;
 }
-function buildAtomicCommandNodeBody(node, side) {
+function buildAtomicCommandNodeBody(node, side, uiLocale = "ar") {
   const spec = atomicCommandSpec(node.expr);
   if (isSpacingCommandSpec(spec)) {
-    return buildSpacingAtomicCommandBody(spec, side);
+    return buildSpacingAtomicCommandBody(spec, side, uiLocale);
   }
   return buildFunctionAtomicCommandBody(node, side, spec);
 }
@@ -4192,11 +4580,11 @@ function buildOperatorLabel(spec) {
   value.textContent = spec.Label;
   return value;
 }
-function buildAtomicOperatorCommandNodeBody(node, side) {
+function buildAtomicOperatorCommandNodeBody(node, side, uiLocale = "ar") {
   const spec = atomicOperatorCommandSpec(node.expr);
   const value = document.createElement("span");
   value.className = "atomic-operator-command";
-  value.title = spec?.title ?? node.expr;
+  value.title = spec ? atomicOperatorCommandTitle(spec, uiLocale) : node.expr;
   if (side === "arabic" && shouldMirrorOperatorDisplay(spec)) {
     value.classList.add("atomic-operator-command--mirrored");
   }
@@ -4250,7 +4638,7 @@ function buildNodeScripts(node, buildChain) {
 }
 
 // src/editor/display/index.ts
-function buildNodeBody(node, buildChain, side, digitForm = "western") {
+function buildNodeBody(node, buildChain, side, digitForm = "western", uiLocale = "ar") {
   if (node.kind === "delimiter") {
     return buildDelimiterNodeBody(node, buildChain);
   }
@@ -4264,10 +4652,10 @@ function buildNodeBody(node, buildChain, side, digitForm = "western") {
     return buildMatrixEnvNodeBody(node, buildChain, side);
   }
   if (node.kind === "atomicCommand") {
-    return buildAtomicCommandNodeBody(node, side);
+    return buildAtomicCommandNodeBody(node, side, uiLocale);
   }
   if (node.kind === "atomicOperatorCommand") {
-    return buildAtomicOperatorCommandNodeBody(node, side);
+    return buildAtomicOperatorCommandNodeBody(node, side, uiLocale);
   }
   return buildBaseNodeBody(node, digitForm);
 }
@@ -4488,6 +4876,10 @@ function createEditorRuntime(options) {
   const buttonElements = options.buttonElements ?? {};
   const outsidePointerIgnoreSelectors = options.outsidePointerIgnoreSelectors ?? [];
   let session = options.initialSession ?? createStarterSession();
+  let uiLocale = options.uiLocale ?? "ar";
+  if (options.defaultSide) {
+    session = { ...session, activeSide: options.defaultSide };
+  }
   const undoRedo = createUndoRedoStacks();
   let lastInternalFragment = null;
   let initialKeyboardFocusPending = true;
@@ -4519,14 +4911,15 @@ function createEditorRuntime(options) {
     return index >= start && index < end;
   }
   function refreshUndoRedoButtons() {
+    const messages = equationEditorMessages(uiLocale);
     if (buttonElements.undoBtn) {
       buttonElements.undoBtn.disabled = !undoRedoCanUndo(undoRedo);
       const arabicEquation = session.activeSide === "arabic";
       const undoArrow = arabicEquation ? "\u21B7" : "\u21B6";
       const vs = "\uFE0E";
       buttonElements.undoBtn.textContent = `${undoArrow}${vs}`;
-      buttonElements.undoBtn.title = "\u062A\u0631\u0627\u062C\u0639";
-      buttonElements.undoBtn.setAttribute("aria-label", "\u062A\u0631\u0627\u062C\u0639");
+      buttonElements.undoBtn.title = messages.undo;
+      buttonElements.undoBtn.setAttribute("aria-label", messages.undo);
     }
     if (buttonElements.redoBtn) {
       buttonElements.redoBtn.disabled = !undoRedoCanRedo(undoRedo);
@@ -4534,8 +4927,8 @@ function createEditorRuntime(options) {
       const redoArrow = arabicEquation ? "\u21B6" : "\u21B7";
       const vs = "\uFE0E";
       buttonElements.redoBtn.textContent = `${redoArrow}${vs}`;
-      buttonElements.redoBtn.title = "\u0625\u0639\u0627\u062F\u0629";
-      buttonElements.redoBtn.setAttribute("aria-label", "\u0625\u0639\u0627\u062F\u0629");
+      buttonElements.redoBtn.title = messages.redo;
+      buttonElements.redoBtn.setAttribute("aria-label", messages.redo);
     }
   }
   function refreshClipboardButtons() {
@@ -4554,9 +4947,10 @@ function createEditorRuntime(options) {
       return;
     }
     const mergeOn = !session.splitLeafTyping;
+    const messages = equationEditorMessages(uiLocale);
     buttonElements.splitTypingBtn.textContent = mergeOn ? "\u0633\u0635\u0639" : "\u0633 \u0635 \u0639";
-    buttonElements.splitTypingBtn.title = mergeOn ? "\u062A\u0639\u0637\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641" : "\u062A\u0641\u0639\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641";
-    buttonElements.splitTypingBtn.setAttribute("aria-label", mergeOn ? "\u062A\u0639\u0637\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641" : "\u062A\u0641\u0639\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641");
+    buttonElements.splitTypingBtn.title = mergeOn ? messages.disableLetterMerging : messages.enableLetterMerging;
+    buttonElements.splitTypingBtn.setAttribute("aria-label", mergeOn ? messages.disableLetterMerging : messages.enableLetterMerging);
     buttonElements.splitTypingBtn.setAttribute("aria-pressed", mergeOn ? "true" : "false");
     buttonElements.splitTypingBtn.classList.toggle("accent", mergeOn);
   }
@@ -4565,9 +4959,10 @@ function createEditorRuntime(options) {
       return;
     }
     const takweenOn = (session.currentCharacterFont ?? "default") === "takween";
+    const messages = equationEditorMessages(uiLocale);
     buttonElements.characterFontBtn.textContent = "\u062A\u0643";
-    buttonElements.characterFontBtn.title = takweenOn ? "\u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u0628\u0627\u0644\u062E\u0637 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A" : "\u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u0628\u062E\u0637 \u062A\u0643\u0648\u064A\u0646";
-    buttonElements.characterFontBtn.setAttribute("aria-label", takweenOn ? "\u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u0628\u0627\u0644\u062E\u0637 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A" : "\u0627\u0644\u0643\u062A\u0627\u0628\u0629 \u0628\u062E\u0637 \u062A\u0643\u0648\u064A\u0646");
+    buttonElements.characterFontBtn.title = takweenOn ? messages.writeDefaultFont : messages.writeTakweenFont;
+    buttonElements.characterFontBtn.setAttribute("aria-label", takweenOn ? messages.writeDefaultFont : messages.writeTakweenFont);
     buttonElements.characterFontBtn.setAttribute("aria-pressed", takweenOn ? "true" : "false");
     buttonElements.characterFontBtn.classList.toggle("accent", takweenOn);
   }
@@ -4578,8 +4973,9 @@ function createEditorRuntime(options) {
     const digitForm = session.currentDigitForm ?? "western";
     const label = digitForm === "arabicIndic" ? "\u0664\u0665\u0666" : digitForm === "persianIndic" ? "\u06F4\u06F5\u06F6" : "456";
     buttonElements.digitFormBtn.textContent = label;
-    buttonElements.digitFormBtn.title = "\u0627\u062E\u062A\u064A\u0627\u0631 \u0634\u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645";
-    buttonElements.digitFormBtn.setAttribute("aria-label", "\u0627\u062E\u062A\u064A\u0627\u0631 \u0634\u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645");
+    const messages = equationEditorMessages(uiLocale);
+    buttonElements.digitFormBtn.title = messages.chooseDigitForm;
+    buttonElements.digitFormBtn.setAttribute("aria-label", messages.chooseDigitForm);
     buttonElements.digitFormBtn.dataset.digitForm = digitForm;
   }
   function applyStructural(updater) {
@@ -4781,7 +5177,7 @@ function createEditorRuntime(options) {
     const atomicSpec = node.kind === "atomicCommand" ? atomicCommandSpec(node.expr) : null;
     if (isSpacingCommandSpec(atomicSpec)) {
       nodeEl.classList.add("node--atomic-spacing");
-      nodeEl.title = spacingTooltipForSide(atomicSpec, session.activeSide);
+      nodeEl.title = spacingTooltipForSide(atomicSpec, session.activeSide, uiLocale);
     }
     if (session.selectedNodeId === node.id || session.selectedStructureNodeId === node.id) {
       nodeEl.classList.add("selected");
@@ -4811,7 +5207,7 @@ function createEditorRuntime(options) {
     });
     const body = document.createElement("span");
     body.className = "node-body";
-    body.appendChild(buildNodeBody(node, buildChain, session.activeSide, session.currentDigitForm ?? "western"));
+    body.appendChild(buildNodeBody(node, buildChain, session.activeSide, session.currentDigitForm ?? "western", uiLocale));
     nodeEl.appendChild(body);
     const scripts = buildNodeScripts(node, buildChain);
     if (scripts) {
@@ -5092,6 +5488,13 @@ function createEditorRuntime(options) {
       session = next;
       render();
     },
+    setUiLocale: (locale) => {
+      if (uiLocale === locale) {
+        return;
+      }
+      uiLocale = locale;
+      render();
+    },
     performUndo,
     performRedo,
     performCopy,
@@ -5567,15 +5970,15 @@ function mathNodeFromEditorSession(session, mathMode = "$", closing = "$") {
 }
 
 // src/document2/mathBridge.ts
-function createEmptyArabicEquationSession() {
+function createEmptyEquationSession(side = "arabic") {
   const english = createEditorChain();
   const arabic = createEditorChain();
   arabic.id = english.id;
-  const session = createEditorSession(english, arabic, "arabic");
+  const session = createEditorSession(english, arabic, side);
   session.sync = buildInitialSyncMap(session.englishTree, session.arabicTree);
   return session;
 }
-function mathTokenToArabicEditorSession(math) {
+function mathTokenToEditorSession(math, side = "arabic") {
   if (!math) {
     return { editable: false, reason: "\u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629 \u0645\u062D\u0641\u0648\u0638\u0629 \u0643\u0646\u0635 \u062E\u0627\u0645 \u0641\u0642\u0637 \u062D\u0627\u0644\u064A\u0627" };
   }
@@ -5583,12 +5986,12 @@ function mathTokenToArabicEditorSession(math) {
   if (!result.editable) {
     return result;
   }
-  result.session.activeSide = "arabic";
+  result.session.activeSide = side;
   result.session.sync = buildInitialSyncMap(result.session.englishTree, result.session.arabicTree);
   return result;
 }
-function mathSourceFromArabicSession(session, opening = "$", closing = "$") {
-  const inner = renderArabicLatexFromSession(session);
+function mathSourceFromSession(session, side, opening = "$", closing = "$") {
+  const inner = side === "english" ? renderEnglishLatexFromSession(session) : renderArabicLatexFromSession(session);
   if (opening === "$" || opening === "\\(") {
     return opening + inner + closing;
   }
@@ -5601,13 +6004,26 @@ ${closing}`;
     ${inner}
 ${closing}`;
 }
-function mathNodeFromArabicSession(session, opening = "$", closing = "$") {
+function mathNodeFromSession(session, opening = "$", closing = "$") {
   const converted = mathNodeFromEditorSession(session, opening, closing);
   if (converted.ok) {
     return converted.math;
   }
   return { nodeType: "MathObject", mathMode: opening, lines: [], closing };
 }
+function mathTokenSourceForSide(token, side) {
+  if (!token.math || token.sourceOwner === "raw") {
+    return token.source;
+  }
+  if (token.sourceSide === side) {
+    return token.source;
+  }
+  const result = mathTokenToEditorSession(token.math, side);
+  if (!result.editable) {
+    return token.source;
+  }
+  return mathSourceFromSession(result.session, side, token.opening, token.closing);
+}
 
 // src/document2/commands.ts
 function cloneToken(token) {
@@ -5684,15 +6100,16 @@ function updateTextToken(document2, fieldId, tokenId, text) {
   });
   return next;
 }
-function mathTokenFromSession(session, opening = "$", closing = "$") {
+function mathTokenFromSession(session, opening = "$", closing = "$", side = "arabic") {
   return {
     id: document2Id("math"),
     kind: "math",
     display: opening === "$$" || opening === "\\[" || opening.startsWith("\\begin{"),
     opening,
     closing,
-    source: mathSourceFromArabicSession(session, opening, closing),
-    math: mathNodeFromArabicSession(session, opening, closing),
+    source: mathSourceFromSession(session, side, opening, closing),
+    sourceSide: side,
+    math: mathNodeFromSession(session, opening, closing),
     editable: true,
     sourceOwner: "editor"
   };
@@ -5768,9 +6185,9 @@ function splitTextTokenAt(token, offset) {
     { id: document2Id("text"), kind: "text", text: token.text.slice(safeOffset) }
   ];
 }
-function insertMathTokenAtCaret(document2, fieldId, textTokenId, caretOffset, session, opening = "$", closing = "$") {
+function insertMathTokenAtCaret(document2, fieldId, textTokenId, caretOffset, session, opening = "$", closing = "$", side = "arabic") {
   const next = cloneDocument(document2);
-  const mathToken = mathTokenFromSession(session, opening, closing);
+  const mathToken = mathTokenFromSession(session, opening, closing, side);
   visitFields(next.blocks, (field) => {
     if (field.id !== fieldId) {
       return false;
@@ -5795,7 +6212,7 @@ function insertMathTokenAtCaret(document2, fieldId, textTokenId, caretOffset, se
   });
   return next;
 }
-function replaceMathTokenFromSession(document2, tokenId, session, opening, closing) {
+function replaceMathTokenFromSession(document2, tokenId, session, opening, closing, side = "arabic") {
   const next = cloneDocument(document2);
   visitFields(next.blocks, (field) => {
     const index = field.tokens.findIndex((token) => token.id === tokenId && token.kind === "math");
@@ -5805,7 +6222,7 @@ function replaceMathTokenFromSession(document2, tokenId, session, opening, closi
     const current = field.tokens[index];
     const open = opening ?? current.opening;
     const close = closing ?? current.closing;
-    field.tokens[index] = mathTokenFromSession(session, open, close);
+    field.tokens[index] = mathTokenFromSession(session, open, close, side);
     field.tokens[index].id = current.id;
     return true;
   });
@@ -6017,23 +6434,20 @@ function document2HistoryCanRedo(stacks) {
 }
 
 // src/document2/previewModel.ts
-function mathTex(token) {
+function mathTex(token, equationSide) {
   if (token.kind === "text") {
     return token.text;
   }
-  if (!token.math || token.sourceOwner === "raw" || token.sourceOwner === "editor") {
-    return token.source;
-  }
-  return renderMathNodeLatex(token.math);
+  return mathTokenSourceForSide(token, equationSide);
 }
-function previewInlines(field, islands, output) {
+function previewInlines(field, islands, output, equationSide) {
   return field.tokens.map((token) => {
     if (token.kind === "text") {
       return { kind: "text", text: token.text };
     }
     const island = {
       id: token.id,
-      tex: mathTex(token),
+      tex: mathTex(token, equationSide),
       display: token.display,
       output,
       editable: token.editable
@@ -6042,21 +6456,21 @@ function previewInlines(field, islands, output) {
     return { kind: "math", ...island };
   });
 }
-function textBlockPreview(block, islands, output) {
+function textBlockPreview(block, islands, output, equationSide) {
   if (block.command === "\\section") {
-    return { kind: "heading", id: block.id, level: 1, inlines: previewInlines(block.field, islands, output) };
+    return { kind: "heading", id: block.id, level: 1, inlines: previewInlines(block.field, islands, output, equationSide) };
   }
   if (block.command === "\\subsection") {
-    return { kind: "heading", id: block.id, level: 2, inlines: previewInlines(block.field, islands, output) };
+    return { kind: "heading", id: block.id, level: 2, inlines: previewInlines(block.field, islands, output, equationSide) };
   }
   if (block.command === "\\subsubsection") {
-    return { kind: "heading", id: block.id, level: 3, inlines: previewInlines(block.field, islands, output) };
+    return { kind: "heading", id: block.id, level: 3, inlines: previewInlines(block.field, islands, output, equationSide) };
   }
-  return { kind: "paragraph", id: block.id, inlines: previewInlines(block.field, islands, output) };
+  return { kind: "paragraph", id: block.id, inlines: previewInlines(block.field, islands, output, equationSide) };
 }
-function blockPreview(block, islands, output) {
+function blockPreview(block, islands, output, equationSide) {
   if (block.kind === "textBlock") {
-    return textBlockPreview(block, islands, output);
+    return textBlockPreview(block, islands, output, equationSide);
   }
   if (block.kind === "list") {
     return {
@@ -6065,23 +6479,23 @@ function blockPreview(block, islands, output) {
       ordered: block.command === "\\begin{enumerate}",
       items: block.items.map((item) => ({
         id: item.id,
-        inlines: previewInlines(item.field, islands, output),
-        blocks: item.blocks.map((child) => blockPreview(child, islands, output))
+        inlines: previewInlines(item.field, islands, output, equationSide),
+        blocks: item.blocks.map((child) => blockPreview(child, islands, output, equationSide))
       }))
     };
   }
   if (block.kind === "table") {
-    return { kind: "table", id: block.id, rows: block.rows.map((row) => row.map((cell) => previewInlines(cell, islands, output))) };
+    return { kind: "table", id: block.id, rows: block.rows.map((row) => row.map((cell) => previewInlines(cell, islands, output, equationSide))) };
   }
   if (block.kind === "image") {
     return { kind: "image", id: block.id, src: block.value, options: block.options };
   }
   return { kind: "omit", id: block.id };
 }
-function document2Preview(document2, output = "svg") {
+function document2Preview(document2, output = "svg", equationSide = "arabic") {
   const mathIslands = [];
   return {
-    blocks: document2.blocks.map((block) => blockPreview(block, mathIslands, output)),
+    blocks: document2.blocks.map((block) => blockPreview(block, mathIslands, output, equationSide)),
     mathIslands
   };
 }
@@ -6516,11 +6930,166 @@ function MathIsland({ id, tex, display, output = "svg" }) {
   );
 }
 
+// src/react-document2/uiMessages.ts
+var DOCUMENT2_MESSAGES = {
+  ar: {
+    undoRedo: "\u062A\u0631\u0627\u062C\u0639 \u0648\u0625\u0639\u0627\u062F\u0629",
+    undo: "\u062A\u0631\u0627\u062C\u0639",
+    redo: "\u0625\u0639\u0627\u062F\u0629",
+    structure: "\u0647\u064A\u0643\u0644",
+    content: "\u0645\u062D\u062A\u0648\u0649",
+    addSection: "\u0625\u0636\u0627\u0641\u0629 \u0642\u0633\u0645",
+    addSubsection: "\u0625\u0636\u0627\u0641\u0629 \u0641\u0631\u0639",
+    addSubsubsection: "\u0625\u0636\u0627\u0641\u0629 \u0641\u0631\u0639 \u0635\u063A\u064A\u0631",
+    addParagraph: "\u0625\u0636\u0627\u0641\u0629 \u0641\u0642\u0631\u0629",
+    inlineEquation: "\u0645\u0639\u0627\u062F\u0644\u0629 \u062F\u0627\u062E\u0644 \u0627\u0644\u0633\u0637\u0631",
+    displayEquation: "\u0645\u0639\u0627\u062F\u0644\u0629 \u0645\u0639\u0631\u0648\u0636\u0629",
+    bulletedList: "\u0642\u0627\u0626\u0645\u0629 \u0646\u0642\u0637\u064A\u0629",
+    numberedList: "\u0642\u0627\u0626\u0645\u0629 \u0645\u0631\u0642\u0645\u0629",
+    insertImage: "\u0625\u062F\u0631\u0627\u062C \u0635\u0648\u0631\u0629",
+    insertTable: "\u0625\u062F\u0631\u0627\u062C \u062C\u062F\u0648\u0644",
+    tableSize: "\u062D\u062C\u0645 \u0627\u0644\u062C\u062F\u0648\u0644",
+    rows: "\u0635\u0641\u0648\u0641",
+    columns: "\u0623\u0639\u0645\u062F\u0629",
+    insert: "\u0625\u062F\u0631\u0627\u062C",
+    panels: "\u0627\u0644\u0644\u0648\u062D\u0627\u062A",
+    hideEditor: "\u0625\u062E\u0641\u0627\u0621 \u0627\u0644\u062A\u062D\u0631\u064A\u0631",
+    editor: "\u062A\u062D\u0631\u064A\u0631",
+    hidePreview: "\u0625\u062E\u0641\u0627\u0621 \u0627\u0644\u0645\u0639\u0627\u064A\u0646\u0629",
+    preview: "\u0645\u0639\u0627\u064A\u0646\u0629",
+    collapseBlocks: "\u0637\u064A \u0627\u0644\u0643\u062A\u0644",
+    collapseAll: "\u0637\u064A \u0627\u0644\u0643\u0644",
+    openAll: "\u0641\u062A\u062D \u0627\u0644\u0643\u0644",
+    documentEditor: "\u062A\u062D\u0631\u064A\u0631 \u0627\u0644\u0645\u0633\u062A\u0646\u062F",
+    documentPreview: "\u0645\u0639\u0627\u064A\u0646\u0629 \u0627\u0644\u0645\u0633\u062A\u0646\u062F",
+    importWarnings: "\u062A\u0646\u0628\u064A\u0647\u0627\u062A \u0627\u0644\u0627\u0633\u062A\u064A\u0631\u0627\u062F (\u0648\u0636\u0639 \u0627\u0644\u062A\u0637\u0648\u064A\u0631)",
+    emptyDocument: "\u0627\u0644\u0645\u0633\u062A\u0646\u062F \u0641\u0627\u0631\u063A",
+    text: "\u0646\u0635",
+    editEquation: "\u062A\u062D\u0631\u064A\u0631 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
+    rawEquation: "\u0645\u0639\u0627\u062F\u0644\u0629 \u062E\u0627\u0645",
+    deleteEquation: "\u062D\u0630\u0641 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
+    equationUnavailable: "\u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629 \u063A\u064A\u0631 \u0645\u062A\u0627\u062D\u0629 \u0644\u0644\u062A\u062D\u0631\u064A\u0631 \u062D\u0627\u0644\u064A\u0627",
+    closeEquationDialog: "\u0625\u063A\u0644\u0627\u0642 \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
+    equationEditorTitle: "\u062A\u062D\u0631\u064A\u0631 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
+    close: "\u0625\u063A\u0644\u0627\u0642",
+    equationType: "\u0646\u0648\u0639 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
+    inline: "\u062F\u0627\u062E\u0644 \u0627\u0644\u0633\u0637\u0631",
+    displayed: "\u0645\u0639\u0631\u0648\u0636\u0629",
+    saveEquation: "\u062D\u0641\u0638 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
+    section: "\u0642\u0633\u0645",
+    subsection: "\u0641\u0631\u0639",
+    subsubsection: "\u0641\u0631\u0639 \u0635\u063A\u064A\u0631",
+    paragraph: "\u0641\u0642\u0631\u0629",
+    list: "\u0642\u0627\u0626\u0645\u0629",
+    table: "\u062C\u062F\u0648\u0644",
+    image: "\u0635\u0648\u0631\u0629",
+    raw: "\u062E\u0627\u0645",
+    openBlock: "\u0641\u062A\u062D \u0627\u0644\u0643\u062A\u0644\u0629",
+    collapseBlock: "\u0637\u064A \u0627\u0644\u0643\u062A\u0644\u0629",
+    moveUp: "\u0646\u0642\u0644 \u0644\u0623\u0639\u0644\u0649",
+    moveDown: "\u0646\u0642\u0644 \u0644\u0623\u0633\u0641\u0644",
+    deleteBlock: "\u062D\u0630\u0641 \u0627\u0644\u0643\u062A\u0644\u0629",
+    item: "\u0639\u0646\u0635\u0631",
+    deleteItem: "\u062D\u0630\u0641 \u0627\u0644\u0639\u0646\u0635\u0631",
+    addItem: "\u0639\u0646\u0635\u0631",
+    imagePath: "\u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0644\u0641 (\\includegraphics)",
+    imagePathLabel: "\u0645\u0633\u0627\u0631 \u0627\u0644\u0635\u0648\u0631\u0629",
+    loadDocumentError: "\u062A\u0639\u0630\u0631 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u0633\u062A\u0646\u062F",
+    importOrderMismatch: "\u062A\u0631\u062A\u064A\u0628 \u0623\u0648 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u062D\u062F\u062F\u0627\u062A \u0641\u064A math_objects \u0644\u0627 \u062A\u0637\u0627\u0628\u0642 \u0645\u0627 \u0648\u0631\u062F \u0641\u064A \u0627\u0644\u0646\u0635.",
+    importCountMismatch: "\u0639\u062F\u0645 \u062A\u0637\u0627\u0628\u0642 \u0628\u064A\u0646 \u0627\u0644\u0645\u0648\u0627\u0636\u0639 \u0627\u0644\u0631\u064A\u0627\u0636\u064A\u0629 \u0627\u0644\u0645\u0633\u062A\u062E\u0631\u062C\u0629 \u0645\u0646 \u0627\u0644\u0646\u0635 \u0648\u0639\u062F\u062F \u0639\u0646\u0627\u0635\u0631 math_objects.",
+    importWarning: "\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u0627\u0633\u062A\u064A\u0631\u0627\u062F",
+    path: "\u0627\u0644\u0645\u0633\u0627\u0631",
+    sectionGlyph: "\u0642",
+    subsectionGlyph: "\u0641",
+    subsubsectionGlyph: "\u0635",
+    paragraphGlyph: "\u0623\u0628\u062C"
+  },
+  en: {
+    undoRedo: "Undo and redo",
+    undo: "Undo",
+    redo: "Redo",
+    structure: "Structure",
+    content: "Content",
+    addSection: "Add section",
+    addSubsection: "Add subsection",
+    addSubsubsection: "Add subsubsection",
+    addParagraph: "Add paragraph",
+    inlineEquation: "Inline equation",
+    displayEquation: "Display equation",
+    bulletedList: "Bulleted list",
+    numberedList: "Numbered list",
+    insertImage: "Insert image",
+    insertTable: "Insert table",
+    tableSize: "Table size",
+    rows: "Rows",
+    columns: "Columns",
+    insert: "Insert",
+    panels: "Panels",
+    hideEditor: "Hide editor",
+    editor: "Editor",
+    hidePreview: "Hide preview",
+    preview: "Preview",
+    collapseBlocks: "Collapse blocks",
+    collapseAll: "Collapse all",
+    openAll: "Open all",
+    documentEditor: "Document editor",
+    documentPreview: "Document preview",
+    importWarnings: "Import warnings (development mode)",
+    emptyDocument: "The document is empty",
+    text: "Text",
+    editEquation: "Edit equation",
+    rawEquation: "Raw equation",
+    deleteEquation: "Delete equation",
+    equationUnavailable: "This equation is not currently available for editing",
+    closeEquationDialog: "Close equation dialog",
+    equationEditorTitle: "Edit equation",
+    close: "Close",
+    equationType: "Equation type",
+    inline: "Inline",
+    displayed: "Displayed",
+    saveEquation: "Save equation",
+    section: "Section",
+    subsection: "Subsection",
+    subsubsection: "Subsubsection",
+    paragraph: "Paragraph",
+    list: "List",
+    table: "Table",
+    image: "Image",
+    raw: "Raw",
+    openBlock: "Open block",
+    collapseBlock: "Collapse block",
+    moveUp: "Move up",
+    moveDown: "Move down",
+    deleteBlock: "Delete block",
+    item: "Item",
+    deleteItem: "Delete item",
+    addItem: "Item",
+    imagePath: "File path (\\includegraphics)",
+    imagePathLabel: "Image path",
+    loadDocumentError: "Could not load document",
+    importOrderMismatch: "The math_objects delimiter order or types do not match the document text.",
+    importCountMismatch: "The detected math positions do not match the number of math_objects entries.",
+    importWarning: "Import warning",
+    path: "Path",
+    sectionGlyph: "H1",
+    subsectionGlyph: "H2",
+    subsubsectionGlyph: "H3",
+    paragraphGlyph: "P"
+  }
+};
+function document2Messages(locale) {
+  return DOCUMENT2_MESSAGES[locale];
+}
+
 // src/react-document2/MathChip.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function MathChip({
   token,
   output = "svg",
+  documentDirection = "rtl",
+  equationSide = "arabic",
+  editable = true,
+  uiLocale = "ar",
   buttonRef,
   onOpen,
   onDelete,
@@ -6528,7 +7097,14 @@ function MathChip({
   onRequestTextFocus,
   onTextInputFromFocus
 }) {
-  const tex = token.math && token.sourceOwner === "imported-structured" ? renderMathNodeLatex(token.math) : token.source;
+  const messages = document2Messages(uiLocale);
+  const tex = mathTokenSourceForSide(token, equationSide);
+  const forwardArrowKey = documentDirection === "rtl" ? "ArrowLeft" : "ArrowRight";
+  const backwardArrowKey = documentDirection === "rtl" ? "ArrowRight" : "ArrowLeft";
+  const island = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MathIsland, { id: token.id, tex, display: token.display, output });
+  if (!editable) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "butex-document2-widget__math-chip-wrap", "data-display": token.display ? "true" : "false", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "butex-document2-widget__math-chip", "data-editable": "false", "data-display": token.display ? "true" : "false", children: island }) });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "butex-document2-widget__math-chip-wrap", "data-display": token.display ? "true" : "false", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "button",
@@ -6540,7 +7116,7 @@ function MathChip({
         "data-source-owner": token.sourceOwner,
         "data-math-token-id": token.id,
         ref: buttonRef,
-        title: token.editable ? "\u062A\u062D\u0631\u064A\u0631 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629" : token.reason ?? "\u0645\u0639\u0627\u062F\u0644\u0629 \u062E\u0627\u0645",
+        title: token.editable ? messages.editEquation : messages.rawEquation,
         onClick: () => onOpen(token),
         onFocus: () => onFocus?.(token.id),
         onKeyDown: (event) => {
@@ -6549,12 +7125,12 @@ function MathChip({
             onOpen(token);
             return;
           }
-          if (event.key === "ArrowLeft") {
+          if (event.key === forwardArrowKey) {
             event.preventDefault();
             onRequestTextFocus?.(token.id, 1);
             return;
           }
-          if (event.key === "ArrowRight") {
+          if (event.key === backwardArrowKey) {
             event.preventDefault();
             onRequestTextFocus?.(token.id, -1);
             return;
@@ -6569,7 +7145,7 @@ function MathChip({
             onTextInputFromFocus?.(token.id, event.key);
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MathIsland, { id: token.id, tex, display: token.display, output })
+        children: island
       }
     ),
     onDelete ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -6577,8 +7153,8 @@ function MathChip({
       {
         type: "button",
         className: "butex-document2-widget__math-chip-delete",
-        title: "\u062D\u0630\u0641 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
-        "aria-label": "\u062D\u0630\u0641 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
+        title: messages.deleteEquation,
+        "aria-label": messages.deleteEquation,
         onClick: (event) => {
           event.stopPropagation();
           onDelete(token.id);
@@ -6609,7 +7185,11 @@ function fitTextareaHeight(element) {
 function InlineField({
   field,
   blockId,
+  documentDirection = "rtl",
   mathOutput = "svg",
+  equationSide = "arabic",
+  editableEquations = true,
+  uiLocale = "ar",
   onTextChange,
   onOpenMath,
   onDeleteMath,
@@ -6617,6 +7197,7 @@ function InlineField({
   onMathFocus,
   onFieldBlur
 }) {
+  const messages = document2Messages(uiLocale);
   const textRefs = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
   const mathRefs = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
   function textTokenOffset(tokenId, fallback) {
@@ -6680,14 +7261,16 @@ function InlineField({
     onTextChange(field.id, textTokenId, nextText);
     focusTextToken(textTokenId, insertAtStart ? text.length : nextText.length);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "butex-document2-widget__inline-field", children: field.tokens.map(
+  const forwardArrowKey = documentDirection === "rtl" ? "ArrowLeft" : "ArrowRight";
+  const backwardArrowKey = documentDirection === "rtl" ? "ArrowRight" : "ArrowLeft";
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "butex-document2-widget__inline-field", dir: documentDirection, "data-document-direction": documentDirection, children: field.tokens.map(
     (token) => token.kind === "text" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "textarea",
       {
         className: "butex-document2-widget__inline-text",
         value: token.text,
-        dir: "rtl",
-        "aria-label": "\u0646\u0635",
+        dir: documentDirection,
+        "aria-label": messages.text,
         rows: 1,
         "data-field-id": field.id,
         "data-text-token-id": token.id,
@@ -6709,13 +7292,13 @@ function InlineField({
           if (!collapsed) {
             return;
           }
-          if (event.key === "ArrowLeft" && element.selectionStart === element.value.length) {
+          if (editableEquations && event.key === forwardArrowKey && element.selectionStart === element.value.length) {
             const nextMathId = adjacentTokenId(token.id, 1, "math");
             if (nextMathId) {
               event.preventDefault();
               focusMathToken(nextMathId);
             }
-          } else if (event.key === "ArrowRight" && element.selectionStart === 0) {
+          } else if (editableEquations && event.key === backwardArrowKey && element.selectionStart === 0) {
             const previousMathId = adjacentTokenId(token.id, -1, "math");
             if (previousMathId) {
               event.preventDefault();
@@ -6738,6 +7321,9 @@ function InlineField({
       {
         token,
         output: mathOutput,
+        equationSide,
+        editable: editableEquations,
+        uiLocale,
         buttonRef: (element) => {
           if (element) {
             mathRefs.current.set(token.id, element);
@@ -6747,6 +7333,7 @@ function InlineField({
         },
         onOpen: onOpenMath,
         onDelete: onDeleteMath,
+        documentDirection,
         onFocus: (tokenId) => {
           if (blockId && onMathFocus) {
             onMathFocus(blockId, field.id, tokenId);
@@ -6787,29 +7374,29 @@ function blockChromeClass(block) {
   }
   return `${root} ${root}--raw`;
 }
-function blockLabel(block) {
+function blockLabel(block, messages) {
   if (block.kind === "textBlock") {
     if (block.command === "\\section") {
-      return "\u0642\u0633\u0645";
+      return messages.section;
     }
     if (block.command === "\\subsection") {
-      return "\u0641\u0631\u0639";
+      return messages.subsection;
     }
     if (block.command === "\\subsubsection") {
-      return "\u0641\u0631\u0639 \u0635\u063A\u064A\u0631";
+      return messages.subsubsection;
     }
-    return "\u0641\u0642\u0631\u0629";
+    return messages.paragraph;
   }
   if (block.kind === "list") {
-    return block.command === "\\begin{enumerate}" ? "\u0642\u0627\u0626\u0645\u0629 \u0645\u0631\u0642\u0645\u0629" : "\u0642\u0627\u0626\u0645\u0629";
+    return block.command === "\\begin{enumerate}" ? messages.numberedList : messages.list;
   }
   if (block.kind === "table") {
-    return "\u062C\u062F\u0648\u0644";
+    return messages.table;
   }
   if (block.kind === "image") {
-    return "\u0635\u0648\u0631\u0629";
+    return messages.image;
   }
-  return "\u062E\u0627\u0645";
+  return messages.raw;
 }
 function truncateSummary(value) {
   const normalized = value.replace(/\s+/g, " ").trim();
@@ -6846,7 +7433,11 @@ function BlockEditor({
   depth = 0,
   blockIndex = 0,
   blockCount = 1,
+  documentDirection = "rtl",
   mathOutput = "svg",
+  equationSide = "arabic",
+  editableEquations = true,
+  uiLocale = "ar",
   isCollapsed = false,
   onTextChange,
   onOpenMath,
@@ -6862,11 +7453,16 @@ function BlockEditor({
   onAddListItem,
   onRemoveListItem
 }) {
+  const messages = document2Messages(uiLocale);
   const showChrome = depth === 0;
   const chromeClass = [blockChromeClass(block), isCollapsed ? "butex-document2-widget__block--collapsed" : ""].filter(Boolean).join(" ");
   const fieldProps = {
     blockId: block.id,
+    documentDirection,
     mathOutput,
+    equationSide,
+    editableEquations,
+    uiLocale,
     onTextChange,
     onOpenMath,
     onDeleteMath,
@@ -6882,7 +7478,7 @@ function BlockEditor({
           type: "button",
           className: "butex-document2-widget__block-collapse",
           "aria-expanded": !isCollapsed,
-          title: isCollapsed ? "\u0641\u062A\u062D \u0627\u0644\u0643\u062A\u0644\u0629" : "\u0637\u064A \u0627\u0644\u0643\u062A\u0644\u0629",
+          title: isCollapsed ? messages.openBlock : messages.collapseBlock,
           onClick: (event) => {
             event.stopPropagation();
             onToggleCollapse(block.id);
@@ -6890,14 +7486,14 @@ function BlockEditor({
           children: isCollapsed ? "+" : "-"
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: blockLabel(block) })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: blockLabel(block, messages) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "butex-document2-widget__block-actions", children: [
       onMoveBlock ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", title: "\u0646\u0642\u0644 \u0644\u0623\u0639\u0644\u0649", "aria-label": "\u0646\u0642\u0644 \u0644\u0623\u0639\u0644\u0649", disabled: blockIndex <= 0, onClick: () => onMoveBlock(block.id, -1), children: "\u2191" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", title: "\u0646\u0642\u0644 \u0644\u0623\u0633\u0641\u0644", "aria-label": "\u0646\u0642\u0644 \u0644\u0623\u0633\u0641\u0644", disabled: blockIndex >= blockCount - 1, onClick: () => onMoveBlock(block.id, 1), children: "\u2193" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", title: messages.moveUp, "aria-label": messages.moveUp, disabled: blockIndex <= 0, onClick: () => onMoveBlock(block.id, -1), children: "\u2191" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", title: messages.moveDown, "aria-label": messages.moveDown, disabled: blockIndex >= blockCount - 1, onClick: () => onMoveBlock(block.id, 1), children: "\u2193" })
       ] }) : null,
-      onRemoveBlock ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "butex-document2-widget__button--danger", onClick: () => onRemoveBlock(block.id), children: "\u062D\u0630\u0641 \u0627\u0644\u0643\u062A\u0644\u0629" }) : null
+      onRemoveBlock ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "butex-document2-widget__button--danger", onClick: () => onRemoveBlock(block.id), children: messages.deleteBlock }) : null
     ] })
   ] }) : null;
   if (isCollapsed && showChrome) {
@@ -6915,43 +7511,52 @@ function BlockEditor({
   if (block.kind === "list") {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: chromeClass, children: [
       header,
-      block.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "butex-document2-widget__field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "butex-document2-widget__toolbar-label", children: block.command === "\\begin{enumerate}" ? `\u0639\u0646\u0635\u0631 ${String(index + 1)}` : "\u0639\u0646\u0635\u0631" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InlineField, { field: item.field, ...fieldProps }),
-        item.blocks.map((child) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          BlockEditor,
-          {
-            block: child,
-            depth: depth + 1,
-            mathOutput,
-            onTextChange,
-            onOpenMath,
-            onDeleteMath,
-            onFieldFocus,
-            onMathFocus,
-            onFieldBlur,
-            onImageSrcChange,
-            onAddListItem,
-            onRemoveListItem
-          },
-          child.id
-        )),
-        onRemoveListItem && block.items.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "butex-document2-widget__list-item-actions", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "butex-document2-widget__button--danger", onClick: () => onRemoveListItem(block.id, item.id), children: "\u062D\u0630\u0641 \u0627\u0644\u0639\u0646\u0635\u0631" }) }) : null
+      block.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "butex-document2-widget__field", dir: "rtl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "butex-document2-widget__toolbar-label", children: block.command === "\\begin{enumerate}" ? `${messages.item} ${String(index + 1)}` : messages.item }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "butex-document2-widget__list-item-content", dir: documentDirection, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InlineField, { field: item.field, ...fieldProps }),
+          item.blocks.map((child) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            BlockEditor,
+            {
+              block: child,
+              depth: depth + 1,
+              documentDirection,
+              mathOutput,
+              equationSide,
+              editableEquations,
+              uiLocale,
+              onTextChange,
+              onOpenMath,
+              onDeleteMath,
+              onFieldFocus,
+              onMathFocus,
+              onFieldBlur,
+              onImageSrcChange,
+              onAddListItem,
+              onRemoveListItem
+            },
+            child.id
+          ))
+        ] }),
+        onRemoveListItem && block.items.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "butex-document2-widget__list-item-actions", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "butex-document2-widget__button--danger", onClick: () => onRemoveListItem(block.id, item.id), children: messages.deleteItem }) }) : null
       ] }, item.id)),
-      onAddListItem ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "butex-document2-widget__list-footer", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => onAddListItem(block.id), children: "+ \u0639\u0646\u0635\u0631" }) }) : null
+      onAddListItem ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "butex-document2-widget__list-footer", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", onClick: () => onAddListItem(block.id), children: [
+        "+ ",
+        messages.addItem
+      ] }) }) : null
     ] });
   }
   if (block.kind === "table") {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: chromeClass, children: [
       header,
-      block.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "butex-document2-widget__row", children: row.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "butex-document2-widget__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InlineField, { field: cell, ...fieldProps }) }, cell.id)) }, rowIndex))
+      block.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "butex-document2-widget__row", dir: documentDirection, children: row.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "butex-document2-widget__table-cell", dir: documentDirection, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InlineField, { field: cell, ...fieldProps }) }, cell.id)) }, rowIndex))
     ] });
   }
   if (block.kind === "image") {
     const imageFieldId = `butex-d2-img-${block.id}`;
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: chromeClass, children: [
       header,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "butex-document2-widget__image-src-label", htmlFor: imageFieldId, children: "\u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0644\u0641 (\\includegraphics)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "butex-document2-widget__image-src-label", htmlFor: imageFieldId, children: messages.imagePath }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "textarea",
         {
@@ -6959,7 +7564,7 @@ function BlockEditor({
           className: "butex-document2-widget__inline-text",
           value: block.value,
           dir: "ltr",
-          "aria-label": "\u0645\u0633\u0627\u0631 \u0627\u0644\u0635\u0648\u0631\u0629",
+          "aria-label": messages.imagePathLabel,
           rows: 1,
           ref: (element) => {
             if (element) {
@@ -6986,7 +7591,8 @@ function BlockEditor({
 // src/react-document2/TableInsertPopover.tsx
 var import_react3 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-function TableInsertPopover({ onConfirm }) {
+function TableInsertPopover({ uiLocale = "ar", onConfirm }) {
+  const messages = document2Messages(uiLocale);
   const [open, setOpen] = (0, import_react3.useState)(false);
   const [rows, setRows] = (0, import_react3.useState)("3");
   const [cols, setCols] = (0, import_react3.useState)("3");
@@ -7015,24 +7621,24 @@ function TableInsertPopover({ onConfirm }) {
       {
         type: "button",
         className: "butex-document2-widget__icon-btn",
-        title: "\u0625\u062F\u0631\u0627\u062C \u062C\u062F\u0648\u0644",
-        "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062C\u062F\u0648\u0644",
+        title: messages.insertTable,
+        "aria-label": messages.insertTable,
         "aria-haspopup": "dialog",
         "aria-expanded": open,
         onClick: () => setOpen((value) => !value),
         children: "\u229E"
       }
     ),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "butex-document2-widget__table-popover-panel", role: "dialog", "aria-label": "\u062D\u062C\u0645 \u0627\u0644\u062C\u062F\u0648\u0644", children: [
+    open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "butex-document2-widget__table-popover-panel", role: "dialog", "aria-label": messages.tableSize, children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
-        "\u0635\u0641\u0648\u0641",
+        messages.rows,
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "number", min: 1, max: 20, value: rows, onChange: (event) => setRows(event.currentTarget.value) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
-        "\u0623\u0639\u0645\u062F\u0629",
+        messages.columns,
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "number", min: 1, max: 10, value: cols, onChange: (event) => setCols(event.currentTarget.value) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: confirm, children: "\u0625\u062F\u0631\u0627\u062C" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: confirm, children: messages.insert })
     ] }) : null
   ] });
 }
@@ -7042,6 +7648,8 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 function DocumentInsertToolbar({
   canUndo,
   canRedo,
+  editableEquations = true,
+  uiLocale = "ar",
   onUndo,
   onRedo,
   onAddSection,
@@ -7055,24 +7663,25 @@ function DocumentInsertToolbar({
   onAddEnumerate,
   onAddFigure
 }) {
+  const messages = document2Messages(uiLocale);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "butex-document2-widget__toolbar-insert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": "\u062A\u0631\u0627\u062C\u0639 \u0648\u0625\u0639\u0627\u062F\u0629", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: "\u062A\u0631\u0627\u062C\u0639 (Ctrl+Z)", "aria-label": "\u062A\u0631\u0627\u062C\u0639", disabled: !canUndo, onClick: onUndo, children: "\u21B6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: "\u0625\u0639\u0627\u062F\u0629 (Ctrl+Shift+Z)", "aria-label": "\u0625\u0639\u0627\u062F\u0629", disabled: !canRedo, onClick: onRedo, children: "\u21B7" })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.undoRedo, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: `${messages.undo} (Ctrl+Z)`, "aria-label": messages.undo, disabled: !canUndo, onClick: onUndo, children: "\u21B6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: `${messages.redo} (Ctrl+Shift+Z)`, "aria-label": messages.redo, disabled: !canRedo, onClick: onRedo, children: "\u21B7" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": "\u0647\u064A\u0643\u0644", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn butex-document2-widget__icon-btn--h1", title: "\u0625\u0636\u0627\u0641\u0629 \u0642\u0633\u0645", "aria-label": "\u0625\u0636\u0627\u0641\u0629 \u0642\u0633\u0645", onClick: onAddSection, children: "\u0642" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn butex-document2-widget__icon-btn--h2", title: "\u0625\u0636\u0627\u0641\u0629 \u0641\u0631\u0639", "aria-label": "\u0625\u0636\u0627\u0641\u0629 \u0641\u0631\u0639", onClick: onAddSubsection, children: "\u0641" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn butex-document2-widget__icon-btn--h3", title: "\u0625\u0636\u0627\u0641\u0629 \u0641\u0631\u0639 \u0635\u063A\u064A\u0631", "aria-label": "\u0625\u0636\u0627\u0641\u0629 \u0641\u0631\u0639 \u0635\u063A\u064A\u0631", onClick: onAddSubsubsection, children: "\u0635" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: "\u0625\u0636\u0627\u0641\u0629 \u0641\u0642\u0631\u0629", "aria-label": "\u0625\u0636\u0627\u0641\u0629 \u0641\u0642\u0631\u0629", onClick: onAddParagraph, children: "\u0623\u0628\u062C" })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.structure, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn butex-document2-widget__icon-btn--h1", title: messages.addSection, "aria-label": messages.addSection, onClick: onAddSection, children: messages.sectionGlyph }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn butex-document2-widget__icon-btn--h2", title: messages.addSubsection, "aria-label": messages.addSubsection, onClick: onAddSubsection, children: messages.subsectionGlyph }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn butex-document2-widget__icon-btn--h3", title: messages.addSubsubsection, "aria-label": messages.addSubsubsection, onClick: onAddSubsubsection, children: messages.subsubsectionGlyph }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: messages.addParagraph, "aria-label": messages.addParagraph, onClick: onAddParagraph, children: messages.paragraphGlyph })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": "\u0645\u062D\u062A\u0648\u0649", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: "\u0645\u0639\u0627\u062F\u0644\u0629 \u062F\u0627\u062E\u0644 \u0627\u0644\u0633\u0637\u0631 ($\u2026$)", "aria-label": "\u0645\u0639\u0627\u062F\u0644\u0629 \u062F\u0627\u062E\u0644 \u0627\u0644\u0633\u0637\u0631", onClick: onAddInlineEquation, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "butex-document2-widget__icon-math-inline", "aria-hidden": "true", children: "$=$" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: "\u0645\u0639\u0627\u062F\u0644\u0629 \u0645\u0639\u0631\u0648\u0636\u0629 (\\\\[\u2026\\\\])", "aria-label": "\u0645\u0639\u0627\u062F\u0644\u0629 \u0645\u0639\u0631\u0648\u0636\u0629", onClick: onAddDisplayEquation, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "butex-document2-widget__icon-math-display", "aria-hidden": "true", children: "\\[\xF7\\]" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableInsertPopover, { onConfirm: onAddTable }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: "\u0642\u0627\u0626\u0645\u0629 \u0646\u0642\u0637\u064A\u0629", "aria-label": "\u0642\u0627\u0626\u0645\u0629 \u0646\u0642\u0637\u064A\u0629", onClick: onAddList, children: "\u2022\u2261" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: "\u0642\u0627\u0626\u0645\u0629 \u0645\u0631\u0642\u0645\u0629", "aria-label": "\u0642\u0627\u0626\u0645\u0629 \u0645\u0631\u0642\u0645\u0629", onClick: onAddEnumerate, children: "1." }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: "\u0625\u062F\u0631\u0627\u062C \u0635\u0648\u0631\u0629", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0635\u0648\u0631\u0629", onClick: onAddFigure, children: "\u{1F5BC}" })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: `${messages.inlineEquation} ($\u2026$)`, "aria-label": messages.inlineEquation, disabled: !editableEquations, onClick: onAddInlineEquation, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "butex-document2-widget__icon-math-inline", "aria-hidden": "true", children: "$=$" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: `${messages.displayEquation} (\\[\u2026\\])`, "aria-label": messages.displayEquation, disabled: !editableEquations, onClick: onAddDisplayEquation, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "butex-document2-widget__icon-math-display", "aria-hidden": "true", children: "\\[\xF7\\]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableInsertPopover, { uiLocale, onConfirm: onAddTable }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: messages.bulletedList, "aria-label": messages.bulletedList, onClick: onAddList, children: "\u2022\u2261" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: messages.numberedList, "aria-label": messages.numberedList, onClick: onAddEnumerate, children: "1." }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "butex-document2-widget__icon-btn", title: messages.insertImage, "aria-label": messages.insertImage, onClick: onAddFigure, children: "\u{1F5BC}" })
     ] })
   ] });
 }
@@ -7110,8 +7719,14 @@ function PreviewBlock({ block, output }) {
   }
   return null;
 }
-function DocumentPreview({ blocks, output }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "butex-document2-widget__preview", children: blocks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "\u0627\u0644\u0645\u0633\u062A\u0646\u062F \u0641\u0627\u0631\u063A" }) : blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PreviewBlock, { block, output }, block.id)) });
+function DocumentPreview({
+  blocks,
+  output,
+  documentDirection = "rtl",
+  uiLocale = "ar"
+}) {
+  const messages = document2Messages(uiLocale);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "butex-document2-widget__preview", dir: documentDirection, children: blocks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: messages.emptyDocument }) : blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PreviewBlock, { block, output }, block.id)) });
 }
 
 // src/react-document2/EquationDrawer.tsx
@@ -8045,18 +8660,23 @@ function injectWidgetChromeCss(doc) {
   d.head.appendChild(style);
 }
 
+// src/uiLocale.ts
+function uiLocaleDirection(locale) {
+  return locale === "ar" ? "rtl" : "ltr";
+}
+
 // src/react/ButexEditor.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var DIGIT_FORM_OPTIONS = [
-  { id: "western", label: "456", title: "\u0623\u0631\u0642\u0627\u0645 \u063A\u0631\u0628\u064A\u0629" },
-  { id: "arabicIndic", label: "\u0664\u0665\u0666", title: "\u0623\u0631\u0642\u0627\u0645 \u0639\u0631\u0628\u064A\u0629 \u0647\u0646\u062F\u064A\u0629" },
-  { id: "persianIndic", label: "\u06F4\u06F5\u06F6", title: "\u0623\u0631\u0642\u0627\u0645 \u0641\u0627\u0631\u0633\u064A\u0629 \u0647\u0646\u062F\u064A\u0629" }
+  { id: "western", label: "456" },
+  { id: "arabicIndic", label: "\u0664\u0665\u0666" },
+  { id: "persianIndic", label: "\u06F4\u06F5\u06F6" }
 ];
 var CHARACTER_FONT_OPTIONS = [
-  { id: "default", label: "\u0633", title: "\u0627\u0644\u062E\u0637 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A" },
-  { id: "takween", label: "\u062A\u0643", title: "\u062E\u0637 \u062A\u0643\u0648\u064A\u0646" },
-  { id: "diwani", label: "\u062F\u064A\u0648", title: "\u062E\u0637 \u062F\u064A\u0648\u0627\u0646\u064A" },
-  { id: "diwaniOutline", label: "\u0638\u0644", title: "\u062E\u0637 \u062F\u064A\u0648\u0627\u0646\u064A \u0645\u0638\u0644\u0644" }
+  { id: "default", label: "\u0633" },
+  { id: "takween", label: "\u062A\u0643" },
+  { id: "diwani", label: "\u062F\u064A\u0648" },
+  { id: "diwaniOutline", label: "\u0638\u0644" }
 ];
 var FUNCTION_COMMANDS = atomicCommandsByCategory("function");
 var LIMITS_SERIES_COMMANDS = atomicCommandsByCategory("limits_series");
@@ -8069,20 +8689,20 @@ var OPERATOR3_COMMANDS = atomicOperatorCommandsByCategory("operators3");
 var DOT_COMMANDS = atomicOperatorCommandsByCategory("dots");
 var INTEGRAL_COMMANDS = atomicOperatorCommandsByCategory("integrals");
 var MATRIX_STYLES = [
-  { id: "matrix", label: "\u25A1", title: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u0644\u0627 \u0623\u0642\u0648\u0627\u0633" },
-  { id: "pmatrix", label: "(\u25A1)", title: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u0642\u0648\u0633\u064A\u0646" },
-  { id: "bmatrix", label: "[\u25A1]", title: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u0645\u0639\u0642\u0648\u0641\u064A\u0646" },
-  { id: "Bmatrix", label: "{\u25A1}", title: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u062D\u0627\u0635\u0631\u062A\u064A\u0646" },
-  { id: "vmatrix", label: "|\u25A1|", title: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u062E\u0637\u064A\u0646" },
-  { id: "Vmatrix", label: "||\u25A1||", title: "\u0645\u0635\u0641\u0648\u0641\u0629 \u0628\u064A\u0646 \u062E\u0637\u064A\u0646 \u0645\u0632\u062F\u0648\u062C\u064A\u0646" }
+  { id: "matrix", label: "\u25A1" },
+  { id: "pmatrix", label: "(\u25A1)" },
+  { id: "bmatrix", label: "[\u25A1]" },
+  { id: "Bmatrix", label: "{\u25A1}" },
+  { id: "vmatrix", label: "|\u25A1|" },
+  { id: "Vmatrix", label: "||\u25A1||" }
 ];
 var ARRAY_ALIGNMENTS = [
-  { id: "l", label: "\u064A\u0633\u0627\u0631", title: "\u0645\u062D\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0645\u0648\u062F \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631" },
-  { id: "c", label: "\u0648\u0633\u0637", title: "\u0645\u062D\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0645\u0648\u062F \u0641\u064A \u0627\u0644\u0648\u0633\u0637" },
-  { id: "r", label: "\u064A\u0645\u064A\u0646", title: "\u0645\u062D\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0645\u0648\u062F \u0625\u0644\u0649 \u0627\u0644\u064A\u0645\u064A\u0646" }
+  { id: "l" },
+  { id: "c" },
+  { id: "r" }
 ];
-function matrixSizeLabel(rows, columns) {
-  return `${String(rows)} \u0635\u0641 \xD7 ${String(columns)} \u0639\u0645\u0648\u062F`;
+function matrixSizeLabel(rows, columns, messages) {
+  return `${String(rows)} ${messages.row} \xD7 ${String(columns)} ${messages.column}`;
 }
 function clampMatrixSize(value) {
   return Math.max(1, Math.min(12, Math.trunc(value)));
@@ -8093,6 +8713,30 @@ function digitFormLabel(digitForm) {
 function characterFontOption(fontId) {
   return CHARACTER_FONT_OPTIONS.find((option) => option.id === fontId) ?? CHARACTER_FONT_OPTIONS[0];
 }
+function characterFontTitle(fontId, messages) {
+  if (fontId === "takween") return messages.takweenFont;
+  if (fontId === "diwani") return messages.diwaniFont;
+  if (fontId === "diwaniOutline") return messages.diwaniOutlineFont;
+  return messages.defaultFont;
+}
+function digitFormTitle(digitForm, messages) {
+  if (digitForm === "arabicIndic") return messages.arabicIndicDigits;
+  if (digitForm === "persianIndic") return messages.persianIndicDigits;
+  return messages.westernDigits;
+}
+function matrixStyleTitle(style, messages) {
+  if (style === "pmatrix") return messages.matrixParentheses;
+  if (style === "bmatrix") return messages.matrixBrackets;
+  if (style === "Bmatrix") return messages.matrixBraces;
+  if (style === "vmatrix") return messages.matrixBars;
+  if (style === "Vmatrix") return messages.matrixDoubleBars;
+  return messages.matrixNoDelimiters;
+}
+function alignmentCopy(alignment, messages) {
+  if (alignment === "l") return { label: messages.alignLeft, title: messages.alignColumnLeft };
+  if (alignment === "r") return { label: messages.alignRight, title: messages.alignColumnRight };
+  return { label: messages.alignCenter, title: messages.alignColumnCenter };
+}
 function spacingArrow(spec, side) {
   const pointsWithFlow = spec.spacing.direction === "positive";
   if (pointsWithFlow) {
@@ -8131,16 +8775,17 @@ function renderOperatorMenuButtonLabel(command, fallback) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: shouldMirrorOperatorDisplay(command) ? "operator-command-label operator-command-label--mirror" : "operator-command-label", children: renderOperatorCommandLabel(command) });
 }
-function passiveTreeText(session) {
+function passiveTreeText(session, messages) {
   const passive = session.activeSide === "arabic" ? session.englishTree : session.arabicTree;
-  const title = session.activeSide === "arabic" ? "\u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u063A\u064A\u0631 \u0627\u0644\u0646\u0634\u0637\u0629 (\u0625\u0646\u062C\u0644\u064A\u0632\u064A)" : "\u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u063A\u064A\u0631 \u0627\u0644\u0646\u0634\u0637\u0629 (\u0639\u0631\u0628\u064A)";
+  const title = session.activeSide === "arabic" ? messages.inactiveEnglish : messages.inactiveArabic;
   const latex = session.activeSide === "arabic" ? renderChainEnglish(passive) : renderChainArabic(passive);
   return `${title}
 
-${latex || "\u0641\u0627\u0631\u063A"}`;
+${latex || messages.empty}`;
 }
 var ButexEditor = (0, import_react4.forwardRef)(
-  function ButexEditor2({ className, debug = false, initialSession, onSessionChange }, ref) {
+  function ButexEditor2({ className, debug = false, defaultSide, uiLocale = "ar", initialSession, onSessionChange }, ref) {
+    const messages = equationEditorMessages(uiLocale);
     const wrapperRef = (0, import_react4.useRef)(null);
     const surfaceRef = (0, import_react4.useRef)(null);
     const mathOutputRef = (0, import_react4.useRef)(null);
@@ -8158,6 +8803,8 @@ var ButexEditor = (0, import_react4.forwardRef)(
     const runtimeRef = (0, import_react4.useRef)(null);
     const debugRef = (0, import_react4.useRef)(debug);
     debugRef.current = debug;
+    const uiLocaleRef = (0, import_react4.useRef)(uiLocale);
+    uiLocaleRef.current = uiLocale;
     const onSessionChangeRef = (0, import_react4.useRef)(onSessionChange);
     onSessionChangeRef.current = onSessionChange;
     const debugBodyHiddenRef = (0, import_react4.useRef)(false);
@@ -8199,14 +8846,15 @@ var ButexEditor = (0, import_react4.forwardRef)(
       const arabic = renderArabicLatexFromSession(session);
       const activeLatex = session.activeSide === "arabic" ? arabic : english;
       if (debugRef.current && latexLinesEl) {
-        latexLinesEl.textContent = `LaTeX \u0625\u0646\u062C\u0644\u064A\u0632\u064A:
-${english || "\u0641\u0627\u0631\u063A"}
+        const currentMessages = equationEditorMessages(uiLocaleRef.current);
+        latexLinesEl.textContent = `${currentMessages.englishLatex}:
+${english || currentMessages.empty}
 
-LaTeX \u0639\u0631\u0628\u064A:
-${arabic || "\u0641\u0627\u0631\u063A"}`;
+${currentMessages.arabicLatex}:
+${arabic || currentMessages.empty}`;
       }
       if (debugRef.current && passivePreviewEl) {
-        passivePreviewEl.textContent = passiveTreeText(session);
+        passivePreviewEl.textContent = passiveTreeText(session, equationEditorMessages(uiLocaleRef.current));
         passivePreviewEl.classList.toggle("passive--ltr", session.activeSide === "arabic");
       }
       if (debugRef.current && debugLogEl) {
@@ -8232,7 +8880,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
       } catch (err) {
         const message = err instanceof Error ? err.message : String(err);
         renderErrorEl.hidden = false;
-        renderErrorEl.textContent = `\u062E\u0637\u0623 MathJax: ${message}`;
+        renderErrorEl.textContent = `${equationEditorMessages(uiLocaleRef.current).mathJaxError}: ${message}`;
         if (runtimeRef.current) {
           runtimeRef.current.setSession(setRenderError(runtimeRef.current.getSession(), message));
         }
@@ -8250,6 +8898,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
       const runtime = createEditorRuntime({
         surfaceEl,
         initialSession,
+        defaultSide,
+        uiLocale,
         buttonElements: {
           undoBtn: undoBtnRef.current,
           redoBtn: redoBtnRef.current,
@@ -8269,7 +8919,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
             const el = renderErrorRef.current;
             if (el) {
               el.hidden = false;
-              el.textContent = `\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0645\u0639\u0627\u064A\u0646\u0629: ${message}`;
+              el.textContent = `${equationEditorMessages(uiLocaleRef.current).previewError}: ${message}`;
             }
           });
         }
@@ -8294,6 +8944,13 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
         runtimeRef.current = null;
       };
     }, []);
+    (0, import_react4.useEffect)(() => {
+      runtimeRef.current?.setUiLocale(uiLocale);
+      const session = runtimeRef.current?.getSession();
+      if (session) {
+        void updatePreviewRef.current(session);
+      }
+    }, [uiLocale]);
     function focusSurface() {
       surfaceRef.current?.focus();
     }
@@ -8311,26 +8968,26 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
       {
         ref: wrapperRef,
         className: `butex-widget ${className ?? ""}`.trim(),
-        dir: "rtl",
-        lang: "ar",
+        dir: uiLocaleDirection(uiLocale),
+        lang: uiLocale,
         children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "butex-widget-layout", children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "panel", children: [
             /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-history", role: "group", "aria-label": "\u062A\u0631\u0627\u062C\u0639 \u0648\u0625\u0639\u0627\u062F\u0629", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: undoBtnRef, id: "btn-undo", type: "button", className: "icon-btn", title: "\u062A\u0631\u0627\u062C\u0639", "aria-label": "\u062A\u0631\u0627\u062C\u0639", children: "\u21B7" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: redoBtnRef, id: "btn-redo", type: "button", className: "icon-btn", title: "\u0625\u0639\u0627\u062F\u0629", "aria-label": "\u0625\u0639\u0627\u062F\u0629", children: "\u21B6" })
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-history", role: "group", "aria-label": messages.undoRedo, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: undoBtnRef, id: "btn-undo", type: "button", className: "icon-btn", title: messages.undo, "aria-label": messages.undo, children: "\u21B7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: redoBtnRef, id: "btn-redo", type: "button", className: "icon-btn", title: messages.redo, "aria-label": messages.redo, children: "\u21B6" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-clipboard", role: "group", "aria-label": "\u0627\u0644\u062D\u0627\u0641\u0638\u0629", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: copyBtnRef, id: "btn-copy", type: "button", className: "icon-btn", title: "\u0646\u0633\u062E", "aria-label": "\u0646\u0633\u062E", disabled: true, children: "\u29C9" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: cutBtnRef, id: "btn-cut", type: "button", className: "icon-btn", title: "\u0642\u0635", "aria-label": "\u0642\u0635", disabled: true, children: "\u2702" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-clipboard", role: "group", "aria-label": messages.clipboard, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: copyBtnRef, id: "btn-copy", type: "button", className: "icon-btn", title: messages.copy, "aria-label": messages.copy, disabled: true, children: "\u29C9" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: cutBtnRef, id: "btn-cut", type: "button", className: "icon-btn", title: messages.cut, "aria-label": messages.cut, disabled: true, children: "\u2702" }),
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                   "button",
                   {
                     id: "btn-paste",
                     type: "button",
                     className: "icon-btn",
-                    title: "\u0644\u0635\u0642",
-                    "aria-label": "\u0644\u0635\u0642",
+                    title: messages.paste,
+                    "aria-label": messages.paste,
                     onClick: () => {
                       void runtimeRef.current?.performPaste().then(() => {
                         focusSurface();
@@ -8340,8 +8997,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0645\u062D\u0631\u0631", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn accent", type: "button", title: "\u062A\u0628\u062F\u064A\u0644 \u0639\u0631\u0628\u064A / \u0625\u0646\u062C\u0644\u064A\u0632\u064A", "aria-label": "\u062A\u0628\u062F\u064A\u0644 \u0639\u0631\u0628\u064A / \u0625\u0646\u062C\u0644\u064A\u0632\u064A", onClick: () => runtimeRef.current?.toggleSide(), children: "\u21C4" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-structures", role: "group", "aria-label": "\u0627\u0644\u0628\u0646\u0649", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": messages.editorSettings, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn accent", type: "button", title: messages.toggleSide, "aria-label": messages.toggleSide, onClick: () => runtimeRef.current?.toggleSide(), children: "\u21C4" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-structures", role: "group", "aria-label": messages.structures, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                   "div",
                   {
@@ -8358,15 +9015,15 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn delimiter-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u0645\u062D\u062F\u062F\u0627\u062A",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0645\u062D\u062F\u062F\u0627\u062A",
+                          title: messages.insertDelimiters,
+                          "aria-label": messages.insertDelimiters,
                           "aria-haspopup": "listbox",
                           "aria-expanded": delimiterMenuOpen,
                           onClick: () => setDelimiterMenuOpen((open) => !open),
                           children: "()"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "delimiter-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0645\u062D\u062F\u062F\u0627\u062A", hidden: !delimiterMenuOpen, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "delimiter-command-options", role: "listbox", "aria-label": messages.insertDelimiters, hidden: !delimiterMenuOpen, children: [
                         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           "button",
                           {
@@ -8374,8 +9031,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                             "data-delim": "paren",
                             type: "button",
                             role: "option",
-                            title: "\u0625\u062F\u0631\u0627\u062C \u0642\u0648\u0633\u064A\u0646",
-                            "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0642\u0648\u0633\u064A\u0646",
+                            title: messages.insertParentheses,
+                            "aria-label": messages.insertParentheses,
                             onMouseDown: (event) => event.preventDefault(),
                             onClick: () => {
                               runtimeRef.current?.insertDelimiterByKind("paren");
@@ -8392,8 +9049,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                             "data-delim": "bracket",
                             type: "button",
                             role: "option",
-                            title: "\u0625\u062F\u0631\u0627\u062C \u0645\u0639\u0642\u0648\u0641\u064A\u0646",
-                            "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0645\u0639\u0642\u0648\u0641\u064A\u0646",
+                            title: messages.insertBrackets,
+                            "aria-label": messages.insertBrackets,
                             onMouseDown: (event) => event.preventDefault(),
                             onClick: () => {
                               runtimeRef.current?.insertDelimiterByKind("bracket");
@@ -8410,8 +9067,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                             "data-delim": "brace",
                             type: "button",
                             role: "option",
-                            title: "\u0625\u062F\u0631\u0627\u062C \u062D\u0627\u0635\u0631\u062A\u064A\u0646",
-                            "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062D\u0627\u0635\u0631\u062A\u064A\u0646",
+                            title: messages.insertBraces,
+                            "aria-label": messages.insertBraces,
                             onMouseDown: (event) => event.preventDefault(),
                             onClick: () => {
                               runtimeRef.current?.insertDelimiterByKind("brace");
@@ -8425,19 +9082,19 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { id: "insert-frac", className: "icon-btn frac-icon-btn", type: "button", title: "\u0625\u062F\u0631\u0627\u062C \u0643\u0633\u0631", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0643\u0633\u0631", onClick: () => {
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { id: "insert-frac", className: "icon-btn frac-icon-btn", type: "button", title: messages.insertFraction, "aria-label": messages.insertFraction, onClick: () => {
                   runtimeRef.current?.insertFraction();
                   focusSurface();
                 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-frac-icon", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u0623" }),
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u0628" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { id: "insert-sqrt", className: "icon-btn", type: "button", title: "\u0625\u062F\u0631\u0627\u062C \u062C\u0630\u0631", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062C\u0630\u0631", onClick: () => {
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { id: "insert-sqrt", className: "icon-btn", type: "button", title: messages.insertRoot, "aria-label": messages.insertRoot, onClick: () => {
                   runtimeRef.current?.insertSqrt();
                   focusSurface();
                 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "toolbar-sqrt-icon", "aria-hidden": "true", children: "\u221A" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "toolbar-group toolbar-environments", role: "group", "aria-label": "\u0627\u0644\u0628\u064A\u0626\u0627\u062A", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "toolbar-group toolbar-environments", role: "group", "aria-label": messages.environments, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                 "div",
                 {
                   className: "matrix-command-menu",
@@ -8453,8 +9110,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                       {
                         className: "icon-btn matrix-command-btn",
                         type: "button",
-                        title: "\u0625\u062F\u0631\u0627\u062C \u0628\u064A\u0626\u0629 \u0634\u0628\u0643\u064A\u0629",
-                        "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0628\u064A\u0626\u0629 \u0634\u0628\u0643\u064A\u0629",
+                        title: messages.insertEnvironment,
+                        "aria-label": messages.insertEnvironment,
                         "aria-haspopup": "dialog",
                         "aria-expanded": matrixMenuOpen,
                         onClick: () => setMatrixMenuOpen((open) => !open),
@@ -8466,11 +9123,11 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         ] })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrix-command-popover", role: "dialog", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0628\u064A\u0626\u0629 \u0634\u0628\u0643\u064A\u0629", hidden: !matrixMenuOpen, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "matrix-style-options", role: "listbox", "aria-label": "\u0646\u0648\u0639 \u0627\u0644\u0628\u064A\u0626\u0629", children: [
-                        { id: "matrix", label: "\u0645\u0635\u0641\u0648\u0641\u0629" },
-                        { id: "array", label: "\u062C\u062F\u0648\u0644" },
-                        { id: "aligned", label: "\u0645\u062D\u0627\u0630\u0627\u0629" }
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrix-command-popover", role: "dialog", "aria-label": messages.insertEnvironment, hidden: !matrixMenuOpen, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "matrix-style-options", role: "listbox", "aria-label": messages.environmentType, children: [
+                        { id: "matrix", label: messages.matrix },
+                        { id: "array", label: messages.array },
+                        { id: "aligned", label: messages.aligned }
                       ].map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
@@ -8489,14 +9146,14 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         },
                         option.id
                       )) }),
-                      envPaletteMode === "matrix" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "matrix-style-options", role: "listbox", "aria-label": "\u0646\u0648\u0639 \u0627\u0644\u0645\u0635\u0641\u0648\u0641\u0629", children: MATRIX_STYLES.map((style) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      envPaletteMode === "matrix" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "matrix-style-options", role: "listbox", "aria-label": messages.matrixType, children: MATRIX_STYLES.map((style) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           type: "button",
                           role: "option",
                           "aria-selected": matrixStyle === style.id,
                           className: "matrix-style-option",
-                          title: style.title,
+                          title: matrixStyleTitle(style.id, messages),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             setMatrixStyle(style.id);
@@ -8505,8 +9162,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         },
                         style.id
                       )) }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "matrix-size-readout", children: matrixHover ? matrixSizeLabel(matrixHover.rows, matrixHover.columns) : matrixSizeLabel(matrixRows, matrixColumns) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "matrix-grid-picker", "aria-label": "\u0627\u062E\u062A\u064A\u0627\u0631 \u062D\u062C\u0645 \u0627\u0644\u0628\u064A\u0626\u0629", children: Array.from(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "matrix-size-readout", children: matrixHover ? matrixSizeLabel(matrixHover.rows, matrixHover.columns, messages) : matrixSizeLabel(matrixRows, matrixColumns, messages) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "matrix-grid-picker", "aria-label": messages.chooseEnvironmentSize, children: Array.from(
                         { length: 8 },
                         (_, rowIndex) => Array.from({ length: 8 }, (_2, columnIndex) => {
                           const rows = rowIndex + 1;
@@ -8518,8 +9175,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                             {
                               type: "button",
                               className: rows <= activeRows && columns <= activeColumns ? "matrix-grid-cell active" : "matrix-grid-cell",
-                              title: matrixSizeLabel(rows, columns),
-                              "aria-label": matrixSizeLabel(rows, columns),
+                              title: matrixSizeLabel(rows, columns, messages),
+                              "aria-label": matrixSizeLabel(rows, columns, messages),
                               onMouseEnter: () => setMatrixHover({ rows, columns }),
                               onMouseDown: (event) => event.preventDefault(),
                               onClick: () => {
@@ -8537,7 +9194,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                       ) }),
                       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrix-custom-size", children: [
                         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-                          "\u0635\u0641",
+                          messages.row,
                           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                             "input",
                             {
@@ -8550,7 +9207,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                           )
                         ] }),
                         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-                          "\u0639\u0645\u0648\u062F",
+                          messages.column,
                           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                             "input",
                             {
@@ -8576,15 +9233,15 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                               setMatrixHover(null);
                               focusSurface();
                             },
-                            children: "\u0625\u062F\u0631\u0627\u062C"
+                            children: messages.insert
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrix-edit-actions", "aria-label": "\u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u0628\u064A\u0626\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629", children: [
-                        envPaletteMode === "matrix" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", title: "\u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u0646\u0645\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629", onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.setMatrixEnvStyle(matrixStyle), children: "\u062A\u0637\u0628\u064A\u0642 \u0627\u0644\u0646\u0645\u0637" }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "matrix-edit-actions", "aria-label": messages.editSelectedEnvironment, children: [
+                        envPaletteMode === "matrix" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", title: messages.applySelectedMatrixStyle, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.setMatrixEnvStyle(matrixStyle), children: messages.applyStyle }) : null,
                         envPaletteMode === "array" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
                           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
-                            "\u0639\u0645\u0648\u062F",
+                            messages.column,
                             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               "input",
                               {
@@ -8600,24 +9257,36 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                             "button",
                             {
                               type: "button",
-                              title: alignment.title,
+                              title: alignmentCopy(alignment.id, messages).title,
                               onMouseDown: (event) => event.preventDefault(),
                               onClick: () => runtimeRef.current?.setArrayColumnAlignment(arrayAlignmentColumn - 1, alignment.id),
-                              children: alignment.label
+                              children: alignmentCopy(alignment.id, messages).label
                             },
                             alignment.id
                           ))
                         ] }) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", title: "\u0625\u0636\u0627\u0641\u0629 \u0635\u0641", onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.addMatrixRow(), children: "+\u0635\u0641" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", title: "\u062D\u0630\u0641 \u0635\u0641", onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.removeMatrixRow(), children: "-\u0635\u0641" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", title: "\u0625\u0636\u0627\u0641\u0629 \u0639\u0645\u0648\u062F", onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.addMatrixColumn(), children: "+\u0639\u0645\u0648\u062F" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", title: "\u062D\u0630\u0641 \u0639\u0645\u0648\u062F", onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.removeMatrixColumn(), children: "-\u0639\u0645\u0648\u062F" })
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", title: messages.addRow, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.addMatrixRow(), children: [
+                          "+",
+                          messages.row
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", title: messages.removeRow, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.removeMatrixRow(), children: [
+                          "-",
+                          messages.row
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", title: messages.addColumn, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.addMatrixColumn(), children: [
+                          "+",
+                          messages.column
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", title: messages.removeColumn, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.removeMatrixColumn(), children: [
+                          "-",
+                          messages.column
+                        ] })
                       ] })
                     ] })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": "\u0627\u0644\u0641\u0631\u0627\u063A\u0627\u062A", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": messages.spaces, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                 "div",
                 {
                   className: `spacing-command-menu spacing-command-menu--${activeEditorSide}`,
@@ -8633,8 +9302,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                       {
                         className: "icon-btn spacing-command-btn",
                         type: "button",
-                        title: "\u0625\u062F\u0631\u0627\u062C \u0641\u0631\u0627\u063A",
-                        "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0641\u0631\u0627\u063A",
+                        title: messages.insertSpace,
+                        "aria-label": messages.insertSpace,
                         "aria-haspopup": "listbox",
                         "aria-expanded": spacingMenuOpen,
                         onClick: () => setSpacingMenuOpen((open) => !open),
@@ -8644,13 +9313,13 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         ] })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "spacing-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0641\u0631\u0627\u063A", hidden: !spacingMenuOpen, children: SPACING_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "spacing-command-options", role: "listbox", "aria-label": messages.insertSpace, hidden: !spacingMenuOpen, children: SPACING_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                       "button",
                       {
                         type: "button",
                         role: "option",
                         className: `spacing-command-option spacing-command-option--${command.spacing.direction}`,
-                        title: command.title,
+                        title: atomicCommandTitle(command, uiLocale),
                         onMouseDown: (event) => event.preventDefault(),
                         onClick: () => {
                           runtimeRef.current?.insertAtomicCommand(command.id);
@@ -8663,7 +9332,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "spacing-command-glyph__bar" }),
                             command.spacing.direction === "positive" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "spacing-command-glyph__arrow", children: spacingArrow(command, activeEditorSide) }) : null
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "spacing-command-option__name", children: command.title })
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "spacing-command-option__name", children: atomicCommandTitle(command, uiLocale) })
                         ]
                       },
                       command.id
@@ -8671,7 +9340,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-functions", role: "group", "aria-label": "\u0627\u0644\u062F\u0648\u0627\u0644", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-functions", role: "group", "aria-label": messages.functions, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                   "div",
                   {
@@ -8688,22 +9357,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u062F\u0627\u0644\u0629",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062F\u0627\u0644\u0629",
+                          title: messages.insertFunction,
+                          "aria-label": messages.insertFunction,
                           "aria-haspopup": "listbox",
                           "aria-expanded": functionMenuOpen,
                           onClick: () => setFunctionMenuOpen((open) => !open),
                           children: FUNCTION_COMMANDS[0]?.arabicLabel ?? "\u062F"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062F\u0627\u0644\u0629", hidden: !functionMenuOpen, children: FUNCTION_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": messages.insertFunction, hidden: !functionMenuOpen, children: FUNCTION_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicCommandTitle(command, uiLocale),
+                          "aria-label": atomicCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicCommand(command.id);
@@ -8733,22 +9402,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u062D\u062F\u0648\u062F \u0648\u0645\u062A\u0633\u0644\u0633\u0644\u0627\u062A",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062D\u062F\u0648\u062F \u0648\u0645\u062A\u0633\u0644\u0633\u0644\u0627\u062A",
+                          title: messages.insertLimitsSeries,
+                          "aria-label": messages.insertLimitsSeries,
                           "aria-haspopup": "listbox",
                           "aria-expanded": limitsSeriesMenuOpen,
                           onClick: () => setLimitsSeriesMenuOpen((open) => !open),
                           children: LIMITS_SERIES_COMMANDS[0]?.arabicLabel ?? "\u062D\u062F"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062D\u062F\u0648\u062F \u0648\u0645\u062A\u0633\u0644\u0633\u0644\u0627\u062A", hidden: !limitsSeriesMenuOpen, children: LIMITS_SERIES_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": messages.insertLimitsSeries, hidden: !limitsSeriesMenuOpen, children: LIMITS_SERIES_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicCommandTitle(command, uiLocale),
+                          "aria-label": atomicCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicCommand(command.id);
@@ -8778,22 +9447,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u062F\u0648\u0627\u0644 \u0625\u0636\u0627\u0641\u064A\u0629",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062F\u0648\u0627\u0644 \u0625\u0636\u0627\u0641\u064A\u0629",
+                          title: messages.insertAdditionalFunctions,
+                          "aria-label": messages.insertAdditionalFunctions,
                           "aria-haspopup": "listbox",
                           "aria-expanded": function2MenuOpen,
                           onClick: () => setFunction2MenuOpen((open) => !open),
                           children: FUNCTION2_COMMANDS[0]?.arabicLabel ?? "\u062F"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062F\u0648\u0627\u0644 \u0625\u0636\u0627\u0641\u064A\u0629", hidden: !function2MenuOpen, children: FUNCTION2_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": messages.insertAdditionalFunctions, hidden: !function2MenuOpen, children: FUNCTION2_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicCommandTitle(command, uiLocale),
+                          "aria-label": atomicCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicCommand(command.id);
@@ -8823,22 +9492,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0623\u0639\u062F\u0627\u062F",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0623\u0639\u062F\u0627\u062F",
+                          title: messages.insertNumberSets,
+                          "aria-label": messages.insertNumberSets,
                           "aria-haspopup": "listbox",
                           "aria-expanded": groupMenuOpen,
                           onClick: () => setGroupMenuOpen((open) => !open),
                           children: GROUP_COMMANDS[0]?.arabicLabel ?? "\u0645"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0623\u0639\u062F\u0627\u062F", hidden: !groupMenuOpen, children: GROUP_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": messages.insertNumberSets, hidden: !groupMenuOpen, children: GROUP_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicCommandTitle(command, uiLocale),
+                          "aria-label": atomicCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicCommand(command.id);
@@ -8853,7 +9522,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-operators", role: "group", "aria-label": "\u0627\u0644\u0639\u0645\u0644\u064A\u0627\u062A", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-operators", role: "group", "aria-label": messages.operations, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                   "div",
                   {
@@ -8870,22 +9539,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn operator-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u0631\u0645\u0632 \u0639\u0645\u0644\u064A\u0629",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0631\u0645\u0632 \u0639\u0645\u0644\u064A\u0629",
+                          title: messages.insertOperation,
+                          "aria-label": messages.insertOperation,
                           "aria-haspopup": "listbox",
                           "aria-expanded": operatorMenuOpen,
                           onClick: () => setOperatorMenuOpen((open) => !open),
                           children: renderOperatorMenuButtonLabel(OPERATOR_COMMANDS[0], "\u2217")
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0631\u0645\u0632 \u0639\u0645\u0644\u064A\u0629", hidden: !operatorMenuOpen, children: OPERATOR_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": messages.insertOperation, hidden: !operatorMenuOpen, children: OPERATOR_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option operator-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicOperatorCommandTitle(command, uiLocale),
+                          "aria-label": atomicOperatorCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicOperatorCommand(command.id);
@@ -8915,22 +9584,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn operator-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u0631\u0645\u0648\u0632 \u0639\u0644\u0627\u0642\u0627\u062A \u0648\u0645\u062C\u0645\u0648\u0639\u0627\u062A",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0631\u0645\u0648\u0632 \u0639\u0644\u0627\u0642\u0627\u062A \u0648\u0645\u062C\u0645\u0648\u0639\u0627\u062A",
+                          title: messages.insertRelationsSets,
+                          "aria-label": messages.insertRelationsSets,
                           "aria-haspopup": "listbox",
                           "aria-expanded": operator2MenuOpen,
                           onClick: () => setOperator2MenuOpen((open) => !open),
                           children: "\u2229"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0631\u0645\u0648\u0632 \u0639\u0644\u0627\u0642\u0627\u062A \u0648\u0645\u062C\u0645\u0648\u0639\u0627\u062A", hidden: !operator2MenuOpen, children: OPERATOR2_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": messages.insertRelationsSets, hidden: !operator2MenuOpen, children: OPERATOR2_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option operator-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicOperatorCommandTitle(command, uiLocale),
+                          "aria-label": atomicOperatorCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicOperatorCommand(command.id);
@@ -8960,22 +9629,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn operator-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u0623\u0633\u0647\u0645",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0623\u0633\u0647\u0645",
+                          title: messages.insertArrows,
+                          "aria-label": messages.insertArrows,
                           "aria-haspopup": "listbox",
                           "aria-expanded": operator3MenuOpen,
                           onClick: () => setOperator3MenuOpen((open) => !open),
                           children: renderOperatorMenuButtonLabel(OPERATOR3_COMMANDS[0], "\u21D2")
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0623\u0633\u0647\u0645", hidden: !operator3MenuOpen, children: OPERATOR3_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": messages.insertArrows, hidden: !operator3MenuOpen, children: OPERATOR3_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option operator-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicOperatorCommandTitle(command, uiLocale),
+                          "aria-label": atomicOperatorCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicOperatorCommand(command.id);
@@ -9005,22 +9674,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn operator-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u0646\u0642\u0627\u0637",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0646\u0642\u0627\u0637",
+                          title: messages.insertDots,
+                          "aria-label": messages.insertDots,
                           "aria-haspopup": "listbox",
                           "aria-expanded": dotMenuOpen,
                           onClick: () => setDotMenuOpen((open) => !open),
                           children: renderOperatorMenuButtonLabel(DOT_COMMANDS[0], "\u2026")
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u0646\u0642\u0627\u0637", hidden: !dotMenuOpen, children: DOT_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": messages.insertDots, hidden: !dotMenuOpen, children: DOT_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option operator-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicOperatorCommandTitle(command, uiLocale),
+                          "aria-label": atomicOperatorCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicOperatorCommand(command.id);
@@ -9050,22 +9719,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         {
                           className: "icon-btn function-command-btn operator-command-btn",
                           type: "button",
-                          title: "\u0625\u062F\u0631\u0627\u062C \u062A\u0643\u0627\u0645\u0644\u0627\u062A",
-                          "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062A\u0643\u0627\u0645\u0644\u0627\u062A",
+                          title: messages.insertIntegrals,
+                          "aria-label": messages.insertIntegrals,
                           "aria-haspopup": "listbox",
                           "aria-expanded": integralMenuOpen,
                           onClick: () => setIntegralMenuOpen((open) => !open),
                           children: renderOperatorMenuButtonLabel(INTEGRAL_COMMANDS[0], "\u222B")
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": "\u0625\u062F\u0631\u0627\u062C \u062A\u0643\u0627\u0645\u0644\u0627\u062A", hidden: !integralMenuOpen, children: INTEGRAL_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "function-command-options operator-command-options", role: "listbox", "aria-label": messages.insertIntegrals, hidden: !integralMenuOpen, children: INTEGRAL_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           className: "function-command-option operator-command-option",
                           type: "button",
                           role: "option",
-                          title: command.title,
-                          "aria-label": command.title,
+                          title: atomicOperatorCommandTitle(command, uiLocale),
+                          "aria-label": atomicOperatorCommandTitle(command, uiLocale),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.insertAtomicOperatorCommand(command.id);
@@ -9080,27 +9749,27 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-scripts", role: "group", "aria-label": "\u0627\u0644\u0623\u0633 \u0648\u0627\u0644\u0633\u0641\u0644\u064A", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn script-icon-btn", type: "button", title: "\u0625\u0636\u0627\u0641\u0629 \u0623\u0633", "aria-label": "\u0625\u0636\u0627\u0641\u0629 \u0623\u0633", onClick: () => runtimeRef.current?.addSup(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-script-icon toolbar-script-icon--sup", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-scripts", role: "group", "aria-label": messages.scripts, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn script-icon-btn", type: "button", title: messages.addSuperscript, "aria-label": messages.addSuperscript, onClick: () => runtimeRef.current?.addSup(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-script-icon toolbar-script-icon--sup", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u0646" }),
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u0633" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn script-icon-btn", type: "button", title: "\u0625\u0636\u0627\u0641\u0629 \u0633\u0641\u0644\u064A", "aria-label": "\u0625\u0636\u0627\u0641\u0629 \u0633\u0641\u0644\u064A", onClick: () => runtimeRef.current?.addSub(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-script-icon toolbar-script-icon--sub", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn script-icon-btn", type: "button", title: messages.addSubscript, "aria-label": messages.addSubscript, onClick: () => runtimeRef.current?.addSub(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-script-icon toolbar-script-icon--sub", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u0646" }),
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u0633" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn script-icon-btn remove-script-btn", type: "button", title: "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u0633", "aria-label": "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u0633", onClick: () => runtimeRef.current?.removeSup(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-remove-script-icon toolbar-remove-script-icon--sup", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn script-icon-btn remove-script-btn", type: "button", title: messages.removeSuperscript, "aria-label": messages.removeSuperscript, onClick: () => runtimeRef.current?.removeSup(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-remove-script-icon toolbar-remove-script-icon--sup", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u0646" }),
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\xD7" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn script-icon-btn remove-script-btn", type: "button", title: "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0633\u0641\u0644\u064A", "aria-label": "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0633\u0641\u0644\u064A", onClick: () => runtimeRef.current?.removeSub(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-remove-script-icon toolbar-remove-script-icon--sub", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn script-icon-btn remove-script-btn", type: "button", title: messages.removeSubscript, "aria-label": messages.removeSubscript, onClick: () => runtimeRef.current?.removeSub(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "toolbar-remove-script-icon toolbar-remove-script-icon--sub", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u0646" }),
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\xD7" })
                 ] }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": "\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0625\u062F\u062E\u0627\u0644", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn delete-node-btn", type: "button", title: "\u062D\u0630\u0641 \u0627\u0644\u0628\u0646\u064A\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629", "aria-label": "\u062D\u0630\u0641 \u0627\u0644\u0628\u0646\u064A\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629", onClick: () => runtimeRef.current?.deleteStructure(), children: "\xD7" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: splitTypingBtnRef, id: "toggle-split-leaf-typing", className: "icon-btn ligature-btn", type: "button", title: "\u062A\u0628\u062F\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641", "aria-label": "\u062A\u0628\u062F\u064A\u0644 \u062F\u0645\u062C \u0627\u0644\u062D\u0631\u0648\u0641", onClick: () => runtimeRef.current?.toggleSplitLeafTyping(), children: "\u0633\u0635\u0639" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": messages.inputStyles, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "icon-btn delete-node-btn", type: "button", title: messages.deleteSelectedStructure, "aria-label": messages.deleteSelectedStructure, onClick: () => runtimeRef.current?.deleteStructure(), children: "\xD7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { ref: splitTypingBtnRef, id: "toggle-split-leaf-typing", className: "icon-btn ligature-btn", type: "button", title: messages.toggleLetterMerging, "aria-label": messages.toggleLetterMerging, onClick: () => runtimeRef.current?.toggleSplitLeafTyping(), children: "\u0633\u0635\u0639" }),
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                   "div",
                   {
@@ -9119,22 +9788,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                           id: "select-character-font",
                           className: `icon-btn font-mode-btn font-mode-btn--${selectedCharacterFont}`,
                           type: "button",
-                          title: characterFontOption(selectedCharacterFont).title,
-                          "aria-label": "\u0627\u062E\u062A\u064A\u0627\u0631 \u062E\u0637 \u0627\u0644\u0643\u062A\u0627\u0628\u0629",
+                          title: characterFontTitle(selectedCharacterFont, messages),
+                          "aria-label": messages.chooseWritingFont,
                           "aria-haspopup": "listbox",
                           "aria-expanded": characterFontMenuOpen,
                           onClick: () => setCharacterFontMenuOpen((open) => !open),
                           children: characterFontOption(selectedCharacterFont).label
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "character-font-options", role: "listbox", "aria-label": "\u0627\u062E\u062A\u064A\u0627\u0631 \u062E\u0637 \u0627\u0644\u0643\u062A\u0627\u0628\u0629", hidden: !characterFontMenuOpen, children: CHARACTER_FONT_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "character-font-options", role: "listbox", "aria-label": messages.chooseWritingFont, hidden: !characterFontMenuOpen, children: CHARACTER_FONT_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           type: "button",
                           role: "option",
                           "aria-selected": selectedCharacterFont === option.id,
                           className: `character-font-option character-font-option--${option.id}`,
-                          title: option.title,
+                          title: characterFontTitle(option.id, messages),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.setCurrentCharacterFont(option.id);
@@ -9167,22 +9836,22 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                           id: "select-digit-form",
                           className: "icon-btn digit-form-btn",
                           type: "button",
-                          title: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0634\u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645",
-                          "aria-label": "\u0627\u062E\u062A\u064A\u0627\u0631 \u0634\u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645",
+                          title: messages.chooseDigitForm,
+                          "aria-label": messages.chooseDigitForm,
                           "aria-haspopup": "listbox",
                           "aria-expanded": digitMenuOpen,
                           onClick: () => setDigitMenuOpen((open) => !open),
                           children: digitFormLabel(selectedDigitForm2)
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "digit-form-options", role: "listbox", "aria-label": "\u0627\u062E\u062A\u064A\u0627\u0631 \u0634\u0643\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645", hidden: !digitMenuOpen, children: DIGIT_FORM_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "digit-form-options", role: "listbox", "aria-label": messages.chooseDigitForm, hidden: !digitMenuOpen, children: DIGIT_FORM_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "button",
                         {
                           type: "button",
                           role: "option",
                           "aria-selected": selectedDigitForm2 === option.id,
                           className: "digit-form-option",
-                          title: option.title,
+                          title: digitFormTitle(option.id, messages),
                           onMouseDown: (event) => event.preventDefault(),
                           onClick: () => {
                             runtimeRef.current?.setCurrentDigitForm(option.id);
@@ -9206,15 +9875,15 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                 id: "butex-editor-surface",
                 className: "surface surface--arabic",
                 tabIndex: 0,
-                "aria-label": "\u0645\u062D\u0631\u0631 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0627\u062A"
+                "aria-label": messages.equationEditor
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: renderErrorRef, className: "error", hidden: true })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { className: "panel panel-preview", "aria-label": "\u0645\u0639\u0627\u064A\u0646\u0629 \u0627\u0644\u0631\u0633\u0645", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: mathOutputRef, className: "preview-box" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { className: "panel panel-preview", "aria-label": messages.renderPreview, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: mathOutputRef, className: "preview-box" }) }),
           debug ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "panel", children: [
             /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dev-strip", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dev-badge", children: "\u062A\u0637\u0648\u064A\u0631" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dev-badge", children: messages.development }),
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: latexLinesRef, className: "ascii" }),
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: passivePreviewRef, className: "passive-preview-text" })
             ] }),
@@ -9237,7 +9906,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         return next;
                       });
                     },
-                    children: debugBodyHidden ? "\u0625\u0638\u0647\u0627\u0631 \u0633\u062C\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D" : "\u0625\u062E\u0641\u0627\u0621 \u0633\u062C\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D"
+                    children: debugBodyHidden ? messages.showDebugLog : messages.hideDebugLog
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -9251,7 +9920,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                       } catch {
                       }
                     },
-                    children: "\u0646\u0633\u062E \u0633\u062C\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D"
+                    children: messages.copyDebugLog
                   }
                 )
               ] }),
@@ -9272,11 +9941,14 @@ function EquationDrawer({
   reason,
   mathMode,
   canDelete = false,
+  equationSide = "arabic",
+  uiLocale = "ar",
   onMathModeChange,
   onClose,
   onSave,
   onDelete
 }) {
+  const messages = document2Messages(uiLocale);
   const latestSession = (0, import_react5.useRef)(session);
   (0, import_react5.useEffect)(() => {
     const onKeyDown = (event) => {
@@ -9293,7 +9965,7 @@ function EquationDrawer({
       {
         type: "button",
         className: "butex-document2-widget__equation-modal-backdrop",
-        "aria-label": "\u0625\u063A\u0644\u0627\u0642 \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629",
+        "aria-label": messages.closeEquationDialog,
         onClick: onClose
       }
     ),
@@ -9304,30 +9976,39 @@ function EquationDrawer({
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": "butex-document2-equation-modal-title",
-        dir: "rtl",
+        dir: uiLocaleDirection(uiLocale),
+        lang: uiLocale,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "butex-document2-widget__row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { id: "butex-document2-equation-modal-title", children: "\u062A\u062D\u0631\u064A\u0631 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", onClick: onClose, children: "\u0625\u063A\u0644\u0627\u0642" })
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { id: "butex-document2-equation-modal-title", children: messages.equationEditorTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", onClick: onClose, children: messages.close })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "butex-document2-widget__row", role: "group", "aria-label": "\u0646\u0648\u0639 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", "aria-pressed": mathMode === "inline", onClick: () => onMathModeChange("inline"), children: "\u062F\u0627\u062E\u0644 \u0627\u0644\u0633\u0637\u0631 ($)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", "aria-pressed": mathMode === "display", onClick: () => onMathModeChange("display"), children: "\u0645\u0639\u0631\u0648\u0636\u0629 (\\\\[)" })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "butex-document2-widget__row", role: "group", "aria-label": messages.equationType, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", "aria-pressed": mathMode === "inline", onClick: () => onMathModeChange("inline"), children: [
+              messages.inline,
+              " ($)"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", "aria-pressed": mathMode === "display", onClick: () => onMathModeChange("display"), children: [
+              messages.displayed,
+              " (\\\\[)"
+            ] })
           ] }),
-          reason ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "butex-document2-widget__error", children: reason }) : null,
+          reason ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "butex-document2-widget__error", children: uiLocale === "en" ? messages.equationUnavailable : reason }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             ButexEditor,
             {
               debug: false,
+              defaultSide: equationSide,
+              uiLocale,
               initialSession: session,
               onSessionChange: (nextSession) => {
-                latestSession.current = { ...nextSession, activeSide: "arabic" };
+                latestSession.current = nextSession;
               }
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "butex-document2-widget__row", children: [
-            canDelete && onDelete ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "butex-document2-widget__button--danger", onClick: onDelete, children: "\u062D\u0630\u0641 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", onClick: () => onSave({ ...latestSession.current, activeSide: "arabic" }), children: "\u062D\u0641\u0638 \u0627\u0644\u0645\u0639\u0627\u062F\u0644\u0629" })
+            canDelete && onDelete ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "butex-document2-widget__button--danger", onClick: onDelete, children: messages.deleteEquation }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", onClick: () => onSave({ ...latestSession.current, activeSide: equationSide }), children: messages.saveEquation })
           ] })
         ]
       }
@@ -9753,6 +10434,12 @@ var DOCUMENT2_WIDGET_CSS = `
   margin-block-start: 6px;
 }
 
+.butex-document2-widget__list-item-content {
+  display: grid;
+  gap: 8px;
+  min-width: 0;
+}
+
 .butex-document2-widget__list-footer {
   border-block-start: 1px dashed color-mix(in srgb, var(--butex-document2-border) 85%, transparent);
   margin-block-start: 10px;
@@ -9911,6 +10598,7 @@ var DOCUMENT2_WIDGET_CSS = `
   overflow-wrap: break-word;
   overflow-y: hidden;
   resize: none;
+  text-align: start;
   white-space: pre-wrap;
   width: auto;
   word-break: break-word;
@@ -9966,13 +10654,13 @@ var DOCUMENT2_WIDGET_CSS = `
 .butex-document2-widget__preview {
   background: var(--butex-document2-preview-bg);
   color: var(--butex-document2-preview-fg);
-  direction: rtl;
   font-family: var(--butex-document2-preview-font);
   font-size: 1.08rem;
   line-height: 1.9;
   max-width: 100%;
   min-width: 0;
   overflow-wrap: break-word;
+  text-align: start;
   word-break: break-word;
 }
 
@@ -9987,6 +10675,51 @@ var DOCUMENT2_WIDGET_CSS = `
   word-break: break-word;
 }
 
+.butex-document2-widget__preview h1 {
+  font-size: 1.75rem;
+  font-weight: 700;
+  line-height: 1.35;
+  margin: 0 0 14px;
+}
+
+.butex-document2-widget__preview h2 {
+  font-size: 1.4rem;
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 0 0 12px;
+}
+
+.butex-document2-widget__preview h3 {
+  font-size: 1.2rem;
+  font-weight: 600;
+  line-height: 1.45;
+  margin: 0 0 10px;
+}
+
+.butex-document2-widget__preview p {
+  margin: 0 0 12px;
+}
+
+.butex-document2-widget__preview ul,
+.butex-document2-widget__preview ol {
+  margin: 0 0 12px;
+  padding-inline-start: 24px;
+}
+
+.butex-document2-widget__preview ul {
+  list-style-type: disc;
+}
+
+.butex-document2-widget__preview ol {
+  list-style-type: decimal;
+}
+
+.butex-document2-widget__preview img {
+  display: block;
+  height: auto;
+  max-width: 100%;
+}
+
 .butex-document2-widget__preview table {
   border-collapse: collapse;
   border: 1px solid #000000;
@@ -10357,21 +11090,21 @@ function topLevelBlockIdForField(document2, fieldId) {
 function topLevelBlockIdForToken(document2, tokenId) {
   return document2.blocks.find((block) => blockHasToken(block, tokenId))?.id ?? null;
 }
-function formatDocument2DiagnosticArabic(d) {
+function formatDocument2Diagnostic(d, messages) {
   if (d.message === "math_objects order mismatch") {
-    return `\u062A\u0631\u062A\u064A\u0628 \u0623\u0648 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u062D\u062F\u062F\u0627\u062A \u0641\u064A math_objects \u0644\u0627 \u062A\u0637\u0627\u0628\u0642 \u0645\u0627 \u0648\u0631\u062F \u0641\u064A \u0627\u0644\u0646\u0635. \u0627\u0644\u0645\u0633\u0627\u0631: ${d.path}`;
+    return `${messages.importOrderMismatch} ${messages.path}: ${d.path}`;
   }
   const countMismatch = /^math_objects count mismatch: detected (\d+), got (\d+)$/.exec(d.message);
   if (countMismatch) {
     const [, detected, got] = countMismatch;
-    return `\u0639\u062F\u0645 \u062A\u0637\u0627\u0628\u0642 \u0628\u064A\u0646 \u0627\u0644\u0645\u0648\u0627\u0636\u0639 \u0627\u0644\u0631\u064A\u0627\u0636\u064A\u0629 \u0627\u0644\u0645\u0633\u062A\u062E\u0631\u062C\u0629 \u0645\u0646 \u0627\u0644\u0646\u0635 (${detected}) \u0648\u0639\u062F\u062F \u0639\u0646\u0627\u0635\u0631 math_objects (${got}). \u0627\u0644\u0645\u0633\u0627\u0631: ${d.path}`;
+    return `${messages.importCountMismatch} (${detected}/${got}) ${messages.path}: ${d.path}`;
   }
-  return `\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u0627\u0633\u062A\u064A\u0631\u0627\u062F: ${d.message} \u2014 ${d.path}`;
+  return `${messages.importWarning}: ${d.message} \u2014 ${messages.path}: ${d.path}`;
 }
 function isDocument2Node(value) {
   return typeof value === "object" && value !== null && value.nodeType === "DocumentObject" && Array.isArray(value.blocks) && Array.isArray(value.diagnostics);
 }
-function resolveInitialDocument2(initialDocument) {
+function resolveInitialDocument2(initialDocument, uiLocale = "ar") {
   if (!initialDocument) {
     return { document: createEmptyDocument2(), error: null };
   }
@@ -10382,18 +11115,23 @@ function resolveInitialDocument2(initialDocument) {
     return { document: fromDocumentJson2(initialDocument), error: null };
   } catch (err) {
     const detail = err instanceof Error ? err.message : String(err);
-    return { document: createEmptyDocument2(), error: `\u062A\u0639\u0630\u0631 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u0633\u062A\u0646\u062F: ${detail}` };
+    return { document: createEmptyDocument2(), error: `${document2Messages(uiLocale).loadDocumentError}: ${detail}` };
   }
 }
 function ButexDocumentEditor2({
   initialDocument,
   className,
   debug = false,
+  documentDirection = "rtl",
+  equationSide = "arabic",
+  editableEquations = true,
+  uiLocale = "ar",
   mathOutput = "svg",
   onDocumentChange,
   onLatexChange
 }) {
-  const initialState = (0, import_react6.useMemo)(() => resolveInitialDocument2(initialDocument), [initialDocument]);
+  const messages = document2Messages(uiLocale);
+  const initialState = (0, import_react6.useMemo)(() => resolveInitialDocument2(initialDocument, uiLocale), [initialDocument]);
   const [documentNode, setDocumentNode] = (0, import_react6.useState)(initialState.document);
   const [error, setError] = (0, import_react6.useState)(initialState.error);
   const [editorOpen, setEditorOpen] = (0, import_react6.useState)(true);
@@ -10410,7 +11148,10 @@ function ButexDocumentEditor2({
   const pendingFocusRef = (0, import_react6.useRef)(null);
   documentRef.current = documentNode;
   const latex = document2Latex(documentNode);
-  const preview = (0, import_react6.useMemo)(() => document2Preview(documentNode, mathOutput), [documentNode, mathOutput]);
+  const preview = (0, import_react6.useMemo)(
+    () => document2Preview(documentNode, mathOutput, equationSide),
+    [documentNode, equationSide, mathOutput]
+  );
   const debugEnabled = (0, import_react6.useMemo)(() => {
     if (debug) {
       return true;
@@ -10426,7 +11167,12 @@ function ButexDocumentEditor2({
     injectBuTeXDocument2Styles();
   }, []);
   (0, import_react6.useEffect)(() => {
-    const next = resolveInitialDocument2(initialDocument);
+    if (!editableEquations) {
+      setSelectedMath(null);
+    }
+  }, [editableEquations]);
+  (0, import_react6.useEffect)(() => {
+    const next = resolveInitialDocument2(initialDocument, uiLocale);
     setDocumentNode(next.document);
     setError(next.error);
     setSelectedMath(null);
@@ -10568,7 +11314,7 @@ function ButexDocumentEditor2({
     openBlock(blockId);
     setEditorFocus({ blockId, fieldId, textTokenId, caretOffset });
   }
-  function rememberMathFocus(blockId, fieldId, _tokenId) {
+  function rememberMathFocus(blockId, fieldId) {
     openBlock(blockId);
     setEditorFocus({ blockId, fieldId, textTokenId: null, caretOffset: 0 });
   }
@@ -10580,6 +11326,9 @@ function ButexDocumentEditor2({
     textSnapshotArmedRef.current = false;
   }
   function openNewEquation(mode) {
+    if (!editableEquations) {
+      return;
+    }
     const target = resolveInsertField(documentRef.current, editorFocus);
     if (target?.fieldId) {
       openBlock(topLevelBlockIdForField(documentRef.current, target.fieldId));
@@ -10590,13 +11339,16 @@ function ButexDocumentEditor2({
       textTokenId: target?.textTokenId ?? null,
       insertAt: target?.caretOffset ?? 0,
       mathMode: mode,
-      session: createEmptyArabicEquationSession(),
+      session: createEmptyEquationSession(equationSide),
       reason: null
     });
   }
   function openMath(token) {
+    if (!editableEquations) {
+      return;
+    }
     openBlock(topLevelBlockIdForToken(documentRef.current, token.id));
-    const result = mathTokenToArabicEditorSession(token.math);
+    const result = mathTokenToEditorSession(token.math, equationSide);
     const mode = token.display ? "display" : "inline";
     if (!result.editable) {
       setSelectedMath({
@@ -10605,7 +11357,7 @@ function ButexDocumentEditor2({
         insertAt: 0,
         textTokenId: null,
         mathMode: mode,
-        session: createEmptyArabicEquationSession(),
+        session: createEmptyEquationSession(equationSide),
         reason: result.reason
       });
       return;
@@ -10642,7 +11394,14 @@ function ButexDocumentEditor2({
     }
     const delimiters = mathDelimiters(selectedMath.mathMode);
     if (selectedMath.tokenId) {
-      const next2 = replaceMathTokenFromSession(documentRef.current, selectedMath.tokenId, session, delimiters.opening, delimiters.closing);
+      const next2 = replaceMathTokenFromSession(
+        documentRef.current,
+        selectedMath.tokenId,
+        session,
+        delimiters.opening,
+        delimiters.closing,
+        equationSide
+      );
       pendingFocusRef.current = { kind: "math", tokenId: selectedMath.tokenId };
       applyDocument(next2, "immediate");
       setSelectedMath(null);
@@ -10667,7 +11426,16 @@ function ButexDocumentEditor2({
       textTokenId = field.tokens.find((token) => token.kind === "text")?.id ?? null;
       insertAt = 0;
     }
-    const next = insertMathTokenAtCaret(current, fieldId, textTokenId, insertAt, session, delimiters.opening, delimiters.closing);
+    const next = insertMathTokenAtCaret(
+      current,
+      fieldId,
+      textTokenId,
+      insertAt,
+      session,
+      delimiters.opening,
+      delimiters.closing,
+      equationSide
+    );
     const trailingTextTokenId = trailingTextTokenAfterInsertedMath(current, next, fieldId, textTokenId, insertAt);
     if (trailingTextTokenId) {
       pendingFocusRef.current = { kind: "text", fieldId, textTokenId: trailingTextTokenId, caretOffset: 0 };
@@ -10691,110 +11459,127 @@ function ButexDocumentEditor2({
     pendingFocusRef.current = focusAfterDeletedMath(current, next, tokenId);
     applyDocument(next, "immediate");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: widgetRef, className: ["butex-document2-widget", className].filter(Boolean).join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__shell", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__toolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        DocumentInsertToolbar,
-        {
-          canUndo,
-          canRedo,
-          onUndo: undoDocument,
-          onRedo: redoDocument,
-          onAddSection: () => applyDocument(addDocument2TextBlock(documentRef.current, "\\section", afterBlockId()), "immediate"),
-          onAddSubsection: () => applyDocument(addDocument2TextBlock(documentRef.current, "\\subsection", afterBlockId()), "immediate"),
-          onAddSubsubsection: () => applyDocument(addDocument2TextBlock(documentRef.current, "\\subsubsection", afterBlockId()), "immediate"),
-          onAddParagraph: () => applyDocument(addDocument2TextBlock(documentRef.current, "\\paragraph", afterBlockId()), "immediate"),
-          onAddInlineEquation: () => openNewEquation("inline"),
-          onAddDisplayEquation: () => openNewEquation("display"),
-          onAddTable: (rowCount, colCount) => applyDocument(addDocument2TableBlock(documentRef.current, "l".repeat(colCount), rowCount, colCount, afterBlockId()), "immediate"),
-          onAddList: () => applyDocument(addDocument2ListBlock(documentRef.current, false, afterBlockId()), "immediate"),
-          onAddEnumerate: () => applyDocument(addDocument2ListBlock(documentRef.current, true, afterBlockId()), "immediate"),
-          onAddFigure: () => applyDocument(addDocument2ImageBlock(documentRef.current, "", afterBlockId()), "immediate")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": "\u0627\u0644\u0644\u0648\u062D\u0627\u062A", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", "aria-pressed": editorOpen, onClick: toggleEditorPanel, children: editorOpen ? "\u0625\u062E\u0641\u0627\u0621 \u0627\u0644\u062A\u062D\u0631\u064A\u0631" : "\u062A\u062D\u0631\u064A\u0631" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", "aria-pressed": previewOpen, onClick: togglePreviewPanel, children: previewOpen ? "\u0625\u062E\u0641\u0627\u0621 \u0627\u0644\u0645\u0639\u0627\u064A\u0646\u0629" : "\u0645\u0639\u0627\u064A\u0646\u0629" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": "\u0637\u064A \u0627\u0644\u0643\u062A\u0644", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", onClick: collapseAllBlocks, children: "\u0637\u064A \u0627\u0644\u0643\u0644" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", onClick: openAllBlocks, children: "\u0641\u062A\u062D \u0627\u0644\u0643\u0644" })
-      ] })
-    ] }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "butex-document2-widget__error", children: error }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-      "div",
-      {
-        className: `butex-document2-widget__layout butex-document2-widget__layout--editor-${editorOpen ? "open" : "closed"} butex-document2-widget__layout--preview-${previewOpen ? "open" : "closed"}`,
-        children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      ref: widgetRef,
+      className: ["butex-document2-widget", className].filter(Boolean).join(" "),
+      dir: uiLocaleDirection(uiLocale),
+      lang: uiLocale,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__shell", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__toolbar", children: [
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "section",
+            DocumentInsertToolbar,
             {
-              className: "butex-document2-widget__panel butex-document2-widget__editor-panel",
-              "aria-label": "\u062A\u062D\u0631\u064A\u0631 \u0627\u0644\u0645\u0633\u062A\u0646\u062F",
-              "aria-hidden": !editorOpen,
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "butex-document2-widget__blocks", children: documentNode.blocks.map((block, blockIndex) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                BlockEditor,
-                {
-                  block,
-                  blockIndex,
-                  blockCount: documentNode.blocks.length,
-                  mathOutput,
-                  isCollapsed: collapsedBlockIds.has(block.id),
-                  onTextChange: (fieldId, tokenId, text) => applyDocument(updateTextToken(documentRef.current, fieldId, tokenId, text), "text"),
-                  onOpenMath: openMath,
-                  onDeleteMath: deleteMathToken,
-                  onRemoveBlock: (blockId) => applyDocument(removeDocument2BlockById(documentRef.current, blockId), "immediate"),
-                  onMoveBlock: (blockId, direction) => applyDocument(moveDocument2BlockById(documentRef.current, blockId, direction), "immediate"),
-                  onToggleCollapse: toggleBlockCollapse,
-                  onBlockFocus: rememberBlockFocus,
-                  onFieldFocus: rememberFieldFocus,
-                  onMathFocus: rememberMathFocus,
-                  onFieldBlur,
-                  onImageSrcChange: (blockId, value) => applyDocument(updateDocument2ImageValue(documentRef.current, blockId, value), "text"),
-                  onAddListItem: (listBlockId) => applyDocument(addDocument2ListItem(documentRef.current, listBlockId), "immediate"),
-                  onRemoveListItem: (listBlockId, itemId) => applyDocument(removeDocument2ListItem(documentRef.current, listBlockId, itemId), "immediate")
-                },
-                block.id
-              )) })
+              canUndo,
+              canRedo,
+              editableEquations,
+              uiLocale,
+              onUndo: undoDocument,
+              onRedo: redoDocument,
+              onAddSection: () => applyDocument(addDocument2TextBlock(documentRef.current, "\\section", afterBlockId()), "immediate"),
+              onAddSubsection: () => applyDocument(addDocument2TextBlock(documentRef.current, "\\subsection", afterBlockId()), "immediate"),
+              onAddSubsubsection: () => applyDocument(addDocument2TextBlock(documentRef.current, "\\subsubsection", afterBlockId()), "immediate"),
+              onAddParagraph: () => applyDocument(addDocument2TextBlock(documentRef.current, "\\paragraph", afterBlockId()), "immediate"),
+              onAddInlineEquation: () => openNewEquation("inline"),
+              onAddDisplayEquation: () => openNewEquation("display"),
+              onAddTable: (rowCount, colCount) => applyDocument(addDocument2TableBlock(documentRef.current, "l".repeat(colCount), rowCount, colCount, afterBlockId()), "immediate"),
+              onAddList: () => applyDocument(addDocument2ListBlock(documentRef.current, false, afterBlockId()), "immediate"),
+              onAddEnumerate: () => applyDocument(addDocument2ListBlock(documentRef.current, true, afterBlockId()), "immediate"),
+              onAddFigure: () => applyDocument(addDocument2ImageBlock(documentRef.current, "", afterBlockId()), "immediate")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "section",
-            {
-              className: "butex-document2-widget__panel butex-document2-widget__preview-panel",
-              "aria-label": "\u0645\u0639\u0627\u064A\u0646\u0629 \u0627\u0644\u0645\u0633\u062A\u0646\u062F",
-              "aria-hidden": !previewOpen,
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DocumentPreview, { blocks: preview.blocks, output: mathOutput })
-            }
-          )
-        ]
-      }
-    ),
-    debugEnabled ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__dev", children: [
-      debugEnabled && documentNode.diagnostics.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "\u062A\u0646\u0628\u064A\u0647\u0627\u062A \u0627\u0644\u0627\u0633\u062A\u064A\u0631\u0627\u062F (\u0648\u0636\u0639 \u0627\u0644\u062A\u0637\u0648\u064A\u0631)" }),
-        documentNode.diagnostics.map((diagnostic) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "butex-document2-widget__dev-diagnostic", children: formatDocument2DiagnosticArabic(diagnostic) }, `${diagnostic.path}-${diagnostic.message}`))
-      ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "LaTeX" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("pre", { children: latex }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "AST" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("pre", { children: JSON.stringify(documentNode, null, 2) })
-    ] }) : null,
-    selectedMath ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      EquationDrawer,
-      {
-        session: selectedMath.session,
-        reason: selectedMath.reason,
-        mathMode: selectedMath.mathMode,
-        canDelete: Boolean(selectedMath.tokenId),
-        onMathModeChange: (mode) => setSelectedMath((current) => current ? { ...current, mathMode: mode } : current),
-        onClose: () => setSelectedMath(null),
-        onSave: saveEquation,
-        onDelete: deleteSelectedEquation
-      }
-    ) : null
-  ] }) });
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.panels, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", "aria-pressed": editorOpen, onClick: toggleEditorPanel, children: editorOpen ? messages.hideEditor : messages.editor }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", "aria-pressed": previewOpen, onClick: togglePreviewPanel, children: previewOpen ? messages.hidePreview : messages.preview })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__toolbar-group", role: "group", "aria-label": messages.collapseBlocks, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", onClick: collapseAllBlocks, children: messages.collapseAll }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", onClick: openAllBlocks, children: messages.openAll })
+          ] })
+        ] }),
+        error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "butex-document2-widget__error", children: error }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          "div",
+          {
+            className: `butex-document2-widget__layout butex-document2-widget__layout--editor-${editorOpen ? "open" : "closed"} butex-document2-widget__layout--preview-${previewOpen ? "open" : "closed"}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "section",
+                {
+                  className: "butex-document2-widget__panel butex-document2-widget__editor-panel",
+                  "aria-label": messages.documentEditor,
+                  "aria-hidden": !editorOpen,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "butex-document2-widget__blocks", children: documentNode.blocks.map((block, blockIndex) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    BlockEditor,
+                    {
+                      block,
+                      blockIndex,
+                      blockCount: documentNode.blocks.length,
+                      documentDirection,
+                      mathOutput,
+                      equationSide,
+                      editableEquations,
+                      uiLocale,
+                      isCollapsed: collapsedBlockIds.has(block.id),
+                      onTextChange: (fieldId, tokenId, text) => applyDocument(updateTextToken(documentRef.current, fieldId, tokenId, text), "text"),
+                      onOpenMath: openMath,
+                      onDeleteMath: editableEquations ? deleteMathToken : void 0,
+                      onRemoveBlock: (blockId) => applyDocument(removeDocument2BlockById(documentRef.current, blockId), "immediate"),
+                      onMoveBlock: (blockId, direction) => applyDocument(moveDocument2BlockById(documentRef.current, blockId, direction), "immediate"),
+                      onToggleCollapse: toggleBlockCollapse,
+                      onBlockFocus: rememberBlockFocus,
+                      onFieldFocus: rememberFieldFocus,
+                      onMathFocus: rememberMathFocus,
+                      onFieldBlur,
+                      onImageSrcChange: (blockId, value) => applyDocument(updateDocument2ImageValue(documentRef.current, blockId, value), "text"),
+                      onAddListItem: (listBlockId) => applyDocument(addDocument2ListItem(documentRef.current, listBlockId), "immediate"),
+                      onRemoveListItem: (listBlockId, itemId) => applyDocument(removeDocument2ListItem(documentRef.current, listBlockId, itemId), "immediate")
+                    },
+                    block.id
+                  )) })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "section",
+                {
+                  className: "butex-document2-widget__panel butex-document2-widget__preview-panel",
+                  "aria-label": messages.documentPreview,
+                  "aria-hidden": !previewOpen,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DocumentPreview, { blocks: preview.blocks, output: mathOutput, documentDirection, uiLocale })
+                }
+              )
+            ]
+          }
+        ),
+        debugEnabled ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "butex-document2-widget__dev", children: [
+          debugEnabled && documentNode.diagnostics.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: messages.importWarnings }),
+            documentNode.diagnostics.map((diagnostic) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "butex-document2-widget__dev-diagnostic", children: formatDocument2Diagnostic(diagnostic, messages) }, `${diagnostic.path}-${diagnostic.message}`))
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "LaTeX" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("pre", { children: latex }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "AST" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("pre", { children: JSON.stringify(documentNode, null, 2) })
+        ] }) : null,
+        selectedMath ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          EquationDrawer,
+          {
+            session: selectedMath.session,
+            reason: selectedMath.reason,
+            mathMode: selectedMath.mathMode,
+            canDelete: Boolean(selectedMath.tokenId),
+            equationSide,
+            uiLocale,
+            onMathModeChange: (mode) => setSelectedMath((current) => current ? { ...current, mathMode: mode } : current),
+            onClose: () => setSelectedMath(null),
+            onSave: saveEquation,
+            onDelete: deleteSelectedEquation
+          }
+        ) : null
+      ] })
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {