@luxalgo/vela 0.7.6 → 0.7.8

package/NOTICE

@@ -1,28 +1,28 @@
-Vela
-Copyright (c) 2026 LuxAlgo
-https://luxalgo.com/vela
-
-This product includes the Vela charting library, developed by LuxAlgo.
-
-ATTRIBUTION REQUIREMENT
-
-Any product, website, or application that displays charts rendered by this
-software must show a visible attribution to the Vela project on every page or
-screen where such a chart is displayed.
-
-The library satisfies this requirement automatically: it renders an attribution
-mark (the project logomark linking to the Vela project page) on the chart
-itself, enabled by default. You may restyle or reposition this mark to fit your
-design.
-
-You may disable the built-in mark (renderer feature `attribution`) ONLY if you
-display an equivalent visible attribution — the name "Vela" together with a
-link to the project page above — elsewhere on the same page or screen, in a
-place available to your users.
-
-Removing, hiding, or obscuring the attribution without providing the
-equivalent notice described above is not permitted.
-
-This file constitutes the NOTICE file described in Section 4(d) of the Apache
-License, Version 2.0: redistributions of this software, in source or binary
-form, must include a readable copy of these attribution notices.
+Vela
+Copyright (c) 2026 LuxAlgo
+https://luxalgo.com/vela
+
+This product includes the Vela charting library, developed by LuxAlgo.
+
+ATTRIBUTION REQUIREMENT
+
+Any product, website, or application that displays charts rendered by this
+software must show a visible attribution to the Vela project on every page or
+screen where such a chart is displayed.
+
+The library satisfies this requirement automatically: it renders an attribution
+mark (the project logomark linking to the Vela project page) on the chart
+itself, enabled by default. You may restyle or reposition this mark to fit your
+design.
+
+You may disable the built-in mark (renderer feature `attribution`) ONLY if you
+display an equivalent visible attribution — the name "Vela" together with a
+link to the project page above — elsewhere on the same page or screen, in a
+place available to your users.
+
+Removing, hiding, or obscuring the attribution without providing the
+equivalent notice described above is not permitted.
+
+This file constitutes the NOTICE file described in Section 4(d) of the Apache
+License, Version 2.0: redistributions of this software, in source or binary
+form, must include a readable copy of these attribution notices.

package/dist/{chunk-EMB53WNQ.js → chunk-M6GP7DAX.js}

@@ -1,7 +1,7 @@
-import { parseSymbol, priceStyleIds, BUILTIN_PRICE_STYLES, tzButtonLabel, SecondClock, TIMEZONES, normalizeTimezone, tzMenuLabel, isGroupRow, defaultMemberOf, groupKeyOf, groupMembers, LEGEND_AT_TOP_ATTR, normalizeSession, Vela, TypedEventBus, MultiProviderFeed, registerBuiltinChartTypes, resolveTheme, buildToolbar, createCustomMark, createAttributionMark, DrawingToolbar, applyAttributionMarkTheme, sharedBarStore, timeframeToMs } from './chunk-JSVCWYBF.js';
+import { parseSymbol, priceStyleIds, BUILTIN_PRICE_STYLES, tzButtonLabel, SecondClock, resolveTimezone, timezoneMenuRows, isGroupRow, defaultMemberOf, groupKeyOf, groupMembers, LEGEND_AT_TOP_ATTR, normalizeSession, Vela, normalizeTimezone, isExchangeTimezone, TypedEventBus, MultiProviderFeed, registerBuiltinChartTypes, resolveTheme, buildToolbar, createCustomMark, createAttributionMark, DrawingToolbar, applyAttributionMarkTheme, sharedBarStore, timeframeToMs } from './chunk-N4ZZYLMP.js';
 import { chartType, resolveTopbarComposition, topbarActionOverride, TOPBAR_BUILTIN_IDS, widgetActions, SidePanel, sidePanels, DEFAULT_PANEL_ORDER, symbolRanking, resolveEngines, legendActionsProviderFor, legendCalloutsProviderFor, statePersistenceHandlers, topbarHas, rendererDefaults, widgetAttachments, getDrawingType, inputDeltas } from './chunk-BFA32GOU.js';
-import { Tooltip, KeymapManager, isEditableTarget, Drawer } from './chunk-ZADTVRUO.js';
-import { Menu, Dialog, CalloutBubble, applyPlotOverlayTokens, ensureUIHost } from './chunk-BKHSQ4YM.js';
+import { Tooltip, KeymapManager, isEditableTarget, Drawer } from './chunk-PVGWNF7V.js';
+import { Menu, Dialog, CalloutBubble, applyPlotOverlayTokens, ensureUIHost } from './chunk-WTWGEB7K.js';
 import { registerIcon, svg16, injectStyles, iconEl, iconMarkup, iconAt, SESSION_OFF, SESSION_POST, SESSION_PRE, icon, categoricalColor } from './chunk-CAFCLMPF.js';
 import { baseOf } from './chunk-W4EJWLEO.js';
 
@@ -1087,6 +1087,7 @@ var Bottombar = class {
     this.sessionButtons = /* @__PURE__ */ new Map();
     this.sessionEl = null;
     this.timezone = opts.timezone;
+    this.exchangeTimezone = opts.exchangeTimezone;
     const doc = host.ownerDocument;
     injectStyles(STYLE_ID3, CSS3, doc);
     this.el = doc.createElement("div");
@@ -1110,7 +1111,7 @@ var Bottombar = class {
     this.clockEl = doc.createElement("span");
     this.clockEl.className = "vela-bb-clock";
     this.tzLabelEl = doc.createElement("span");
-    this.tzLabelEl.textContent = tzButtonLabel(this.timezone);
+    this.tzLabelEl.textContent = tzButtonLabel(this.displayZone);
     this.tzButton.append(this.clockEl, this.tzLabelEl);
     const session = doc.createElement("span");
     session.className = "vela-bb-session";
@@ -1145,19 +1146,32 @@ var Bottombar = class {
       placement: "top-end",
       items: this.tzItems(),
       onSelect: (zone) => {
-        this.setTimezone(zone);
+        this.setTimezone(zone, this.exchangeTimezone);
         opts.onTimezone(zone);
       }
     });
     this.tick();
     this.unsubClock = (opts.clock ?? new SecondClock()).onTick(() => this.tick());
   }
