@luxalgo/vela 0.8.3 → 0.8.5

package/dist/{chunk-TO3GIK7Z.js → chunk-AUOB7A5Y.js}

@@ -1,5 +1,5 @@
-import { normalizeProps, nextUid, runMachine, spreadProps } from './chunk-G7B7ZCBF.js';
-import { injectStyles, holdForExit, announceSurface } from './chunk-VHGACEHO.js';
+import { normalizeProps, nextUid, runMachine, spreadProps } from './chunk-WY5H4S4I.js';
+import { injectStyles, holdForExit, announceSurface } from './chunk-I2U4NZD2.js';
 import * as tooltip from '@zag-js/tooltip';
 import * as dialog from '@zag-js/dialog';
 

package/dist/{chunk-2IPXYM4B.js → chunk-BN4DNS3O.js}

@@ -1,8 +1,8 @@
-import { parseSymbol, priceStyleIds, BUILTIN_PRICE_STYLES, SecondClock, isGroupRow, defaultMemberOf, groupKeyOf, groupMembers, LEGEND_AT_TOP_ATTR, normalizeSession, Vela, TypedEventBus, timeframeToMs, MultiProviderFeed, registerBuiltinChartTypes, resolveTheme, buildToolbar, createCustomMark, createAttributionMark, DrawingToolbar, applyAttributionMarkTheme, sharedBarStore, CANDLE_OVERRIDE_KEYS } from './chunk-HMHA733L.js';
-import { chartType, resolveTopbarComposition, topbarActionOverride, TOPBAR_BUILTIN_IDS, widgetActions, tzButtonLabel, resolveTimezone, timezoneMenuRows, SidePanel, sidePanels, DEFAULT_PANEL_ORDER, symbolRanking, paneScaleAt, composeMenu, priceAxisItems, scaleChoiceOf, timeAxisItems, bodyItems, scaleWrites, invertWrite, settingsSectionOf, resolveEngines, legendActionsProviderFor, legendCalloutsProviderFor, normalizeTimezone, isExchangeTimezone, statePersistenceHandlers, topbarHas, rendererDefaults, mobilePlacement, widgetAttachments, getDrawingType, inputDeltas } from './chunk-KWI3YDBW.js';
-import { Tooltip, KeymapManager, isEditableTarget, Drawer } from './chunk-TO3GIK7Z.js';
-import { Menu, Dialog, CalloutBubble, applyPlotOverlayTokens, ensureUIHost } from './chunk-G7B7ZCBF.js';
-import { registerIcon, svg16, injectStyles, iconEl, iconMarkup, iconAt, SESSION_OFF, SESSION_POST, SESSION_PRE, announceSurface, holdForExit, icon, categoricalColor } from './chunk-VHGACEHO.js';
+import { parseSymbol, priceStyleIds, BUILTIN_PRICE_STYLES, SecondClock, isGroupRow, defaultMemberOf, groupKeyOf, groupMembers, LEGEND_AT_TOP_ATTR, normalizeSession, Vela, TypedEventBus, timeframeToMs, MultiProviderFeed, registerBuiltinChartTypes, resolveTheme, buildToolbar, createCustomMark, createAttributionMark, DrawingToolbar, applyAttributionMarkTheme, sharedBarStore, CANDLE_OVERRIDE_KEYS } from './chunk-QYIO37K7.js';
+import { chartType, resolveTopbarComposition, topbarActionOverride, TOPBAR_BUILTIN_IDS, widgetActions, tzButtonLabel, resolveTimezone, timezoneMenuRows, SidePanel, sidePanels, DEFAULT_PANEL_ORDER, symbolRanking, paneScaleAt, composeMenu, priceAxisItems, scaleChoiceOf, timeAxisItems, bodyItems, scaleWrites, invertWrite, settingsSectionOf, resolveEngines, legendActionsProviderFor, legendCalloutsProviderFor, normalizeTimezone, isExchangeTimezone, statePersistenceHandlers, topbarHas, rendererDefaults, mobilePlacement, widgetAttachments, getDrawingType, inputDeltas } from './chunk-ALTGHKIM.js';
+import { Tooltip, KeymapManager, isEditableTarget, Drawer } from './chunk-AUOB7A5Y.js';
+import { Menu, Dialog, CalloutBubble, applyPlotOverlayTokens, ensureUIHost } from './chunk-WY5H4S4I.js';
+import { registerIcon, svg16, injectStyles, iconEl, iconMarkup, iconAt, SESSION_OFF, SESSION_POST, SESSION_PRE, announceSurface, holdForExit, icon, categoricalColor } from './chunk-I2U4NZD2.js';
 import { baseOf } from './chunk-W4EJWLEO.js';
 
 // src/widget/timeframe.ts
