@luxalgo/vela 0.5.4 → 0.6.1

package/dist/widget.js

@@ -1,7 +1,7 @@
-import { Glider, WidgetHistory, localStorageAdapter, decodeState, prefixedSymbol, SymbolPicker, IndicatorPicker, TimeframeQuick, Topbar, PanelDock, ObjectTree, DataWindow, ChartContextMenu, Toast, Watermark, Statusline, Bottombar, MobileBar, DrawingPill, LayoutModeController, ZOOM_IN, ZOOM_OUT, PAN_FAST, ShortcutsHelp, TimeframeDrawer, RANGE_PRESETS, DrawingsDrawer, MoreDrawer, priceStyleIcon, priceStyleLabel, TimezoneDrawer, PriceScaleDrawer, indicatorLedger, sanitizeState, legacyWidgetState, parsePersisted, statuslineInkOf, toolShortcutHints, resolveIndicators, encodeState } from './chunk-JBQUY2RI.js';
-export { Bottombar, ChartContextMenu, DataWindow, IndicatorPicker, ObjectTree, PanelDock, RANGE_PRESETS, ShortcutsHelp, Statusline, SymbolPicker, TimeframeQuick, Topbar, Watermark, dataWindowSections, decimalsFor, decodeState, encodeState, filterSymbols, fmtChange, fmtPrice, legacyWidgetState, loadPersisted, localStorageAdapter, parsePersisted, parseTimeframe, priceStyleLabel, resolveIndicators, sanitizeState, savePersisted, timeframeLabel, timeframeMs } from './chunk-JBQUY2RI.js';
-import { registerBuiltinChartTypes, resolveTheme, parseSymbol, buildToolbar, priceStyleIds, Vela, normalizeTimezone } from './chunk-D6WM5IUE.js';
-export { TIMEZONES, normalizeTimezone, tzButtonLabel, tzMenuLabel, tzOffset } from './chunk-D6WM5IUE.js';
+import { Glider, WidgetHistory, localStorageAdapter, decodeState, prefixedSymbol, normalizeSession, SymbolPicker, IndicatorPicker, TimeframeQuick, Topbar, PanelDock, ObjectTree, DataWindow, ChartContextMenu, Toast, Watermark, Statusline, Bottombar, MobileBar, DrawingPill, LayoutModeController, ZOOM_IN, ZOOM_OUT, PAN_FAST, ShortcutsHelp, TimeframeDrawer, RANGE_PRESETS, DrawingsDrawer, MoreDrawer, priceStyleIcon, priceStyleLabel, TimezoneDrawer, PriceScaleDrawer, indicatorLedger, sanitizeState, legacyWidgetState, parsePersisted, statuslineInkOf, toolShortcutHints, resolveIndicators, encodeState } from './chunk-6LZJRO2S.js';
+export { Bottombar, ChartContextMenu, DataWindow, IndicatorPicker, ObjectTree, PanelDock, RANGE_PRESETS, ShortcutsHelp, Statusline, SymbolPicker, TimeframeQuick, Topbar, Watermark, dataWindowSections, decimalsFor, decodeState, encodeState, filterSymbols, fmtChange, fmtPrice, legacyWidgetState, loadPersisted, localStorageAdapter, parsePersisted, parseTimeframe, priceStyleLabel, resolveIndicators, sanitizeState, savePersisted, timeframeLabel, timeframeMs } from './chunk-6LZJRO2S.js';
+import { registerBuiltinChartTypes, resolveTheme, parseSymbol, buildToolbar, priceStyleIds, Vela, normalizeTimezone } from './chunk-4MQEG67Z.js';
+export { TIMEZONES, normalizeTimezone, tzButtonLabel, tzMenuLabel, tzOffset } from './chunk-4MQEG67Z.js';
 import { widgetActions, widgetAttachments, legendActionsProviderFor, resolveEngines } from './chunk-ZNL2X6U2.js';
 export { DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, SidePanel, clampPanelWidth, registerSidePanel, registerWidgetAction, registerWidgetAttachment, sidePanels, unregisterSidePanel, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments } from './chunk-ZNL2X6U2.js';
 import { KeymapManager, Menu, isEditableTarget } from './chunk-QWIEKZRE.js';
@@ -14,7 +14,8 @@ var PARAMS = [
   ["timeframe", "interval"],
   ["priceStyle", "style"],
   ["timezone", "tz"],
-  ["bars", "bars"]
+  ["bars", "bars"],
+  ["session", "session"]
 ];
 function readUrlState(search) {
   const out = {};
@@ -146,6 +147,7 @@ var VelaWidget = class {
     this.priceStyle = fromUrl.priceStyle ?? bootCell?.priceStyle ?? opts.priceStyle ?? "candles";
     this.timezone = fromUrl.timezone ?? boot?.timezone ?? opts.timezone ?? "Etc/UTC";
     this.bars = Number(fromUrl.bars ?? bootCell?.bars ?? opts.bars ?? 1e3);
+    this.session = normalizeSession(fromUrl.session ?? bootCell?.session ?? opts.session);
     this.watermarkOn = bootCell?.watermark !== void 0 ? bootCell.watermark : opts.watermark !== false;
     this.indicatorTitlesOn = bootCell?.indicatorTitles ?? true;
     this.indicatorValuesOn = bootCell?.indicatorValues ?? true;
@@ -252,6 +254,7 @@ var VelaWidget = class {
       timezone: this.timezone,
       onRange: (preset) => this.applyRange(preset),
       onTimezone: (zone) => this.setTimezone(zone),
+      onSession: (session) => this.setSession(session),
       onSettingsClick: () => this.inner?.renderer.openSettings()
     }) : null;
     this.mobileBar = opts.bottombar !== false ? new MobileBar(this.root, {
@@ -481,13 +484,15 @@ var VelaWidget = class {
     this.statusline?.setMeta(tf, this.providerLabel());
   }
   /**
-   * The provider name to show: the one that RESOLVED the symbol, not the one configured.
-   * They differ whenever the `provider` option is just a default (or names something that
-   * isn't registered) — the status line must not claim a venue that served nothing.
+   * The venue label to show: the LISTING prefix the resolved symbol's data declares
+   * (`NASDAQ` for AAPL), else the provider that RESOLVED the symbol — never the one
+   * configured or typed. They differ whenever the `provider` option is just a default,
+   * the prefix was a listing venue, or the spelling isn't registered — the status line
+   * must not claim a venue that served nothing.
    */
   providerLabel() {
-    const resolved = this.inner?.data.resolve(this.symbol)?.provider;
-    return resolved ?? parseSymbol(this.symbol).provider ?? "";
+    const display = this.inner?.data.displayPrefix(this.symbol);
+    return display ?? parseSymbol(this.symbol).provider ?? "";
   }
   setTimeframe(tf) {
     if (tf === this.timeframe || this.destroyed) return;
@@ -498,6 +503,30 @@ var VelaWidget = class {
     this.markStateDirty();
     void this.inner?.setMarket({ timeframe: tf, bars: this.bars });
   }
+  /**
+   * Switch the shown trading session (RTH/ETH) in place — a full reload, like a
+   * timeframe change (the two sessions are different bar series). No-op on a chart
+   * already showing that session; meaningless on continuous markets (the toggle is
+   * disabled there, but the API tolerates the call — the provider ignores the flag).
+   */
+  setSession(session) {
+    if (session === this.session || session === "regular" && this.session === void 0 || this.destroyed) return;
+    this.session = session;
+    this.refreshSessionToggle();
+    this.markStateDirty();
+    void this.inner?.setMarket({ session });
+  }
+  /** Re-derive the RTH/ETH toggle's posture from the ACTIVE symbol's metadata: enabled
+   *  iff the resolved symbol declares a real session vocabulary (not `24x7`). */
+  refreshSessionToggle() {
+    const chart = this.inner;
+    if (!chart || !this.bottombar) return;
+    void chart.data.symbolInfo(this.symbol).then((si) => {
+      if (this.destroyed || this.inner !== chart) return;
+      const enabled = typeof si?.session === "string" && si.session !== "" && si.session !== "24x7";
+      this.bottombar?.setSession({ session: this.session ?? "regular", enabled });
+    });
+  }
   /** Star/unstar a timeframe — the topbar chips and dropdown stars follow, and the
    *  set persists with the rest of the shell state. */
   setTimeframeFavorite(tf, on) {
@@ -544,6 +573,8 @@ var VelaWidget = class {
     cell.timeframe = live?.timeframe ?? this.timeframe;
     cell.priceStyle = this.priceStyle;
     if (this.bars > 0) cell.bars = this.bars;
+    const session = normalizeSession(live?.session ?? this.session);
+    if (session === "extended") cell.session = session;
     cell.watermark = this.watermarkOn;
     cell.indicatorTitles = this.indicatorTitlesOn;
     cell.indicatorValues = this.indicatorValuesOn;
@@ -610,9 +641,15 @@ var VelaWidget = class {
       const symbol = fromUrl.symbol ?? prefixedSymbol(cell);
       const timeframe = fromUrl.timeframe ?? cell.timeframe;
       const bars = Number(fromUrl.bars ?? cell.bars ?? 0);
+      const session = normalizeSession(fromUrl.session ?? cell.session);
       const next = {};
       if (symbol && symbol !== this.symbol) next.symbol = symbol;
       if (timeframe && timeframe !== this.timeframe) next.timeframe = timeframe;
+      if (session && session !== (this.session ?? "regular")) {
+        this.session = session;
+        next.session = session;
+        this.refreshSessionToggle();
+      }
       if (bars > 0 && bars !== this.bars) {
         this.bars = bars;
         next.bars = Math.max(bars, this.rangeBars);
@@ -839,6 +876,7 @@ var VelaWidget = class {
       symbol: this.symbol,
       timeframe: this.timeframe,
       bars: Math.max(this.bars, this.rangeBars),
+      session: this.session,
       volume: this.ledgerVolume ?? chartOpts.volume,
       // A pending range chip frames the FIRST paint (no preview flash, no re-frame).
       ...this.pendingRange ? { visibleRange: this.pendingRange.preset } : {}
@@ -847,6 +885,11 @@ var VelaWidget = class {
     for (const [language, make] of Object.entries(resolveEngines(engines))) chart.registerEngine(language, make());
     this.inner = chart;
     this.symbolPicker.setSource(() => chart.data.symbols());
+    void chart.data.ready().then(() => {
+      if (this.inner !== chart) return;
+      this.statusline?.setMeta(this.timeframe, this.providerLabel());
+      this.refreshSessionToggle();
+    });
     if (this.layoutCtl !== void 0) chart.renderer.setLayoutMode(this.layoutCtl.current);
     this.objectTree.setSymbol(this.symbol);
     chart.renderer.setLegendActions(legendActionsProviderFor(chart, () => this.context()));
@@ -922,6 +965,7 @@ var VelaWidget = class {
         this.statusline?.setSymbol(symbol);
         this.objectTree.setSymbol(symbol);
         this.watermark?.update(symbol, this.timeframe);
+        this.refreshSessionToggle();
       }
       if (timeframe !== this.timeframe) this.syncTimeframeChrome(timeframe);
     });
@@ -1219,6 +1263,8 @@ var VelaWidget = class {
         priceStyle: this.priceStyle,
         timezone: this.timezone,
         bars: String(this.bars),
+        // Empty clears the param — the default (regular) keeps links lean.
+        session: this.session === "extended" ? "extended" : "",
         watermark: this.watermarkOn ? "1" : "0",
         favorites: this.favs.join(",")
       });

package/dist/workspace.cjs

@@ -152,7 +152,7 @@ var ProviderRegistry = class {
   /** Register (or replace) a provider; returns a promise that settles when its index is built. */
   register(rawName, provider) {
     const name = normName(rawName);
-    const entry = { name, provider, index: null, descriptors: [], settled: false, settle: Promise.resolve() };
+    const entry = { name, provider, index: null, prefixIndex: null, byTicker: null, descriptors: [], settled: false, settle: Promise.resolve() };
     this.entries.set(name, entry);
     entry.settle = this.buildIndex(entry);
     queueMicrotask(() => this.notify(false));
@@ -165,6 +165,9 @@ var ProviderRegistry = class {
         const symbols = await entry.provider.listSymbols();
         entry.descriptors = symbols;
         entry.index = new Set(symbols.map((s) => normTicker(s.ticker)));
+        entry.byTicker = new Map(symbols.map((s) => [normTicker(s.ticker), s]));
+        entry.prefixIndex = /* @__PURE__ */ new Map();
+        for (const s of symbols) if (s.prefix) entry.prefixIndex.set(`${normName(s.prefix)}:${normTicker(s.ticker)}`, s);
       }
     } catch {
       entry.index = null;
@@ -200,14 +203,25 @@ var ProviderRegistry = class {
   }
   /**
    * Resolve a symbol to `{ provider, ticker }`, or null when nothing can serve it
-   * yet. Explicit prefix → that provider (must be registered). Bare → first
-   * indexed provider (registration order, `opts.default` first) that contains the
-   * ticker; `opts.lenient` additionally allows a sole registered provider before
-   * its index exists.
+   * yet. Explicit prefix → that provider (must be registered), else a provider whose
+   * index declares that LISTING prefix for that ticker (`NASDAQ:AAPL` routes to the
+   * provider serving Nasdaq-listed AAPL — TradingView-strict, so `NYSE:AAPL` resolves
+   * to nothing rather than auto-correcting). Bare → first indexed provider
+   * (registration order, `opts.default` first) that contains the ticker;
+   * `opts.lenient` additionally allows a sole registered provider before its index
+   * exists.
    */
   resolve(raw, opts = {}) {
     const { provider, ticker } = this.parse(raw);
-    if (provider) return this.entries.has(provider) ? { provider, ticker } : null;
+    if (provider) {
+      if (this.entries.has(provider)) return { provider, ticker };
+      const key = `${provider}:${normTicker(ticker)}`;
+      for (const name of this.candidateOrder(opts.default)) {
+        const d = this.entries.get(name).prefixIndex?.get(key);
+        if (d) return { provider: name, ticker: d.ticker };
+      }
+      return null;
+    }
     const norm = normTicker(ticker);
     for (const name of this.candidateOrder(opts.default)) {
       if (this.entries.get(name).index?.has(norm)) return { provider: name, ticker };
@@ -273,6 +287,22 @@ var ProviderRegistry = class {
     }
     return names;
   }
+  /**
+   * The DISPLAY prefix for a resolved symbol — the descriptor's LISTING prefix when the
+   * data declares one, else the provider name. This is the single seam every label
+   * (legend chip, committed/persisted `PREFIX:TICKER` strings) derives from, which is
+   * what makes a non-canonical spelling impossible to display: the form always comes
+   * from the data, never from what was typed.
+   */
+  displayPrefixOf(resolved) {
+    const d = this.entries.get(resolved.provider)?.byTicker?.get(normTicker(resolved.ticker));
+    return d?.prefix ?? resolved.provider;
+  }
+  /** The canonical `PREFIX:TICKER` string for a resolved symbol (descriptor spellings). */
+  canonicalSymbol(resolved) {
+    const d = this.entries.get(resolved.provider)?.byTicker?.get(normTicker(resolved.ticker));
+    return `${d?.prefix ?? resolved.provider}:${d?.ticker ?? resolved.ticker}`;
+  }
   /** Indexed symbols for one provider (or all, concatenated) — for autocomplete. */
   symbolsOf(rawName) {
     if (rawName != null) return this.entries.get(normName(rawName))?.descriptors ?? [];
@@ -296,8 +326,8 @@ var ProviderRegistry = class {
 };
 
 // src/data/BarStore.ts
-function seriesKey(provider, symbol, timeframe) {
-  return `${provider}|${symbol}|${timeframe}`;
+function seriesKey(provider, symbol, timeframe, session) {
+  return `${provider}|${symbol}|${timeframe}${session && session !== "regular" ? `|${session}` : ""}`;
 }
 function symbolOf(key) {
   return key.split("|")[1] ?? "";
@@ -395,9 +425,9 @@ function timeframeToMs(timeframe) {
 }
 
 // src/data/CachingDataFeed.ts
-function cacheKey(symbol, timeframe) {
+function cacheKey(symbol, timeframe, session) {
   const { provider, ticker } = parseSymbol(symbol);
-  return seriesKey(provider ?? "", ticker, timeframe);
+  return seriesKey(provider ?? "", ticker, timeframe, session);
 }
 var PAGE_BARS = 1e4;
 var SINGLE_FETCH_BARS = PAGE_BARS + 1;
@@ -409,7 +439,7 @@ var CachingDataFeed = class {
   async load(cfg) {
     if (cfg.data && cfg.data.length > 0) return this.inner.load(cfg);
     const symbol = cfg.symbol ?? "TEST";
-    const key = cacheKey(symbol, cfg.timeframe ?? "60");
+    const key = cacheKey(symbol, cfg.timeframe ?? "60", cfg.session);
     this.store.retainSymbol(symbol);
     const cached = this.store.get(key);
     const n = cfg.bars ?? 500;
@@ -438,7 +468,7 @@ var CachingDataFeed = class {
    */
   async loadRange(cfg, range) {
     if (!this.inner.loadRange) return this.inner.load(cfg);
-    const key = cacheKey(cfg.symbol ?? "TEST", cfg.timeframe ?? "60");
+    const key = cacheKey(cfg.symbol ?? "TEST", cfg.timeframe ?? "60", cfg.session);
     let cached = this.store.get(key);
     let newest = cached?.[cached.length - 1];
     if (range.to != null && newest && range.to < newest.time) {
@@ -596,6 +626,20 @@ var MultiProviderFeed = class {
   resolveSymbol(raw) {
     return this.registry.resolve(raw, { default: this.primaryProvider });
   }
+  /**
+   * The DISPLAY prefix for `raw` — the descriptor's LISTING prefix when the data
+   * declares one (`NASDAQ` for AAPL), else the resolved provider name. Null while
+   * nothing resolves the symbol.
+   */
+  displayPrefix(raw) {
+    const resolved = this.resolveSymbol(raw);
+    return resolved ? this.registry.displayPrefixOf(resolved) : null;
+  }
+  /** The canonical `PREFIX:TICKER` form of `raw`, or null while unresolvable. */
+  canonicalSymbol(raw) {
+    const resolved = this.resolveSymbol(raw);
+    return resolved ? this.registry.canonicalSymbol(resolved) : null;
+  }
   /** The registered provider INSTANCE under `name` (undefined if unknown). */
   providerInstance(name) {
     return this.registry.get(name);
@@ -731,13 +775,13 @@ var RegistryFetchFeed = class {
     const { provider: name, ticker } = parseSymbol(cfg.symbol ?? "");
     const provider = this.registry.get(name ?? "");
     if (!provider) return Promise.resolve([]);
-    return safeBars(provider, ticker, cfg.timeframe ?? "60", { limit: cfg.bars ?? 500 });
+    return safeBars(provider, ticker, cfg.timeframe ?? "60", { limit: cfg.bars ?? 500, session: cfg.session });
   }
   loadRange(cfg, range) {
     const { provider: name, ticker } = parseSymbol(cfg.symbol ?? "");
     const provider = this.registry.get(name ?? "");
     if (!provider) return Promise.resolve([]);
-    return safeBars(provider, ticker, cfg.timeframe ?? "60", range);
+    return safeBars(provider, ticker, cfg.timeframe ?? "60", { ...range, session: cfg.session });
   }
   subscribe(cfg, onBar) {
     const { provider: name, ticker } = parseSymbol(cfg.symbol ?? "");
@@ -745,13 +789,13 @@ var RegistryFetchFeed = class {
     if (!provider) return () => {
     };
     const tf = cfg.timeframe ?? "60";
-    if (provider.subscribe) return provider.subscribe(ticker, tf, onBar);
+    if (provider.subscribe) return provider.subscribe(ticker, tf, onBar, cfg.session ? { session: cfg.session } : void 0);
     let stopped = false;
     let timer = null;
     const poll = async () => {
       if (stopped) return;
       try {
-        const bars = await provider.getBars(ticker, tf, { limit: 2 });
+        const bars = await provider.getBars(ticker, tf, { limit: 2, session: cfg.session });
         if (stopped) return;
         for (const b of bars) onBar(b);
       } catch {
@@ -4730,10 +4774,12 @@ var CSS4 = `
     color: var(--vela-fg-muted);
     font-size: 11px;
     font-weight: 600;
-    cursor: not-allowed;
-    opacity: 0.55;
+    cursor: pointer;
 }
-.vela-bb-session-btn.is-active { color: var(--vela-fg); background: var(--vela-surface-elev); opacity: 0.8; }
+.vela-bb-session-btn:disabled { cursor: not-allowed; opacity: 0.55; }
+.vela-bb-session-btn:not(:disabled):hover { background: var(--vela-hover); color: var(--vela-fg-bright); }
+.vela-bb-session-btn.is-active { color: var(--vela-fg); background: var(--vela-surface-elev); }
+.vela-bb-session-btn.is-active:disabled { opacity: 0.8; }
 .vela-bb-settings {
     all: unset;
     display: inline-flex;
@@ -4753,6 +4799,8 @@ var Bottombar = class {
   constructor(host, opts) {
     this.settingsTip = null;
     this.rangeButtons = /* @__PURE__ */ new Map();
+    this.sessionButtons = /* @__PURE__ */ new Map();
+    this.sessionEl = null;
     this.timer = null;
     this.timezone = opts.timezone;
     const doc = host.ownerDocument;
@@ -4782,12 +4830,19 @@ var Bottombar = class {
     this.tzButton.append(this.clockEl, this.tzLabelEl);
     const session = doc.createElement("span");
     session.className = "vela-bb-session";
+    this.sessionEl = session;
     session.title = "Session \u2014 stocks & ETFs only";
-    for (const [label, active] of [["RTH", true], ["ETH", false]]) {
+    for (const [key, label] of [["regular", "RTH"], ["extended", "ETH"]]) {
       const b = doc.createElement("button");
-      b.className = "vela-bb-session-btn" + (active ? " is-active" : "");
+      b.className = "vela-bb-session-btn" + (key === "regular" ? " is-active" : "");
       b.textContent = label;
       b.disabled = true;
+      b.addEventListener("click", () => {
+        if (b.disabled) return;
+        this.setSession({ session: key, enabled: true });
+        opts.onSession?.(key);
+      });
+      this.sessionButtons.set(key, b);
       session.appendChild(b);
     }
     const settingsBtn = doc.createElement("button");
@@ -4825,6 +4880,19 @@ var Bottombar = class {
       else delete b.dataset.active;
     }
   }
+  /**
+   * Reflect the ACTIVE chart's session posture. `enabled: false` (a continuous
+   * market, or metadata not landed yet) shows the disabled RTH-active stub — the
+   * pre-session-model look, byte-for-byte. Enabled, the chips become clickable and
+   * the active one tracks the chart's current session.
+   */
+  setSession(state) {
+    if (this.sessionEl) this.sessionEl.title = state.enabled ? "Session \u2014 regular (RTH) vs extended (ETH) hours" : "Session \u2014 stocks & ETFs only";
+    for (const [key, b] of this.sessionButtons) {
+      b.disabled = !state.enabled;
+      b.classList.toggle("is-active", state.enabled ? key === state.session : key === "regular");
+    }
+  }
   destroy() {
     if (this.timer !== null) clearInterval(this.timer);
     this.tzMenu.destroy();
@@ -12423,10 +12491,11 @@ function parseQuery(raw, venues) {
 function onlyOne(matches) {
   return matches.length === 1 ? matches[0] : null;
 }
+var venueOf = (s) => s.prefix ?? s.provider;
 function filterSymbols(list, query, limit = 100) {
-  const venues = [...new Set(list.map((s) => s.provider?.toLowerCase()).filter((p) => !!p))];
+  const venues = [...new Set(list.flatMap((s) => [venueOf(s)?.toLowerCase(), s.provider?.toLowerCase()]).filter((p) => !!p))];
   const { scope, term } = parseQuery(query, venues);
-  const pool = scope ? list.filter((s) => s.provider?.toLowerCase() === scope) : list;
+  const pool = scope ? list.filter((s) => venueOf(s)?.toLowerCase() === scope || s.provider?.toLowerCase() === scope) : list;
   const q = term.toUpperCase();
   if (!q) {
     if (scope) return [...pool].sort((a, b) => a.ticker.localeCompare(b.ticker)).slice(0, limit);
@@ -12445,7 +12514,7 @@ function filterSymbols(list, query, limit = 100) {
     if (t.startsWith(q)) prefix.push(s);
     else if (t.includes(q)) substr.push(s);
     else if ((s.description ?? "").toUpperCase().includes(q)) desc.push(s);
-    else if (!scope && s.provider?.toLowerCase().includes(qLower)) venue.push(s);
+    else if (!scope && (venueOf(s)?.toLowerCase().includes(qLower) || s.provider?.toLowerCase().includes(qLower))) venue.push(s);
     if (prefix.length >= limit) break;
   }
   return [...prefix, ...substr, ...desc, ...venue].slice(0, limit);
@@ -12597,14 +12666,14 @@ var SymbolPicker = class {
       else if (e.key === "ArrowUp") this.moveHighlight(-1);
       else if (e.key === "Enter") {
         const pick = this.rows[this.highlighted];
-        if (pick) this.select(pick.ticker, pick.provider, opts.onSelect);
+        if (pick) this.select(pick.ticker, pick.prefix ?? pick.provider, opts.onSelect);
         return;
       } else return;
       e.preventDefault();
     });
     this.list.addEventListener("click", (e) => {
       const row = e.target.closest(".vela-sp-row");
-      if (row?.dataset.ticker) this.select(row.dataset.ticker, row.dataset.provider, opts.onSelect);
+      if (row?.dataset.ticker) this.select(row.dataset.ticker, row.dataset.venue, opts.onSelect);
     });
   }
   /** Wire where symbols come from (re-called on every widget rebuild). */
@@ -12621,9 +12690,9 @@ var SymbolPicker = class {
   destroy() {
     this.dialog.destroy();
   }
-  select(ticker, provider, onSelect) {
+  select(ticker, venue, onSelect) {
     this.close();
-    onSelect(provider ? `${provider.toLowerCase()}:${ticker}` : ticker);
+    onSelect(venue ? `${venue}:${ticker}` : ticker);
   }
   moveHighlight(delta) {
     if (!this.rows.length) return;
@@ -12656,7 +12725,8 @@ var SymbolPicker = class {
       const row = doc.createElement("div");
       row.className = "vela-sp-row";
       row.dataset.ticker = s.ticker;
-      if (s.provider) row.dataset.provider = s.provider;
+      const venue = s.prefix ?? s.provider;
+      if (venue) row.dataset.venue = venue;
       const av = tickerIconEl(doc, baseOf(s), s.ticker, "vela-sp-avatar");
       const main = doc.createElement("span");
       main.className = "vela-sp-main";
@@ -12668,11 +12738,11 @@ var SymbolPicker = class {
       d.textContent = s.description ?? (s.type ?? "");
       main.append(t, d);
       row.append(av, main);
-      if (s.provider) {
+      if (venue) {
         const badge = doc.createElement("span");
         badge.className = "vela-sp-badge";
-        badge.dataset.p = s.provider;
-        badge.textContent = s.provider;
+        badge.dataset.p = s.provider ?? venue;
+        badge.textContent = venue;
         row.appendChild(badge);
       }
       this.list.appendChild(row);
@@ -16212,6 +16282,7 @@ function sanitizeCell(raw) {
   if (typeof c.timeframe === "string") out.timeframe = c.timeframe;
   if (typeof c.priceStyle === "string") out.priceStyle = c.priceStyle;
   if (typeof c.bars === "number" && Number.isFinite(c.bars) && c.bars > 0) out.bars = c.bars;
+  if (c.session === "regular" || c.session === "extended") out.session = c.session;
   if (typeof c.watermark === "boolean") out.watermark = c.watermark;
   if (typeof c.indicatorTitles === "boolean") out.indicatorTitles = c.indicatorTitles;
   if (typeof c.indicatorValues === "boolean") out.indicatorValues = c.indicatorValues;
@@ -16845,7 +16916,7 @@ var EngineOrchestrator = class _EngineOrchestrator {
    *  an in-flight `setMarket` immediately (the config mutates before the load). */
   marketSnapshot() {
     const m = this.config.market;
-    return { symbol: m.symbol, provider: parseSymbol(m.symbol ?? "").provider ?? void 0, timeframe: m.timeframe, bars: m.bars, offline: m.data !== void 0 };
+    return { symbol: m.symbol, provider: parseSymbol(m.symbol ?? "").provider ?? void 0, timeframe: m.timeframe, bars: m.bars, session: m.session, offline: m.data !== void 0 };
   }
   /**
    * Switch the chart's market IN PLACE — no destroy/recreate. The renderer stays
@@ -16864,7 +16935,9 @@ var EngineOrchestrator = class _EngineOrchestrator {
    */
   async setMarket(next) {
     const m = this.config.market;
-    const identityChanged = next.symbol !== void 0 && next.symbol !== m.symbol || next.timeframe !== void 0 && next.timeframe !== m.timeframe || next.data !== void 0;
+    const identityChanged = next.symbol !== void 0 && next.symbol !== m.symbol || next.timeframe !== void 0 && next.timeframe !== m.timeframe || // A session switch changes WHICH bars exist (RTH vs ETH) — a full reload,
+    // exactly like a timeframe change; the cache keys the sessions apart.
+    next.session !== void 0 && next.session !== m.session || next.data !== void 0;
     const depthChanged = next.bars !== void 0 && next.bars !== m.bars;
     const depthOnly = depthChanged && !identityChanged && this.rawBars.length > 0 && !m.data?.length && ((next.bars ?? 0) <= this.rawBars.length || typeof this.feed.loadRange === "function");
     if (!identityChanged && !depthChanged) {
@@ -16886,6 +16959,7 @@ var EngineOrchestrator = class _EngineOrchestrator {
       if (next.symbol !== void 0) m.symbol = next.symbol;
       if (next.timeframe !== void 0) m.timeframe = next.timeframe;
       if (next.bars !== void 0) m.bars = next.bars;
+      if (next.session !== void 0) m.session = next.session;
       if (next.data !== void 0) m.data = next.data;
       else if (next.symbol !== void 0) delete m.data;
       m.visibleRange = next.visibleRange;
@@ -18267,6 +18341,17 @@ var DataControl = class {
   resolve(symbol) {
     return this.registry?.resolveSymbol(symbol) ?? null;
   }
+  /**
+   * The DISPLAY prefix for `symbol` — the listing venue its descriptor declares
+   * (`NASDAQ` for AAPL) or the resolved provider name. Null while unresolvable.
+   */
+  displayPrefix(symbol) {
+    return this.registry?.displayPrefix(symbol) ?? null;
+  }
+  /** The canonical `PREFIX:TICKER` form of `symbol`, or null while unresolvable. */
+  canonicalSymbol(symbol) {
+    return this.registry?.canonicalSymbol(symbol) ?? null;
+  }
   /**
    * The registered provider INSTANCE under `name` — the seam for EXTENDED provider
    * surfaces: a provider may implement interfaces beyond the `DataProvider` port
@@ -33946,6 +34031,7 @@ var Vela = class {
         symbol: options.symbol,
         timeframe: options.timeframe,
         bars: options.bars,
+        session: options.session,
         visibleRange: options.visibleRange,
         data: options.data
       },
@@ -34236,6 +34322,9 @@ function resolveElement(container) {
   return element;
 }
 
+// src/core/options.ts
+var normalizeSession = (v) => v === "regular" || v === "extended" ? v : void 0;
+
 // src/widget/format.ts
 function decimalsFor(ref) {
   const a = Math.abs(ref);
@@ -34914,6 +35003,7 @@ function seedDefaults(opts) {
     timeframe: opts.timeframe,
     bars: opts.bars,
     priceStyle: opts.priceStyle,
+    session: opts.session,
     data: opts.data,
     visibleRange: opts.visibleRange
   };
@@ -34942,6 +35032,8 @@ var ChartCell = class {
     this.lastCrossPrice = null;
     /** The bottombar range chip this cell is framed on (null = none). */
     this.activeRangeId = null;
+    /** Latched verdict of {@link sessionAvailable} (async metadata, sticky per symbol). */
+    this.sessionAvailableFlag = false;
     this.manifest = [];
     /** A restored ledger's manifest entry NAMES, waiting for the manifest to resolve
      *  (a pool/persisted cell can be built before the shared manifest has loaded). */
@@ -34961,7 +35053,7 @@ var ChartCell = class {
     this.destroyed = false;
     this.appTheme = deps.theme;
     const symbol = prefixedSymbol(seed);
-    this.state = { symbol, provider: parseSymbol(symbol ?? "").provider ?? void 0, timeframe: seed.timeframe, priceStyle: seed.priceStyle, bars: seed.bars };
+    this.state = { symbol, provider: parseSymbol(symbol ?? "").provider ?? void 0, timeframe: seed.timeframe, priceStyle: seed.priceStyle, bars: seed.bars, session: normalizeSession(seed.session) };
     const doc = gridHost.ownerDocument;
     this.host = doc.createElement("div");
     this.host.className = "vela-cell";
@@ -34978,6 +35070,7 @@ var ChartCell = class {
         timeframe: seed.timeframe,
         bars: seed.bars,
         priceStyle: seed.priceStyle,
+        session: normalizeSession(seed.session),
         data: seed.data,
         visibleRange: seed.visibleRange,
         theme: deps.theme,
@@ -35036,6 +35129,10 @@ var ChartCell = class {
     this.statusline = deps.statusline ? new Statusline(this.host, symbol ?? "") : null;
     this.statusline?.setMeta(seed.timeframe ?? "60", this.state.provider ?? "");
     this.statusline?.onChart(this.inner);
+    void this.inner.data.ready().then(() => {
+      if (this.inner && this.state.symbol) this.statusline?.setMeta(this.state.timeframe ?? "60", this.inner.data.displayPrefix(this.state.symbol) ?? this.state.provider ?? "");
+      this.refreshSessionAvailable();
+    });
     this.syncStatuslineColors();
     this.contextMenu = new ChartContextMenu(this.host, {
       resetView: () => {
@@ -35156,14 +35253,48 @@ var ChartCell = class {
       this.state.symbol = symbol2;
       this.state.provider = parseSymbol(symbol2).provider ?? void 0;
       this.state.timeframe = timeframe;
+      this.state.session = normalizeSession(this.inner?.market.session);
       this.watermark?.update(symbol2, timeframe);
       this.statusline?.setSymbol(symbol2);
-      this.statusline?.setMeta(timeframe, this.inner?.data.resolve(symbol2)?.provider ?? this.state.provider ?? "");
+      this.statusline?.setMeta(timeframe, this.inner?.data.displayPrefix(symbol2) ?? this.state.provider ?? "");
       if (this.inner) this.statusline?.onChart(this.inner);
       this.refreshNativeCatalog();
+      this.refreshSessionAvailable();
       this.deps.onMarketChanged(this.id);
     });
   }
+  /**
+   * Does this cell's market HAVE sessions (RTH/ETH meaningful)? Derived from the
+   * symbol's own metadata (`syminfo.session !== '24x7'`), asynchronously — the
+   * workspace re-projects the shared bottombar when the verdict lands or changes.
+   */
+  get sessionAvailable() {
+    return this.sessionAvailableFlag;
+  }
+  /** This cell's shown session (`regular` when unset — the provider default). */
+  get session() {
+    return normalizeSession(this.state.session) ?? "regular";
+  }
+  /** Switch this cell's shown session in place (a reload — RTH and ETH are different bars). */
+  setSession(session) {
+    if (session === this.session) return;
+    this.state.session = session;
+    this.deps.onStateDirty();
+    void this.inner?.setMarket({ session });
+  }
+  refreshSessionAvailable() {
+    const chart = this.inner;
+    const symbol = this.state.symbol;
+    if (!chart || !symbol) return;
+    void chart.data.symbolInfo(symbol).then((si) => {
+      if (this.inner !== chart) return;
+      const available = typeof si?.session === "string" && si.session !== "" && si.session !== "24x7";
+      if (available !== this.sessionAvailableFlag) {
+        this.sessionAvailableFlag = available;
+        this.deps.onMarketChanged(this.id);
+      }
+    });
+  }
   /** Show/hide this cell's symbol watermark (persisted per cell). */
   setWatermarkVisible(visible) {
     this.watermarkOn = visible;
@@ -36021,6 +36152,9 @@ var VelaWorkspace = class {
         this.bottombar?.setActiveRange(preset.id);
       },
       onTimezone: (zone) => this.setTimezone(zone),
+      // RTH/ETH acts on the ACTIVE cell (like the range chips): sessions
+      // are a per-chart market dimension, not a shell preference.
+      onSession: (session) => this.active.setSession(session),
       onSettingsClick: () => this.active.chart.renderer.openSettings()
     }) : null;
     this.mobileBar = opts.bottombar !== false ? new MobileBar(this.root, {
@@ -36353,6 +36487,7 @@ var VelaWorkspace = class {
     this.objectTree.setSymbol(cell.symbol);
     this.dock.onChart(cell.chart);
     this.bottombar?.setActiveRange(cell.activeRangeId);
+    this.bottombar?.setSession({ session: cell.session, enabled: cell.sessionAvailable });
     this.indicatorPicker?.sync();
     this.glider.stop();
     const d = cell.chart.drawings;
@@ -36754,6 +36889,7 @@ var VelaWorkspace = class {
     this.mobileBar?.setSymbol(cell.symbol);
     this.mobileBar?.setTimeframe(cell.timeframe);
     this.objectTree.setSymbol(cell.symbol);
+    this.bottombar?.setSession({ session: cell.session, enabled: cell.sessionAvailable });
   }
   /** Trigger ② — a cell's indicator ledger changed: count + picker only if active. */
   onCellIndicatorsChanged(id) {