@luxalgo/vela 0.8.4 → 0.9.0

package/dist/{chunk-ALTGHKIM.js → chunk-YRCL3WMD.js}

@@ -1,4 +1,4 @@
-import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl, announceSurface, holdForExit } from './chunk-I2U4NZD2.js';
+import { msg, svg24, sourceText, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, textOf, localizeNumberText, englishTranslator, VALID, INVALID, MARKER, ACCENT, withValues, injectStyles, iconEl, announceSurface, holdForExit } from './chunk-O6L27KRB.js';
 
 // src/core/model/series.ts
 function isLineLikeSeries(spec) {
@@ -23,13 +23,26 @@ function registerNativeIndicator(descriptor) {
 function unregisterNativeIndicator(type) {
   REGISTRY.delete(type);
 }
-function getNativeIndicator(type) {
-  return REGISTRY.get(type);
+function resolved(d, i18n) {
+  if (typeof d.title === "string" && (d.shortTitle === void 0 || typeof d.shortTitle === "string")) return d;
+  const names = { title: textOf(i18n, d.title) };
+  if (d.shortTitle !== void 0) names.shortTitle = textOf(i18n, d.shortTitle);
+  return Object.assign(Object.create(d), names);
+}
+function getNativeIndicator(type, i18n) {
+  const d = REGISTRY.get(type);
+  return d ? resolved(d, i18n) : void 0;
 }
 function nativeIndicatorTypes() {
   return [...REGISTRY.keys()];
 }
-function nativeIndicatorDescriptors() {
+function nativeIndicatorDescriptors(i18n) {
+  return [...REGISTRY.values()].map((d) => resolved(d, i18n));
+}
+function nativeIndicatorEntry(type) {
+  return REGISTRY.get(type);
+}
+function nativeIndicatorEntries() {
   return [...REGISTRY.values()];
 }
 
@@ -47,15 +60,15 @@ var MIN = 6e4;
 var HOUR = 60 * MIN;
 var DAY = 24 * HOUR;
 var TIMEFRAME_BANDS = [
-  { key: "s", label: "Sec", fromMs: 0 },
-  { key: "1", label: "1m", fromMs: MIN },
-  { key: "5", label: "5m", fromMs: 5 * MIN },
-  { key: "15", label: "15m", fromMs: 15 * MIN },
-  { key: "60", label: "1H", fromMs: HOUR },
-  { key: "240", label: "4H", fromMs: 4 * HOUR },
-  { key: "D", label: "D", fromMs: DAY },
-  { key: "W", label: "W", fromMs: 7 * DAY },
-  { key: "M", label: "M", fromMs: 28 * DAY }
+  { key: "s", label: msg("drawing.showOn.seconds", "Sec"), fromMs: 0 },
+  { key: "1", label: msg("drawing.showOn.minute1", "1m"), fromMs: MIN },
+  { key: "5", label: msg("drawing.showOn.minute5", "5m"), fromMs: 5 * MIN },
+  { key: "15", label: msg("drawing.showOn.minute15", "15m"), fromMs: 15 * MIN },
+  { key: "60", label: msg("drawing.showOn.hour1", "1H"), fromMs: HOUR },
+  { key: "240", label: msg("drawing.showOn.hour4", "4H"), fromMs: 4 * HOUR },
+  { key: "D", label: msg("drawing.showOn.day", "D"), fromMs: DAY },
+  { key: "W", label: msg("drawing.showOn.week", "W"), fromMs: 7 * DAY },
+  { key: "M", label: msg("drawing.showOn.month", "M"), fromMs: 28 * DAY }
 ];
 var BAND_KEYS = new Set(TIMEFRAME_BANDS.map((b) => b.key));
 function timeframeBandOf(barMs) {
@@ -146,6 +159,12 @@ var _Drawing = class _Drawing {
     }
     return { min: lo, max: hi };
   }
+  /** The text a fresh drawing of this type starts with ("Note", "Callout"), as a message,
+   *  or null for a type that seeds none. A new drawing stores its English source; the chart
+   *  that places one interactively writes it in its own language instead. */
+  placeholderText() {
+    return null;
+  }
   /**
    * Editable per-level config for a rich "gear" settings panel (Fibonacci levels):
    * each entry's `color` / `enabled` / `label` is mutated via a `levels.<i>.<field>`
@@ -212,28 +231,33 @@ function setByPath(obj, path, value) {
 
 // src/core/drawings/schema.ts
 var LINE_STYLE_OPTIONS = [
-  { value: "solid", label: "Solid" },
-  { value: "dashed", label: "Dashed" },
-  { value: "dotted", label: "Dotted" }
+  { value: "solid", label: msg("drawing.option.solid", "Solid") },
+  { value: "dashed", label: msg("drawing.option.dashed", "Dashed") },
+  { value: "dotted", label: msg("drawing.option.dotted", "Dotted") }
 ];
 var LINE_FIELDS = [
-  { path: "style.lineColor", label: "Line color", kind: "color", group: "line" },
-  { path: "style.lineWidth", label: "Line width", kind: "number", min: 1, max: 10, step: 1, group: "line" },
-  { path: "style.lineStyle", label: "Line style", kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" }
+  { path: "style.lineColor", label: msg("drawing.field.lineColor", "Line color"), kind: "color", group: "line" },
+  { path: "style.lineWidth", label: msg("drawing.field.lineWidth", "Line width"), kind: "number", min: 1, max: 10, step: 1, group: "line" },
+  { path: "style.lineStyle", label: msg("drawing.field.lineStyle", "Line style"), kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" }
+];
+var BORDER_FIELDS = [
+  { path: "style.lineColor", label: msg("drawing.field.borderColor", "Border color"), kind: "color", group: "line" },
+  { path: "style.lineWidth", label: msg("drawing.field.borderWidth", "Border width"), kind: "number", min: 1, max: 10, step: 1, group: "line" },
+  { path: "style.lineStyle", label: msg("drawing.field.borderStyle", "Border style"), kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" }
 ];
-var FILL_FIELDS = [{ path: "style.fillColor", label: "Fill color", kind: "color", group: "fill" }];
+var FILL_FIELDS = [{ path: "style.fillColor", label: msg("drawing.field.fillColor", "Fill color"), kind: "color", group: "fill" }];
 var TEXT_SIZE_OPTIONS = [
-  { value: "small", label: "Small" },
-  { value: "normal", label: "Normal" },
-  { value: "large", label: "Large" },
-  { value: "huge", label: "Huge" }
+  { value: "small", label: msg("drawing.option.small", "Small") },
+  { value: "normal", label: msg("drawing.option.normal", "Normal") },
+  { value: "large", label: msg("drawing.option.large", "Large") },
+  { value: "huge", label: msg("drawing.option.huge", "Huge") }
 ];
 var TEXT_FIELDS = [
-  { path: "text.value", label: "Text", kind: "text", group: "text" },
-  { path: "text.color", label: "Text color", kind: "color", group: "text" },
-  { path: "text.size", label: "Text size", kind: "select", options: TEXT_SIZE_OPTIONS, group: "text" },
-  { path: "text.bold", label: "Bold", kind: "boolean", group: "text" },
-  { path: "text.italic", label: "Italic", kind: "boolean", group: "text" }
+  { path: "text.value", label: msg("drawing.field.text", "Text"), kind: "text", group: "text" },
+  { path: "text.color", label: msg("drawing.field.textColor", "Text color"), kind: "color", group: "text" },
+  { path: "text.size", label: msg("drawing.field.textSize", "Text size"), kind: "select", options: TEXT_SIZE_OPTIONS, group: "text" },
+  { path: "text.bold", label: msg("drawing.field.bold", "Bold"), kind: "boolean", group: "text" },
+  { path: "text.italic", label: msg("drawing.field.italic", "Italic"), kind: "boolean", group: "text" }
 ];
 
 // src/core/drawings/hittest.ts
@@ -362,9 +386,9 @@ var TrendLine = class extends Drawing {
     return {
       fields: [
         ...LINE_FIELDS,
-        { path: "style.arrowRight", label: "Arrow", kind: "boolean", group: "line" },
-        { path: "style.extendLeft", label: "Extend left", kind: "boolean", group: "line" },
-        { path: "style.extendRight", label: "Extend right", kind: "boolean", group: "line" },
+        { path: "style.arrowRight", label: msg("drawing.trendline.arrowRight", "Arrow"), kind: "boolean", group: "line" },
+        { path: "style.extendLeft", label: msg("drawing.trendline.extendLeft", "Extend left"), kind: "boolean", group: "line" },
+        { path: "style.extendRight", label: msg("drawing.trendline.extendRight", "Extend right"), kind: "boolean", group: "line" },
         ...TEXT_FIELDS
       ]
     };
@@ -713,8 +737,8 @@ var Box = class extends Drawing {
   schema() {
     return {
       fields: [
-        ...LINE_FIELDS.map((f) => ({ ...f, label: f.label.replace("Line", "Border") })),
-        { path: "style.fillColor", label: "Fill color", kind: "color", group: "fill" },
+        ...BORDER_FIELDS,
+        { path: "style.fillColor", label: msg("drawing.box.fillColor", "Fill color"), kind: "color", group: "fill" },
         ...TEXT_FIELDS
       ]
     };
@@ -724,13 +748,16 @@ var Box = class extends Drawing {
 // src/core/drawings/types/PinnedLabel.ts
 var SIZE_PX = { tiny: 10, small: 12, normal: 14, large: 18, huge: 24, auto: 14 };
 var PinnedLabel = class extends Drawing {
-  /** The placeholder string when no text has been entered yet. */
+  /** The placeholder text when no text has been entered yet. */
   defaultLabel() {
-    return "Text";
+    return msg("drawing.text.placeholder", "Text");
+  }
+  placeholderText() {
+    return this.defaultLabel();
   }
   /** The string used to size the approximate hit box (subclasses with computed text override it). */
   labelText() {
-    return this.text?.value ?? this.defaultLabel();
+    return this.text?.value ?? sourceText(this.defaultLabel());
   }
   anchorSchema() {
     return { min: 1, max: 1, slots: [{ role: "p", free: "both" }] };
@@ -784,10 +811,10 @@ var Note = class extends PinnedLabel {
   constructor(init) {
     super(init);
     this.type = "note";
-    if (!this.text) this.text = defaultText("Note");
+    if (!this.text) this.text = defaultText(sourceText(this.defaultLabel()));
   }
   defaultLabel() {
-    return "Note";
+    return msg("drawing.note.placeholder", "Note");
   }
   schema() {
     return { fields: [...LINE_FIELDS, ...FILL_FIELDS, ...TEXT_FIELDS], textIsContent: true };
@@ -816,15 +843,19 @@ var SIZE_PX2 = { tiny: 10, small: 12, normal: 14, large: 18, huge: 24, auto: 14
 var CalloutBase = class extends Drawing {
   constructor(init) {
     super(init);
-    if (!this.text) this.text = defaultText(this.defaultLabel());
+    if (!this.text) this.text = defaultText(sourceText(this.defaultLabel()));
   }
   /** The placeholder text seeded for a fresh annotation. */
   defaultLabel() {
-    return "Callout";
+    return msg("drawing.callout.placeholder", "Callout");
+  }
+  placeholderText() {
+    const label = this.defaultLabel();
+    return sourceText(label) === "" ? null : label;
   }
   /** The string used to size the approximate hit box (auto-text subclasses override it). */
   labelText() {
-    return this.text?.value ?? this.defaultLabel();
+    return this.text?.value ?? sourceText(this.defaultLabel());
   }
   anchorSchema() {
     return { min: 2, max: 2, slots: [{ role: "target", free: "both" }, { role: "box", free: "both" }] };
@@ -929,7 +960,7 @@ var Comment = class extends CalloutBase {
     this.type = "comment";
   }
   defaultLabel() {
-    return "Comment";
+    return msg("drawing.comment.placeholder", "Comment");
   }
 };
 
@@ -940,7 +971,7 @@ var Signpost = class extends CalloutBase {
     this.type = "signpost";
   }
   defaultLabel() {
-    return "Signpost";
+    return msg("drawing.signpost.placeholder", "Signpost");
   }
 };
 
@@ -1369,15 +1400,15 @@ var RegressionChannel = class extends Drawing {
   schema() {
     return {
       fields: [
-        { path: "reg.midColor", label: "Midline color", kind: "color", group: "line" },
-        { path: "reg.midStyle", label: "Midline style", kind: "lineStyle", group: "line" },
-        { path: "reg.upperColor", label: "Upper line color", kind: "color", group: "line" },
-        { path: "reg.upperStyle", label: "Upper line style", kind: "lineStyle", group: "line" },
-        { path: "reg.lowerColor", label: "Lower line color", kind: "color", group: "line" },
-        { path: "reg.lowerStyle", label: "Lower line style", kind: "lineStyle", group: "line" },
-        { path: "reg.upperFill", label: "Upper fill", kind: "color", group: "fill" },
-        { path: "reg.lowerFill", label: "Lower fill", kind: "color", group: "fill" },
-        { path: "reg.showR2", label: "Show R\xB2", kind: "boolean", group: "behavior" }
+        { path: "reg.midColor", label: msg("drawing.regressionchannel.regMidColor", "Midline color"), kind: "color", group: "line" },
+        { path: "reg.midStyle", label: msg("drawing.regressionchannel.regMidStyle", "Midline style"), kind: "lineStyle", group: "line" },
+        { path: "reg.upperColor", label: msg("drawing.regressionchannel.regUpperColor", "Upper line color"), kind: "color", group: "line" },
+        { path: "reg.upperStyle", label: msg("drawing.regressionchannel.regUpperStyle", "Upper line style"), kind: "lineStyle", group: "line" },
+        { path: "reg.lowerColor", label: msg("drawing.regressionchannel.regLowerColor", "Lower line color"), kind: "color", group: "line" },
+        { path: "reg.lowerStyle", label: msg("drawing.regressionchannel.regLowerStyle", "Lower line style"), kind: "lineStyle", group: "line" },
+        { path: "reg.upperFill", label: msg("drawing.regressionchannel.regUpperFill", "Upper fill"), kind: "color", group: "fill" },
+        { path: "reg.lowerFill", label: msg("drawing.regressionchannel.regLowerFill", "Lower fill"), kind: "color", group: "fill" },
+        { path: "reg.showR2", label: msg("drawing.regressionchannel.regShowR2", "Show R²"), kind: "boolean", group: "behavior" }
       ]
     };
   }
@@ -1527,12 +1558,12 @@ var AnchoredVwap = class extends Drawing {
   schema() {
     return {
       fields: [
-        { path: "vwap.midColor", label: "VWAP color", kind: "color", group: "line" },
-        { path: "vwap.midStyle", label: "VWAP style", kind: "lineStyle", group: "line" },
-        { path: "vwap.multiplier", label: "Band multiplier", kind: "number", min: 0.5, max: 5, step: 0.5, group: "behavior" },
-        { path: "vwap.upperColor", label: "Upper band color", kind: "color", group: "line" },
-        { path: "vwap.lowerColor", label: "Lower band color", kind: "color", group: "line" },
-        { path: "vwap.bandFill", label: "Band fill", kind: "color", group: "fill" }
+        { path: "vwap.midColor", label: msg("drawing.anchoredvwap.vwapMidColor", "VWAP color"), kind: "color", group: "line" },
+        { path: "vwap.midStyle", label: msg("drawing.anchoredvwap.vwapMidStyle", "VWAP style"), kind: "lineStyle", group: "line" },
+        { path: "vwap.multiplier", label: msg("drawing.anchoredvwap.vwapMultiplier", "Band multiplier"), kind: "number", min: 0.5, max: 5, step: 0.5, group: "behavior" },
+        { path: "vwap.upperColor", label: msg("drawing.anchoredvwap.vwapUpperColor", "Upper band color"), kind: "color", group: "line" },
+        { path: "vwap.lowerColor", label: msg("drawing.anchoredvwap.vwapLowerColor", "Lower band color"), kind: "color", group: "line" },
+        { path: "vwap.bandFill", label: msg("drawing.anchoredvwap.vwapBandFill", "Band fill"), kind: "color", group: "fill" }
       ]
     };
   }
@@ -1835,38 +1866,38 @@ var FixedRangeVolumeProfile = class extends Drawing {
   schema() {
     return {
       fields: [
-        { path: "frvp.rows", label: "Rows", kind: "number", min: 1, max: 500, step: 1, group: "behavior" },
-        { path: "frvp.valueAreaPct", label: "Value Area", kind: "number", min: 0, max: 100, step: 1, group: "behavior" },
-        { path: "frvp.widthPct", label: "Width %", kind: "number", min: 0, max: 100, step: 1, group: "behavior" },
+        { path: "frvp.rows", label: msg("drawing.fixedrangevp.frvpRows", "Rows"), kind: "number", min: 1, max: 500, step: 1, group: "behavior" },
+        { path: "frvp.valueAreaPct", label: msg("drawing.fixedrangevp.frvpValueAreaPct", "Value Area"), kind: "number", min: 0, max: 100, step: 1, group: "behavior" },
+        { path: "frvp.widthPct", label: msg("drawing.fixedrangevp.frvpWidthPct", "Width %"), kind: "number", min: 0, max: 100, step: 1, group: "behavior" },
         {
           path: "frvp.anchor",
-          label: "Anchor",
+          label: msg("drawing.fixedrangevp.frvpAnchor", "Anchor"),
           kind: "select",
           options: [
-            { value: "right", label: "Right" },
-            { value: "left", label: "Left" }
+            { value: "right", label: msg("drawing.fixedrangevp.option.right", "Right") },
+            { value: "left", label: msg("drawing.fixedrangevp.option.left", "Left") }
           ],
           group: "behavior"
         },
-        { path: "frvp.upColor", label: "Up Volume", kind: "color", group: "fill" },
-        { path: "frvp.downColor", label: "Down Volume", kind: "color", group: "fill" },
-        { path: "frvp.vaUpColor", label: "Value Area Up", kind: "color", group: "fill" },
-        { path: "frvp.vaDownColor", label: "Value Area Down", kind: "color", group: "fill" },
-        { path: "frvp.showVah", label: "VAH", kind: "boolean", group: "line" },
-        { path: "frvp.vahColor", label: "VAH color", kind: "color", group: "line" },
-        { path: "frvp.vahStyle", label: "VAH style", kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" },
-        { path: "frvp.showVal", label: "VAL", kind: "boolean", group: "line" },
-        { path: "frvp.valColor", label: "VAL color", kind: "color", group: "line" },
-        { path: "frvp.valStyle", label: "VAL style", kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" },
-        { path: "frvp.showPoc", label: "POC", kind: "boolean", group: "line" },
-        { path: "frvp.pocColor", label: "POC color", kind: "color", group: "line" },
-        { path: "frvp.pocStyle", label: "POC style", kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" },
-        { path: "frvp.showDevelopingPoc", label: "Developing POC", kind: "boolean", group: "line" },
-        { path: "frvp.developingPocColor", label: "Developing POC color", kind: "color", group: "line" },
-        { path: "frvp.developingPocStyle", label: "Developing POC style", kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" },
-        { path: "frvp.showDevelopingVa", label: "Developing VA", kind: "boolean", group: "line" },
-        { path: "frvp.developingVaColor", label: "Developing VA color", kind: "color", group: "line" },
-        { path: "frvp.developingVaStyle", label: "Developing VA style", kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" }
+        { path: "frvp.upColor", label: msg("drawing.fixedrangevp.frvpUpColor", "Up Volume"), kind: "color", group: "fill" },
+        { path: "frvp.downColor", label: msg("drawing.fixedrangevp.frvpDownColor", "Down Volume"), kind: "color", group: "fill" },
+        { path: "frvp.vaUpColor", label: msg("drawing.fixedrangevp.frvpVaUpColor", "Value Area Up"), kind: "color", group: "fill" },
+        { path: "frvp.vaDownColor", label: msg("drawing.fixedrangevp.frvpVaDownColor", "Value Area Down"), kind: "color", group: "fill" },
+        { path: "frvp.showVah", label: msg("drawing.fixedrangevp.frvpShowVah", "VAH"), kind: "boolean", group: "line" },
+        { path: "frvp.vahColor", label: msg("drawing.fixedrangevp.frvpVahColor", "VAH color"), kind: "color", group: "line" },
+        { path: "frvp.vahStyle", label: msg("drawing.fixedrangevp.frvpVahStyle", "VAH style"), kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" },
+        { path: "frvp.showVal", label: msg("drawing.fixedrangevp.frvpShowVal", "VAL"), kind: "boolean", group: "line" },
+        { path: "frvp.valColor", label: msg("drawing.fixedrangevp.frvpValColor", "VAL color"), kind: "color", group: "line" },
+        { path: "frvp.valStyle", label: msg("drawing.fixedrangevp.frvpValStyle", "VAL style"), kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" },
+        { path: "frvp.showPoc", label: msg("drawing.fixedrangevp.frvpShowPoc", "POC"), kind: "boolean", group: "line" },
+        { path: "frvp.pocColor", label: msg("drawing.fixedrangevp.frvpPocColor", "POC color"), kind: "color", group: "line" },
+        { path: "frvp.pocStyle", label: msg("drawing.fixedrangevp.frvpPocStyle", "POC style"), kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" },
+        { path: "frvp.showDevelopingPoc", label: msg("drawing.fixedrangevp.frvpShowDevelopingPoc", "Developing POC"), kind: "boolean", group: "line" },
+        { path: "frvp.developingPocColor", label: msg("drawing.fixedrangevp.frvpDevelopingPocColor", "Developing POC color"), kind: "color", group: "line" },
+        { path: "frvp.developingPocStyle", label: msg("drawing.fixedrangevp.frvpDevelopingPocStyle", "Developing POC style"), kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" },
+        { path: "frvp.showDevelopingVa", label: msg("drawing.fixedrangevp.frvpShowDevelopingVa", "Developing VA"), kind: "boolean", group: "line" },
+        { path: "frvp.developingVaColor", label: msg("drawing.fixedrangevp.frvpDevelopingVaColor", "Developing VA color"), kind: "color", group: "line" },
+        { path: "frvp.developingVaStyle", label: msg("drawing.fixedrangevp.frvpDevelopingVaStyle", "Developing VA style"), kind: "lineStyle", options: LINE_STYLE_OPTIONS, group: "line" }
       ]
     };
   }
@@ -2136,8 +2167,8 @@ var Arrow = class extends Drawing {
     return {
       fields: [
         ...LINE_FIELDS,
-        { path: "style.arrowRight", label: "Head (end)", kind: "boolean", group: "line" },
-        { path: "style.arrowLeft", label: "Head (start)", kind: "boolean", group: "line" },
+        { path: "style.arrowRight", label: msg("drawing.arrow.arrowRight", "Head (end)"), kind: "boolean", group: "line" },
+        { path: "style.arrowLeft", label: msg("drawing.arrow.arrowLeft", "Head (start)"), kind: "boolean", group: "line" },
         ...TEXT_FIELDS
       ]
     };
@@ -2327,8 +2358,8 @@ var Freehand = class extends BrushStroke {
 
 // src/core/drawings/types/Highlighter.ts
 var HIGHLIGHTER_FIELDS = [
-  { path: "style.lineColor", label: "Color", kind: "color", group: "line" },
-  { path: "style.lineWidth", label: "Width", kind: "number", min: 4, max: 60, step: 1, group: "line" }
+  { path: "style.lineColor", label: msg("drawing.highlighter.lineColor", "Color"), kind: "color", group: "line" },
+  { path: "style.lineWidth", label: msg("drawing.highlighter.lineWidth", "Width"), kind: "number", min: 4, max: 60, step: 1, group: "line" }
 ];
 var Highlighter = class extends BrushStroke {
   constructor() {
@@ -2447,7 +2478,7 @@ var RotatedRect = class extends SegmentDrawing {
     return { min: Math.min(...ps), max: Math.max(...ps) };
   }
   schema() {
-    return { fields: [...LINE_FIELDS.map((f) => ({ ...f, label: f.label.replace("Line", "Border") })), ...FILL_FIELDS, ...TEXT_FIELDS] };
+    return { fields: [...BORDER_FIELDS, ...FILL_FIELDS, ...TEXT_FIELDS] };
   }
 };
 
@@ -2529,7 +2560,7 @@ var Arc = class extends SegmentDrawing {
     return { min: Math.min(...ps), max: Math.max(...ps) };
   }
   schema() {
-    return { fields: [...LINE_FIELDS.map((f) => ({ ...f, label: f.label.replace("Line", "Border") })), ...FILL_FIELDS, ...TEXT_FIELDS] };
+    return { fields: [...BORDER_FIELDS, ...FILL_FIELDS, ...TEXT_FIELDS] };
   }
 };
 
@@ -2645,7 +2676,7 @@ var ArrowMark = class extends Drawing {
     return a ? { min: a.price, max: a.price } : null;
   }
   schema() {
-    return { fields: [{ path: "style.lineColor", label: "Color", kind: "color", group: "line" }, ...TEXT_FIELDS] };
+    return { fields: [{ path: "style.lineColor", label: msg("drawing.arrowmarkup.lineColor", "Color"), kind: "color", group: "line" }, ...TEXT_FIELDS] };
   }
 };
 var ArrowMarkUp = class extends ArrowMark {
@@ -2668,7 +2699,7 @@ var ArrowMarkDown = class extends ArrowMark {
 };
 
 // src/core/drawings/types/GlyphStamp.ts
-var GLYPH_OPTIONS = ["\u2605", "\u2606", "\u25CF", "\u25C6", "\u25B2", "\u25BC", "\u27A4", "\u2691", "\u271A", "\u2715", "\u2764", "\u2666"];
+var GLYPH_OPTIONS = ["★", "☆", "●", "◆", "▲", "▼", "➤", "⚑", "✚", "✕", "❤", "♦"];
 var STAMP_SIZE_OPTIONS = ["small", "normal", "large", "huge"];
 var STAMP_PX = { small: 16, normal: 22, large: 32, huge: 44 };
 var GlyphStamp = class extends Drawing {
@@ -2717,9 +2748,9 @@ var GlyphStamp = class extends Drawing {
   schema() {
     return {
       fields: [
-        { path: "glyph", label: "Icon", kind: "select", options: GLYPH_OPTIONS.map((g) => ({ value: g, label: g })), group: "line" },
-        { path: "size", label: "Size", kind: "select", options: STAMP_SIZE_OPTIONS.map((s) => ({ value: s, label: s })), group: "line" },
-        { path: "style.lineColor", label: "Color", kind: "color", group: "line" },
+        { path: "glyph", label: msg("drawing.flagmark.glyph", "Icon"), kind: "select", options: GLYPH_OPTIONS.map((g) => ({ value: g, label: g })), group: "line" },
+        { path: "size", label: msg("drawing.flagmark.size", "Size"), kind: "select", options: STAMP_SIZE_OPTIONS.map((s) => ({ value: s, label: s })), group: "line" },
+        { path: "style.lineColor", label: msg("drawing.flagmark.lineColor", "Color"), kind: "color", group: "line" },
         ...TEXT_FIELDS
       ]
     };
@@ -2738,7 +2769,7 @@ var FlagMark = class extends GlyphStamp {
     this.type = "flagmark";
   }
   defaultGlyph() {
-    return "\u2691";
+    return "⚑";
   }
 };
 var IconStamp = class extends GlyphStamp {
@@ -2747,7 +2778,7 @@ var IconStamp = class extends GlyphStamp {
     this.type = "iconstamp";
   }
   defaultGlyph() {
-    return "\u2605";
+    return "★";
   }
 };
 
@@ -2906,8 +2937,8 @@ var FibLevels = class extends FibRatios {
     return {
       fields: [
         ...base.fields,
-        { path: "style.extendLeft", label: "Extend left", kind: "boolean", group: "line" },
-        { path: "style.extendRight", label: "Extend right", kind: "boolean", group: "line" }
+        { path: "style.extendLeft", label: msg("drawing.field.extendLeft", "Extend left"), kind: "boolean", group: "line" },
+        { path: "style.extendRight", label: msg("drawing.field.extendRight", "Extend right"), kind: "boolean", group: "line" }
       ]
     };
   }
@@ -3026,19 +3057,19 @@ function ladder(ratios, on, colors = {}) {
 var FIB_PRESETS = [
   {
     key: "classic",
-    label: "Classic",
+    label: msg("drawing.fibPreset.classic", "Classic"),
     reverse: false,
     levels: ladder(LADDER, [0, 0.236, 0.382, 0.5, 0.618, 0.786, 1])
   },
   {
     key: "extension",
-    label: "Extension",
+    label: msg("drawing.fibPreset.extension", "Extension"),
     reverse: true,
     levels: ladder(LADDER, [0, 1, 1.272, 1.414, 1.618, 2, 2.618, 3.618, 4.236])
   },
   {
     key: "ote",
-    label: "OTE",
+    label: msg("drawing.fibPreset.ote", "OTE"),
     reverse: false,
     // The entry zone reads as one band.
     levels: ladder(OTE_LADDER, [0, 0.5, 0.62, 0.705, 0.79, 1, -0.27, -0.62], { "0.62": LEVEL_AMBER, "0.79": LEVEL_AMBER })
@@ -3999,7 +4030,7 @@ var DedekindTessellation = class extends Drawing {
         ...LINE_FIELDS,
         {
           path: "maxCurvature",
-          label: "Max curvature",
+          label: msg("drawing.dedekind.maxCurvature", "Max curvature"),
           kind: "number",
           min: 4,
           max: 64,
@@ -4041,7 +4072,7 @@ function sanitizeLevel2(v) {
 }
 var SHOW_RATIOS_FIELD = {
   path: "showRatios",
-  label: "Show ratios",
+  label: msg("drawing.sonic.showRatios", "Show ratios"),
   kind: "boolean",
   group: "behavior"
 };
@@ -4193,7 +4224,7 @@ var MachFigure = class extends Drawing {
         ...LINE_FIELDS,
         {
           path: "waveCount",
-          label: "Waves",
+          label: msg("drawing.sonic.waveCount", "Waves"),
           kind: "number",
           min: 3,
           max: 12,
@@ -4253,7 +4284,7 @@ var Supersonic = class extends MachFigure {
         ...LINE_FIELDS,
         {
           path: "mach",
-          label: "Mach number",
+          label: msg("drawing.supersonic.mach", "Mach number"),
           kind: "number",
           min: 1.5,
           max: 5,
@@ -4262,7 +4293,7 @@ var Supersonic = class extends MachFigure {
         },
         {
           path: "waveCount",
-          label: "Waves",
+          label: msg("drawing.supersonic.waveCount", "Waves"),
           kind: "number",
           min: 3,
           max: 12,
@@ -4327,7 +4358,7 @@ var GoldenSupersonic = class extends MachFigure {
         ...LINE_FIELDS,
         {
           path: "mach",
-          label: "Mach number",
+          label: msg("drawing.goldensupersonic.mach", "Mach number"),
           kind: "number",
           min: 1.5,
           max: 5,
@@ -4484,13 +4515,16 @@ var ElliottCorrection = class extends PatternDrawing {
 };
 
 // src/core/drawings/types/HeadShoulders.ts
+var LEFT_SHOULDER = msg("drawing.headshoulders.leftShoulder", "LS");
+var HEAD = msg("drawing.headshoulders.head", "H");
+var RIGHT_SHOULDER = msg("drawing.headshoulders.rightShoulder", "RS");
 var HeadShoulders = class extends PatternDrawing {
   constructor() {
     super(...arguments);
     this.type = "headshoulders";
   }
   vertexLabels() {
-    return ["", "LS", "", "H", "", "RS", ""];
+    return ["", LEFT_SHOULDER, "", HEAD, "", RIGHT_SHOULDER, ""];
   }
   necklineIndices() {
     return [2, 4];
@@ -4554,7 +4588,7 @@ var Gartley = class extends HarmonicPattern {
     this.type = "gartley";
   }
   patternName() {
-    return "Gartley";
+    return msg("drawing.gartley.patternName", "Gartley");
   }
   ranges() {
     return { ab: { min: 0.55, max: 0.68 }, bc: { min: 0.382, max: 0.886 }, cd: { min: 1.13, max: 1.618 }, ad: { min: 0.74, max: 0.83 } };
@@ -4568,7 +4602,7 @@ var Bat = class extends HarmonicPattern {
     this.type = "bat";
   }
   patternName() {
-    return "Bat";
+    return msg("drawing.bat.patternName", "Bat");
   }
   ranges() {
     return { ab: { min: 0.382, max: 0.5 }, bc: { min: 0.382, max: 0.886 }, cd: { min: 1.618, max: 2.618 }, ad: { min: 0.84, max: 0.92 } };
@@ -4582,7 +4616,7 @@ var Butterfly = class extends HarmonicPattern {
     this.type = "butterfly";
   }
   patternName() {
-    return "Butterfly";
+    return msg("drawing.butterfly.patternName", "Butterfly");
   }
   ranges() {
     return { ab: { min: 0.74, max: 0.83 }, bc: { min: 0.382, max: 0.886 }, cd: { min: 1.618, max: 2.618 }, ad: { min: 1.272, max: 1.618 } };
@@ -4596,7 +4630,7 @@ var Crab = class extends HarmonicPattern {
     this.type = "crab";
   }
   patternName() {
-    return "Crab";
+    return msg("drawing.crab.patternName", "Crab");
   }
   ranges() {
     return { ab: { min: 0.382, max: 0.618 }, bc: { min: 0.382, max: 0.886 }, cd: { min: 2.618, max: 3.618 }, ad: { min: 1.55, max: 1.69 } };
@@ -4610,7 +4644,7 @@ var Shark = class extends HarmonicPattern {
     this.type = "shark";
   }
   patternName() {
-    return "Shark";
+    return msg("drawing.shark.patternName", "Shark");
   }
   ranges() {
     return { ab: { min: 0.382, max: 0.618 }, bc: { min: 1.13, max: 1.618 }, cd: { min: 1.618, max: 2.24 }, ad: { min: 0.886, max: 1.13 } };
@@ -4626,7 +4660,7 @@ var Cypher = class extends HarmonicPattern {
     this.type = "cypher";
   }
   patternName() {
-    return "Cypher";
+    return msg("drawing.cypher.patternName", "Cypher");
   }
   ranges() {
     return { ab: { min: 0.382, max: 0.618 }, bc: { min: 0, max: Infinity }, cd: { min: 0, max: Infinity }, ad: { min: 0, max: Infinity } };
@@ -4660,27 +4694,13 @@ var Cypher = class extends HarmonicPattern {
 };
 
 // src/core/drawings/types/MeasureBox.ts
+var MEASURE_TEXT = {
+  priceChange: msg("drawing.measure.priceChange", "{change} ({percent}%)"),
+  barsAndDuration: msg("drawing.measure.barsAndDuration", "{count, plural, one {{bars} bar} other {{bars} bars}}, {duration}")
+};
 function signed(n) {
   return `${n >= 0 ? "+" : ""}${n.toFixed(2)}`;
 }
-function formatDuration(ms) {
-  const m = Math.abs(ms);
-  const DAY2 = 864e5;
-  const HR = 36e5;
-  const MIN2 = 6e4;
-  if (m >= DAY2) {
-    const d = Math.floor(m / DAY2);
-    const h = Math.round(m % DAY2 / HR);
-    return h ? `${d}d ${h}h` : `${d}d`;
-  }
-  if (m >= HR) {
-    const h = Math.floor(m / HR);
-    const mn = Math.round(m % HR / MIN2);
-    return mn ? `${h}h ${mn}m` : `${h}h`;
-  }
-  if (m >= MIN2) return `${Math.round(m / MIN2)}m`;
-  return `${Math.round(m / 1e3)}s`;
-}
 var MeasureBox = class extends Drawing {
   constructor(init) {
     super(init);
@@ -4692,11 +4712,12 @@ var MeasureBox = class extends Drawing {
   }
   // Placed click-move-click (the inherited 'click' mode): first click sets a corner, the second
   // sets the opposite one — consistent with the box/Gann tools.
-  /** The measurement lines, filtered by the enabled toggles. */
-  measureLabel(proj) {
+  /** The measurement lines, filtered by the enabled toggles, in `i18n`'s language
+   *  (English without one). */
+  measureLabel(proj, i18n) {
     const lines = [];
-    if (this.showPrice) lines.push(this.priceLabel());
-    if (this.showDate) lines.push(this.timeLabel(proj));
+    if (this.showPrice) lines.push(this.priceLabel(i18n));
+    if (this.showDate) lines.push(this.timeLabel(proj, i18n));
     return lines;
   }
   /** Up (later price ≥ earlier) → green; else red. */
@@ -4706,22 +4727,22 @@ var MeasureBox = class extends Drawing {
     return a != null && b != null && b.price >= a.price;
   }
   /** Formatted `Δprice (Δ%)` between the two anchors. */
-  priceLabel() {
+  priceLabel(i18n) {
     const a = this.anchors[0];
     const b = this.anchors[1];
     if (!a || !b) return "";
     const delta = b.price - a.price;
     const percent = a.price !== 0 ? delta / a.price * 100 : 0;
-    return `${signed(delta)} (${signed(percent)}%)`;
+    return textOf(i18n, MEASURE_TEXT.priceChange, { change: localizeNumberText(signed(delta), i18n), percent: localizeNumberText(signed(percent), i18n) });
   }
   /** Formatted `N bars, duration` between the two anchors (bars only when the projector knows). */
-  timeLabel(proj) {
+  timeLabel(proj, i18n) {
     const a = this.anchors[0];
     const b = this.anchors[1];
     if (!a || !b) return "";
-    const duration = formatDuration(b.time - a.time);
+    const duration = (i18n ?? englishTranslator()).format.duration(b.time - a.time, { style: "span", surface: "drawing" });
     const bars = proj.barsBetween ? Math.round(proj.barsBetween(a.time, b.time)) : null;
-    return bars != null ? `${bars} bars, ${duration}` : duration;
+    return bars != null ? textOf(i18n, MEASURE_TEXT.barsAndDuration, { count: bars, bars: localizeNumberText(String(bars), i18n), duration }) : duration;
   }
   rect(proj) {
     const a = this.anchors[0];
@@ -4757,12 +4778,12 @@ var MeasureBox = class extends Drawing {
   schema() {
     return {
       fields: [
-        { path: "showPrice", label: "Show price", kind: "boolean", group: "behavior" },
-        { path: "showDate", label: "Show date", kind: "boolean", group: "behavior" },
+        { path: "showPrice", label: msg("drawing.measure.showPrice", "Show price"), kind: "boolean", group: "behavior" },
+        { path: "showDate", label: msg("drawing.measure.showDate", "Show date"), kind: "boolean", group: "behavior" },
         ...LINE_FIELDS.filter((f) => f.path !== "style.lineColor"),
         // box border (the fill is direction-tinted)
-        { path: "text.color", label: "Text color", kind: "color", group: "text" },
-        { path: "text.size", label: "Text size", kind: "select", options: TEXT_SIZE_OPTIONS, group: "text" }
+        { path: "text.color", label: msg("drawing.field.textColor", "Text color"), kind: "color", group: "text" },
+        { path: "text.size", label: msg("drawing.field.textSize", "Text size"), kind: "select", options: TEXT_SIZE_OPTIONS, group: "text" }
       ]
     };
   }
@@ -4784,9 +4805,17 @@ var DatePriceRange = class extends MeasureBox {
 };
 
 // src/core/drawings/types/PositionTool.ts
+var POSITION_TEXT = {
+  header: msg("drawing.position.header", "{direction, select, long {LONG} other {SHORT}}  ·  R:R {ratio}"),
+  lossSize: msg("drawing.position.lossSize", "Loss {loss}  ·  Size {size}"),
+  target: msg("drawing.position.targetLabel", "Target +{percent}%"),
+  targetAt: msg("drawing.position.targetLabelAt", "Target +{percent}%  @ {price}"),
+  stop: msg("drawing.position.stopLabel", "Stop −{percent}%"),
+  stopAt: msg("drawing.position.stopLabelAt", "Stop −{percent}%  @ {price}")
+};
 var DIRECTION_OPTIONS = [
-  { value: "long", label: "Long" },
-  { value: "short", label: "Short" }
+  { value: "long", label: msg("drawing.position.option.long", "Long") },
+  { value: "short", label: msg("drawing.position.option.short", "Short") }
 ];
 var _PositionTool = class _PositionTool extends Drawing {
   constructor(init) {
@@ -4964,7 +4993,7 @@ var _PositionTool = class _PositionTool extends Drawing {
     const p = this.prices();
     return p && p.entry !== 0 ? Math.abs(p.entry - p.stop) / p.entry * 100 : 0;
   }
-  /** Dollar amount risked at the stop = accountBalance × riskPercent / 100. */
+  /** Amount risked at the stop, in the balance's units = accountBalance × riskPercent / 100. */
   dollarLoss() {
     return Math.max(0, this.accountBalance) * (Math.max(0, this.riskPercent) / 100);
   }
@@ -4976,25 +5005,34 @@ var _PositionTool = class _PositionTool extends Drawing {
     return risk < 1e-9 ? 0 : this.dollarLoss() / risk;
   }
   // ── painted label lines (each respects its own toggle; the painter checks showText) ──
-  /** `DIR · R:R x.xx` — the always-on header when text is shown. */
-  headerLabel() {
-    return `${this.directionLabel()}  \xB7  R:R ${this.rr().toFixed(2)}`;
+  /** `DIR · R:R x.xx` — the always-on header when text is shown, in `i18n`'s language
+   *  (English without one). */
+  headerLabel(i18n) {
+    return textOf(i18n, POSITION_TEXT.header, {
+      direction: this.directionLabel() === "LONG" ? "long" : "short",
+      ratio: localizeNumberText(this.rr().toFixed(2), i18n)
+    });
   }
-  /** `Loss $… · Size …` — the painter hides it when showLossSize is off. */
-  lossSizeLabel() {
-    return `Loss $${formatMoney(this.dollarLoss())}  \xB7  Size ${formatQty(this.positionSize())}`;
+  /** `Loss … · Size …` — the painter hides it when showLossSize is off. */
+  lossSizeLabel(i18n) {
+    return textOf(i18n, POSITION_TEXT.lossSize, {
+      loss: localizeNumberText(formatMoney(this.dollarLoss()), i18n),
+      size: localizeNumberText(formatQty(this.positionSize()), i18n)
+    });
   }
   /** `Target +x.xx%`, with the level price appended when showPrices is on. */
-  targetLabel() {
+  targetLabel(i18n) {
     const p = this.prices();
-    const at = this.showPrices && p ? `  @ ${formatPrice(p.target)}` : "";
-    return `Target +${this.rewardPct().toFixed(2)}%${at}`;
+    const percent = localizeNumberText(this.rewardPct().toFixed(2), i18n);
+    if (this.showPrices && p) return textOf(i18n, POSITION_TEXT.targetAt, { percent, price: localizeNumberText(formatPrice(p.target), i18n) });
+    return textOf(i18n, POSITION_TEXT.target, { percent });
   }
   /** `Stop −x.xx%`, with the level price appended when showPrices is on. */
-  stopLabel() {
+  stopLabel(i18n) {
     const p = this.prices();
-    const at = this.showPrices && p ? `  @ ${formatPrice(p.stop)}` : "";
-    return `Stop \u2212${this.riskPct().toFixed(2)}%${at}`;
+    const percent = localizeNumberText(this.riskPct().toFixed(2), i18n);
+    if (this.showPrices && p) return textOf(i18n, POSITION_TEXT.stopAt, { percent, price: localizeNumberText(formatPrice(p.stop), i18n) });
+    return textOf(i18n, POSITION_TEXT.stop, { percent });
   }
   // ── stop/target input units (the gear panel's Price / Points dropdowns) ──
   /** The stop or target expressed in the given unit: the absolute price, or the distance from
@@ -5063,24 +5101,24 @@ var _PositionTool = class _PositionTool extends Drawing {
   schema() {
     return {
       fields: [
-        { path: "riskPercent", label: "Risk %", kind: "number", min: 0, max: 100, step: 0.1, group: "behavior" },
-        { path: "accountBalance", label: "Account balance", kind: "number", min: 0, max: 1e12, step: 1, group: "behavior" },
-        { path: "quantity", label: "Position size", kind: "number", group: "behavior" },
-        { path: "direction", label: "Direction", kind: "select", options: DIRECTION_OPTIONS, group: "behavior" },
-        { path: "entryPrice", label: "Entry price", kind: "number", group: "behavior" },
-        { path: "stopPrice", label: "Stop price", kind: "number", group: "behavior" },
-        { path: "targetPrice", label: "Target price", kind: "number", group: "behavior" },
-        { path: "showText", label: "Show text", kind: "boolean", group: "behavior" },
-        { path: "showHeader", label: "Show direction & ratio", kind: "boolean", group: "behavior" },
-        { path: "showLossSize", label: "Show loss & size", kind: "boolean", group: "behavior" },
-        { path: "showTargetLabel", label: "Show target label", kind: "boolean", group: "behavior" },
-        { path: "showStopLabel", label: "Show stop label", kind: "boolean", group: "behavior" },
-        { path: "showPrices", label: "Show level prices", kind: "boolean", group: "behavior" },
-        { path: "profitColor", label: "Profit zone", kind: "color", group: "fill" },
-        { path: "lossColor", label: "Loss zone", kind: "color", group: "fill" },
+        { path: "riskPercent", label: msg("drawing.position.riskPercent", "Risk %"), kind: "number", min: 0, max: 100, step: 0.1, group: "behavior" },
+        { path: "accountBalance", label: msg("drawing.position.accountBalance", "Account balance"), kind: "number", min: 0, max: 1e12, step: 1, group: "behavior" },
+        { path: "quantity", label: msg("drawing.position.quantity", "Position size"), kind: "number", group: "behavior" },
+        { path: "direction", label: msg("drawing.position.direction", "Direction"), kind: "select", options: DIRECTION_OPTIONS, group: "behavior" },
+        { path: "entryPrice", label: msg("drawing.position.entryPrice", "Entry price"), kind: "number", group: "behavior" },
+        { path: "stopPrice", label: msg("drawing.position.stopPrice", "Stop price"), kind: "number", group: "behavior" },
+        { path: "targetPrice", label: msg("drawing.position.targetPrice", "Target price"), kind: "number", group: "behavior" },
+        { path: "showText", label: msg("drawing.position.showText", "Show text"), kind: "boolean", group: "behavior" },
+        { path: "showHeader", label: msg("drawing.position.showHeader", "Show direction & ratio"), kind: "boolean", group: "behavior" },
+        { path: "showLossSize", label: msg("drawing.position.showLossSize", "Show loss & size"), kind: "boolean", group: "behavior" },
+        { path: "showTargetLabel", label: msg("drawing.position.showTargetLabel", "Show target label"), kind: "boolean", group: "behavior" },
+        { path: "showStopLabel", label: msg("drawing.position.showStopLabel", "Show stop label"), kind: "boolean", group: "behavior" },
+        { path: "showPrices", label: msg("drawing.position.showPrices", "Show level prices"), kind: "boolean", group: "behavior" },
+        { path: "profitColor", label: msg("drawing.position.profitColor", "Profit zone"), kind: "color", group: "fill" },
+        { path: "lossColor", label: msg("drawing.position.lossColor", "Loss zone"), kind: "color", group: "fill" },
         ...LINE_FIELDS.filter((f) => f.path !== "style.lineColor"),
-        { path: "text.color", label: "Text color", kind: "color", group: "text" },
-        { path: "text.size", label: "Text size", kind: "select", options: TEXT_SIZE_OPTIONS, group: "text" }
+        { path: "text.color", label: msg("drawing.position.textColor", "Text color"), kind: "color", group: "text" },
+        { path: "text.size", label: msg("drawing.position.textSize", "Text size"), kind: "select", options: TEXT_SIZE_OPTIONS, group: "text" }
       ]
     };
   }
@@ -5149,14 +5187,14 @@ function roundFloat(n) {
 
 // src/core/drawings/types/Magnifier.ts
 var MAGNIFIER_TIMEFRAME_OPTIONS = [
-  { value: "auto", label: "Auto", ms: 0 },
-  { value: "1", label: "1m", ms: 6e4 },
-  { value: "5", label: "5m", ms: 3e5 },
-  { value: "15", label: "15m", ms: 9e5 },
-  { value: "30", label: "30m", ms: 18e5 },
-  { value: "60", label: "1h", ms: 36e5 },
-  { value: "240", label: "4h", ms: 144e5 },
-  { value: "D", label: "1D", ms: 864e5 }
+  { value: "auto", label: msg("drawing.magnifier.option.auto", "Auto"), ms: 0 },
+  { value: "1", label: msg("drawing.magnifier.option.n1", "1m"), ms: 6e4 },
+  { value: "5", label: msg("drawing.magnifier.option.n5", "5m"), ms: 3e5 },
+  { value: "15", label: msg("drawing.magnifier.option.n15", "15m"), ms: 9e5 },
+  { value: "30", label: msg("drawing.magnifier.option.n30", "30m"), ms: 18e5 },
+  { value: "60", label: msg("drawing.magnifier.option.n60", "1h"), ms: 36e5 },
+  { value: "240", label: msg("drawing.magnifier.option.n240", "4h"), ms: 144e5 },
+  { value: "D", label: msg("drawing.magnifier.option.d", "1D"), ms: 864e5 }
 ];
 function magnifierTimeframesBelow(chartMs) {
   if (!(chartMs > 0)) return [...MAGNIFIER_TIMEFRAME_OPTIONS];
@@ -5238,14 +5276,14 @@ var Magnifier = class extends Drawing {
       fields: [
         {
           path: "magnifier.timeframe",
-          label: "Timeframe",
+          label: msg("drawing.magnifier.magnifierTimeframe", "Timeframe"),
           kind: "select",
           options: MAGNIFIER_TIMEFRAME_OPTIONS,
           group: "behavior"
         },
-        ...LINE_FIELDS.map((f) => ({ ...f, label: f.label.replace("Line", "Border") })),
-        { path: "magnifier.upColor", label: "Up candles", kind: "color", group: "fill" },
-        { path: "magnifier.downColor", label: "Down candles", kind: "color", group: "fill" }
+        ...BORDER_FIELDS,
+        { path: "magnifier.upColor", label: msg("drawing.magnifier.magnifierUpColor", "Up candles"), kind: "color", group: "fill" },
+        { path: "magnifier.downColor", label: msg("drawing.magnifier.magnifierDownColor", "Down candles"), kind: "color", group: "fill" }
       ]
     };
   }
@@ -5448,10 +5486,10 @@ var PriceActionZone = class extends PriceActionTool {
 
 // src/core/drawings/types/FairValueGap.ts
 var EXTEND_OPTIONS = [
-  { value: "tested", label: "Until tested" },
-  { value: "half", label: "Until 50%" },
-  { value: "filled", label: "Until filled" },
-  { value: "always", label: "Always" }
+  { value: "tested", label: msg("drawing.fairvaluegap.option.tested", "Until tested") },
+  { value: "half", label: msg("drawing.fairvaluegap.option.half", "Until 50%") },
+  { value: "filled", label: msg("drawing.fairvaluegap.option.filled", "Until filled") },
+  { value: "always", label: msg("drawing.fairvaluegap.option.always", "Always") }
 ];
 function defaults() {
   return { extend: "filled", upColor: `${BULLISH}33`, downColor: `${BEARISH}33`, midline: true, border: false, fade: true, inverse: false };
@@ -5475,13 +5513,13 @@ var FairValueGap = class extends PriceActionZone {
   schema() {
     return {
       fields: [
-        { path: "gap.extend", label: "Extend right", kind: "select", options: EXTEND_OPTIONS, group: "behavior" },
-        { path: "gap.upColor", label: "Bullish", kind: "color", group: "fill" },
-        { path: "gap.downColor", label: "Bearish", kind: "color", group: "fill" },
-        { path: "gap.midline", label: "Midline", kind: "boolean", group: "line" },
-        { path: "gap.border", label: "Border", kind: "boolean", group: "line" },
-        { path: "gap.fade", label: "Fade at end", kind: "boolean", group: "behavior", when: { path: "gap.extend", in: ["tested", "half", "filled"] } },
-        { path: "gap.inverse", label: "Flip on close", kind: "boolean", group: "behavior", when: { path: "gap.extend", in: ["filled"] } }
+        { path: "gap.extend", label: msg("drawing.fairvaluegap.gapExtend", "Extend right"), kind: "select", options: EXTEND_OPTIONS, group: "behavior" },
+        { path: "gap.upColor", label: msg("drawing.fairvaluegap.gapUpColor", "Bullish"), kind: "color", group: "fill" },
+        { path: "gap.downColor", label: msg("drawing.fairvaluegap.gapDownColor", "Bearish"), kind: "color", group: "fill" },
+        { path: "gap.midline", label: msg("drawing.fairvaluegap.gapMidline", "Midline"), kind: "boolean", group: "line" },
+        { path: "gap.border", label: msg("drawing.fairvaluegap.gapBorder", "Border"), kind: "boolean", group: "line" },
+        { path: "gap.fade", label: msg("drawing.fairvaluegap.gapFade", "Fade at end"), kind: "boolean", group: "behavior", when: { path: "gap.extend", in: ["tested", "half", "filled"] } },
+        { path: "gap.inverse", label: msg("drawing.fairvaluegap.gapInverse", "Flip on close"), kind: "boolean", group: "behavior", when: { path: "gap.extend", in: ["filled"] } }
       ]
     };
   }
@@ -5505,14 +5543,14 @@ var FairValueGap = class extends PriceActionZone {
 
 // src/core/drawings/types/OrderBlock.ts
 var RANGE_OPTIONS = [
-  { value: "body", label: "Body" },
-  { value: "wick", label: "Full range" }
+  { value: "body", label: msg("drawing.orderblock.option.body", "Body") },
+  { value: "wick", label: msg("drawing.orderblock.option.wick", "Full range") }
 ];
 var EXTEND_OPTIONS2 = [
-  { value: "tested", label: "Until tested" },
-  { value: "half", label: "Until 50%" },
-  { value: "broken", label: "Until broken" },
-  { value: "always", label: "Always" }
+  { value: "tested", label: msg("drawing.orderblock.option.tested", "Until tested") },
+  { value: "half", label: msg("drawing.orderblock.option.half", "Until 50%") },
+  { value: "broken", label: msg("drawing.orderblock.option.broken", "Until broken") },
+  { value: "always", label: msg("drawing.orderblock.option.always", "Always") }
 ];
 function defaults2() {
   return { range: "body", extend: "broken", upColor: `${BULLISH}29`, downColor: `${BEARISH}29`, midline: true, border: true, fade: true, breaker: true };
@@ -5536,14 +5574,14 @@ var OrderBlock = class extends PriceActionZone {
   schema() {
     return {
       fields: [
-        { path: "block.range", label: "Zone", kind: "select", options: RANGE_OPTIONS, group: "behavior" },
-        { path: "block.extend", label: "Extend right", kind: "select", options: EXTEND_OPTIONS2, group: "behavior" },
-        { path: "block.upColor", label: "Bullish", kind: "color", group: "fill" },
-        { path: "block.downColor", label: "Bearish", kind: "color", group: "fill" },
-        { path: "block.midline", label: "Midline", kind: "boolean", group: "line" },
-        { path: "block.border", label: "Border", kind: "boolean", group: "line" },
-        { path: "block.fade", label: "Fade at end", kind: "boolean", group: "behavior", when: { path: "block.extend", in: ["tested", "half", "broken"] } },
-        { path: "block.breaker", label: "Breaker", kind: "boolean", group: "behavior", when: { path: "block.extend", in: ["broken"] } }
+        { path: "block.range", label: msg("drawing.orderblock.blockRange", "Zone"), kind: "select", options: RANGE_OPTIONS, group: "behavior" },
+        { path: "block.extend", label: msg("drawing.orderblock.blockExtend", "Extend right"), kind: "select", options: EXTEND_OPTIONS2, group: "behavior" },
+        { path: "block.upColor", label: msg("drawing.orderblock.blockUpColor", "Bullish"), kind: "color", group: "fill" },
+        { path: "block.downColor", label: msg("drawing.orderblock.blockDownColor", "Bearish"), kind: "color", group: "fill" },
+        { path: "block.midline", label: msg("drawing.orderblock.blockMidline", "Midline"), kind: "boolean", group: "line" },
+        { path: "block.border", label: msg("drawing.orderblock.blockBorder", "Border"), kind: "boolean", group: "line" },
+        { path: "block.fade", label: msg("drawing.orderblock.blockFade", "Fade at end"), kind: "boolean", group: "behavior", when: { path: "block.extend", in: ["tested", "half", "broken"] } },
+        { path: "block.breaker", label: msg("drawing.orderblock.blockBreaker", "Breaker"), kind: "boolean", group: "behavior", when: { path: "block.extend", in: ["broken"] } }
       ]
     };
   }
@@ -5568,9 +5606,9 @@ var OrderBlock = class extends PriceActionZone {
 
 // src/core/drawings/types/Liquidity.ts
 var EXTEND_OPTIONS3 = [
-  { value: "swept", label: "Until swept" },
-  { value: "broken", label: "Until broken" },
-  { value: "always", label: "Always" }
+  { value: "swept", label: msg("drawing.liquidity.option.swept", "Until swept") },
+  { value: "broken", label: msg("drawing.liquidity.option.broken", "Until broken") },
+  { value: "always", label: msg("drawing.liquidity.option.always", "Always") }
 ];
 function defaults3() {
   return { extend: "swept", markSweep: true };
@@ -5626,8 +5664,8 @@ var Liquidity = class extends PriceActionTool {
     return {
       fields: [
         ...LINE_FIELDS,
-        { path: "liq.extend", label: "Extend right", kind: "select", options: EXTEND_OPTIONS3, group: "behavior" },
-        { path: "liq.markSweep", label: "Mark sweep", kind: "boolean", group: "behavior" }
+        { path: "liq.extend", label: msg("drawing.liquidity.liqExtend", "Extend right"), kind: "select", options: EXTEND_OPTIONS3, group: "behavior" },
+        { path: "liq.markSweep", label: msg("drawing.liquidity.liqMarkSweep", "Mark sweep"), kind: "boolean", group: "behavior" }
       ]
     };
   }
@@ -5649,10 +5687,24 @@ var REGISTRY2 = /* @__PURE__ */ new Map();
 function registerDrawingType(meta) {
   REGISTRY2.set(meta.type, meta);
 }
-function getDrawingType(type) {
+function resolved2(meta, i18n) {
+  if (typeof meta.label === "string" && (meta.placementHint === void 0 || typeof meta.placementHint === "string")) return meta;
+  const out = { ...meta, label: textOf(i18n, meta.label), placementHint: void 0 };
+  if (meta.placementHint !== void 0) out.placementHint = textOf(i18n, meta.placementHint);
+  else delete out.placementHint;
+  return out;
+}
+function getDrawingType(type, i18n) {
+  const meta = REGISTRY2.get(type);
+  return meta ? resolved2(meta, i18n) : void 0;
+}
+function drawingTypes(i18n) {
+  return [...REGISTRY2.values()].map((meta) => resolved2(meta, i18n));
+}
+function drawingTypeEntry(type) {
   return REGISTRY2.get(type);
 }
-function drawingTypes() {
+function drawingTypeEntries() {
   return [...REGISTRY2.values()];
 }
 function createDrawing(type, init) {
@@ -5684,7 +5736,7 @@ var HLINE_ICON = svg24('<line x1="3" y1="12" x2="21" y2="12"/>');
 registerDrawingType({
   type: "trendline",
   group: "lines",
-  label: "Trend Line",
+  label: msg("drawing.trendline.label", "Trend Line"),
   icon: LINE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new TrendLine(init)
@@ -5692,7 +5744,7 @@ registerDrawingType({
 registerDrawingType({
   type: "hline",
   group: "lines",
-  label: "Horizontal Line",
+  label: msg("drawing.hline.label", "Horizontal Line"),
   icon: HLINE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "dashed" },
   create: (init) => new HorizontalLine(init)
@@ -5703,7 +5755,7 @@ var TEXT_ICON = svg24('<path d="M5 6h14M12 6v13"/>');
 registerDrawingType({
   type: "ray",
   group: "lines",
-  label: "Ray",
+  label: msg("drawing.ray.label", "Ray"),
   icon: RAY_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new Ray(init)
@@ -5717,7 +5769,7 @@ var TRENDANGLE_ICON = svg24('<path d="M4 20 20 6"/><path d="M4 20 15 20"/><path
 registerDrawingType({
   type: "extendedline",
   group: "lines",
-  label: "Extended Line",
+  label: msg("drawing.extendedline.label", "Extended Line"),
   icon: EXTLINE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new ExtendedLine(init)
@@ -5725,7 +5777,7 @@ registerDrawingType({
 registerDrawingType({
   type: "vline",
   group: "lines",
-  label: "Vertical Line",
+  label: msg("drawing.vline.label", "Vertical Line"),
   icon: VLINE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new VerticalLine(init)
@@ -5733,7 +5785,7 @@ registerDrawingType({
 registerDrawingType({
   type: "hray",
   group: "lines",
-  label: "Horizontal Ray",
+  label: msg("drawing.hray.label", "Horizontal Ray"),
   icon: HRAY_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new HorizontalRay(init)
@@ -5741,7 +5793,7 @@ registerDrawingType({
 registerDrawingType({
   type: "crossline",
   group: "lines",
-  label: "Cross Line",
+  label: msg("drawing.crossline.label", "Cross Line"),
   icon: CROSSLINE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new CrossLine(init)
@@ -5749,7 +5801,7 @@ registerDrawingType({
 registerDrawingType({
   type: "infoline",
   group: "lines",
-  label: "Info Line",
+  label: msg("drawing.infoline.label", "Info Line"),
   icon: INFOLINE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new InfoLine(init)
@@ -5757,7 +5809,7 @@ registerDrawingType({
 registerDrawingType({
   type: "trendangle",
   group: "lines",
-  label: "Trend Angle",
+  label: msg("drawing.trendangle.label", "Trend Angle"),
   icon: TRENDANGLE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new TrendAngle(init)
@@ -5765,7 +5817,7 @@ registerDrawingType({
 registerDrawingType({
   type: "box",
   group: "shapes",
-  label: "Rectangle",
+  label: msg("drawing.box.label", "Rectangle"),
   icon: BOX_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}26` },
   create: (init) => new Box(init)
@@ -5773,7 +5825,7 @@ registerDrawingType({
 registerDrawingType({
   type: "text",
   group: "annotations",
-  label: "Text",
+  label: msg("drawing.text.label", "Text"),
   icon: TEXT_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new TextLabel(init)
@@ -5782,7 +5834,7 @@ var CALLOUT_ICON = svg24('<path d="M5 4h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-6l-5 5
 registerDrawingType({
   type: "callout",
   group: "annotations",
-  label: "Callout",
+  label: msg("drawing.callout.label", "Callout"),
   icon: CALLOUT_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}d9` },
   create: (init) => new Callout(init)
@@ -5795,7 +5847,7 @@ var SIGNPOST_ICON = svg24('<path d="M12 11.5V21"/><rect x="5" y="4" width="14" h
 registerDrawingType({
   type: "note",
   group: "annotations",
-  label: "Note",
+  label: msg("drawing.note.label", "Note"),
   icon: NOTE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}d9` },
   create: (init) => new Note(init)
@@ -5803,7 +5855,7 @@ registerDrawingType({
 registerDrawingType({
   type: "pricenote",
   group: "annotations",
-  label: "Price Note",
+  label: msg("drawing.pricenote.label", "Price Note"),
   icon: PRICE_NOTE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}d9` },
   create: (init) => new PriceNote(init)
@@ -5811,7 +5863,7 @@ registerDrawingType({
 registerDrawingType({
   type: "comment",
   group: "annotations",
-  label: "Comment",
+  label: msg("drawing.comment.label", "Comment"),
   icon: COMMENT_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}d9` },
   create: (init) => new Comment(init)
@@ -5819,7 +5871,7 @@ registerDrawingType({
 registerDrawingType({
   type: "pricelabel",
   group: "annotations",
-  label: "Price Label",
+  label: msg("drawing.pricelabel.label", "Price Label"),
   icon: PRICE_LABEL_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}d9` },
   create: (init) => new PriceLabel(init)
@@ -5827,7 +5879,7 @@ registerDrawingType({
 registerDrawingType({
   type: "signpost",
   group: "annotations",
-  label: "Signpost",
+  label: msg("drawing.signpost.label", "Signpost"),
   icon: SIGNPOST_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}d9` },
   create: (init) => new Signpost(init)
@@ -5838,7 +5890,7 @@ var PITCHFORK_ICON = svg24('<circle cx="4" cy="12" r="1.6" fill="currentColor"/>
 registerDrawingType({
   type: "parallelchannel",
   group: "channels",
-  label: "Parallel Channel",
+  label: msg("drawing.parallelchannel.label", "Parallel Channel"),
   icon: PARALLEL_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}1a` },
   create: (init) => new ParallelChannel(init)
@@ -5846,7 +5898,7 @@ registerDrawingType({
 registerDrawingType({
   type: "disjointchannel",
   group: "channels",
-  label: "Disjoint Channel",
+  label: msg("drawing.disjointchannel.label", "Disjoint Channel"),
   icon: DISJOINT_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}1a` },
   create: (init) => new DisjointChannel(init)
@@ -5855,7 +5907,7 @@ var FLATTOP_ICON = svg24('<line x1="3" y1="7" x2="21" y2="7"/><line x1="3" y1="1
 registerDrawingType({
   type: "flattopbottom",
   group: "channels",
-  label: "Flat Top/Bottom",
+  label: msg("drawing.flattopbottom.label", "Flat Top/Bottom"),
   icon: FLATTOP_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}1a` },
   create: (init) => new FlatTopBottom(init)
@@ -5864,7 +5916,7 @@ var REGRESSION_ICON = svg24('<line x1="3" y1="8" x2="21" y2="4"/><line x1="3" y1
 registerDrawingType({
   type: "regressionchannel",
   group: "channels",
-  label: "Linear Regression",
+  label: msg("drawing.regressionchannel.label", "Linear Regression"),
   icon: REGRESSION_ICON,
   defaultStyle: { lineColor: NEUTRAL, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new RegressionChannel(init)
@@ -5872,7 +5924,7 @@ registerDrawingType({
 registerDrawingType({
   type: "pitchfork",
   group: "pitchforks",
-  label: "Pitchfork",
+  label: msg("drawing.pitchfork.label", "Pitchfork"),
   icon: PITCHFORK_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new Pitchfork(init)
@@ -5883,7 +5935,7 @@ var INSIDE_ICON = svg24('<line x1="4" y1="12" x2="10" y2="12"/><line x1="10" y1=
 registerDrawingType({
   type: "schiffpitchfork",
   group: "pitchforks",
-  label: "Schiff Pitchfork",
+  label: msg("drawing.schiffpitchfork.label", "Schiff Pitchfork"),
   icon: SCHIFF_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new SchiffPitchfork(init)
@@ -5891,7 +5943,7 @@ registerDrawingType({
 registerDrawingType({
   type: "modifiedschiffpitchfork",
   group: "pitchforks",
-  label: "Modified Schiff Pitchfork",
+  label: msg("drawing.modifiedschiffpitchfork.label", "Modified Schiff Pitchfork"),
   icon: MODSCHIFF_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new ModifiedSchiffPitchfork(init)
@@ -5899,7 +5951,7 @@ registerDrawingType({
 registerDrawingType({
   type: "insidepitchfork",
   group: "pitchforks",
-  label: "Inside Pitchfork",
+  label: msg("drawing.insidepitchfork.label", "Inside Pitchfork"),
   icon: INSIDE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new InsidePitchfork(init)
@@ -5910,7 +5962,7 @@ var TRIANGLE_ICON = svg24('<path d="M12 4 20 19 4 19Z"/>');
 registerDrawingType({
   type: "arrow",
   group: "shapes",
-  label: "Arrow",
+  label: msg("drawing.arrow.label", "Arrow"),
   icon: ARROW_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", arrowRight: true },
   create: (init) => new Arrow(init)
@@ -5918,7 +5970,7 @@ registerDrawingType({
 registerDrawingType({
   type: "ellipse",
   group: "shapes",
-  label: "Ellipse",
+  label: msg("drawing.ellipse.label", "Ellipse"),
   icon: ELLIPSE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}1a` },
   create: (init) => new Ellipse(init)
@@ -5926,7 +5978,7 @@ registerDrawingType({
 registerDrawingType({
   type: "triangle",
   group: "shapes",
-  label: "Triangle",
+  label: msg("drawing.triangle.label", "Triangle"),
   icon: TRIANGLE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}1a` },
   create: (init) => new Triangle(init)
@@ -5937,7 +5989,7 @@ var HIGHLIGHTER_ICON = svg24('<path d="M9 11 15 5l4 4-6 6H9Z"/><path d="M9 15l-2
 registerDrawingType({
   type: "polyline",
   group: "shapes",
-  label: "Polyline",
+  label: msg("drawing.polyline.label", "Polyline"),
   icon: POLYLINE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new Polyline(init)
@@ -5945,7 +5997,7 @@ registerDrawingType({
 registerDrawingType({
   type: "freehand",
   group: "shapes",
-  label: "Brush",
+  label: msg("drawing.freehand.label", "Brush"),
   icon: FREEHAND_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new Freehand(init)
@@ -5953,7 +6005,7 @@ registerDrawingType({
 registerDrawingType({
   type: "highlighter",
   group: "shapes",
-  label: "Highlighter",
+  label: msg("drawing.highlighter.label", "Highlighter"),
   icon: HIGHLIGHTER_ICON,
   // A marker: wide + translucent by default (the alpha in the color is the highlight's see-through).
   defaultStyle: { lineColor: `${MARKER}59`, lineWidth: 14, lineStyle: "solid" },
@@ -5969,7 +6021,7 @@ var ARROW_DOWN_ICON = svg24('<path d="M12 5 12 19"/><path d="M6 13 12 19 18 13"/
 registerDrawingType({
   type: "circle",
   group: "shapes",
-  label: "Circle",
+  label: msg("drawing.circle.label", "Circle"),
   icon: CIRCLE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}1a` },
   create: (init) => new Circle(init)
@@ -5977,7 +6029,7 @@ registerDrawingType({
 registerDrawingType({
   type: "rotatedrect",
   group: "shapes",
-  label: "Rotated Rectangle",
+  label: msg("drawing.rotatedrect.label", "Rotated Rectangle"),
   icon: ROTRECT_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}26` },
   create: (init) => new RotatedRect(init)
@@ -5985,7 +6037,7 @@ registerDrawingType({
 registerDrawingType({
   type: "path",
   group: "shapes",
-  label: "Path",
+  label: msg("drawing.path.label", "Path"),
   icon: PATH_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new Path(init)
@@ -5993,7 +6045,7 @@ registerDrawingType({
 registerDrawingType({
   type: "arc",
   group: "shapes",
-  label: "Arc",
+  label: msg("drawing.arc.label", "Arc"),
   icon: ARC_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid", fillColor: `${DEFAULT_DRAWING_COLOR}26` },
   create: (init) => new Arc(init)
@@ -6001,7 +6053,7 @@ registerDrawingType({
 registerDrawingType({
   type: "curve",
   group: "shapes",
-  label: "Curve",
+  label: msg("drawing.curve.label", "Curve"),
   icon: CURVE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new Curve(init)
@@ -6009,7 +6061,7 @@ registerDrawingType({
 registerDrawingType({
   type: "arrowmarkup",
   group: "shapes",
-  label: "Arrow Mark Up",
+  label: msg("drawing.arrowmarkup.label", "Arrow Mark Up"),
   icon: ARROW_UP_ICON,
   defaultStyle: { lineColor: BULLISH, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new ArrowMarkUp(init)
@@ -6017,7 +6069,7 @@ registerDrawingType({
 registerDrawingType({
   type: "arrowmarkdown",
   group: "shapes",
-  label: "Arrow Mark Down",
+  label: msg("drawing.arrowmarkdown.label", "Arrow Mark Down"),
   icon: ARROW_DOWN_ICON,
   defaultStyle: { lineColor: BEARISH, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new ArrowMarkDown(init)
@@ -6027,7 +6079,7 @@ var ICON_STAMP_ICON = svg24('<path d="m12 3 2.6 5.8 6.4.6-4.8 4.2 1.4 6.2L12 16.
 registerDrawingType({
   type: "flagmark",
   group: "stamps",
-  label: "Flag",
+  label: msg("drawing.flagmark.label", "Flag"),
   icon: FLAG_MARK_ICON,
   defaultStyle: { lineColor: ACCENT, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FlagMark(init)
@@ -6035,7 +6087,7 @@ registerDrawingType({
 registerDrawingType({
   type: "iconstamp",
   group: "stamps",
-  label: "Icon",
+  label: msg("drawing.iconstamp.label", "Icon"),
   icon: ICON_STAMP_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new IconStamp(init)
@@ -6045,7 +6097,7 @@ var FIB_EXTEND_ICON = svg24('<line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1
 registerDrawingType({
   type: "fibretracement",
   group: "fibonacci",
-  label: "Fib Retracement",
+  label: msg("drawing.fibretracement.label", "Fib Retracement"),
   icon: FIB_RETRACE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibRetracement(init)
@@ -6053,7 +6105,7 @@ registerDrawingType({
 registerDrawingType({
   type: "fibextension",
   group: "fibonacci",
-  label: "Fib Extension",
+  label: msg("drawing.fibextension.label", "Fib Extension"),
   icon: FIB_EXTEND_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibExtension(init)
@@ -6062,7 +6114,7 @@ var FIB_TREND_ICON = svg24('<path d="M3 20 10 9l4 5"/><path d="M14 14h7M14 9h7M1
 registerDrawingType({
   type: "fibextensiontrend",
   group: "fibonacci",
-  label: "Trend-Based Fib Extension",
+  label: msg("drawing.fibextensiontrend.label", "Trend-Based Fib Extension"),
   icon: FIB_TREND_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibExtensionTrend(init)
@@ -6072,7 +6124,7 @@ var FIB_TZ_ICON = svg24('<path d="M3 5v14M6 5v14M11 5v14M19 5v14"/>');
 registerDrawingType({
   type: "fibfan",
   group: "fibonacci",
-  label: "Fib Fan",
+  label: msg("drawing.fibfan.label", "Fib Fan"),
   icon: FIB_FAN_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibFan(init)
@@ -6080,7 +6132,7 @@ registerDrawingType({
 registerDrawingType({
   type: "fibtimezones",
   group: "fibonacci",
-  label: "Fib Time Zones",
+  label: msg("drawing.fibtimezones.label", "Fib Time Zones"),
   icon: FIB_TZ_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "dashed" },
   create: (init) => new FibTimeZones(init)
@@ -6091,7 +6143,7 @@ var FIB_TRENDTIME_ICON = svg24('<path d="M3 19 9 8M9 8 12 5v14M14 5v14M18 5v14M2
 registerDrawingType({
   type: "fibchannel",
   group: "fibonacci",
-  label: "Fib Channel",
+  label: msg("drawing.fibchannel.label", "Fib Channel"),
   icon: FIB_CHANNEL_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibChannel(init)
@@ -6099,7 +6151,7 @@ registerDrawingType({
 registerDrawingType({
   type: "fibspeedfan",
   group: "fibonacci",
-  label: "Fib Speed Resistance Fan",
+  label: msg("drawing.fibspeedfan.label", "Fib Speed Resistance Fan"),
   icon: FIB_SPEEDFAN_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibSpeedFan(init)
@@ -6107,7 +6159,7 @@ registerDrawingType({
 registerDrawingType({
   type: "trendfibtime",
   group: "fibonacci",
-  label: "Trend-Based Fib Time",
+  label: msg("drawing.trendfibtime.label", "Trend-Based Fib Time"),
   icon: FIB_TRENDTIME_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "dashed" },
   create: (init) => new TrendFibTime(init)
@@ -6119,7 +6171,7 @@ var FIB_SPIRAL_ICON = svg24('<path d="M13 12a2 2 0 1 1-2-2 4 4 0 0 1 4 4 6 6 0 0
 registerDrawingType({
   type: "fibcircles",
   group: "fibonacci",
-  label: "Fib Circles",
+  label: msg("drawing.fibcircles.label", "Fib Circles"),
   icon: FIB_CIRCLES_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibCircles(init)
@@ -6127,7 +6179,7 @@ registerDrawingType({
 registerDrawingType({
   type: "fibarcs",
   group: "fibonacci",
-  label: "Fib Speed Resistance Arcs",
+  label: msg("drawing.fibarcs.label", "Fib Speed Resistance Arcs"),
   icon: FIB_ARCS_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibArcs(init)
@@ -6135,7 +6187,7 @@ registerDrawingType({
 registerDrawingType({
   type: "fibwedge",
   group: "fibonacci",
-  label: "Fib Wedge",
+  label: msg("drawing.fibwedge.label", "Fib Wedge"),
   icon: FIB_WEDGE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FibWedge(init)
@@ -6143,7 +6195,7 @@ registerDrawingType({
 registerDrawingType({
   type: "fibspiral",
   group: "fibonacci",
-  label: "Fib Spiral",
+  label: msg("drawing.fibspiral.label", "Fib Spiral"),
   icon: FIB_SPIRAL_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new FibSpiral(init)
@@ -6153,7 +6205,7 @@ var GANN_BOX_ICON = svg24('<rect x="4" y="4" width="16" height="16" rx="1"/><pat
 registerDrawingType({
   type: "gannfan",
   group: "fibonacci",
-  label: "Gann Fan",
+  label: msg("drawing.gannfan.label", "Gann Fan"),
   icon: GANN_FAN_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new GannFan(init)
@@ -6161,7 +6213,7 @@ registerDrawingType({
 registerDrawingType({
   type: "gannbox",
   group: "fibonacci",
-  label: "Gann Box",
+  label: msg("drawing.gannbox.label", "Gann Box"),
   icon: GANN_BOX_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new GannBox(init)
@@ -6170,7 +6222,7 @@ var GANN_SQUARE_ICON = svg24('<rect x="4" y="4" width="16" height="16" rx="1"/><
 registerDrawingType({
   type: "gannsquare",
   group: "fibonacci",
-  label: "Gann Square",
+  label: msg("drawing.gannsquare.label", "Gann Square"),
   icon: GANN_SQUARE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new GannSquare(init)
@@ -6181,7 +6233,7 @@ var DEDEKIND_ICON = svg24(
 registerDrawingType({
   type: "dedekind",
   group: "geometry",
-  label: "Dedekind Tessellation",
+  label: msg("drawing.dedekind.label", "Dedekind Tessellation"),
   icon: DEDEKIND_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new DedekindTessellation(init)
@@ -6195,7 +6247,7 @@ var SUPERSONIC_ICON = svg24(
 registerDrawingType({
   type: "sonic",
   group: "geometry",
-  label: "Sonic",
+  label: msg("drawing.sonic.label", "Sonic"),
   icon: SONIC_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new Sonic(init)
@@ -6203,7 +6255,7 @@ registerDrawingType({
 registerDrawingType({
   type: "supersonic",
   group: "geometry",
-  label: "Supersonic",
+  label: msg("drawing.supersonic.label", "Supersonic"),
   icon: SUPERSONIC_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new Supersonic(init)
@@ -6217,7 +6269,7 @@ var GOLDEN_SUPERSONIC_ICON = svg24(
 registerDrawingType({
   type: "goldensonic",
   group: "geometry",
-  label: "Golden Sonic",
+  label: msg("drawing.goldensonic.label", "Golden Sonic"),
   icon: GOLDEN_SONIC_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new GoldenSonic(init)
@@ -6225,7 +6277,7 @@ registerDrawingType({
 registerDrawingType({
   type: "goldensupersonic",
   group: "geometry",
-  label: "Golden Supersonic",
+  label: msg("drawing.goldensupersonic.label", "Golden Supersonic"),
   icon: GOLDEN_SUPERSONIC_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new GoldenSupersonic(init)
@@ -6238,7 +6290,7 @@ var HEAD_SHOULDERS_ICON = svg24('<path d="M3 18 6 12 9 16 12 5 15 16 18 12 21 18
 registerDrawingType({
   type: "xabcd",
   group: "patterns",
-  label: "XABCD Pattern",
+  label: msg("drawing.xabcd.label", "XABCD Pattern"),
   icon: XABCD_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new XABCD(init)
@@ -6246,7 +6298,7 @@ registerDrawingType({
 registerDrawingType({
   type: "abcd",
   group: "patterns",
-  label: "ABCD Pattern",
+  label: msg("drawing.abcd.label", "ABCD Pattern"),
   icon: ABCD_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new ABCDPattern(init)
@@ -6254,7 +6306,7 @@ registerDrawingType({
 registerDrawingType({
   type: "elliottimpulse",
   group: "patterns",
-  label: "Elliott Impulse Wave (1-5)",
+  label: msg("drawing.elliottimpulse.label", "Elliott Impulse Wave (1-5)"),
   icon: ELLIOTT_IMPULSE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new ElliottImpulse(init)
@@ -6262,7 +6314,7 @@ registerDrawingType({
 registerDrawingType({
   type: "elliottcorrection",
   group: "patterns",
-  label: "Elliott Correction Wave (ABC)",
+  label: msg("drawing.elliottcorrection.label", "Elliott Correction Wave (ABC)"),
   icon: ELLIOTT_CORRECTION_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new ElliottCorrection(init)
@@ -6270,24 +6322,24 @@ registerDrawingType({
 registerDrawingType({
   type: "headshoulders",
   group: "patterns",
-  label: "Head & Shoulders",
+  label: msg("drawing.headshoulders.label", "Head & Shoulders"),
   icon: HEAD_SHOULDERS_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new HeadShoulders(init)
 });
 var HARMONIC_ICON = svg24('<path d="M3 17 7 6 12 14 17 5 21 16"/><path d="M3 17 21 16" opacity="0.45"/>');
 var harmonic = { group: "patterns", icon: HARMONIC_ICON, defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" } };
-registerDrawingType({ type: "gartley", label: "Gartley", ...harmonic, create: (init) => new Gartley(init) });
-registerDrawingType({ type: "bat", label: "Bat", ...harmonic, create: (init) => new Bat(init) });
-registerDrawingType({ type: "butterfly", label: "Butterfly", ...harmonic, create: (init) => new Butterfly(init) });
-registerDrawingType({ type: "crab", label: "Crab", ...harmonic, create: (init) => new Crab(init) });
-registerDrawingType({ type: "shark", label: "Shark", ...harmonic, create: (init) => new Shark(init) });
-registerDrawingType({ type: "cypher", label: "Cypher", ...harmonic, create: (init) => new Cypher(init) });
+registerDrawingType({ type: "gartley", label: msg("drawing.gartley.label", "Gartley"), ...harmonic, create: (init) => new Gartley(init) });
+registerDrawingType({ type: "bat", label: msg("drawing.bat.label", "Bat"), ...harmonic, create: (init) => new Bat(init) });
+registerDrawingType({ type: "butterfly", label: msg("drawing.butterfly.label", "Butterfly"), ...harmonic, create: (init) => new Butterfly(init) });
+registerDrawingType({ type: "crab", label: msg("drawing.crab.label", "Crab"), ...harmonic, create: (init) => new Crab(init) });
+registerDrawingType({ type: "shark", label: msg("drawing.shark.label", "Shark"), ...harmonic, create: (init) => new Shark(init) });
+registerDrawingType({ type: "cypher", label: msg("drawing.cypher.label", "Cypher"), ...harmonic, create: (init) => new Cypher(init) });
 var MEASURE_ICON = svg24('<rect x="4" y="6" width="16" height="12" rx="1"/><path d="M4 18 20 6" opacity="0.5"/>');
 registerDrawingType({
   type: "datepricerange",
   group: "measure",
-  label: "Date & Price Range",
+  label: msg("drawing.datepricerange.label", "Date & Price Range"),
   icon: MEASURE_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new DatePriceRange(init)
@@ -6298,7 +6350,7 @@ var POSITION_ICON = svg24(
 registerDrawingType({
   type: "position",
   group: "measure",
-  label: "Long/Short Position",
+  label: msg("drawing.position.label", "Long/Short Position"),
   icon: POSITION_ICON,
   defaultStyle: { lineColor: DEFAULT_DRAWING_COLOR, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new PositionTool(init)
@@ -6309,21 +6361,21 @@ var MAGNIFIER_ICON = svg24(
 registerDrawingType({
   type: "magnifier",
   group: "measure",
-  label: "Magnifier",
+  label: msg("drawing.magnifier.label", "Magnifier"),
   icon: MAGNIFIER_ICON,
   // An empty border color means the THEME's contrast ink (white on dark, black on
   // light), resolved at paint time so it follows theme switches; a user pick wins.
   defaultStyle: { lineColor: "", lineWidth: 1, lineStyle: "solid" },
   coversSeries: true,
   // the inset's backdrop must sit over the base candles it replaces
-  placementHint: "Drag an area on the chart to view it at a lower timeframe",
+  placementHint: msg("drawing.magnifier.placementHint", "Drag an area on the chart to view it at a lower timeframe"),
   create: (init) => new Magnifier(init)
 });
 var VWAP_ICON = svg24('<line x1="5" y1="3" x2="5" y2="21"/><path d="M5 16c4 0 5-9 8-9s3 5 8 3"/>');
 registerDrawingType({
   type: "anchoredvwap",
   group: "measure",
-  label: "Anchored VWAP",
+  label: msg("drawing.anchoredvwap.label", "Anchored VWAP"),
   icon: VWAP_ICON,
   defaultStyle: { lineColor: INFO, lineWidth: 2, lineStyle: "solid" },
   create: (init) => new AnchoredVwap(init)
@@ -6332,7 +6384,7 @@ var FRVP_ICON = svg24('<path d="M4 4v16"/><path d="M4 8h10"/><path d="M4 12h14"/
 registerDrawingType({
   type: "fixedrangevp",
   group: "measure",
-  label: "Fixed Range Volume Profile",
+  label: msg("drawing.fixedrangevp.label", "Fixed Range Volume Profile"),
   icon: FRVP_ICON,
   defaultStyle: { lineColor: BULLISH, lineWidth: 1, lineStyle: "solid" },
   create: (init) => new FixedRangeVolumeProfile(init)
@@ -6343,32 +6395,34 @@ var LIQUIDITY_ICON = svg24('<path d="M3 8h12" stroke-dasharray="2.5 2.5"/><path
 registerDrawingType({
   type: "fairvaluegap",
   group: "priceaction",
-  label: "Fair Value Gap",
+  label: msg("drawing.fairvaluegap.label", "Fair Value Gap"),
   icon: FVG_ICON,
   defaultStyle: { lineColor: BULLISH, lineWidth: 1, lineStyle: "solid" },
-  placementHint: "Click the middle candle of a gap",
+  placementHint: msg("drawing.fairvaluegap.placementHint", "Click the middle candle of a gap"),
   create: (init) => new FairValueGap(init)
 });
 registerDrawingType({
   type: "orderblock",
   group: "priceaction",
-  label: "Order Block",
+  label: msg("drawing.orderblock.label", "Order Block"),
   icon: ORDER_BLOCK_ICON,
   defaultStyle: { lineColor: BULLISH, lineWidth: 1, lineStyle: "solid" },
-  placementHint: "Click the candle that forms the block",
+  placementHint: msg("drawing.orderblock.placementHint", "Click the candle that forms the block"),
   create: (init) => new OrderBlock(init)
 });
 registerDrawingType({
   type: "liquidity",
   group: "priceaction",
-  label: "Liquidity",
+  label: msg("drawing.liquidity.label", "Liquidity"),
   icon: LIQUIDITY_ICON,
   defaultStyle: { lineColor: WARNING, lineWidth: 1, lineStyle: "solid" },
-  placementHint: "Click near a candle's high or low",
+  placementHint: msg("drawing.liquidity.placementHint", "Click near a candle's high or low"),
   create: (init) => new Liquidity(init)
 });
 
 // src/chart-types/registry.ts
+var RANGE_MIN = msg("chart.settings.rangeMin", "{label} — min");
+var RANGE_MAX = msg("chart.settings.rangeMax", "{label} — max");
 function normalizeSettingsRow(r) {
   switch (r.kind) {
     case "row":
@@ -6390,9 +6444,9 @@ function normalizeSettingsRow(r) {
       return {
         label: r.label,
         controls: [
-          { kind: "number", key: r.minKey, label: `${r.label} \u2014 min`, defval: r.defval, min: r.min, max: r.max, step: r.step, placeholder: r.placeholder },
-          { kind: "hint", text: "\u2013" },
-          { kind: "number", key: r.maxKey, label: `${r.label} \u2014 max`, defval: r.defval, min: r.min, max: r.max, step: r.step, placeholder: r.placeholder }
+          { kind: "number", key: r.minKey, label: withValues(RANGE_MIN, { label: r.label }), defval: r.defval, min: r.min, max: r.max, step: r.step, placeholder: r.placeholder },
+          { kind: "hint", text: "–" },
+          { kind: "number", key: r.maxKey, label: withValues(RANGE_MAX, { label: r.label }), defval: r.defval, min: r.min, max: r.max, step: r.step, placeholder: r.placeholder }
         ],
         when: r.when
       };
@@ -6465,59 +6519,62 @@ function inputDeltas(schema, values) {
 }
 
 // src/core/timezones.ts
+function tz(value, name) {
+  return { value, label: sourceText(name), name };
+}
 var TIMEZONES = [
-  { value: "Etc/UTC", label: "UTC" },
-  { value: "Etc/GMT+12", label: "International Date Line West" },
-  { value: "Pacific/Pago_Pago", label: "Pago Pago" },
-  { value: "Pacific/Honolulu", label: "Honolulu" },
-  { value: "Pacific/Marquesas", label: "Marquesas Islands" },
-  { value: "America/Anchorage", label: "Anchorage" },
-  { value: "America/Los_Angeles", label: "Los Angeles" },
-  { value: "America/Phoenix", label: "Phoenix" },
-  { value: "America/Denver", label: "Denver" },
-  { value: "America/Chicago", label: "Chicago" },
-  { value: "America/Mexico_City", label: "Mexico City" },
-  { value: "America/New_York", label: "New York" },
-  { value: "America/Bogota", label: "Bogot\xE1" },
-  { value: "America/Caracas", label: "Caracas" },
-  { value: "America/Santiago", label: "Santiago" },
-  { value: "America/St_Johns", label: "St. John's" },
-  { value: "America/Sao_Paulo", label: "S\xE3o Paulo" },
-  { value: "America/Argentina/Buenos_Aires", label: "Buenos Aires" },
-  { value: "America/Noronha", label: "Fernando de Noronha" },
-  { value: "Atlantic/Azores", label: "Azores" },
-  { value: "Atlantic/Reykjavik", label: "Reykjavik" },
-  { value: "Europe/London", label: "London" },
-  { value: "Europe/Paris", label: "Paris" },
-  { value: "Europe/Berlin", label: "Berlin" },
-  { value: "Europe/Athens", label: "Athens" },
-  { value: "Africa/Cairo", label: "Cairo" },
-  { value: "Africa/Johannesburg", label: "Johannesburg" },
-  { value: "Europe/Moscow", label: "Moscow" },
-  { value: "Europe/Istanbul", label: "Istanbul" },
-  { value: "Asia/Tehran", label: "Tehran" },
-  { value: "Asia/Dubai", label: "Dubai" },
-  { value: "Asia/Kabul", label: "Kabul" },
-  { value: "Asia/Karachi", label: "Karachi" },
-  { value: "Asia/Kolkata", label: "Mumbai" },
-  { value: "Asia/Kathmandu", label: "Kathmandu" },
-  { value: "Asia/Dhaka", label: "Dhaka" },
-  { value: "Asia/Yangon", label: "Yangon" },
-  { value: "Asia/Bangkok", label: "Bangkok" },
-  { value: "Asia/Shanghai", label: "Shanghai" },
-  { value: "Asia/Hong_Kong", label: "Hong Kong" },
-  { value: "Asia/Singapore", label: "Singapore" },
-  { value: "Australia/Eucla", label: "Eucla" },
-  { value: "Asia/Tokyo", label: "Tokyo" },
-  { value: "Asia/Seoul", label: "Seoul" },
-  { value: "Australia/Adelaide", label: "Adelaide" },
-  { value: "Australia/Sydney", label: "Sydney" },
-  { value: "Australia/Lord_Howe", label: "Lord Howe Island" },
-  { value: "Pacific/Noumea", label: "Noum\xE9a" },
-  { value: "Pacific/Auckland", label: "Auckland" },
-  { value: "Pacific/Chatham", label: "Chatham Islands" },
-  { value: "Pacific/Apia", label: "Apia" },
-  { value: "Pacific/Kiritimati", label: "Kiritimati" }
+  tz("Etc/UTC", msg("timezone.Etc.UTC", "UTC")),
+  tz("Etc/GMT+12", msg("timezone.Etc.GMTPlus12", "International Date Line West")),
+  tz("Pacific/Pago_Pago", msg("timezone.Pacific.PagoPago", "Pago Pago")),
+  tz("Pacific/Honolulu", msg("timezone.Pacific.Honolulu", "Honolulu")),
+  tz("Pacific/Marquesas", msg("timezone.Pacific.Marquesas", "Marquesas Islands")),
+  tz("America/Anchorage", msg("timezone.America.Anchorage", "Anchorage")),
+  tz("America/Los_Angeles", msg("timezone.America.LosAngeles", "Los Angeles")),
+  tz("America/Phoenix", msg("timezone.America.Phoenix", "Phoenix")),
+  tz("America/Denver", msg("timezone.America.Denver", "Denver")),
+  tz("America/Chicago", msg("timezone.America.Chicago", "Chicago")),
+  tz("America/Mexico_City", msg("timezone.America.MexicoCity", "Mexico City")),
+  tz("America/New_York", msg("timezone.America.NewYork", "New York")),
+  tz("America/Bogota", msg("timezone.America.Bogota", "Bogotá")),
+  tz("America/Caracas", msg("timezone.America.Caracas", "Caracas")),
+  tz("America/Santiago", msg("timezone.America.Santiago", "Santiago")),
+  tz("America/St_Johns", msg("timezone.America.StJohns", "St. John's")),
+  tz("America/Sao_Paulo", msg("timezone.America.SaoPaulo", "São Paulo")),
+  tz("America/Argentina/Buenos_Aires", msg("timezone.America.Argentina.BuenosAires", "Buenos Aires")),
+  tz("America/Noronha", msg("timezone.America.Noronha", "Fernando de Noronha")),
+  tz("Atlantic/Azores", msg("timezone.Atlantic.Azores", "Azores")),
+  tz("Atlantic/Reykjavik", msg("timezone.Atlantic.Reykjavik", "Reykjavik")),
+  tz("Europe/London", msg("timezone.Europe.London", "London")),
+  tz("Europe/Paris", msg("timezone.Europe.Paris", "Paris")),
+  tz("Europe/Berlin", msg("timezone.Europe.Berlin", "Berlin")),
+  tz("Europe/Athens", msg("timezone.Europe.Athens", "Athens")),
+  tz("Africa/Cairo", msg("timezone.Africa.Cairo", "Cairo")),
+  tz("Africa/Johannesburg", msg("timezone.Africa.Johannesburg", "Johannesburg")),
+  tz("Europe/Moscow", msg("timezone.Europe.Moscow", "Moscow")),
+  tz("Europe/Istanbul", msg("timezone.Europe.Istanbul", "Istanbul")),
+  tz("Asia/Tehran", msg("timezone.Asia.Tehran", "Tehran")),
+  tz("Asia/Dubai", msg("timezone.Asia.Dubai", "Dubai")),
+  tz("Asia/Kabul", msg("timezone.Asia.Kabul", "Kabul")),
+  tz("Asia/Karachi", msg("timezone.Asia.Karachi", "Karachi")),
+  tz("Asia/Kolkata", msg("timezone.Asia.Kolkata", "Mumbai")),
+  tz("Asia/Kathmandu", msg("timezone.Asia.Kathmandu", "Kathmandu")),
+  tz("Asia/Dhaka", msg("timezone.Asia.Dhaka", "Dhaka")),
+  tz("Asia/Yangon", msg("timezone.Asia.Yangon", "Yangon")),
+  tz("Asia/Bangkok", msg("timezone.Asia.Bangkok", "Bangkok")),
+  tz("Asia/Shanghai", msg("timezone.Asia.Shanghai", "Shanghai")),
+  tz("Asia/Hong_Kong", msg("timezone.Asia.HongKong", "Hong Kong")),
+  tz("Asia/Singapore", msg("timezone.Asia.Singapore", "Singapore")),
+  tz("Australia/Eucla", msg("timezone.Australia.Eucla", "Eucla")),
+  tz("Asia/Tokyo", msg("timezone.Asia.Tokyo", "Tokyo")),
+  tz("Asia/Seoul", msg("timezone.Asia.Seoul", "Seoul")),
+  tz("Australia/Adelaide", msg("timezone.Australia.Adelaide", "Adelaide")),
+  tz("Australia/Sydney", msg("timezone.Australia.Sydney", "Sydney")),
+  tz("Australia/Lord_Howe", msg("timezone.Australia.LordHowe", "Lord Howe Island")),
+  tz("Pacific/Noumea", msg("timezone.Pacific.Noumea", "Nouméa")),
+  tz("Pacific/Auckland", msg("timezone.Pacific.Auckland", "Auckland")),
+  tz("Pacific/Chatham", msg("timezone.Pacific.Chatham", "Chatham Islands")),
+  tz("Pacific/Apia", msg("timezone.Pacific.Apia", "Apia")),
+  tz("Pacific/Kiritimati", msg("timezone.Pacific.Kiritimati", "Kiritimati"))
 ];
 var EXCHANGE_TIMEZONE = "exchange";
 function isExchangeTimezone(zone) {
@@ -6530,11 +6587,13 @@ function resolveTimezone(zone, exchangeZone) {
 function normalizeTimezone(zone) {
   return zone === "UTC" || zone === "Etc/UTC" || zone === "Etc/GMT" ? "Etc/UTC" : zone;
 }
-function timezoneMenuRows(current) {
+function timezoneMenuRows(current, i18n) {
   const active = normalizeTimezone(current);
-  const [utc, ...zones] = TIMEZONES.map((t) => ({ value: t.value, label: tzMenuLabel(t.value, t.label), checked: t.value === active }));
-  return [utc, { value: EXCHANGE_TIMEZONE, label: "Exchange", checked: isExchangeTimezone(current) }, ...zones];
+  const [utc, ...zones] = TIMEZONES.map((t) => ({ value: t.value, label: tzMenuLabel(t.value, textOf(i18n, t.name), i18n), checked: t.value === active }));
+  return [utc, { value: EXCHANGE_TIMEZONE, label: textOf(i18n, EXCHANGE_LABEL), checked: isExchangeTimezone(current) }, ...zones];
 }
+var EXCHANGE_LABEL = msg("timezone.exchange", "Exchange");
+var MENU_LABEL = msg("timezone.menuLabel", "({offset}) {location}");
 function tzOffset(zone, date = /* @__PURE__ */ new Date()) {
   try {
     const parts = new Intl.DateTimeFormat("en-US", { timeZone: zone, timeZoneName: "shortOffset" }).formatToParts(date);
@@ -6549,9 +6608,9 @@ function tzOffset(zone, date = /* @__PURE__ */ new Date()) {
     return "UTC";
   }
 }
-function tzMenuLabel(zone, location) {
+function tzMenuLabel(zone, location, i18n) {
   if (normalizeTimezone(zone) === "Etc/UTC") return location;
-  return `(${tzOffset(zone)}) ${location}`;
+  return textOf(i18n, MENU_LABEL, { offset: tzOffset(zone), location });
 }
 function tzButtonLabel(zone) {
   if (normalizeTimezone(zone) === "Etc/UTC") return "UTC";
@@ -6658,7 +6717,7 @@ function topbarActionOverride(id) {
 }
 function registerWidgetAction(desc) {
   if (builtinTopbarSet.has(desc.id) && !overridableSet.has(desc.id)) {
-    console.warn(`[vela] widget action "${desc.id}": this built-in topbar slot is a stateful control and cannot be overridden \u2014 ignored. Overridable slots: ${OVERRIDABLE_TOPBAR_IDS.join(", ")}.`);
+    console.warn(`[vela] widget action "${desc.id}": this built-in topbar slot is a stateful control and cannot be overridden — ignored. Overridable slots: ${OVERRIDABLE_TOPBAR_IDS.join(", ")}.`);
     return () => void 0;
   }
   registry3.set(desc.id, desc);
@@ -6694,7 +6753,7 @@ function legendActionsProviderFor(chart, context) {
     const handle = find();
     if (!handle) return [];
     const info = infoOf(handle);
-    return legendActions().filter((d) => !d.when || d.when(info)).map((d) => ({ id: d.id, icon: d.icon, tooltip: d.tooltip, run: () => d.run(context(), infoOf(find() ?? handle)) }));
+    return legendActions().filter((d) => !d.when || d.when(info)).map((d) => ({ id: d.id, icon: d.icon, tooltip: textOf(chart.i18n, d.tooltip), run: () => d.run(context(), infoOf(find() ?? handle)) }));
   };
 }
 var calloutRegistry = /* @__PURE__ */ new Map();
@@ -6716,6 +6775,7 @@ function legendCalloutsProviderFor(chart, context) {
     if (!handle) return [];
     const info = { id: handle.id, title: handle.title, ...handle.source !== void 0 ? { source: handle.source } : {} };
     const views = [];
+    const t = (m) => textOf(chart.i18n, m);
     for (const d of legendCallouts()) {
       const spec = d.callout(info);
       if (!spec) continue;
@@ -6724,14 +6784,14 @@ function legendCalloutsProviderFor(chart, context) {
         icon: spec.icon,
         background: spec.background,
         ...spec.color !== void 0 ? { color: spec.color } : {},
-        tooltip: spec.tooltip,
+        tooltip: t(spec.tooltip),
         ...spec.content !== void 0 ? {
           content: {
-            ...spec.content.title !== void 0 ? { title: spec.content.title } : {},
+            ...spec.content.title !== void 0 ? { title: t(spec.content.title) } : {},
             items: spec.content.items.map(
-              (item) => item.type === "text" ? item : {
+              (item) => item.type === "text" ? { type: "text", text: t(item.text) } : {
                 type: "button",
-                label: item.label,
+                label: t(item.label),
                 ...item.primary !== void 0 ? { primary: item.primary } : {},
                 ...item.close !== void 0 ? { close: item.close } : {},
                 run: () => item.run(context(), info)
@@ -6782,6 +6842,26 @@ function resolveEngines(overrides) {
 }
 
 // src/widget/context-menu-model.ts
+var TEXT = {
+  regular: msg("widget.contextMenu.scale.regular", "Regular"),
+  percent: msg("widget.contextMenu.scale.percent", "Percent"),
+  indexed: msg("widget.contextMenu.scale.indexed", "Indexed to 100"),
+  log: msg("widget.contextMenu.scale.log", "Logarithmic"),
+  auto: msg("widget.contextMenu.auto", "Auto (fits data to screen)"),
+  invert: msg("widget.contextMenu.invert", "Invert scale"),
+  labels: msg("widget.contextMenu.labels", "Labels"),
+  axisLabels: msg("widget.contextMenu.axisLabels", "Price axis labels"),
+  priceLabel: msg("widget.contextMenu.priceLabel", "Last price label"),
+  countdown: msg("widget.contextMenu.countdown", "Countdown to bar close"),
+  levels: msg("widget.contextMenu.levels", "Levels"),
+  priceLine: msg("widget.contextMenu.priceLine", "Last price line"),
+  moreSettings: msg("widget.contextMenu.moreSettings", "More settings…"),
+  timezone: msg("widget.contextMenu.timezone", "Time zone"),
+  resetView: msg("widget.contextMenu.resetView", "Reset chart view"),
+  removeDrawings: msg("widget.contextMenu.removeDrawings", "Remove drawings"),
+  removeIndicators: msg("widget.contextMenu.removeIndicators", "Remove indicators"),
+  settings: msg("widget.contextMenu.settings", "Settings…")
+};
 var SETTINGS_SECTION = {
   body: "Canvas",
   "price-axis": "Scales and lines",
@@ -6794,10 +6874,10 @@ function settingsSectionOf(id) {
   return id.slice("settings:".length) || void 0;
 }
 var SCALE_CHOICES = [
-  ["regular", "Regular"],
-  ["percent", "Percent"],
-  ["indexed", "Indexed to 100"],
-  ["log", "Logarithmic"]
+  ["regular", TEXT.regular],
+  ["percent", TEXT.percent],
+  ["indexed", TEXT.indexed],
+  ["log", TEXT.log]
 ];
 function paneScaleAt(panes, y) {
   return panes.find((p) => y >= p.top && y < p.top + p.height) ?? panes[0] ?? null;
@@ -6828,50 +6908,52 @@ function scaleWrites(choice, pane) {
 function invertWrite(next, pane) {
   return mainScale(pane) ? ["invertScale", next] : ["invertScale", { pane: pane.id, value: next }];
 }
-function priceAxisItems(s) {
+function priceAxisItems(s, i18n) {
+  const t = (m) => textOf(i18n, m);
   return [
-    { id: "auto", label: "Auto (fits data to screen)", checked: s.auto },
-    { id: "invert", label: "Invert scale", checked: s.invert },
+    { id: "auto", label: t(TEXT.auto), checked: s.auto },
+    { id: "invert", label: t(TEXT.invert), checked: s.invert },
     ...SCALE_CHOICES.map(([choice, label], i) => ({
       id: `scale:${choice}`,
-      label,
+      label: t(label),
       checked: s.choice === choice,
       separatorBefore: i === 0
     })),
     {
       id: "labels",
-      label: "Labels",
+      label: t(TEXT.labels),
       separatorBefore: true,
       submenu: [
-        { id: "toggle:axisLabels", label: "Price axis labels", checked: s.axisLabels },
-        { id: "toggle:priceLabel", label: "Last price label", checked: s.priceLabel },
-        { id: "toggle:countdown", label: "Countdown to bar close", checked: s.countdown }
+        { id: "toggle:axisLabels", label: t(TEXT.axisLabels), checked: s.axisLabels },
+        { id: "toggle:priceLabel", label: t(TEXT.priceLabel), checked: s.priceLabel },
+        { id: "toggle:countdown", label: t(TEXT.countdown), checked: s.countdown }
       ]
     },
     {
       id: "levels",
-      label: "Levels",
-      submenu: [{ id: "toggle:currentPriceLine", label: "Last Price Line", checked: s.priceLine }]
+      label: t(TEXT.levels),
+      submenu: [{ id: "toggle:currentPriceLine", label: t(TEXT.priceLine), checked: s.priceLine }]
     },
-    settingsItem("price-axis", "More settings\u2026")
+    settingsItem("price-axis", t(TEXT.moreSettings))
   ];
 }
-function timeAxisItems(timezone) {
+function timeAxisItems(timezone, i18n) {
   return [
     {
       id: "timezone",
-      label: "Time zone",
-      submenu: timezoneMenuRows(timezone).map((r) => ({ id: `tz:${r.value}`, label: r.label, checked: r.checked }))
+      label: textOf(i18n, TEXT.timezone),
+      submenu: timezoneMenuRows(timezone, i18n).map((r) => ({ id: `tz:${r.value}`, label: r.label, checked: r.checked }))
     },
-    settingsItem("time-axis", "More settings\u2026")
+    settingsItem("time-axis", textOf(i18n, TEXT.moreSettings))
   ];
 }
-function bodyItems(counts) {
+function bodyItems(counts, i18n) {
+  const t = (m) => textOf(i18n, m);
   return [
-    { id: "reset-view", label: "Reset chart view", icon: "reset" },
-    { id: "remove-drawings", label: "Remove drawings", icon: "eraser", disabled: counts.drawings === 0, separatorBefore: true },
-    { id: "remove-indicators", label: "Remove indicators", icon: "indicators", disabled: counts.indicators === 0 },
-    settingsItem("body", "Settings\u2026", "gear")
+    { id: "reset-view", label: t(TEXT.resetView), icon: "reset" },
+    { id: "remove-drawings", label: t(TEXT.removeDrawings), icon: "eraser", disabled: counts.drawings === 0, separatorBefore: true },
+    { id: "remove-indicators", label: t(TEXT.removeIndicators), icon: "indicators", disabled: counts.indicators === 0 },
+    settingsItem("body", t(TEXT.settings), "gear")
   ];
 }
 var CONTEXT_MENU_BUILTIN_ORDER = {
@@ -6904,6 +6986,13 @@ function composeMenu(zone, builtin, contributed) {
 
 // src/widget/side-panel.ts
 var STYLE_ID = "vela-widget-sidepanel";
+var TEXT2 = {
+  close: msg("widget.sidePanel.close", "Close"),
+  restore: msg("widget.sidePanel.restore", "Restore"),
+  maximize: msg("widget.sidePanel.maximize", "Maximize"),
+  unpin: msg("widget.sidePanel.unpin", "Unpin — float over the chart"),
+  pin: msg("widget.sidePanel.pin", "Pin beside the chart")
+};
 var DEFAULT_PANEL_WIDTH = 280;
 var DEFAULT_PANEL_MIN_WIDTH = 200;
 var DEFAULT_PANEL_MAX_WIDTH = 640;
@@ -6980,7 +7069,7 @@ var CSS = `
 }
 .vela-panel-max .vela-icon { width: 15px; height: 15px; }
 .vela-panel-max:hover { background: var(--vela-hover); color: var(--vela-fg-bright); }
-/* MAXIMIZED: the panel covers the whole dock host \u2014 every chart of the shell \u2014 whatever
+/* MAXIMIZED: the panel covers the whole dock host — every chart of the shell — whatever
    its placement; the width handle and the pin have nothing to do meanwhile. */
 .vela-panel[data-maximized] {
     position: absolute;
@@ -6996,7 +7085,7 @@ var CSS = `
 .vela-panel-body::-webkit-scrollbar { width: 8px; }
 .vela-panel-body::-webkit-scrollbar-thumb { background: var(--vela-scroll); border-radius: 4px; border: 2px solid transparent; background-clip: padding-box; }
 /* Straddles the panel's inner border so the whole seam is grabbable; it paints only under the
-   pointer \u2014 a permanently visible bar would read as a second border. */
+   pointer — a permanently visible bar would read as a second border. */
 .vela-panel-resizer {
     position: absolute;
     top: 0;
@@ -7021,7 +7110,7 @@ var CSS = `
 .vela-panel-resizer:hover::after,
 .vela-panel-resizer[data-dragging]::after { background: var(--vela-separator-hover-line); }
 /* An OVERLAY panel floats over the chart's right edge instead of taking a column: the
-   chart keeps its width and layout (the dock host is position:relative \u2014 the anchoring the
+   chart keeps its width and layout (the dock host is position:relative — the anchoring the
    mobile rule below relies on too). Same z-order as that mobile overlay, above the chart's
    own DOM overlays; the shadow separates it from the plot it covers. */
 .vela-panel[data-overlay] {
@@ -7033,9 +7122,9 @@ var CSS = `
     z-index: 25;
     box-shadow: var(--vela-shadow);
 }
-/* Mobile: a 280px column would crush a phone-width chart \u2014 the panel overlays the
+/* Mobile: a 280px column would crush a phone-width chart — the panel overlays the
    chart area instead (its flex parent is position:relative), full-bleed, closed by
-   the same header \u2715. Width dragging is a pointer affordance; off on mobile. */
+   the same header ✕. Width dragging is a pointer affordance; off on mobile. */
 [data-layout='mobile'] .vela-panel {
     position: absolute;
     inset: 0;
@@ -7078,6 +7167,8 @@ var SidePanel = class {
     /** The exit animation of a close; a reopen cancels it. */
     this.exit = null;
     const doc = host.ownerDocument;
+    this.i18n = opts.i18n ?? null;
+    this.title = title;
     injectStyles(STYLE_ID, CSS, doc);
     this.minWidth = opts.resizable ? opts.minWidth ?? DEFAULT_PANEL_MIN_WIDTH : 1;
     this.maxWidth = opts.resizable ? opts.maxWidth ?? DEFAULT_PANEL_MAX_WIDTH : Number.POSITIVE_INFINITY;
@@ -7094,13 +7185,14 @@ var SidePanel = class {
     header.className = "vela-panel-header";
     this.heading = doc.createElement("span");
     this.heading.className = "vela-panel-title";
-    this.heading.textContent = title;
+    this.heading.textContent = this.t(title);
     this.slot = doc.createElement("div");
     this.slot.className = "vela-panel-header-slot";
     const close = doc.createElement("button");
+    this.closeButton = close;
     close.className = "vela-panel-close";
     close.appendChild(iconEl("close", doc));
-    close.title = "Close";
+    close.title = this.t(TEXT2.close);
     close.addEventListener("click", () => this.toggle(false));
     if (this.floatable) {
       this.pin = doc.createElement("button");
@@ -7181,7 +7273,7 @@ var SidePanel = class {
     if (!this.maxButton) return;
     const doc = this.maxButton.ownerDocument;
     this.maxButton.replaceChildren(iconEl(this.maximizedOn ? "restore" : "maximize", doc));
-    this.maxButton.title = this.maximizedOn ? "Restore" : "Maximize";
+    this.maxButton.title = this.t(this.maximizedOn ? TEXT2.restore : TEXT2.maximize);
     this.maxButton.setAttribute("aria-label", this.maxButton.title);
     this.maxButton.setAttribute("aria-pressed", this.maximizedOn ? "true" : "false");
   }
@@ -7198,7 +7290,19 @@ var SidePanel = class {
   /** Replace the header title. The topbar toggle keeps the DECLARED title as its
    *  tooltip — this only changes what the open column says about itself. */
   setTitle(title) {
-    this.heading.textContent = title;
+    this.title = title;
+    this.heading.textContent = this.t(title);
+  }
+  /** Text in the shell's language. */
+  t(text, values) {
+    return textOf(this.i18n, text, values);
+  }
+  /** Re-read the header in the current language; a panel with its own text extends it. */
+  relocalize() {
+    this.heading.textContent = this.t(this.title);
+    this.closeButton.title = this.t(TEXT2.close);
+    this.refreshPin();
+    this.refreshMaxButton();
   }
   /** Current width in px. */
   get width() {
@@ -7230,7 +7334,7 @@ var SidePanel = class {
     const doc = this.pin.ownerDocument;
     this.pin.replaceChildren(iconEl(pinned ? "pin-filled" : "pin", doc));
     this.pin.dataset.on = pinned ? "1" : "0";
-    this.pin.title = pinned ? "Unpin \u2014 float over the chart" : "Pin beside the chart";
+    this.pin.title = this.t(pinned ? TEXT2.unpin : TEXT2.pin);
     this.pin.setAttribute("aria-label", this.pin.title);
     this.pin.setAttribute("aria-pressed", pinned ? "true" : "false");
   }
@@ -7281,4 +7385,4 @@ var SidePanel = class {
   }
 };
 
-export { AnchoredVwap, ArrowMark, CONTEXT_MENU_BUILTIN_ORDER, Callout, CalloutBase, Comment, DEDEKIND_CURVATURE_OPTIONS, DEFAULT_DRAWING_COLOR, DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, DIRECTION_OPTIONS, DedekindTessellation, Drawing, FIB_PRESETS, FibLevels, FibRatios, FibRetracement, FibSpiral, FixedRangeVolumeProfile, GANN_SQUARE_ARCS, GLYPH_OPTIONS, GannSquare, GlyphStamp, LINE_STYLE_OPTIONS, Liquidity, MACH_NUMBER_OPTIONS, MACH_WAVE_COUNT_OPTIONS, MachFigure, Magnifier, MeasureBox, Note, OVERRIDABLE_TOPBAR_IDS, PatternDrawing, PositionTool, PriceActionZone, PriceLabel, PriceNote, RadialFib, RegressionChannel, STAMP_SIZE_OPTIONS, SegmentDrawing, SidePanel, Signpost, TEXT_SIZE_OPTIONS, TIMEFRAME_BANDS, TIMEZONES, TOPBAR_BUILTIN_IDS, TOPBAR_DEFAULT_LEFT, TOPBAR_DEFAULT_RIGHT, TextLabel, TrendLine, bodyItems, chartType, chartTypes, clampPanelWidth, composeMenu, createDrawing, defaultText, deserializeDrawing, drawingTypes, foldBaseModulation, formatDuration, getDrawingType, getNativeIndicator, inputDeltas, inputVisible, invertWrite, isExchangeTimezone, isLineLikeSeries, legendActions, legendActionsProviderFor, legendCallouts, legendCalloutsProviderFor, lineSegmentIntersection, magnifierTimeframeLabel, magnifierTimeframesBelow, matchFibPreset, mobilePlacement, nativeIndicatorDescriptors, nativeIndicatorTypes, nativeInstanceChannel, normalizeSettingsRow, normalizeTimezone, paneScaleAt, pinnedTopbarActionIds, priceAxisItems, registerChartType, registerDefaultEngine, registerDrawingType, registerLegendAction, registerLegendCallout, registerNativeIndicator, registerRendererDefaults, registerRendererLayer, registerSidePanel, registerStatePersistence, registerSymbolRanking, registerWidgetAction, registerWidgetAttachment, rendererDefaults, rendererLayers, resetDrawingSettings, resolveEngines, resolveTimezone, resolveTopbarComposition, sanitizeShowOn, scaleChoiceOf, scaleWrites, seriesInScale, seriesShownOn, settingsRowValueKeys, settingsRowVisible, settingsSectionOf, shownOnTimeframe, sidePanels, stableSeriesId, statePersistenceHandlers, symbolRanking, tickerModifierIds, timeAxisItems, timeframeBandOf, timezoneMenuRows, topbarActionOverride, topbarHas, tzButtonLabel, tzMenuLabel, tzOffset, unregisterChartType, unregisterDefaultEngine, unregisterLegendAction, unregisterLegendCallout, unregisterNativeIndicator, unregisterRendererDefaults, unregisterRendererLayer, unregisterSidePanel, unregisterStatePersistence, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments };
+export { AnchoredVwap, ArrowMark, CONTEXT_MENU_BUILTIN_ORDER, Callout, CalloutBase, Comment, DEDEKIND_CURVATURE_OPTIONS, DEFAULT_DRAWING_COLOR, DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, DIRECTION_OPTIONS, DedekindTessellation, Drawing, FIB_PRESETS, FibLevels, FibRatios, FibRetracement, FibSpiral, FixedRangeVolumeProfile, GANN_SQUARE_ARCS, GLYPH_OPTIONS, GannSquare, GlyphStamp, LINE_STYLE_OPTIONS, Liquidity, MACH_NUMBER_OPTIONS, MACH_WAVE_COUNT_OPTIONS, MachFigure, Magnifier, MeasureBox, Note, OVERRIDABLE_TOPBAR_IDS, PatternDrawing, PositionTool, PriceActionZone, PriceLabel, PriceNote, RadialFib, RegressionChannel, STAMP_SIZE_OPTIONS, SegmentDrawing, SidePanel, Signpost, TEXT_SIZE_OPTIONS, TIMEFRAME_BANDS, TIMEZONES, TOPBAR_BUILTIN_IDS, TOPBAR_DEFAULT_LEFT, TOPBAR_DEFAULT_RIGHT, TextLabel, TrendLine, bodyItems, chartType, chartTypes, clampPanelWidth, composeMenu, createDrawing, defaultText, deserializeDrawing, drawingTypeEntries, drawingTypeEntry, drawingTypes, foldBaseModulation, getDrawingType, getNativeIndicator, inputDeltas, inputVisible, invertWrite, isExchangeTimezone, isLineLikeSeries, legendActions, legendActionsProviderFor, legendCallouts, legendCalloutsProviderFor, lineSegmentIntersection, magnifierTimeframeLabel, magnifierTimeframesBelow, matchFibPreset, mobilePlacement, nativeIndicatorDescriptors, nativeIndicatorEntries, nativeIndicatorEntry, nativeIndicatorTypes, nativeInstanceChannel, normalizeSettingsRow, normalizeTimezone, paneScaleAt, pinnedTopbarActionIds, priceAxisItems, registerChartType, registerDefaultEngine, registerDrawingType, registerLegendAction, registerLegendCallout, registerNativeIndicator, registerRendererDefaults, registerRendererLayer, registerSidePanel, registerStatePersistence, registerSymbolRanking, registerWidgetAction, registerWidgetAttachment, rendererDefaults, rendererLayers, resetDrawingSettings, resolveEngines, resolveTimezone, resolveTopbarComposition, sanitizeShowOn, scaleChoiceOf, scaleWrites, seriesInScale, seriesShownOn, settingsRowValueKeys, settingsRowVisible, settingsSectionOf, shownOnTimeframe, sidePanels, stableSeriesId, statePersistenceHandlers, symbolRanking, tickerModifierIds, timeAxisItems, timeframeBandOf, timezoneMenuRows, topbarActionOverride, topbarHas, tzButtonLabel, tzMenuLabel, tzOffset, unregisterChartType, unregisterDefaultEngine, unregisterLegendAction, unregisterLegendCallout, unregisterNativeIndicator, unregisterRendererDefaults, unregisterRendererLayer, unregisterSidePanel, unregisterStatePersistence, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments };