@luxalgo/vela 0.6.10 → 0.6.11

package/dist/{DataProvider-CWmp31dA.d.ts → DataProvider-BBf-jc6W.d.ts}

@@ -1,4 +1,4 @@
-import { M as MarketConfig, O as OHLCV, U as Unsubscribe } from './options-DSqHsQyN.js';
+import { M as MarketConfig, O as OHLCV, U as Unsubscribe } from './options-yp7sA96q.js';
 
 /**
  * Symbol metadata an engine may need (e.g. Pine `syminfo.*`). Free-form beyond

package/dist/{DataProvider-l_eLMly_.d.cts → DataProvider-p0TEyhlX.d.cts}

@@ -1,4 +1,4 @@
-import { M as MarketConfig, O as OHLCV, U as Unsubscribe } from './options-DSqHsQyN.cjs';
+import { M as MarketConfig, O as OHLCV, U as Unsubscribe } from './options-yp7sA96q.cjs';
 
 /**
  * Symbol metadata an engine may need (e.g. Pine `syminfo.*`). Free-form beyond

package/dist/{chunk-FFOP37FQ.js → chunk-73PEA4MU.js}

@@ -1,4 +1,4 @@
-import { deserializeDrawing, chartTypes, rendererLayers, foldBaseModulation, registerChartType, rendererDefaults, getDrawingType, settingsRowVisible, normalizeSettingsRow, TextLabel, Callout, resetDrawingSettings, registerNativeIndicator, chartType, getNativeIndicator, nativeIndicatorDescriptors, drawingTypes, settingsRowValueKeys, formatDuration, RegressionChannel, FixedRangeVolumeProfile, SegmentDrawing, ArrowMark, GlyphStamp, RadialFib, FibSpiral, DedekindTessellation, MachFigure, GannSquare, FibRatios, MeasureBox, PositionTool, AnchoredVwap, PatternDrawing, Comment, PriceNote, Signpost, Note, PriceLabel, GANN_SQUARE_ARCS, lineSegmentIntersection, DEFAULT_DRAWING_COLOR, GLYPH_OPTIONS, STAMP_SIZE_OPTIONS, LINE_STYLE_OPTIONS, DEDEKIND_CURVATURE_OPTIONS, MACH_NUMBER_OPTIONS, MACH_WAVE_COUNT_OPTIONS, TEXT_SIZE_OPTIONS, createDrawing, inputVisible, tickerModifierIds, CalloutBase, DIRECTION_OPTIONS } from './chunk-4KZVZ7QQ.js';
+import { deserializeDrawing, chartTypes, rendererLayers, foldBaseModulation, registerChartType, rendererDefaults, getDrawingType, settingsRowVisible, normalizeSettingsRow, TextLabel, Callout, resetDrawingSettings, registerNativeIndicator, chartType, getNativeIndicator, nativeIndicatorDescriptors, drawingTypes, settingsRowValueKeys, formatDuration, RegressionChannel, FixedRangeVolumeProfile, SegmentDrawing, ArrowMark, GlyphStamp, RadialFib, FibSpiral, DedekindTessellation, MachFigure, GannSquare, FibRatios, MeasureBox, PositionTool, AnchoredVwap, PatternDrawing, Comment, PriceNote, Signpost, Note, PriceLabel, GANN_SQUARE_ARCS, lineSegmentIntersection, DEFAULT_DRAWING_COLOR, GLYPH_OPTIONS, STAMP_SIZE_OPTIONS, LINE_STYLE_OPTIONS, DEDEKIND_CURVATURE_OPTIONS, MACH_NUMBER_OPTIONS, MACH_WAVE_COUNT_OPTIONS, TEXT_SIZE_OPTIONS, createDrawing, inputVisible, tickerModifierIds, CalloutBase, DIRECTION_OPTIONS } from './chunk-MTLJKZDZ.js';
 import { themeTokens, Dialog, closeOpenPopovers, closeWidthPopover, fieldSection, buildFieldControl, fieldSeparator, fieldGrid, fieldRow, blendOver, splitColor, CalloutBubble, Menu, TextArea, Popover, NumberInput, buildColorPicker, isPopoverOpen, eventDismissedPopover, toggleSelectList, openPopoverTrigger, fieldGridColumns, FIELD_GAP_PX, STATIC_TOKENS } from './chunk-MHY7MVXH.js';
 import { icon, iconAt, withAlpha, WARNING, ACCENT, NEUTRAL, BEARISH, BULLISH, isDarkColor, SERIES_LINE, SLATE, CROSSHAIR, TRADE_EXIT, TRADE_SHORT, TRADE_LONG, overlayScrollbarCss, SLATE_DEEP, VALID, INVALID, FIELD_FOCUS_CSS, FIELD_FOCUS_RING, svg24, svg24Solid } from './chunk-KG4YT3TI.js';
 
@@ -6859,6 +6859,7 @@ var DOUBLE_TAP_MS = 350;
 var DOUBLE_TAP_SLOP = 30;
 var TIME_SCALE_K = 4e-3;
 var WHEEL_ZOOM_K = 4e-3;
+var WHEEL_PRICE_DRAG_PX = 0.25;
 function wheelZoomAnchor(coords, cursorX, rightEdge) {
   if (rightEdge) return { logical: coords.rightEdgeLogical, x: coords.width };
   return { logical: coords.xToLogical(cursorX), x: cursorX };
@@ -6989,7 +6990,7 @@ var InputController = class {
         this.capture(e.pointerId);
         return;
       }
-      if (e.shiftKey && this.regionAt(x, y) === "data" && this.deps.drawingsMeasureStart?.(x, y)) {
+      if (e.shiftKey && this.regionAt(x, y) === "data" && this.deps.drawingsMeasureStart?.(x, y, this.snapMode(e))) {
         this.region = "drawing";
         this.capture(e.pointerId);
         return;
@@ -7103,7 +7104,7 @@ var InputController = class {
       const wasTouch = e.pointerType === "touch";
       const tapRelease = this.dragging && !this.moved && (!wasTouch || Math.hypot(x - this.startX, y - this.startY) <= TOUCH_TAP_SLOP);
       if (this.dragging && this.region === "drawing") {
-        this.deps.drawingsPointerUp?.(x, y);
+        this.deps.drawingsPointerUp?.(x, y, this.snapMode(e));
       } else if (tapRelease && this.region === "data") {
         this.deps.onClick(x, y);
       } else if (this.dragging && this.region === "data") {
@@ -7124,7 +7125,7 @@ var InputController = class {
       if (e.pointerType === "touch") this.touches.delete(e.pointerId);
       this.cancelLongPress();
       if (!this.dragging) return;
-      if (this.region === "drawing" && !Number.isNaN(this.cursorX)) this.deps.drawingsPointerUp?.(this.cursorX, this.cursorY);
+      if (this.region === "drawing" && !Number.isNaN(this.cursorX)) this.deps.drawingsPointerUp?.(this.cursorX, this.cursorY, this.snapMode(e));
       if (this.region === "crosshair" || e.pointerType === "touch") this.deps.onPointerMove(null, null);
       this.endGesture(e);
     };
@@ -7140,6 +7141,12 @@ var InputController = class {
     this.onWheel = (e) => {
       e.preventDefault();
       this.deps.drawingsClearTransient?.();
+      const { x, y } = this.local(e);
+      if (this.regionAt(x, y) === "price" && e.deltaY !== 0) {
+        this.deps.beginPriceScale(x, y);
+        this.deps.priceScaleBy(e.deltaY * WHEEL_PRICE_DRAG_PX);
+        return;
+      }
       const coords = this.deps.getCoords();
       const vp = coords.getViewport();
       const pan = wheelPanDelta(e.deltaX, e.deltaY, e.shiftKey);
@@ -7147,9 +7154,8 @@ var InputController = class {
         this.deps.apply({ barSpacing: vp.barSpacing, rightOffset: wheelPanRightOffset(vp.rightOffset, pan, coords.pxPerBar()) });
         return;
       }
-      const cursorX = this.local(e).x;
       const rightEdge = this.rightEdgeZoom && !(e.ctrlKey || e.metaKey);
-      const anchor = wheelZoomAnchor(coords, cursorX, rightEdge);
+      const anchor = wheelZoomAnchor(coords, x, rightEdge);
       const target = clampBarSpacing(vp.barSpacing * Math.exp(-e.deltaY * WHEEL_ZOOM_K));
       this.deps.zoomTo(target, anchor.logical, anchor.x);
     };
@@ -8631,6 +8637,15 @@ function drawingSetEmpty(s) {
 function fontSizePx(size) {
   return size === "auto" ? 12 : namedFontSize(size);
 }
+function lineCoversWindow(a, b, extend, lo, hi) {
+  const minX = Math.min(a, b);
+  const maxX = Math.max(a, b);
+  if (a === b) return a >= lo && a <= hi;
+  if (extend === "both") return true;
+  if (extend === "left") return maxX >= lo;
+  if (extend === "right") return minX <= hi;
+  return maxX >= lo && minX <= hi;
+}
 var DrawingSceneRenderer = class {
   constructor(deps, set = EMPTY_DRAWING_SET) {
     this.deps = deps;
@@ -8695,7 +8710,7 @@ var DrawingSceneRenderer = class {
     };
     for (const ln of this.set.lines) {
       if (ln.invisible) continue;
-      if (!visible(this.logicalOf(ln.xloc, ln.x1), this.logicalOf(ln.xloc, ln.x2), ln.extend)) continue;
+      if (!lineCoversWindow(this.logicalOf(ln.xloc, ln.x1), this.logicalOf(ln.xloc, ln.x2), ln.extend, lo, hi)) continue;
       fold(ln.y1);
       fold(ln.y2);
     }
@@ -12545,6 +12560,22 @@ var DrawingInteraction = class {
     this.snapAt = changed ? { point: snapped, paneId } : null;
     return snapped;
   }
+  /**
+   * Resolve a cursor pixel through the magnet and return the snapped pixel — the same
+   * conversion drawing placement uses. Updates the snap-ring marker. The measure
+   * ruler goes through this so its endpoints follow weak/strong/Ctrl magnet too.
+   */
+  snapCursor(x, y, mode) {
+    const proj = this.deps.projector();
+    const paneId = proj.paneIdAtY(y) ?? "price";
+    const point = this.resolve(x, y, paneId, mode);
+    const sy = proj.yOf(point.price, paneId);
+    return { x: proj.xOf(point.time), y: sy ?? y };
+  }
+  /** Drop the snap-ring marker (a transient mode ended without going through `up`). */
+  clearSnapMarker() {
+    this.snapAt = null;
+  }
   /** Resolve a pixel to a data point with the segment angle locked to 45° steps around
    *  `pivot` (Shift held on a line tool). Works in PIXEL space — the user reasons about
    *  the angle they see, not about time/price units. The magnet is bypassed: snapping
@@ -13950,30 +13981,39 @@ var MeasureOverlay = class {
   isFinished() {
     return this.state === "finished";
   }
-  /** A press: begin the measurement, or finish it on the second click. */
-  down(x, y) {
+  /** A press: begin the measurement, or finish it on the second click.
+   *  `x,y` are the raw cursor (drag-slop vs click-move-click). `gx,gy` are the
+   *  graphic endpoints — magnet-snapped when the magnet is on, else the same as `x,y`. */
+  down(x, y, gx = x, gy = y) {
     if (this.state === "measuring") {
-      this.end = { x, y };
+      this.end = { x: gx, y: gy };
       this.state = "finished";
       return;
     }
-    this.start = { x, y };
-    this.end = { x, y };
+    this.start = { x: gx, y: gy };
+    this.end = { x: gx, y: gy };
     this.pressX = x;
     this.pressY = y;
     this.state = "measuring";
   }
+  /** Size the in-progress ruler. `x,y` are the graphic (magnet-snapped) cursor. */
   move(x, y) {
     if (this.state === "measuring") this.end = { x, y };
   }
   /** A release: finish if the press was actually dragged (press-drag-release), else wait
-   *  for the second click (click-move-click). */
-  up(x, y) {
+   *  for the second click (click-move-click). `x,y` are the raw cursor (slop); `gx,gy`
+   *  are the graphic end (magnet-snapped when the magnet is on). */
+  up(x, y, gx = x, gy = y) {
     if (this.state === "measuring" && Math.hypot(x - this.pressX, y - this.pressY) > DRAG_SLOP3) {
-      this.end = { x, y };
+      this.end = { x: gx, y: gy };
       this.state = "finished";
     }
   }
+  /** Current graphic endpoints in media pixels, or null when idle. */
+  points() {
+    if (!this.start || !this.end) return null;
+    return { start: this.start, end: this.end };
+  }
   clear() {
     this.state = "idle";
     this.start = null;
@@ -14350,11 +14390,13 @@ var UserDrawingController = class {
   }
   /** Shift+press on the empty plot: arm the measure ruler AND start it at (x, y) in one
    *  gesture — the equivalent of clicking the toolbar's Measure button, then pressing.
-   *  Returns false when a mode/tool is already active (the normal press path owns it). */
-  beginMeasureAt(x, y) {
+   *  `snap` is the effective magnet (sticky mode, or Ctrl/Cmd-forced strong). Returns
+   *  false when a mode/tool is already active (the normal press path owns it). */
+  beginMeasureAt(x, y, snap = "off") {
     if (this.measureMode || this.eraserMode || this.activeTool != null) return false;
     this.withModeIntent(() => this.toggleMeasure());
-    this.measure.down(x, y);
+    const g = this.interaction.snapCursor(x, y, snap);
+    this.measure.down(x, y, g.x, g.y);
     this.render();
     return true;
   }
@@ -14376,7 +14418,8 @@ var UserDrawingController = class {
       return;
     }
     if (this.measureMode) {
-      this.measure.down(x, y);
+      const g = this.interaction.snapCursor(x, y, snap);
+      this.measure.down(x, y, g.x, g.y);
       if (this.measure.isFinished()) this.withModeIntent(() => this.exitMeasure(false));
       this.render();
       return;
@@ -14389,7 +14432,8 @@ var UserDrawingController = class {
       return;
     }
     if (this.measureMode) {
-      this.measure.move(x, y);
+      const g = this.interaction.snapCursor(x, y, snap);
+      this.measure.move(g.x, g.y);
       this.render();
       return;
     }
@@ -14407,13 +14451,14 @@ var UserDrawingController = class {
       this.render();
     }
   }
-  pointerUp(x, y) {
+  pointerUp(x, y, snap = "off") {
     if (this.eraserMode) {
       this.erasing = false;
       return;
     }
     if (this.measureMode) {
-      this.measure.up(x, y);
+      const g = this.interaction.snapCursor(x, y, snap);
+      this.measure.up(x, y, g.x, g.y);
       if (this.measure.isFinished()) this.withModeIntent(() => this.exitMeasure(false));
       this.render();
       return;
@@ -14458,6 +14503,7 @@ var UserDrawingController = class {
   /** Leave ruler mode. `clearGraphic` keeps a just-finished measurement on screen (false). */
   exitMeasure(clearGraphic = true) {
     this.measureMode = false;
+    this.interaction.clearSnapMarker();
     if (clearGraphic) this.measure.clear();
     this.toolbar.setMeasureActive(false);
     this.render();
@@ -14598,15 +14644,28 @@ var UserDrawingController = class {
     if (this.eraserMode) return "pointer";
     return this.interaction.cursorAt(x, y);
   }
-  /** Right-click while placing: cancel the in-progress drawing and revert to the
-   *  pointer — the gesture is an explicit escape, so it disarms even in
-   *  stay-in-drawing-mode (where Escape would leave the tool armed). Returns whether
-   *  the press was consumed; false lets the host's context menu open normally. */
+  /** Right-click: an explicit escape back to the pointer. Cancels an in-progress
+   *  placement or measurement, and also plain-disarms an armed-but-idle drawing
+   *  tool or the eraser — so a right-click ALWAYS reverts to the pointer, even in
+   *  stay-in-drawing-mode (where Escape would leave a drawing tool armed).
+   *  Persistent toggles (magnet, stay-mode, favorites) are untouched. Returns
+   *  whether the press was consumed; false lets the host's context menu open
+   *  normally. */
   cancelPlacement() {
-    if (!this.interaction.isPlacing()) return false;
-    this.interaction.cancel();
-    if (this.activeTool != null) this.emit({ kind: "arm", type: null });
-    return true;
+    if (this.measureMode || this.eraserMode) {
+      this.withModeIntent(() => this.measureMode ? this.exitMeasure() : this.exitEraser());
+      return true;
+    }
+    if (this.interaction.isPlacing()) {
+      this.interaction.cancel();
+      if (this.activeTool != null) this.emit({ kind: "arm", type: null });
+      return true;
+    }
+    if (this.activeTool != null) {
+      this.emit({ kind: "arm", type: null });
+      return true;
+    }
+    return false;
   }
   /** Double-click over a drawing → suppress the chart's view reset (single-click already
    *  opens settings). Returns true only when a drawing is under the cursor. */
@@ -14632,6 +14691,10 @@ var UserDrawingController = class {
         return true;
       }
       if (this.interaction.cancel()) return true;
+      if (this.measureMode) {
+        this.withModeIntent(() => this.exitMeasure());
+        return true;
+      }
       if (this.selectedIds.size) {
         this.clearSelection();
         return true;
@@ -17164,13 +17227,13 @@ var NativeRenderer = class {
       resetView: () => this.resetView(),
       // User drawings claim a gesture before pan when armed / over a drawing.
       drawingsClaim: (x, y) => this.userDrawings?.claim(x, y) ?? false,
-      drawingsMeasureStart: (x, y) => this.userDrawings?.beginMeasureAt(x, y) ?? false,
+      drawingsMeasureStart: (x, y, snap) => this.userDrawings?.beginMeasureAt(x, y, snap) ?? false,
       drawingsDeleteAt: (x, y) => this.userDrawings?.deleteAt(x, y) ?? false,
       drawingsCancelPlacement: () => this.userDrawings?.cancelPlacement() ?? false,
       drawingsSnapMode: () => this.snapMode,
       drawingsPointerDown: (x, y, snap, shift) => this.userDrawings?.pointerDown(x, y, snap, shift),
       drawingsPointerMove: (x, y, snap, shift) => this.userDrawings?.pointerMove(x, y, snap, shift),
-      drawingsPointerUp: (x, y) => this.userDrawings?.pointerUp(x, y),
+      drawingsPointerUp: (x, y, snap) => this.userDrawings?.pointerUp(x, y, snap),
       drawingsCursor: (x, y) => this.userDrawings?.cursorAt(x, y) ?? null,
       drawingsDblClick: (x, y) => this.userDrawings?.dblClick(x, y) ?? false,
       drawingsClearTransient: () => this.userDrawings?.clearTransient()
@@ -17485,7 +17548,8 @@ var NativeRenderer = class {
     }
     const skipFit = opts?.preserveView === true && this.didInitialFit;
     if (this.coords.width > 0 && !skipFit) {
-      this.fitContent();
+      if (this.didInitialFit) this.reframeKeepZoom();
+      else this.fitContent();
       this.didInitialFit = true;
     }
     if (!this.introPlayed && this.bars.length > 0) {
@@ -18133,6 +18197,7 @@ var NativeRenderer = class {
     this.scaleDragHeight = res.height;
     this.scaleDragStart = { ...res.holder.scale };
     res.holder.manualScale = { ...res.holder.scale };
+    this.axisScaleButtons?.reposition();
     this.scheduler.invalidate(4 /* Full */);
   }
   /** Rescale the grabbed scale around its center by the total drag (down ⇒ zoom out). */
@@ -18164,6 +18229,7 @@ var NativeRenderer = class {
     const res = this.resolveScaleHolder(x, y);
     if (!res) return;
     res.holder.manualScale = null;
+    this.axisScaleButtons?.reposition();
     this.scheduler.invalidate(4 /* Full */);
   }
   /**
@@ -18801,6 +18867,20 @@ var NativeRenderer = class {
     this.coords.setViewport(v);
     this.targetBarSpacing = v.barSpacing;
   }
+  /** Re-frame after a series replacement (a symbol/timeframe switch): keep the user's
+   *  zoom (bar spacing), re-anchor the newest bars at the default right offset.
+   *  `clampViewport`'s fit-all-bars floor deliberately does NOT apply — a progressive
+   *  head may still be backfilling toward the previous depth, and raising the spacing
+   *  to its temporary bar count would lose the zoom this exists to keep. */
+  reframeKeepZoom() {
+    this.animator?.stop();
+    this.panVelocity = 0;
+    for (const pane of this.scene.panes.values()) pane.manualScale = null;
+    for (const sl of this.scene.indicatorScales.values()) sl.manualScale = null;
+    const v = { barSpacing: clampBarSpacing(this.coords.getViewport().barSpacing), rightOffset: defaultViewport().rightOffset };
+    this.coords.setViewport(v);
+    this.targetBarSpacing = v.barSpacing;
+  }
   paneBoundsFor(paneId) {
     const p = this.scene.panes.get(paneId);
     return { top: p?.bounds.top ?? 0, height: p?.bounds.height ?? 0, rightAxis: this.rightAxisW };
@@ -19367,6 +19447,12 @@ var IndicatorHandleImpl = class {
   get visible() {
     return this.visibleState;
   }
+  inputValues() {
+    return this.controller.inputValuesOf(this.id);
+  }
+  propValues() {
+    return this.controller.propValuesOf(this.id);
+  }
   setInput(key, value) {
     this.controller.applyInputs(this.id, { [key]: value });
   }
@@ -19506,6 +19592,7 @@ var RUN_EMIT_THROTTLE_MS = 1e3;
 var PREVIEW_BARS = 300;
 var SINGLE_LOAD_BARS = 5e3;
 var CHUNK_BARS = 1e4;
+var FIRST_PAINT_BARS = 100;
 var GAP_FACTOR = 1.5;
 var HEAL_COOLDOWN_MS = 5e3;
 var EngineOrchestrator = class _EngineOrchestrator {
@@ -19775,6 +19862,7 @@ var EngineOrchestrator = class _EngineOrchestrator {
       let painted = false;
       const paint = (bars, final) => {
         if (this.generation !== gen || !final && bars.length === 0) return;
+        if (!painted && !final && bars.length < Math.min(requested, FIRST_PAINT_BARS)) return;
         this.setBarSeries(bars, painted ? { preserveView: true } : void 0);
         if (!painted && bars.length > 0) {
           painted = true;
@@ -20405,6 +20493,15 @@ var EngineOrchestrator = class _EngineOrchestrator {
     record.pendingCause = "inputs";
     if (record.session) record.session.update(record.inputValues);
     else if (record.native && !record.hidden) record.native.instance.setInputs(record.inputValues);
+    this.events.emit("indicator:inputs", { id });
+  }
+  /** IndicatorController: the CURRENT stored input values (defaults merged with edits). */
+  inputValuesOf(id) {
+    return { ...this.registry.get(id)?.inputValues };
+  }
+  /** IndicatorController: the CURRENT declaration-prop overrides. */
+  propValuesOf(id) {
+    return { ...this.registry.get(id)?.propValues };
   }
   /** IndicatorController: re-run an indicator with merged declaration-prop overrides.
    *  Same lifecycle as {@link applyInputs} — a prop change replays the whole script.
@@ -20418,6 +20515,7 @@ var EngineOrchestrator = class _EngineOrchestrator {
     if (!record.hidden) this.setLoading(record, true);
     record.pendingCause = "inputs";
     record.session.update(record.inputValues, record.propValues);
+    this.events.emit("indicator:inputs", { id });
   }
   /** IndicatorController: tear down an indicator and (if now empty) its pane. */
   /** Live handles of every indicator on the chart (script + native), insertion order. */

package/dist/{chunk-NMTQXNT4.js → chunk-IO3NYSQV.js}

@@ -1,5 +1,5 @@
-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-FFOP37FQ.js';
-import { chartType, resolveTopbarComposition, topbarActionOverride, TOPBAR_BUILTIN_IDS, widgetActions, SidePanel, sidePanels, DEFAULT_PANEL_ORDER, symbolRanking, resolveEngines, legendActionsProviderFor, legendCalloutsProviderFor, statePersistenceHandlers, topbarHas, rendererDefaults, widgetAttachments, getDrawingType } from './chunk-4KZVZ7QQ.js';
+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-73PEA4MU.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-MTLJKZDZ.js';
 import { Tooltip, KeymapManager, isEditableTarget, Drawer } from './chunk-G77Y7LK2.js';
 import { Menu, Dialog, CalloutBubble, applyPlotOverlayTokens, ensureUIHost } from './chunk-MHY7MVXH.js';
 import { registerIcon, svg16, injectStyles, iconEl, iconMarkup, SESSION_OFF, SESSION_POST, SESSION_PRE, icon, categoricalColor } from './chunk-KG4YT3TI.js';
@@ -3757,11 +3757,12 @@ async function resolveIndicators(config, fetchImpl = fetch) {
   }
   return out;
 }
+var ledgerEntryName = (e) => typeof e === "string" ? e : e.name;
 function indicatorLedger(i) {
   const natives = [...i.present];
   if (i.volumePending && !natives.includes("volume")) natives.push("volume");
   return {
-    manifest: i.manifestSettled ? [...i.instanceNames] : [...i.pendingManifest ?? i.instanceNames],
+    manifest: i.manifestSettled ? [...i.instanceEntries] : [...i.pendingManifest ?? i.instanceEntries],
     natives
   };
 }
@@ -3843,7 +3844,17 @@ function sanitizeCell(raw) {
   if (c.drawings != null && typeof c.drawings === "object") out.drawings = c.drawings;
   const ind = c.indicators;
   if (ind != null && typeof ind === "object") {
-    const manifest = Array.isArray(ind.manifest) ? ind.manifest.filter((n) => typeof n === "string") : [];
+    const manifest = Array.isArray(ind.manifest) ? ind.manifest.flatMap((n) => {
+      if (typeof n === "string") return [n];
+      if (n != null && typeof n === "object" && typeof n.name === "string") {
+        const e = n;
+        const bag = (v) => v != null && typeof v === "object" && !Array.isArray(v) ? v : void 0;
+        const inputs = bag(e.inputs);
+        const props = bag(e.props);
+        return [inputs || props ? { name: e.name, ...inputs ? { inputs } : {}, ...props ? { props } : {} } : e.name];
+      }
+      return [];
+    }) : [];
     const natives = Array.isArray(ind.natives) ? ind.natives.filter((n) => typeof n === "string") : [];
     out.indicators = { manifest, natives };
   }
@@ -4969,6 +4980,7 @@ var TIME_AXIS_H2 = 22;
 var CONTROLS_BOTTOM_PX = TIME_AXIS_H2 + 12;
 var CLUSTER_H = 24;
 var CLUSTER_PILL = "rgba(0,0,0,0.65)";
+var CLUSTER_LEFT_CSS = "calc((100% + var(--vela-toolbar-gutter, 0px) - var(--vela-scale-gutter, 0px)) / 2)";
 var STYLE_ID12 = "vela-cell-controls";
 var CSS12 = `
 .vela-cc-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--vela-radius-sm);background:transparent;line-height:0;font-size:12px;color:var(--vela-fg-muted);cursor:pointer;}
@@ -4978,8 +4990,11 @@ var CSS12 = `
 .vela-cc-grip{cursor:grab;touch-action:none;}
 .vela-cc-grip:active{cursor:grabbing;}
 `;
-function nearBottomCenter(x, y, width, height, proximityPx = CELL_CONTROLS_PROXIMITY_PX) {
-  const cx = width / 2;
+function plotCenterX(width, toolbarGutter = 0, scaleGutter = 0) {
+  return (width + toolbarGutter - scaleGutter) / 2;
+}
+function nearBottomCenter(x, y, width, height, proximityPx = CELL_CONTROLS_PROXIMITY_PX, gutters = {}) {
+  const cx = plotCenterX(width, gutters.toolbar ?? 0, gutters.scale ?? 0);
   const cy = height - CONTROLS_BOTTOM_PX - CLUSTER_H / 2;
   return Math.hypot(x - cx, y - cy) <= proximityPx;
 }
@@ -4998,7 +5013,7 @@ var CellControls = class {
       if (this.suspended) return;
       if (this.dragging) return;
       const rect = this.host.getBoundingClientRect();
-      this.setNear(nearBottomCenter(e.clientX - rect.left, e.clientY - rect.top, rect.width, rect.height));
+      this.setNear(nearBottomCenter(e.clientX - rect.left, e.clientY - rect.top, rect.width, rect.height, CELL_CONTROLS_PROXIMITY_PX, this.hostGutters()));
     };
     this.onHostLeave = () => {
       if (this.dragging) return;
@@ -5009,7 +5024,7 @@ var CellControls = class {
     this.root = host.ownerDocument.createElement("div");
     Object.assign(this.root.style, {
       position: "absolute",
-      left: "50%",
+      left: CLUSTER_LEFT_CSS,
       bottom: `${CONTROLS_BOTTOM_PX}px`,
       transform: "translateX(-50%)",
       zIndex: "6",
@@ -5109,6 +5124,16 @@ var CellControls = class {
     this.suspended = on;
     if (on) this.setNear(false);
   }
+  /** Live renderer gutters on the cell host (0 when unpublished — a test stub). */
+  hostGutters() {
+    const view = this.host.ownerDocument.defaultView;
+    if (!view) return { toolbar: 0, scale: 0 };
+    const cs = view.getComputedStyle(this.host);
+    return {
+      toolbar: Number.parseFloat(cs.getPropertyValue("--vela-toolbar-gutter")) || 0,
+      scale: Number.parseFloat(cs.getPropertyValue("--vela-scale-gutter")) || 0
+    };
+  }
   setNear(near) {
     if (near === this.near) return;
     this.near = near;
@@ -5223,6 +5248,12 @@ function cellDrawings(opt) {
   if (opt === true || opt == null) return { toolbar: false };
   return { ...opt, toolbar: false };
 }
+function instanceDeltas(handle) {
+  if (!handle) return void 0;
+  const inputs = inputDeltas(handle.inputs, handle.inputValues());
+  const props = inputDeltas(handle.props, handle.propValues());
+  return inputs || props ? { ...inputs ? { inputs } : {}, ...props ? { props } : {} } : void 0;
+}
 var ChartCell = class {
   constructor(id, gridHost, seed, deps) {
     this.id = id;
@@ -5398,6 +5429,7 @@ var ChartCell = class {
       this.syncPresentNatives();
       this.refreshNativeCatalog();
     });
+    this.inner.on("indicator:inputs", () => this.deps.onStateDirty());
     this.inner.on("indicator:removed", ({ id: id2 }) => {
       if (this.destroyed) return;
       const idx = this.instances.findIndex((it) => it.handle?.id === id2);
@@ -5406,7 +5438,7 @@ var ChartCell = class {
         this.instances.splice(idx, 1);
         this.history.push({
           undo: () => {
-            snapshot.handle = this.addToChart(snapshot.entry);
+            snapshot.handle = this.addToChart(snapshot.entry, snapshot.values);
             this.instances.push(snapshot);
             this.deps.onIndicatorsChanged(this.id);
           },
@@ -5795,9 +5827,9 @@ var ChartCell = class {
     this.manifest = list;
     if (this.pendingManifestNames) {
       if (list.length === 0) return;
-      for (const name of this.pendingManifestNames) {
-        const entry = list.find((e) => e.name === name);
-        if (entry) this.addManifestInstance(entry, { record: false });
+      for (const led of this.pendingManifestNames) {
+        const entry = list.find((e) => e.name === ledgerEntryName(led));
+        if (entry) this.addManifestInstance(entry, { record: false, ...typeof led === "object" ? { inputs: led.inputs, props: led.props } : {} });
       }
       this.pendingManifestNames = null;
       return;
@@ -5827,9 +5859,9 @@ var ChartCell = class {
       }
       for (const it of [...this.instances]) this.dropInstance(it);
       if (this.manifest.length > 0) {
-        for (const name of led.manifest) {
-          const entry = this.manifest.find((e) => e.name === name);
-          if (entry) this.addManifestInstance(entry, { record: false });
+        for (const item of led.manifest) {
+          const entry = this.manifest.find((e) => e.name === ledgerEntryName(item));
+          if (entry) this.addManifestInstance(entry, { record: false, ...typeof item === "object" ? { inputs: item.inputs, props: item.props } : {} });
         }
         this.pendingManifestNames = null;
       } else if (!this.deps.manifestSettled()) {
@@ -5878,12 +5910,13 @@ var ChartCell = class {
    * a persistence handler's `restore` runs silently, a user-driven call records.
    */
   addExternalIndicator(entry) {
-    this.addManifestInstance({ ...entry, enabled: true }, { external: true });
+    this.addManifestInstance({ ...entry, enabled: true }, { external: true, ...entry.inputs ? { inputs: entry.inputs } : {}, ...entry.props ? { props: entry.props } : {} });
   }
   /** Add ONE instance of a manifest entry (repeatable — duplicates are legitimate). */
   addManifestInstance(entry, opts = {}) {
     if (this.destroyed) return;
-    const it = { entry, handle: this.addToChart(entry), ...opts.external ? { external: true } : {} };
+    const values = opts.inputs || opts.props ? { inputs: opts.inputs, props: opts.props } : void 0;
+    const it = { entry, handle: this.addToChart(entry, values), ...opts.external ? { external: true } : {}, ...values ? { values } : {} };
     this.instances.push(it);
     this.deps.onIndicatorsChanged(this.id);
     if (opts.record === false) return;
@@ -5891,7 +5924,7 @@ var ChartCell = class {
     this.history.push({
       undo: () => this.dropInstance(snapshot),
       redo: () => {
-        snapshot.handle = this.addToChart(snapshot.entry);
+        snapshot.handle = this.addToChart(snapshot.entry, snapshot.values);
         this.instances.push(snapshot);
         this.deps.onIndicatorsChanged(this.id);
       }
@@ -5904,7 +5937,7 @@ var ChartCell = class {
     const snapshot = it;
     this.history.push({
       undo: () => {
-        snapshot.handle = this.addToChart(snapshot.entry);
+        snapshot.handle = this.addToChart(snapshot.entry, snapshot.values);
         this.instances.push(snapshot);
         this.deps.onIndicatorsChanged(this.id);
       },
@@ -5914,6 +5947,9 @@ var ChartCell = class {
   dropInstance(it) {
     const idx = this.instances.indexOf(it);
     if (idx >= 0) this.instances.splice(idx, 1);
+    const captured = instanceDeltas(it.handle);
+    if (captured) it.values = captured;
+    else delete it.values;
     try {
       it.handle?.remove();
     } catch {
@@ -5956,9 +5992,13 @@ var ChartCell = class {
       this.deps.onIndicatorsChanged(this.id);
     });
   }
-  addToChart(entry) {
+  addToChart(entry, values) {
     try {
-      return this.inner?.addIndicator(entry.script, entry.language !== void 0 ? { language: entry.language } : void 0) ?? null;
+      return this.inner?.addIndicator(entry.script, {
+        ...entry.language !== void 0 ? { language: entry.language } : {},
+        ...values?.inputs ? { inputs: values.inputs } : {},
+        ...values?.props ? { props: values.props } : {}
+      }) ?? null;
     } catch (err) {
       console.warn(`[vela] indicator "${entry.name}" failed to add:`, err);
       return null;
@@ -6072,7 +6112,10 @@ var ChartCell = class {
       // manifest — their plugin persists them via the `ext` seam instead.
       indicators: indicatorLedger({
         present: this.inner ? this.inner.presentNativeIndicators() : [],
-        instanceNames: this.instances.filter((it) => !it.external).map((it) => it.entry.name),
+        instanceEntries: this.instances.filter((it) => !it.external).map((it) => {
+          const d = it.handle ? instanceDeltas(it.handle) : it.values;
+          return d ? { name: it.entry.name, ...d } : it.entry.name;
+        }),
         pendingManifest: this.pendingManifestNames,
         manifestSettled: this.deps.manifestSettled(),
         volumePending: this.volumeMayBePending && this.volumeIntent

package/dist/{chunk-4KZVZ7QQ.js → chunk-MTLJKZDZ.js}

@@ -5734,6 +5734,14 @@ function inputVisible(when, values) {
   const conds = Array.isArray(when) ? when : [when];
   return conds.every((c) => c.anyOf ? c.anyOf.some((x) => x === values[c.key]) : values[c.key] === c.equals);
 }
+function inputDeltas(schema, values) {
+  const out = {};
+  for (const s of schema) {
+    const v = values[s.key];
+    if (v !== void 0 && JSON.stringify(v) !== JSON.stringify(s.defval)) out[s.key] = v;
+  }
+  return Object.keys(out).length > 0 ? out : void 0;
+}
 
 // src/renderers/native/layers.ts
 function foldBaseModulation(acc, next) {
@@ -6160,4 +6168,4 @@ var SidePanel = class {
   }
 };
 
-export { AnchoredVwap, ArrowMark, Callout, CalloutBase, Comment, DEDEKIND_CURVATURE_OPTIONS, DEFAULT_DRAWING_COLOR, DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, DIRECTION_OPTIONS, DedekindTessellation, Drawing, FibRatios, FibSpiral, FixedRangeVolumeProfile, GANN_SQUARE_ARCS, GLYPH_OPTIONS, GannSquare, GlyphStamp, LINE_STYLE_OPTIONS, MACH_NUMBER_OPTIONS, MACH_WAVE_COUNT_OPTIONS, MachFigure, MeasureBox, Note, OVERRIDABLE_TOPBAR_IDS, PatternDrawing, PositionTool, PriceLabel, PriceNote, RadialFib, RegressionChannel, STAMP_SIZE_OPTIONS, SegmentDrawing, SidePanel, Signpost, TEXT_SIZE_OPTIONS, TOPBAR_BUILTIN_IDS, TOPBAR_DEFAULT_LEFT, TOPBAR_DEFAULT_RIGHT, TextLabel, chartType, chartTypes, clampPanelWidth, createDrawing, deserializeDrawing, drawingTypes, foldBaseModulation, formatDuration, getDrawingType, getNativeIndicator, inputVisible, legendActions, legendActionsProviderFor, legendCallouts, legendCalloutsProviderFor, lineSegmentIntersection, nativeIndicatorDescriptors, nativeIndicatorTypes, normalizeSettingsRow, pinnedTopbarActionIds, registerChartType, registerDefaultEngine, registerDrawingType, registerLegendAction, registerLegendCallout, registerNativeIndicator, registerRendererDefaults, registerRendererLayer, registerSidePanel, registerStatePersistence, registerSymbolRanking, registerWidgetAction, registerWidgetAttachment, rendererDefaults, rendererLayers, resetDrawingSettings, resolveEngines, resolveTopbarComposition, settingsRowValueKeys, settingsRowVisible, sidePanels, statePersistenceHandlers, symbolRanking, tickerModifierIds, topbarActionOverride, topbarHas, unregisterChartType, unregisterDefaultEngine, unregisterLegendAction, unregisterLegendCallout, unregisterNativeIndicator, unregisterRendererDefaults, unregisterRendererLayer, unregisterSidePanel, unregisterStatePersistence, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments };
+export { AnchoredVwap, ArrowMark, Callout, CalloutBase, Comment, DEDEKIND_CURVATURE_OPTIONS, DEFAULT_DRAWING_COLOR, DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, DIRECTION_OPTIONS, DedekindTessellation, Drawing, FibRatios, FibSpiral, FixedRangeVolumeProfile, GANN_SQUARE_ARCS, GLYPH_OPTIONS, GannSquare, GlyphStamp, LINE_STYLE_OPTIONS, MACH_NUMBER_OPTIONS, MACH_WAVE_COUNT_OPTIONS, MachFigure, MeasureBox, Note, OVERRIDABLE_TOPBAR_IDS, PatternDrawing, PositionTool, PriceLabel, PriceNote, RadialFib, RegressionChannel, STAMP_SIZE_OPTIONS, SegmentDrawing, SidePanel, Signpost, TEXT_SIZE_OPTIONS, TOPBAR_BUILTIN_IDS, TOPBAR_DEFAULT_LEFT, TOPBAR_DEFAULT_RIGHT, TextLabel, chartType, chartTypes, clampPanelWidth, createDrawing, deserializeDrawing, drawingTypes, foldBaseModulation, formatDuration, getDrawingType, getNativeIndicator, inputDeltas, inputVisible, legendActions, legendActionsProviderFor, legendCallouts, legendCalloutsProviderFor, lineSegmentIntersection, nativeIndicatorDescriptors, nativeIndicatorTypes, normalizeSettingsRow, pinnedTopbarActionIds, registerChartType, registerDefaultEngine, registerDrawingType, registerLegendAction, registerLegendCallout, registerNativeIndicator, registerRendererDefaults, registerRendererLayer, registerSidePanel, registerStatePersistence, registerSymbolRanking, registerWidgetAction, registerWidgetAttachment, rendererDefaults, rendererLayers, resetDrawingSettings, resolveEngines, resolveTopbarComposition, settingsRowValueKeys, settingsRowVisible, sidePanels, statePersistenceHandlers, symbolRanking, tickerModifierIds, topbarActionOverride, topbarHas, unregisterChartType, unregisterDefaultEngine, unregisterLegendAction, unregisterLegendCallout, unregisterNativeIndicator, unregisterRendererDefaults, unregisterRendererLayer, unregisterSidePanel, unregisterStatePersistence, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments };