@luxalgo/vela 0.6.16 → 0.6.18

package/dist/{chunk-SEOO6YG7.js → chunk-BXF7VNNE.js}

@@ -1,8 +1,8 @@
-import { parseSymbol, priceStyleIds, BUILTIN_PRICE_STYLES, tzButtonLabel, TIMEZONES, normalizeTimezone, tzMenuLabel, isGroupRow, defaultMemberOf, groupKeyOf, groupMembers, LEGEND_AT_TOP_ATTR, Vela, TypedEventBus, MultiProviderFeed, registerBuiltinChartTypes, resolveTheme, buildToolbar, createCustomMark, createAttributionMark, DrawingToolbar, applyAttributionMarkTheme, sharedBarStore, timeframeToMs } from './chunk-GIJYO4LO.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-I77F2SVE.js';
-import { Tooltip, KeymapManager, isEditableTarget, Drawer } from './chunk-Q3TFJNJW.js';
-import { Menu, Dialog, CalloutBubble, applyPlotOverlayTokens, ensureUIHost } from './chunk-MGU3USTP.js';
-import { registerIcon, svg16, injectStyles, iconEl, iconMarkup, iconAt, SESSION_OFF, SESSION_POST, SESSION_PRE, icon, categoricalColor } from './chunk-6DPAYEGO.js';
+import { parseSymbol, priceStyleIds, BUILTIN_PRICE_STYLES, tzButtonLabel, 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-22QJKGXX.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-IFJJPXSV.js';
+import { Tooltip, KeymapManager, isEditableTarget, Drawer } from './chunk-XCBJU674.js';
+import { Menu, Dialog, CalloutBubble, applyPlotOverlayTokens, ensureUIHost } from './chunk-T5Z5YUCF.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';
 
 // src/widget/timeframe.ts
@@ -1263,6 +1263,9 @@ function paneLabel(pane, fallbackTitle) {
 function indicatorLabel(i, fallbackTitle) {
   return i.title || fallbackTitle(i.id) || i.id;
 }
+function indicatorRowLabel(i, fallbackTitle) {
+  return i.shorttitle || indicatorLabel(i, fallbackTitle);
+}
 function paneRows(pane) {
   return pane.items.flatMap((it) => it.kind === "row" ? [it.row] : []);
 }
@@ -1394,7 +1397,7 @@ function paneItems(snap, pane, units) {
   const indicatorRow = (i) => ({
     kind: "indicator",
     id: i.id,
-    label: indicatorLabel(i, snap.handleTitle),
+    label: indicatorRowLabel(i, snap.handleTitle),
     visible: snap.indicatorVisible(i.id),
     ownScale: i.ownScale
   });
@@ -1524,9 +1527,13 @@ var CSS4 = `
 .vela-ot-empty { padding: 20px 10px; text-align: center; color: var(--vela-fg-muted); font-size: 12px; }
 
 /* \u2500\u2500 drawing groups \u2500\u2500 */
-/* One top-level entry in a pane's drawing list: a lone drawing, or a whole group block. The
-   transparent border reserves the outline used when a drawing is dropped into the group. */
-.vela-ot-unit { border: 1px solid transparent; border-radius: 6px; }
+/* One top-level entry in a pane's drawing list: a lone drawing, or a whole group block. No
+   border of its own \u2014 units stack flush, so consecutive highlighted rows read as one block; the
+   drop-into-group outline is drawn inside the box instead (see the drag-and-drop rules). */
+.vela-ot-unit { border-radius: 6px; }
+/* Adjacent picked rows merge into one contiguous highlight: the shared edge loses its rounding. */
+.vela-ot-unit:has(> .vela-ot-row[data-picked]) + .vela-ot-unit > .vela-ot-row[data-picked] { border-top-left-radius: 0; border-top-right-radius: 0; }
+.vela-ot-unit:has(+ .vela-ot-unit > .vela-ot-row[data-picked]) > .vela-ot-row[data-picked] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
 .vela-ot-row[data-row-kind='group'] > .vela-icon { width: 12px; font-size: 11px; }
 /* A member sits indented under its group's header. */
 .vela-ot-subrow { padding-left: 26px; }
@@ -1583,8 +1590,10 @@ var CSS4 = `
 .vela-ot-gap[data-drop] { height: 4px; background: var(--vela-fg-bright); }
 .vela-ot-gap[data-drop]::before { display: none; }
 /* A whole container accepts the drop: merging into a pane, or a pane with no drawings yet.
-   The pane block's transparent border reserves the room for this outline. */
+   The pane block's transparent border reserves the room for this outline; a group unit has no
+   border to color, so it draws the same line as an inset outline (no layout footprint). */
 .vela-ot [data-drop='target'] { border-color: var(--vela-fg-bright); background: var(--vela-hover); }
+.vela-ot-unit[data-drop='target'] { outline: 1px solid var(--vela-fg-bright); outline-offset: -1px; }
 /* Where a reorder would insert. */
 .vela-ot [data-drop='before'] { box-shadow: inset 0 2px 0 var(--vela-fg-bright); }
 .vela-ot [data-drop='after'] { box-shadow: inset 0 -2px 0 var(--vela-fg-bright); }
@@ -1647,7 +1656,8 @@ var ObjectTree = class extends SidePanel {
     super(host, "Object tree", "vela-ot");
     this.iconFor = iconFor;
     this.chart = null;
-    this.selectedDrawing = null;
+    /** What the CHART has selected — every member of a multi-selection, mirrored as rows. */
+    this.selectedDrawings = /* @__PURE__ */ new Set();
     this.symbolName = "";
     /** The raw (possibly venue-prefixed) symbol — what icon resolution routes on. */
     this.symbolRaw = "";
@@ -1698,12 +1708,9 @@ var ObjectTree = class extends SidePanel {
       this.unsubs.push(chart.on(ev, () => this.refresh()));
     }
     this.unsubs.push(
-      chart.on("drawing:selected", ({ id }) => {
-        this.selectedDrawing = id;
-        if (!this.syncingSelection) {
-          this.picked.clear();
-          if (id) this.picked.add(id);
-        }
+      chart.on("drawing:selected", ({ ids }) => {
+        this.selectedDrawings = new Set(ids);
+        if (!this.syncingSelection) this.picked = new Set(ids);
         this.refresh();
       })
     );
@@ -2051,7 +2058,7 @@ var ObjectTree = class extends SidePanel {
     el.dataset.drag = "1";
     el.title = "Drag to restack, or onto another pane to move it there";
     if (inGroup) el.classList.add("vela-ot-subrow");
-    if (d.id === this.selectedDrawing) el.dataset.selected = "1";
+    if (this.selectedDrawings.has(d.id)) el.dataset.selected = "1";
     if (this.picked.has(d.id)) el.dataset.picked = "1";
     el.addEventListener("click", (e) => this.onDrawClick(e, d.id));
     return el;
@@ -3228,6 +3235,20 @@ var SymbolPicker = class {
     this.seed = initialQuery;
     this.dialog.show();
   }
+  get isOpen() {
+    return this.dialog.open;
+  }
+  /** Text typed at the picker that never reached its field: closed, it opens seeded
+   *  with the text; open (the field takes focus a tick after the dialog does, and a
+   *  fast typist's next key lands in that tick), it extends the query. */
+  type(text) {
+    if (!this.isOpen) {
+      this.open(text);
+      return;
+    }
+    this.input.value = (this.input.value + text).toUpperCase();
+    this.refresh();
+  }
   close() {
     this.dialog.hide();
   }
@@ -3641,6 +3662,20 @@ var TimeframeQuick = class {
       this.input.setSelectionRange(this.input.value.length, this.input.value.length);
     }, 0);
   }
+  get isOpen() {
+    return this.dialog.open;
+  }
+  /** Text typed at the entry that never reached its field: closed, it opens seeded
+   *  with the text; open (the field takes focus a tick after the dialog does, and a
+   *  fast typist's next key lands in that tick), it extends the entry. */
+  type(text) {
+    if (!this.isOpen) {
+      this.open(text);
+      return;
+    }
+    this.input.value += text;
+    this.renderHint();
+  }
   close() {
     this.dialog.hide();
   }
@@ -4033,11 +4068,34 @@ function fmtChange(open, close) {
   const sign = diff >= 0 ? "+" : "";
   return `${sign}${fmtPrice(diff, decimalsFor(close))} (${sign}${pct.toFixed(2)}%)`;
 }
+function fmtChangePct(open, close) {
+  if (open == null || close == null || !Number.isFinite(open) || !Number.isFinite(close) || open === 0) return "";
+  const pct = (close - open) / open * 100;
+  return `${pct >= 0 ? "+" : ""}${pct.toFixed(2)}%`;
+}
 
 // src/widget/statusline-model.ts
 function segmentVisibility(parts, chartHidden = false) {
   return { avatar: parts.logo, symbol: parts.name, meta: parts.name, market: parts.market, ohlc: parts.ohlc && !chartHidden, change: parts.change && !chartHidden, eye: chartHidden };
 }
+var STATUSLINE_LADDER = [
+  { stacked: false, level: "full" },
+  { stacked: true, level: "full" },
+  { stacked: true, level: "compact" },
+  { stacked: true, level: "minimal" }
+];
+function readoutCells(level, readout) {
+  if (readout === "value") return [{ key: "close", label: "" }];
+  if (level === "full") {
+    return [
+      { key: "open", label: "O" },
+      { key: "high", label: "H" },
+      { key: "low", label: "L" },
+      { key: "close", label: "C" }
+    ];
+  }
+  return [{ key: "close", label: level === "compact" ? "C" : "" }];
+}
 function statuslineMenuItems(parts, chartVisible) {
   return [
     { id: "part:logo", label: "Symbol logo", checked: parts.logo },
@@ -4064,6 +4122,11 @@ var CSS10 = `
     display: flex;
     align-items: baseline;
     gap: var(--vela-space-2);
+    /* The chip never grows past the plot: fit() measures overflow against this width to
+     * walk the layout ladder (stack, then shed values), so overflow:hidden only guards
+     * the transient between a resize and the next measure. */
+    max-width: calc(100% - var(--vela-toolbar-gutter, 0px) - var(--vela-scale-gutter, 0px) - 24px);
+    overflow: hidden;
     color: var(--vela-fg);
     font-size: var(--vela-font-size-md);
     /* Same chip treatment as the indicator legend rows (InputsUI): a translucent wash of
@@ -4085,6 +4148,31 @@ var CSS10 = `
 /* Chart hidden (the price series' eye \u2014 renderer 'candleVisible'): the line dims to
  * the same 0.5 wash a hidden indicator's legend row wears. */
 .vela-statusline.vela-sl-chart-hidden { opacity: 0.5; }
+/* Two rows inside the chip \u2014 the identity (logo / symbol / meta / market badge) and the
+ * value readout (O/H/L/C + change, or the show-chart eye). In the widest layout they sit
+ * side by side on one line; the STACKED layouts (fit() decides, see the ladder in
+ * statusline-model) turn the chip into a column so the values drop under the symbol. */
+.vela-statusline .vela-sl-row {
+    display: flex;
+    align-items: baseline;
+    gap: var(--vela-space-2);
+    white-space: nowrap;
+}
+.vela-statusline.vela-sl-stacked {
+    flex-direction: column;
+    align-items: flex-start;
+    /* The same air between the two rows as between the values row and the legend row
+     * that follows the chip (see the stacked legend shift below). */
+    row-gap: var(--vela-space-1);
+}
+/* Stacked, the identity row may shrink (the meta carries the ellipsis) \u2014 the values row
+ * never does, so its overflow is what fit() measures to keep descending the ladder. */
+.vela-statusline.vela-sl-stacked .vela-sl-identity { max-width: 100%; }
+.vela-statusline.vela-sl-stacked .vela-sl-meta {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 .vela-statusline .vela-sl-avatar {
     width: 18px;
     height: 18px;
@@ -4136,59 +4224,13 @@ var CSS10 = `
  * stylesheet is document-global, so a bare attribute selector here would shift every
  * chart on the page, including statusline-less ones. */
 .vela-has-statusline [${LEGEND_AT_TOP_ATTR}] { transform: translateY(26px); }
-/* Mobile: two-line chip \u2014 logo / symbol / meta / market status on one aligned row, the
- * bar change on the next. Full O/H/L/C stays hidden (too dense on a phone-width plot).
- * GRID, not a wrapping flexbox: an absolutely positioned wrapping flex container sizes
- * to the one-line sum of ALL segments (max-content), so its background used to stretch
- * far past the market badge; a grid hugs the widest actual row. The meta column may
- * shrink (it carries the ellipsis), the others wrap their content. */
-[data-layout='mobile'] .vela-statusline {
-    display: grid;
-    grid-template-columns: auto auto minmax(0, auto) auto;
-    justify-content: start;
-    align-items: center;
-    row-gap: 1px;
-    max-width: calc(100% - var(--vela-toolbar-gutter, 0px) - var(--vela-scale-gutter, 0px) - 24px);
-    font-size: var(--vela-font-size-sm);
-}
-[data-layout='mobile'] .vela-statusline .vela-sl-symbol {
-    font-size: var(--vela-font-size-md);
-    line-height: 1;
-}
-[data-layout='mobile'] .vela-statusline .vela-sl-meta {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 1;
-}
-[data-layout='mobile'] .vela-statusline .vela-sl-avatar,
-[data-layout='mobile'] .vela-statusline .vela-sl-market { align-self: center; }
-[data-layout='mobile'] .vela-statusline .vela-sl-ohlc { display: none !important; }
-[data-layout='mobile'] .vela-statusline .vela-sl-change {
-    /* Second row, under the text column \u2014 the avatar keeps the first column. */
-    grid-column: 2 / -1;
-    font-size: var(--vela-font-size-sm);
-    line-height: 1.2;
-}
-[data-layout='mobile'] .vela-has-statusline [${LEGEND_AT_TOP_ATTR}] { transform: translateY(40px); }
-/* FIT mode (multi-chart cells \u2014 see setFitMode): the line never wraps; segments that
- * don't fit are HIDDEN by fit() (change first, then meta, then the market badge), so
- * overflow:hidden only guards the transient between a resize and the next measure.
- * Placed after the mobile block on purpose: same specificity, later wins. */
-.vela-statusline.vela-sl-fit {
-    display: flex; /* undo the mobile grid \u2014 fit mode is one flex row again */
-    flex-wrap: nowrap;
-    align-items: center;
-    max-width: calc(100% - var(--vela-toolbar-gutter, 0px) - var(--vela-scale-gutter, 0px) - 24px);
-    overflow: hidden;
-}
-.vela-statusline.vela-sl-fit .vela-sl-change {
-    flex-basis: auto;
-    padding-left: 0;
-}
-/* One row again \u2014 the mobile two-line shift doesn't apply in fit mode. */
-[data-layout='mobile'] .vela-sl-fit-host.vela-has-statusline [${LEGEND_AT_TOP_ATTR}] { transform: translateY(26px); }
+/* A stacked chip is two lines tall \u2014 the legend shifts one more line. fit() flags the
+ * host whenever the ladder lands on a stacked layout. */
+.vela-has-statusline.vela-sl-stacked-host [${LEGEND_AT_TOP_ATTR}] { transform: translateY(40px); }
+/* Mobile: the same ladder at the phone's type scale \u2014 the width alone decides how much
+ * of the readout fits, exactly as on a narrow desktop chart. */
+[data-layout='mobile'] .vela-statusline { font-size: var(--vela-font-size-sm); }
+[data-layout='mobile'] .vela-statusline .vela-sl-symbol { font-size: var(--vela-font-size-md); }
 `;
 function baseOfTicker(ticker) {
   return ticker.replace(/[-_/]?(USDT|USDC|USD1|USDS|BUSD|USD|EUR|PERP)$/i, "") || ticker;
@@ -4259,6 +4301,8 @@ var Statusline = class {
     /** Fit mode (multi-chart cells): one row, overflowing segments hidden — see {@link setFitMode}. */
     this.fitMode = false;
     this.fitRO = null;
+    /** The ladder rung currently applied — see {@link fit}. */
+    this.layout = { stacked: false, level: "full" };
     this.onContextMenu = (e) => {
       if (!this.menu || !this.menuHooks) return;
       e.preventDefault();
@@ -4305,8 +4349,18 @@ var Statusline = class {
       this.menuHooks?.setChartVisible(true);
       this.setChartHidden(false);
     });
-    this.el.append(this.avatarEl, this.symbolEl, this.metaEl, this.marketEl, this.ohlcEl, this.changeEl, this.eyeEl);
+    this.identityRow = doc.createElement("span");
+    this.identityRow.className = "vela-sl-row vela-sl-identity";
+    this.identityRow.append(this.avatarEl, this.symbolEl, this.metaEl, this.marketEl);
+    this.valuesRow = doc.createElement("span");
+    this.valuesRow.className = "vela-sl-row vela-sl-values";
+    this.valuesRow.append(this.ohlcEl, this.changeEl, this.eyeEl);
+    this.el.append(this.identityRow, this.valuesRow);
     host.appendChild(this.el);
+    if (typeof ResizeObserver !== "undefined") {
+      this.fitRO = new ResizeObserver(() => this.fit());
+      this.fitRO.observe(host);
+    }
     this.marketTip = new Tooltip(this.marketEl, { content: MARKET_LABELS.open, placement: "bottom" });
     this.eyeTip = new Tooltip(this.eyeEl, { content: "Show chart", placement: "bottom" });
     this.setMarketStatus("open");
@@ -4322,27 +4376,15 @@ var Statusline = class {
     this.fit();
   }
   /**
-   * Multi-chart cells: keep the line on ONE row whatever the cell width — never wrap.
-   * Segments that don't fit are hidden outright rather than clipped mid-glyph, least
-   * important first: OHLC, then the bar change, the venue/timeframe meta, and the
-   * market badge; the logo + ticker always stay. Re-fits live on host resizes.
+   * Multi-chart cells: the same width ladder as a single chart, plus a last resort for
+   * cells too narrow for even its bottom rung — whatever still overflows is hidden
+   * outright rather than clipped mid-glyph, least important first: the values, the
+   * venue/timeframe meta, then the market badge; the logo + ticker always stay.
    */
   setFitMode(on) {
     if (on === this.fitMode) return;
     this.fitMode = on;
-    this.el.classList.toggle("vela-sl-fit", on);
-    this.host.classList.toggle("vela-sl-fit-host", on);
-    if (on) {
-      if (typeof ResizeObserver !== "undefined" && !this.fitRO) {
-        this.fitRO = new ResizeObserver(() => this.fit());
-        this.fitRO.observe(this.host);
-      }
-      this.fit();
-    } else {
-      this.fitRO?.disconnect();
-      this.fitRO = null;
-      this.syncParts();
-    }
+    this.fit();
   }
   /** Project the parts config onto the segments (the baseline fit() prunes from). */
   syncParts() {
@@ -4354,22 +4396,42 @@ var Statusline = class {
     this.ohlcEl.style.display = seg.ohlc ? "" : "none";
     this.changeEl.style.display = seg.change ? "" : "none";
     this.eyeEl.style.display = seg.eye ? "inline-flex" : "none";
+    this.valuesRow.style.display = seg.ohlc || seg.change || seg.eye ? "" : "none";
+  }
+  /** Apply one ladder rung: the stacked/inline shape and the readout's level. */
+  applyLayout(layout) {
+    this.layout = layout;
+    this.el.classList.toggle("vela-sl-stacked", layout.stacked);
+    this.host.classList.toggle("vela-sl-stacked-host", layout.stacked);
+    this.renderValues();
   }
-  /** Hide overflowing segments until the row fits its max-width (fit mode only). */
+  /**
+   * Walk the width ladder (see {@link STATUSLINE_LADDER}) until the chip fits its
+   * max-width: the full one-line readout, then the values stacked under the symbol
+   * line, then O/H/L shed, then the absolute change. In fit mode, when the last rung
+   * still overflows, whole segments hide, least important first. Without layout
+   * (detached host, node tests) nothing overflows, so the widest rung stays.
+   */
   fit() {
-    if (!this.fitMode) return;
     this.syncParts();
     const seg = segmentVisibility(this.parts, this.chartHidden);
+    const overflows = () => this.el.scrollWidth > this.el.clientWidth;
+    const hasValues = seg.ohlc || seg.change;
+    for (const rung of STATUSLINE_LADDER) {
+      this.applyLayout(rung);
+      if (!hasValues || !overflows()) break;
+    }
+    if (!this.fitMode) return;
     const order = [
-      [this.ohlcEl, seg.ohlc],
-      [this.changeEl, seg.change],
+      [this.valuesRow, hasValues],
       [this.metaEl, seg.meta],
       [this.marketEl, seg.market]
     ];
     for (const [el, shown] of order) {
-      if (this.el.scrollWidth <= this.el.clientWidth) break;
+      if (!overflows()) break;
       if (shown) el.style.display = "none";
     }
+    if (this.valuesRow.style.display === "none") this.applyLayout({ ...this.layout, stacked: false });
   }
   /** Shape + color the value readout after the active price style: its own up/down
    *  colors (candle bodies, bar ticks, the line color, …), the direction rule that
@@ -4482,7 +4544,7 @@ var Statusline = class {
     this.marketTip.destroy();
     this.eyeTip.destroy();
     this.marketBubble.destroy();
-    this.host.classList.remove("vela-has-statusline", "vela-sl-fit-host");
+    this.host.classList.remove("vela-has-statusline", "vela-sl-stacked-host");
     this.el.remove();
   }
   detach() {
@@ -4491,6 +4553,10 @@ var Statusline = class {
   }
   render() {
     if (this.menuHooks) this.setChartHidden(!this.menuHooks.chartVisible());
+    this.fit();
+  }
+  /** Write the value readout for the current bar at the current ladder level. */
+  renderValues() {
     const bar = this.hoverBar ?? this.lastBar;
     if (!bar) {
       this.ohlcEl.replaceChildren();
@@ -4510,12 +4576,11 @@ var Statusline = class {
       s.appendChild(b);
       return s;
     };
-    if (this.readout === "value") this.ohlcEl.replaceChildren(cell("", bar.close));
-    else this.ohlcEl.replaceChildren(cell("O", bar.open), cell("H", bar.high), cell("L", bar.low), cell("C", bar.close));
-    this.changeEl.textContent = fmtChange(bar.open, bar.close);
+    const { level } = this.layout;
+    this.ohlcEl.replaceChildren(...readoutCells(level, this.readout).map((c) => cell(c.label, bar[c.key])));
+    this.changeEl.textContent = level === "minimal" ? fmtChangePct(bar.open, bar.close) : fmtChange(bar.open, bar.close);
     this.changeEl.dataset.dir = up ? "up" : "down";
     this.changeEl.style.color = ink;
-    this.fit();
   }
 };
 
@@ -4826,9 +4891,6 @@ var ChartContextMenu = class {
   }
 };
 
-// src/core/options.ts
-var normalizeSession = (v) => v === "regular" || v === "extended" ? v : void 0;
-
 // src/widget/session-shading.ts
 var DAY_MS = 864e5;
 var MINUTE_MS = 6e4;
@@ -8056,6 +8118,17 @@ function nextAutoCellId(taken) {
     if (!taken.has(`c${i}`)) return `c${i}`;
   }
 }
+function resolveTyping(key, open) {
+  if (open.dialogs > 0) {
+    if (key.length !== 1) return null;
+    if (open.symbolSearch) return { target: "symbol", text: key.toUpperCase() };
+    if (open.timeframeEntry) return { target: "timeframe", text: key };
+    return null;
+  }
+  if (/^[a-zA-Z]$/.test(key)) return { target: "symbol", text: key.toUpperCase() };
+  if (/^[0-9]$/.test(key)) return { target: "timeframe", text: key };
+  return null;
+}
 var VelaWorkspace = class {
   constructor(container, opts = {}) {
     this.events = new TypedEventBus();
@@ -9689,17 +9762,14 @@ var VelaWorkspace = class {
   }
   /** Bare-typing router: letters → symbol search (seeded), digits → timeframe entry. */
   routeTyping(ev) {
-    if (this.destroyed || this.openDialogs > 0) return;
+    if (this.destroyed) return;
     if (ev.ctrlKey || ev.metaKey || ev.altKey) return;
     if (isEditableTarget(ev)) return;
-    const key = ev.key;
-    if (/^[a-zA-Z]$/.test(key)) {
-      ev.preventDefault();
-      this.symbolPicker.open(key.toUpperCase());
-    } else if (/^[0-9]$/.test(key)) {
-      ev.preventDefault();
-      this.tfQuick.open(key);
-    }
+    const hit = resolveTyping(ev.key, { dialogs: this.openDialogs, symbolSearch: this.symbolPicker.isOpen, timeframeEntry: this.tfQuick.isOpen });
+    if (!hit) return;
+    ev.preventDefault();
+    if (hit.target === "symbol") this.symbolPicker.type(hit.text);
+    else this.tfQuick.type(hit.text);
   }
   trackDialog(open) {
     this.openDialogs = Math.max(0, this.openDialogs + (open ? 1 : -1));

package/dist/{chunk-6DPAYEGO.js → chunk-CAFCLMPF.js}

@@ -151,6 +151,7 @@ registerIcon("star-filled", S('<path d="M8 2.2l1.75 3.55 3.9.55-2.8 2.75.65 3.9L
 registerIcon("grip", S('<circle cx="6" cy="3.5" r="1"/><circle cx="10" cy="3.5" r="1"/><circle cx="6" cy="8" r="1"/><circle cx="10" cy="8" r="1"/><circle cx="6" cy="12.5" r="1"/><circle cx="10" cy="12.5" r="1"/>', 'fill="currentColor" stroke="none"'));
 registerIcon("kebab", S('<circle cx="8" cy="3.2" r="1.2"/><circle cx="8" cy="8" r="1.2"/><circle cx="8" cy="12.8" r="1.2"/>', 'fill="currentColor" stroke="none"'));
 registerIcon("burger", S('<path d="M2.5 4.5h11M2.5 8h11M2.5 11.5h11"/>'));
+registerIcon("info", S('<path d="M8 7.4v4.4"/><circle cx="8" cy="4.6" r="0.9" fill="currentColor" stroke="none"/>'));
 registerIcon("reset", S('<path d="M2 8a6 6 0 1 0 6-6 6.5 6.5 0 0 0-4.5 1.83L2 5.33"/><path d="M2 2v3.33h3.33"/>'));
 registerIcon("pane-collapse", S('<path d="M2.6 9.4h4v4M13.4 6.6h-4v-4"/><path d="m9.4 6.6 4.2-4.2M2.4 13.6l4.2-4.2"/>'));
 registerIcon("pane-expand", S('<path d="M9.8 2.4h3.8v3.8M6.2 13.6H2.4V9.8"/><path d="m13.6 2.4-4.4 4.4M2.4 13.6l4.4-4.4"/>'));

package/dist/{chunk-I77F2SVE.js → chunk-IFJJPXSV.js}

@@ -1,4 +1,4 @@
-import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl } from './chunk-6DPAYEGO.js';
+import { svg24, NEUTRAL, BEARISH, WARNING, BULLISH, INFO, ACCENT_BRIGHT, VALID, INVALID, MARKER, ACCENT, injectStyles, iconEl } from './chunk-CAFCLMPF.js';
 
 // src/core/native-indicators/NativeIndicator.ts
 var REGISTRY = /* @__PURE__ */ new Map();

package/dist/{chunk-MGU3USTP.js → chunk-T5Z5YUCF.js}

@@ -1,4 +1,4 @@
-import { overlayScrollbarCss, injectStyles, isDarkColor, mix, HIGHLIGHT, ACCENT_BRIGHT, ACCENT, withAlpha, iconAt, iconEl, BULLISH, BEARISH, WARNING, NEUTRAL } from './chunk-6DPAYEGO.js';
+import { overlayScrollbarCss, injectStyles, isDarkColor, mix, HIGHLIGHT, ACCENT_BRIGHT, ACCENT, withAlpha, iconAt, iconEl, BULLISH, BEARISH, WARNING, NEUTRAL } from './chunk-CAFCLMPF.js';
 import { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla';
 export { normalizeProps, spreadProps } from '@zag-js/vanilla';
 import * as menu from '@zag-js/menu';

package/dist/{chunk-Q3TFJNJW.js → chunk-XCBJU674.js}

@@ -1,5 +1,5 @@
-import { normalizeProps, nextUid, runMachine, spreadProps } from './chunk-MGU3USTP.js';
-import { injectStyles } from './chunk-6DPAYEGO.js';
+import { normalizeProps, nextUid, runMachine, spreadProps } from './chunk-T5Z5YUCF.js';
+import { injectStyles } from './chunk-CAFCLMPF.js';
 import * as tooltip from '@zag-js/tooltip';
 import * as dialog from '@zag-js/dialog';
 

package/dist/{contributions-BEkxwA5F.d.cts → contributions-5nz3PLRe.d.ts}

@@ -1,5 +1,5 @@
-import { u as Millis, ai as InputSchema, ag as IndicatorMeta, P as PriceStyle, O as OHLCV, I as InputValue, l as IndicatorModel, k as MoveTarget, au as PaneAxis, aH as SeriesSpec, ae as Fill, B as Background, az as PriceLine, a1 as DrawingLine, Z as DrawingBox, a0 as DrawingLabel, a5 as DrawingPolyline, a2 as DrawingLinefill, aa as DrawingTable, h as IndicatorStatus, a as VisibleRange, c as VelaTheme, S as SerializedDrawing, w as DrawingTypeKey, v as SnapMode, a3 as DrawingMode, e as IChartRenderer, R as RendererCapabilities, o as LegendActionView, p as LegendCalloutView, U as Unsubscribe, C as CrosshairEvent, A as AxisLongPressEvent, s as DataWindowReadout, n as SymbolPickerFn, aW as PaneInfo, ad as DrawingsOption, a7 as DrawingSeriesGateway, D as Drawing, b as VelaOptions, y as AddIndicatorOptions, at as MarketSwitch, as as MarketSnapshot, V as VisibleRangePreset, T as ThemeName } from './options-bdSAtp7y.cjs';
-import { S as SymbolInfo, B as BarRange, M as MarketDataFeed, D as DataProvider, P as ProviderInfo, a as SymbolDescriptor, b as ProviderCapabilities } from './DataProvider-xH2VBcFT.cjs';
+import { u as Millis, aj as InputSchema, ah as IndicatorMeta, P as PriceStyle, O as OHLCV, I as InputValue, l as IndicatorModel, k as MoveTarget, av as PaneAxis, aI as SeriesSpec, af as Fill, B as Background, aA as PriceLine, a2 as DrawingLine, _ as DrawingBox, a1 as DrawingLabel, a6 as DrawingPolyline, a3 as DrawingLinefill, ab as DrawingTable, h as IndicatorStatus, a as VisibleRange, c as VelaTheme, S as SerializedDrawing, w as DrawingTypeKey, v as SnapMode, a4 as DrawingMode, e as IChartRenderer, R as RendererCapabilities, o as LegendActionView, p as LegendCalloutView, U as Unsubscribe, C as CrosshairEvent, A as AxisLongPressEvent, s as DataWindowReadout, n as SymbolPickerFn, aX as PaneInfo, ae as DrawingsOption, a8 as DrawingSeriesGateway, D as Drawing, b as VelaOptions, y as AddIndicatorOptions, au as MarketSwitch, at as MarketSnapshot, V as VisibleRangePreset, T as ThemeName } from './options-BCRmYALw.js';
+import { S as SymbolInfo, B as BarRange, M as MarketDataFeed, D as DataProvider, P as ProviderInfo, a as SymbolDescriptor, b as ProviderCapabilities } from './DataProvider-Cb-2lC5O.js';
 
 /**
  * A strategy's broker state at ONE bar — the flat summary a host reads while a script
@@ -492,7 +492,8 @@ interface NativeIndicatorDescriptor {
     /** Full display name (picker, settings header, handle title). */
     readonly title: string;
     /**
-     * Compact name for the on-chart legend chip and the settings-dialog header.
+     * Compact name for the on-chart legend chip, the settings-dialog header and the
+     * object tree's indicator rows.
      * Absent ⇒ {@link title}. The picker keeps the full title either way.
      */
     readonly shortTitle?: string;
@@ -734,9 +735,11 @@ interface VelaEventMap extends Record<string, unknown> {
     "drawing:edited": {
         id: string;
     };
-    /** Selection changed (`id` is null when nothing is selected). */
+    /** Selection changed. `ids` is every selected drawing in selection order; `id` is the
+     *  primary (`ids[0]`, the one a settings popup edits), null when nothing is selected. */
     "drawing:selected": {
         id: string | null;
+        ids: string[];
     };
     /** The favorite-tool set changed (star toggles or a bulk restore). */
     "drawing:favorites": {
@@ -1197,6 +1200,8 @@ declare class DrawingController {
     destroy(): void;
     /** Set/extend the selection. `additive` toggles membership (shift-click) vs replacing it. */
     private setSelection;
+    /** Push the selection to the renderer and announce it (primary + the full list). */
+    private announceSelection;
     /** Restore a history snapshot, reconciling selection against what survived. */
     private restoreSnapshot;
     /** Delete drawings as one undo step; prune them from the selection. */

package/dist/{contributions-CoAX7_SF.d.ts → contributions-DEPRtkmG.d.cts}

@@ -1,5 +1,5 @@
-import { u as Millis, ai as InputSchema, ag as IndicatorMeta, P as PriceStyle, O as OHLCV, I as InputValue, l as IndicatorModel, k as MoveTarget, au as PaneAxis, aH as SeriesSpec, ae as Fill, B as Background, az as PriceLine, a1 as DrawingLine, Z as DrawingBox, a0 as DrawingLabel, a5 as DrawingPolyline, a2 as DrawingLinefill, aa as DrawingTable, h as IndicatorStatus, a as VisibleRange, c as VelaTheme, S as SerializedDrawing, w as DrawingTypeKey, v as SnapMode, a3 as DrawingMode, e as IChartRenderer, R as RendererCapabilities, o as LegendActionView, p as LegendCalloutView, U as Unsubscribe, C as CrosshairEvent, A as AxisLongPressEvent, s as DataWindowReadout, n as SymbolPickerFn, aW as PaneInfo, ad as DrawingsOption, a7 as DrawingSeriesGateway, D as Drawing, b as VelaOptions, y as AddIndicatorOptions, at as MarketSwitch, as as MarketSnapshot, V as VisibleRangePreset, T as ThemeName } from './options-bdSAtp7y.js';
-import { S as SymbolInfo, B as BarRange, M as MarketDataFeed, D as DataProvider, P as ProviderInfo, a as SymbolDescriptor, b as ProviderCapabilities } from './DataProvider-XLdJB86x.js';
+import { u as Millis, aj as InputSchema, ah as IndicatorMeta, P as PriceStyle, O as OHLCV, I as InputValue, l as IndicatorModel, k as MoveTarget, av as PaneAxis, aI as SeriesSpec, af as Fill, B as Background, aA as PriceLine, a2 as DrawingLine, _ as DrawingBox, a1 as DrawingLabel, a6 as DrawingPolyline, a3 as DrawingLinefill, ab as DrawingTable, h as IndicatorStatus, a as VisibleRange, c as VelaTheme, S as SerializedDrawing, w as DrawingTypeKey, v as SnapMode, a4 as DrawingMode, e as IChartRenderer, R as RendererCapabilities, o as LegendActionView, p as LegendCalloutView, U as Unsubscribe, C as CrosshairEvent, A as AxisLongPressEvent, s as DataWindowReadout, n as SymbolPickerFn, aX as PaneInfo, ae as DrawingsOption, a8 as DrawingSeriesGateway, D as Drawing, b as VelaOptions, y as AddIndicatorOptions, au as MarketSwitch, at as MarketSnapshot, V as VisibleRangePreset, T as ThemeName } from './options-BCRmYALw.cjs';
+import { S as SymbolInfo, B as BarRange, M as MarketDataFeed, D as DataProvider, P as ProviderInfo, a as SymbolDescriptor, b as ProviderCapabilities } from './DataProvider-UtWw2CgJ.cjs';
 
 /**
  * A strategy's broker state at ONE bar — the flat summary a host reads while a script
@@ -492,7 +492,8 @@ interface NativeIndicatorDescriptor {
     /** Full display name (picker, settings header, handle title). */
     readonly title: string;
     /**
-     * Compact name for the on-chart legend chip and the settings-dialog header.
+     * Compact name for the on-chart legend chip, the settings-dialog header and the
+     * object tree's indicator rows.
      * Absent ⇒ {@link title}. The picker keeps the full title either way.
      */
     readonly shortTitle?: string;
@@ -734,9 +735,11 @@ interface VelaEventMap extends Record<string, unknown> {
     "drawing:edited": {
         id: string;
     };
-    /** Selection changed (`id` is null when nothing is selected). */
+    /** Selection changed. `ids` is every selected drawing in selection order; `id` is the
+     *  primary (`ids[0]`, the one a settings popup edits), null when nothing is selected. */
     "drawing:selected": {
         id: string | null;
+        ids: string[];
     };
     /** The favorite-tool set changed (star toggles or a bulk restore). */
     "drawing:favorites": {
@@ -1197,6 +1200,8 @@ declare class DrawingController {
     destroy(): void;
     /** Set/extend the selection. `additive` toggles membership (shift-click) vs replacing it. */
     private setSelection;
+    /** Push the selection to the renderer and announce it (primary + the full list). */
+    private announceSelection;
     /** Restore a history snapshot, reconciling selection against what survived. */
     private restoreSnapshot;
     /** Delete drawings as one undo step; prune them from the selection. */