@forgecharts/sdk 1.1.31 → 1.1.34

package/dist/react/index.js

@@ -97,9 +97,73 @@ function computeTicks(min, max, targetCount) {
   return ticks;
 }
 
+// ../shared/src/time/timeframeRegistry.ts
+function isCalendarTimeframe(key) {
+  return key === "1w" || key === "1M" || key === "3M" || key === "6M" || key === "12M";
+}
+
+// ../shared/src/time/timeUtils.ts
+var MONDAY_EPOCH_OFFSET_MS = 3456e5;
+var WEEK_MS = 6048e5;
+function timeframeToMs(tf) {
+  if (isCalendarTimeframe(tf)) return null;
+  const secs = parseTfSeconds(tf);
+  return secs !== null ? secs * 1e3 : null;
+}
+function parseTfSeconds(tf) {
+  const m = /^(\d+)(s|m|h|d|w|M)$/.exec(tf);
+  if (!m) return null;
+  const n = parseInt(m[1], 10);
+  const unit = m[2];
+  const UNIT_SECONDS = {
+    s: 1,
+    m: 60,
+    h: 3600,
+    d: 86400,
+    w: 604800,
+    M: 2592e3
+  };
+  const unitSec = UNIT_SECONDS[unit];
+  return unitSec !== void 0 ? n * unitSec : null;
+}
+function getBucketStart(timeMs, timeframe) {
+  if (timeframe === "1w") return getWeekBucketStart(timeMs);
+  if (timeframe === "1M") return getMonthBucketStart(timeMs);
+  if (timeframe === "3M") return getQuarterBucketStart(timeMs);
+  if (timeframe === "6M") return getHalfYearBucketStart(timeMs);
+  if (timeframe === "12M") return getYearBucketStart(timeMs);
+  const secs = parseTfSeconds(timeframe);
+  if (secs && secs > 0) return Math.floor(timeMs / (secs * 1e3)) * (secs * 1e3);
+  return Math.floor(timeMs / 6e4) * 6e4;
+}
+function getWeekBucketStart(timeMs) {
+  return Math.floor((timeMs - MONDAY_EPOCH_OFFSET_MS) / WEEK_MS) * WEEK_MS + MONDAY_EPOCH_OFFSET_MS;
+}
+function getMonthBucketStart(timeMs) {
+  const d = new Date(timeMs);
+  return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1);
+}
+function getQuarterBucketStart(timeMs) {
+  const d = new Date(timeMs);
+  const quarterMonth = Math.floor(d.getUTCMonth() / 3) * 3;
+  return Date.UTC(d.getUTCFullYear(), quarterMonth, 1);
+}
+function getHalfYearBucketStart(timeMs) {
+  const d = new Date(timeMs);
+  const halfMonth = d.getUTCMonth() < 6 ? 0 : 6;
+  return Date.UTC(d.getUTCFullYear(), halfMonth, 1);
+}
+function getYearBucketStart(timeMs) {
+  return Date.UTC(new Date(timeMs).getUTCFullYear(), 0, 1);
+}
+
 // ../utils/src/time.ts
+function parseTimeframeSeconds(tf) {
+  return parseTfSeconds(tf);
+}
 function formatTimestampLabel(ts, stepSeconds, tz) {
-  const timeZone = !tz || tz === "exchange" ? "UTC" : tz;
+  const userTZ = !tz || tz === "exchange" ? "UTC" : tz;
+  const timeZone = stepSeconds >= 86400 ? "UTC" : userTZ;
   const d = new Date(ts * 1e3);
   if (stepSeconds < 3600) {
     return new Intl.DateTimeFormat("en-US", {
@@ -130,9 +194,19 @@ function formatTimestampLabel(ts, stepSeconds, tz) {
   );
   const yearStr = new Intl.DateTimeFormat("en-US", { year: "numeric", timeZone }).format(d);
   const monthStr = new Intl.DateTimeFormat("en-US", { month: "short", timeZone }).format(d);
-  if (stepSeconds >= 25 * 86400) {
+  if (stepSeconds >= 182 * 86400) {
     return month === 1 ? yearStr : monthStr;
   }
+  if (stepSeconds <= 3 * 86400) {
+    const dayNum2 = parseInt(
+      new Intl.DateTimeFormat("en-US", { day: "numeric", timeZone }).format(d),
+      10
+    );
+    if (dayNum2 === 1) {
+      return month === 1 ? yearStr : monthStr;
+    }
+    return String(dayNum2);
+  }
   const dayNum = parseInt(
     new Intl.DateTimeFormat("en-US", { day: "numeric", timeZone }).format(d),
     10
@@ -270,6 +344,8 @@ var TimeScale = class {
     return 70;
   }
   _niceTimeStep(rawSeconds) {
+    const minStep = parseTimeframeSeconds(this._activeTimeframe) ?? 1;
+    const effectiveRaw = Math.max(rawSeconds, minStep);
     const nice = [
       1,
       5,
@@ -287,6 +363,10 @@ var TimeScale = class {
       43200,
       86400,
       // 1 day
+      2 * 86400,
+      // 2 days
+      3 * 86400,
+      // 3 days
       7 * 86400,
       // 1 week
       14 * 86400,
@@ -301,9 +381,9 @@ var TimeScale = class {
       // ~1 year
     ];
     for (const s of nice) {
-      if (s >= rawSeconds) return s;
+      if (s >= effectiveRaw) return s;
     }
-    return 365 * 86400 * Math.ceil(rawSeconds / (365 * 86400));
+    return 365 * 86400 * Math.ceil(effectiveRaw / (365 * 86400));
   }
 };
 
@@ -738,17 +818,18 @@ var Crosshair = class {
   }
   /** Formats a Unix timestamp (seconds) as a human-readable date/time string. */
   _formatTime(time) {
-    const timeZone = !this.timezone || this.timezone === "exchange" ? "UTC" : this.timezone;
+    const userTZ = !this.timezone || this.timezone === "exchange" ? "UTC" : this.timezone;
     const d = new Date(time * 1e3);
-    const weekday = d.toLocaleDateString("en-US", { weekday: "short", timeZone });
-    const day = d.toLocaleDateString("en-US", { day: "2-digit", timeZone });
-    const month = d.toLocaleDateString("en-US", { month: "short", timeZone });
-    const year = d.toLocaleDateString("en-US", { year: "2-digit", timeZone });
-    const datePart = `${weekday} ${day} ${month} '${year}`;
     const dailyIntervals = /* @__PURE__ */ new Set(["1d", "2d", "3d", "1w", "2w", "1M", "3M", "6M", "12M"]);
+    const dateZone = dailyIntervals.has(this.interval) ? "UTC" : userTZ;
+    const weekday = d.toLocaleDateString("en-US", { weekday: "short", timeZone: dateZone });
+    const day = d.toLocaleDateString("en-US", { day: "2-digit", timeZone: dateZone });
+    const month = d.toLocaleDateString("en-US", { month: "short", timeZone: dateZone });
+    const year = d.toLocaleDateString("en-US", { year: "2-digit", timeZone: dateZone });
+    const datePart = `${weekday} ${day} ${month} '${year}`;
     if (dailyIntervals.has(this.interval)) return datePart;
-    const hh = d.toLocaleString("en-US", { hour: "2-digit", hour12: false, timeZone });
-    const mm = d.toLocaleString("en-US", { minute: "2-digit", timeZone }).padStart(2, "0");
+    const hh = d.toLocaleString("en-US", { hour: "2-digit", hour12: false, timeZone: userTZ });
+    const mm = d.toLocaleString("en-US", { minute: "2-digit", timeZone: userTZ }).padStart(2, "0");
     return `${datePart}  ${hh}:${mm}`;
   }
 };
@@ -787,12 +868,8 @@ var CandlestickRenderer = class {
     const pixelsPerSecond = visibleSpan > 0 ? plotW / visibleSpan : 1;
     const barPitch = candleInterval > 0 ? candleInterval * pixelsPerSecond : plotW / Math.max(1, plotData.length);
     const minBarWidth = 1;
-    const maxBarWidth = 20;
     const gap = Math.max(1, Math.round(barPitch * 0.15));
-    const barWidth = Math.min(
-      maxBarWidth,
-      Math.max(minBarWidth, Math.floor(barPitch) - gap)
-    );
+    const barWidth = Math.max(minBarWidth, Math.floor(barPitch) - gap);
     const halfBar = Math.max(0.5, barWidth / 2);
     for (const bar of plotData) {
       const x = mapRange(
@@ -1045,6 +1122,8 @@ var InteractionManager = class {
   // ── Hit-test data feeds ───────────────────────────────────────────────────
   _drawings = [];
   _bars = [];
+  /** Overlay indicator polylines for hit-testing. Each entry is an indicator id + its data points. */
+  _indicatorLines = [];
   // ── Mouse state ───────────────────────────────────────────────────────────
   _isDragging = false;
   _dragStartX = 0;
@@ -1061,9 +1140,11 @@ var InteractionManager = class {
   _drawingMode = false;
   /** True when the native cursor should be hidden (crosshair / dot / demonstration). */
   _hideCursor = false;
-  /** Sets cursor style, respecting _hideCursor — 'none' always wins when hiding. */
+  /** Sets cursor style, respecting _hideCursor — axis resize cursors always show
+   * even in crosshair/dot/demonstration mode so the user knows they can drag the axes. */
   _setCursor(style) {
-    this._el.style.cursor = this._hideCursor ? "none" : style;
+    const isAxisCursor = style === "ns-resize" || style === "ew-resize";
+    this._el.style.cursor = this._hideCursor && !isAxisCursor ? "none" : style;
   }
   /** Set when a drawing is committed mid-mousedown; prevents the paired mouseup from auto-selecting it. */
   _suppressNextClick = false;
@@ -1104,6 +1185,13 @@ var InteractionManager = class {
   setBars(bars) {
     this._bars = bars;
   }
+  /**
+   * Provide overlay indicator polylines for proximity hit-testing.
+   * Each line is an indicator id + array of { time, value } points.
+   */
+  setIndicatorLines(lines) {
+    this._indicatorLines = lines;
+  }
   // ─── Selection ────────────────────────────────────────────────────────────
   /** Id of the currently selected drawing, or `null`. */
   get selectedDrawingId() {
@@ -1260,10 +1348,16 @@ var InteractionManager = class {
     if (!this._isDragging) {
       if (x >= this._transform.plotWidth && y < this._transform.plotHeight) {
         this._setCursor("ns-resize");
+      } else if (y >= this._transform.plotHeight) {
+        this._setCursor("ew-resize");
       } else if (hit.kind === "drawingHandle") {
         this._setCursor("grab");
       } else if (hit.kind === "drawing") {
         this._setCursor("grab");
+      } else if (hit.kind === "indicator") {
+        this._setCursor("pointer");
+      } else if (hit.kind === "bar") {
+        this._setCursor("pointer");
       } else {
         this._setCursor("default");
       }
@@ -1401,6 +1495,9 @@ var InteractionManager = class {
     if (hit.kind === "drawing") {
       this._selectedDrawingId = hit.id;
       this._handlers.onSelect?.(x, y, hit);
+    } else if (hit.kind === "indicator") {
+      this._selectedDrawingId = null;
+      this._handlers.onSelect?.(x, y, hit);
     } else if (hit.kind === "bar") {
       this._selectedDrawingId = null;
       this._handlers.onSelect?.(x, y, hit);
@@ -1431,6 +1528,10 @@ var InteractionManager = class {
     if (drawingHit !== null) {
       return { kind: "drawing", id: drawingHit.id, type: drawingHit.type };
     }
+    const indicatorId = this._hitTestIndicators(x, y);
+    if (indicatorId !== null) {
+      return { kind: "indicator", indicatorId };
+    }
     const barHit = this._hitTestBar(x);
     if (barHit !== null) {
       return { kind: "bar", index: barHit.index, bar: barHit.bar };
@@ -1447,6 +1548,34 @@ var InteractionManager = class {
     }
     return -1;
   }
+  _hitTestIndicators(x, y) {
+    const t = this._transform;
+    const { from, to } = t.timeRange;
+    let bestId = null;
+    let bestDist = DRAWING_HIT_PX + 1;
+    for (const line of this._indicatorLines) {
+      const pts = line.points;
+      for (let i = 0; i < pts.length - 1; i++) {
+        const a = pts[i];
+        const b = pts[i + 1];
+        if (a.time < from && b.time < from) continue;
+        if (a.time > to && b.time > to) continue;
+        const dist = this._distPointToSegment(
+          x,
+          y,
+          t.timeToX(a.time),
+          t.priceToY(a.value),
+          t.timeToX(b.time),
+          t.priceToY(b.value)
+        );
+        if (dist < bestDist) {
+          bestDist = dist;
+          bestId = line.id;
+        }
+      }
+    }
+    return bestId;
+  }
   _hitTestDrawings(x, y) {
     let bestId = null;
     let bestType = null;
@@ -1683,26 +1812,14 @@ function rayExit(plotW, plotH, px, py, dx, dy) {
   else if (dy < 0) tMin = Math.min(tMin, -py / dy);
   return tMin === Infinity ? { x: px, y: py } : { x: px + dx * tMin, y: py + dy * tMin };
 }
-var TF_SECS = {
-  "1s": 1,
-  "5s": 5,
-  "10s": 10,
-  "30s": 30,
-  "1m": 60,
-  "3m": 180,
-  "5m": 300,
-  "15m": 900,
-  "30m": 1800,
-  "1h": 3600,
-  "2h": 7200,
-  "4h": 14400,
-  "6h": 21600,
-  "12h": 43200,
-  "1d": 86400,
-  "3d": 259200,
-  "1w": 604800,
-  "1M": 2592e3
-};
+var TF_SECS = new Proxy({}, {
+  get(_t, tf) {
+    return parseTfSeconds(tf) ?? 3600;
+  },
+  has(_t, _tf) {
+    return true;
+  }
+});
 function formatDuration(seconds) {
   if (seconds < 60) return `${seconds}s`;
   if (seconds < 3600) {
@@ -2539,30 +2656,15 @@ var LIGHT_COLORS = {
   border: "#cccccc",
   crosshair: "#000000"
 };
+var _clientToServerOffset = 0;
+var _providerOffset = 0;
+function exchangeNow() {
+  return Date.now() + _clientToServerOffset + _providerOffset;
+}
 
 // src/core/Chart.ts
-var _TF_SECONDS = {
-  "1s": 1,
-  "5s": 5,
-  "10s": 10,
-  "30s": 30,
-  "1m": 60,
-  "3m": 180,
-  "5m": 300,
-  "15m": 900,
-  "30m": 1800,
-  "1h": 3600,
-  "2h": 7200,
-  "4h": 14400,
-  "6h": 21600,
-  "12h": 43200,
-  "1d": 86400,
-  "3d": 259200,
-  "1w": 604800,
-  "1M": 2592e3
-};
 function _tfToSeconds(tf) {
-  return _TF_SECONDS[tf] ?? 3600;
+  return parseTfSeconds(tf) ?? 3600;
 }
 function _formatLastPrice(price) {
   const decimals = price < 1 ? 6 : price < 1e3 ? 4 : 2;
@@ -2575,6 +2677,20 @@ function _formatCountdown(secs) {
   if (h > 0) return `${h}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
   return `${m}:${String(s).padStart(2, "0")}`;
 }
+function _orderRoleLabel(role) {
+  switch (role) {
+    case "stop_loss":
+      return "SL";
+    case "take_profit":
+      return "TP";
+    case "limit":
+      return "LMT";
+    case "stop":
+      return "STP";
+    default:
+      return "";
+  }
+}
 var Chart = class {
   _container;
   _options;
@@ -2583,6 +2699,9 @@ var Chart = class {
   _gridLayer;
   _seriesLayer;
   _overlayLayer;
+  /** Dedicated layer for the crosshair — rendered synchronously on every
+   * mousemove so there is zero rAF-frame lag between the pointer and the cross. */
+  _crosshairLayer;
   _timeScale;
   _priceScale;
   _transform;
@@ -2609,6 +2728,9 @@ var Chart = class {
   _drawingCursorPt = null;
   /** When false the crosshair is suppressed (e.g. Arrow/cursor mode). */
   _crosshairEnabled = true;
+  // ── Trading overlay ───────────────────────────────────────────────────────────
+  /** Current set of order lines supplied by TChart for canvas rendering. */
+  _tradingOrders = [];
   /** Called whenever a drawing is committed (created or updated). */
   onDrawingCommitted;
   /** Called whenever a drawing is deleted. */
@@ -2632,6 +2754,7 @@ var Chart = class {
     this._gridLayer = new CanvasLayer(container, { width, height, dpr, zIndex: 1 });
     this._seriesLayer = new CanvasLayer(container, { width, height, dpr, zIndex: 2 });
     this._overlayLayer = new CanvasLayer(container, { width, height, dpr, zIndex: 3 });
+    this._crosshairLayer = new CanvasLayer(container, { width, height, dpr, zIndex: 4 });
     this._timeScale = new TimeScale(this._gridLayer, this._colors, this._options.timeScale);
     this._priceScale = new PriceScale(this._gridLayer, this._colors, this._options.priceScale);
     this._transform = new CoordTransform(
@@ -2663,19 +2786,20 @@ var Chart = class {
         },
         onCrosshairMove: (x, y) => {
           if (!this._crosshairEnabled) return;
-          const { x: snappedX, time: snappedTime } = this._snapXToBar(x);
+          const { x: snappedX, time: snappedTime } = this.snapXToBar(x);
           this._crosshair.update(snappedX, y, snappedTime);
-          this._dirty = true;
+          this._renderCrosshairNow();
         },
         onCrosshairHide: () => {
           this._crosshair.hide();
-          this._dirty = true;
+          this._renderCrosshairNow();
         },
         onKeyAction: (action) => {
           this._handleKeyAction(action);
         },
         onFitContent: () => {
-          this.scrollToEnd();
+          this.fitDefaultView();
+          this._dirty = true;
         },
         onPriceScaleZoom: (factor, originY) => {
           this._priceScaleManual = true;
@@ -2814,9 +2938,11 @@ var Chart = class {
     this._gridLayer.resize(width, height, dpr);
     this._seriesLayer.resize(width, height, dpr);
     this._overlayLayer.resize(width, height, dpr);
+    this._crosshairLayer.resize(width, height, dpr);
     this._transform.update(width, height);
     this._dirty = true;
     this._render();
+    this._renderCrosshairNow();
   }
   destroy() {
     if (this._animationFrame !== null) cancelAnimationFrame(this._animationFrame);
@@ -2825,6 +2951,7 @@ var Chart = class {
     this._gridLayer.destroy();
     this._seriesLayer.destroy();
     this._overlayLayer.destroy();
+    this._crosshairLayer.destroy();
     this._crosshair.destroy();
     this._plugins.forEach((p) => p.onDetach());
     this._series = [];
@@ -2851,6 +2978,18 @@ var Chart = class {
     this._renderOverlay();
     this._plugins.forEach((p) => p.onRender());
   }
+  /**
+   * Clears and redraws only the crosshair canvas layer.
+   * Called synchronously inside the mousemove handler — bypassing the
+   * dirty-flag / rAF queue — so the crosshair has zero frame lag relative
+   * to the actual pointer position.
+   */
+  _renderCrosshairNow() {
+    const ctx = this._crosshairLayer.context;
+    const { width, height } = this._crosshairLayer;
+    ctx.clearRect(0, 0, width, height);
+    this._crosshair.render(ctx, width, height);
+  }
   _renderGrid() {
     const ctx = this._gridLayer.context;
     const { width, height } = this._gridLayer;
@@ -2884,16 +3023,17 @@ var Chart = class {
     const ctx = this._overlayLayer.context;
     const { width, height } = this._overlayLayer;
     ctx.clearRect(0, 0, width, height);
+    this._renderTradingOrders(ctx);
     const selectedId = this._interaction.selectedDrawingId;
     const candles = this._series[0]?.data() ?? [];
     this._drawingMgr.render(ctx, this._transform, selectedId, this._interval, candles);
     this._interaction.setDrawings(this._drawingMgr.all());
+    this._interaction.setBars(candles);
     if (this._drawingTool !== null && this._drawingCursorPt !== null) {
       const draft = this._buildDraftPreview();
       if (draft) this._drawingMgr.renderPreview(ctx, this._transform, draft, this._interval, candles);
     }
     this._renderLastPriceLine(ctx);
-    this._crosshair.render(ctx, width, height);
   }
   // ─── Private helpers ─────────────────────────────────────────────────────────
   /**
@@ -2901,7 +3041,8 @@ var Chart = class {
    * If no bars are loaded, or the nearest bar is more than SNAP_PX pixels away,
    * returns the original x so the crosshair always renders at the cursor position.
    */
-  _snapXToBar(x) {
+  /** Snap a pixel x-coordinate to the nearest bar center. Public so it can be used by PointerOverlay. */
+  snapXToBar(x) {
     const SNAP_PX = 20;
     let times = null;
     for (const s of this._series) {
@@ -2961,7 +3102,8 @@ var Chart = class {
         this._transform.zoomTime(zf, cx);
         break;
       case "scrollToEnd":
-        this._scrollToLatestBar();
+        this.fitDefaultView();
+        this._dirty = true;
         break;
       case "scrollToStart":
         break;
@@ -3024,12 +3166,11 @@ var Chart = class {
     ctx.stroke();
     ctx.setLineDash([]);
     const tfSecs = _tfToSeconds(this._interval);
-    const now = Math.floor(Date.now() / 1e3);
-    const remaining = lastBar.time + tfSecs - now;
-    const showCd = remaining > 0 && remaining <= tfSecs;
+    const now = Math.floor(exchangeNow() / 1e3);
+    const remaining = tfSecs - now % tfSecs;
     const priceLabel = _formatLastPrice(price);
     const lineH = 15;
-    const boxH = showCd ? lineH * 2 + 1 : lineH;
+    const boxH = lineH * 2 + 1 ;
     const boxY = y - lineH / 2;
     ctx.fillStyle = lineColor;
     ctx.fillRect(plotWidth, boxY, psWidth, boxH);
@@ -3038,13 +3179,57 @@ var Chart = class {
     ctx.textBaseline = "middle";
     ctx.font = "bold 11px system-ui, sans-serif";
     ctx.fillText(priceLabel, plotWidth + 5, boxY + lineH / 2);
-    if (showCd) {
+    {
       ctx.font = "10px system-ui, sans-serif";
       ctx.fillStyle = "rgba(255,255,255,0.85)";
       ctx.fillText(_formatCountdown(remaining), plotWidth + 5, boxY + lineH + 1 + lineH / 2);
     }
     ctx.restore();
   }
+  /** Provides the overlay renderer with the latest order list from TChart. */
+  setTradingOrders(orders) {
+    this._tradingOrders = orders;
+  }
+  /** Renders active order lines above the series but below chart drawings. */
+  _renderTradingOrders(ctx) {
+    if (this._tradingOrders.length === 0) return;
+    const plotWidth = this._transform.plotWidth;
+    const plotHeight = this._transform.plotHeight;
+    const psWidth = this._transform.priceScaleWidth;
+    ctx.save();
+    ctx.font = "bold 10px system-ui, sans-serif";
+    ctx.textBaseline = "middle";
+    ctx.textAlign = "left";
+    for (const order of this._tradingOrders) {
+      if (order.status === "cancelled" || order.status === "rejected" || order.status === "expired" || order.status === "filled") continue;
+      const y = this._transform.priceToY(order.price);
+      if (y < 0 || y > plotHeight) continue;
+      const isBuy = order.side === "buy";
+      const isPending = order.status === "pending";
+      const color = isBuy ? "#26a641" : "#f85149";
+      ctx.beginPath();
+      ctx.strokeStyle = color;
+      ctx.lineWidth = 1;
+      ctx.globalAlpha = isPending ? 0.6 : 1;
+      ctx.setLineDash(isPending ? [4, 4] : []);
+      ctx.moveTo(0, y);
+      ctx.lineTo(plotWidth, y);
+      ctx.stroke();
+      ctx.setLineDash([]);
+      ctx.globalAlpha = 1;
+      const roleLabel = _orderRoleLabel(order.role);
+      const label = roleLabel ? `${roleLabel} ${order.qty}` : `${order.side.toUpperCase()} ${order.qty}`;
+      const lineH = 15;
+      const boxY = y - lineH / 2;
+      ctx.globalAlpha = isPending ? 0.6 : 1;
+      ctx.fillStyle = color;
+      ctx.fillRect(plotWidth, boxY, psWidth, lineH);
+      ctx.globalAlpha = 1;
+      ctx.fillStyle = "#ffffff";
+      ctx.fillText(label, plotWidth + 4, y);
+    }
+    ctx.restore();
+  }
   /** Pans the viewport so the latest bar sits near the right edge. */
   _scrollToLatestBar() {
     let latestTime = -Infinity;
@@ -3075,6 +3260,7 @@ var Chart = class {
     this._priceScale.setVisibleRange(v.priceRange);
     this._priceScaleManual = true;
     this._dirty = true;
+    this.onViewportChanged?.();
   }
   /**
    * Clears the manual-price-scale flag so the price axis returns to auto-fit mode.
@@ -3106,6 +3292,7 @@ var Chart = class {
     });
     this._priceScaleManual = false;
     this._dirty = true;
+    this.onViewportChanged?.();
   }
   // ─── Drawing tool API ──────────────────────────────────────────────────────
   /** Returns the DrawingManager owned by this chart. */
@@ -3159,6 +3346,10 @@ var Chart = class {
   setNativeCursorHidden(hidden) {
     this._interaction.setHideCursor(hidden);
   }
+  /** Feed overlay indicator polylines for hit-testing. */
+  setIndicatorLines(lines) {
+    this._interaction.setIndicatorLines(lines);
+  }
   /** Deletes the currently selected drawing (if any). */
   deleteSelectedDrawing() {
     const id = this._interaction.selectedDrawingId;
@@ -3524,58 +3715,6 @@ var PaneManager = class {
   }
 };
 
-// ../shared/src/time/timeframeRegistry.ts
-var TIMEFRAMES = {
-  // ── Sub-hour ──────────────────────────────────────────────────────────────
-  "1m": { key: "1m", kind: "fixed", ms: 6e4 },
-  "2m": { key: "2m", kind: "fixed", ms: 12e4 },
-  "3m": { key: "3m", kind: "fixed", ms: 18e4 },
-  "4m": { key: "4m", kind: "fixed", ms: 24e4 },
-  "5m": { key: "5m", kind: "fixed", ms: 3e5 },
-  "10m": { key: "10m", kind: "fixed", ms: 6e5 },
-  "15m": { key: "15m", kind: "fixed", ms: 9e5 },
-  "20m": { key: "20m", kind: "fixed", ms: 12e5 },
-  "30m": { key: "30m", kind: "fixed", ms: 18e5 },
-  "45m": { key: "45m", kind: "fixed", ms: 27e5 },
-  // ── Hourly ────────────────────────────────────────────────────────────────
-  "1h": { key: "1h", kind: "fixed", ms: 36e5 },
-  "2h": { key: "2h", kind: "fixed", ms: 72e5 },
-  "4h": { key: "4h", kind: "fixed", ms: 144e5 },
-  "6h": { key: "6h", kind: "fixed", ms: 216e5 },
-  "12h": { key: "12h", kind: "fixed", ms: 432e5 },
-  // ── Daily ─────────────────────────────────────────────────────────────────
-  "1d": { key: "1d", kind: "fixed", ms: 864e5 },
-  "3d": { key: "3d", kind: "fixed", ms: 2592e5 },
-  // ── Calendar — MUST NOT have a fixed ms value ──────────────────────────
-  "1w": { key: "1w", kind: "calendar_week" },
-  "1M": { key: "1M", kind: "calendar_month" }
-};
-
-// ../shared/src/time/timeUtils.ts
-var MONDAY_EPOCH_OFFSET_MS = 3456e5;
-var WEEK_MS = 6048e5;
-function timeframeToMs(tf) {
-  const def = TIMEFRAMES[tf];
-  if (!def || def.kind !== "fixed") return null;
-  return def.ms;
-}
-function getBucketStart(timeMs, timeframe) {
-  const def = TIMEFRAMES[timeframe];
-  if (!def) {
-    return Math.floor(timeMs / 6e4) * 6e4;
-  }
-  if (def.kind === "calendar_week") return getWeekBucketStart(timeMs);
-  if (def.kind === "calendar_month") return getMonthBucketStart(timeMs);
-  return Math.floor(timeMs / def.ms) * def.ms;
-}
-function getWeekBucketStart(timeMs) {
-  return Math.floor((timeMs - MONDAY_EPOCH_OFFSET_MS) / WEEK_MS) * WEEK_MS + MONDAY_EPOCH_OFFSET_MS;
-}
-function getMonthBucketStart(timeMs) {
-  const d = new Date(timeMs);
-  return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1);
-}
-
 // src/engine/timeframeUtils.ts
 function timeframeToMs2(timeframe) {
   return timeframeToMs(timeframe) ?? 6e4;
@@ -3926,51 +4065,12 @@ var CandleEngine = class {
 function toOHLCV(bar) {
   return { time: bar.time, open: bar.open, high: bar.high, low: bar.low, close: bar.close, volume: bar.volume };
 }
-var HISTORY_WINDOWS = {
-  // Sub-hour: small display window; DB fills 12 months in background for scrollback.
-  "1m": 3 * 24 * 3600,
-  //   3 days  → ~4 320 bars
-  "3m": 7 * 24 * 3600,
-  //   7 days  → ~3 360 bars
-  "5m": 10 * 24 * 3600,
-  //  10 days  → ~2 880 bars
-  "15m": 30 * 24 * 3600,
-  //  30 days  → ~2 880 bars
-  "30m": 60 * 24 * 3600,
-  //  60 days  → ~2 880 bars
-  "1h": 90 * 24 * 3600,
-  //  90 days  → ~2 160 bars
-  // 4h and above: 12 months — bar counts are small enough to load in full.
-  "2h": 365 * 86400,
-  // 12 months → ~4 380 bars
-  "4h": 365 * 86400,
-  // 12 months → ~2 190 bars
-  "6h": 365 * 86400,
-  // 12 months → ~1 460 bars
-  "12h": 365 * 86400,
-  // 12 months →   ~730 bars
-  "1d": 365 * 86400,
-  // 12 months →   ~365 bars
-  "3d": 365 * 86400,
-  // 12 months →   ~122 bars
-  "1w": 365 * 86400,
-  // 12 months →    ~52 bars
-  "1M": 365 * 86400
-  // 12 months →    ~12 bars
-};
-var DEFAULT_HISTORY_WINDOW = 90 * 24 * 3600;
-var PAGE_SIZES = {
-  "1m": 500 * 60,
-  "5m": 500 * 300,
-  "15m": 500 * 900,
-  "30m": 500 * 1800,
-  "1h": 500 * 3600,
-  "4h": 500 * 4 * 3600,
-  "1d": 500 * 86400,
-  "1w": 500 * 7 * 86400,
-  "1M": 500 * 30 * 86400
-};
-var DEFAULT_PAGE_SIZE = 500 * 3600;
+function _historyWindow(tf) {
+  return 500 * (parseTfSeconds(tf) ?? 3600);
+}
+function _pageSize(tf) {
+  return 500 * (parseTfSeconds(tf) ?? 3600);
+}
 var _uidCounter = 0;
 var DatafeedConnector = class {
   _datafeed;
@@ -4000,12 +4100,13 @@ var DatafeedConnector = class {
    */
   connect(symbol, timeframe) {
     if (this._destroyed) return;
+    if (!symbol) return;
     this._cancelActive();
     const uid = `forgecharts-${symbol}-${timeframe}-${++_uidCounter}`;
     this._activeUID = uid;
     this._cb.onLoading(symbol, timeframe);
     const to = Math.floor(Date.now() / 1e3);
-    const from = to - (HISTORY_WINDOWS[timeframe] ?? DEFAULT_HISTORY_WINDOW);
+    const from = to - _historyWindow(timeframe);
     const engine = new CandleEngine({
       // Every live tick mutates the engine's bar array and the chart series.
       onBarUpdated: (bar) => {
@@ -4092,7 +4193,7 @@ var DatafeedConnector = class {
     if (!oldest) return;
     const uid = this._activeUID;
     const to = Math.floor(oldest.timeMs / 1e3);
-    const page = PAGE_SIZES[timeframe] ?? DEFAULT_PAGE_SIZE;
+    const page = _pageSize(timeframe);
     const from = to - page;
     this._isLoadingMore = true;
     this._datafeed.getHistoricalBars(symbol, timeframe, from, to - 1).then(({ bars }) => {
@@ -4337,6 +4438,9 @@ var LicenseManager = class _LicenseManager {
   }
 };
 
+// src/licensing/licenseTypes.ts
+var TRADING_TIERS = /* @__PURE__ */ new Set(["trading", "dom"]);
+
 // src/licensing/ChartRuntimeResolver.ts
 var ChartRuntimeResolver = class _ChartRuntimeResolver {
   static instance = null;
@@ -4388,33 +4492,45 @@ var ChartRuntimeResolver = class _ChartRuntimeResolver {
   /**
    * Built-in order entry UI hooks.
    * Requires managed mode AND the `orderEntry` feature flag (or no flag restriction).
+   * When a tier is present on the license, the tier must be 'trading' or 'dom'.
    */
   canUseOrderEntry() {
     if (this.isUnmanagedMode()) return false;
+    const tier = this.lm.getLicense()?.tier;
+    if (tier && !TRADING_TIERS.has(tier)) return false;
     return this.#featureOrDefault("orderEntry", true);
   }
   /**
    * Managed trading service hooks (broker execution, position management).
    * Requires managed mode AND the `managedTrading` feature flag (or no flag restriction).
+   * When a tier is present on the license, the tier must be 'trading' or 'dom'.
    */
   canUseManagedTrading() {
     if (this.isUnmanagedMode()) return false;
+    const tier = this.lm.getLicense()?.tier;
+    if (tier && !TRADING_TIERS.has(tier)) return false;
     return this.#featureOrDefault("managedTrading", true);
   }
   /**
    * Drag-to-price order placement.
    * Requires managed mode AND the `draggableOrders` feature flag (or no flag restriction).
+   * When a tier is present on the license, the tier must be 'trading' or 'dom'.
    */
   canUseDraggableOrders() {
     if (this.isUnmanagedMode()) return false;
+    const tier = this.lm.getLicense()?.tier;
+    if (tier && !TRADING_TIERS.has(tier)) return false;
     return this.#featureOrDefault("draggableOrders", true);
   }
   /**
    * Bracket / OCO order support.
    * Requires managed mode AND the `bracketOrders` feature flag (or no flag restriction).
+   * When a tier is present on the license, the tier must be 'trading' or 'dom'.
    */
   canUseBracketOrders() {
     if (this.isUnmanagedMode()) return false;
+    const tier = this.lm.getLicense()?.tier;
+    if (tier && !TRADING_TIERS.has(tier)) return false;
     return this.#featureOrDefault("bracketOrders", true);
   }
   // ── UI render capability checks ──────────────────────────────────────────────
@@ -4872,26 +4988,6 @@ var ManagedTradingController = class {
 };
 
 // src/api/TChart.ts
-var _TF_SECS = {
-  "1s": 1,
-  "5s": 5,
-  "10s": 10,
-  "30s": 30,
-  "1m": 60,
-  "3m": 180,
-  "5m": 300,
-  "15m": 900,
-  "30m": 1800,
-  "1h": 3600,
-  "2h": 7200,
-  "4h": 14400,
-  "6h": 21600,
-  "12h": 43200,
-  "1d": 86400,
-  "3d": 259200,
-  "1w": 604800,
-  "1M": 2592e3
-};
 var TChart = class {
   _core;
   _bus;
@@ -4969,9 +5065,14 @@ var TChart = class {
     };
     this._series = this._core.addSeries({ type: "candlestick" });
     this._core.setInterval(this._interval);
+    this._core.setTradingOrders(this._overlayStore.getOrders());
+    this._overlayStore.onChange(() => {
+      this._core.setTradingOrders(this._overlayStore.getOrders());
+      this._core.markDirty();
+    });
     if (config.datafeed !== void 0) {
       this._connector = this._buildConnector(config.datafeed);
-      this._connector.connect(this._symbol, this._interval);
+      if (this._symbol) this._connector.connect(this._symbol, this._interval);
     }
     this._core.onViewportChanged = () => {
       const connector = this._connector;
@@ -4979,9 +5080,9 @@ var TChart = class {
       const bars = this._series.data();
       if (bars.length === 0) return;
       const oldestBarTime = bars[0].time;
-      const { from } = this._core.getViewport().timeRange;
-      const tfSec = _TF_SECS[this._interval] ?? 3600;
-      if (from < oldestBarTime + tfSec * 30) {
+      const { from, to } = this._core.getViewport().timeRange;
+      const visibleSpan = to - from;
+      if (from <= oldestBarTime + visibleSpan * 0.75) {
         connector.loadMoreHistory(this._symbol, this._interval);
       }
     };
@@ -5063,7 +5164,7 @@ var TChart = class {
     if (symbol === this._symbol) return;
     this._symbol = symbol;
     this._bus.emit("symbolChanged", { symbol });
-    this._connector?.reconnect(symbol, this._interval);
+    if (symbol) this._connector?.reconnect(symbol, this._interval);
   }
   /**
    * Changes the active interval.
@@ -5238,6 +5339,16 @@ var TChart = class {
     this._assertAlive();
     this._core.setNativeCursorHidden(hidden);
   }
+  /** Feed overlay indicator polylines for hit-testing. */
+  setIndicatorLines(lines) {
+    this._assertAlive();
+    this._core.setIndicatorLines(lines);
+  }
+  /** Snap a pixel x-coordinate to the nearest bar center (for pointer overlay snapping). */
+  snapXToBar(x) {
+    this._assertAlive();
+    return this._core.snapXToBar(x);
+  }
   /** Deletes the currently selected drawing (if any). */
   deleteSelectedDrawing() {
     this._assertAlive();
@@ -5710,7 +5821,7 @@ function computeWMAFromSeries(input, period) {
   return result;
 }
 
-// src/tscript/series.ts
+// src/forgescript/series.ts
 var Series2 = class {
   _buf;
   _cap;
@@ -5776,6 +5887,51 @@ var Lexer = class {
     this._src = src;
   }
   tokenize() {
+    const raw = this._rawTokenize();
+    return this._injectIndents(raw);
+  }
+  // ─── INDENT/DEDENT injection ──────────────────────────────────────────────
+  /** After each NEWLINE, inject INDENT/DEDENT tokens based on the indentation
+   *  of the following non-blank line. Enables indented if/else blocks. */
+  _injectIndents(raw) {
+    const out = [];
+    const indentStack = [0];
+    let i = 0;
+    while (i < raw.length) {
+      const tok = raw[i];
+      if (tok.kind !== "NEWLINE") {
+        out.push(tok);
+        i++;
+        continue;
+      }
+      out.push(tok);
+      i++;
+      while (i < raw.length && raw[i].kind === "NEWLINE") {
+        out.push(raw[i]);
+        i++;
+      }
+      if (i >= raw.length || raw[i].kind === "EOF") break;
+      const nextTok = raw[i];
+      const spaces = nextTok.col - 1;
+      const currentIndent = indentStack[indentStack.length - 1];
+      if (spaces > currentIndent) {
+        indentStack.push(spaces);
+        out.push({ kind: "INDENT", value: "", line: nextTok.line, col: 1 });
+      } else {
+        while (spaces < indentStack[indentStack.length - 1]) {
+          indentStack.pop();
+          out.push({ kind: "DEDENT", value: "", line: nextTok.line, col: 1 });
+        }
+      }
+    }
+    while (indentStack.length > 1) {
+      indentStack.pop();
+      out.push({ kind: "DEDENT", value: "", line: 0, col: 0 });
+    }
+    out.push({ kind: "EOF", value: "", line: this._line, col: this._col });
+    return out;
+  }
+  _rawTokenize() {
     const tokens = [];
     while (this._pos < this._src.length) {
       this._skipWhitespaceAndComments();
@@ -5800,7 +5956,23 @@ var Lexer = class {
         tokens.push(this._readIdent());
         continue;
       }
+      if (ch === "#") {
+        tokens.push(this._readColor());
+        continue;
+      }
       const two = this._src.slice(this._pos, this._pos + 2);
+      if (two === ":=") {
+        tokens.push(this._make("COLONEQ", two));
+        this._pos += 2;
+        this._col += 2;
+        continue;
+      }
+      if (two === "=>") {
+        tokens.push(this._make("ARROW", two));
+        this._pos += 2;
+        this._col += 2;
+        continue;
+      }
       if (two === "<=") {
         tokens.push(this._make("LTE", two));
         this._pos += 2;
@@ -5835,6 +6007,7 @@ var Lexer = class {
         ">": "GT",
         "?": "QMARK",
         ":": "COLON",
+        ".": "DOT",
         "(": "LPAREN",
         ")": "RPAREN",
         "[": "LBRACKET",
@@ -5848,7 +6021,7 @@ var Lexer = class {
         this._col++;
         continue;
       }
-      throw new SyntaxError(`[TScript] Unexpected character '${ch}' at ${this._line}:${this._col}`);
+      throw new SyntaxError(`[ForgeScript] Unexpected character '${ch}' at ${this._line}:${this._col}`);
     }
     tokens.push(this._make("EOF", ""));
     return tokens;
@@ -5931,14 +6104,31 @@ var Lexer = class {
     }
     return { kind: "IDENT", value: name, line: this._line, col: startCol };
   }
+  _readColor() {
+    const startCol = this._col;
+    this._pos++;
+    this._col++;
+    let hex = "#";
+    while (this._pos < this._src.length && this._isHex(this._src[this._pos])) {
+      hex += this._src[this._pos];
+      this._pos++;
+      this._col++;
+    }
+    if (hex.length !== 4 && hex.length !== 7 && hex.length !== 9) {
+      throw new SyntaxError(`[ForgeScript] Invalid color literal '${hex}' at ${this._line}:${startCol}`);
+    }
+    return { kind: "COLOR", value: hex, line: this._line, col: startCol };
+  }
+  _isHex(ch) {
+    return ch >= "0" && ch <= "9" || ch >= "a" && ch <= "f" || ch >= "A" && ch <= "F";
+  }
 };
 
-// src/tscript/parser.ts
+// src/forgescript/parser.ts
 var Parser = class {
   _tokens;
   _pos = 0;
   constructor(src) {
-    this._tokens = new Lexer(src).tokenize().filter((t) => t.kind !== "NEWLINE" || this._isStatementBoundary(t));
     this._tokens = this._collapseNewlines(new Lexer(src).tokenize());
   }
   parse() {
@@ -5952,21 +6142,83 @@ var Parser = class {
   }
   // ─── Statements ─────────────────────────────────────────────────────────────
   _stmt() {
+    if (this._checkIdent("if")) {
+      return this._ifStmt();
+    }
+    if (this._checkIdent("while")) {
+      return this._whileStmt();
+    }
+    if (this._checkIdent("for")) {
+      return this._forStmt();
+    }
+    if (this._checkIdent("var") || this._checkIdent("varip")) {
+      return this._varDeclStmt();
+    }
     if (this._checkIdent("indicator")) {
       return this._indicatorDecl();
     }
+    if (this._check("IDENT") && this._peekKind(1) === "LPAREN" && this._isFnDecl()) {
+      return this._fnDeclStmt();
+    }
     if (this._check("IDENT") && this._peekKind(1) === "EQ") {
       return this._assign();
     }
+    if (this._check("IDENT") && this._peekKind(1) === "COLONEQ") {
+      return this._reassign();
+    }
     return this._exprStmt();
   }
   _indicatorDecl() {
     this._consumeIdent("indicator");
     this._consume("LPAREN", "Expected '(' after 'indicator'");
     const title = this._consume("STRING", "Expected string title in indicator()").value;
-    this._consume("RPAREN", "Expected ')' after indicator title");
+    const namedArgs = /* @__PURE__ */ new Map();
+    while (this._match("COMMA")) {
+      if (this._check("IDENT") && this._peekKind(1) === "EQ") {
+        const key = this._consume("IDENT", "Expected named arg").value;
+        this._consume("EQ", "Expected '='");
+        namedArgs.set(key, this._expr());
+      } else {
+        this._expr();
+      }
+    }
+    this._consume("RPAREN", "Expected ')' after indicator args");
     this._consumeNewlineOrEOF();
-    return { kind: "IndicatorDecl", title };
+    return { kind: "IndicatorDecl", title, namedArgs };
+  }
+  _varDeclStmt() {
+    const modifier = this._consume("IDENT", "Expected 'var' or 'varip'").value;
+    if (this._check("IDENT") && this._peekKind(1) === "IDENT") {
+      this._advance();
+    }
+    const name = this._consume("IDENT", "Expected variable name after var/varip").value;
+    this._consume("EQ", "Expected '=' in var declaration");
+    const value = this._expr();
+    this._consumeNewlineOrEOF();
+    return { kind: "VarDeclStmt", modifier, name, value };
+  }
+  _reassign() {
+    const name = this._consume("IDENT", "Expected identifier").value;
+    this._consume("COLONEQ", "Expected ':='");
+    const value = this._expr();
+    this._consumeNewlineOrEOF();
+    return { kind: "ReassignStmt", name, value };
+  }
+  _forStmt() {
+    this._consumeIdent("for");
+    const name = this._consume("IDENT", "Expected loop variable after 'for'").value;
+    this._consume("EQ", "Expected '=' after loop variable");
+    const start = this._expr();
+    this._consumeIdent("to");
+    const end = this._expr();
+    let step = null;
+    if (this._checkIdent("by")) {
+      this._advance();
+      step = this._expr();
+    }
+    this._consumeNewlineOrEOF();
+    const body = this._indentedBlock();
+    return { kind: "ForStmt", name, start, end, step, body };
   }
   _assign() {
     const name = this._consume("IDENT", "Expected identifier").value;
@@ -5980,6 +6232,75 @@ var Parser = class {
     this._consumeNewlineOrEOF();
     return { kind: "ExprStmt", expr };
   }
+  _ifStmt() {
+    this._consumeIdent("if");
+    const condition = this._expr();
+    this._consumeNewlineOrEOF();
+    const then = this._indentedBlock();
+    let else_ = [];
+    if (this._checkIdent("else")) {
+      this._advance();
+      this._consumeNewlineOrEOF();
+      else_ = this._indentedBlock();
+    }
+    return { kind: "IfStmt", condition, then, else_ };
+  }
+  _whileStmt() {
+    this._consumeIdent("while");
+    const condition = this._expr();
+    this._consumeNewlineOrEOF();
+    const body = this._indentedBlock();
+    return { kind: "WhileStmt", condition, body };
+  }
+  /** Lookahead: is this IDENT '(' ... ')' '=>'? Scans without consuming. */
+  _isFnDecl() {
+    let depth = 0;
+    let i = this._pos + 1;
+    while (i < this._tokens.length) {
+      const k = this._tokens[i].kind;
+      if (k === "LPAREN") depth++;
+      else if (k === "RPAREN") {
+        depth--;
+        if (depth === 0) break;
+      } else if (k === "EOF" || k === "NEWLINE") return false;
+      i++;
+    }
+    return i + 1 < this._tokens.length && this._tokens[i + 1].kind === "ARROW";
+  }
+  /** Parse: name(p1, p2, ...) => expr  OR  name(p1, p2, ...) =>\n  block */
+  _fnDeclStmt() {
+    const name = this._consume("IDENT", "Expected function name").value;
+    this._consume("LPAREN", "Expected '(' after function name");
+    const params = [];
+    if (!this._check("RPAREN")) {
+      params.push(this._consume("IDENT", "Expected parameter name").value);
+      while (this._match("COMMA")) {
+        params.push(this._consume("IDENT", "Expected parameter name").value);
+      }
+    }
+    this._consume("RPAREN", "Expected ')' after parameters");
+    this._consume("ARROW", "Expected '=>'");
+    if (this._check("NEWLINE") || this._check("EOF")) {
+      this._consumeNewlineOrEOF();
+      const body = this._indentedBlock();
+      return { kind: "FnDeclStmt", name, params, body };
+    }
+    const expr = this._expr();
+    this._consumeNewlineOrEOF();
+    return { kind: "FnDeclStmt", name, params, body: [{ kind: "ExprStmt", expr }] };
+  }
+  _indentedBlock() {
+    const stmts = [];
+    if (!this._check("INDENT")) return stmts;
+    this._advance();
+    this._skipNewlines();
+    while (!this._check("DEDENT") && !this._check("EOF")) {
+      stmts.push(this._stmt());
+      this._skipNewlines();
+    }
+    if (this._check("DEDENT")) this._advance();
+    return stmts;
+  }
   // ─── Expressions ────────────────────────────────────────────────────────────
   _expr() {
     return this._ternary();
@@ -6114,11 +6435,19 @@ var Parser = class {
       const node = { kind: "BoolLit", value: tok.value === "true" };
       return node;
     }
+    if (tok.kind === "COLOR") {
+      this._advance();
+      const node = { kind: "ColorLit", value: tok.value };
+      return node;
+    }
     if (tok.kind === "IDENT" && tok.value === "na") {
       this._advance();
       const node = { kind: "NumberLit", value: NaN };
       return node;
     }
+    if (tok.kind === "IDENT" && this._peekKind(1) === "DOT") {
+      return this._nsCallOrMember();
+    }
     if (tok.kind === "IDENT" && this._peekKind(1) === "LPAREN") {
       return this._callExpr();
     }
@@ -6141,21 +6470,57 @@ var Parser = class {
       return inner;
     }
     throw new SyntaxError(
-      `[TScript] Unexpected token '${tok.value}' (${tok.kind}) at ${tok.line}:${tok.col}`
+      `[ForgeScript] Unexpected token '${tok.value}' (${tok.kind}) at ${tok.line}:${tok.col}`
     );
   }
+  /** Parse IDENT.IDENT or IDENT.IDENT(args) */
+  _nsCallOrMember() {
+    const ns = this._consume("IDENT", "Expected namespace").value;
+    this._consume("DOT", "Expected '.'");
+    const member = this._consume("IDENT", "Expected member name").value;
+    if (this._check("LPAREN")) {
+      this._advance();
+      const { posArgs, namedArgs } = this._argList();
+      this._consume("RPAREN", "Expected ')'");
+      const node2 = { kind: "NsCallExpr", namespace: ns, fn: member, args: posArgs, namedArgs };
+      return node2;
+    }
+    let node = { kind: "MemberExpr", object: ns, prop: member };
+    while (this._check("LBRACKET")) {
+      this._advance();
+      const index = this._expr();
+      this._consume("RBRACKET", "Expected ']'");
+      const indexNode = { kind: "IndexExpr", series: node, index };
+      node = indexNode;
+    }
+    return node;
+  }
   _callExpr() {
     const callee = this._consume("IDENT", "Expected function name").value;
     this._consume("LPAREN", "Expected '('");
-    const args = [];
-    if (!this._check("RPAREN")) {
-      args.push(this._expr());
-      while (this._match("COMMA")) {
-        args.push(this._expr());
+    const { posArgs, namedArgs } = this._argList();
+    this._consume("RPAREN", "Expected ')'");
+    return { kind: "CallExpr", callee, args: posArgs, namedArgs };
+  }
+  /** Parse a mixed positional + named argument list. */
+  _argList() {
+    const posArgs = [];
+    const namedArgs = /* @__PURE__ */ new Map();
+    if (this._check("RPAREN")) return { posArgs, namedArgs };
+    const parseArg = () => {
+      if (this._check("IDENT") && this._peekKind(1) === "EQ") {
+        const key = this._consume("IDENT", "Expected named arg").value;
+        this._consume("EQ", "Expected '='");
+        namedArgs.set(key, this._expr());
+      } else {
+        posArgs.push(this._expr());
       }
+    };
+    parseArg();
+    while (this._match("COMMA")) {
+      parseArg();
     }
-    this._consume("RPAREN", "Expected ')'");
-    return { kind: "CallExpr", callee, args };
+    return { posArgs, namedArgs };
   }
   // ─── Utility helpers ────────────────────────────────────────────────────────
   _binop(op, left, right) {
@@ -6187,12 +6552,12 @@ var Parser = class {
   _consume(kind, msg) {
     if (this._check(kind)) return this._advance();
     const t = this._current();
-    throw new SyntaxError(`[TScript] ${msg} \u2014 got '${t.value}' at ${t.line}:${t.col}`);
+    throw new SyntaxError(`[ForgeScript] ${msg} \u2014 got '${t.value}' at ${t.line}:${t.col}`);
   }
   _consumeIdent(name) {
     if (this._checkIdent(name)) return this._advance();
     const t = this._current();
-    throw new SyntaxError(`[TScript] Expected '${name}' \u2014 got '${t.value}' at ${t.line}:${t.col}`);
+    throw new SyntaxError(`[ForgeScript] Expected '${name}' \u2014 got '${t.value}' at ${t.line}:${t.col}`);
   }
   _consumeNewlineOrEOF() {
     if (this._check("NEWLINE") || this._check("EOF")) {
@@ -6222,12 +6587,52 @@ var Parser = class {
   }
 };
 
-// src/tscript/runtime.ts
+// src/forgescript/runtime.ts
+var TArray = class _TArray {
+  items;
+  constructor(items = []) {
+    this.items = items;
+  }
+  size() {
+    return this.items.length;
+  }
+  get(i) {
+    return i >= 0 && i < this.items.length ? this.items[i] : NaN;
+  }
+  set(i, v) {
+    if (i >= 0 && i < this.items.length) this.items[i] = v;
+  }
+  push(v) {
+    this.items.push(v);
+  }
+  pop() {
+    return this.items.length > 0 ? this.items.pop() : NaN;
+  }
+  remove(i) {
+    if (i < 0 || i >= this.items.length) return NaN;
+    return this.items.splice(i, 1)[0];
+  }
+  clear() {
+    this.items.length = 0;
+  }
+  includes(v) {
+    return this.items.includes(v);
+  }
+  indexOf(v) {
+    return this.items.indexOf(v);
+  }
+  slice(start, end) {
+    return new _TArray(this.items.slice(start, end));
+  }
+  join(sep) {
+    return this.items.map(String).join(sep);
+  }
+};
 function _num(v, ctx) {
   if (v instanceof Series2) return v.value;
   if (typeof v === "number") return v;
   if (typeof v === "boolean") return v ? 1 : 0;
-  throw new TypeError(`[TScript] ${ctx}: expected number, got ${typeof v}`);
+  throw new TypeError(`[ForgeScript] ${ctx}: expected number, got ${typeof v}`);
 }
 function _bool(v) {
   if (v instanceof Series2) return !isNaN(v.value) && v.value !== 0;
@@ -6235,11 +6640,31 @@ function _bool(v) {
   if (typeof v === "boolean") return v;
   return Boolean(v);
 }
-var TScriptRuntime = class {
+var ForgeScriptRuntime = class _ForgeScriptRuntime {
   _program;
   _scope = /* @__PURE__ */ new Map();
   _plotSeries = [];
   // one entry per plot() call order
+  _plotMetas = [];
+  _hlines = [];
+  _fills = [];
+  _bgcolors = [];
+  _barcolors = [];
+  _shapes = [];
+  _tables = [];
+  _functions = /* @__PURE__ */ new Map();
+  /** Tracks which vars have been initialized (for var/varip init-once semantics). */
+  _varInitialized = /* @__PURE__ */ new Set();
+  /** varip variables update intra-bar; we track their names to handle them differently. */
+  _varipNames = /* @__PURE__ */ new Set();
+  /** Current bar index for use in output functions. */
+  _barIndex = 0;
+  /** Total number of bars in the current run (for barstate). */
+  _totalBars = 0;
+  /** Current bar for output timestamp. */
+  _currentBar = null;
+  /** Whether this indicator is an overlay. */
+  _overlay = false;
   // Public metadata set by indicator() declaration
   title = "Script";
   constructor(src) {
@@ -6247,6 +6672,8 @@ var TScriptRuntime = class {
     for (const stmt of this._program.stmts) {
       if (stmt.kind === "IndicatorDecl") {
         this.title = stmt.title;
+        const ov = stmt.namedArgs.get("overlay");
+        if (ov && ov.kind === "BoolLit") this._overlay = ov.value;
         break;
       }
     }
@@ -6261,6 +6688,8 @@ var TScriptRuntime = class {
    * @returns the current values of all `plot()` series after this bar.
    */
   execBar(bar, barIndex) {
+    this._currentBar = bar;
+    this._barIndex = barIndex;
     this._pushBuiltin("open", bar.open);
     this._pushBuiltin("high", bar.high);
     this._pushBuiltin("low", bar.low);
@@ -6283,11 +6712,16 @@ var TScriptRuntime = class {
    */
   run(bars) {
     this.reset();
+    this._totalBars = bars.length;
     for (let i = 0; i < bars.length; i++) {
       this.execBar(bars[i], i);
     }
     return this.getPlots(bars);
   }
+  /** Set total bar count for barstate properties (call before execBar loop). */
+  setTotalBars(n) {
+    this._totalBars = n;
+  }
   /**
    * Snapshot the current plot series as IndicatorPoint arrays.
    * Must be called after `run()` or after the last `execBar()`.
@@ -6303,6 +6737,21 @@ var TScriptRuntime = class {
       })).filter((p) => !isNaN(p.value));
     });
   }
+  /** Return the full script result including all output types. */
+  getResult(bars) {
+    return {
+      title: this.title,
+      plots: this.getPlots(bars),
+      plotMetas: this._plotMetas,
+      hlines: this._hlines,
+      fills: this._fills,
+      bgcolors: this._bgcolors,
+      barcolors: this._barcolors,
+      shapes: this._shapes,
+      tables: this._tables,
+      overlay: this._overlay
+    };
+  }
   /** Reset all persistent series state (call on symbol/timeframe change). */
   reset() {
     for (const v of this._scope.values()) {
@@ -6310,6 +6759,17 @@ var TScriptRuntime = class {
     }
     for (const s of this._plotSeries) s.reset();
     this._plotIdx = 0;
+    this._varInitialized.clear();
+    this._internalState.clear();
+    this._hlines.length = 0;
+    this._fills.length = 0;
+    this._bgcolors.length = 0;
+    this._barcolors.length = 0;
+    this._shapes.length = 0;
+    this._tables.length = 0;
+    this._plotMetas.length = 0;
+    this._functions.clear();
+    this._tableCounter = 0;
   }
   // ─── Private: statement execution ───────────────────────────────────────────
   _execStmt(stmt) {
@@ -6317,20 +6777,67 @@ var TScriptRuntime = class {
       case "IndicatorDecl":
         break;
       // handled at construction
+      case "VarDeclStmt":
+        this._execVarDecl(stmt);
+        break;
       case "AssignStmt":
         this._execAssign(stmt);
         break;
+      case "ReassignStmt":
+        this._execReassign(stmt);
+        break;
       case "ExprStmt":
         this._evalExpr(stmt.expr);
         break;
+      case "IfStmt":
+        this._execIf(stmt);
+        break;
+      case "WhileStmt":
+        this._execWhile(stmt);
+        break;
+      case "ForStmt":
+        this._execFor(stmt);
+        break;
+      case "FnDeclStmt":
+        this._functions.set(stmt.name, stmt);
+        break;
     }
   }
-  _execAssign(stmt) {
-    const rhs = this._evalExpr(stmt.value);
-    const existing = this._scope.get(stmt.name);
-    if (existing instanceof Series2) {
-      existing.push(_num(rhs, `assignment to '${stmt.name}'`));
-    } else {
+  _execIf(stmt) {
+    const branch = _bool(this._evalExpr(stmt.condition)) ? stmt.then : stmt.else_;
+    for (const s of branch) this._execStmt(s);
+  }
+  _execWhile(stmt) {
+    const MAX_ITER = 1e4;
+    let count = 0;
+    while (_bool(this._evalExpr(stmt.condition))) {
+      if (++count > MAX_ITER) {
+        throw new RangeError("[ForgeScript] while loop exceeded 10,000 iterations \u2014 possible infinite loop");
+      }
+      for (const s of stmt.body) this._execStmt(s);
+    }
+  }
+  _execFor(stmt) {
+    const startVal = _num(this._evalExpr(stmt.start), "for start");
+    const endVal = _num(this._evalExpr(stmt.end), "for end");
+    const stepVal = stmt.step ? _num(this._evalExpr(stmt.step), "for step") : 1;
+    if (stepVal === 0) throw new RangeError("[ForgeScript] for loop step cannot be 0");
+    const MAX_ITER = 1e5;
+    let count = 0;
+    for (let i = startVal; stepVal > 0 ? i <= endVal : i >= endVal; i += stepVal) {
+      if (++count > MAX_ITER) {
+        throw new RangeError("[ForgeScript] for loop exceeded 100,000 iterations");
+      }
+      this._scope.set(stmt.name, i);
+      for (const s of stmt.body) this._execStmt(s);
+    }
+  }
+  /** var / varip — only initialize on the first bar (bar_index 0). */
+  _execVarDecl(stmt) {
+    if (stmt.modifier === "varip") this._varipNames.add(stmt.name);
+    if (!this._varInitialized.has(stmt.name)) {
+      this._varInitialized.add(stmt.name);
+      const rhs = this._evalExpr(stmt.value);
       if (typeof rhs === "number" || rhs instanceof Series2) {
         const series = new Series2(1e3);
         series.push(rhs instanceof Series2 ? rhs.value : rhs);
@@ -6338,24 +6845,68 @@ var TScriptRuntime = class {
       } else {
         this._scope.set(stmt.name, rhs);
       }
+    } else {
+      const existing = this._scope.get(stmt.name);
+      if (existing instanceof Series2) {
+        existing.push(existing.value);
+      }
     }
   }
-  // ─── Private: expression evaluation ─────────────────────────────────────────
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  _evalExpr(expr) {
-    switch (expr.kind) {
-      case "NumberLit":
-        return expr.value;
-      case "StringLit":
-        return expr.value;
+  /** := reassignment — variable must already exist. */
+  _execReassign(stmt) {
+    const rhs = this._evalExpr(stmt.value);
+    const existing = this._scope.get(stmt.name);
+    if (existing === void 0) {
+      throw new ReferenceError(`[ForgeScript] Cannot reassign undefined variable '${stmt.name}'`);
+    }
+    if (existing instanceof Series2) {
+      const numVal = _num(rhs, `reassignment to '${stmt.name}'`);
+      existing.push(numVal);
+    } else {
+      this._scope.set(stmt.name, rhs);
+    }
+  }
+  _execAssign(stmt) {
+    const rhs = this._evalExpr(stmt.value);
+    const existing = this._scope.get(stmt.name);
+    if (rhs instanceof TArray || typeof rhs === "string" && rhs.startsWith("__table_")) {
+      this._scope.set(stmt.name, rhs);
+      return;
+    }
+    if (existing instanceof Series2) {
+      existing.push(_num(rhs, `assignment to '${stmt.name}'`));
+    } else {
+      if (typeof rhs === "number" || rhs instanceof Series2) {
+        const series = new Series2(1e3);
+        series.push(rhs instanceof Series2 ? rhs.value : rhs);
+        this._scope.set(stmt.name, series);
+      } else {
+        this._scope.set(stmt.name, rhs);
+      }
+    }
+  }
+  // ─── Private: expression evaluation ─────────────────────────────────────────
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _evalExpr(expr) {
+    switch (expr.kind) {
+      case "NumberLit":
+        return expr.value;
+      case "StringLit":
+        return expr.value;
       case "BoolLit":
         return expr.value;
+      case "ColorLit":
+        return expr.value;
       case "Identifier":
         return this._evalIdent(expr);
       case "IndexExpr":
         return this._evalIndex(expr);
       case "CallExpr":
         return this._evalCall(expr);
+      case "NsCallExpr":
+        return this._evalNsCall(expr);
+      case "MemberExpr":
+        return this._evalMember(expr);
       case "BinaryExpr":
         return this._evalBinary(expr);
       case "UnaryExpr":
@@ -6369,7 +6920,7 @@ var TScriptRuntime = class {
   _evalIdent(expr) {
     const v = this._scope.get(expr.name);
     if (v === void 0) {
-      throw new ReferenceError(`[TScript] Undefined variable '${expr.name}'`);
+      throw new ReferenceError(`[ForgeScript] Undefined variable '${expr.name}'`);
     }
     return v;
   }
@@ -6377,13 +6928,20 @@ var TScriptRuntime = class {
     const series = this._evalExpr(expr.series);
     const idx = _num(this._evalExpr(expr.index), "series index");
     if (!(series instanceof Series2)) {
-      throw new TypeError("[TScript] Index operator [] can only be applied to a series");
+      throw new TypeError("[ForgeScript] Index operator [] can only be applied to a series");
     }
     return series.get(Math.round(idx));
   }
   _evalBinary(expr) {
-    const l = _num(this._evalExpr(expr.left), `left of '${expr.op}'`);
-    const r = _num(this._evalExpr(expr.right), `right of '${expr.op}'`);
+    const rawL = this._evalExpr(expr.left);
+    const rawR = this._evalExpr(expr.right);
+    if (expr.op === "+" && (typeof rawL === "string" || typeof rawR === "string")) {
+      const ls = rawL instanceof Series2 ? String(rawL.value) : String(rawL);
+      const rs = rawR instanceof Series2 ? String(rawR.value) : String(rawR);
+      return ls + rs;
+    }
+    const l = _num(rawL, `left of '${expr.op}'`);
+    const r = _num(rawR, `right of '${expr.op}'`);
     switch (expr.op) {
       case "+":
         return l + r;
@@ -6421,6 +6979,349 @@ var TScriptRuntime = class {
     if (expr.op === "and") return l ? _bool(this._evalExpr(expr.right)) : false;
     return l ? true : _bool(this._evalExpr(expr.right));
   }
+  // ─── Namespace call dispatch ───────────────────────────────────────────────
+  _evalNsCall(expr) {
+    const { namespace, fn, args } = expr;
+    switch (namespace) {
+      case "ta":
+        return this._evalTaCall(fn, args);
+      case "math":
+        return this._evalMathCall(fn, args);
+      case "color":
+        return this._evalColorCall(fn, args);
+      case "str":
+        return this._evalStrCall(fn, args);
+      case "array":
+        return this._evalArrayCall(fn, args);
+      case "table":
+        return this._evalTableCall(fn, args, expr.namedArgs);
+      case "input":
+        return this._evalInputNsCall(fn, args);
+      default:
+        throw new ReferenceError(`[ForgeScript] Unknown namespace '${namespace}'`);
+    }
+  }
+  _evalTaCall(method, args) {
+    switch (method) {
+      case "sma":
+        return this._ta_sma(args);
+      case "ema":
+        return this._ta_ema(args);
+      case "wma":
+        return this._ta_wma(args);
+      case "rma":
+        return this._ta_rma(args);
+      case "stdev":
+        return this._ta_stdev(args);
+      case "highest":
+        return this._ta_rolling(args, Math.max);
+      case "lowest":
+        return this._ta_rolling(args, Math.min);
+      case "change":
+        return this._ta_change(args);
+      case "mom":
+        return this._ta_change(args);
+      case "atr":
+        return this._ta_atr(args);
+      case "rsi":
+        return this._ta_rsi(args);
+      case "crossover":
+        return this._ta_crossover(args);
+      case "crossunder":
+        return this._ta_crossunder(args);
+      case "cross":
+        return this._ta_cross(args);
+      case "barssince":
+        return this._ta_barssince(args);
+      case "macd":
+        return this._ta_macd(args);
+      case "bb":
+        return this._ta_bb(args);
+      case "stoch":
+        return this._ta_stoch(args);
+      case "obv":
+        return this._ta_obv(args);
+      case "correlation":
+        return this._ta_correlation(args);
+      case "dev":
+        return this._ta_dev(args);
+      case "variance":
+        return this._ta_variance(args);
+      case "cum":
+        return this._ta_cum(args);
+      case "sum":
+        return this._ta_sum(args);
+      case "valuewhen":
+        return this._ta_valuewhen(args);
+      case "pivothigh":
+        return this._ta_pivothigh(args);
+      case "pivotlow":
+        return this._ta_pivotlow(args);
+      case "tr":
+        return this._ta_tr(args);
+      case "swma":
+        return this._ta_swma(args);
+      case "vwma":
+        return this._ta_vwma(args);
+      case "rising":
+        return this._ta_rising(args);
+      case "falling":
+        return this._ta_falling(args);
+      default:
+        throw new ReferenceError(`[ForgeScript] Unknown ta function 'ta.${method}'`);
+    }
+  }
+  _evalMathCall(method, args) {
+    switch (method) {
+      case "abs":
+        return Math.abs(_num(this._evalExpr(args[0]), "math.abs()"));
+      case "round":
+        return Math.round(_num(this._evalExpr(args[0]), "math.round()"));
+      case "floor":
+        return Math.floor(_num(this._evalExpr(args[0]), "math.floor()"));
+      case "ceil":
+        return Math.ceil(_num(this._evalExpr(args[0]), "math.ceil()"));
+      case "sqrt":
+        return Math.sqrt(_num(this._evalExpr(args[0]), "math.sqrt()"));
+      case "log":
+        return Math.log(_num(this._evalExpr(args[0]), "math.log()"));
+      case "log10":
+        return Math.log10(_num(this._evalExpr(args[0]), "math.log10()"));
+      case "sign":
+        return Math.sign(_num(this._evalExpr(args[0]), "math.sign()"));
+      case "exp":
+        return Math.exp(_num(this._evalExpr(args[0]), "math.exp()"));
+      case "pow": {
+        const base = _num(this._evalExpr(args[0]), "math.pow() base");
+        const exp = _num(this._evalExpr(args[1]), "math.pow() exponent");
+        return Math.pow(base, exp);
+      }
+      case "max":
+        return Math.max(...args.map((a) => _num(this._evalExpr(a), "math.max()")));
+      case "min":
+        return Math.min(...args.map((a) => _num(this._evalExpr(a), "math.min()")));
+      case "avg": {
+        const vals = args.map((a) => _num(this._evalExpr(a), "math.avg()"));
+        return vals.reduce((s, v) => s + v, 0) / vals.length;
+      }
+      case "sum": {
+        return args.map((a) => _num(this._evalExpr(a), "math.sum()")).reduce((s, v) => s + v, 0);
+      }
+      case "todegrees":
+        return _num(this._evalExpr(args[0]), "math.todegrees()") * (180 / Math.PI);
+      case "toradians":
+        return _num(this._evalExpr(args[0]), "math.toradians()") * (Math.PI / 180);
+      case "sin":
+        return Math.sin(_num(this._evalExpr(args[0]), "math.sin()"));
+      case "cos":
+        return Math.cos(_num(this._evalExpr(args[0]), "math.cos()"));
+      case "tan":
+        return Math.tan(_num(this._evalExpr(args[0]), "math.tan()"));
+      case "asin":
+        return Math.asin(_num(this._evalExpr(args[0]), "math.asin()"));
+      case "acos":
+        return Math.acos(_num(this._evalExpr(args[0]), "math.acos()"));
+      case "atan":
+        return Math.atan(_num(this._evalExpr(args[0]), "math.atan()"));
+      case "random":
+        return Math.random();
+      default:
+        throw new ReferenceError(`[ForgeScript] Unknown math function 'math.${method}'`);
+    }
+  }
+  _evalColorCall(method, args) {
+    if (method === "new") {
+      const base = String(this._evalExpr(args[0]));
+      const transp = _num(this._evalExpr(args[1]), "color.new() transparency");
+      const alpha = Math.round(255 * (1 - transp / 100));
+      const hex = base.startsWith("#") ? base.slice(0, 7) : base;
+      return hex + alpha.toString(16).padStart(2, "0");
+    }
+    if (method === "rgb") {
+      const r = Math.round(_num(this._evalExpr(args[0]), "color.rgb() r"));
+      const g = Math.round(_num(this._evalExpr(args[1]), "color.rgb() g"));
+      const b = Math.round(_num(this._evalExpr(args[2]), "color.rgb() b"));
+      const t = args.length > 3 ? _num(this._evalExpr(args[3]), "color.rgb() transp") : 0;
+      const a = Math.round(255 * (1 - t / 100));
+      return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}${a.toString(16).padStart(2, "0")}`;
+    }
+    throw new ReferenceError(`[ForgeScript] Unknown color function 'color.${method}'`);
+  }
+  _evalStrCall(method, args) {
+    switch (method) {
+      case "tostring":
+        return String(this._evalExpr(args[0]));
+      case "tonumber": {
+        const v = Number(this._evalExpr(args[0]));
+        return isNaN(v) ? NaN : v;
+      }
+      case "format": {
+        let fmt = String(this._evalExpr(args[0]));
+        for (let i = 1; i < args.length; i++) {
+          fmt = fmt.replace(`{${i - 1}}`, String(this._evalExpr(args[i])));
+        }
+        return fmt;
+      }
+      case "length":
+        return String(this._evalExpr(args[0])).length;
+      case "trim":
+        return String(this._evalExpr(args[0])).trim();
+      case "contains": {
+        const s = String(this._evalExpr(args[0]));
+        const sub = String(this._evalExpr(args[1]));
+        return s.includes(sub);
+      }
+      case "substring": {
+        const s = String(this._evalExpr(args[0]));
+        const start = Math.trunc(Number(this._evalExpr(args[1])));
+        const end = args.length > 2 ? Math.trunc(Number(this._evalExpr(args[2]))) : void 0;
+        return s.substring(start, end);
+      }
+      case "replace_all": {
+        const s = String(this._evalExpr(args[0]));
+        const target = String(this._evalExpr(args[1]));
+        const replacement = String(this._evalExpr(args[2]));
+        return s.split(target).join(replacement);
+      }
+      case "upper":
+        return String(this._evalExpr(args[0])).toUpperCase();
+      case "lower":
+        return String(this._evalExpr(args[0])).toLowerCase();
+      case "split": {
+        const s = String(this._evalExpr(args[0]));
+        const sep = args.length > 1 ? String(this._evalExpr(args[1])) : ",";
+        return new TArray(s.split(sep));
+      }
+      default:
+        throw new ReferenceError(`[ForgeScript] Unknown str function 'str.${method}'`);
+    }
+  }
+  // ─── Member access dispatch ──────────────────────────────────────────────────
+  static _COLOR_MAP = {
+    red: "#FF0000",
+    green: "#00FF00",
+    blue: "#0000FF",
+    white: "#FFFFFF",
+    black: "#000000",
+    yellow: "#FFFF00",
+    orange: "#FF9800",
+    purple: "#9C27B0",
+    aqua: "#00BCD4",
+    lime: "#8BC34A",
+    teal: "#009688",
+    fuchsia: "#E040FB",
+    silver: "#9E9E9E",
+    gray: "#787B86",
+    olive: "#808000",
+    maroon: "#880E4F",
+    navy: "#311B92"
+  };
+  _evalMember(expr) {
+    const { object, prop } = expr;
+    switch (object) {
+      case "color":
+        return _ForgeScriptRuntime._COLOR_MAP[prop] ?? NaN;
+      case "syminfo": {
+        switch (prop) {
+          case "tickerid":
+            return this._scope.get("__syminfo_tickerid") ?? "";
+          case "ticker":
+            return this._scope.get("__syminfo_ticker") ?? "";
+          case "mintick":
+            return this._scope.get("__syminfo_mintick") ?? 0.01;
+          case "pointvalue":
+            return this._scope.get("__syminfo_pointvalue") ?? 1;
+          case "currency":
+            return "USD";
+          case "type":
+            return "stock";
+          default:
+            return NaN;
+        }
+      }
+      case "timeframe": {
+        switch (prop) {
+          case "period":
+            return this._scope.get("__timeframe_period") ?? "1";
+          case "multiplier":
+            return this._scope.get("__timeframe_multiplier") ?? 1;
+          case "isintraday":
+            return true;
+          case "isdaily":
+            return false;
+          case "isweekly":
+            return false;
+          case "ismonthly":
+            return false;
+          default:
+            return NaN;
+        }
+      }
+      // Pine v6 enum-like namespaces — return property name as string
+      case "shape":
+        return prop;
+      // shape.circle → "circle"
+      case "location":
+        return prop;
+      // location.abovebar → "abovebar"
+      case "plot":
+        return prop.replace(/^style_/, "");
+      // plot.style_line → "line"
+      case "math": {
+        switch (prop) {
+          case "pi":
+            return Math.PI;
+          case "e":
+            return Math.E;
+          default:
+            return NaN;
+        }
+      }
+      case "barstate": {
+        switch (prop) {
+          case "islast":
+            return this._totalBars > 0 && this._barIndex === this._totalBars - 1;
+          case "isfirst":
+            return this._barIndex === 0;
+          case "isconfirmed":
+            return true;
+          // historical bars are always confirmed
+          case "isnew":
+            return true;
+          // each bar is "new" in per-bar execution
+          case "isrealtime":
+            return false;
+          // ForgeScript runs on historical data
+          case "ishistory":
+            return true;
+          default:
+            return false;
+        }
+      }
+      case "position":
+        return prop;
+      // position.top_right → "top_right"
+      case "size":
+        return prop;
+      // size.large → "large"
+      case "text": {
+        return prop.replace(/^align_/, "");
+      }
+      case "bar_index":
+        return this._barIndex;
+      case "close":
+      case "open":
+      case "high":
+      case "low":
+      case "volume":
+      case "time": {
+        const v = this._scope.get(object);
+        return v === void 0 ? NaN : v;
+      }
+      default:
+        throw new ReferenceError(`[ForgeScript] Unknown member access '${object}.${prop}'`);
+    }
+  }
   // ─── Built-in function dispatch ──────────────────────────────────────────────
   _plotIdx = 0;
   _evalCall(expr) {
@@ -6428,16 +7329,32 @@ var TScriptRuntime = class {
     const args = expr.args;
     switch (fn) {
       // ── Utility ────────────────────────────────────────────────────────────
-      case "input": {
+      case "input":
+      case "input.text_area":
+      case "input.string": {
         if (args.length === 0) return 0;
         const def = this._evalExpr(args[0]);
-        return typeof def === "string" ? parseFloat(def) || 0 : _num(def, "input()");
+        if (fn === "input.text_area" || fn === "input.string") return typeof def === "string" ? def : String(def);
+        if (typeof def === "string") {
+          const n = parseFloat(def);
+          return isNaN(n) ? def : n;
+        }
+        return _num(def, "input()");
       }
       case "plot": {
         const value = _num(this._evalExpr(args[0]), "plot()");
         const idx = this._plotIdx++;
         if (idx >= this._plotSeries.length) {
           this._plotSeries.push(new Series2(1e3));
+          const na = expr.namedArgs;
+          const title = na?.get("title") ? String(this._evalExpr(na.get("title"))) : `Plot ${idx}`;
+          const color = na?.get("color") ? String(this._evalExpr(na.get("color"))) : void 0;
+          const linewidth = na?.get("linewidth") ? _num(this._evalExpr(na.get("linewidth")), "plot linewidth") : void 0;
+          const style = na?.get("style") ? String(this._evalExpr(na.get("style"))) : "line";
+          const meta = { title, style };
+          if (color !== void 0) meta.color = color;
+          if (linewidth !== void 0) meta.linewidth = linewidth;
+          this._plotMetas.push(meta);
         }
         this._plotSeries[idx].push(value);
         return value;
@@ -6498,14 +7415,74 @@ var TScriptRuntime = class {
         return this._ta_change(args);
       case "atr":
         return this._ta_atr(args);
+      case "rsi":
+        return this._ta_rsi(args);
       case "crossover":
         return this._ta_crossover(args);
       case "crossunder":
         return this._ta_crossunder(args);
+      case "cross":
+        return this._ta_cross(args);
       case "barssince":
         return this._ta_barssince(args);
-      default:
-        throw new ReferenceError(`[TScript] Unknown function '${fn}'`);
+      // New TA functions (flat-call form)
+      case "macd":
+        return this._ta_macd(args);
+      case "bb":
+        return this._ta_bb(args);
+      case "stoch":
+        return this._ta_stoch(args);
+      case "obv":
+        return this._ta_obv(args);
+      case "correlation":
+        return this._ta_correlation(args);
+      case "dev":
+        return this._ta_dev(args);
+      case "variance":
+        return this._ta_variance(args);
+      case "cum":
+        return this._ta_cum(args);
+      case "sum":
+        return this._ta_sum(args);
+      case "valuewhen":
+        return this._ta_valuewhen(args);
+      case "pivothigh":
+        return this._ta_pivothigh(args);
+      case "pivotlow":
+        return this._ta_pivotlow(args);
+      case "tr":
+        return this._ta_tr(args);
+      case "swma":
+        return this._ta_swma(args);
+      case "vwma":
+        return this._ta_vwma(args);
+      case "rising":
+        return this._ta_rising(args);
+      case "falling":
+        return this._ta_falling(args);
+      case "exp":
+        return Math.exp(_num(this._evalExpr(args[0]), "exp()"));
+      // ── Output functions ──────────────────────────────────────────────────
+      case "plotshape":
+        return this._callPlotshape(expr);
+      case "plotchar":
+        return this._callPlotshape(expr);
+      // same output type
+      case "plotarrow":
+        return this._callPlotarrow(expr);
+      case "hline":
+        return this._callHline(expr);
+      case "fill":
+        return this._callFill(expr);
+      case "bgcolor":
+        return this._callBgcolor(expr);
+      case "barcolor":
+        return this._callBarcolor(expr);
+      default: {
+        const fnDecl = this._functions.get(fn);
+        if (fnDecl) return this._callUserFunction(fnDecl, args);
+        throw new ReferenceError(`[ForgeScript] Unknown function '${fn}'`);
+      }
     }
   }
   // ─── TA helpers ──────────────────────────────────────────────────────────────
@@ -6518,11 +7495,42 @@ var TScriptRuntime = class {
       s.push(v);
       return s;
     }
-    throw new TypeError(`[TScript] ${ctx}: expected a series`);
+    throw new TypeError(`[ForgeScript] ${ctx}: expected a series`);
   }
   _argInt(arg, ctx) {
     return Math.round(_num(this._evalExpr(arg), ctx));
   }
+  _ta_rsi(args) {
+    const src = this._argSeries(args[0], "rsi(src)");
+    const period = this._argInt(args[1], "rsi(length)");
+    if (src.length <= period) return NaN;
+    const gainKey = `__rsi_gain_${args[0].kind}_${period}`;
+    const lossKey = `__rsi_loss_${args[0].kind}_${period}`;
+    let prevGain = this._getInternalNum(gainKey);
+    let prevLoss = this._getInternalNum(lossKey);
+    const change = src.get(0) - src.get(1);
+    const gain = change > 0 ? change : 0;
+    const loss = change < 0 ? -change : 0;
+    let avgGain;
+    let avgLoss;
+    if (isNaN(prevGain)) {
+      let gSum = 0, lSum = 0;
+      for (let i = 0; i < period; i++) {
+        const d = src.get(i) - src.get(i + 1);
+        if (d > 0) gSum += d;
+        else lSum -= d;
+      }
+      avgGain = gSum / period;
+      avgLoss = lSum / period;
+    } else {
+      avgGain = (prevGain * (period - 1) + gain) / period;
+      avgLoss = (prevLoss * (period - 1) + loss) / period;
+    }
+    this._setInternal(gainKey, avgGain);
+    this._setInternal(lossKey, avgLoss);
+    if (avgLoss === 0) return 100;
+    return 100 - 100 / (1 + avgGain / avgLoss);
+  }
   _ta_sma(args) {
     const src = this._argSeries(args[0], "sma(src)");
     const period = this._argInt(args[1], "sma(length)");
@@ -6627,6 +7635,541 @@ var TScriptRuntime = class {
     }
     return NaN;
   }
+  // ─── Additional TA functions ─────────────────────────────────────────────────
+  /** ta.cross(a, b) — true when a crosses b in either direction */
+  _ta_cross(args) {
+    const a = this._argSeries(args[0], "cross(a)");
+    const b = this._argSeries(args[1], "cross(b)");
+    return a.get(0) > b.get(0) && a.get(1) <= b.get(1) || a.get(0) < b.get(0) && a.get(1) >= b.get(1);
+  }
+  /** ta.macd(src, fast, slow, signal) — returns [macd, signal, hist] via internal series */
+  _ta_macd(args) {
+    const src = this._argSeries(args[0], "macd(src)");
+    const fast = this._argInt(args[1], "macd(fastlen)");
+    const slow = this._argInt(args[2], "macd(slowlen)");
+    const signal = this._argInt(args[3], "macd(signallen)");
+    const fastKey = `__macd_fast_${args[0].kind}_${fast}`;
+    const slowKey = `__macd_slow_${args[0].kind}_${slow}`;
+    const sigKey = `__macd_sig_${args[0].kind}_${fast}_${slow}_${signal}`;
+    const cur = src.get(0);
+    const kFast = 2 / (fast + 1);
+    const kSlow = 2 / (slow + 1);
+    const kSig = 2 / (signal + 1);
+    let prevFast = this._getInternalNum(fastKey);
+    let prevSlow = this._getInternalNum(slowKey);
+    let prevSig = this._getInternalNum(sigKey);
+    const fastEMA = isNaN(prevFast) ? src.length >= fast ? this._smaOfSeries(src, fast) : NaN : cur * kFast + prevFast * (1 - kFast);
+    const slowEMA = isNaN(prevSlow) ? src.length >= slow ? this._smaOfSeries(src, slow) : NaN : cur * kSlow + prevSlow * (1 - kSlow);
+    this._setInternal(fastKey, fastEMA);
+    this._setInternal(slowKey, slowEMA);
+    const macdLine = fastEMA - slowEMA;
+    const sigLine = isNaN(prevSig) ? macdLine : macdLine * kSig + prevSig * (1 - kSig);
+    this._setInternal(sigKey, sigLine);
+    const hist = macdLine - sigLine;
+    this._pushBuiltin("__macd_line", macdLine);
+    this._pushBuiltin("__macd_signal", sigLine);
+    this._pushBuiltin("__macd_hist", hist);
+    return macdLine;
+  }
+  /** ta.bb(src, length, mult) — returns middle band; stores upper/lower in named series */
+  _ta_bb(args) {
+    const src = this._argSeries(args[0], "bb(src)");
+    const period = this._argInt(args[1], "bb(length)");
+    const mult = _num(this._evalExpr(args[2]), "bb(mult)");
+    if (src.length < period) return NaN;
+    const middle = this._smaOfSeries(src, period);
+    let variance = 0;
+    for (let i = 0; i < period; i++) {
+      const d = src.get(i) - middle;
+      variance += d * d;
+    }
+    const stdevVal = Math.sqrt(variance / period);
+    const upper = middle + mult * stdevVal;
+    const lower = middle - mult * stdevVal;
+    this._pushBuiltin("__bb_upper", upper);
+    this._pushBuiltin("__bb_middle", middle);
+    this._pushBuiltin("__bb_lower", lower);
+    return middle;
+  }
+  /** ta.stoch(source, high, low, length) — %K */
+  _ta_stoch(args) {
+    const src = this._argSeries(args[0], "stoch(src)");
+    const hi = this._argSeries(args[1], "stoch(high)");
+    const lo = this._argSeries(args[2], "stoch(low)");
+    const period = this._argInt(args[3], "stoch(length)");
+    if (hi.length < period || lo.length < period) return NaN;
+    let hh = -Infinity, ll = Infinity;
+    for (let i = 0; i < period; i++) {
+      hh = Math.max(hh, hi.get(i));
+      ll = Math.min(ll, lo.get(i));
+    }
+    const denom = hh - ll;
+    return denom === 0 ? 50 : 100 * (src.get(0) - ll) / denom;
+  }
+  /** ta.obv — On Balance Volume */
+  _ta_obv(_args) {
+    const close = this._scope.get("close");
+    const volume = this._scope.get("volume");
+    if (!(close instanceof Series2) || !(volume instanceof Series2)) return NaN;
+    if (close.length < 2) return volume.get(0);
+    const stateKey = "__obv";
+    const prev = this._getInternalNum(stateKey);
+    const prevOBV = isNaN(prev) ? 0 : prev;
+    const diff = close.get(0) - close.get(1);
+    const result = diff > 0 ? prevOBV + volume.get(0) : diff < 0 ? prevOBV - volume.get(0) : prevOBV;
+    this._setInternal(stateKey, result);
+    return result;
+  }
+  /** ta.correlation(src1, src2, length) — Pearson r */
+  _ta_correlation(args) {
+    const a = this._argSeries(args[0], "correlation(src1)");
+    const b = this._argSeries(args[1], "correlation(src2)");
+    const period = this._argInt(args[2], "correlation(length)");
+    if (a.length < period || b.length < period) return NaN;
+    let sumA = 0, sumB = 0, sumAB = 0, sumA2 = 0, sumB2 = 0;
+    for (let i = 0; i < period; i++) {
+      const av = a.get(i), bv = b.get(i);
+      sumA += av;
+      sumB += bv;
+      sumAB += av * bv;
+      sumA2 += av * av;
+      sumB2 += bv * bv;
+    }
+    const n = period;
+    const denom = Math.sqrt((n * sumA2 - sumA * sumA) * (n * sumB2 - sumB * sumB));
+    return denom === 0 ? 0 : (n * sumAB - sumA * sumB) / denom;
+  }
+  /** ta.dev(src, length) — mean absolute deviation */
+  _ta_dev(args) {
+    const src = this._argSeries(args[0], "dev(src)");
+    const period = this._argInt(args[1], "dev(length)");
+    if (src.length < period) return NaN;
+    const mean = this._smaOfSeries(src, period);
+    let sum = 0;
+    for (let i = 0; i < period; i++) sum += Math.abs(src.get(i) - mean);
+    return sum / period;
+  }
+  /** ta.variance(src, length) */
+  _ta_variance(args) {
+    const src = this._argSeries(args[0], "variance(src)");
+    const period = this._argInt(args[1], "variance(length)");
+    if (src.length < period) return NaN;
+    const mean = this._smaOfSeries(src, period);
+    let sum = 0;
+    for (let i = 0; i < period; i++) {
+      const d = src.get(i) - mean;
+      sum += d * d;
+    }
+    return sum / period;
+  }
+  /** ta.cum(src) — cumulative sum */
+  _ta_cum(args) {
+    const v = _num(this._evalExpr(args[0]), "cum(src)");
+    const key = "__cum";
+    const prev = this._getInternalNum(key);
+    const result = (isNaN(prev) ? 0 : prev) + (isNaN(v) ? 0 : v);
+    this._setInternal(key, result);
+    return result;
+  }
+  /** ta.sum(src, length) — rolling sum */
+  _ta_sum(args) {
+    const src = this._argSeries(args[0], "sum(src)");
+    const period = this._argInt(args[1], "sum(length)");
+    if (src.length < period) return NaN;
+    let sum = 0;
+    for (let i = 0; i < period; i++) sum += src.get(i);
+    return sum;
+  }
+  /** ta.valuewhen(condition, source, occurrence) */
+  _ta_valuewhen(args) {
+    const cond = this._argSeries(args[0], "valuewhen(cond)");
+    const src = this._argSeries(args[1], "valuewhen(src)");
+    const occ = args.length > 2 ? this._argInt(args[2], "valuewhen(occurrence)") : 0;
+    let count = 0;
+    for (let i = 0; i < cond.length; i++) {
+      if (_bool(cond.get(i))) {
+        if (count === occ) return src.get(i);
+        count++;
+      }
+    }
+    return NaN;
+  }
+  /** ta.pivothigh(src, leftbars, rightbars) */
+  _ta_pivothigh(args) {
+    const src = this._argSeries(args[0], "pivothigh(src)");
+    const left = this._argInt(args[1], "pivothigh(leftbars)");
+    const right = this._argInt(args[2], "pivothigh(rightbars)");
+    if (src.length < left + right + 1) return NaN;
+    const pivotIdx = right;
+    const pivotVal = src.get(pivotIdx);
+    for (let i = 1; i <= left; i++) {
+      if (src.get(pivotIdx + i) >= pivotVal) return NaN;
+    }
+    for (let i = 1; i <= right; i++) {
+      if (src.get(pivotIdx - i) >= pivotVal) return NaN;
+    }
+    return pivotVal;
+  }
+  /** ta.pivotlow(src, leftbars, rightbars) */
+  _ta_pivotlow(args) {
+    const src = this._argSeries(args[0], "pivotlow(src)");
+    const left = this._argInt(args[1], "pivotlow(leftbars)");
+    const right = this._argInt(args[2], "pivotlow(rightbars)");
+    if (src.length < left + right + 1) return NaN;
+    const pivotIdx = right;
+    const pivotVal = src.get(pivotIdx);
+    for (let i = 1; i <= left; i++) {
+      if (src.get(pivotIdx + i) <= pivotVal) return NaN;
+    }
+    for (let i = 1; i <= right; i++) {
+      if (src.get(pivotIdx - i) <= pivotVal) return NaN;
+    }
+    return pivotVal;
+  }
+  /** ta.tr(handleNa?) — True Range */
+  _ta_tr(_args) {
+    const high = this._scope.get("high");
+    const low = this._scope.get("low");
+    const close = this._scope.get("close");
+    if (!(high instanceof Series2) || !(low instanceof Series2) || !(close instanceof Series2)) return NaN;
+    if (close.length < 2) return high.get(0) - low.get(0);
+    const h = high.get(0);
+    const l = low.get(0);
+    const pc = close.get(1);
+    return Math.max(h - l, Math.abs(h - pc), Math.abs(l - pc));
+  }
+  /** ta.swma(src) — Symmetrically Weighted MA with fixed period 4 */
+  _ta_swma(args) {
+    const src = this._argSeries(args[0], "swma(src)");
+    if (src.length < 4) return NaN;
+    return (src.get(3) * 1 + src.get(2) * 3 + src.get(1) * 3 + src.get(0) * 1) / 8;
+  }
+  /** ta.vwma(src, length) — Volume Weighted MA */
+  _ta_vwma(args) {
+    const src = this._argSeries(args[0], "vwma(src)");
+    const period = this._argInt(args[1], "vwma(length)");
+    const volume = this._scope.get("volume");
+    if (!(volume instanceof Series2)) return this._smaOfSeries(src, period);
+    if (src.length < period || volume.length < period) return NaN;
+    let sumSV = 0, sumV = 0;
+    for (let i = 0; i < period; i++) {
+      const v = volume.get(i);
+      sumSV += src.get(i) * v;
+      sumV += v;
+    }
+    return sumV === 0 ? NaN : sumSV / sumV;
+  }
+  /** ta.rising(src, length) */
+  _ta_rising(args) {
+    const src = this._argSeries(args[0], "rising(src)");
+    const period = this._argInt(args[1], "rising(length)");
+    if (src.length <= period) return false;
+    for (let i = 0; i < period; i++) {
+      if (src.get(i) <= src.get(i + 1)) return false;
+    }
+    return true;
+  }
+  /** ta.falling(src, length) */
+  _ta_falling(args) {
+    const src = this._argSeries(args[0], "falling(src)");
+    const period = this._argInt(args[1], "falling(length)");
+    if (src.length <= period) return false;
+    for (let i = 0; i < period; i++) {
+      if (src.get(i) >= src.get(i + 1)) return false;
+    }
+    return true;
+  }
+  // ─── Output function implementations ─────────────────────────────────────────
+  _callPlotshape(expr) {
+    const args = expr.args;
+    const na = expr.namedArgs;
+    const cond = args.length > 0 ? _bool(this._evalExpr(args[0])) : true;
+    if (!cond || !this._currentBar) return NaN;
+    const style = na?.get("style") ? String(this._evalExpr(na.get("style"))) : "xcross";
+    const location = na?.get("location") ? String(this._evalExpr(na.get("location"))) : "abovebar";
+    const color = na?.get("color") ? String(this._evalExpr(na.get("color"))) : "#FF0000";
+    const text = na?.get("text") ? String(this._evalExpr(na.get("text"))) : void 0;
+    const title = na?.get("title") ? String(this._evalExpr(na.get("title"))) : void 0;
+    const shape = { time: this._currentBar.time, style, location, color };
+    if (text !== void 0) shape.text = text;
+    if (title !== void 0) shape.title = title;
+    this._shapes.push(shape);
+    return NaN;
+  }
+  _callPlotarrow(expr) {
+    const args = expr.args;
+    const na = expr.namedArgs;
+    const value = _num(this._evalExpr(args[0]), "plotarrow()");
+    if (isNaN(value) || !this._currentBar) return NaN;
+    const colorUp = na?.get("colorup") ? String(this._evalExpr(na.get("colorup"))) : "#00FF00";
+    const colorDown = na?.get("colordown") ? String(this._evalExpr(na.get("colordown"))) : "#FF0000";
+    this._shapes.push({
+      time: this._currentBar.time,
+      style: value > 0 ? "arrowup" : "arrowdown",
+      location: value > 0 ? "abovebar" : "belowbar",
+      color: value > 0 ? colorUp : colorDown
+    });
+    return value;
+  }
+  _callHline(expr) {
+    const args = expr.args;
+    const na = expr.namedArgs;
+    const price = _num(this._evalExpr(args[0]), "hline()");
+    const title = na?.get("title") ? String(this._evalExpr(na.get("title"))) : void 0;
+    const color = na?.get("color") ? String(this._evalExpr(na.get("color"))) : "#787B86";
+    const lineStyle = na?.get("linestyle") ? String(this._evalExpr(na.get("linestyle"))) : "dashed";
+    const lineWidth = na?.get("linewidth") ? _num(this._evalExpr(na.get("linewidth")), "hline linewidth") : 1;
+    const id = `hline_${price}`;
+    if (!this._hlines.some((h) => h.price === price)) {
+      const hline = { id, price, color, lineStyle, lineWidth };
+      if (title !== void 0) hline.title = title;
+      this._hlines.push(hline);
+    }
+    return price;
+  }
+  _callFill(expr) {
+    const args = expr.args;
+    const na = expr.namedArgs;
+    const id1 = String(this._evalExpr(args[0]));
+    const id2 = String(this._evalExpr(args[1]));
+    const color = na?.get("color") ? String(this._evalExpr(na.get("color"))) : args.length > 2 ? String(this._evalExpr(args[2])) : "#00000020";
+    const title = na?.get("title") ? String(this._evalExpr(na.get("title"))) : void 0;
+    const fill = { id1, id2, color };
+    if (title !== void 0) fill.title = title;
+    this._fills.push(fill);
+    return NaN;
+  }
+  _callBgcolor(expr) {
+    const args = expr.args;
+    const color = String(this._evalExpr(args[0]));
+    if (!this._currentBar) return NaN;
+    this._bgcolors.push({ time: this._currentBar.time, color });
+    return NaN;
+  }
+  _callBarcolor(expr) {
+    const args = expr.args;
+    const color = String(this._evalExpr(args[0]));
+    if (!this._currentBar) return NaN;
+    this._barcolors.push({ time: this._currentBar.time, color });
+    return NaN;
+  }
+  // ─── Array namespace ──────────────────────────────────────────────────────
+  _evalArrayCall(method, args) {
+    switch (method) {
+      case "new_float":
+      case "new_int":
+      case "new_bool":
+      case "new_string":
+      case "new": {
+        const size = args.length > 0 ? Math.trunc(_num(this._evalExpr(args[0]), "array.new() size")) : 0;
+        const fill = args.length > 1 ? this._evalExpr(args[1]) : NaN;
+        return new TArray(Array(size).fill(fill));
+      }
+      case "from": {
+        return new TArray(args.map((a) => this._evalExpr(a)));
+      }
+      case "size": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.size() expects an array");
+        return arr.size();
+      }
+      case "get": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.get() expects an array");
+        return arr.get(Math.trunc(_num(this._evalExpr(args[1]), "array.get() index")));
+      }
+      case "set": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.set() expects an array");
+        arr.set(
+          Math.trunc(_num(this._evalExpr(args[1]), "array.set() index")),
+          this._evalExpr(args[2])
+        );
+        return NaN;
+      }
+      case "push": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.push() expects an array");
+        arr.push(this._evalExpr(args[1]));
+        return NaN;
+      }
+      case "pop": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.pop() expects an array");
+        return arr.pop();
+      }
+      case "remove": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.remove() expects an array");
+        return arr.remove(Math.trunc(_num(this._evalExpr(args[1]), "array.remove() index")));
+      }
+      case "clear": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.clear() expects an array");
+        arr.clear();
+        return NaN;
+      }
+      case "includes": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.includes() expects an array");
+        return arr.includes(this._evalExpr(args[1]));
+      }
+      case "indexof": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.indexof() expects an array");
+        return arr.indexOf(this._evalExpr(args[1]));
+      }
+      case "slice": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.slice() expects an array");
+        const start = Math.trunc(_num(this._evalExpr(args[1]), "array.slice() start"));
+        const end = args.length > 2 ? Math.trunc(_num(this._evalExpr(args[2]), "array.slice() end")) : void 0;
+        return arr.slice(start, end);
+      }
+      case "join": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.join() expects an array");
+        const sep = args.length > 1 ? String(this._evalExpr(args[1])) : ",";
+        return arr.join(sep);
+      }
+      case "sort": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.sort() expects an array");
+        arr.items.sort((a, b) => _num(a, "sort") - _num(b, "sort"));
+        return NaN;
+      }
+      case "reverse": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.reverse() expects an array");
+        arr.items.reverse();
+        return NaN;
+      }
+      case "avg": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.avg() expects an array");
+        if (arr.size() === 0) return NaN;
+        let sum = 0;
+        for (const v of arr.items) sum += _num(v, "array.avg()");
+        return sum / arr.size();
+      }
+      case "sum": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.sum() expects an array");
+        let sum = 0;
+        for (const v of arr.items) sum += _num(v, "array.sum()");
+        return sum;
+      }
+      case "min": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.min() expects an array");
+        if (arr.size() === 0) return NaN;
+        let m = Infinity;
+        for (const v of arr.items) m = Math.min(m, _num(v, "array.min()"));
+        return m;
+      }
+      case "max": {
+        const arr = this._evalExpr(args[0]);
+        if (!(arr instanceof TArray)) throw new TypeError("[ForgeScript] array.max() expects an array");
+        if (arr.size() === 0) return NaN;
+        let m = -Infinity;
+        for (const v of arr.items) m = Math.max(m, _num(v, "array.max()"));
+        return m;
+      }
+      default:
+        throw new ReferenceError(`[ForgeScript] Unknown array function 'array.${method}'`);
+    }
+  }
+  // ─── Input namespace (input.text_area, input.string) ─────────────────────
+  _evalInputNsCall(fn, args) {
+    if (args.length === 0) return fn === "text_area" || fn === "string" ? "" : 0;
+    const def = this._evalExpr(args[0]);
+    if (fn === "text_area" || fn === "string") return typeof def === "string" ? def : String(def);
+    if (typeof def === "boolean") return def;
+    if (typeof def === "string") {
+      const n = parseFloat(def);
+      return isNaN(n) ? def : n;
+    }
+    return _num(def, `input.${fn}()`);
+  }
+  // ─── Table namespace ────────────────────────────────────────────────────────
+  _tableCounter = 0;
+  _evalTableCall(method, args, namedArgs) {
+    switch (method) {
+      case "new": {
+        const position = args.length > 0 ? String(this._evalExpr(args[0])) : "top_right";
+        const cols = args.length > 1 ? Math.trunc(_num(this._evalExpr(args[1]), "table.new() columns")) : 1;
+        const rows = args.length > 2 ? Math.trunc(_num(this._evalExpr(args[2]), "table.new() rows")) : 1;
+        const bgColor = args.length > 3 ? String(this._evalExpr(args[3])) : namedArgs?.get("bgcolor") ? String(this._evalExpr(namedArgs.get("bgcolor"))) : "transparent";
+        const borderColor = args.length > 4 ? String(this._evalExpr(args[4])) : namedArgs?.get("border_color") ? String(this._evalExpr(namedArgs.get("border_color"))) : "transparent";
+        const borderWidth = namedArgs?.get("border_width") ? _num(this._evalExpr(namedArgs.get("border_width")), "table.new() border_width") : 0;
+        const frameColor = namedArgs?.get("frame_color") ? String(this._evalExpr(namedArgs.get("frame_color"))) : args.length > 5 ? String(this._evalExpr(args[5])) : "transparent";
+        const frameWidth = namedArgs?.get("frame_width") ? _num(this._evalExpr(namedArgs.get("frame_width")), "table.new() frame_width") : args.length > 6 ? Math.trunc(_num(this._evalExpr(args[6]), "table.new() frame_width")) : 0;
+        const id = `__table_${this._tableCounter++}`;
+        this._tables.push({ id, position, rows, cols, cells: [], bgColor, borderColor, borderWidth, frameColor, frameWidth });
+        return id;
+      }
+      case "cell": {
+        const tableId = String(this._evalExpr(args[0]));
+        const col = Math.trunc(_num(this._evalExpr(args[1]), "table.cell() column"));
+        const row = Math.trunc(_num(this._evalExpr(args[2]), "table.cell() row"));
+        const text = args.length > 3 ? String(this._evalExpr(args[3])) : namedArgs?.get("text") ? String(this._evalExpr(namedArgs.get("text"))) : "";
+        const textColor = namedArgs?.get("text_color") ? String(this._evalExpr(namedArgs.get("text_color"))) : "#FFFFFF";
+        const bgColor = namedArgs?.get("bgcolor") ? String(this._evalExpr(namedArgs.get("bgcolor"))) : "transparent";
+        const textSize = namedArgs?.get("text_size") ? String(this._evalExpr(namedArgs.get("text_size"))) : "normal";
+        const textHAlign = namedArgs?.get("text_halign") ? String(this._evalExpr(namedArgs.get("text_halign"))) : "center";
+        const textVAlign = namedArgs?.get("text_valign") ? String(this._evalExpr(namedArgs.get("text_valign"))) : "center";
+        const table = this._tables.find((t) => t.id === tableId);
+        if (table) {
+          const existing = table.cells.findIndex((c) => c.row === row && c.col === col);
+          const cell = { row, col, text, textColor, bgColor, textSize, textHAlign, textVAlign };
+          if (existing >= 0) table.cells[existing] = cell;
+          else table.cells.push(cell);
+        }
+        return NaN;
+      }
+      case "clear": {
+        const tableId = String(this._evalExpr(args[0]));
+        const col = Math.trunc(_num(this._evalExpr(args[1]), "table.clear() column"));
+        const row = Math.trunc(_num(this._evalExpr(args[2]), "table.clear() row"));
+        const table = this._tables.find((t) => t.id === tableId);
+        if (table) {
+          const idx = table.cells.findIndex((c) => c.row === row && c.col === col);
+          if (idx >= 0) table.cells.splice(idx, 1);
+        }
+        return NaN;
+      }
+      case "delete": {
+        const tableId = String(this._evalExpr(args[0]));
+        const idx = this._tables.findIndex((t) => t.id === tableId);
+        if (idx >= 0) this._tables.splice(idx, 1);
+        return NaN;
+      }
+      default:
+        throw new ReferenceError(`[ForgeScript] Unknown table function 'table.${method}'`);
+    }
+  }
+  // ─── User-defined function calls ────────────────────────────────────────────
+  _callUserFunction(fnDecl, callArgs) {
+    const savedParams = fnDecl.params.map((p) => this._scope.get(p));
+    for (let i = 0; i < fnDecl.params.length; i++) {
+      const val = i < callArgs.length ? this._evalExpr(callArgs[i]) : NaN;
+      this._scope.set(fnDecl.params[i], val);
+    }
+    let result = NaN;
+    for (const stmt of fnDecl.body) {
+      if (stmt.kind === "ExprStmt") {
+        result = this._evalExpr(stmt.expr);
+      } else {
+        this._execStmt(stmt);
+      }
+    }
+    for (let i = 0; i < fnDecl.params.length; i++) {
+      const saved = savedParams[i];
+      if (saved === void 0) this._scope.delete(fnDecl.params[i]);
+      else this._scope.set(fnDecl.params[i], saved);
+    }
+    return result;
+  }
   // ─── Internal state helpers ──────────────────────────────────────────────────
   /** Persistent scalar state for stateful TA functions (EMA, RMA, ATR). */
   _internalState = /* @__PURE__ */ new Map();
@@ -6653,15 +8196,24 @@ var TScriptRuntime = class {
   }
 };
 
-// src/tscript/TScriptIndicator.ts
-var TScriptIndicator = class {
+// src/forgescript/ForgeScriptIndicator.ts
+var ForgeScriptIndicator = class _ForgeScriptIndicator {
   _runtime;
   /** Title from the `indicator("...")` declaration, or `'Script'` if absent. */
   title;
   constructor(src) {
-    this._runtime = new TScriptRuntime(src);
+    this._runtime = new ForgeScriptRuntime(_ForgeScriptIndicator._dedent(src));
     this.title = this._runtime.title;
   }
+  /** Strip common leading whitespace from template-literal source. */
+  static _dedent(s) {
+    const lines = s.split("\n");
+    while (lines.length && !lines[0].trim()) lines.shift();
+    while (lines.length && !lines[lines.length - 1].trim()) lines.pop();
+    const min = lines.filter((l) => l.trim().length > 0).reduce((m, l) => Math.min(m, l.search(/\S/)), Infinity);
+    if (!isFinite(min) || min === 0) return lines.join("\n");
+    return lines.map((l) => l.slice(min)).join("\n");
+  }
   /**
    * Execute the script over the full bar history.
    *
@@ -6674,6 +8226,25 @@ var TScriptIndicator = class {
   run(bars) {
     return this._runtime.run(bars);
   }
+  /**
+   * Return the full ScriptResult from the most recent `run()` or `runFull()`.
+   * Must be called after `run()` — otherwise returns empty data.
+   */
+  getLastResult(bars) {
+    return this._runtime.getResult(bars);
+  }
+  /**
+   * Execute the script and return the full result including shapes, hlines,
+   * fills, bgcolors, barcolors, and plot metadata.
+   */
+  runFull(bars) {
+    this._runtime.reset();
+    this._runtime.setTotalBars(bars.length);
+    for (let i = 0; i < bars.length; i++) {
+      this._runtime.execBar(bars[i], i);
+    }
+    return this._runtime.getResult(bars);
+  }
   /**
    * Reset all persistent series state (ring buffers) without re-parsing.
    * Call when the chart symbol or timeframe changes.
@@ -6892,10 +8463,11 @@ var IndicatorDAG = class {
         const src = node.config.script;
         if (!src) return { kind: "series", points: [] };
         if (!node.scriptRuntime) {
-          node.scriptRuntime = new TScriptIndicator(src);
+          node.scriptRuntime = new ForgeScriptIndicator(src);
         }
         const plots = node.scriptRuntime.run(bars);
-        return { kind: "series", points: plots[0] ?? [] };
+        const scriptResult = node.scriptRuntime.getLastResult(bars);
+        return { kind: "series", points: plots[0] ?? [], scriptResult };
       }
       default:
         return { kind: "series", points: [...input] };
@@ -6952,6 +8524,12 @@ var DEMONSTRATION_RADIUS = 44;
 var DEMONSTRATION_FILL = "rgba(255, 200, 50, 0.18)";
 var DEMONSTRATION_STROKE = "rgba(255, 200, 50, 0.7)";
 var DEMONSTRATION_COLOR = "var(--crosshair-overlay, rgba(255,255,255,0.75))";
+
+// src/react/assets/logo_dark.png
+var logo_dark_default = "../logo_dark-B2KCSRPJ.png";
+
+// src/react/assets/logo_light.png
+var logo_light_default = "../logo_light-NAWNBY4G.png";
 function _scriptTitle(src) {
   const m = src.match(/indicator\s*\(\s*["']([^"']+)["']/);
   return m ? m[1] : "Script";
@@ -7039,7 +8617,7 @@ function IndicatorLabel({
         height: 18,
         borderRadius: 3,
         overflow: "hidden",
-        background: "rgba(0,0,0,0.5)",
+        background: "transparent",
         cursor: "default",
         userSelect: "none"
       },
@@ -8290,15 +9868,28 @@ function FibGannGroup({
 function FavoritesFloatingToolbar({
   favorites,
   activeTool,
-  onSelectTool
+  onSelectTool,
+  containerRef
 }) {
   const [pos, setPos] = useState({ x: 60, y: 60 });
   const [dragging, setDragging] = useState(false);
   const dragOffset = useRef({ x: 0, y: 0 });
+  const toolbarRef = useRef(null);
   useEffect(() => {
     if (!dragging) return;
     const onMove = (e) => {
-      setPos({ x: e.clientX - dragOffset.current.x, y: e.clientY - dragOffset.current.y });
+      let x = e.clientX - dragOffset.current.x;
+      let y = e.clientY - dragOffset.current.y;
+      const container = containerRef?.current;
+      const toolbar = toolbarRef.current;
+      if (container && toolbar) {
+        const cr = container.getBoundingClientRect();
+        const tw = toolbar.offsetWidth;
+        const th = toolbar.offsetHeight;
+        x = Math.max(cr.left, Math.min(cr.right - tw, x));
+        y = Math.max(cr.top, Math.min(cr.bottom - th, y));
+      }
+      setPos({ x, y });
     };
     const onUp = () => setDragging(false);
     window.addEventListener("mousemove", onMove);
@@ -8307,11 +9898,11 @@ function FavoritesFloatingToolbar({
       window.removeEventListener("mousemove", onMove);
       window.removeEventListener("mouseup", onUp);
     };
-  }, [dragging]);
+  }, [dragging, containerRef]);
   const validFavs = favorites.filter((f) => ALL_DRAWING_ITEM_MAP.has(f));
   if (validFavs.length === 0) return null;
   return ReactDOM.createPortal(
-    /* @__PURE__ */ jsxs("div", { className: "dt-favorites-toolbar", style: { left: pos.x, top: pos.y }, children: [
+    /* @__PURE__ */ jsxs("div", { ref: toolbarRef, className: "dt-favorites-toolbar", style: { left: pos.x, top: pos.y }, children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -8420,8 +10011,151 @@ function VisibilityTool({
     )) })
   ] });
 }
-function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavoritesChange, onVisibilityAction, visibilityActiveAction, onVisibilityDeactivate, onLinkClick, onDeleteClick }) {
+function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavoritesChange, onVisibilityAction, visibilityActiveAction, onVisibilityDeactivate, onLinkClick, onDeleteClick, onLogout, user, getAuthToken, apiUrl, containerRef }) {
   const [favorites, setFavorites] = useState(drawingFavorites ?? []);
+  const [profileOpen, setProfileOpen] = useState(false);
+  const [profileTab, setProfileTab] = useState("profile");
+  const [emailInput, setEmailInput] = useState("");
+  const [currentPwd, setCurrentPwd] = useState("");
+  const [newPwd, setNewPwd] = useState("");
+  const [confirmPwd, setConfirmPwd] = useState("");
+  const [emailMsg, setEmailMsg] = useState(null);
+  const [pwdMsg, setPwdMsg] = useState(null);
+  const [emailBusy, setEmailBusy] = useState(false);
+  const [pwdBusy, setPwdBusy] = useState(false);
+  const [plans, setPlans] = useState([]);
+  const [plansLoading, setPlansLoading] = useState(false);
+  const [subscribeMsg, setSubscribeMsg] = useState(null);
+  const fetchPlans = useCallback(async () => {
+    if (plansLoading) return;
+    setPlansLoading(true);
+    try {
+      const base = apiUrl ?? "";
+      const headers = {};
+      if (getAuthToken) {
+        try {
+          const tok = await getAuthToken();
+          if (tok) headers["Authorization"] = `Bearer ${tok}`;
+        } catch {
+        }
+      }
+      const res = await fetch(`${base}/api/subscriptions`, { headers });
+      if (res.ok) setPlans((await res.json()).filter((p) => p.active));
+    } catch {
+    } finally {
+      setPlansLoading(false);
+    }
+  }, [apiUrl, getAuthToken, plansLoading]);
+  const handleOpenProfile = useCallback(() => {
+    setEmailInput(user?.email ?? "");
+    setEmailMsg(null);
+    setPwdMsg(null);
+    setCurrentPwd("");
+    setNewPwd("");
+    setConfirmPwd("");
+    setProfileTab("profile");
+    setProfileOpen(true);
+  }, [user]);
+  const handleSubscriptionTab = useCallback(() => {
+    setProfileTab("subscription");
+    setSubscribeMsg(null);
+    void fetchPlans();
+  }, [fetchPlans]);
+  const handleEmailUpdate = useCallback(async () => {
+    if (!emailInput.trim()) return;
+    setEmailBusy(true);
+    setEmailMsg(null);
+    try {
+      const base = apiUrl ?? "";
+      const headers = { "Content-Type": "application/json" };
+      if (getAuthToken) {
+        try {
+          const tok = await getAuthToken();
+          if (tok) headers["Authorization"] = `Bearer ${tok}`;
+        } catch {
+        }
+      }
+      const res = await fetch(`${base}/api/auth/update-email`, {
+        method: "PATCH",
+        headers,
+        body: JSON.stringify({ email: emailInput.trim() })
+      });
+      if (res.ok) {
+        setEmailMsg({ type: "success", text: "Email updated successfully." });
+      } else {
+        const d = await res.json().catch(() => ({}));
+        setEmailMsg({ type: "error", text: d.error ?? "Failed to update email." });
+      }
+    } catch {
+      setEmailMsg({ type: "error", text: "Network error. Please try again." });
+    } finally {
+      setEmailBusy(false);
+    }
+  }, [apiUrl, getAuthToken, emailInput]);
+  const handlePasswordUpdate = useCallback(async () => {
+    if (newPwd !== confirmPwd) {
+      setPwdMsg({ type: "error", text: "New passwords do not match." });
+      return;
+    }
+    if (newPwd.length < 8) {
+      setPwdMsg({ type: "error", text: "Password must be at least 8 characters." });
+      return;
+    }
+    setPwdBusy(true);
+    setPwdMsg(null);
+    try {
+      const base = apiUrl ?? "";
+      const headers = { "Content-Type": "application/json" };
+      if (getAuthToken) {
+        try {
+          const tok = await getAuthToken();
+          if (tok) headers["Authorization"] = `Bearer ${tok}`;
+        } catch {
+        }
+      }
+      const res = await fetch(`${base}/api/auth/update-password`, {
+        method: "PATCH",
+        headers,
+        body: JSON.stringify({ currentPassword: currentPwd, newPassword: newPwd })
+      });
+      if (res.ok) {
+        setPwdMsg({ type: "success", text: "Password updated successfully." });
+        setCurrentPwd("");
+        setNewPwd("");
+        setConfirmPwd("");
+      } else {
+        const d = await res.json().catch(() => ({}));
+        setPwdMsg({ type: "error", text: d.error ?? "Failed to update password." });
+      }
+    } catch {
+      setPwdMsg({ type: "error", text: "Network error. Please try again." });
+    } finally {
+      setPwdBusy(false);
+    }
+  }, [apiUrl, getAuthToken, currentPwd, newPwd, confirmPwd]);
+  const handleSubscribe = useCallback(async (planId) => {
+    setSubscribeMsg(null);
+    try {
+      const base = apiUrl ?? "";
+      const headers = { "Content-Type": "application/json" };
+      if (getAuthToken) {
+        try {
+          const tok = await getAuthToken();
+          if (tok) headers["Authorization"] = `Bearer ${tok}`;
+        } catch {
+        }
+      }
+      const res = await fetch(`${base}/api/subscriptions/${planId}/checkout`, { method: "POST", headers });
+      if (res.ok) {
+        setSubscribeMsg({ id: planId, type: "success", text: "Subscribed successfully." });
+      } else {
+        const d = await res.json().catch(() => ({}));
+        setSubscribeMsg({ id: planId, type: "error", text: d.error ?? "Failed to subscribe." });
+      }
+    } catch {
+      setSubscribeMsg({ id: planId, type: "error", text: "Network error. Please try again." });
+    }
+  }, [apiUrl, getAuthToken]);
   const handleFavoritesChange = (favs) => {
     setFavorites(favs);
     onDrawingFavoritesChange?.(favs);
@@ -8440,7 +10174,8 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
           borderRadius: 8,
           width: 40,
           flexShrink: 0,
-          userSelect: "none"
+          userSelect: "none",
+          height: "100%"
         },
         children: [
           /* @__PURE__ */ jsx(PointerGroup, { activeTool, onSelectTool }),
@@ -8521,6 +10256,29 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
                 /* @__PURE__ */ jsx("line", { x1: "9", y1: "6.5", x2: "9", y2: "11.5" })
               ] })
             }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+          (user || onLogout) && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "drawing-tool-btn profile-avatar-btn",
+              title: "Profile",
+              onClick: handleOpenProfile,
+              children: (user?.username?.[0] ?? user?.email?.[0] ?? "?").toUpperCase()
+            }
+          ),
+          onLogout && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "drawing-tool-btn",
+              title: "Log out",
+              onClick: onLogout,
+              children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "15", height: "15", stroke: "currentColor", fill: "none", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx("path", { d: "M6 2H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3" }),
+                /* @__PURE__ */ jsx("polyline", { points: "11 11 14 8 11 5" }),
+                /* @__PURE__ */ jsx("line", { x1: "14", y1: "8", x2: "6", y2: "8" })
+              ] })
+            }
           )
         ]
       }
@@ -8530,8 +10288,177 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
       {
         favorites,
         activeTool,
-        onSelectTool
+        onSelectTool,
+        containerRef
       }
+    ),
+    profileOpen && ReactDOM.createPortal(
+      /* @__PURE__ */ jsx("div", { className: "profile-drawer-overlay", onClick: () => setProfileOpen(false), children: /* @__PURE__ */ jsxs("div", { className: "profile-drawer", onClick: (e) => e.stopPropagation(), children: [
+        /* @__PURE__ */ jsxs("div", { className: "profile-drawer-header", children: [
+          /* @__PURE__ */ jsx("span", { children: "Account" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "profile-drawer-close-btn",
+              onClick: () => setProfileOpen(false),
+              title: "Close",
+              children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 14", width: "12", height: "12", stroke: "currentColor", fill: "none", strokeWidth: "2", strokeLinecap: "round", children: [
+                /* @__PURE__ */ jsx("line", { x1: "2", y1: "2", x2: "12", y2: "12" }),
+                /* @__PURE__ */ jsx("line", { x1: "12", y1: "2", x2: "2", y2: "12" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "profile-drawer-tabs", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: `profile-drawer-tab-btn${profileTab === "profile" ? " active" : ""}`,
+              onClick: () => setProfileTab("profile"),
+              children: "Profile"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: `profile-drawer-tab-btn${profileTab === "subscription" ? " active" : ""}`,
+              onClick: handleSubscriptionTab,
+              children: "Subscription"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "profile-drawer-tab-content", children: [
+          profileTab === "profile" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "profile-info-section", children: [
+              /* @__PURE__ */ jsx("div", { className: "profile-drawer-avatar", children: (user?.username?.[0] ?? user?.email?.[0] ?? "?").toUpperCase() }),
+              user?.username && /* @__PURE__ */ jsx("div", { className: "profile-drawer-name", children: user.username }),
+              user?.email && /* @__PURE__ */ jsx("div", { className: "profile-drawer-email", children: user.email }),
+              user?.role && /* @__PURE__ */ jsx("div", { className: "profile-drawer-role", style: { marginTop: 10 }, children: /* @__PURE__ */ jsx("span", { className: "profile-drawer-role-badge", children: user.role }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "profile-form-section", children: [
+              /* @__PURE__ */ jsx("h3", { children: "Change Email" }),
+              /* @__PURE__ */ jsxs("div", { className: "profile-form-group", children: [
+                /* @__PURE__ */ jsx("label", { className: "profile-form-label", children: "New email address" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "profile-form-input",
+                    type: "email",
+                    value: emailInput,
+                    onChange: (e) => setEmailInput(e.target.value),
+                    placeholder: "you@example.com",
+                    autoComplete: "email"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "profile-form-submit",
+                  disabled: emailBusy || !emailInput.trim(),
+                  onClick: () => void handleEmailUpdate(),
+                  children: emailBusy ? "Updating\u2026" : "Update Email"
+                }
+              ),
+              emailMsg && /* @__PURE__ */ jsx("div", { className: `profile-form-msg ${emailMsg.type}`, children: emailMsg.text })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "profile-form-section", children: [
+              /* @__PURE__ */ jsx("h3", { children: "Change Password" }),
+              /* @__PURE__ */ jsxs("div", { className: "profile-form-group", children: [
+                /* @__PURE__ */ jsx("label", { className: "profile-form-label", children: "Current password" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "profile-form-input",
+                    type: "password",
+                    value: currentPwd,
+                    onChange: (e) => setCurrentPwd(e.target.value),
+                    autoComplete: "current-password"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "profile-form-group", children: [
+                /* @__PURE__ */ jsx("label", { className: "profile-form-label", children: "New password" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "profile-form-input",
+                    type: "password",
+                    value: newPwd,
+                    onChange: (e) => setNewPwd(e.target.value),
+                    autoComplete: "new-password"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "profile-form-group", children: [
+                /* @__PURE__ */ jsx("label", { className: "profile-form-label", children: "Confirm new password" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "profile-form-input",
+                    type: "password",
+                    value: confirmPwd,
+                    onChange: (e) => setConfirmPwd(e.target.value),
+                    autoComplete: "new-password"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "profile-form-submit",
+                  disabled: pwdBusy || !currentPwd || !newPwd || !confirmPwd,
+                  onClick: () => void handlePasswordUpdate(),
+                  children: pwdBusy ? "Updating\u2026" : "Update Password"
+                }
+              ),
+              pwdMsg && /* @__PURE__ */ jsx("div", { className: `profile-form-msg ${pwdMsg.type}`, children: pwdMsg.text })
+            ] })
+          ] }),
+          profileTab === "subscription" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            plansLoading && /* @__PURE__ */ jsx("p", { className: "profile-subs-empty", children: "Loading plans\u2026" }),
+            !plansLoading && plans.length === 0 && /* @__PURE__ */ jsx("p", { className: "profile-subs-empty", children: "No subscription plans available." }),
+            !plansLoading && plans.length > 0 && /* @__PURE__ */ jsx("div", { className: "profile-subs-list", children: plans.map((plan) => /* @__PURE__ */ jsxs("div", { className: "profile-sub-card", children: [
+              /* @__PURE__ */ jsx("div", { className: "profile-sub-card-name", children: plan.name }),
+              plan.description && /* @__PURE__ */ jsx("div", { className: "profile-sub-card-desc", children: plan.description }),
+              /* @__PURE__ */ jsxs("div", { className: "profile-sub-card-price", children: [
+                "$",
+                plan.priceMonthly.toFixed(2),
+                " / month"
+              ] }),
+              plan.permissions.length > 0 && /* @__PURE__ */ jsx("div", { className: "profile-sub-card-perms", children: plan.permissions.map((p) => /* @__PURE__ */ jsx("span", { className: "profile-sub-perm-badge", children: p }, p)) }),
+              /* @__PURE__ */ jsx("div", { className: "profile-sub-card-footer", children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "profile-sub-subscribe-btn",
+                  onClick: () => void handleSubscribe(plan.id),
+                  children: "Subscribe"
+                }
+              ) }),
+              subscribeMsg?.id === plan.id && /* @__PURE__ */ jsx("div", { className: `profile-form-msg ${subscribeMsg.type}`, children: subscribeMsg.text })
+            ] }, plan.id)) })
+          ] })
+        ] }),
+        onLogout && /* @__PURE__ */ jsx("div", { className: "profile-drawer-footer", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "profile-drawer-logout-btn",
+            onClick: () => {
+              setProfileOpen(false);
+              onLogout();
+            },
+            children: [
+              /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "14", height: "14", stroke: "currentColor", fill: "none", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx("path", { d: "M6 2H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3" }),
+                /* @__PURE__ */ jsx("polyline", { points: "11 11 14 8 11 5" }),
+                /* @__PURE__ */ jsx("line", { x1: "14", y1: "8", x2: "6", y2: "8" })
+              ] }),
+              "Log out"
+            ]
+          }
+        ) })
+      ] }) }),
+      document.body
     )
   ] });
 }
@@ -8679,11 +10606,13 @@ function ChartSettingsDialog({ initialSettings, onApply, onClose }) {
   ] }) });
 }
 var CROSSHAIR_COLOR = DEMONSTRATION_COLOR;
