hyperprop-charting-library 0.1.133 → 0.1.135

package/dist/hyperprop-charting-library.js

@@ -1,4 +1,4 @@
-// src/index.ts
+// src/types.ts
 var POSITION_DEFAULT_COLORS = ["#26a69a", "#ef5350", "#ffffff"];
 var FIB_DEFAULT_PALETTE = [
   "#787b86",
@@ -10,387 +10,127 @@ var FIB_DEFAULT_PALETTE = [
   "#2962ff",
   "#9c27b0"
 ];
-var DEFAULT_GRID_OPTIONS = {
-  color: "#2b2f38",
-  opacity: 0.38,
-  horizontalLines: true,
-  verticalLines: true,
-  xTickCount: 8,
-  yTickCount: 6,
-  horizontalTickCount: 6,
-  sessionSeparators: false,
-  sessionSeparatorColor: "#3b4150",
-  sessionSeparatorOpacity: 0.55
+
+// src/indicators.ts
+var getIndicatorSourceValue = (point, source) => {
+  if (source === "open") return point.o;
+  if (source === "high") return point.h;
+  if (source === "low") return point.l;
+  if (source === "hl2") return (point.h + point.l) / 2;
+  return point.c;
 };
-var DEFAULT_AXIS_OPTIONS = {
-  lineColor: "#3b3f47",
-  textColor: "#a9adb6",
-  fontSize: 12,
-  lineWidth: 1
+var clampIndicatorLength = (value, fallback) => {
+  return Math.max(1, Math.round(Number(value) || fallback));
 };
-var DEFAULT_CROSSHAIR_OPTIONS = {
-  visible: true,
-  color: "#94a3b8",
-  width: 1,
-  style: "dotted",
-  mode: "cross",
-  dotRadius: 3,
-  showHorizontal: true,
-  showVertical: true,
-  showPriceLabel: true,
-  showTimeLabel: true,
-  timeLabelFormat: "auto",
-  labelBackgroundColor: "#0b1220",
-  labelTextColor: "#cbd5e1",
-  labelBorderRadius: 3,
-  labelBorderColor: "#94a3b8",
-  labelBorderWidth: 1,
-  labelBorderStyle: "solid",
-  showPriceActionButton: false,
-  priceActionButtonIcon: "plusThin",
-  priceActionButtonText: "+",
-  priceActionButtonSize: 16,
-  priceActionButtonGap: 4,
-  priceActionButtonRounded: true,
-  priceActionButtonBorderRadius: 8,
-  sideHintLeft: "",
-  sideHintRight: "",
-  sideHintLeftColor: "#26a69a",
-  sideHintRightColor: "#ef5350"
+var parseColorToRgb = (value) => {
+  if (!value) return null;
+  const normalized = value.trim().toLowerCase();
+  if (normalized === "white") return { r: 255, g: 255, b: 255 };
+  if (normalized === "black") return { r: 0, g: 0, b: 0 };
+  const hex3 = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/.exec(normalized);
+  if (hex3) {
+    return {
+      r: parseInt(hex3[1] + hex3[1], 16),
+      g: parseInt(hex3[2] + hex3[2], 16),
+      b: parseInt(hex3[3] + hex3[3], 16)
+    };
+  }
+  const hex = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})(?:[0-9a-f]{2})?$/.exec(normalized);
+  if (hex) {
+    return {
+      r: parseInt(hex[1], 16),
+      g: parseInt(hex[2], 16),
+      b: parseInt(hex[3], 16)
+    };
+  }
+  const rgb = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*[\d.]+\s*)?\)$/.exec(normalized);
+  if (rgb) {
+    return { r: Number(rgb[1]), g: Number(rgb[2]), b: Number(rgb[3]) };
+  }
+  return null;
 };
-var DEFAULT_WATERMARK_OPTIONS = {
-  visible: false,
-  text: "",
-  color: "#81858d",
-  opacity: 0.14,
-  fontSize: 92,
-  fontWeight: 700,
-  thickness: 0,
-  imageSrc: "",
-  imageScale: 1,
-  imageMaxWidthRatio: 0.42,
-  imageMaxHeightRatio: 0.3,
-  imageTintColor: "",
-  imageTintOpacity: 1
+var labelTextColorOn = (background, textColor) => {
+  const rgb = parseColorToRgb(background);
+  if (!rgb) return textColor;
+  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
+  return luminance >= 0.62 ? "#000000" : textColor;
 };
-var DEFAULT_DASH_PATTERNS = {
-  dotted: [2, 2],
-  dashed: [8, 6],
-  connectorDotted: [2, 3],
-  connectorDashed: [6, 5],
-  borderDotted: [2, 2],
-  borderDashed: [6, 4]
+var computeSmaSeries = (data, length, source) => {
+  const result = new Array(data.length).fill(null);
+  let sum = 0;
+  for (let i = 0; i < data.length; i += 1) {
+    const point = data[i];
+    if (!point) continue;
+    const value = getIndicatorSourceValue(point, source);
+    sum += value;
+    if (i >= length) {
+      const oldPoint = data[i - length];
+      if (oldPoint) {
+        sum -= getIndicatorSourceValue(oldPoint, source);
+      }
+    }
+    if (i >= length - 1) {
+      result[i] = sum / length;
+    }
+  }
+  return result;
 };
-var DEFAULT_LABELS_OPTIONS = {
-  visible: true,
-  symbolName: "",
-  showSymbolName: false,
-  showLastPrice: true,
-  showPreviousClose: false,
-  previousClosePrice: Number.NaN,
-  showHighLow: false,
-  showBidAsk: false,
-  bidPrice: Number.NaN,
-  askPrice: Number.NaN,
-  showIndicatorNames: false,
-  showIndicatorValues: false,
-  showIndicatorValueLabels: true,
-  indicatorLegendPosition: "top-left",
-  indicatorLegendOffsetX: 10,
-  indicatorLegendOffsetY: 10,
-  showCountdownToBarClose: false,
-  noOverlapping: true,
-  backgroundColor: "#0b1220",
-  textColor: "#cbd5e1",
-  mutedTextColor: "#94a3b8",
-  symbolNameBackgroundColor: "#1f2937",
-  symbolNameTextColor: "#e5e7eb",
-  previousCloseColor: "#94a3b8",
-  highLowColor: "#a78bfa",
-  bidColor: "#ef4444",
-  askColor: "#22c55e",
-  indicatorTextColor: "#cbd5e1",
-  borderRadius: 3,
-  labelHeight: 20,
-  labelPaddingX: 8
+var computeEmaSeries = (data, length, source) => {
+  const result = new Array(data.length).fill(null);
+  const alpha = 2 / (length + 1);
+  let prev = null;
+  for (let i = 0; i < data.length; i += 1) {
+    const point = data[i];
+    if (!point) continue;
+    const value = getIndicatorSourceValue(point, source);
+    prev = prev === null ? value : alpha * value + (1 - alpha) * prev;
+    if (i >= length - 1) {
+      result[i] = prev;
+    }
+  }
+  return result;
 };
-var DEFAULT_PRICE_LINE_OPTIONS = {
-  visible: true,
-  style: "solid",
-  thickness: 1,
-  color: "#38bdf8",
-  labelBackgroundColor: "#0b1220",
-  labelTextColor: "#60a5fa",
-  labelBorderRadius: 3,
-  showLabel: true,
-  pinOutOfRange: false
+var computeRmaSeries = (data, length, source) => {
+  const result = new Array(data.length).fill(null);
+  let prev = null;
+  let seedSum = 0;
+  for (let i = 0; i < data.length; i += 1) {
+    const point = data[i];
+    if (!point) continue;
+    const value = getIndicatorSourceValue(point, source);
+    if (i < length) {
+      seedSum += value;
+      if (i === length - 1) {
+        prev = seedSum / length;
+        result[i] = prev;
+      }
+      continue;
+    }
+    prev = prev === null ? value : (prev * (length - 1) + value) / length;
+    result[i] = prev;
+  }
+  return result;
 };
-var DEFAULT_ORDER_LINE_OPTIONS = {
-  visible: true,
-  behavior: "static",
-  style: "solid",
-  thickness: 1,
-  color: "rgba(59,130,246,0.8)",
-  labelBackgroundColor: "#0b1220",
-  labelTextColor: "#60a5fa",
-  labelBorderRadius: 3,
-  showCloseButton: true,
-  widgetPosition: "left",
-  widgetPaddingRight: 10,
-  draggable: false,
-  actionButtonAction: "execute",
-  actionButtonTextColor: "#dbeafe",
-  actionButtonBackgroundColor: "#2563eb",
-  actionButtonBorderRadius: 2,
-  actionButtonMinWidth: 34,
-  actionButtonPaddingX: 0,
-  actionButtonFullHeight: true,
-  actionButtonFontWeight: 500,
-  actionButtonBorderColor: "#2563eb",
-  actionButtonBorderStyle: "solid",
-  actionButtonsInnerGap: 6,
-  actionButtonsGroupGap: 8,
-  actionButtons: [],
-  connectorToPrice: Number.NaN,
-  connectorColor: "#2563eb",
-  connectorStyle: "dotted",
-  connectorThickness: 1,
-  connectorAnchorPaddingRight: 10,
-  fillToPrice: Number.NaN,
-  fillColor: "rgba(37,99,235,0.18)",
-  pinOutOfRange: false
-};
-var DEFAULT_OPTIONS = {
-  width: 720,
-  height: 360,
-  backgroundColor: "#101114",
-  axisColor: "#7f8289",
-  axis: DEFAULT_AXIS_OPTIONS,
-  xAxis: DEFAULT_AXIS_OPTIONS,
-  yAxis: DEFAULT_AXIS_OPTIONS,
-  priceDecimals: 2,
-  stabilizePriceLabels: true,
-  priceLabelMinIntegerDigits: 3,
-  priceLabelWidthTemplate: "",
-  initialViewport: "latest",
-  initialVisibleBars: 60,
-  minVisibleBars: 5,
-  maxVisibleBars: 2e4,
-  maxPanBars: 1e6,
-  rightEdgePaddingBars: 2,
-  preserveViewportOnDataUpdate: true,
-  upColor: "#2fb171",
-  downColor: "#d35a5a",
-  gridColor: "#252932",
-  fontFamily: "Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
-  candleBodyWidthRatio: 0.7,
-  candleMinWidth: 0.5,
-  candleWickWidth: 1,
-  tickSize: 0,
-  candleColorMode: "openClose",
-  candleColorEpsilon: -1,
-  chartType: "candles",
-  lineColor: "#2962ff",
-  lineWidth: 2,
-  areaFillOpacity: 0.12,
-  baselinePrice: null,
-  // 0 = deterministic scale (lightweight-charts behavior): the y-range is a
-  // pure function of the visible data, so it can never drift or "breathe".
-  // Values > 0 re-enable eased contraction for hosts that prefer it.
-  autoScaleSmoothing: 0,
-  autoScaleIgnoreLatestCandle: true,
-  kineticScroll: { touch: true, mouse: false },
-  timeStepMs: 0,
-  clockOffsetMs: 0,
-  pinOutOfRangeLines: false,
-  doubleClickEnabled: true,
-  doubleClickAction: "reset",
-  crosshair: DEFAULT_CROSSHAIR_OPTIONS,
-  grid: DEFAULT_GRID_OPTIONS,
-  watermark: DEFAULT_WATERMARK_OPTIONS,
-  priceLines: [],
-  orderLines: [],
-  tickerLine: {
-    visible: true,
-    style: "dotted",
-    thickness: 1,
-    labelTextColor: "#0b1220",
-    labelSubtext: "",
-    labelSubtexts: [],
-    labelSubtextColor: "#0b1220",
-    labelSubtextFontSize: 0,
-    showCountdownInLabel: false,
-    labelBorderRadius: 3
-  },
-  labels: DEFAULT_LABELS_OPTIONS,
-  dashPatterns: DEFAULT_DASH_PATTERNS,
-  indicators: [],
-  drawings: []
-};
-var mergeChartOptions = (baseOptions, options = {}) => ({
-  ...baseOptions,
-  ...options,
-  axis: {
-    ...baseOptions.axis,
-    ...options.axis ?? {},
-    ...options.axisColor ? { lineColor: options.axisColor, textColor: options.axisColor } : {}
-  },
-  xAxis: {
-    ...baseOptions.xAxis,
-    ...options.axis ?? {},
-    ...options.axisColor ? { lineColor: options.axisColor, textColor: options.axisColor } : {},
-    ...options.xAxis ?? {}
-  },
-  yAxis: {
-    ...baseOptions.yAxis,
-    ...options.axis ?? {},
-    ...options.axisColor ? { lineColor: options.axisColor, textColor: options.axisColor } : {},
-    ...options.yAxis ?? {}
-  },
-  crosshair: {
-    ...baseOptions.crosshair,
-    ...options.crosshair ?? {}
-  },
-  grid: {
-    ...baseOptions.grid,
-    ...options.grid ?? {}
-  },
-  watermark: {
-    ...baseOptions.watermark,
-    ...options.watermark ?? {}
-  },
-  tickerLine: {
-    ...baseOptions.tickerLine,
-    ...options.tickerLine ?? {}
-  },
-  labels: {
-    ...baseOptions.labels,
-    ...options.labels ?? {}
-  },
-  dashPatterns: {
-    ...baseOptions.dashPatterns,
-    ...options.dashPatterns ?? {}
-  }
-});
-var getIndicatorSourceValue = (point, source) => {
-  if (source === "open") return point.o;
-  if (source === "high") return point.h;
-  if (source === "low") return point.l;
-  if (source === "hl2") return (point.h + point.l) / 2;
-  return point.c;
-};
-var clampIndicatorLength = (value, fallback) => {
-  return Math.max(1, Math.round(Number(value) || fallback));
-};
-var parseColorToRgb = (value) => {
-  if (!value) return null;
-  const normalized = value.trim().toLowerCase();
-  if (normalized === "white") return { r: 255, g: 255, b: 255 };
-  if (normalized === "black") return { r: 0, g: 0, b: 0 };
-  const hex3 = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/.exec(normalized);
-  if (hex3) {
-    return {
-      r: parseInt(hex3[1] + hex3[1], 16),
-      g: parseInt(hex3[2] + hex3[2], 16),
-      b: parseInt(hex3[3] + hex3[3], 16)
-    };
-  }
-  const hex = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})(?:[0-9a-f]{2})?$/.exec(normalized);
-  if (hex) {
-    return {
-      r: parseInt(hex[1], 16),
-      g: parseInt(hex[2], 16),
-      b: parseInt(hex[3], 16)
-    };
-  }
-  const rgb = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*[\d.]+\s*)?\)$/.exec(normalized);
-  if (rgb) {
-    return { r: Number(rgb[1]), g: Number(rgb[2]), b: Number(rgb[3]) };
-  }
-  return null;
-};
-var labelTextColorOn = (background, textColor) => {
-  const rgb = parseColorToRgb(background);
-  if (!rgb) return textColor;
-  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
-  return luminance >= 0.62 ? "#000000" : textColor;
-};
-var computeSmaSeries = (data, length, source) => {
-  const result = new Array(data.length).fill(null);
-  let sum = 0;
-  for (let i = 0; i < data.length; i += 1) {
-    const point = data[i];
-    if (!point) continue;
-    const value = getIndicatorSourceValue(point, source);
-    sum += value;
-    if (i >= length) {
-      const oldPoint = data[i - length];
-      if (oldPoint) {
-        sum -= getIndicatorSourceValue(oldPoint, source);
-      }
-    }
-    if (i >= length - 1) {
-      result[i] = sum / length;
-    }
-  }
-  return result;
-};
-var computeEmaSeries = (data, length, source) => {
-  const result = new Array(data.length).fill(null);
-  const alpha = 2 / (length + 1);
-  let prev = null;
-  for (let i = 0; i < data.length; i += 1) {
-    const point = data[i];
-    if (!point) continue;
-    const value = getIndicatorSourceValue(point, source);
-    prev = prev === null ? value : alpha * value + (1 - alpha) * prev;
-    if (i >= length - 1) {
-      result[i] = prev;
-    }
-  }
-  return result;
-};
-var computeRmaSeries = (data, length, source) => {
-  const result = new Array(data.length).fill(null);
-  let prev = null;
-  let seedSum = 0;
-  for (let i = 0; i < data.length; i += 1) {
-    const point = data[i];
-    if (!point) continue;
-    const value = getIndicatorSourceValue(point, source);
-    if (i < length) {
-      seedSum += value;
-      if (i === length - 1) {
-        prev = seedSum / length;
-        result[i] = prev;
-      }
-      continue;
-    }
-    prev = prev === null ? value : (prev * (length - 1) + value) / length;
-    result[i] = prev;
-  }
-  return result;
-};
-var computeWmaSeriesFromValues = (values, length) => {
-  const result = new Array(values.length).fill(null);
-  const denominator = length * (length + 1) / 2;
-  for (let i = 0; i < values.length; i += 1) {
-    if (i < length - 1) continue;
-    let weighted = 0;
-    let valid = true;
-    for (let j = 0; j < length; j += 1) {
-      const value = values[i - length + 1 + j];
-      if (value == null) {
-        valid = false;
-        break;
-      }
-      weighted += value * (j + 1);
-    }
-    if (valid) {
-      result[i] = weighted / denominator;
-    }
-  }
-  return result;
+var computeWmaSeriesFromValues = (values, length) => {
+  const result = new Array(values.length).fill(null);
+  const denominator = length * (length + 1) / 2;
+  for (let i = 0; i < values.length; i += 1) {
+    if (i < length - 1) continue;
+    let weighted = 0;
+    let valid = true;
+    for (let j = 0; j < length; j += 1) {
+      const value = values[i - length + 1 + j];
+      if (value == null) {
+        valid = false;
+        break;
+      }
+      weighted += value * (j + 1);
+    }
+    if (valid) {
+      result[i] = weighted / denominator;
+    }
+  }
+  return result;
 };
 var computeWmaSeries = (data, length, source) => {
   const sourceValues = data.map((point) => getIndicatorSourceValue(point, source));
@@ -1477,1060 +1217,571 @@ var drawSeparateMultiSeries = (ctx, renderContext, seriesList, options = {}) =>
   }
   return paneInfo;
 };
-var scriptRollingExtreme = (values, length, mode) => {
-  const fallback = mode === "max" ? Number.NEGATIVE_INFINITY : Number.POSITIVE_INFINITY;
-  const filled = new Array(values.length);
-  for (let i = 0; i < values.length; i += 1) {
-    const value = values[i];
-    filled[i] = value != null && Number.isFinite(value) ? value : fallback;
-  }
-  const raw = rollingExtremeSeries(filled, Math.max(1, Math.floor(length)), mode);
-  return raw.map((value) => value != null && Number.isFinite(value) ? value : null);
+var computeMacd = (data, fast, slow, signalLength) => {
+  const fastEma = computeEmaSeries(data, fast, "close");
+  const slowEma = computeEmaSeries(data, slow, "close");
+  const macd = fastEma.map((value, idx) => {
+    const slowValue = slowEma[idx];
+    return value == null || slowValue == null ? null : value - slowValue;
+  });
+  const signal = emaFromValues(macd, signalLength);
+  const hist = macd.map((value, idx) => {
+    const signalValue = signal[idx];
+    return value == null || signalValue == null ? null : value - signalValue;
+  });
+  return { macd, signal, hist };
 };
-var scriptStdevSeries = (values, length) => {
-  const window2 = Math.max(1, Math.floor(length));
-  const result = new Array(values.length).fill(null);
-  let sum = 0;
-  let sumSq = 0;
-  let valid = 0;
-  for (let i = 0; i < values.length; i += 1) {
-    const value = values[i];
-    if (value == null || !Number.isFinite(value)) {
-      sum = 0;
-      sumSq = 0;
-      valid = 0;
-      continue;
-    }
-    sum += value;
-    sumSq += value * value;
-    valid += 1;
-    if (valid > window2) {
-      const old = values[i - window2];
-      sum -= old;
-      sumSq -= old * old;
-      valid -= 1;
-    }
-    if (valid === window2) {
-      const mean = sum / window2;
-      result[i] = Math.sqrt(Math.max(0, sumSq / window2 - mean * mean));
+var computeStochastic = (data, kLength, kSmoothing, dLength) => {
+  const highestHigh = rollingExtremeSeries(data.map((point) => point.h), kLength, "max");
+  const lowestLow = rollingExtremeSeries(data.map((point) => point.l), kLength, "min");
+  const rawK = data.map((point, idx) => {
+    const hh = highestHigh[idx];
+    const ll = lowestLow[idx];
+    if (hh == null || ll == null) return null;
+    const range = hh - ll;
+    return range === 0 ? 50 : (point.c - ll) / range * 100;
+  });
+  const k = kSmoothing > 1 ? smaFromValues(rawK, kSmoothing) : rawK;
+  const d = smaFromValues(k, dLength);
+  return { k, d };
+};
+var computeStochRsi = (data, rsiLength, stochLength, kSmoothing, dSmoothing) => {
+  const rsi = computeRsiSeries(data, rsiLength);
+  const finiteRsi = rsi.map((value) => value == null ? Number.NaN : value);
+  const highest = rollingExtremeSeries(finiteRsi, stochLength, "max");
+  const lowest = rollingExtremeSeries(finiteRsi, stochLength, "min");
+  const rawK = rsi.map((value, idx) => {
+    const hh = highest[idx];
+    const ll = lowest[idx];
+    if (value == null || hh == null || ll == null || !Number.isFinite(hh) || !Number.isFinite(ll)) return null;
+    const range = hh - ll;
+    return range === 0 ? 50 : (value - ll) / range * 100;
+  });
+  const k = smaFromValues(rawK, Math.max(1, kSmoothing));
+  const d = smaFromValues(k, Math.max(1, dSmoothing));
+  return { k, d };
+};
+var computeDmi = (data, length) => {
+  const count = data.length;
+  const plusDm = new Array(count).fill(null);
+  const minusDm = new Array(count).fill(null);
+  const trueRange = new Array(count).fill(null);
+  for (let i = 1; i < count; i += 1) {
+    const point = data[i];
+    const prev = data[i - 1];
+    const upMove = point.h - prev.h;
+    const downMove = prev.l - point.l;
+    plusDm[i] = upMove > downMove && upMove > 0 ? upMove : 0;
+    minusDm[i] = downMove > upMove && downMove > 0 ? downMove : 0;
+    trueRange[i] = Math.max(point.h - point.l, Math.abs(point.h - prev.c), Math.abs(point.l - prev.c));
+  }
+  const smoothPlus = rmaFromValues(plusDm, length);
+  const smoothMinus = rmaFromValues(minusDm, length);
+  const smoothTr = rmaFromValues(trueRange, length);
+  const plusDi = smoothPlus.map((value, idx) => {
+    const tr = smoothTr[idx];
+    return value == null || tr == null || tr === 0 ? null : 100 * value / tr;
+  });
+  const minusDi = smoothMinus.map((value, idx) => {
+    const tr = smoothTr[idx];
+    return value == null || tr == null || tr === 0 ? null : 100 * value / tr;
+  });
+  const dx = plusDi.map((value, idx) => {
+    const minus = minusDi[idx];
+    if (value == null || minus == null) return null;
+    const sum = value + minus;
+    return sum === 0 ? 0 : 100 * Math.abs(value - minus) / sum;
+  });
+  const adx = rmaFromValues(dx, length);
+  return { adx, plusDi, minusDi };
+};
+var computeObvSeries = (data) => {
+  const result = new Array(data.length).fill(null);
+  let obv = 0;
+  for (let i = 0; i < data.length; i += 1) {
+    const point = data[i];
+    if (i > 0) {
+      const prev = data[i - 1];
+      const volume = Math.max(0, point.v ?? 0);
+      if (point.c > prev.c) obv += volume;
+      else if (point.c < prev.c) obv -= volume;
     }
+    result[i] = obv;
   }
   return result;
 };
-var scriptAtrSeries = (bars, length) => {
-  const tr = new Array(bars.length).fill(null);
-  for (let i = 0; i < bars.length; i += 1) {
-    const bar = bars[i];
-    if (i === 0) {
-      tr[i] = bar.h - bar.l;
-      continue;
+var computeMfiSeries = (data, length) => {
+  const result = new Array(data.length).fill(null);
+  const positiveFlow = new Array(data.length).fill(0);
+  const negativeFlow = new Array(data.length).fill(0);
+  let prevTypical = null;
+  for (let i = 0; i < data.length; i += 1) {
+    const point = data[i];
+    const typical = (point.h + point.l + point.c) / 3;
+    const flow = typical * Math.max(0, point.v ?? 0);
+    if (prevTypical !== null) {
+      if (typical > prevTypical) positiveFlow[i] = flow;
+      else if (typical < prevTypical) negativeFlow[i] = flow;
     }
-    const prevClose = bars[i - 1].c;
-    tr[i] = Math.max(bar.h - bar.l, Math.abs(bar.h - prevClose), Math.abs(bar.l - prevClose));
+    prevTypical = typical;
   }
-  return rmaFromValues(tr, Math.max(1, Math.floor(length)));
-};
-var SCRIPT_HELPERS = Object.freeze({
-  sma: (values, length) => smaFromValues(values, Math.max(1, Math.floor(length))),
-  ema: (values, length) => emaFromValues(values, Math.max(1, Math.floor(length))),
-  rma: (values, length) => rmaFromValues(values, Math.max(1, Math.floor(length))),
-  highest: (values, length) => scriptRollingExtreme(values, length, "max"),
-  lowest: (values, length) => scriptRollingExtreme(values, length, "min"),
-  change: (values, length = 1) => values.map((value, index) => {
-    const prev = values[index - Math.max(1, Math.floor(length))];
-    return value != null && prev != null ? value - prev : null;
-  }),
-  stdev: scriptStdevSeries,
-  atr: scriptAtrSeries
-});
-var SCRIPT_PLOT_PALETTE = ["#2962ff", "#ff6d00", "#26a69a", "#ab47bc", "#ef5350", "#fdd835"];
-var hashScriptSource = (source) => {
-  let hash = 5381;
-  for (let i = 0; i < source.length; i += 1) {
-    hash = (hash << 5) + hash + source.charCodeAt(i) | 0;
+  let posSum = 0;
+  let negSum = 0;
+  for (let i = 0; i < data.length; i += 1) {
+    posSum += positiveFlow[i];
+    negSum += negativeFlow[i];
+    if (i >= length) {
+      posSum -= positiveFlow[i - length];
+      negSum -= negativeFlow[i - length];
+    }
+    if (i >= length) {
+      result[i] = negSum === 0 ? 100 : 100 - 100 / (1 + posSum / negSum);
+    }
   }
-  return (hash >>> 0).toString(36);
+  return result;
 };
-var SCRIPT_GUARD_BUDGET_MS = 1e3;
-var ScriptBudgetError = class extends Error {
-  constructor() {
-    super(
-      `Script exceeded the ${SCRIPT_GUARD_BUDGET_MS}ms execution budget (possible infinite loop) \u2014 edit the script to retry`
-    );
-    this.name = "ScriptBudgetError";
+var computeCciSeries = (data, length) => {
+  const result = new Array(data.length).fill(null);
+  const typical = data.map((point) => (point.h + point.l + point.c) / 3);
+  const smaTypical = smaFromValues(typical, length);
+  for (let i = length - 1; i < data.length; i += 1) {
+    const mean = smaTypical[i];
+    if (mean == null) continue;
+    let meanDeviation = 0;
+    for (let j = 0; j < length; j += 1) {
+      meanDeviation += Math.abs(typical[i - j] - mean);
+    }
+    meanDeviation /= length;
+    result[i] = meanDeviation === 0 ? 0 : (typical[i] - mean) / (0.015 * meanDeviation);
   }
+  return result;
 };
-var createScriptGuard = () => {
-  let deadline = Date.now() + SCRIPT_GUARD_BUDGET_MS;
-  let count = 0;
-  const guard = (() => {
-    count += 1;
-    if ((count & 1023) === 0 && Date.now() > deadline) {
-      throw new ScriptBudgetError();
-    }
-    return true;
+var computeWilliamsRSeries = (data, length) => {
+  const highest = rollingExtremeSeries(data.map((point) => point.h), length, "max");
+  const lowest = rollingExtremeSeries(data.map((point) => point.l), length, "min");
+  return data.map((point, idx) => {
+    const hh = highest[idx];
+    const ll = lowest[idx];
+    if (hh == null || ll == null) return null;
+    const range = hh - ll;
+    return range === 0 ? -50 : (hh - point.c) / range * -100;
   });
-  guard.reset = () => {
-    count = 0;
-    deadline = Date.now() + SCRIPT_GUARD_BUDGET_MS;
-  };
-  return guard;
 };
-var injectLoopGuards = (source, guardName) => {
-  const n = source.length;
-  const isIdChar = (ch) => ch >= "a" && ch <= "z" || ch >= "A" && ch <= "Z" || ch >= "0" && ch <= "9" || ch === "_" || ch === "$";
-  const scanString = (start) => {
-    const quote = source[start];
-    let j = start + 1;
-    while (j < n) {
-      const cj = source[j];
-      if (cj === "\\") {
-        j += 2;
-        continue;
+var computeRocSeries = (data, length) => {
+  return data.map((point, idx) => {
+    if (idx < length) return null;
+    const past = data[idx - length].c;
+    return past === 0 ? null : 100 * (point.c - past) / past;
+  });
+};
+var computeMomentumSeries = (data, length) => {
+  return data.map((point, idx) => idx < length ? null : point.c - data[idx - length].c);
+};
+var computePsarSeries = (data, start, increment, maximum) => {
+  const count = data.length;
+  const result = new Array(count).fill(null);
+  if (count < 2) return result;
+  let isUp = data[1].c >= data[0].c;
+  let sar = isUp ? data[0].l : data[0].h;
+  let extremePoint = isUp ? data[0].h : data[0].l;
+  let accelerationFactor = start;
+  for (let i = 1; i < count; i += 1) {
+    const point = data[i];
+    sar += accelerationFactor * (extremePoint - sar);
+    if (isUp) {
+      sar = Math.min(sar, data[i - 1].l, data[Math.max(0, i - 2)].l);
+      if (point.l < sar) {
+        isUp = false;
+        sar = extremePoint;
+        extremePoint = point.l;
+        accelerationFactor = start;
+      } else if (point.h > extremePoint) {
+        extremePoint = point.h;
+        accelerationFactor = Math.min(maximum, accelerationFactor + increment);
       }
-      if (cj === quote) {
-        return j + 1;
+    } else {
+      sar = Math.max(sar, data[i - 1].h, data[Math.max(0, i - 2)].h);
+      if (point.h > sar) {
+        isUp = true;
+        sar = extremePoint;
+        extremePoint = point.h;
+        accelerationFactor = start;
+      } else if (point.l < extremePoint) {
+        extremePoint = point.l;
+        accelerationFactor = Math.min(maximum, accelerationFactor + increment);
       }
-      if (quote === "`" && cj === "$" && source[j + 1] === "{") {
-        let depth = 1;
-        j += 2;
-        while (j < n && depth > 0) {
-          const ce = source[j];
-          if (ce === "\\") {
-            j += 2;
-            continue;
-          }
-          if (ce === '"' || ce === "'" || ce === "`") {
-            j = scanString(j);
-            continue;
-          }
-          if (ce === "{") depth += 1;
-          else if (ce === "}") depth -= 1;
-          j += 1;
-        }
-        continue;
-      }
-      j += 1;
-    }
-    return n;
-  };
-  const scanRegex = (start) => {
-    let j = start + 1;
-    let inClass = false;
-    while (j < n) {
-      const cj = source[j];
-      if (cj === "\\") {
-        j += 2;
-        continue;
-      }
-      if (cj === "\n") return j;
-      if (cj === "[") inClass = true;
-      else if (cj === "]") inClass = false;
-      else if (cj === "/" && !inClass) return j + 1;
-      j += 1;
     }
-    return n;
-  };
-  const skipWsAndComments = (k) => {
-    let j = k;
-    while (j < n) {
-      const cj = source[j];
-      if (cj === " " || cj === "	" || cj === "\n" || cj === "\r") {
-        j += 1;
-        continue;
-      }
-      if (cj === "/" && source[j + 1] === "/") {
-        const nl = source.indexOf("\n", j);
-        j = nl === -1 ? n : nl + 1;
-        continue;
-      }
-      if (cj === "/" && source[j + 1] === "*") {
-        const end = source.indexOf("*/", j + 2);
-        j = end === -1 ? n : end + 2;
-        continue;
-      }
-      return j;
-    }
-    return n;
-  };
-  const matchParen = (openIdx) => {
-    let depth = 0;
-    let j = openIdx;
-    while (j < n) {
-      const cj = source[j];
-      if (cj === '"' || cj === "'" || cj === "`") {
-        j = scanString(j);
-        continue;
-      }
-      if (cj === "/" && source[j + 1] === "/") {
-        const nl = source.indexOf("\n", j);
-        j = nl === -1 ? n : nl + 1;
-        continue;
-      }
-      if (cj === "/" && source[j + 1] === "*") {
-        const end = source.indexOf("*/", j + 2);
-        j = end === -1 ? n : end + 2;
-        continue;
-      }
-      if (cj === "(") depth += 1;
-      else if (cj === ")") {
-        depth -= 1;
-        if (depth === 0) return j;
-      }
-      j += 1;
+    result[i] = sar;
+  }
+  return result;
+};
+var computeSuperTrend = (data, atrLength, multiplier) => {
+  const count = data.length;
+  const up = new Array(count).fill(null);
+  const down = new Array(count).fill(null);
+  const atr = computeAtrSeries(data, atrLength);
+  let prevUpper = Number.NaN;
+  let prevLower = Number.NaN;
+  let trend = 1;
+  let prevClose = 0;
+  for (let i = 0; i < count; i += 1) {
+    const point = data[i];
+    const atrValue = atr[i];
+    if (atrValue == null) {
+      prevClose = point.c;
+      continue;
     }
-    return -1;
-  };
-  const splitTopLevelSemicolons = (inner) => {
-    const parts = [];
-    let depth = 0;
-    let j = 0;
-    let last = 0;
-    const m = inner.length;
-    while (j < m) {
-      const cj = inner[j];
-      if (cj === '"' || cj === "'" || cj === "`") {
-        const quote = cj;
-        j += 1;
-        while (j < m) {
-          if (inner[j] === "\\") {
-            j += 2;
-            continue;
-          }
-          if (inner[j] === quote) {
-            j += 1;
-            break;
-          }
-          j += 1;
-        }
-        continue;
-      }
-      if (cj === "(" || cj === "[" || cj === "{") depth += 1;
-      else if (cj === ")" || cj === "]" || cj === "}") depth -= 1;
-      else if (cj === ";" && depth === 0) {
-        parts.push(inner.slice(last, j));
-        last = j + 1;
+    const mid = (point.h + point.l) / 2;
+    const basicUpper = mid + multiplier * atrValue;
+    const basicLower = mid - multiplier * atrValue;
+    if (!Number.isFinite(prevUpper)) {
+      prevUpper = basicUpper;
+      prevLower = basicLower;
+      trend = point.c >= mid ? 1 : -1;
+    } else {
+      const finalUpper = basicUpper < prevUpper || prevClose > prevUpper ? basicUpper : prevUpper;
+      const finalLower = basicLower > prevLower || prevClose < prevLower ? basicLower : prevLower;
+      if (trend === 1) {
+        trend = point.c < finalLower ? -1 : 1;
+      } else {
+        trend = point.c > finalUpper ? 1 : -1;
       }
-      j += 1;
+      prevUpper = finalUpper;
+      prevLower = finalLower;
     }
-    parts.push(inner.slice(last));
-    return parts;
+    if (trend === 1) up[i] = prevLower;
+    else down[i] = prevUpper;
+    prevClose = point.c;
+  }
+  return { up, down };
+};
+var computeIchimoku = (data, conversionLength, baseLength, spanBLength, displacement) => {
+  const count = data.length;
+  const highs = data.map((point) => point.h);
+  const lows = data.map((point) => point.l);
+  const midlineOf = (length) => {
+    const highest = rollingExtremeSeries(highs, length, "max");
+    const lowest = rollingExtremeSeries(lows, length, "min");
+    return highest.map((value, idx) => {
+      const low = lowest[idx];
+      return value == null || low == null ? null : (value + low) / 2;
+    });
   };
-  const REGEX_PRECEDING_WORDS = /* @__PURE__ */ new Set([
-    "return",
-    "typeof",
-    "case",
-    "do",
-    "else",
-    "in",
-    "of",
-    "new",
-    "delete",
-    "void",
-    "instanceof",
-    "yield",
-    "await"
-  ]);
-  let out = "";
-  let i = 0;
-  let lastSig = "";
-  let lastWord = "";
-  while (i < n) {
-    const ch = source[i];
-    if (ch === "/" && source[i + 1] === "/") {
-      const nl = source.indexOf("\n", i);
-      const end = nl === -1 ? n : nl;
-      out += source.slice(i, end);
-      i = end;
-      continue;
-    }
-    if (ch === "/" && source[i + 1] === "*") {
-      const close = source.indexOf("*/", i + 2);
-      const end = close === -1 ? n : close + 2;
-      out += source.slice(i, end);
-      i = end;
-      continue;
-    }
-    if (ch === '"' || ch === "'" || ch === "`") {
-      const end = scanString(i);
-      out += source.slice(i, end);
-      lastSig = ch;
-      lastWord = "";
-      i = end;
-      continue;
+  const tenkan = midlineOf(conversionLength);
+  const kijun = midlineOf(baseLength);
+  const spanARaw = tenkan.map((value, idx) => {
+    const base = kijun[idx];
+    return value == null || base == null ? null : (value + base) / 2;
+  });
+  const spanBRaw = midlineOf(spanBLength);
+  const spanA = new Array(count).fill(null);
+  const spanB = new Array(count).fill(null);
+  const chikou = new Array(count).fill(null);
+  for (let i = 0; i < count; i += 1) {
+    const shifted = i - displacement;
+    if (shifted >= 0) {
+      spanA[i] = spanARaw[shifted] ?? null;
+      spanB[i] = spanBRaw[shifted] ?? null;
     }
-    if (ch === "/") {
-      const regexLikely = lastSig === "" || "(,=:;!&|?{}[+-*%~^<>".includes(lastSig) || REGEX_PRECEDING_WORDS.has(lastWord);
-      if (regexLikely) {
-        const end = scanRegex(i);
-        out += source.slice(i, end);
-        lastSig = "/";
-        lastWord = "";
-        i = end;
-        continue;
-      }
-      out += ch;
-      lastSig = ch;
-      lastWord = "";
-      i += 1;
-      continue;
+    const forward = i + displacement;
+    if (forward < count) {
+      chikou[i] = data[forward].c;
     }
-    if (isIdChar(ch)) {
-      let j = i;
-      while (j < n && isIdChar(source[j])) j += 1;
-      const word = source.slice(i, j);
-      if ((word === "while" || word === "for") && lastSig !== ".") {
-        const k = skipWsAndComments(j);
-        if (source[k] === "(") {
-          const close = matchParen(k);
-          if (close !== -1) {
-            const inner = source.slice(k + 1, close);
-            if (word === "while") {
-              out += `while (${guardName}() && (${inner}))`;
-              lastSig = ")";
-              lastWord = "";
-              i = close + 1;
-              continue;
-            }
-            const parts = splitTopLevelSemicolons(inner);
-            if (parts.length === 3) {
-              const cond = parts[1].trim();
-              const guardedCond = cond ? `${guardName}() && (${cond})` : `${guardName}()`;
-              out += `for (${parts[0]}; ${guardedCond}; ${parts[2]})`;
-              lastSig = ")";
-              lastWord = "";
-              i = close + 1;
-              continue;
-            }
-            out += source.slice(i, close + 1);
-            lastSig = ")";
-            lastWord = "";
-            i = close + 1;
-            continue;
-          }
-        }
-      }
-      out += word;
-      lastSig = word[word.length - 1];
-      lastWord = word;
-      i = j;
-      continue;
-    }
-    out += ch;
-    if (ch !== " " && ch !== "	" && ch !== "\n" && ch !== "\r") {
-      lastSig = ch;
-      lastWord = "";
-    }
-    i += 1;
   }
-  return out;
+  return { tenkan, kijun, spanA, spanB, chikou };
 };
-var compileScriptCompute = (source, guard) => {
-  const makeFactory = (body) => new Function(
-    "__hpGuard",
-    `"use strict";
-${body}
-;if (typeof compute !== "function") { throw new Error("Script must define function compute(bars, inputs, hp)"); }
-return compute;`
-  );
-  let factory;
-  try {
-    factory = makeFactory(injectLoopGuards(source, "__hpGuard"));
-  } catch {
-    factory = makeFactory(source);
-  }
-  guard.reset();
-  return factory(guard);
+var computeKeltner = (data, emaLength, atrLength, multiplier) => {
+  const basis = computeEmaSeries(data, emaLength, "close");
+  const atr = computeAtrSeries(data, atrLength);
+  const upper = basis.map((value, idx) => {
+    const atrValue = atr[idx];
+    return value == null || atrValue == null ? null : value + multiplier * atrValue;
+  });
+  const lower = basis.map((value, idx) => {
+    const atrValue = atr[idx];
+    return value == null || atrValue == null ? null : value - multiplier * atrValue;
+  });
+  return { basis, upper, lower };
 };
-var validateScriptSource = (source) => {
-  try {
-    compileScriptCompute(source, createScriptGuard());
-    return null;
-  } catch (error) {
-    return error instanceof Error ? error.message : String(error);
-  }
+var computeDonchian = (data, length) => {
+  const upper = rollingExtremeSeries(data.map((point) => point.h), length, "max");
+  const lower = rollingExtremeSeries(data.map((point) => point.l), length, "min");
+  const basis = upper.map((value, idx) => {
+    const low = lower[idx];
+    return value == null || low == null ? null : (value + low) / 2;
+  });
+  return { upper, lower, basis };
 };
-var drawScriptError = (ctx, renderContext, name, message) => {
-  ctx.save();
-  ctx.font = "11px -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
-  ctx.textAlign = "left";
-  ctx.textBaseline = "top";
-  ctx.fillStyle = "#ef5350";
-  const text = `${name}: ${message}`.slice(0, 160);
-  ctx.fillText(text, renderContext.chartLeft + 10, renderContext.chartTop + 24);
-  ctx.restore();
+var BUILTIN_MACD_INDICATOR = {
+  id: "macd",
+  name: "MACD",
+  pane: "separate",
+  paneHeightRatio: 0.2,
+  defaultInputs: {
+    fast: 12,
+    slow: 26,
+    signal: 9,
+    macdColor: "#2962ff",
+    signalColor: "#ff6d00",
+    histUpColor: "#26a69a",
+    histDownColor: "#ef5350",
+    showValueLine: true
+  },
+  draw: (ctx, renderContext, inputs) => {
+    const fast = clampIndicatorLength(inputs.fast, 12);
+    const slow = clampIndicatorLength(inputs.slow, 26);
+    const signalLength = clampIndicatorLength(inputs.signal, 9);
+    const { macd, signal, hist } = withCachedComputation(
+      `macd|${fast}|${slow}|${signalLength}`,
+      renderContext.data,
+      () => computeMacd(renderContext.data, fast, slow, signalLength)
+    );
+    return drawSeparateMultiSeries(
+      ctx,
+      renderContext,
+      [
+        {
+          values: hist,
+          color: inputs.histUpColor ?? "#26a69a",
+          negativeColor: inputs.histDownColor ?? "#ef5350",
+          histogram: true
+        },
+        { values: macd, color: inputs.macdColor ?? "#2962ff", label: "MACD" },
+        { values: signal, color: inputs.signalColor ?? "#ff6d00", label: "Signal" }
+      ],
+      {
+        title: `MACD ${fast} ${slow} ${signalLength}`,
+        includeZero: true,
+        guideLines: [0],
+        decimals: 2,
+        valueLabelSeriesIndex: 1,
+        valueLines: inputs.showValueLine !== false
+      }
+    );
+  }
 };
-var compileScriptIndicator = (definition) => {
-  const pane = definition.pane ?? "separate";
-  const defaultInputs = { showValueLine: true };
-  for (const input of definition.inputs ?? []) {
-    defaultInputs[input.key] = input.default;
+var BUILTIN_STOCHASTIC_INDICATOR = {
+  id: "stochastic",
+  name: "Stoch",
+  pane: "separate",
+  paneHeightRatio: 0.18,
+  defaultInputs: { kLength: 14, kSmoothing: 1, dLength: 3, kColor: "#2962ff", dColor: "#ff6d00", showValueLine: true },
+  draw: (ctx, renderContext, inputs) => {
+    const kLength = clampIndicatorLength(inputs.kLength, 14);
+    const kSmoothing = clampIndicatorLength(inputs.kSmoothing, 1);
+    const dLength = clampIndicatorLength(inputs.dLength, 3);
+    const { k, d } = withCachedComputation(
+      `stochastic|${kLength}|${kSmoothing}|${dLength}`,
+      renderContext.data,
+      () => computeStochastic(renderContext.data, kLength, kSmoothing, dLength)
+    );
+    return drawSeparateMultiSeries(
+      ctx,
+      renderContext,
+      [
+        { values: k, color: inputs.kColor ?? "#2962ff", label: "%K" },
+        { values: d, color: inputs.dColor ?? "#ff6d00", label: "%D" }
+      ],
+      {
+        title: `Stoch ${kLength} ${kSmoothing} ${dLength}`,
+        minOverride: 0,
+        maxOverride: 100,
+        guideLines: [20, 80],
+        axisTicks: [0, 20, 50, 80, 100],
+        decimals: 2,
+        valueLines: inputs.showValueLine !== false
+      }
+    );
   }
-  let compiled = null;
-  let compileError = null;
-  const guard = createScriptGuard();
-  try {
-    compiled = compileScriptCompute(definition.source, guard);
-  } catch (error) {
-    compileError = error instanceof Error ? error.message : String(error);
+};
+var BUILTIN_STOCHRSI_INDICATOR = {
+  id: "stochrsi",
+  name: "Stoch RSI",
+  pane: "separate",
+  paneHeightRatio: 0.18,
+  defaultInputs: {
+    rsiLength: 14,
+    stochLength: 14,
+    kSmoothing: 3,
+    dSmoothing: 3,
+    kColor: "#2962ff",
+    dColor: "#ff6d00",
+    showValueLine: true
+  },
+  draw: (ctx, renderContext, inputs) => {
+    const rsiLength = clampIndicatorLength(inputs.rsiLength, 14);
+    const stochLength = clampIndicatorLength(inputs.stochLength, 14);
+    const kSmoothing = clampIndicatorLength(inputs.kSmoothing, 3);
+    const dSmoothing = clampIndicatorLength(inputs.dSmoothing, 3);
+    const { k, d } = withCachedComputation(
+      `stochrsi|${rsiLength}|${stochLength}|${kSmoothing}|${dSmoothing}`,
+      renderContext.data,
+      () => computeStochRsi(renderContext.data, rsiLength, stochLength, kSmoothing, dSmoothing)
+    );
+    return drawSeparateMultiSeries(
+      ctx,
+      renderContext,
+      [
+        { values: k, color: inputs.kColor ?? "#2962ff", label: "%K" },
+        { values: d, color: inputs.dColor ?? "#ff6d00", label: "%D" }
+      ],
+      {
+        title: `Stoch RSI ${rsiLength} ${stochLength}`,
+        minOverride: 0,
+        maxOverride: 100,
+        guideLines: [20, 80],
+        axisTicks: [0, 20, 50, 80, 100],
+        decimals: 2,
+        valueLines: inputs.showValueLine !== false
+      }
+    );
   }
-  const sourceKey = hashScriptSource(definition.source);
-  let trippedError = null;
-  const runCompute = (data, inputs) => {
-    if (!compiled) {
-      return { error: compileError ?? "Script failed to compile" };
+};
+var BUILTIN_ADX_INDICATOR = {
+  id: "adx",
+  name: "ADX/DMI",
+  pane: "separate",
+  paneHeightRatio: 0.18,
+  defaultInputs: {
+    length: 14,
+    adxColor: "#ff6d00",
+    plusDiColor: "#26a69a",
+    minusDiColor: "#ef5350",
+    showDi: true,
+    showValueLine: true
+  },
+  draw: (ctx, renderContext, inputs) => {
+    const length = clampIndicatorLength(inputs.length, 14);
+    const { adx, plusDi, minusDi } = withCachedComputation(
+      `adx|${length}`,
+      renderContext.data,
+      () => computeDmi(renderContext.data, length)
+    );
+    const seriesList = [
+      { values: adx, color: inputs.adxColor ?? "#ff6d00", label: "ADX" }
+    ];
+    if (inputs.showDi !== false) {
+      seriesList.push(
+        { values: plusDi, color: inputs.plusDiColor ?? "#26a69a", label: "+DI", width: 1 },
+        { values: minusDi, color: inputs.minusDiColor ?? "#ef5350", label: "-DI", width: 1 }
+      );
     }
-    if (trippedError) {
-      return { error: trippedError };
-    }
-    try {
-      guard.reset();
-      const result = compiled(data, inputs, SCRIPT_HELPERS);
-      if (!result || !Array.isArray(result.plots)) {
-        return { error: "compute() must return { plots: [...] }" };
-      }
-      for (const plot of result.plots) {
-        if (!plot || !Array.isArray(plot.values)) {
-          return { error: "Every plot needs a `values` array" };
-        }
-      }
-      return { result };
-    } catch (error) {
-      const message = error instanceof Error ? error.message : String(error);
-      if (error instanceof ScriptBudgetError) {
-        trippedError = message;
-      }
-      return { error: message };
-    }
-  };
-  const cachedCompute = (data, inputs) => withCachedComputation(
-    `script|${definition.id}|${sourceKey}|${JSON.stringify(inputs)}`,
-    data,
-    () => runCompute(data, inputs)
-  );
-  const plugin = {
-    id: definition.id,
-    name: definition.name,
-    pane,
-    defaultInputs,
-    draw: (ctx, renderContext, inputs) => {
-      const outcome = cachedCompute(renderContext.data, inputs);
-      if (!outcome.result) {
-        drawScriptError(ctx, renderContext, definition.name, outcome.error ?? "Unknown script error");
-        return pane === "separate" ? { title: `${definition.name} (script error)` } : void 0;
-      }
-      const { plots, range, guides, decimals } = outcome.result;
-      if (pane === "separate") {
-        const seriesList = plots.map((plot, index) => ({
-          values: plot.values,
-          color: plot.color ?? SCRIPT_PLOT_PALETTE[index % SCRIPT_PLOT_PALETTE.length],
-          ...plot.width !== void 0 ? { width: plot.width } : {},
-          ...plot.title ? { label: plot.title } : {},
-          ...plot.style === "histogram" ? { histogram: true } : {},
-          ...plot.negativeColor ? { negativeColor: plot.negativeColor } : {}
-        }));
-        return drawSeparateMultiSeries(ctx, renderContext, seriesList, {
-          title: definition.name,
-          ...range?.min !== void 0 ? { minOverride: range.min } : {},
-          ...range?.max !== void 0 ? { maxOverride: range.max } : {},
-          ...guides && guides.length > 0 ? { guideLines: guides } : {},
-          ...decimals !== void 0 ? { decimals } : {},
-          valueLines: inputs.showValueLine !== false
-        });
-      }
-      for (let index = 0; index < plots.length; index += 1) {
-        const plot = plots[index];
-        if (plot.style === "histogram") continue;
-        drawOverlaySeries(
-          ctx,
-          renderContext,
-          plot.values,
-          plot.color ?? SCRIPT_PLOT_PALETTE[index % SCRIPT_PLOT_PALETTE.length],
-          plot.width ?? 2
-        );
-      }
-      return void 0;
-    },
-    ...pane === "overlay" ? {
-      getAutoscaleRange: (data, startIndex, endIndex, inputs, skipIndex) => {
-        const outcome = cachedCompute(data, inputs);
-        if (!outcome.result) return null;
-        const lineSeries = outcome.result.plots.filter((plot) => plot.style !== "histogram").map((plot) => plot.values);
-        if (lineSeries.length === 0) return null;
-        return rangeOfSeries(lineSeries, startIndex, endIndex, skipIndex);
-      }
-    } : {}
-  };
-  if (definition.paneHeightRatio !== void 0) {
-    plugin.paneHeightRatio = definition.paneHeightRatio;
+    return drawSeparateMultiSeries(ctx, renderContext, seriesList, {
+      title: `ADX ${length}`,
+      minOverride: 0,
+      guideLines: [20],
+      decimals: 2,
+      valueLines: inputs.showValueLine !== false
+    });
   }
-  return plugin;
-};
-var computeMacd = (data, fast, slow, signalLength) => {
-  const fastEma = computeEmaSeries(data, fast, "close");
-  const slowEma = computeEmaSeries(data, slow, "close");
-  const macd = fastEma.map((value, idx) => {
-    const slowValue = slowEma[idx];
-    return value == null || slowValue == null ? null : value - slowValue;
-  });
-  const signal = emaFromValues(macd, signalLength);
-  const hist = macd.map((value, idx) => {
-    const signalValue = signal[idx];
-    return value == null || signalValue == null ? null : value - signalValue;
-  });
-  return { macd, signal, hist };
-};
-var computeStochastic = (data, kLength, kSmoothing, dLength) => {
-  const highestHigh = rollingExtremeSeries(data.map((point) => point.h), kLength, "max");
-  const lowestLow = rollingExtremeSeries(data.map((point) => point.l), kLength, "min");
-  const rawK = data.map((point, idx) => {
-    const hh = highestHigh[idx];
-    const ll = lowestLow[idx];
-    if (hh == null || ll == null) return null;
-    const range = hh - ll;
-    return range === 0 ? 50 : (point.c - ll) / range * 100;
-  });
-  const k = kSmoothing > 1 ? smaFromValues(rawK, kSmoothing) : rawK;
-  const d = smaFromValues(k, dLength);
-  return { k, d };
-};
-var computeStochRsi = (data, rsiLength, stochLength, kSmoothing, dSmoothing) => {
-  const rsi = computeRsiSeries(data, rsiLength);
-  const finiteRsi = rsi.map((value) => value == null ? Number.NaN : value);
-  const highest = rollingExtremeSeries(finiteRsi, stochLength, "max");
-  const lowest = rollingExtremeSeries(finiteRsi, stochLength, "min");
-  const rawK = rsi.map((value, idx) => {
-    const hh = highest[idx];
-    const ll = lowest[idx];
-    if (value == null || hh == null || ll == null || !Number.isFinite(hh) || !Number.isFinite(ll)) return null;
-    const range = hh - ll;
-    return range === 0 ? 50 : (value - ll) / range * 100;
-  });
-  const k = smaFromValues(rawK, Math.max(1, kSmoothing));
-  const d = smaFromValues(k, Math.max(1, dSmoothing));
-  return { k, d };
 };
-var computeDmi = (data, length) => {
-  const count = data.length;
-  const plusDm = new Array(count).fill(null);
-  const minusDm = new Array(count).fill(null);
-  const trueRange = new Array(count).fill(null);
-  for (let i = 1; i < count; i += 1) {
-    const point = data[i];
-    const prev = data[i - 1];
-    const upMove = point.h - prev.h;
-    const downMove = prev.l - point.l;
-    plusDm[i] = upMove > downMove && upMove > 0 ? upMove : 0;
-    minusDm[i] = downMove > upMove && downMove > 0 ? downMove : 0;
-    trueRange[i] = Math.max(point.h - point.l, Math.abs(point.h - prev.c), Math.abs(point.l - prev.c));
+var BUILTIN_OBV_INDICATOR = {
+  id: "obv",
+  name: "OBV",
+  pane: "separate",
+  paneHeightRatio: 0.16,
+  defaultInputs: { color: "#2962ff", width: 2, showValueLine: true },
+  draw: (ctx, renderContext, inputs) => {
+    const values = withCachedSeries("obv", renderContext.data, () => computeObvSeries(renderContext.data));
+    return drawSeparateMultiSeries(
+      ctx,
+      renderContext,
+      [{ values, color: inputs.color ?? "#2962ff", width: Number(inputs.width) || 2, label: "OBV" }],
+      { title: "OBV", format: formatCompactNumber, valueLines: inputs.showValueLine !== false }
+    );
   }
-  const smoothPlus = rmaFromValues(plusDm, length);
-  const smoothMinus = rmaFromValues(minusDm, length);
-  const smoothTr = rmaFromValues(trueRange, length);
-  const plusDi = smoothPlus.map((value, idx) => {
-    const tr = smoothTr[idx];
-    return value == null || tr == null || tr === 0 ? null : 100 * value / tr;
-  });
-  const minusDi = smoothMinus.map((value, idx) => {
-    const tr = smoothTr[idx];
-    return value == null || tr == null || tr === 0 ? null : 100 * value / tr;
-  });
-  const dx = plusDi.map((value, idx) => {
-    const minus = minusDi[idx];
-    if (value == null || minus == null) return null;
-    const sum = value + minus;
-    return sum === 0 ? 0 : 100 * Math.abs(value - minus) / sum;
-  });
-  const adx = rmaFromValues(dx, length);
-  return { adx, plusDi, minusDi };
 };
-var computeObvSeries = (data) => {
-  const result = new Array(data.length).fill(null);
-  let obv = 0;
-  for (let i = 0; i < data.length; i += 1) {
-    const point = data[i];
-    if (i > 0) {
-      const prev = data[i - 1];
-      const volume = Math.max(0, point.v ?? 0);
-      if (point.c > prev.c) obv += volume;
-      else if (point.c < prev.c) obv -= volume;
-    }
-    result[i] = obv;
+var BUILTIN_MFI_INDICATOR = {
+  id: "mfi",
+  name: "MFI",
+  pane: "separate",
+  paneHeightRatio: 0.16,
+  defaultInputs: { length: 14, color: "#7e57c2", width: 2, showValueLine: true },
+  draw: (ctx, renderContext, inputs) => {
+    const length = clampIndicatorLength(inputs.length, 14);
+    const values = withCachedSeries(
+      `mfi|${length}`,
+      renderContext.data,
+      () => computeMfiSeries(renderContext.data, length)
+    );
+    return drawSeparateMultiSeries(
+      ctx,
+      renderContext,
+      [{ values, color: inputs.color ?? "#7e57c2", width: Number(inputs.width) || 2 }],
+      {
+        title: `MFI ${length}`,
+        minOverride: 0,
+        maxOverride: 100,
+        guideLines: [20, 80],
+        axisTicks: [0, 20, 50, 80, 100],
+        decimals: 2,
+        valueLines: inputs.showValueLine !== false
+      }
+    );
   }
-  return result;
 };
-var computeMfiSeries = (data, length) => {
-  const result = new Array(data.length).fill(null);
-  const positiveFlow = new Array(data.length).fill(0);
-  const negativeFlow = new Array(data.length).fill(0);
-  let prevTypical = null;
-  for (let i = 0; i < data.length; i += 1) {
-    const point = data[i];
-    const typical = (point.h + point.l + point.c) / 3;
-    const flow = typical * Math.max(0, point.v ?? 0);
-    if (prevTypical !== null) {
-      if (typical > prevTypical) positiveFlow[i] = flow;
-      else if (typical < prevTypical) negativeFlow[i] = flow;
-    }
-    prevTypical = typical;
+var BUILTIN_CCI_INDICATOR = {
+  id: "cci",
+  name: "CCI",
+  pane: "separate",
+  paneHeightRatio: 0.16,
+  defaultInputs: { length: 20, color: "#2962ff", width: 2, showValueLine: true },
+  draw: (ctx, renderContext, inputs) => {
+    const length = clampIndicatorLength(inputs.length, 20);
+    const values = withCachedSeries(
+      `cci|${length}`,
+      renderContext.data,
+      () => computeCciSeries(renderContext.data, length)
+    );
+    return drawSeparateMultiSeries(
+      ctx,
+      renderContext,
+      [{ values, color: inputs.color ?? "#2962ff", width: Number(inputs.width) || 2 }],
+      { title: `CCI ${length}`, guideLines: [-100, 0, 100], decimals: 2, valueLines: inputs.showValueLine !== false }
+    );
   }
-  let posSum = 0;
-  let negSum = 0;
-  for (let i = 0; i < data.length; i += 1) {
-    posSum += positiveFlow[i];
-    negSum += negativeFlow[i];
-    if (i >= length) {
-      posSum -= positiveFlow[i - length];
-      negSum -= negativeFlow[i - length];
-    }
-    if (i >= length) {
-      result[i] = negSum === 0 ? 100 : 100 - 100 / (1 + posSum / negSum);
-    }
-  }
-  return result;
-};
-var computeCciSeries = (data, length) => {
-  const result = new Array(data.length).fill(null);
-  const typical = data.map((point) => (point.h + point.l + point.c) / 3);
-  const smaTypical = smaFromValues(typical, length);
-  for (let i = length - 1; i < data.length; i += 1) {
-    const mean = smaTypical[i];
-    if (mean == null) continue;
-    let meanDeviation = 0;
-    for (let j = 0; j < length; j += 1) {
-      meanDeviation += Math.abs(typical[i - j] - mean);
-    }
-    meanDeviation /= length;
-    result[i] = meanDeviation === 0 ? 0 : (typical[i] - mean) / (0.015 * meanDeviation);
-  }
-  return result;
-};
-var computeWilliamsRSeries = (data, length) => {
-  const highest = rollingExtremeSeries(data.map((point) => point.h), length, "max");
-  const lowest = rollingExtremeSeries(data.map((point) => point.l), length, "min");
-  return data.map((point, idx) => {
-    const hh = highest[idx];
-    const ll = lowest[idx];
-    if (hh == null || ll == null) return null;
-    const range = hh - ll;
-    return range === 0 ? -50 : (hh - point.c) / range * -100;
-  });
-};
-var computeRocSeries = (data, length) => {
-  return data.map((point, idx) => {
-    if (idx < length) return null;
-    const past = data[idx - length].c;
-    return past === 0 ? null : 100 * (point.c - past) / past;
-  });
-};
-var computeMomentumSeries = (data, length) => {
-  return data.map((point, idx) => idx < length ? null : point.c - data[idx - length].c);
-};
-var computePsarSeries = (data, start, increment, maximum) => {
-  const count = data.length;
-  const result = new Array(count).fill(null);
-  if (count < 2) return result;
-  let isUp = data[1].c >= data[0].c;
-  let sar = isUp ? data[0].l : data[0].h;
-  let extremePoint = isUp ? data[0].h : data[0].l;
-  let accelerationFactor = start;
-  for (let i = 1; i < count; i += 1) {
-    const point = data[i];
-    sar += accelerationFactor * (extremePoint - sar);
-    if (isUp) {
-      sar = Math.min(sar, data[i - 1].l, data[Math.max(0, i - 2)].l);
-      if (point.l < sar) {
-        isUp = false;
-        sar = extremePoint;
-        extremePoint = point.l;
-        accelerationFactor = start;
-      } else if (point.h > extremePoint) {
-        extremePoint = point.h;
-        accelerationFactor = Math.min(maximum, accelerationFactor + increment);
-      }
-    } else {
-      sar = Math.max(sar, data[i - 1].h, data[Math.max(0, i - 2)].h);
-      if (point.h > sar) {
-        isUp = true;
-        sar = extremePoint;
-        extremePoint = point.h;
-        accelerationFactor = start;
-      } else if (point.l < extremePoint) {
-        extremePoint = point.l;
-        accelerationFactor = Math.min(maximum, accelerationFactor + increment);
-      }
-    }
-    result[i] = sar;
-  }
-  return result;
-};
-var computeSuperTrend = (data, atrLength, multiplier) => {
-  const count = data.length;
-  const up = new Array(count).fill(null);
-  const down = new Array(count).fill(null);
-  const atr = computeAtrSeries(data, atrLength);
-  let prevUpper = Number.NaN;
-  let prevLower = Number.NaN;
-  let trend = 1;
-  let prevClose = 0;
-  for (let i = 0; i < count; i += 1) {
-    const point = data[i];
-    const atrValue = atr[i];
-    if (atrValue == null) {
-      prevClose = point.c;
-      continue;
-    }
-    const mid = (point.h + point.l) / 2;
-    const basicUpper = mid + multiplier * atrValue;
-    const basicLower = mid - multiplier * atrValue;
-    if (!Number.isFinite(prevUpper)) {
-      prevUpper = basicUpper;
-      prevLower = basicLower;
-      trend = point.c >= mid ? 1 : -1;
-    } else {
-      const finalUpper = basicUpper < prevUpper || prevClose > prevUpper ? basicUpper : prevUpper;
-      const finalLower = basicLower > prevLower || prevClose < prevLower ? basicLower : prevLower;
-      if (trend === 1) {
-        trend = point.c < finalLower ? -1 : 1;
-      } else {
-        trend = point.c > finalUpper ? 1 : -1;
-      }
-      prevUpper = finalUpper;
-      prevLower = finalLower;
-    }
-    if (trend === 1) up[i] = prevLower;
-    else down[i] = prevUpper;
-    prevClose = point.c;
-  }
-  return { up, down };
-};
-var computeIchimoku = (data, conversionLength, baseLength, spanBLength, displacement) => {
-  const count = data.length;
-  const highs = data.map((point) => point.h);
-  const lows = data.map((point) => point.l);
-  const midlineOf = (length) => {
-    const highest = rollingExtremeSeries(highs, length, "max");
-    const lowest = rollingExtremeSeries(lows, length, "min");
-    return highest.map((value, idx) => {
-      const low = lowest[idx];
-      return value == null || low == null ? null : (value + low) / 2;
-    });
-  };
-  const tenkan = midlineOf(conversionLength);
-  const kijun = midlineOf(baseLength);
-  const spanARaw = tenkan.map((value, idx) => {
-    const base = kijun[idx];
-    return value == null || base == null ? null : (value + base) / 2;
-  });
-  const spanBRaw = midlineOf(spanBLength);
-  const spanA = new Array(count).fill(null);
-  const spanB = new Array(count).fill(null);
-  const chikou = new Array(count).fill(null);
-  for (let i = 0; i < count; i += 1) {
-    const shifted = i - displacement;
-    if (shifted >= 0) {
-      spanA[i] = spanARaw[shifted] ?? null;
-      spanB[i] = spanBRaw[shifted] ?? null;
-    }
-    const forward = i + displacement;
-    if (forward < count) {
-      chikou[i] = data[forward].c;
-    }
-  }
-  return { tenkan, kijun, spanA, spanB, chikou };
 };
-var computeKeltner = (data, emaLength, atrLength, multiplier) => {
-  const basis = computeEmaSeries(data, emaLength, "close");
-  const atr = computeAtrSeries(data, atrLength);
-  const upper = basis.map((value, idx) => {
-    const atrValue = atr[idx];
-    return value == null || atrValue == null ? null : value + multiplier * atrValue;
-  });
-  const lower = basis.map((value, idx) => {
-    const atrValue = atr[idx];
-    return value == null || atrValue == null ? null : value - multiplier * atrValue;
-  });
-  return { basis, upper, lower };
-};
-var computeDonchian = (data, length) => {
-  const upper = rollingExtremeSeries(data.map((point) => point.h), length, "max");
-  const lower = rollingExtremeSeries(data.map((point) => point.l), length, "min");
-  const basis = upper.map((value, idx) => {
-    const low = lower[idx];
-    return value == null || low == null ? null : (value + low) / 2;
-  });
-  return { upper, lower, basis };
-};
-var BUILTIN_MACD_INDICATOR = {
-  id: "macd",
-  name: "MACD",
+var BUILTIN_WILLIAMSR_INDICATOR = {
+  id: "williamsr",
+  name: "Williams %R",
   pane: "separate",
-  paneHeightRatio: 0.2,
-  defaultInputs: {
-    fast: 12,
-    slow: 26,
-    signal: 9,
-    macdColor: "#2962ff",
-    signalColor: "#ff6d00",
-    histUpColor: "#26a69a",
-    histDownColor: "#ef5350",
-    showValueLine: true
-  },
+  paneHeightRatio: 0.16,
+  defaultInputs: { length: 14, color: "#7e57c2", width: 2, showValueLine: true },
   draw: (ctx, renderContext, inputs) => {
-    const fast = clampIndicatorLength(inputs.fast, 12);
-    const slow = clampIndicatorLength(inputs.slow, 26);
-    const signalLength = clampIndicatorLength(inputs.signal, 9);
-    const { macd, signal, hist } = withCachedComputation(
-      `macd|${fast}|${slow}|${signalLength}`,
+    const length = clampIndicatorLength(inputs.length, 14);
+    const values = withCachedSeries(
+      `williamsr|${length}`,
       renderContext.data,
-      () => computeMacd(renderContext.data, fast, slow, signalLength)
+      () => computeWilliamsRSeries(renderContext.data, length)
     );
     return drawSeparateMultiSeries(
       ctx,
       renderContext,
-      [
-        {
-          values: hist,
-          color: inputs.histUpColor ?? "#26a69a",
-          negativeColor: inputs.histDownColor ?? "#ef5350",
-          histogram: true
-        },
-        { values: macd, color: inputs.macdColor ?? "#2962ff", label: "MACD" },
-        { values: signal, color: inputs.signalColor ?? "#ff6d00", label: "Signal" }
-      ],
+      [{ values, color: inputs.color ?? "#7e57c2", width: Number(inputs.width) || 2 }],
       {
-        title: `MACD ${fast} ${slow} ${signalLength}`,
-        includeZero: true,
-        guideLines: [0],
+        title: `%R ${length}`,
+        minOverride: -100,
+        maxOverride: 0,
+        guideLines: [-80, -20],
+        axisTicks: [-100, -80, -50, -20, 0],
         decimals: 2,
-        valueLabelSeriesIndex: 1,
         valueLines: inputs.showValueLine !== false
       }
     );
   }
 };
-var BUILTIN_STOCHASTIC_INDICATOR = {
-  id: "stochastic",
-  name: "Stoch",
+var BUILTIN_ROC_INDICATOR = {
+  id: "roc",
+  name: "ROC",
   pane: "separate",
-  paneHeightRatio: 0.18,
-  defaultInputs: { kLength: 14, kSmoothing: 1, dLength: 3, kColor: "#2962ff", dColor: "#ff6d00", showValueLine: true },
+  paneHeightRatio: 0.16,
+  defaultInputs: { length: 9, color: "#2962ff", width: 2, showValueLine: true },
   draw: (ctx, renderContext, inputs) => {
-    const kLength = clampIndicatorLength(inputs.kLength, 14);
-    const kSmoothing = clampIndicatorLength(inputs.kSmoothing, 1);
-    const dLength = clampIndicatorLength(inputs.dLength, 3);
-    const { k, d } = withCachedComputation(
-      `stochastic|${kLength}|${kSmoothing}|${dLength}`,
+    const length = clampIndicatorLength(inputs.length, 9);
+    const values = withCachedSeries(
+      `roc|${length}`,
       renderContext.data,
-      () => computeStochastic(renderContext.data, kLength, kSmoothing, dLength)
-    );
-    return drawSeparateMultiSeries(
-      ctx,
-      renderContext,
-      [
-        { values: k, color: inputs.kColor ?? "#2962ff", label: "%K" },
-        { values: d, color: inputs.dColor ?? "#ff6d00", label: "%D" }
-      ],
-      {
-        title: `Stoch ${kLength} ${kSmoothing} ${dLength}`,
-        minOverride: 0,
-        maxOverride: 100,
-        guideLines: [20, 80],
-        axisTicks: [0, 20, 50, 80, 100],
-        decimals: 2,
-        valueLines: inputs.showValueLine !== false
-      }
-    );
-  }
-};
-var BUILTIN_STOCHRSI_INDICATOR = {
-  id: "stochrsi",
-  name: "Stoch RSI",
-  pane: "separate",
-  paneHeightRatio: 0.18,
-  defaultInputs: {
-    rsiLength: 14,
-    stochLength: 14,
-    kSmoothing: 3,
-    dSmoothing: 3,
-    kColor: "#2962ff",
-    dColor: "#ff6d00",
-    showValueLine: true
-  },
-  draw: (ctx, renderContext, inputs) => {
-    const rsiLength = clampIndicatorLength(inputs.rsiLength, 14);
-    const stochLength = clampIndicatorLength(inputs.stochLength, 14);
-    const kSmoothing = clampIndicatorLength(inputs.kSmoothing, 3);
-    const dSmoothing = clampIndicatorLength(inputs.dSmoothing, 3);
-    const { k, d } = withCachedComputation(
-      `stochrsi|${rsiLength}|${stochLength}|${kSmoothing}|${dSmoothing}`,
-      renderContext.data,
-      () => computeStochRsi(renderContext.data, rsiLength, stochLength, kSmoothing, dSmoothing)
-    );
-    return drawSeparateMultiSeries(
-      ctx,
-      renderContext,
-      [
-        { values: k, color: inputs.kColor ?? "#2962ff", label: "%K" },
-        { values: d, color: inputs.dColor ?? "#ff6d00", label: "%D" }
-      ],
-      {
-        title: `Stoch RSI ${rsiLength} ${stochLength}`,
-        minOverride: 0,
-        maxOverride: 100,
-        guideLines: [20, 80],
-        axisTicks: [0, 20, 50, 80, 100],
-        decimals: 2,
-        valueLines: inputs.showValueLine !== false
-      }
-    );
-  }
-};
-var BUILTIN_ADX_INDICATOR = {
-  id: "adx",
-  name: "ADX/DMI",
-  pane: "separate",
-  paneHeightRatio: 0.18,
-  defaultInputs: {
-    length: 14,
-    adxColor: "#ff6d00",
-    plusDiColor: "#26a69a",
-    minusDiColor: "#ef5350",
-    showDi: true,
-    showValueLine: true
-  },
-  draw: (ctx, renderContext, inputs) => {
-    const length = clampIndicatorLength(inputs.length, 14);
-    const { adx, plusDi, minusDi } = withCachedComputation(
-      `adx|${length}`,
-      renderContext.data,
-      () => computeDmi(renderContext.data, length)
-    );
-    const seriesList = [
-      { values: adx, color: inputs.adxColor ?? "#ff6d00", label: "ADX" }
-    ];
-    if (inputs.showDi !== false) {
-      seriesList.push(
-        { values: plusDi, color: inputs.plusDiColor ?? "#26a69a", label: "+DI", width: 1 },
-        { values: minusDi, color: inputs.minusDiColor ?? "#ef5350", label: "-DI", width: 1 }
-      );
-    }
-    return drawSeparateMultiSeries(ctx, renderContext, seriesList, {
-      title: `ADX ${length}`,
-      minOverride: 0,
-      guideLines: [20],
-      decimals: 2,
-      valueLines: inputs.showValueLine !== false
-    });
-  }
-};
-var BUILTIN_OBV_INDICATOR = {
-  id: "obv",
-  name: "OBV",
-  pane: "separate",
-  paneHeightRatio: 0.16,
-  defaultInputs: { color: "#2962ff", width: 2, showValueLine: true },
-  draw: (ctx, renderContext, inputs) => {
-    const values = withCachedSeries("obv", renderContext.data, () => computeObvSeries(renderContext.data));
-    return drawSeparateMultiSeries(
-      ctx,
-      renderContext,
-      [{ values, color: inputs.color ?? "#2962ff", width: Number(inputs.width) || 2, label: "OBV" }],
-      { title: "OBV", format: formatCompactNumber, valueLines: inputs.showValueLine !== false }
-    );
-  }
-};
-var BUILTIN_MFI_INDICATOR = {
-  id: "mfi",
-  name: "MFI",
-  pane: "separate",
-  paneHeightRatio: 0.16,
-  defaultInputs: { length: 14, color: "#7e57c2", width: 2, showValueLine: true },
-  draw: (ctx, renderContext, inputs) => {
-    const length = clampIndicatorLength(inputs.length, 14);
-    const values = withCachedSeries(
-      `mfi|${length}`,
-      renderContext.data,
-      () => computeMfiSeries(renderContext.data, length)
-    );
-    return drawSeparateMultiSeries(
-      ctx,
-      renderContext,
-      [{ values, color: inputs.color ?? "#7e57c2", width: Number(inputs.width) || 2 }],
-      {
-        title: `MFI ${length}`,
-        minOverride: 0,
-        maxOverride: 100,
-        guideLines: [20, 80],
-        axisTicks: [0, 20, 50, 80, 100],
-        decimals: 2,
-        valueLines: inputs.showValueLine !== false
-      }
-    );
-  }
-};
-var BUILTIN_CCI_INDICATOR = {
-  id: "cci",
-  name: "CCI",
-  pane: "separate",
-  paneHeightRatio: 0.16,
-  defaultInputs: { length: 20, color: "#2962ff", width: 2, showValueLine: true },
-  draw: (ctx, renderContext, inputs) => {
-    const length = clampIndicatorLength(inputs.length, 20);
-    const values = withCachedSeries(
-      `cci|${length}`,
-      renderContext.data,
-      () => computeCciSeries(renderContext.data, length)
-    );
-    return drawSeparateMultiSeries(
-      ctx,
-      renderContext,
-      [{ values, color: inputs.color ?? "#2962ff", width: Number(inputs.width) || 2 }],
-      { title: `CCI ${length}`, guideLines: [-100, 0, 100], decimals: 2, valueLines: inputs.showValueLine !== false }
-    );
-  }
-};
-var BUILTIN_WILLIAMSR_INDICATOR = {
-  id: "williamsr",
-  name: "Williams %R",
-  pane: "separate",
-  paneHeightRatio: 0.16,
-  defaultInputs: { length: 14, color: "#7e57c2", width: 2, showValueLine: true },
-  draw: (ctx, renderContext, inputs) => {
-    const length = clampIndicatorLength(inputs.length, 14);
-    const values = withCachedSeries(
-      `williamsr|${length}`,
-      renderContext.data,
-      () => computeWilliamsRSeries(renderContext.data, length)
-    );
-    return drawSeparateMultiSeries(
-      ctx,
-      renderContext,
-      [{ values, color: inputs.color ?? "#7e57c2", width: Number(inputs.width) || 2 }],
-      {
-        title: `%R ${length}`,
-        minOverride: -100,
-        maxOverride: 0,
-        guideLines: [-80, -20],
-        axisTicks: [-100, -80, -50, -20, 0],
-        decimals: 2,
-        valueLines: inputs.showValueLine !== false
-      }
-    );
-  }
-};
-var BUILTIN_ROC_INDICATOR = {
-  id: "roc",
-  name: "ROC",
-  pane: "separate",
-  paneHeightRatio: 0.16,
-  defaultInputs: { length: 9, color: "#2962ff", width: 2, showValueLine: true },
-  draw: (ctx, renderContext, inputs) => {
-    const length = clampIndicatorLength(inputs.length, 9);
-    const values = withCachedSeries(
-      `roc|${length}`,
-      renderContext.data,
-      () => computeRocSeries(renderContext.data, length)
+      () => computeRocSeries(renderContext.data, length)
     );
     return drawSeparateMultiSeries(
       ctx,
@@ -2686,114 +1937,871 @@ var BUILTIN_ICHIMOKU_INDICATOR = {
       drawOverlaySeries(ctx, renderContext, chikou, inputs.chikouColor ?? "#43a047", 1);
     }
   },
-  getAutoscaleRange: (data, startIndex, endIndex, inputs, skipIndex) => {
-    const conversionLength = clampIndicatorLength(inputs.conversionLength, 9);
-    const baseLength = clampIndicatorLength(inputs.baseLength, 26);
-    const spanBLength = clampIndicatorLength(inputs.spanBLength, 52);
-    const displacement = clampIndicatorLength(inputs.displacement, 26);
-    const { tenkan, kijun, spanA, spanB } = withCachedComputation(
-      `ichimoku|${conversionLength}|${baseLength}|${spanBLength}|${displacement}`,
-      data,
-      () => computeIchimoku(data, conversionLength, baseLength, spanBLength, displacement)
-    );
-    return rangeOfSeries([tenkan, kijun, spanA, spanB], startIndex, endIndex, skipIndex);
-  }
+  getAutoscaleRange: (data, startIndex, endIndex, inputs, skipIndex) => {
+    const conversionLength = clampIndicatorLength(inputs.conversionLength, 9);
+    const baseLength = clampIndicatorLength(inputs.baseLength, 26);
+    const spanBLength = clampIndicatorLength(inputs.spanBLength, 52);
+    const displacement = clampIndicatorLength(inputs.displacement, 26);
+    const { tenkan, kijun, spanA, spanB } = withCachedComputation(
+      `ichimoku|${conversionLength}|${baseLength}|${spanBLength}|${displacement}`,
+      data,
+      () => computeIchimoku(data, conversionLength, baseLength, spanBLength, displacement)
+    );
+    return rangeOfSeries([tenkan, kijun, spanA, spanB], startIndex, endIndex, skipIndex);
+  }
+};
+var BUILTIN_KELTNER_INDICATOR = {
+  id: "keltner",
+  name: "KC",
+  pane: "overlay",
+  defaultInputs: {
+    emaLength: 20,
+    atrLength: 10,
+    multiplier: 2,
+    basisColor: "#2962ff",
+    bandColor: "#2962ff",
+    width: 1.5,
+    fillOpacity: 0.04
+  },
+  draw: (ctx, renderContext, inputs) => {
+    const emaLength = clampIndicatorLength(inputs.emaLength, 20);
+    const atrLength = clampIndicatorLength(inputs.atrLength, 10);
+    const multiplier = Math.max(0.1, Number(inputs.multiplier) || 2);
+    const { basis, upper, lower } = withCachedComputation(
+      `keltner|${emaLength}|${atrLength}|${multiplier}`,
+      renderContext.data,
+      () => computeKeltner(renderContext.data, emaLength, atrLength, multiplier)
+    );
+    const bandColor = inputs.bandColor ?? "#2962ff";
+    const width = Number(inputs.width) || 1.5;
+    fillBetweenSeries(ctx, renderContext, upper, lower, bandColor, Number(inputs.fillOpacity) || 0.04);
+    drawOverlaySeries(ctx, renderContext, upper, bandColor, width);
+    drawOverlaySeries(ctx, renderContext, lower, bandColor, width);
+    drawOverlaySeries(ctx, renderContext, basis, inputs.basisColor ?? "#2962ff", width);
+  },
+  getAutoscaleRange: (data, startIndex, endIndex, inputs, skipIndex) => {
+    const emaLength = clampIndicatorLength(inputs.emaLength, 20);
+    const atrLength = clampIndicatorLength(inputs.atrLength, 10);
+    const multiplier = Math.max(0.1, Number(inputs.multiplier) || 2);
+    const { upper, lower } = withCachedComputation(
+      `keltner|${emaLength}|${atrLength}|${multiplier}`,
+      data,
+      () => computeKeltner(data, emaLength, atrLength, multiplier)
+    );
+    return rangeOfSeries([upper, lower], startIndex, endIndex, skipIndex);
+  }
+};
+var BUILTIN_DONCHIAN_INDICATOR = {
+  id: "donchian",
+  name: "DC",
+  pane: "overlay",
+  defaultInputs: { length: 20, bandColor: "#2962ff", basisColor: "#ff6d00", width: 1.5, fillOpacity: 0.04 },
+  draw: (ctx, renderContext, inputs) => {
+    const length = clampIndicatorLength(inputs.length, 20);
+    const { upper, lower, basis } = withCachedComputation(
+      `donchian|${length}`,
+      renderContext.data,
+      () => computeDonchian(renderContext.data, length)
+    );
+    const bandColor = inputs.bandColor ?? "#2962ff";
+    const width = Number(inputs.width) || 1.5;
+    fillBetweenSeries(ctx, renderContext, upper, lower, bandColor, Number(inputs.fillOpacity) || 0.04);
+    drawOverlaySeries(ctx, renderContext, upper, bandColor, width);
+    drawOverlaySeries(ctx, renderContext, lower, bandColor, width);
+    drawOverlaySeries(ctx, renderContext, basis, inputs.basisColor ?? "#ff6d00", width);
+  },
+  getAutoscaleRange: (data, startIndex, endIndex, inputs, skipIndex) => {
+    const length = clampIndicatorLength(inputs.length, 20);
+    const { upper, lower } = withCachedComputation(`donchian|${length}`, data, () => computeDonchian(data, length));
+    return rangeOfSeries([upper, lower], startIndex, endIndex, skipIndex);
+  }
+};
+var BUILTIN_INDICATORS = [
+  BUILTIN_VOLUME_INDICATOR,
+  BUILTIN_SMA_INDICATOR,
+  BUILTIN_EMA_INDICATOR,
+  BUILTIN_RSI_INDICATOR,
+  BUILTIN_WMA_INDICATOR,
+  BUILTIN_VWMA_INDICATOR,
+  BUILTIN_RMA_INDICATOR,
+  BUILTIN_HMA_INDICATOR,
+  BUILTIN_VWAP_INDICATOR,
+  BUILTIN_BOLLINGER_INDICATOR,
+  BUILTIN_STDDEV_INDICATOR,
+  BUILTIN_ATR_INDICATOR,
+  BUILTIN_MACD_INDICATOR,
+  BUILTIN_STOCHASTIC_INDICATOR,
+  BUILTIN_STOCHRSI_INDICATOR,
+  BUILTIN_ADX_INDICATOR,
+  BUILTIN_OBV_INDICATOR,
+  BUILTIN_MFI_INDICATOR,
+  BUILTIN_CCI_INDICATOR,
+  BUILTIN_WILLIAMSR_INDICATOR,
+  BUILTIN_ROC_INDICATOR,
+  BUILTIN_MOMENTUM_INDICATOR,
+  BUILTIN_PSAR_INDICATOR,
+  BUILTIN_SUPERTREND_INDICATOR,
+  BUILTIN_ICHIMOKU_INDICATOR,
+  BUILTIN_KELTNER_INDICATOR,
+  BUILTIN_DONCHIAN_INDICATOR
+];
+
+// src/scripts.ts
+var scriptRollingExtreme = (values, length, mode) => {
+  const fallback = mode === "max" ? Number.NEGATIVE_INFINITY : Number.POSITIVE_INFINITY;
+  const filled = new Array(values.length);
+  for (let i = 0; i < values.length; i += 1) {
+    const value = values[i];
+    filled[i] = value != null && Number.isFinite(value) ? value : fallback;
+  }
+  const raw = rollingExtremeSeries(filled, Math.max(1, Math.floor(length)), mode);
+  return raw.map((value) => value != null && Number.isFinite(value) ? value : null);
+};
+var scriptStdevSeries = (values, length) => {
+  const window2 = Math.max(1, Math.floor(length));
+  const result = new Array(values.length).fill(null);
+  let sum = 0;
+  let sumSq = 0;
+  let valid = 0;
+  for (let i = 0; i < values.length; i += 1) {
+    const value = values[i];
+    if (value == null || !Number.isFinite(value)) {
+      sum = 0;
+      sumSq = 0;
+      valid = 0;
+      continue;
+    }
+    sum += value;
+    sumSq += value * value;
+    valid += 1;
+    if (valid > window2) {
+      const old = values[i - window2];
+      sum -= old;
+      sumSq -= old * old;
+      valid -= 1;
+    }
+    if (valid === window2) {
+      const mean = sum / window2;
+      result[i] = Math.sqrt(Math.max(0, sumSq / window2 - mean * mean));
+    }
+  }
+  return result;
+};
+var scriptAtrSeries = (bars, length) => {
+  const tr = new Array(bars.length).fill(null);
+  for (let i = 0; i < bars.length; i += 1) {
+    const bar = bars[i];
+    if (i === 0) {
+      tr[i] = bar.h - bar.l;
+      continue;
+    }
+    const prevClose = bars[i - 1].c;
+    tr[i] = Math.max(bar.h - bar.l, Math.abs(bar.h - prevClose), Math.abs(bar.l - prevClose));
+  }
+  return rmaFromValues(tr, Math.max(1, Math.floor(length)));
+};
+var SCRIPT_HELPERS = Object.freeze({
+  sma: (values, length) => smaFromValues(values, Math.max(1, Math.floor(length))),
+  ema: (values, length) => emaFromValues(values, Math.max(1, Math.floor(length))),
+  rma: (values, length) => rmaFromValues(values, Math.max(1, Math.floor(length))),
+  highest: (values, length) => scriptRollingExtreme(values, length, "max"),
+  lowest: (values, length) => scriptRollingExtreme(values, length, "min"),
+  change: (values, length = 1) => values.map((value, index) => {
+    const prev = values[index - Math.max(1, Math.floor(length))];
+    return value != null && prev != null ? value - prev : null;
+  }),
+  stdev: scriptStdevSeries,
+  atr: scriptAtrSeries
+});
+var SCRIPT_PLOT_PALETTE = ["#2962ff", "#ff6d00", "#26a69a", "#ab47bc", "#ef5350", "#fdd835"];
+var hashScriptSource = (source) => {
+  let hash = 5381;
+  for (let i = 0; i < source.length; i += 1) {
+    hash = (hash << 5) + hash + source.charCodeAt(i) | 0;
+  }
+  return (hash >>> 0).toString(36);
+};
+var SCRIPT_GUARD_BUDGET_MS = 1e3;
+var ScriptBudgetError = class extends Error {
+  constructor() {
+    super(
+      `Script exceeded the ${SCRIPT_GUARD_BUDGET_MS}ms execution budget (possible infinite loop) \u2014 edit the script to retry`
+    );
+    this.name = "ScriptBudgetError";
+  }
+};
+var createScriptGuard = () => {
+  let deadline = Date.now() + SCRIPT_GUARD_BUDGET_MS;
+  let count = 0;
+  const guard = (() => {
+    count += 1;
+    if ((count & 1023) === 0 && Date.now() > deadline) {
+      throw new ScriptBudgetError();
+    }
+    return true;
+  });
+  guard.reset = () => {
+    count = 0;
+    deadline = Date.now() + SCRIPT_GUARD_BUDGET_MS;
+  };
+  return guard;
+};
+var injectLoopGuards = (source, guardName) => {
+  const n = source.length;
+  const isIdChar = (ch) => ch >= "a" && ch <= "z" || ch >= "A" && ch <= "Z" || ch >= "0" && ch <= "9" || ch === "_" || ch === "$";
+  const scanString = (start) => {
+    const quote = source[start];
+    let j = start + 1;
+    while (j < n) {
+      const cj = source[j];
+      if (cj === "\\") {
+        j += 2;
+        continue;
+      }
+      if (cj === quote) {
+        return j + 1;
+      }
+      if (quote === "`" && cj === "$" && source[j + 1] === "{") {
+        let depth = 1;
+        j += 2;
+        while (j < n && depth > 0) {
+          const ce = source[j];
+          if (ce === "\\") {
+            j += 2;
+            continue;
+          }
+          if (ce === '"' || ce === "'" || ce === "`") {
+            j = scanString(j);
+            continue;
+          }
+          if (ce === "{") depth += 1;
+          else if (ce === "}") depth -= 1;
+          j += 1;
+        }
+        continue;
+      }
+      j += 1;
+    }
+    return n;
+  };
+  const scanRegex = (start) => {
+    let j = start + 1;
+    let inClass = false;
+    while (j < n) {
+      const cj = source[j];
+      if (cj === "\\") {
+        j += 2;
+        continue;
+      }
+      if (cj === "\n") return j;
+      if (cj === "[") inClass = true;
+      else if (cj === "]") inClass = false;
+      else if (cj === "/" && !inClass) return j + 1;
+      j += 1;
+    }
+    return n;
+  };
+  const skipWsAndComments = (k) => {
+    let j = k;
+    while (j < n) {
+      const cj = source[j];
+      if (cj === " " || cj === "	" || cj === "\n" || cj === "\r") {
+        j += 1;
+        continue;
+      }
+      if (cj === "/" && source[j + 1] === "/") {
+        const nl = source.indexOf("\n", j);
+        j = nl === -1 ? n : nl + 1;
+        continue;
+      }
+      if (cj === "/" && source[j + 1] === "*") {
+        const end = source.indexOf("*/", j + 2);
+        j = end === -1 ? n : end + 2;
+        continue;
+      }
+      return j;
+    }
+    return n;
+  };
+  const matchParen = (openIdx) => {
+    let depth = 0;
+    let j = openIdx;
+    while (j < n) {
+      const cj = source[j];
+      if (cj === '"' || cj === "'" || cj === "`") {
+        j = scanString(j);
+        continue;
+      }
+      if (cj === "/" && source[j + 1] === "/") {
+        const nl = source.indexOf("\n", j);
+        j = nl === -1 ? n : nl + 1;
+        continue;
+      }
+      if (cj === "/" && source[j + 1] === "*") {
+        const end = source.indexOf("*/", j + 2);
+        j = end === -1 ? n : end + 2;
+        continue;
+      }
+      if (cj === "(") depth += 1;
+      else if (cj === ")") {
+        depth -= 1;
+        if (depth === 0) return j;
+      }
+      j += 1;
+    }
+    return -1;
+  };
+  const splitTopLevelSemicolons = (inner) => {
+    const parts = [];
+    let depth = 0;
+    let j = 0;
+    let last = 0;
+    const m = inner.length;
+    while (j < m) {
+      const cj = inner[j];
+      if (cj === '"' || cj === "'" || cj === "`") {
+        const quote = cj;
+        j += 1;
+        while (j < m) {
+          if (inner[j] === "\\") {
+            j += 2;
+            continue;
+          }
+          if (inner[j] === quote) {
+            j += 1;
+            break;
+          }
+          j += 1;
+        }
+        continue;
+      }
+      if (cj === "(" || cj === "[" || cj === "{") depth += 1;
+      else if (cj === ")" || cj === "]" || cj === "}") depth -= 1;
+      else if (cj === ";" && depth === 0) {
+        parts.push(inner.slice(last, j));
+        last = j + 1;
+      }
+      j += 1;
+    }
+    parts.push(inner.slice(last));
+    return parts;
+  };
+  const REGEX_PRECEDING_WORDS = /* @__PURE__ */ new Set([
+    "return",
+    "typeof",
+    "case",
+    "do",
+    "else",
+    "in",
+    "of",
+    "new",
+    "delete",
+    "void",
+    "instanceof",
+    "yield",
+    "await"
+  ]);
+  let out = "";
+  let i = 0;
+  let lastSig = "";
+  let lastWord = "";
+  while (i < n) {
+    const ch = source[i];
+    if (ch === "/" && source[i + 1] === "/") {
+      const nl = source.indexOf("\n", i);
+      const end = nl === -1 ? n : nl;
+      out += source.slice(i, end);
+      i = end;
+      continue;
+    }
+    if (ch === "/" && source[i + 1] === "*") {
+      const close = source.indexOf("*/", i + 2);
+      const end = close === -1 ? n : close + 2;
+      out += source.slice(i, end);
+      i = end;
+      continue;
+    }
+    if (ch === '"' || ch === "'" || ch === "`") {
+      const end = scanString(i);
+      out += source.slice(i, end);
+      lastSig = ch;
+      lastWord = "";
+      i = end;
+      continue;
+    }
+    if (ch === "/") {
+      const regexLikely = lastSig === "" || "(,=:;!&|?{}[+-*%~^<>".includes(lastSig) || REGEX_PRECEDING_WORDS.has(lastWord);
+      if (regexLikely) {
+        const end = scanRegex(i);
+        out += source.slice(i, end);
+        lastSig = "/";
+        lastWord = "";
+        i = end;
+        continue;
+      }
+      out += ch;
+      lastSig = ch;
+      lastWord = "";
+      i += 1;
+      continue;
+    }
+    if (isIdChar(ch)) {
+      let j = i;
+      while (j < n && isIdChar(source[j])) j += 1;
+      const word = source.slice(i, j);
+      if ((word === "while" || word === "for") && lastSig !== ".") {
+        const k = skipWsAndComments(j);
+        if (source[k] === "(") {
+          const close = matchParen(k);
+          if (close !== -1) {
+            const inner = source.slice(k + 1, close);
+            if (word === "while") {
+              out += `while (${guardName}() && (${inner}))`;
+              lastSig = ")";
+              lastWord = "";
+              i = close + 1;
+              continue;
+            }
+            const parts = splitTopLevelSemicolons(inner);
+            if (parts.length === 3) {
+              const cond = parts[1].trim();
+              const guardedCond = cond ? `${guardName}() && (${cond})` : `${guardName}()`;
+              out += `for (${parts[0]}; ${guardedCond}; ${parts[2]})`;
+              lastSig = ")";
+              lastWord = "";
+              i = close + 1;
+              continue;
+            }
+            out += source.slice(i, close + 1);
+            lastSig = ")";
+            lastWord = "";
+            i = close + 1;
+            continue;
+          }
+        }
+      }
+      out += word;
+      lastSig = word[word.length - 1];
+      lastWord = word;
+      i = j;
+      continue;
+    }
+    out += ch;
+    if (ch !== " " && ch !== "	" && ch !== "\n" && ch !== "\r") {
+      lastSig = ch;
+      lastWord = "";
+    }
+    i += 1;
+  }
+  return out;
+};
+var compileScriptCompute = (source, guard) => {
+  const makeFactory = (body) => new Function(
+    "__hpGuard",
+    `"use strict";
+${body}
+;if (typeof compute !== "function") { throw new Error("Script must define function compute(bars, inputs, hp)"); }
+return compute;`
+  );
+  let factory;
+  try {
+    factory = makeFactory(injectLoopGuards(source, "__hpGuard"));
+  } catch {
+    factory = makeFactory(source);
+  }
+  guard.reset();
+  return factory(guard);
+};
+var validateScriptSource = (source) => {
+  try {
+    compileScriptCompute(source, createScriptGuard());
+    return null;
+  } catch (error) {
+    return error instanceof Error ? error.message : String(error);
+  }
+};
+var drawScriptError = (ctx, renderContext, name, message) => {
+  ctx.save();
+  ctx.font = "11px -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+  ctx.textAlign = "left";
+  ctx.textBaseline = "top";
+  ctx.fillStyle = "#ef5350";
+  const text = `${name}: ${message}`.slice(0, 160);
+  ctx.fillText(text, renderContext.chartLeft + 10, renderContext.chartTop + 24);
+  ctx.restore();
+};
+var compileScriptIndicator = (definition) => {
+  const pane = definition.pane ?? "separate";
+  const defaultInputs = { showValueLine: true };
+  for (const input of definition.inputs ?? []) {
+    defaultInputs[input.key] = input.default;
+  }
+  let compiled = null;
+  let compileError = null;
+  const guard = createScriptGuard();
+  try {
+    compiled = compileScriptCompute(definition.source, guard);
+  } catch (error) {
+    compileError = error instanceof Error ? error.message : String(error);
+  }
+  const sourceKey = hashScriptSource(definition.source);
+  let trippedError = null;
+  const runCompute = (data, inputs) => {
+    if (!compiled) {
+      return { error: compileError ?? "Script failed to compile" };
+    }
+    if (trippedError) {
+      return { error: trippedError };
+    }
+    try {
+      guard.reset();
+      const result = compiled(data, inputs, SCRIPT_HELPERS);
+      if (!result || !Array.isArray(result.plots)) {
+        return { error: "compute() must return { plots: [...] }" };
+      }
+      for (const plot of result.plots) {
+        if (!plot || !Array.isArray(plot.values)) {
+          return { error: "Every plot needs a `values` array" };
+        }
+      }
+      return { result };
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      if (error instanceof ScriptBudgetError) {
+        trippedError = message;
+      }
+      return { error: message };
+    }
+  };
+  const cachedCompute = (data, inputs) => withCachedComputation(
+    `script|${definition.id}|${sourceKey}|${JSON.stringify(inputs)}`,
+    data,
+    () => runCompute(data, inputs)
+  );
+  const plugin = {
+    id: definition.id,
+    name: definition.name,
+    pane,
+    defaultInputs,
+    draw: (ctx, renderContext, inputs) => {
+      const outcome = cachedCompute(renderContext.data, inputs);
+      if (!outcome.result) {
+        drawScriptError(ctx, renderContext, definition.name, outcome.error ?? "Unknown script error");
+        return pane === "separate" ? { title: `${definition.name} (script error)` } : void 0;
+      }
+      const { plots, range, guides, decimals } = outcome.result;
+      if (pane === "separate") {
+        const seriesList = plots.map((plot, index) => ({
+          values: plot.values,
+          color: plot.color ?? SCRIPT_PLOT_PALETTE[index % SCRIPT_PLOT_PALETTE.length],
+          ...plot.width !== void 0 ? { width: plot.width } : {},
+          ...plot.title ? { label: plot.title } : {},
+          ...plot.style === "histogram" ? { histogram: true } : {},
+          ...plot.negativeColor ? { negativeColor: plot.negativeColor } : {}
+        }));
+        return drawSeparateMultiSeries(ctx, renderContext, seriesList, {
+          title: definition.name,
+          ...range?.min !== void 0 ? { minOverride: range.min } : {},
+          ...range?.max !== void 0 ? { maxOverride: range.max } : {},
+          ...guides && guides.length > 0 ? { guideLines: guides } : {},
+          ...decimals !== void 0 ? { decimals } : {},
+          valueLines: inputs.showValueLine !== false
+        });
+      }
+      for (let index = 0; index < plots.length; index += 1) {
+        const plot = plots[index];
+        if (plot.style === "histogram") continue;
+        drawOverlaySeries(
+          ctx,
+          renderContext,
+          plot.values,
+          plot.color ?? SCRIPT_PLOT_PALETTE[index % SCRIPT_PLOT_PALETTE.length],
+          plot.width ?? 2
+        );
+      }
+      return void 0;
+    },
+    ...pane === "overlay" ? {
+      getAutoscaleRange: (data, startIndex, endIndex, inputs, skipIndex) => {
+        const outcome = cachedCompute(data, inputs);
+        if (!outcome.result) return null;
+        const lineSeries = outcome.result.plots.filter((plot) => plot.style !== "histogram").map((plot) => plot.values);
+        if (lineSeries.length === 0) return null;
+        return rangeOfSeries(lineSeries, startIndex, endIndex, skipIndex);
+      }
+    } : {}
+  };
+  if (definition.paneHeightRatio !== void 0) {
+    plugin.paneHeightRatio = definition.paneHeightRatio;
+  }
+  return plugin;
+};
+
+// src/options.ts
+var DEFAULT_GRID_OPTIONS = {
+  color: "#2b2f38",
+  opacity: 0.38,
+  horizontalLines: true,
+  verticalLines: true,
+  xTickCount: 8,
+  yTickCount: 6,
+  horizontalTickCount: 6,
+  sessionSeparators: false,
+  sessionSeparatorColor: "#3b4150",
+  sessionSeparatorOpacity: 0.55
+};
+var DEFAULT_AXIS_OPTIONS = {
+  lineColor: "#3b3f47",
+  textColor: "#a9adb6",
+  fontSize: 12,
+  lineWidth: 1
+};
+var DEFAULT_CROSSHAIR_OPTIONS = {
+  visible: true,
+  color: "#94a3b8",
+  width: 1,
+  style: "dotted",
+  mode: "cross",
+  dotRadius: 3,
+  showHorizontal: true,
+  showVertical: true,
+  showPriceLabel: true,
+  showTimeLabel: true,
+  timeLabelFormat: "auto",
+  labelBackgroundColor: "#0b1220",
+  labelTextColor: "#cbd5e1",
+  labelBorderRadius: 3,
+  labelBorderColor: "#94a3b8",
+  labelBorderWidth: 1,
+  labelBorderStyle: "solid",
+  showPriceActionButton: false,
+  priceActionButtonIcon: "plusThin",
+  priceActionButtonText: "+",
+  priceActionButtonSize: 16,
+  priceActionButtonGap: 4,
+  priceActionButtonRounded: true,
+  priceActionButtonBorderRadius: 8,
+  sideHintLeft: "",
+  sideHintRight: "",
+  sideHintLeftColor: "#26a69a",
+  sideHintRightColor: "#ef5350"
+};
+var DEFAULT_WATERMARK_OPTIONS = {
+  visible: false,
+  text: "",
+  color: "#81858d",
+  opacity: 0.14,
+  fontSize: 92,
+  fontWeight: 700,
+  thickness: 0,
+  imageSrc: "",
+  imageScale: 1,
+  imageMaxWidthRatio: 0.42,
+  imageMaxHeightRatio: 0.3,
+  imageTintColor: "",
+  imageTintOpacity: 1
+};
+var DEFAULT_DASH_PATTERNS = {
+  dotted: [2, 2],
+  dashed: [8, 6],
+  connectorDotted: [2, 3],
+  connectorDashed: [6, 5],
+  borderDotted: [2, 2],
+  borderDashed: [6, 4]
+};
+var DEFAULT_LABELS_OPTIONS = {
+  visible: true,
+  symbolName: "",
+  showSymbolName: false,
+  showLastPrice: true,
+  showPreviousClose: false,
+  previousClosePrice: Number.NaN,
+  showHighLow: false,
+  showBidAsk: false,
+  bidPrice: Number.NaN,
+  askPrice: Number.NaN,
+  showIndicatorNames: false,
+  showIndicatorValues: false,
+  showIndicatorValueLabels: true,
+  indicatorLegendPosition: "top-left",
+  indicatorLegendOffsetX: 10,
+  indicatorLegendOffsetY: 10,
+  showCountdownToBarClose: false,
+  noOverlapping: true,
+  backgroundColor: "#0b1220",
+  textColor: "#cbd5e1",
+  mutedTextColor: "#94a3b8",
+  symbolNameBackgroundColor: "#1f2937",
+  symbolNameTextColor: "#e5e7eb",
+  previousCloseColor: "#94a3b8",
+  highLowColor: "#a78bfa",
+  bidColor: "#ef4444",
+  askColor: "#22c55e",
+  indicatorTextColor: "#cbd5e1",
+  borderRadius: 3,
+  labelHeight: 20,
+  labelPaddingX: 8
+};
+var DEFAULT_PRICE_LINE_OPTIONS = {
+  visible: true,
+  style: "solid",
+  thickness: 1,
+  color: "#38bdf8",
+  labelBackgroundColor: "#0b1220",
+  labelTextColor: "#60a5fa",
+  labelBorderRadius: 3,
+  showLabel: true,
+  pinOutOfRange: false
+};
+var DEFAULT_ORDER_LINE_OPTIONS = {
+  visible: true,
+  behavior: "static",
+  style: "solid",
+  thickness: 1,
+  color: "rgba(59,130,246,0.8)",
+  labelBackgroundColor: "#0b1220",
+  labelTextColor: "#60a5fa",
+  labelBorderRadius: 3,
+  showCloseButton: true,
+  widgetPosition: "left",
+  widgetPaddingRight: 10,
+  draggable: false,
+  actionButtonAction: "execute",
+  actionButtonTextColor: "#dbeafe",
+  actionButtonBackgroundColor: "#2563eb",
+  actionButtonBorderRadius: 2,
+  actionButtonMinWidth: 34,
+  actionButtonPaddingX: 0,
+  actionButtonFullHeight: true,
+  actionButtonFontWeight: 500,
+  actionButtonBorderColor: "#2563eb",
+  actionButtonBorderStyle: "solid",
+  actionButtonsInnerGap: 6,
+  actionButtonsGroupGap: 8,
+  actionButtons: [],
+  connectorToPrice: Number.NaN,
+  connectorColor: "#2563eb",
+  connectorStyle: "dotted",
+  connectorThickness: 1,
+  connectorAnchorPaddingRight: 10,
+  fillToPrice: Number.NaN,
+  fillColor: "rgba(37,99,235,0.18)",
+  pinOutOfRange: false
+};
+var DEFAULT_OPTIONS = {
+  width: 720,
+  height: 360,
+  backgroundColor: "#101114",
+  axisColor: "#7f8289",
+  axis: DEFAULT_AXIS_OPTIONS,
+  xAxis: DEFAULT_AXIS_OPTIONS,
+  yAxis: DEFAULT_AXIS_OPTIONS,
+  priceDecimals: 2,
+  stabilizePriceLabels: true,
+  priceLabelMinIntegerDigits: 3,
+  priceLabelWidthTemplate: "",
+  initialViewport: "latest",
+  initialVisibleBars: 60,
+  minVisibleBars: 5,
+  maxVisibleBars: 2e4,
+  maxPanBars: 1e6,
+  rightEdgePaddingBars: 2,
+  preserveViewportOnDataUpdate: true,
+  upColor: "#2fb171",
+  downColor: "#d35a5a",
+  gridColor: "#252932",
+  fontFamily: "Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
+  candleBodyWidthRatio: 0.7,
+  candleMinWidth: 0.5,
+  candleWickWidth: 1,
+  tickSize: 0,
+  candleColorMode: "openClose",
+  candleColorEpsilon: -1,
+  chartType: "candles",
+  lineColor: "#2962ff",
+  lineWidth: 2,
+  areaFillOpacity: 0.12,
+  baselinePrice: null,
+  // 0 = deterministic scale (lightweight-charts behavior): the y-range is a
+  // pure function of the visible data, so it can never drift or "breathe".
+  // Values > 0 re-enable eased contraction for hosts that prefer it.
+  autoScaleSmoothing: 0,
+  autoScaleIgnoreLatestCandle: true,
+  kineticScroll: { touch: true, mouse: false },
+  timeStepMs: 0,
+  clockOffsetMs: 0,
+  pinOutOfRangeLines: false,
+  doubleClickEnabled: true,
+  doubleClickAction: "reset",
+  crosshair: DEFAULT_CROSSHAIR_OPTIONS,
+  grid: DEFAULT_GRID_OPTIONS,
+  watermark: DEFAULT_WATERMARK_OPTIONS,
+  priceLines: [],
+  orderLines: [],
+  tickerLine: {
+    visible: true,
+    style: "dotted",
+    thickness: 1,
+    labelTextColor: "#0b1220",
+    labelSubtext: "",
+    labelSubtexts: [],
+    labelSubtextColor: "#0b1220",
+    labelSubtextFontSize: 0,
+    showCountdownInLabel: false,
+    labelBorderRadius: 3
+  },
+  labels: DEFAULT_LABELS_OPTIONS,
+  dashPatterns: DEFAULT_DASH_PATTERNS,
+  indicators: [],
+  drawings: []
 };
-var BUILTIN_KELTNER_INDICATOR = {
-  id: "keltner",
-  name: "KC",
-  pane: "overlay",
-  defaultInputs: {
-    emaLength: 20,
-    atrLength: 10,
-    multiplier: 2,
-    basisColor: "#2962ff",
-    bandColor: "#2962ff",
-    width: 1.5,
-    fillOpacity: 0.04
+var mergeChartOptions = (baseOptions, options = {}) => ({
+  ...baseOptions,
+  ...options,
+  axis: {
+    ...baseOptions.axis,
+    ...options.axis ?? {},
+    ...options.axisColor ? { lineColor: options.axisColor, textColor: options.axisColor } : {}
   },
-  draw: (ctx, renderContext, inputs) => {
-    const emaLength = clampIndicatorLength(inputs.emaLength, 20);
-    const atrLength = clampIndicatorLength(inputs.atrLength, 10);
-    const multiplier = Math.max(0.1, Number(inputs.multiplier) || 2);
-    const { basis, upper, lower } = withCachedComputation(
-      `keltner|${emaLength}|${atrLength}|${multiplier}`,
-      renderContext.data,
-      () => computeKeltner(renderContext.data, emaLength, atrLength, multiplier)
-    );
-    const bandColor = inputs.bandColor ?? "#2962ff";
-    const width = Number(inputs.width) || 1.5;
-    fillBetweenSeries(ctx, renderContext, upper, lower, bandColor, Number(inputs.fillOpacity) || 0.04);
-    drawOverlaySeries(ctx, renderContext, upper, bandColor, width);
-    drawOverlaySeries(ctx, renderContext, lower, bandColor, width);
-    drawOverlaySeries(ctx, renderContext, basis, inputs.basisColor ?? "#2962ff", width);
+  xAxis: {
+    ...baseOptions.xAxis,
+    ...options.axis ?? {},
+    ...options.axisColor ? { lineColor: options.axisColor, textColor: options.axisColor } : {},
+    ...options.xAxis ?? {}
   },
-  getAutoscaleRange: (data, startIndex, endIndex, inputs, skipIndex) => {
-    const emaLength = clampIndicatorLength(inputs.emaLength, 20);
-    const atrLength = clampIndicatorLength(inputs.atrLength, 10);
-    const multiplier = Math.max(0.1, Number(inputs.multiplier) || 2);
-    const { upper, lower } = withCachedComputation(
-      `keltner|${emaLength}|${atrLength}|${multiplier}`,
-      data,
-      () => computeKeltner(data, emaLength, atrLength, multiplier)
-    );
-    return rangeOfSeries([upper, lower], startIndex, endIndex, skipIndex);
-  }
-};
-var BUILTIN_DONCHIAN_INDICATOR = {
-  id: "donchian",
-  name: "DC",
-  pane: "overlay",
-  defaultInputs: { length: 20, bandColor: "#2962ff", basisColor: "#ff6d00", width: 1.5, fillOpacity: 0.04 },
-  draw: (ctx, renderContext, inputs) => {
-    const length = clampIndicatorLength(inputs.length, 20);
-    const { upper, lower, basis } = withCachedComputation(
-      `donchian|${length}`,
-      renderContext.data,
-      () => computeDonchian(renderContext.data, length)
-    );
-    const bandColor = inputs.bandColor ?? "#2962ff";
-    const width = Number(inputs.width) || 1.5;
-    fillBetweenSeries(ctx, renderContext, upper, lower, bandColor, Number(inputs.fillOpacity) || 0.04);
-    drawOverlaySeries(ctx, renderContext, upper, bandColor, width);
-    drawOverlaySeries(ctx, renderContext, lower, bandColor, width);
-    drawOverlaySeries(ctx, renderContext, basis, inputs.basisColor ?? "#ff6d00", width);
+  yAxis: {
+    ...baseOptions.yAxis,
+    ...options.axis ?? {},
+    ...options.axisColor ? { lineColor: options.axisColor, textColor: options.axisColor } : {},
+    ...options.yAxis ?? {}
   },
-  getAutoscaleRange: (data, startIndex, endIndex, inputs, skipIndex) => {
-    const length = clampIndicatorLength(inputs.length, 20);
-    const { upper, lower } = withCachedComputation(`donchian|${length}`, data, () => computeDonchian(data, length));
-    return rangeOfSeries([upper, lower], startIndex, endIndex, skipIndex);
+  crosshair: {
+    ...baseOptions.crosshair,
+    ...options.crosshair ?? {}
+  },
+  grid: {
+    ...baseOptions.grid,
+    ...options.grid ?? {}
+  },
+  watermark: {
+    ...baseOptions.watermark,
+    ...options.watermark ?? {}
+  },
+  tickerLine: {
+    ...baseOptions.tickerLine,
+    ...options.tickerLine ?? {}
+  },
+  labels: {
+    ...baseOptions.labels,
+    ...options.labels ?? {}
+  },
+  dashPatterns: {
+    ...baseOptions.dashPatterns,
+    ...options.dashPatterns ?? {}
   }
-};
-var BUILTIN_INDICATORS = [
-  BUILTIN_VOLUME_INDICATOR,
-  BUILTIN_SMA_INDICATOR,
-  BUILTIN_EMA_INDICATOR,
-  BUILTIN_RSI_INDICATOR,
-  BUILTIN_WMA_INDICATOR,
-  BUILTIN_VWMA_INDICATOR,
-  BUILTIN_RMA_INDICATOR,
-  BUILTIN_HMA_INDICATOR,
-  BUILTIN_VWAP_INDICATOR,
-  BUILTIN_BOLLINGER_INDICATOR,
-  BUILTIN_STDDEV_INDICATOR,
-  BUILTIN_ATR_INDICATOR,
-  BUILTIN_MACD_INDICATOR,
-  BUILTIN_STOCHASTIC_INDICATOR,
-  BUILTIN_STOCHRSI_INDICATOR,
-  BUILTIN_ADX_INDICATOR,
-  BUILTIN_OBV_INDICATOR,
-  BUILTIN_MFI_INDICATOR,
-  BUILTIN_CCI_INDICATOR,
-  BUILTIN_WILLIAMSR_INDICATOR,
-  BUILTIN_ROC_INDICATOR,
-  BUILTIN_MOMENTUM_INDICATOR,
-  BUILTIN_PSAR_INDICATOR,
-  BUILTIN_SUPERTREND_INDICATOR,
-  BUILTIN_ICHIMOKU_INDICATOR,
-  BUILTIN_KELTNER_INDICATOR,
-  BUILTIN_DONCHIAN_INDICATOR
-];
+});
+
+// src/chart.ts
 function createChart(element, options = {}) {
   let mergedOptions = mergeChartOptions(DEFAULT_OPTIONS, options);
   let resolvedAxis = { ...DEFAULT_AXIS_OPTIONS, ...mergedOptions.axis ?? {} };
@@ -2932,8 +2940,11 @@ function createChart(element, options = {}) {
   );
   let activeDrawingTool = null;
   let draftDrawing = null;
+  let measureState = null;
   let drawingDragState = null;
   let drawingsChangeHandler = null;
+  let drawingToolChangeHandler = null;
+  let lastNotifiedDrawingTool = null;
   let drawingSelectHandler = null;
   let drawingDoubleClickHandler = null;
   let drawingEditTextHandler = null;
@@ -3526,6 +3537,13 @@ function createChart(element, options = {}) {
         points: draftDrawing.points.map((point) => reanchorDrawingPoint(point))
       };
     }
+    if (measureState) {
+      measureState = {
+        ...measureState,
+        start: reanchorDrawingPoint(measureState.start),
+        end: reanchorDrawingPoint(measureState.end)
+      };
+    }
   };
   const getCandleDirectionByIndex = (index) => {
     const point = data[index];
@@ -3627,6 +3645,22 @@ function createChart(element, options = {}) {
     const pad = (value) => String(value).padStart(2, "0");
     return hours > 0 ? `${hours}:${pad(minutes)}:${pad(seconds)}` : `${pad(minutes)}:${pad(seconds)}`;
   };
+  const formatTimeSpan = (ms) => {
+    const totalMinutes = Math.max(0, Math.round(ms / 6e4));
+    if (totalMinutes < 1) {
+      return `${Math.max(1, Math.round(ms / 1e3))}s`;
+    }
+    const days = Math.floor(totalMinutes / 1440);
+    const hours = Math.floor(totalMinutes % 1440 / 60);
+    const minutes = totalMinutes % 60;
+    if (days > 0) {
+      return hours > 0 ? `${days}d ${hours}h` : `${days}d`;
+    }
+    if (hours > 0) {
+      return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
+    }
+    return `${minutes}m`;
+  };
   const getRightAxisLabelX = (chartRight) => chartRight + 1;
   const getRightAxisLabelWidth = (chartRight, contentWidth) => {
     const scaleWidth = Math.max(0, Math.floor(width - getRightAxisLabelX(chartRight)));
@@ -3995,6 +4029,10 @@ function createChart(element, options = {}) {
   let pendingDrawUpdateAutoScale = false;
   let pendingDrawOverlayOnly = true;
   const scheduleDraw = (options2 = {}) => {
+    if (activeDrawingTool !== lastNotifiedDrawingTool) {
+      lastNotifiedDrawingTool = activeDrawingTool;
+      drawingToolChangeHandler?.(activeDrawingTool);
+    }
     armCountdownHeartbeat();
     const overlayOnly = options2.overlayOnly ?? false;
     pendingDrawOverlayOnly = pendingDrawOverlayOnly && overlayOnly;
@@ -4807,7 +4845,7 @@ function createChart(element, options = {}) {
             const t0 = getTimeForIndex(Math.round(p0.index));
             const t1 = getTimeForIndex(Math.round(p1.index));
             const spanMs = t0 && t1 ? Math.abs(t1.getTime() - t0.getTime()) : 0;
-            labelLines.push(spanMs > 0 ? `${barSpan} bars, ${formatDuration(spanMs)}` : `${barSpan} bars`);
+            labelLines.push(spanMs > 0 ? `${barSpan} bars, ${formatTimeSpan(spanMs)}` : `${barSpan} bars`);
           }
           const pointValue = Number(drawing.pointValue);
           if (Number.isFinite(pointValue) && pointValue > 0) {
@@ -5284,6 +5322,96 @@ function createChart(element, options = {}) {
     if (draftDrawing) {
       drawDrawing(draftDrawing, true);
     }
+    if (measureState) {
+      const mStart = measureState.start;
+      const mEnd = measureState.end;
+      const mx0 = xFromDrawingPoint(mStart);
+      const mx1 = xFromDrawingPoint(mEnd);
+      const my0 = yFromPrice(mStart.price);
+      const my1 = yFromPrice(mEnd.price);
+      const mLeft = Math.min(mx0, mx1);
+      const mRight = Math.max(mx0, mx1);
+      const mTop = Math.min(my0, my1);
+      const mBottom = Math.max(my0, my1);
+      const mUp = mEnd.price >= mStart.price;
+      const mColor = mUp ? "#2962ff" : "#f23645";
+      ctx.save();
+      ctx.fillStyle = hexToRgba(mColor, 0.12);
+      ctx.fillRect(mLeft, mTop, Math.max(1, mRight - mLeft), Math.max(1, mBottom - mTop));
+      ctx.strokeStyle = mColor;
+      ctx.lineWidth = 1;
+      ctx.setLineDash([]);
+      const mArrowHead = 5;
+      const mMidX = (mLeft + mRight) / 2;
+      if (Math.abs(my1 - my0) > mArrowHead * 2) {
+        ctx.beginPath();
+        ctx.moveTo(crisp(mMidX), crisp(my0));
+        ctx.lineTo(crisp(mMidX), crisp(my1));
+        ctx.stroke();
+        const dirY = my1 > my0 ? 1 : -1;
+        ctx.beginPath();
+        ctx.moveTo(mMidX, my1);
+        ctx.lineTo(mMidX - mArrowHead, my1 - dirY * mArrowHead);
+        ctx.moveTo(mMidX, my1);
+        ctx.lineTo(mMidX + mArrowHead, my1 - dirY * mArrowHead);
+        ctx.stroke();
+      }
+      const mMidY = (mTop + mBottom) / 2;
+      if (Math.abs(mx1 - mx0) > mArrowHead * 2) {
+        ctx.beginPath();
+        ctx.moveTo(crisp(mx0), crisp(mMidY));
+        ctx.lineTo(crisp(mx1), crisp(mMidY));
+        ctx.stroke();
+        const dirX = mx1 > mx0 ? 1 : -1;
+        ctx.beginPath();
+        ctx.moveTo(mx1, mMidY);
+        ctx.lineTo(mx1 - dirX * mArrowHead, mMidY - mArrowHead);
+        ctx.moveTo(mx1, mMidY);
+        ctx.lineTo(mx1 - dirX * mArrowHead, mMidY + mArrowHead);
+        ctx.stroke();
+      }
+      const mDiff = mEnd.price - mStart.price;
+      const mBase = Math.abs(mStart.price) > 0 ? Math.abs(mStart.price) : 1;
+      const mPct = mDiff / mBase * 100;
+      const mTick = getConfiguredTickSize();
+      const mTicks = mTick > 0 ? Math.round(mDiff / mTick) : 0;
+      const mSigned = (value, text) => `${value < 0 ? "\u2212" : value > 0 ? "+" : ""}${text}`;
+      const mLines = [
+        mTick > 0 ? `${mSigned(mDiff, formatPrice(Math.abs(mDiff)))} (${mSigned(mPct, `${Math.abs(mPct).toFixed(2)}%`)}) ${mSigned(mTicks, String(Math.abs(mTicks)))}` : `${mSigned(mDiff, formatPrice(Math.abs(mDiff)))} (${mSigned(mPct, `${Math.abs(mPct).toFixed(2)}%`)})`
+      ];
+      const mBars = Math.round(mEnd.index) - Math.round(mStart.index);
+      const mT0 = getTimeForIndex(Math.round(mStart.index));
+      const mT1 = getTimeForIndex(Math.round(mEnd.index));
+      const mSpanMs = mT0 && mT1 ? Math.abs(mT1.getTime() - mT0.getTime()) : 0;
+      mLines.push(
+        mSpanMs > 0 ? `${mSigned(mBars, String(Math.abs(mBars)))} bars, ${formatTimeSpan(mSpanMs)}` : `${mSigned(mBars, String(Math.abs(mBars)))} bars`
+      );
+      const prevMeasureFont = ctx.font;
+      ctx.font = `500 11px ${mergedOptions.fontFamily}`;
+      const mPad = 7;
+      const mLineHeight = 15;
+      const mTextW = Math.max(...mLines.map((line) => measureTextWidth(line)));
+      const mPillW = mTextW + mPad * 2;
+      const mPillH = mLines.length * mLineHeight + mPad;
+      const mPillX = clamp(mMidX - mPillW / 2, chartLeft + 2, chartLeft + chartWidth - mPillW - 2);
+      let mPillY = mUp ? mTop - 8 - mPillH : mBottom + 8;
+      if (mPillY < chartTop + 2) {
+        mPillY = mBottom + 8;
+      }
+      if (mPillY + mPillH > fullChartBottom - 2) {
+        mPillY = Math.max(chartTop + 2, mTop - 8 - mPillH);
+      }
+      ctx.fillStyle = mColor;
+      fillRoundedRect(mPillX, mPillY, mPillW, mPillH, 4);
+      ctx.fillStyle = "#ffffff";
+      ctx.textAlign = "center";
+      ctx.textBaseline = "middle";
+      mLines.forEach((line, lineIndex) => {
+        ctx.fillText(line, mPillX + mPillW / 2, mPillY + mPad / 2 + lineIndex * mLineHeight + mLineHeight / 2);
+      });
+      ctx.font = prevMeasureFont;
+      ctx.restore();
+    }
     if (tradeMarkers.length > 0 && data.length > 0) {
       const visibleStart = Math.floor(xStart) - 1;
       const visibleEnd = Math.ceil(xStart + xSpan) + 1;
@@ -7282,6 +7410,19 @@ function createChart(element, options = {}) {
         return;
       }
     }
+    if (measureState) {
+      if (measureState.dragging) {
+        measureState = { ...measureState, dragging: false };
+        if (activeDrawingTool === "measure") {
+          activeDrawingTool = null;
+          canvas.style.cursor = "default";
+        }
+        scheduleDraw();
+        return;
+      }
+      measureState = null;
+      scheduleDraw();
+    }
     const drawingToolCapturesPointer = activeDrawingTool !== null || draftDrawing !== null;
     if (!drawingToolCapturesPointer) {
       const crosshairButtonRegion = getCrosshairPriceActionRegion(point.x, point.y);
@@ -7356,6 +7497,18 @@ function createChart(element, options = {}) {
     if (region === "outside") {
       return;
     }
+    if (region === "plot" && (activeDrawingTool === "measure" || activeDrawingTool === null && draftDrawing === null && event.shiftKey && event.pointerType === "mouse")) {
+      const measurePoint = drawingPointFromCanvas(point.x, point.y);
+      if (measurePoint) {
+        measureState = { start: measurePoint, end: measurePoint, dragging: true };
+        activePointerId = event.pointerId;
+        capturePointer(event.pointerId);
+        setCrosshairPoint(null);
+        canvas.style.cursor = "crosshair";
+        scheduleDraw();
+        return;
+      }
+    }
     if (region === "plot" && !activeDrawingTool) {
       const drawingHit = getDrawingHit(point.x, point.y);
       if (drawingHit) {
@@ -7451,6 +7604,19 @@ function createChart(element, options = {}) {
       }
       return;
     }
+    if (measureState?.dragging) {
+      if (activePointerId !== null && event.pointerId !== activePointerId) {
+        return;
+      }
+      const nextMeasurePoint = drawingPointFromCanvas(point.x, point.y);
+      if (nextMeasurePoint) {
+        measureState = { ...measureState, end: nextMeasurePoint };
+        setCrosshairPoint(null);
+        canvas.style.cursor = "crosshair";
+        scheduleDraw();
+      }
+      return;
+    }
     if (drawingDragState) {
       if (activePointerId !== null && event.pointerId !== activePointerId) {
         return;
@@ -7681,6 +7847,24 @@ function createChart(element, options = {}) {
     if (event && activePointerId !== null && event.pointerId !== activePointerId) {
       return;
     }
+    if (measureState?.dragging) {
+      const movedMeasure = measureState.start.index !== measureState.end.index || measureState.start.price !== measureState.end.price;
+      if (movedMeasure) {
+        measureState = { ...measureState, dragging: false };
+        if (activeDrawingTool === "measure") {
+          activeDrawingTool = null;
+        }
+        canvas.style.cursor = "default";
+      } else {
+        canvas.style.cursor = "crosshair";
+      }
+      isDragging = false;
+      dragMode = null;
+      activePointerId = null;
+      pointerDownInfo = null;
+      scheduleDraw();
+      return;
+    }
     if (orderDragState) {
       const moved = orderDragState.lastPrice !== orderDragState.startPrice;
       const finalLine = orderLines.find((line) => line.id === orderDragState?.orderId);
@@ -7861,6 +8045,15 @@ function createChart(element, options = {}) {
   canvas.addEventListener("dblclick", onDoubleClick);
   canvas.addEventListener("contextmenu", onContextMenu);
   const onModifierKeyChange = (event) => {
+    if (event.key === "Escape" && event.type === "keydown" && measureState) {
+      measureState = null;
+      if (activeDrawingTool === "measure") {
+        activeDrawingTool = null;
+        canvas.style.cursor = "default";
+      }
+      scheduleDraw();
+      return;
+    }
     const active = event.metaKey || event.ctrlKey;
     const shift = event.shiftKey;
     const changed = active !== magnetModifierActive || shift !== shiftKeyActive;
@@ -8173,17 +8366,29 @@ function createChart(element, options = {}) {
   const setActiveDrawingTool = (tool) => {
     activeDrawingTool = tool;
     draftDrawing = null;
+    measureState = null;
     canvas.style.cursor = tool ? "crosshair" : "default";
     scheduleDraw();
   };
   const getActiveDrawingTool = () => activeDrawingTool;
   const cancelDrawing = () => {
+    let cancelled = false;
     if (draftDrawing) {
       draftDrawing = null;
+      cancelled = true;
+    }
+    if (measureState) {
+      measureState = null;
+      if (activeDrawingTool === "measure") {
+        activeDrawingTool = null;
+        canvas.style.cursor = "default";
+      }
+      cancelled = true;
+    }
+    if (cancelled) {
       scheduleDraw();
-      return true;
     }
-    return false;
+    return cancelled;
   };
   const setTradeMarkers = (markers) => {
     tradeMarkers = Array.isArray(markers) ? markers.slice() : [];
@@ -8235,6 +8440,9 @@ function createChart(element, options = {}) {
   const onDrawingsChange = (handler) => {
     drawingsChangeHandler = handler;
   };
+  const onActiveDrawingToolChange = (handler) => {
+    drawingToolChangeHandler = handler;
+  };
   const onDrawingSelect = (handler) => {
     drawingSelectHandler = handler;
   };
@@ -8321,6 +8529,7 @@ function createChart(element, options = {}) {
     removeDrawing,
     clearDrawings,
     onDrawingsChange,
+    onActiveDrawingToolChange,
     onDrawingSelect,
     onDrawingDoubleClick,
     onDrawingEditText,