-  setTimezone(zone) {
+  /**
+   * Reflect the stored choice AND the active chart's market zone. The clock and the
+   * offset label read the RESOLVED zone, so a workspace on the exchange rule re-labels
+   * when the active cell (or its symbol) changes market — the host re-projects on
+   * both. Idempotent: unchanged inputs leave the menu alone.
+   */
+  setTimezone(zone, exchangeTimezone) {
+    if (zone === this.timezone && exchangeTimezone === this.exchangeTimezone) return;
+    const choiceChanged = zone !== this.timezone;
     this.timezone = zone;
-    this.tzLabelEl.textContent = tzButtonLabel(zone);
-    this.tzMenu.setItems(this.tzItems());
+    this.exchangeTimezone = exchangeTimezone;
+    this.tzLabelEl.textContent = tzButtonLabel(this.displayZone);
+    if (choiceChanged) this.tzMenu.setItems(this.tzItems());
     this.tick();
   }
+  /** The zone the bar's clock and label render in. */
+  get displayZone() {
+    return resolveTimezone(this.timezone, this.exchangeTimezone);
+  }
   /** Highlight (or clear with null) the active range chip — cleared on manual tf changes. */
   setActiveRange(id) {
     for (const [key, b] of this.rangeButtons) {
@@ -1185,11 +1199,7 @@ var Bottombar = class {
     this.el.remove();
   }
   tzItems() {
-    return TIMEZONES.map((t) => ({
-      id: t.value,
-      label: tzMenuLabel(t.value, t.label),
-      checked: t.value === normalizeTimezone(this.timezone)
-    }));
+    return timezoneMenuRows(this.timezone).map((r) => ({ id: r.value, label: r.label, checked: r.checked }));
   }
   tick() {
     try {
@@ -1198,7 +1208,7 @@ var Bottombar = class {
         minute: "2-digit",
         second: "2-digit",
         hour12: false,
-        timeZone: this.timezone
+        timeZone: this.displayZone
       }).format(/* @__PURE__ */ new Date());
     } catch {
       this.clockEl.textContent = "";
@@ -4756,12 +4766,11 @@ function priceAxisItems(s) {
   ];
 }
 function timeAxisItems(timezone) {
-  const active = timezone === "UTC" ? "Etc/UTC" : timezone;
   return [
     {
       id: "timezone",
       label: "Time zone",
-      submenu: TIMEZONES.map((t) => ({ id: `tz:${t.value}`, label: tzMenuLabel(t.value, t.label), checked: t.value === active }))
+      submenu: timezoneMenuRows(timezone).map((r) => ({ id: `tz:${r.value}`, label: r.label, checked: r.checked }))
     },
     settingsItem("time-axis", "More settings\u2026")
   ];
@@ -4882,7 +4891,7 @@ var ChartContextMenu = class {
     } else if (id.startsWith("tz:")) {
       const zone = id.slice("tz:".length);
       if (this.cbs.setTimezone) this.cbs.setTimezone(zone);
-      else chart.renderer.set("timezone", zone);
+      else chart.renderer.set("timezone", resolveTimezone(zone, void 0));
     } else if (id === "auto") {
       chart.renderer.set("autoScale", chart.renderer.get("autoScale") === false);
     } else if (id === "invert") {
@@ -5560,6 +5569,8 @@ var ChartCell = class {
     this.activeRangeId = null;
     /** Latched verdict of {@link sessionAvailable} (async metadata, sticky per symbol). */
     this.sessionAvailableFlag = false;
+    /** The symbol of the most recent metadata probe — an older one landing late is dropped. */
+    this.metadataProbeSymbol = null;
     /** Latched: the symbol's extended tape wraps midnight (an overnight roll market) —
      *  one extended-hours shading phase instead of the pre/post split. */
     this.sessionOvernightFlag = false;
@@ -5628,7 +5639,11 @@ var ChartCell = class {
         nativeBackend: deps.nativeBackend,
         // The user's drawings option minus its toolbar: one SHARED bar serves
         // the whole workspace (per-cell bars would cost a 44px gutter each).
-        drawings: cellDrawings(deps.chartDefaults.drawings)
+        drawings: cellDrawings(deps.chartDefaults.drawings),
+        // The renderer's own Time zone row edits a resolved IANA zone; the cell
+        // contributes the workspace picker instead (`time-zone`, with the
+        // exchange rule — see pushSettingsSections).
+        settings: { ...deps.chartDefaults.settings, hidden: [...deps.chartDefaults.settings?.hidden ?? [], "symbol.timezone"] }
       },
       { dataFeed: deps.feed }
     );
@@ -5641,7 +5656,7 @@ var ChartCell = class {
     this.history.onChart(this.inner);
     this.inner.renderer.onConfigChanged(() => {
       const zone = this.inner?.renderer.get("timezone");
-      if (typeof zone === "string" && normalizeTimezone(zone) !== normalizeTimezone(this.deps.timezone())) {
+      if (typeof zone === "string" && normalizeTimezone(zone) !== normalizeTimezone(this.displayTimezone)) {
         this.deps.setTimezone(normalizeTimezone(zone));
       }
       const style = this.priceStyle;
@@ -5677,14 +5692,16 @@ var ChartCell = class {
       const list = providers.length > 0 ? providers.join(", ") : "none";
       this.deps.toast(`No registered provider serves "${symbol2}" (registered: ${list})`, "error", 6e3);
     });
-    this.inner.on("load:start", () => this.watermark?.setLoading(true));
+    this.inner.on("load:start", ({ symbol: symbol2 }) => {
+      this.watermark?.setLoading(true);
+      this.refreshSymbolMetadata(symbol2);
+    });
     this.inner.on("load:end", () => {
       this.watermark?.setLoading(false);
       this.refreshSessionShading();
     });
     this.inner.on("viewport:changed", (range) => this.sessionShading.updateRange(range));
-    const tz = deps.timezone();
-    if (tz !== "Etc/UTC") this.inner.renderer.set("timezone", tz);
+    this.applyTimezone();
     this.indicatorTitlesOn = seed.indicatorTitles ?? true;
     if (!this.indicatorTitlesOn) this.inner.renderer.set("indicatorTitles", false);
     this.indicatorValuesOn = seed.indicatorValues ?? true;
@@ -5706,7 +5723,7 @@ var ChartCell = class {
         this.statusline?.setSymbol(this.state.symbol);
         this.statusline?.setMeta(this.state.timeframe ?? "60", this.inner.data.displayPrefix(this.state.symbol) ?? this.state.provider ?? "");
       }
-      this.refreshSessionAvailable();
+      this.refreshSymbolMetadata();
       if (this.inner && this.state.symbol) this.marketStatus?.track(this.inner.data, this.state.symbol);
     });
     this.syncStatuslineColors();
@@ -5780,7 +5797,7 @@ var ChartCell = class {
     this.offMarket = this.inner.on("market:changed", ({ symbol: symbol2, timeframe }) => {
       this.projectMarket(symbol2, timeframe);
       this.refreshNativeCatalog();
-      this.refreshSessionAvailable();
+      this.refreshSymbolMetadata();
       if (this.inner) this.marketStatus?.track(this.inner.data, symbol2);
       this.deps.onMarketChanged(this.id);
     });
@@ -5821,15 +5838,56 @@ var ChartCell = class {
     this.deps.onStateDirty();
     void this.inner?.setMarket({ session });
   }
-  refreshSessionAvailable() {
+  /**
+   * The symbol's own trading zone, once its metadata has landed — what the exchange
+   * rule resolves to on this cell (the workspace labels the shared bottom bar with the
+   * ACTIVE cell's). Undefined = unknown or undeclared (the rule then renders UTC).
+   */
+  get exchangeTimezone() {
+    return this.exchangeZone;
+  }
+  /** The IANA zone this cell's axis renders in: the workspace choice, resolved. */
+  get displayTimezone() {
+    return resolveTimezone(this.deps.timezone(), this.exchangeZone);
+  }
+  /**
+   * Push the resolved zone to the renderer — on the workspace choice changing, and on
+   * this cell's market zone changing under the exchange rule. Skips the write when the
+   * renderer already holds it (its config default is the bare `'UTC'` alias).
+   */
+  applyTimezone() {
+    const chart = this.inner;
+    if (!chart) return;
+    const zone = this.displayTimezone;
+    const current = chart.renderer.get("timezone");
+    const held = typeof current === "string" && current ? current : "UTC";
+    if (normalizeTimezone(held) === normalizeTimezone(zone)) return;
+    chart.renderer.set("timezone", zone);
+  }
+  /** Re-read the symbol's metadata: session posture (RTH/ETH toggle, shading) and its
+   *  trading zone (the exchange rule). Async — the workspace re-projects when a verdict lands. */
+  refreshSymbolMetadata(symbol = this.state.symbol, retry = true) {
     const chart = this.inner;
-    const symbol = this.state.symbol;
     if (!chart || !symbol) return;
+    this.metadataProbeSymbol = symbol;
     void chart.data.symbolInfo(symbol).then((si) => {
-      if (this.inner !== chart) return;
+      if (this.inner !== chart || this.metadataProbeSymbol !== symbol) return;
+      if (si === void 0 && retry) {
+        void chart.data.ready().then(() => {
+          if (this.inner === chart && this.metadataProbeSymbol === symbol) this.refreshSymbolMetadata(symbol, false);
+        });
+        return;
+      }
+      if (this.state.symbol !== symbol) return;
       const available = typeof si?.session === "string" && si.session !== "" && si.session !== "24x7";
       const overnight = parseSessionSpec(si)?.overnight === true;
-      if (available !== this.sessionAvailableFlag || overnight !== this.sessionOvernightFlag) {
+      const zone = typeof si?.timezone === "string" && si.timezone !== "" ? si.timezone : void 0;
+      const zoneChanged = zone !== this.exchangeZone;
+      if (zoneChanged) {
+        this.exchangeZone = zone;
+        this.applyTimezone();
+      }
+      if (available !== this.sessionAvailableFlag || overnight !== this.sessionOvernightFlag || zoneChanged) {
         this.sessionAvailableFlag = available;
         this.sessionOvernightFlag = overnight;
         this.deps.onMarketChanged(this.id);
@@ -5935,6 +5993,24 @@ var ChartCell = class {
         }
       ]
     };
+    const timezoneSection = {
+      title: "Time zone",
+      id: "time-zone",
+      placement: "symbol",
+      rows: [
+        {
+          kind: "select",
+          label: "Time zone",
+          id: "zone",
+          options: timezoneMenuRows(this.deps.timezone()).map((r) => [r.value, r.label]),
+          get: () => {
+            const choice = this.deps.timezone();
+            return isExchangeTimezone(choice) ? choice : normalizeTimezone(choice);
+          },
+          set: (v) => this.deps.setTimezone(v)
+        }
+      ]
+    };
     const watermarkSection = {
       title: "Watermark",
       id: "watermark",
@@ -6003,7 +6079,7 @@ var ChartCell = class {
         ]
       });
     }
-    sections.push(advanced);
+    sections.push(advanced, timezoneSection);
     if (this.sessionAvailableFlag) sections.push(sessionSection);
     sections.push(watermarkSection);
     chart.renderer.setSettingsSections(sections);
@@ -7735,15 +7811,14 @@ var TimezoneDrawer = class {
     this.drawer.body.replaceChildren();
     const list = doc.createElement("div");
     list.className = "vela-tzd-list";
-    const current = normalizeTimezone(this.opts.timezone());
-    for (const tz of TIMEZONES) {
+    for (const tz of timezoneMenuRows(this.opts.timezone())) {
       const row = doc.createElement("div");
       row.className = "vela-tzd-row";
       const label = doc.createElement("span");
       label.className = "vela-tzd-row-label";
-      label.textContent = tzMenuLabel(tz.value, tz.label);
+      label.textContent = tz.label;
       row.appendChild(label);
-      if (tz.value === current) row.appendChild(iconEl("check", doc));
+      if (tz.checked) row.appendChild(iconEl("check", doc));
       row.addEventListener("click", () => {
         this.opts.onTimezone(tz.value);
         this.drawer.hide();
@@ -8851,13 +8926,23 @@ var VelaWorkspace = class {
       }
     }
   }
-  /** Set the workspace-global display timezone — applied to EVERY cell. */
+  /**
+   * Set the workspace-global display timezone — applied to EVERY cell. An IANA zone,
+   * or `'exchange'` (the exchange rule): each cell then renders in its OWN market's
+   * zone (Chicago for a CME future, New York for a US equity, UTC for crypto), and the
+   * bottom bar follows the active cell's.
+   */
   setTimezone(zone) {
     this.timezone = zone;
-    this.bottombar?.setTimezone(zone);
-    for (const cell of this.cellsById.values()) cell.chart.renderer.set("timezone", zone);
+    this.projectTimezone();
+    for (const cell of this.cellsById.values()) cell.applyTimezone();
     this.markStateDirty();
   }
+  /** Bottom bar ⇐ the stored choice + the ACTIVE cell's market zone (labels the exchange row). */
+  projectTimezone() {
+    const active = this.activeId ? this.cellsById.get(this.activeId) : void 0;
+    this.bottombar?.setTimezone(this.timezone, active?.exchangeTimezone);
+  }
   /**
    * Swap the workspace theme at runtime — `'dark'`, `'light'`, or a full custom theme,
    * applied to the shared chrome (topbar, panels, drawing toolbar) and EVERY cell.
@@ -9062,6 +9147,7 @@ var VelaWorkspace = class {
     this.dock.onChart(cell.chart);
     this.bottombar?.setActiveRange(cell.activeRangeId);
     this.bottombar?.setSession({ session: cell.session, enabled: cell.sessionAvailable });
+    this.projectTimezone();
     this.indicatorPicker?.sync();
     this.glider.stop();
     const d = cell.chart.drawings;
@@ -9646,6 +9732,7 @@ var VelaWorkspace = class {
     this.mobileBar?.setTimeframe(cell.timeframe);
     this.objectTree.setSymbol(cell.symbol);
     this.bottombar?.setSession({ session: cell.session, enabled: cell.sessionAvailable });
+    this.projectTimezone();
     this.bottombar?.setActiveRange(cell.activeRangeId);
   }
   /** Trigger ② — a cell's price style changed: the topbar button/menu only if active.