@drghaliasri/butex 3.2.2 → 4.0.1

package/dist/react-document.js

@@ -1154,6 +1154,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",
@@ -1320,6 +1338,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",
@@ -2402,6 +2474,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]) {
@@ -4098,8 +4485,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");
@@ -4123,19 +4510,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);
 }
@@ -4169,11 +4556,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");
   }
@@ -4227,7 +4614,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);
   }
@@ -4241,10 +4628,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);
 }
@@ -4465,6 +4852,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;
@@ -4496,14 +4887,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);
@@ -4511,8 +4903,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() {
@@ -4531,9 +4923,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);
   }
@@ -4542,9 +4935,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);
   }
@@ -4555,8 +4949,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) {
@@ -4758,7 +5153,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");
@@ -4788,7 +5183,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) {
@@ -5069,6 +5464,13 @@ function createEditorRuntime(options) {
       session = next;
       render();
     },
+    setUiLocale: (locale) => {
+      if (uiLocale === locale) {
+        return;
+      }
+      uiLocale = locale;
+      render();
+    },
     performUndo,
     performRedo,
     performCopy,
@@ -7311,18 +7713,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_runtime = 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");
@@ -7335,20 +7742,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)));
@@ -7359,6 +7766,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) {
@@ -7397,16 +7828,17 @@ function renderOperatorMenuButtonLabel(command, fallback) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.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_react.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_react.useRef)(null);
     const surfaceRef = (0, import_react.useRef)(null);
     const mathOutputRef = (0, import_react.useRef)(null);
@@ -7424,6 +7856,8 @@ var ButexEditor = (0, import_react.forwardRef)(
     const runtimeRef = (0, import_react.useRef)(null);
     const debugRef = (0, import_react.useRef)(debug);
     debugRef.current = debug;
+    const uiLocaleRef = (0, import_react.useRef)(uiLocale);
+    uiLocaleRef.current = uiLocale;
     const onSessionChangeRef = (0, import_react.useRef)(onSessionChange);
     onSessionChangeRef.current = onSessionChange;
     const debugBodyHiddenRef = (0, import_react.useRef)(false);
@@ -7465,14 +7899,15 @@ var ButexEditor = (0, import_react.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) {
@@ -7498,7 +7933,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));
         }
@@ -7516,6 +7951,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
       const runtime = createEditorRuntime({
         surfaceEl,
         initialSession,
+        defaultSide,
+        uiLocale,
         buttonElements: {
           undoBtn: undoBtnRef.current,
           redoBtn: redoBtnRef.current,
@@ -7535,7 +7972,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}`;
             }
           });
         }
@@ -7560,6 +7997,13 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
         runtimeRef.current = null;
       };
     }, []);
+    (0, import_react.useEffect)(() => {
+      runtimeRef.current?.setUiLocale(uiLocale);
+      const session = runtimeRef.current?.getSession();
+      if (session) {
+        void updatePreviewRef.current(session);
+      }
+    }, [uiLocale]);
     function focusSurface() {
       surfaceRef.current?.focus();
     }
@@ -7577,26 +8021,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_runtime.jsxs)("div", { className: "butex-widget-layout", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "panel", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "toolbar", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.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_runtime.jsxs)("div", { className: "toolbar-group toolbar-history", role: "group", "aria-label": messages.undoRedo, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsxs)("div", { className: "toolbar-group toolbar-clipboard", role: "group", "aria-label": "\u0627\u0644\u062D\u0627\u0641\u0638\u0629", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsxs)("div", { className: "toolbar-group toolbar-clipboard", role: "group", "aria-label": messages.clipboard, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.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();
@@ -7606,8 +8050,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsxs)("div", { className: "toolbar-group toolbar-structures", role: "group", "aria-label": "\u0627\u0644\u0628\u0646\u0649", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": messages.editorSettings, children: /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("div", { className: "toolbar-group toolbar-structures", role: "group", "aria-label": messages.structures, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                   "div",
                   {
@@ -7624,15 +8068,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_runtime.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_runtime.jsxs)("div", { className: "delimiter-command-options", role: "listbox", "aria-label": messages.insertDelimiters, hidden: !delimiterMenuOpen, children: [
                         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                           "button",
                           {
@@ -7640,8 +8084,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");
@@ -7658,8 +8102,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");
@@ -7676,8 +8120,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");
@@ -7691,19 +8135,19 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsxs)("span", { className: "toolbar-frac-icon", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0623" }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0628" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsx)("span", { className: "toolbar-sqrt-icon", "aria-hidden": "true", children: "\u221A" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "toolbar-group toolbar-environments", role: "group", "aria-label": "\u0627\u0644\u0628\u064A\u0626\u0627\u062A", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "toolbar-group toolbar-environments", role: "group", "aria-label": messages.environments, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                 "div",
                 {
                   className: "matrix-command-menu",
@@ -7719,8 +8163,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),
@@ -7732,11 +8176,11 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         ] })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsxs)("div", { className: "matrix-command-popover", role: "dialog", "aria-label": messages.insertEnvironment, hidden: !matrixMenuOpen, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)(
                         "button",
                         {
@@ -7755,14 +8199,14 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         },
                         option.id
                       )) }),
-                      envPaletteMode === "matrix" ? /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)(
+                      envPaletteMode === "matrix" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "matrix-style-options", role: "listbox", "aria-label": messages.matrixType, children: MATRIX_STYLES.map((style) => /* @__PURE__ */ (0, import_jsx_runtime.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);
@@ -7771,8 +8215,8 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         },
                         style.id
                       )) }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "matrix-size-readout", children: matrixHover ? matrixSizeLabel(matrixHover.rows, matrixHover.columns) : matrixSizeLabel(matrixRows, matrixColumns) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("div", { className: "matrix-size-readout", children: matrixHover ? matrixSizeLabel(matrixHover.rows, matrixHover.columns, messages) : matrixSizeLabel(matrixRows, matrixColumns, messages) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.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;
@@ -7784,8 +8228,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: () => {
@@ -7803,7 +8247,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                       ) }),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "matrix-custom-size", children: [
                         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-                          "\u0635\u0641",
+                          messages.row,
                           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                             "input",
                             {
@@ -7816,7 +8260,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                           )
                         ] }),
                         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-                          "\u0639\u0645\u0648\u062F",
+                          messages.column,
                           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                             "input",
                             {
@@ -7842,15 +8286,15 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                               setMatrixHover(null);
                               focusSurface();
                             },
-                            children: "\u0625\u062F\u0631\u0627\u062C"
+                            children: messages.insert
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsxs)("div", { className: "matrix-edit-actions", "aria-label": messages.editSelectedEnvironment, children: [
+                        envPaletteMode === "matrix" ? /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
                           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-                            "\u0639\u0645\u0648\u062F",
+                            messages.column,
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                               "input",
                               {
@@ -7866,24 +8310,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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.jsxs)("button", { type: "button", title: messages.addRow, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.addMatrixRow(), children: [
+                          "+",
+                          messages.row
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", title: messages.removeRow, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.removeMatrixRow(), children: [
+                          "-",
+                          messages.row
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", title: messages.addColumn, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.addMatrixColumn(), children: [
+                          "+",
+                          messages.column
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", title: messages.removeColumn, onMouseDown: (event) => event.preventDefault(), onClick: () => runtimeRef.current?.removeMatrixColumn(), children: [
+                          "-",
+                          messages.column
+                        ] })
                       ] })
                     ] })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": "\u0627\u0644\u0641\u0631\u0627\u063A\u0627\u062A", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": messages.spaces, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                 "div",
                 {
                   className: `spacing-command-menu spacing-command-menu--${activeEditorSide}`,
@@ -7899,8 +8355,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),
@@ -7910,13 +8366,13 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                         ] })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "spacing-command-options", role: "listbox", "aria-label": messages.insertSpace, hidden: !spacingMenuOpen, children: SPACING_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime.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);
@@ -7929,7 +8385,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "spacing-command-glyph__bar" }),
                             command.spacing.direction === "positive" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "spacing-command-glyph__arrow", children: spacingArrow(command, activeEditorSide) }) : null
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "spacing-command-option__name", children: command.title })
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "spacing-command-option__name", children: atomicCommandTitle(command, uiLocale) })
                         ]
                       },
                       command.id
@@ -7937,7 +8393,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "toolbar-group toolbar-functions", role: "group", "aria-label": "\u0627\u0644\u062F\u0648\u0627\u0644", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "toolbar-group toolbar-functions", role: "group", "aria-label": messages.functions, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                   "div",
                   {
@@ -7954,22 +8410,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": messages.insertFunction, hidden: !functionMenuOpen, children: FUNCTION_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime.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);
@@ -7999,22 +8455,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": messages.insertLimitsSeries, hidden: !limitsSeriesMenuOpen, children: LIMITS_SERIES_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime.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);
@@ -8044,22 +8500,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": messages.insertAdditionalFunctions, hidden: !function2MenuOpen, children: FUNCTION2_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime.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);
@@ -8089,22 +8545,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "function-command-options", role: "listbox", "aria-label": messages.insertNumberSets, hidden: !groupMenuOpen, children: GROUP_COMMANDS.map((command) => /* @__PURE__ */ (0, import_jsx_runtime.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);
@@ -8119,7 +8575,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "toolbar-group toolbar-operators", role: "group", "aria-label": "\u0627\u0644\u0639\u0645\u0644\u064A\u0627\u062A", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "toolbar-group toolbar-operators", role: "group", "aria-label": messages.operations, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                   "div",
                   {
@@ -8136,22 +8592,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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);
@@ -8181,22 +8637,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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);
@@ -8226,22 +8682,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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);
@@ -8271,22 +8727,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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);
@@ -8316,22 +8772,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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);
@@ -8346,27 +8802,27 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsxs)("span", { className: "toolbar-script-icon toolbar-script-icon--sup", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "toolbar-group toolbar-scripts", role: "group", "aria-label": messages.scripts, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("span", { className: "toolbar-script-icon toolbar-script-icon--sup", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0646" }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0633" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("span", { className: "toolbar-script-icon toolbar-script-icon--sub", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("span", { className: "toolbar-script-icon toolbar-script-icon--sub", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0646" }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0633" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("span", { className: "toolbar-remove-script-icon toolbar-remove-script-icon--sup", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("span", { className: "toolbar-remove-script-icon toolbar-remove-script-icon--sup", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0646" }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\xD7" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("span", { className: "toolbar-remove-script-icon toolbar-remove-script-icon--sub", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("span", { className: "toolbar-remove-script-icon toolbar-remove-script-icon--sub", "aria-hidden": "true", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u0646" }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\xD7" })
                 ] }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.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_runtime.jsxs)("div", { className: "toolbar-group toolbar-settings", role: "group", "aria-label": messages.inputStyles, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.jsxs)(
                   "div",
                   {
@@ -8385,22 +8841,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "character-font-options", role: "listbox", "aria-label": messages.chooseWritingFont, hidden: !characterFontMenuOpen, children: CHARACTER_FONT_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.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);
@@ -8433,22 +8889,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_runtime.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_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "digit-form-options", role: "listbox", "aria-label": messages.chooseDigitForm, hidden: !digitMenuOpen, children: DIGIT_FORM_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.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);
@@ -8472,15 +8928,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_runtime.jsx)("div", { ref: renderErrorRef, className: "error", hidden: true })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "panel panel-preview", "aria-label": "\u0645\u0639\u0627\u064A\u0646\u0629 \u0627\u0644\u0631\u0633\u0645", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: mathOutputRef, className: "preview-box" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "panel panel-preview", "aria-label": messages.renderPreview, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: mathOutputRef, className: "preview-box" }) }),
           debug ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "panel", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dev-strip", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dev-badge", children: "\u062A\u0637\u0648\u064A\u0631" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dev-badge", children: messages.development }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: latexLinesRef, className: "ascii" }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: passivePreviewRef, className: "passive-preview-text" })
             ] }),
@@ -8503,7 +8959,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_runtime.jsx)(
@@ -8517,7 +8973,7 @@ ${arabic || "\u0641\u0627\u0631\u063A"}`;
                       } catch {
                       }
                     },
-                    children: "\u0646\u0633\u062E \u0633\u062C\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D"
+                    children: messages.copyDebugLog
                   }
                 )
               ] }),
@@ -8846,6 +9302,24 @@ var DOCUMENT_WIDGET_CSS = `
   margin: 0 0 12px;
 }
 
+.butex-document-widget__preview h1 {
+  font-size: 1.75rem;
+  font-weight: 700;
+  line-height: 1.35;
+}
+
+.butex-document-widget__preview h2 {
+  font-size: 1.4rem;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.butex-document-widget__preview h3 {
+  font-size: 1.2rem;
+  font-weight: 600;
+  line-height: 1.45;
+}
+
 .butex-document-widget__preview ul,
 .butex-document-widget__preview ol {
   margin: 0 0 12px;