@@ -1435,9 +1435,14 @@ function paneItems(snap, pane, units) {
     return [...unitItems, ...rows2];
   }
   const zOf = new Map(snap.zOrder.map((e) => [e.id, e.z]));
-  const rows = pane.indicators.map((i) => ({ item: { kind: "row", row: indicatorRow(i) }, z: zOf.get(i.id) ?? 0 }));
-  if (pane.kind === "price") rows.push({ item: { kind: "row", row: priceRow() }, z: snap.candleZ });
-  rows.sort((a, b) => b.z - a.z);
+  const rank = new Map(snap.zOrder.map((e, i) => [e.id, i]));
+  const rows = pane.indicators.map((i) => ({
+    item: { kind: "row", row: indicatorRow(i) },
+    z: zOf.get(i.id) ?? 0,
+    rank: rank.get(i.id) ?? -1
+  }));
+  if (pane.kind === "price") rows.push({ item: { kind: "row", row: priceRow() }, z: snap.candleZ, rank: -Infinity });
+  rows.sort((a, b) => b.z - a.z || b.rank - a.rank);
   if (!snap.interleave) return [...unitItems, ...rows.map((r) => r.item)];
   const entries = [...rows, ...units.map((unit) => ({ item: { kind: "unit", unit }, z: unitZ(unit) }))];
   entries.sort((a, b) => a.z === b.z ? Number(a.item.kind === "unit") - Number(b.item.kind === "unit") : b.z - a.z);
@@ -1734,6 +1739,7 @@ var ObjectTree = class extends SidePanel {
     for (const ev of REFRESH_EVENTS) {
       this.unsubs.push(chart.on(ev, () => this.refresh()));
     }
+    this.unsubs.push(chart.renderer.onConfigChanged(() => this.refresh()));
     this.unsubs.push(
       chart.on("drawing:selected", ({ ids }) => {
         this.selectedDrawings = new Set(ids);
@@ -3931,6 +3937,8 @@ function sanitizeState(doc) {
     const favs = d.timeframeFavorites.filter((f) => typeof f === "string");
     if (favs.length > 0) out.timeframeFavorites = favs;
   }
+  const tools = sanitizeDrawingTools(d.drawingTools);
+  if (tools) out.drawingTools = tools;
   const sync = sanitizeSync(d.sync);
   if (sync) out.sync = sync;
   const tracks = sanitizeTrackSizes(d.trackSizes);
@@ -3949,6 +3957,42 @@ function sanitizeExt(raw) {
   }
   return Object.keys(out).length > 0 ? out : null;
 }
+function sanitizeDrawingTools(raw) {
+  if (raw == null || typeof raw !== "object" || Array.isArray(raw)) return null;
+  const r = raw;
+  const out = {};
+  if (r.defaults != null && typeof r.defaults === "object" && !Array.isArray(r.defaults)) {
+    const defaults = {};
+    for (const [type, value] of Object.entries(r.defaults)) {
+      if (type.length > 0 && value != null && typeof value === "object" && !Array.isArray(value)) defaults[type] = value;
+    }
+    if (Object.keys(defaults).length > 0) out.defaults = defaults;
+  }
+  if (r.templates != null && typeof r.templates === "object" && !Array.isArray(r.templates)) {
+    const templates = {};
+    for (const [type, list] of Object.entries(r.templates)) {
+      if (type.length > 0 && Array.isArray(list) && list.length > 0) templates[type] = list;
+    }
+    if (Object.keys(templates).length > 0) out.templates = templates;
+  }
+  if (r.magnet === "off" || r.magnet === "weak" || r.magnet === "strong") out.magnet = r.magnet;
+  if (typeof r.stay === "boolean") out.stay = r.stay;
+  return Object.keys(out).length > 0 ? out : null;
+}
+function successorNative(entry) {
+  const type = typeof entry === "string" ? entry : entry.type;
+  if (type !== "linear-regression") return entry;
+  const hidden = typeof entry === "object" && entry.hidden === true;
+  const { mode, lineColor, ...rest } = typeof entry === "object" ? entry.inputs ?? {} : {};
+  const slope = mode === "Slope";
+  const inputs = slope ? { ...rest, ...lineColor !== void 0 ? { lineColor } : {} } : (
+    // Saved deltas omit the curve's 100-bar default, which the LSMA's default is not.
+    { length: 100, ...rest, ...lineColor !== void 0 ? { neutralColor: lineColor } : {} }
+  );
+  const next = slope ? "linear-regression-slope" : "lsma";
+  const hasInputs = Object.keys(inputs).length > 0;
+  return hasInputs || hidden ? { type: next, ...hasInputs ? { inputs } : {}, ...hidden ? { hidden } : {} } : next;
+}
 function sanitizeCell(raw) {
   if (raw == null || typeof raw !== "object") return null;
   const c = raw;
@@ -3988,7 +4032,7 @@ function sanitizeCell(raw) {
         return [inputs || hidden ? { type: e.type, ...inputs ? { inputs } : {}, ...hidden ? { hidden } : {} } : e.type];
       }
       return [];
-    }) : [];
+    }).map(successorNative) : [];
     out.indicators = { manifest, natives };
   }
   const ext = sanitizeExt(c.ext);
