@luxalgo/vela 0.6.10 → 0.6.11

package/dist/widget.js

@@ -1,7 +1,7 @@
-import { VelaWorkspace } from './chunk-NMTQXNT4.js';
-export { Bottombar, ChartContextMenu, DataWindow, IndicatorPicker, ObjectTree, PanelDock, RANGE_PRESETS, ShortcutsHelp, Statusline, SymbolPicker, TimeframeQuick, Topbar, Watermark, dataWindowSections, decimalsFor, decodeState, encodeState, filterSymbols, fmtChange, fmtPrice, localStorageAdapter, parseTimeframe, priceStyleLabel, resolveIndicators, sanitizeState, timeframeLabel, timeframeMs } from './chunk-NMTQXNT4.js';
-export { TIMEZONES, normalizeTimezone, tzButtonLabel, tzMenuLabel, tzOffset } from './chunk-FFOP37FQ.js';
-export { DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, OVERRIDABLE_TOPBAR_IDS, SidePanel, TOPBAR_BUILTIN_IDS, TOPBAR_DEFAULT_LEFT, TOPBAR_DEFAULT_RIGHT, clampPanelWidth, pinnedTopbarActionIds, registerSidePanel, registerStatePersistence, registerSymbolRanking, registerWidgetAction, registerWidgetAttachment, resolveTopbarComposition, sidePanels, statePersistenceHandlers, symbolRanking, topbarActionOverride, topbarHas, unregisterSidePanel, unregisterStatePersistence, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments } from './chunk-4KZVZ7QQ.js';
+import { VelaWorkspace } from './chunk-IO3NYSQV.js';
+export { Bottombar, ChartContextMenu, DataWindow, IndicatorPicker, ObjectTree, PanelDock, RANGE_PRESETS, ShortcutsHelp, Statusline, SymbolPicker, TimeframeQuick, Topbar, Watermark, dataWindowSections, decimalsFor, decodeState, encodeState, filterSymbols, fmtChange, fmtPrice, localStorageAdapter, parseTimeframe, priceStyleLabel, resolveIndicators, sanitizeState, timeframeLabel, timeframeMs } from './chunk-IO3NYSQV.js';
+export { TIMEZONES, normalizeTimezone, tzButtonLabel, tzMenuLabel, tzOffset } from './chunk-73PEA4MU.js';
+export { DEFAULT_PANEL_MAX_WIDTH, DEFAULT_PANEL_MIN_WIDTH, DEFAULT_PANEL_ORDER, DEFAULT_PANEL_WIDTH, OVERRIDABLE_TOPBAR_IDS, SidePanel, TOPBAR_BUILTIN_IDS, TOPBAR_DEFAULT_LEFT, TOPBAR_DEFAULT_RIGHT, clampPanelWidth, pinnedTopbarActionIds, registerSidePanel, registerStatePersistence, registerSymbolRanking, registerWidgetAction, registerWidgetAttachment, resolveTopbarComposition, sidePanels, statePersistenceHandlers, symbolRanking, topbarActionOverride, topbarHas, unregisterSidePanel, unregisterStatePersistence, unregisterWidgetAction, unregisterWidgetAttachment, widgetActions, widgetAttachments } from './chunk-MTLJKZDZ.js';
 import './chunk-G77Y7LK2.js';
 import './chunk-MHY7MVXH.js';
 import './chunk-KG4YT3TI.js';

package/dist/workspace.cjs

@@ -16798,11 +16798,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
   };
 }
@@ -17736,7 +17737,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 };
   }
@@ -17935,6 +17946,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 });
   }
@@ -18074,6 +18091,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 {
@@ -18343,6 +18361,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;
@@ -18973,6 +18992,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.
@@ -18986,6 +19014,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. */
@@ -20207,6 +20236,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/shared/IndicatorInputsDialog.ts
 var PROPS_TAB = "Properties";
@@ -23794,6 +23831,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 };
@@ -23924,7 +23962,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;
@@ -24038,7 +24076,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") {
@@ -24059,7 +24097,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);
     };
@@ -24075,6 +24113,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);
@@ -24082,9 +24126,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);
     };
@@ -25566,6 +25609,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;
@@ -25630,7 +25682,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);
     }
@@ -29480,6 +29532,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
@@ -30885,30 +30953,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_SLOP4) {
-      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;
@@ -31285,11 +31362,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;
   }
@@ -31311,7 +31390,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;
@@ -31324,7 +31404,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;
     }
@@ -31342,13 +31423,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;
@@ -31393,6 +31475,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();
@@ -31533,15 +31616,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. */
@@ -31567,6 +31663,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;
@@ -33991,13 +34091,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()
@@ -34312,7 +34412,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) {
@@ -34960,6 +35061,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). */
@@ -34991,6 +35093,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 */);
   }
   /**
@@ -35628,6 +35731,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 };
@@ -37329,6 +37446,7 @@ var TIME_AXIS_H2 = 22;
 var CONTROLS_BOTTOM_PX = TIME_AXIS_H2 + 12;
 var CLUSTER_H2 = 24;
 var CLUSTER_PILL2 = "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_ID26 = "vela-cell-controls";
 var CSS23 = `
 .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;}
@@ -37338,8 +37456,11 @@ var CSS23 = `
 .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_H2 / 2;
   return Math.hypot(x - cx, y - cy) <= proximityPx;
 }
@@ -37358,7 +37479,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;
@@ -37369,7 +37490,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",
@@ -37469,6 +37590,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;
@@ -37709,6 +37840,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;
@@ -37884,6 +38021,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);
@@ -37892,7 +38030,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);
           },
@@ -38281,9 +38419,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;
@@ -38313,9 +38451,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()) {
@@ -38364,12 +38502,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;
@@ -38377,7 +38516,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);
       }
@@ -38390,7 +38529,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);
       },
@@ -38400,6 +38539,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 {
@@ -38442,9 +38584,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;
@@ -38558,7 +38704,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