-function PointerOverlay({ mode, width, height }) {
+function PointerOverlay({ mode, width, height, snapX }) {
   const svgRef = useRef(null);
   const hGroupRef = useRef(null);
   const vGroupRef = useRef(null);
   const cursorGroup = useRef(null);
+  const snapXRef = useRef(snapX);
+  snapXRef.current = snapX;
   useEffect(() => {
     const svg = svgRef.current;
     if (!svg) return;
@@ -8701,10 +10630,19 @@ function PointerOverlay({ mode, width, height }) {
         svg.style.opacity = "0";
         return;
       }
+      const target = e.target;
+      if (target && target.tagName === "CANVAS" && target.style.cursor) {
+        const c = target.style.cursor;
+        if (c.includes("resize")) {
+          svg.style.opacity = "0";
+          return;
+        }
+      }
       svg.style.opacity = "1";
+      const sx = snapXRef.current ? snapXRef.current(x) : x;
       if (hGroupRef.current) hGroupRef.current.style.transform = `translateY(${y}px)`;
-      if (vGroupRef.current) vGroupRef.current.style.transform = `translateX(${x}px)`;
-      if (cursorGroup.current) cursorGroup.current.style.transform = `translate(${x}px,${y}px)`;
+      if (vGroupRef.current) vGroupRef.current.style.transform = `translateX(${sx}px)`;
+      if (cursorGroup.current) cursorGroup.current.style.transform = `translate(${sx}px,${y}px)`;
     };
     const hide = () => {
       svg.style.opacity = "0";
@@ -8729,7 +10667,7 @@ function PointerOverlay({ mode, width, height }) {
         top: 0,
         left: 0,
         pointerEvents: "none",
-        zIndex: 5,
+        zIndex: 4,
         opacity: 0,
         overflow: "visible",
         willChange: "opacity"
@@ -8775,27 +10713,97 @@ function PointerOverlay({ mode, width, height }) {
     }
   );
 }
-var OVERLAY_COLORS = ["#2196f3", "#4caf50", "#ff9800", "#e040fb", "#00bcd4", "#f44336"];
-var _TF_SECONDS2 = {
-  "1s": 1,
-  "5s": 5,
-  "10s": 10,
-  "30s": 30,
-  "1m": 60,
-  "3m": 180,
-  "5m": 300,
-  "15m": 900,
-  "30m": 1800,
-  "1h": 3600,
-  "2h": 7200,
-  "4h": 14400,
-  "6h": 21600,
-  "12h": 43200,
-  "1d": 86400,
-  "3d": 259200,
-  "1w": 604800,
-  "1M": 2592e3
+var POS_STYLES = {
+  top_left: { top: 8, left: 8 },
+  top_center: { top: 8, left: "50%", transform: "translateX(-50%)" },
+  top_right: { top: 8, right: 78 },
+  // offset for price axis
+  middle_left: { top: "50%", left: 8, transform: "translateY(-50%)" },
+  middle_center: { top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
+  middle_right: { top: "50%", right: 78, transform: "translateY(-50%)" },
+  bottom_left: { bottom: 8, left: 8 },
+  bottom_center: { bottom: 8, left: "50%", transform: "translateX(-50%)" },
+  bottom_right: { bottom: 8, right: 78 }
+};
+var SIZE_MAP = {
+  tiny: 9,
+  small: 10,
+  normal: 11,
+  large: 14,
+  huge: 18,
+  auto: 11
+};
+var HALIGN_MAP = {
+  left: "left",
+  center: "center",
+  right: "right"
+};
+var VALIGN_MAP = {
+  top: "top",
+  center: "middle",
+  bottom: "bottom"
 };
+function TableOverlay({ tables }) {
+  if (!tables || tables.length === 0) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: tables.map((table) => {
+    const posStyle = POS_STYLES[table.position] ?? POS_STYLES["top_right"];
+    const grid = [];
+    for (let r = 0; r < table.rows; r++) {
+      const row = [];
+      for (let c = 0; c < table.cols; c++) {
+        row.push(table.cells.find((cell) => cell.row === r && cell.col === c) ?? null);
+      }
+      grid.push(row);
+    }
+    const frameStyle = table.frameWidth > 0 ? `${table.frameWidth}px solid ${table.frameColor}` : void 0;
+    const cellBorderStyle = table.borderWidth > 0 ? `${table.borderWidth}px solid ${table.borderColor}` : void 0;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          ...posStyle,
+          zIndex: 15,
+          pointerEvents: "none"
+        },
+        children: /* @__PURE__ */ jsx(
+          "table",
+          {
+            style: {
+              borderCollapse: "collapse",
+              background: table.bgColor === "transparent" ? "rgba(19,23,34,0.85)" : table.bgColor,
+              border: frameStyle ?? (cellBorderStyle ?? "none"),
+              borderRadius: 3,
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsx("tbody", { children: grid.map((row, rIdx) => /* @__PURE__ */ jsx("tr", { children: row.map((cell, cIdx) => /* @__PURE__ */ jsx(
+              "td",
+              {
+                style: {
+                  padding: "2px 6px",
+                  fontSize: SIZE_MAP[cell?.textSize ?? "normal"] ?? 11,
+                  fontFamily: "-apple-system, BlinkMacSystemFont, sans-serif",
+                  color: cell?.textColor ?? "#d1d4dc",
+                  background: cell?.bgColor === "transparent" ? "transparent" : cell?.bgColor ?? "transparent",
+                  whiteSpace: "nowrap",
+                  textAlign: HALIGN_MAP[cell?.textHAlign ?? "center"] ?? "center",
+                  verticalAlign: VALIGN_MAP[cell?.textVAlign ?? "center"] ?? "middle",
+                  lineHeight: 1.4,
+                  border: cellBorderStyle
+                },
+                children: cell?.text ?? ""
+              },
+              cIdx
+            )) }, rIdx)) })
+          }
+        )
+      },
+      table.id
+    );
+  }) });
+}
+var OVERLAY_COLORS = ["#2196f3", "#4caf50", "#ff9800", "#e040fb", "#00bcd4", "#f44336"];
+var _TF_SECONDS = (tf) => parseTfSeconds(tf) ?? 3600;
 function _isLightBg(hex) {
   const c = hex.replace("#", "");
   if (c.length < 6) return false;
@@ -8844,6 +10852,11 @@ function _fmtPrice(v) {
   const dec = abs >= 100 ? 2 : abs >= 1 ? 2 : abs >= 1e-4 ? 4 : 6;
   return v.toLocaleString("en-US", { minimumFractionDigits: dec, maximumFractionDigits: dec });
 }
+function _fmtVol(v) {
+  if (v >= 1e6) return `${(v / 1e6).toFixed(2)}M`;
+  if (v >= 1e3) return `${(v / 1e3).toFixed(1)}K`;
+  return v.toFixed(0);
+}
 function PricePaneHeader({
   symbol,
   timeframe,
@@ -8865,6 +10878,17 @@ function PricePaneHeader({
   const muted = theme === "dark" ? "rgba(255,255,255,0.42)" : "rgba(0,0,0,0.38)";
   const textColor = theme === "dark" ? "rgba(255,255,255,0.82)" : "rgba(0,0,0,0.82)";
   const overlayInds = indicators.filter((ind) => ind.config.overlay === true);
+  const dailyVolume = (() => {
+    if (!lastBar) return 0;
+    const lastDate = new Date(lastBar.time * 1e3);
+    const dayStart = new Date(lastDate.getFullYear(), lastDate.getMonth(), lastDate.getDate()).getTime() / 1e3;
+    let total = 0;
+    for (let i = bars.length - 1; i >= 0; i--) {
+      if (bars[i].time < dayStart) break;
+      total += bars[i].volume;
+    }
+    return total;
+  })();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8932,6 +10956,11 @@ function PricePaneHeader({
               isUp ? "+" : "",
               pctChange.toFixed(2),
               "%)"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { style: { color: muted }, children: "V" }),
+              /* @__PURE__ */ jsx("span", { style: { color: muted }, children: " " }),
+              /* @__PURE__ */ jsx("span", { style: { color: textColor }, children: _fmtVol(dailyVolume) })
             ] })
           ] })
         ] }),