@@ -4863,7 +4907,7 @@ var Watermark = class {
 // src/widget/context-menu.ts
 var PRICE_AXIS_W = 60;
 var TIME_AXIS_H = 26;
-var OFF_PLOT = { price: null, time: null, paneKind: null };
+var OFF_PLOT = { price: null, time: null, paneKind: null, paneId: null };
 var ChartContextMenu = class {
   constructor(host, cbs) {
     this.cbs = cbs;
@@ -4906,7 +4950,7 @@ var ChartContextMenu = class {
     this.chart = chart;
     this.crosshair = OFF_PLOT;
     this.offCrosshair = chart.renderer.onCrosshairMove((e) => {
-      this.crosshair = { price: e.price, time: e.time, paneKind: e.paneKind ?? null };
+      this.crosshair = { price: e.price, time: e.time, paneKind: e.paneKind ?? null, paneId: e.paneId ?? null };
     });
   }
   destroy() {
@@ -8794,6 +8838,12 @@ var VelaWorkspace = class {
     this.historyUnsub = null;
     /** Favorite drawing tools — a WORKSPACE preference (one star set, every cell). */
     this.favs = [];
+    /** Every drawing tool's remembered settings — a SHARED pref, mirrored onto every cell. */
+    this.toolDefs = {};
+    /** Every drawing tool's saved looks — a SHARED pref like the remembered settings. */
+    this.toolTemplates = {};
+    /** Re-entrancy guard while one cell's remembered settings fan out to the others. */
+    this.toolDefsBusy = false;
     /** Favorite timeframes — the shared topbar's quick-switch chips, one set for the grid. */
     this.tfFavs = [];
     /** Live sync configuration (mutable copy of the option). */
@@ -8897,6 +8947,7 @@ var VelaWorkspace = class {
     this.timezone = boot?.timezone ?? opts.timezone ?? "Etc/UTC";
     if (boot?.favorites) this.favs = [...boot.favorites];
     if (boot?.timeframeFavorites) this.tfFavs = [...boot.timeframeFavorites];
+    if (boot?.drawingTools) this.adoptDrawingTools(boot.drawingTools);
     const sync = boot?.sync ?? opts.sync;
     for (const kind of SYNC_KINDS) this.applySyncSetting(kind, sync?.[kind]);
     this.monoLayout = opts.layout === false;
@@ -9304,6 +9355,8 @@ var VelaWorkspace = class {
     if (this.activeId) state.activeCellId = this.activeId;
     if (this.favs.length > 0) state.favorites = [...this.favs];
     if (this.tfFavs.length > 0) state.timeframeFavorites = [...this.tfFavs];
+    const tools = this.drawingToolsState();
+    if (tools) state.drawingTools = tools;
     if (this.trackSizes.size > 0) state.trackSizes = Object.fromEntries([...this.trackSizes].map(([k, v]) => [k, { ...v }]));
     const panels = this.dock.getState();
     if (panels) state.panels = panels;
@@ -9337,6 +9390,7 @@ var VelaWorkspace = class {
     const st = sanitizeState(state);
     if (!st) return;
     if (st.favorites) this.favs = [...st.favorites];
+    if (st.drawingTools) this.adoptDrawingTools(st.drawingTools);
     if (st.timeframeFavorites) {
       this.tfFavs = [...st.timeframeFavorites];
       this.topbar.setTimeframeFavorites(this.tfFavs);
@@ -9352,6 +9406,7 @@ var VelaWorkspace = class {
       if (st.favorites) {
         for (const cell of this.cellsById.values()) cell.chart.drawings.setFavorites(this.favs);
       }
+      if (st.drawingTools) this.pushToolDefaults(null);
       this.drawingLinks.clear();
       this.styleSyncBusy = true;
       try {
@@ -9667,6 +9722,37 @@ var VelaWorkspace = class {
   refocusActive() {
     if (this.activeId) this.cellsById.get(this.activeId)?.chart.renderer.focus();
   }
+  /** Take a document's drawing-tool prefs as the shared mirrors (cells pick them up as they
+   *  are built, or from {@link pushToolDefaults} / the active-cell projection). */
+  adoptDrawingTools(tools) {
+    if (tools.defaults) this.toolDefs = { ...tools.defaults };
+    if (tools.templates) this.toolTemplates = { ...tools.templates };
+    if (tools.magnet) this.globalSnap = tools.magnet;
+    if (tools.stay !== void 0) this.globalStay = tools.stay;
+  }
+  /** Mirror the shared remembered settings onto every cell but `from` (the cell they came from).
+   *  Receiving them is not an edit: the cells' `drawing:defaults` echoes are ignored. */
+  pushToolDefaults(from, cells = this.cellsById.values()) {
+    this.toolDefsBusy = true;
+    try {
+      for (const other of cells) {
+        if (other === from) continue;
+        other.chart.drawings.setToolDefaults(this.toolDefs);
+        other.chart.drawings.setToolTemplates(this.toolTemplates);
+      }
+    } finally {
+      this.toolDefsBusy = false;
+    }
+  }
+  /** The drawing-tool prefs worth saving; null when every one is at its default. */
+  drawingToolsState() {
+    const out = {};
+    if (Object.keys(this.toolDefs).length > 0) out.defaults = { ...this.toolDefs };
+    if (Object.keys(this.toolTemplates).length > 0) out.templates = { ...this.toolTemplates };
+    if (this.globalSnap !== "off") out.magnet = this.globalSnap;
+    if (this.globalStay) out.stay = true;
+    return Object.keys(out).length > 0 ? out : null;
+  }
   /** Debounced dirty mark: one `state:changed` (+ one storage write in persist mode)
    *  per burst of edits, flushed hard on unload/destroy. */
   markStateDirty() {
@@ -9889,6 +9975,7 @@ var VelaWorkspace = class {
       cell.chart.renderer.setWallClock(this.clock);
       cell.setControlsSuspended(this.layoutCtl.current === "mobile");
       if (this.favs.length > 0) cell.chart.drawings.setFavorites(this.favs);
+      if (Object.keys(this.toolDefs).length > 0 || Object.keys(this.toolTemplates).length > 0) this.pushToolDefaults(null, [cell]);
       cell.setManifest(this.manifest, pooled?.indicators == null);
       cell.restorePersistedExt();
       this.events.emit("cell:created", { id });
@@ -9921,6 +10008,18 @@ var VelaWorkspace = class {
       this.drawToolbar?.setFavorites(favorites);
       this.markStateDirty();
     });
+    chart.on("drawing:defaults", () => {
+      if (this.toolDefsBusy) return;
+      this.toolDefs = chart.drawings.toolDefaults();
+      this.pushToolDefaults(cell);
+      this.markStateDirty();
+    });
+    chart.on("drawing:templates", () => {
+      if (this.toolDefsBusy) return;
+      this.toolTemplates = chart.drawings.toolTemplates();
+      this.pushToolDefaults(cell);
+      this.markStateDirty();
+    });
     chart.renderer.onCrosshairMove((e) => this.propagateCrosshair(cell.id, e.time, e.paneKind === "price" ? e.price : null));
     chart.on("drawing:created", ({ id }) => {
       this.propagateDrawing(cell.id, id);
@@ -9942,13 +10041,17 @@ var VelaWorkspace = class {
     });
     chart.on("drawing:snap", ({ mode }) => {
       if (cell.id !== this.activeId) return;
+      const changed = mode !== this.globalSnap;
       this.globalSnap = mode;
       this.drawToolbar?.setMagnetMode(mode);
+      if (changed) this.markStateDirty();
     });
     chart.on("drawing:stay", ({ on }) => {
       if (cell.id !== this.activeId) return;
+      const changed = on !== this.globalStay;
       this.globalStay = on;
       this.drawToolbar?.setStayMode(on);
+      if (changed) this.markStateDirty();
     });
     chart.on("drawing:mode", ({ mode }) => {
       if (cell.id !== this.activeId) return;

package/dist/{chunk-VHGACEHO.js → chunk-I2U4NZD2.js}

@@ -239,6 +239,12 @@ function mix(base, top, alpha) {
   const c = (x, y) => Math.round(x + (y - x) * alpha);
   return `rgb(${c(b.r, t.r)},${c(b.g, t.g)},${c(b.b, t.b)})`;
 }
+function toHex6(color, fallback = "#888888") {
+  const c = parseRgb(color);
+  if (!c) return fallback;
+  const h = (n) => Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, "0");
+  return `#${h(c.r)}${h(c.g)}${h(c.b)}`;
+}
 function isDarkColor(color) {
   const c = parseRgb(color);
   if (!c) return true;
@@ -331,4 +337,4 @@ function holdForExit(els, done, opts = {}) {
   };
 }
 
-export { ACCENT, ACCENT_BRIGHT, BEARISH, BULLISH, CATEGORICAL, CHIP_PLATE, CROSSHAIR, FIELD_FOCUS_CSS, FIELD_FOCUS_RING, HIGHLIGHT, INFO, INVALID, MARKER, NEUTRAL, SERIES_LINE, SESSION_OFF, SESSION_POST, SESSION_PRE, SLATE, SLATE_DEEP, SURFACE_CLOSE_EVENT, SURFACE_OPEN_EVENT, TRADE_EXIT, TRADE_LONG, TRADE_SHORT, VALID, WARNING, announceSurface, categoricalColor, holdForExit, icon, iconAt, iconEl, iconMarkup, injectStyles, isDarkColor, mix, overlayScrollbarCss, registerIcon, svg16, svg24, svg24Solid, withAlpha };
+export { ACCENT, ACCENT_BRIGHT, BEARISH, BULLISH, CATEGORICAL, CHIP_PLATE, CROSSHAIR, FIELD_FOCUS_CSS, FIELD_FOCUS_RING, HIGHLIGHT, INFO, INVALID, MARKER, NEUTRAL, SERIES_LINE, SESSION_OFF, SESSION_POST, SESSION_PRE, SLATE, SLATE_DEEP, SURFACE_CLOSE_EVENT, SURFACE_OPEN_EVENT, TRADE_EXIT, TRADE_LONG, TRADE_SHORT, VALID, WARNING, announceSurface, categoricalColor, holdForExit, icon, iconAt, iconEl, iconMarkup, injectStyles, isDarkColor, mix, overlayScrollbarCss, registerIcon, svg16, svg24, svg24Solid, toHex6, withAlpha };