@@ -8988,7 +11017,15 @@ var ChartCanvas = forwardRef(
     priceFraction: priceFractionProp,
     onPriceFractionChange,
     getExchangeLogoUrl,
-    tradingBridge
+    tradingBridge,
+    onLogout,
+    user,
+    getAuthToken,
+    apiUrl,
+    initialActiveTool,
+    onPointerToolChange,
+    drawingFavorites: drawingFavoritesProp,
+    onDrawingFavoritesChange
   }, ref) {
     const outerRef = useRef(null);
     const priceRef = useRef(null);
@@ -9002,7 +11039,8 @@ var ChartCanvas = forwardRef(
     const [panes, setPanes] = useState([]);
     const [indicators, setIndicators] = useState([]);
     const [totalHeight, setTotalHeight] = useState(600);
-    const [activeTool, setActiveTool] = useState("cursor");
+    const [activeTool, setActiveTool] = useState(initialActiveTool ?? "cursor");
+    const [drawingFavorites, setDrawingFavorites] = useState(drawingFavoritesProp ?? []);
     const [ctxMenu, setCtxMenu] = useState(null);
     const [chartCtxMenu, setChartCtxMenu] = useState(null);
     const [settingsOpen, setSettingsOpen] = useState(false);
@@ -9019,6 +11057,8 @@ var ChartCanvas = forwardRef(
     );
     const drawOverlayRef = useRef(null);
     const [priceFraction, setPriceFraction] = useState(priceFractionProp ?? 0.6);
+    const selectPointerToolRef = useRef(() => {
+    });
     useImperativeHandle(ref, () => ({
       getLayoutSnapshot: () => chartRef.current?.saveLayout() ?? null,
       loadLayoutSnapshot: (layout) => {
@@ -9026,6 +11066,7 @@ var ChartCanvas = forwardRef(
       },
       addIndicator: (config) => chartRef.current?.addIndicator(config) ?? null,
       getOverlayStore: () => chartRef.current?.getTradingOverlayStore() ?? null,
+      selectPointerTool: (tool) => selectPointerToolRef.current(tool),
       captureScreenshot: async () => {
         const container = outerRef.current;
         if (!container) return null;
@@ -9082,7 +11123,7 @@ var ChartCanvas = forwardRef(
       chart.on("dataLoaded", ({ interval: loadedInterval }) => {
         setLoading(false);
         syncChartState();
-        const tfSec = _TF_SECONDS2[loadedInterval] ?? 3600;
+        const tfSec = _TF_SECONDS(loadedInterval);
         const savedSpan = layoutToRestore?.viewport ? layoutToRestore.viewport.timeRange.to - layoutToRestore.viewport.timeRange.from : 0;
         const hasValidViewport = !!layoutToRestore?.viewport && layoutToRestore.interval === loadedInterval && savedSpan >= tfSec * 50;
         if (hasValidViewport) {
@@ -9126,6 +11167,9 @@ var ChartCanvas = forwardRef(
         }
       }
       chartRef.current = chart;
+      const initTool = initialActiveTool ?? "cursor";
+      chart.setCrosshairEnabled(initTool === "crosshair");
+      chart.setNativeCursorHidden(initTool !== "cursor");
       syncChartState();
       return () => {
         chart.destroy();
@@ -9175,14 +11219,19 @@ var ChartCanvas = forwardRef(
         if (!ctx) return;
         ctx.clearRect(0, 0, physW, physH);
         const overlayInds = indicators.filter((ind) => ind.config.overlay === true);
-        if (overlayInds.length === 0) return;
+        if (overlayInds.length === 0) {
+          chartRef.current?.setIndicatorLines([]);
+          return;
+        }
         ctx.save();
         ctx.scale(dpr, dpr);
         const plotW = transform.plotWidth;
         let colorIdx = 0;
+        const indicatorLines = [];
         for (const ind of overlayInds) {
           const result = computedResults.get(ind.id);
           if (!result || result.kind !== "series" || result.points.length === 0) continue;
+          indicatorLines.push({ id: ind.id, points: result.points });
           const color = ind.config.color ?? OVERLAY_COLORS[colorIdx++ % OVERLAY_COLORS.length];
           ctx.strokeStyle = color;
           ctx.lineWidth = 1.5;
@@ -9204,6 +11253,7 @@ var ChartCanvas = forwardRef(
           }
           ctx.stroke();
         }
+        chartRef.current?.setIndicatorLines(indicatorLines);
         ctx.restore();
       };
       drawOverlayRef.current();
@@ -9316,11 +11366,15 @@ var ChartCanvas = forwardRef(
         chart.cancelDrawingTool();
         chart.setCrosshairEnabled(tool === "crosshair");
         chart.setNativeCursorHidden(tool !== "cursor");
+        onPointerToolChange?.(tool);
       } else {
         chart.setCrosshairEnabled(false);
         chart.startDrawingTool(tool);
       }
-    }, []);
+    }, [onPointerToolChange]);
+    const handleToolSelectRef = useRef(handleToolSelect);
+    handleToolSelectRef.current = handleToolSelect;
+    selectPointerToolRef.current = handleToolSelect;
     const handlePriceDividerDrag = useCallback(
       (dy) => {
         if (totalHeight === 0) return;
@@ -9359,7 +11413,7 @@ var ChartCanvas = forwardRef(
           width: "100%",
           height: "100%",
           display: "flex",
-          gap: 8,
+          gap: 4,
           overflow: "hidden"
         },
         children: [
@@ -9371,13 +11425,23 @@ var ChartCanvas = forwardRef(
               onVisibilityAction: handleVisibilityAction,
               visibilityActiveAction,
               onVisibilityDeactivate: handleVisibilityDeactivate,
-              onDeleteClick: () => chartRef.current?.deleteSelectedDrawing()
+              onDeleteClick: () => chartRef.current?.deleteSelectedDrawing(),
+              drawingFavorites,
+              onDrawingFavoritesChange: (favs) => {
+                setDrawingFavorites(favs);
+                onDrawingFavoritesChange?.(favs);
+              },
+              containerRef: outerRef,
+              ...onLogout ? { onLogout } : {},
+              ...user ? { user } : {},
+              ...getAuthToken ? { getAuthToken } : {},
+              ...apiUrl ? { apiUrl } : {}
             }
           ),
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: activeTool === "crosshair" ? "chart-crosshair-mode" : void 0,
+              className: activeTool === "crosshair" || activeTool === "dot" || activeTool === "demonstration" ? "chart-crosshair-mode" : void 0,
               style: {
                 flex: 1,
                 display: "flex",
@@ -9396,13 +11460,41 @@ var ChartCanvas = forwardRef(
                 crosshairXRef.current = null;
               },
               children: [
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: "https://forgecharts.com",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    style: {
+                      position: "absolute",
+                      bottom: 38,
+                      left: 38,
+                      zIndex: 5,
+                      lineHeight: 0
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: theme === "light" ? logo_light_default : logo_dark_default,
+                        alt: "ForgeCharts",
+                        style: {
+                          height: 48,
+                          width: "auto",
+                          opacity: 0.55,
+                          userSelect: "none"
+                        }
+                      }
+                    )
+                  }
+                ),
                 /* @__PURE__ */ jsxs(
                   "div",
                   {
                     style: { position: "relative", height: `${priceH}px`, flexShrink: 0 },
                     onContextMenu: handleCanvasContextMenu,
                     children: [
-                      /* @__PURE__ */ jsx("div", { ref: priceRef, style: { width: "100%", height: "100%" } }),
+                      /* @__PURE__ */ jsx("div", { ref: priceRef, style: { width: "100%", height: "100%", filter: loading ? "blur(4px)" : "none", transition: "filter 0.3s ease", willChange: "filter" } }),
                       /* @__PURE__ */ jsx(
                         "canvas",
                         {
@@ -9424,10 +11516,15 @@ var ChartCanvas = forwardRef(
                         {
                           mode: activeTool,
                           width: priceRef.current?.clientWidth ?? 0,
-                          height: priceH
+                          height: priceH,
+                          snapX: (x) => chartRef.current?.snapXToBar(x).x ?? x
                         }
                       ),
                       "          ",
+                      (() => {
+                        const allTables = Array.from(computedResults.values()).filter((r) => r.kind === "series" && !!r.scriptResult?.tables?.length).flatMap((r) => r.scriptResult.tables);
+                        return allTables.length > 0 ? /* @__PURE__ */ jsx(TableOverlay, { tables: allTables }) : null;
+                      })(),
                       /* @__PURE__ */ jsx(
                         PricePaneHeader,
                         {
@@ -9445,22 +11542,7 @@ var ChartCanvas = forwardRef(
                     ]
                   }
                 ),
-                loading && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    style: {
-                      position: "absolute",
-                      top: priceH / 2 - 12,
-                      left: "50%",
-                      transform: "translateX(-50%)",
-                      color: "var(--text-muted, #787b86)",
-                      fontSize: 13,
-                      pointerEvents: "none",
-                      zIndex: 10
-                    },
-                    children: "Loading\u2026"
-                  }
-                ),
+                loading && /* @__PURE__ */ jsx(CandleLoadingSpinner, {}),
                 error && /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -9577,10 +11659,86 @@ var ChartCanvas = forwardRef(
     );
   }
 );
+function CandleLoadingSpinner() {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        pointerEvents: "none",
+        zIndex: 10
+      },
+      children: /* @__PURE__ */ jsxs("svg", { width: "56", height: "112", viewBox: "0 0 28 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx("style", { children: `
+          @keyframes fc-wick-grow {
+            0%   { transform: scaleY(0); opacity: 0; }
+            20%  { transform: scaleY(1); opacity: 1; }
+            80%  { transform: scaleY(1); opacity: 1; }
+            100% { transform: scaleY(0); opacity: 0; }
+          }
+          @keyframes fc-body-grow {
+            0%   { transform: scaleY(0); opacity: 0; }
+            15%  { transform: scaleY(0); opacity: 0; }
+            55%  { transform: scaleY(1); opacity: 1; }
+            80%  { transform: scaleY(1); opacity: 1; }
+            100% { transform: scaleY(0); opacity: 0; }
+          }
+          .fc-wick {
+            transform-box: fill-box;
+            transform-origin: bottom center;
+            animation: fc-wick-grow 1.6s cubic-bezier(0.4,0,0.2,1) infinite;
+          }
+          .fc-body {
+            transform-box: fill-box;
+            transform-origin: bottom center;
+            animation: fc-body-grow 1.6s cubic-bezier(0.4,0,0.2,1) infinite;
+          }
+        ` }),
+        /* @__PURE__ */ jsx("rect", { className: "fc-wick", x: "13", y: "44", width: "2", height: "10", rx: "1", fill: "#26a69a" }),
+        /* @__PURE__ */ jsx("rect", { className: "fc-body", x: "6", y: "18", width: "16", height: "28", rx: "2", fill: "#26a69a" }),
+        /* @__PURE__ */ jsx("rect", { className: "fc-wick", x: "13", y: "4", width: "2", height: "14", rx: "1", fill: "#26a69a" })
+      ] })
+    }
+  );
+}
 function TabBar({ tabs, activeId, onSelect, onAdd, onClose, onRename }) {
   const [editingId, setEditingId] = useState(null);
   const [editValue, setEditValue] = useState("");
   const inputRef = useRef(null);
+  const scrollRef = useRef(null);
+  const [canScrollLeft, setCanScrollLeft] = useState(false);
+  const [canScrollRight, setCanScrollRight] = useState(false);
+  const updateArrows = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    setCanScrollLeft(el.scrollLeft > 0);
+    setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
+  }, []);
+  useEffect(() => {
+    updateArrows();
+    const el = scrollRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(updateArrows);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [tabs, updateArrows]);
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const activeEl = el.querySelector(".tab-item.active");
+    activeEl?.scrollIntoView({ block: "nearest", inline: "nearest" });
+    requestAnimationFrame(updateArrows);
+  }, [activeId, updateArrows]);
+  function scrollTabs(dir) {
+    scrollRef.current?.scrollBy({ left: dir * 150, behavior: "smooth" });
+  }
   function startEdit(tab, e) {
     e.stopPropagation();
     setEditingId(tab.id);
@@ -9594,49 +11752,77 @@ function TabBar({ tabs, activeId, onSelect, onAdd, onClose, onRename }) {
     setEditingId(null);
   }
   return /* @__PURE__ */ jsxs("div", { className: "tab-bar", children: [
-    tabs.map((tab) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `tab-scroll-btn tab-scroll-left${canScrollLeft ? " visible" : ""}`,
+        onClick: () => scrollTabs(-1),
+        tabIndex: -1,
+        title: "Scroll tabs left",
+        children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 10 14", width: "8", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "8,2 2,7 8,12" }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
       "div",
       {
-        className: `tab-item${tab.id === activeId ? " active" : ""}`,
-        onClick: () => onSelect(tab.id),
-        onDoubleClick: (e) => startEdit(tab, e),
-        title: "Double-click to rename",
-        children: [
-          editingId === tab.id ? /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              className: "tab-rename-input",
-              value: editValue,
-              onChange: (e) => setEditValue(e.target.value),
-              onBlur: commitEdit,
-              onKeyDown: (e) => {
-                if (e.key === "Enter") commitEdit();
-                if (e.key === "Escape") setEditingId(null);
-              },
-              onClick: (e) => e.stopPropagation(),
-              autoFocus: true
-            }
-          ) : /* @__PURE__ */ jsxs("span", { className: "tab-label", children: [
-            tab.label,
-            tab.isSaved && /* @__PURE__ */ jsx("span", { className: "tab-saved-dot", title: "Saved layout" })
-          ] }),
-          tabs.length > 1 && /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "tab-close",
-              title: "Close tab",
-              onClick: (e) => {
-                e.stopPropagation();
-                onClose(tab.id);
-              },
-              children: "\xD7"
-            }
-          )
-        ]
-      },
-      tab.id
-    )),
+        className: "tab-bar-scroll",
+        ref: scrollRef,
+        onScroll: updateArrows,
+        children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `tab-item${tab.id === activeId ? " active" : ""}`,
+            onClick: () => onSelect(tab.id),
+            onDoubleClick: (e) => startEdit(tab, e),
+            title: "Double-click to rename",
+            children: [
+              editingId === tab.id ? /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: inputRef,
+                  className: "tab-rename-input",
+                  value: editValue,
+                  onChange: (e) => setEditValue(e.target.value),
+                  onBlur: commitEdit,
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") commitEdit();
+                    if (e.key === "Escape") setEditingId(null);
+                  },
+                  onClick: (e) => e.stopPropagation(),
+                  autoFocus: true
+                }
+              ) : /* @__PURE__ */ jsxs("span", { className: "tab-label", children: [
+                tab.label,
+                tab.isSaved && /* @__PURE__ */ jsx("span", { className: "tab-saved-dot", title: "Saved layout" })
+              ] }),
+              tabs.length > 1 && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "tab-close",
+                  title: "Close tab",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onClose(tab.id);
+                  },
+                  children: "\xD7"
+                }
+              )
+            ]
+          },
+          tab.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `tab-scroll-btn tab-scroll-right${canScrollRight ? " visible" : ""}`,
+        onClick: () => scrollTabs(1),
+        tabIndex: -1,
+        title: "Scroll tabs right",
+        children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 10 14", width: "8", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "2,2 8,7 2,12" }) })
+      }
+    ),
     /* @__PURE__ */ jsx("button", { className: "tab-add", onClick: onAdd, title: "New chart tab", children: "+" })
   ] });
 }
@@ -9983,7 +12169,7 @@ function SymbolSearchDialog({ current, onSelect, onClose, symbolResolver }) {
   const [searchHasMore, setSearchHasMore] = useState(false);
   const inputRef = useRef(null);
   const dialogRef = useRef(null);
-  const sentinelRef = useRef(null);
+  const observerRef = useRef(null);
   const searchTimer = useRef(null);
   const queryRef = useRef(query);
   const activeTabRef = useRef(activeTab);
@@ -10058,9 +12244,12 @@ function SymbolSearchDialog({ current, onSelect, onClose, symbolResolver }) {
   const loadMoreSearchRef = useRef(loadMoreSearch);
   loadMoreTabRef.current = loadMoreTab;
   loadMoreSearchRef.current = loadMoreSearch;
-  useEffect(() => {
-    const sentinel = sentinelRef.current;
-    if (!sentinel) return;
+  const observeSentinel = useCallback((node) => {
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+      observerRef.current = null;
+    }
+    if (!node) return;
     const observer = new IntersectionObserver((entries) => {
       if (entries[0]?.isIntersecting) {
         if (queryRef.current.trim()) {
@@ -10070,8 +12259,8 @@ function SymbolSearchDialog({ current, onSelect, onClose, symbolResolver }) {
         }
       }
     }, { threshold: 0.1 });
-    observer.observe(sentinel);
-    return () => observer.disconnect();
+    observer.observe(node);
+    observerRef.current = observer;
   }, []);
   const doSearch = useCallback((q, tab) => {
     if (searchTimer.current) clearTimeout(searchTimer.current);
@@ -10191,12 +12380,12 @@ function SymbolSearchDialog({ current, onSelect, onClose, symbolResolver }) {
       return /* @__PURE__ */ jsxs("div", { className: "sym-list", children: [
         displayList.map(renderRow),
         renderDirectRow(),
-        /* @__PURE__ */ jsx("div", { ref: sentinelRef, className: "sym-sentinel" }),
+        /* @__PURE__ */ jsx("div", { ref: observeSentinel, className: "sym-sentinel" }),
         loadingMore && /* @__PURE__ */ jsx("div", { className: "sym-loading-more", children: "Loading more\u2026" })
       ] });
     return /* @__PURE__ */ jsxs("div", { className: "sym-list", children: [
       displayList.map(renderRow),
-      /* @__PURE__ */ jsx("div", { ref: sentinelRef, className: "sym-sentinel" }),
+      /* @__PURE__ */ jsx("div", { ref: observeSentinel, className: "sym-sentinel" }),
       loadingMore && /* @__PURE__ */ jsx("div", { className: "sym-loading-more", children: "Loading more\u2026" })
     ] });
   };
@@ -10521,6 +12710,7 @@ function TimeframeDropdown({
   onSelect,
   onToggleFavorite,
   onAddCustom,
+  onRemoveCustom,
   onClose
 }) {
   const [collapsed, setCollapsed] = useState({});
@@ -10628,7 +12818,7 @@ function TimeframeDropdown({
           ]
         }
       ),
-      !collapsed["Custom"] && customTimeframes.map((tf) => /* @__PURE__ */ jsx(
+      !collapsed["Custom"] && customTimeframes.map((tf) => /* @__PURE__ */ jsxs(
         "button",
         {
           className: "tf-dropdown-row",
@@ -10636,7 +12826,21 @@ function TimeframeDropdown({
             onSelect(tf);
             onClose();
           },
-          children: /* @__PURE__ */ jsx("span", { children: tf })
+          children: [
+            /* @__PURE__ */ jsx("span", { children: tf }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "tf-star-btn",
+                title: "Remove custom interval",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onRemoveCustom(tf);
+                },
+                children: /* @__PURE__ */ jsx("span", { style: { fontSize: 12, lineHeight: 1 }, children: "\u2715" })
+              }
+            )
+          ]
         },
         tf
       ))
@@ -10652,6 +12856,7 @@ function TopToolbar({
   onSymbolChange,
   onTimeframeChange,
   onAddCustomTimeframe,
+  onRemoveCustomTimeframe,
   onFavoritesChange,
   onAddIndicator,
   onToggleTheme,
@@ -10702,8 +12907,6 @@ function TopToolbar({
         flexShrink: 0
       },
       children: [
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 700, letterSpacing: "-0.5px", color: "var(--accent)" }, children: "ForgeCharts" }),
-        /* @__PURE__ */ jsx("div", { className: "toolbar-sep" }),
         /* @__PURE__ */ jsxs(
           "button",
           {
@@ -10752,15 +12955,14 @@ function TopToolbar({
             },
             tf
           )),
-          !favorites.includes(timeframe) && timeframe && /* @__PURE__ */ jsx("button", { className: "active", style: { fontStyle: "italic" }, children: timeframe }),
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: tfOpen ? "active" : void 0,
+              className: tfOpen || !favorites.includes(timeframe) ? "active" : void 0,
               onClick: () => setTfOpen((o) => !o),
               title: "More timeframes",
               style: { fontSize: 11, padding: "4px 7px" },
-              children: "\u25BE"
+              children: !favorites.includes(timeframe) ? `${timeframe} \u25BE` : "\u25BE"
             }
           ),
           tfOpen && /* @__PURE__ */ jsx(
@@ -10775,6 +12977,7 @@ function TopToolbar({
                 onFavoritesChange(next);
               },
               onAddCustom: onAddCustomTimeframe,
+              onRemoveCustom: onRemoveCustomTimeframe,
               onClose: () => setTfOpen(false)
             }
           )
@@ -10904,6 +13107,11 @@ function TopToolbar({
     }
   );
 }
+var OrderEntryIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1.5" }),
+  /* @__PURE__ */ jsx("line", { x1: "5", y1: "8", x2: "11", y2: "8" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", y1: "5", x2: "8", y2: "11" })
+] });
 var WatchListIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "16", height: "16", stroke: "currentColor", fill: "none", strokeWidth: "1.5", children: [
   /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "12", height: "1.5", rx: "0.5", fill: "currentColor", stroke: "none" }),
   /* @__PURE__ */ jsx("rect", { x: "2", y: "7", width: "9", height: "1.5", rx: "0.5", fill: "currentColor", stroke: "none" }),
@@ -10912,8 +13120,8 @@ var WatchListIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", wi
   /* @__PURE__ */ jsx("line", { x1: "13", y1: "10.75", x2: "13", y2: "12.75", strokeWidth: "1.2" }),
   /* @__PURE__ */ jsx("line", { x1: "12", y1: "11.75", x2: "14", y2: "11.75", strokeWidth: "1.2" })
 ] });
-function RightToolbar({ watchlistOpen, onToggleWatchlist }) {
-  return /* @__PURE__ */ jsx(
+function RightToolbar({ watchlistOpen, onToggleWatchlist, orderEntryOpen, onToggleOrderEntry, showOrderEntry }) {
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
@@ -10928,15 +13136,26 @@ function RightToolbar({ watchlistOpen, onToggleWatchlist }) {
         flexShrink: 0,
         userSelect: "none"
       },
-      children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          title: "Watch List",
-          className: `drawing-tool-btn${watchlistOpen ? " is-active" : ""}`,
-          onClick: onToggleWatchlist,
-          children: /* @__PURE__ */ jsx(WatchListIcon, {})
-        }
-      )
+      children: [
+        showOrderEntry !== false && /* @__PURE__ */ jsx(
+          "button",
+          {
+            title: "Order Entry",
+            className: `drawing-tool-btn${orderEntryOpen ? " is-active" : ""}`,
+            onClick: onToggleOrderEntry,
+            children: /* @__PURE__ */ jsx(OrderEntryIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            title: "Watch List",
+            className: `drawing-tool-btn${watchlistOpen ? " is-active" : ""}`,
+            onClick: onToggleWatchlist,
+            children: /* @__PURE__ */ jsx(WatchListIcon, {})
+          }
+        )
+      ]
     }
   );
 }
@@ -11108,14 +13327,19 @@ function symbolSupportsSession(symbol) {
 function useClockTime(timezone) {
   const [time, setTime] = useState(() => _formatClock(timezone));
   useEffect(() => {
-    setTime(_formatClock(timezone));
-    const id = setInterval(() => setTime(_formatClock(timezone)), 1e3);
-    return () => clearInterval(id);
+    let id;
+    const tick = () => {
+      setTime(_formatClock(timezone));
+      id = setTimeout(tick, 1e3 - Date.now() % 1e3);
+    };
+    id = setTimeout(tick, 1e3 - Date.now() % 1e3);
+    return () => clearTimeout(id);
   }, [timezone]);
   return time;
 }
 function _formatClock(timezone) {
   const tz = timezone === "exchange" ? "UTC" : timezone;
+  const now = new Date(exchangeNow());
   try {
     return new Intl.DateTimeFormat("en-GB", {
       timeZone: tz,
@@ -11123,7 +13347,7 @@ function _formatClock(timezone) {
       minute: "2-digit",
       second: "2-digit",
       hour12: false
-    }).format(/* @__PURE__ */ new Date());
+    }).format(now);
   } catch {
     return new Intl.DateTimeFormat("en-GB", {
       timeZone: "UTC",
@@ -11131,7 +13355,7 @@ function _formatClock(timezone) {
       minute: "2-digit",
       second: "2-digit",
       hour12: false
-    }).format(/* @__PURE__ */ new Date());
+    }).format(now);
   }
 }
 function BottomToolbar({ symbol, timezone, onTimezoneChange, session, onSessionChange, onToggleScriptDrawer, scriptDrawerOpen }) {
@@ -11256,10 +13480,10 @@ function BottomToolbar({ symbol, timezone, onTimezoneChange, session, onSessionC
                 setSessionOpen(false);
               },
               children: [
-                session === "regular" && /* @__PURE__ */ jsx("span", { className: "bottom-bar-check", children: "\xE2\u0153\u201C" }),
+                session === "regular" && /* @__PURE__ */ jsx("span", { className: "bottom-bar-check", children: "\u2713" }),
                 /* @__PURE__ */ jsxs("span", { className: "bottom-bar-session-label", children: [
                   /* @__PURE__ */ jsx("strong", { children: "Regular trading hours" }),
-                  /* @__PURE__ */ jsx("span", { children: "Exchange session only (RTH) \xE2\u20AC\u201D cleaner signals, higher liquidity" })
+                  /* @__PURE__ */ jsx("span", { children: "Exchange session only (RTH) \u2014 cleaner signals, higher liquidity" })
                 ] })
               ]
             }
@@ -11273,10 +13497,10 @@ function BottomToolbar({ symbol, timezone, onTimezoneChange, session, onSessionC
                 setSessionOpen(false);
               },
               children: [
-                session === "extended" && /* @__PURE__ */ jsx("span", { className: "bottom-bar-check", children: "\xE2\u0153\u201C" }),
+                session === "extended" && /* @__PURE__ */ jsx("span", { className: "bottom-bar-check", children: "\u2713" }),
                 /* @__PURE__ */ jsxs("span", { className: "bottom-bar-session-label", children: [
                   /* @__PURE__ */ jsx("strong", { children: "Extended / electronic hours" }),
-                  /* @__PURE__ */ jsx("span", { children: "Includes pre-market & after-hours (ETH) \xE2\u20AC\u201D full price range" })
+                  /* @__PURE__ */ jsx("span", { children: "Includes pre-market & after-hours (ETH) \u2014 full price range" })
                 ] })
               ]
             }
@@ -11303,6 +13527,7 @@ function ChartWorkspace({
   onSymbolChange,
   onTimeframeChange,
   onAddCustomTimeframe,
+  onRemoveCustomTimeframe,
   onFavoriteTfsChange,
   onAddIndicator,
   onToggleTheme,
@@ -11328,6 +13553,9 @@ function ChartWorkspace({
   // RightToolbar
   watchlistOpen,
   onToggleWatchlist,
+  orderEntryOpen,
+  onToggleOrderEntry,
+  showOrderEntry,
   // BottomToolbar
   activeSymbol,
   timezone,
@@ -11340,6 +13568,7 @@ function ChartWorkspace({
   chartSlots,
   isLicensed,
   wsLoaded,
+  leftDrawers,
   drawers
 }) {
   const tabItems = tabs.map((t) => ({
@@ -11396,6 +13625,7 @@ function ChartWorkspace({
             onSymbolChange,
             onTimeframeChange,
             onAddCustomTimeframe,
+            onRemoveCustomTimeframe,
             onFavoritesChange: onFavoriteTfsChange,
             onAddIndicator,
             onToggleTheme,
@@ -11420,8 +13650,8 @@ function ChartWorkspace({
             ...onToggleTradeDrawer !== void 0 ? { onToggleTradeDrawer } : {}
           }
         ),
-        /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", gap: 8, minHeight: 0, overflow: "hidden" }, children: [
-          /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", gap: 8, minWidth: 0, minHeight: 0 }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", gap: 4, minHeight: 0, overflow: "hidden" }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", gap: 4, minWidth: 0, minHeight: 0 }, children: [
             !isLicensed && /* @__PURE__ */ jsxs("div", { style: {
               position: "absolute",
               inset: 0,
@@ -11442,11 +13672,16 @@ function ChartWorkspace({
               /* @__PURE__ */ jsx("div", { style: { color: "rgba(255,255,255,0.65)", fontSize: 13 }, children: "Please activate your license in the admin studio" })
             ] }),
             /* @__PURE__ */ jsx("div", { style: { position: "relative", flex: 1, minWidth: 0, minHeight: 0 }, children: chartSlots }),
+            leftDrawers,
             /* @__PURE__ */ jsx(
               RightToolbar,
               {
                 watchlistOpen,
-                onToggleWatchlist
+                onToggleWatchlist,
+                orderEntryOpen: orderEntryOpen ?? false,
+                onToggleOrderEntry: onToggleOrderEntry ?? (() => {
+                }),
+                showOrderEntry
               }
             )
           ] }),