@gearbox-protocol/ui-kit 4.0.0-next.9 → 4.0.1

package/dist/esm/components/graph/graph.js

@@ -1,99 +1,127 @@
-import { jsxs as ie, jsx as _ } from "react/jsx-runtime";
-import { createChart as it, CrosshairMode as st, LineStyle as re, LineSeries as ct, AreaSeries as ut } from "lightweight-charts";
-import * as Ce from "react";
-import { useRef as X, useState as te, useEffect as W, useLayoutEffect as ft } from "react";
-import { useIsMobile as ht } from "../../hooks/use-media-query.js";
-import { cn as O } from "../../utils/cn.js";
-import { resolveCSSColor as oe, generateColorsFromBase as ce, hslToHex as mt } from "../../utils/colors.js";
-import { getDefaultOptions as Ze, getDefaultSeries as dt, getDefaultVerticalLine as pt } from "./default-config.js";
-import { getXFormatters as qe, formatExactValue as ye, createAdaptiveYAxisFormatter as gt } from "./formatters.js";
-import { GraphCurrentValue as bt } from "./graph-current-value.js";
-import { GraphTooltip as vt } from "./graph-tooltip.js";
-import { VertLine as St } from "./plugins/vertical-line.js";
-class Ct {
+import { jsxs as U, jsx as _ } from "react/jsx-runtime";
+import { createChart as ut, CrosshairMode as ft, LineStyle as ie, LineSeries as ht, AreaSeries as dt } from "lightweight-charts";
+import * as we from "react";
+import { useRef as K, useState as oe, useEffect as W, useLayoutEffect as pt } from "react";
+import { resolveCSSColor as re, generateColorsFromBase as _e } from "./colors.js";
+import { useIsMobile as mt } from "../../hooks/use-media-query.js";
+import { cn as J } from "../../utils/cn.js";
+import { AXIS_TIME_EDGE_PADDING_PX as gt, getDefaultOptions as He, getDefaultSeries as bt, AXIS_TICK_MARK_DENSITY as pe, getDefaultVerticalLine as St, AXIS_FONT_SIZE as vt, AXIS_EDGE_LABEL_PADDING_PX as Ke, AXIS_TOP_LABEL_PADDING_PX as Ze } from "./default-config.js";
+import { formatExactValue as Pe, isRatioUnit as Ct, getXFormatters as qe, createAdaptiveYAxisFormatter as yt } from "./formatters.js";
+import { GraphCurrentValue as xt } from "./graph-current-value.js";
+import { GraphTooltip as wt } from "./graph-tooltip.js";
+import { VertLine as _t } from "./plugins/vertical-line.js";
+import { resolvePriceScaleSides as Pt } from "./series-config.js";
+import { getSeriesColorPalette as Ye } from "./series-palette.js";
+import { pickMinMove as Rt, niceAxisRange as Tt } from "./y-axis-scale.js";
+function ne(e) {
+  return e.id ?? e.label;
+}
+function Nt({
+  lastIndex: e,
+  width: i,
+  padLeft: c,
+  padRight: f,
+  paddingPx: h = gt
+}) {
+  if (e < 0) return null;
+  const u = (c || f) && i > 0 ? h * Math.max(e, 1) / i : 0;
+  return {
+    from: c && u !== 0 ? -u : 0,
+    to: f ? e + u : e
+  };
+}
+function Je(e, i, c) {
+  if (!c)
+    return e.values().next().value;
+  const f = e.get(c);
+  if (f) return f;
+  const h = i.find((u) => u.id === c || u.label === c);
+  return h ? e.get(ne(h)) : void 0;
+}
+class Vt {
   _yTop;
   _yBottom;
   _color;
-  constructor(a, u, m) {
-    this._yTop = a, this._yBottom = u, this._color = m;
+  constructor(i, c, f) {
+    this._yTop = i, this._yBottom = c, this._color = f;
   }
-  draw(a) {
-    a.useBitmapCoordinateSpace((u) => {
-      const m = u.context, c = u.verticalPixelRatio, b = this._yTop === null ? 0 : this._yTop * c, v = this._yBottom === null ? u.bitmapSize.height : this._yBottom * c, w = Math.min(b, v), R = Math.max(b, v);
-      m.fillStyle = this._color, m.fillRect(0, w, u.bitmapSize.width, R - w);
+  draw(i) {
+    i.useBitmapCoordinateSpace((c) => {
+      const f = c.context, h = c.verticalPixelRatio, u = this._yTop === null ? 0 : this._yTop * h, S = this._yBottom === null ? c.bitmapSize.height : this._yBottom * h, P = Math.min(u, S), D = Math.max(u, S);
+      f.fillStyle = this._color, f.fillRect(0, P, c.bitmapSize.width, D - P);
     });
   }
 }
-class yt {
+class kt {
   _source;
   _yTop = null;
   _yBottom = null;
-  constructor(a) {
-    this._source = a;
+  constructor(i) {
+    this._source = i;
   }
   update() {
-    const a = this._source.series;
-    this._yTop = this._source.priceTop === void 0 ? null : a.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : a.priceToCoordinate(this._source.priceBottom);
+    const i = this._source.series;
+    this._yTop = this._source.priceTop === void 0 ? null : i.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : i.priceToCoordinate(this._source.priceBottom);
   }
   /** Draw beneath the series line/area so the data stays readable. */
   zOrder() {
     return "bottom";
   }
   renderer() {
-    return new Ct(this._yTop, this._yBottom, this._source.color);
+    return new Vt(this._yTop, this._yBottom, this._source.color);
   }
 }
-class xt {
+class Lt {
   series;
   priceTop;
   priceBottom;
   color;
   _paneViews;
-  constructor(a, u, m, c) {
-    this.series = a, this.priceTop = u, this.priceBottom = m, this.color = c, this._paneViews = [new yt(this)];
+  constructor(i, c, f, h) {
+    this.series = i, this.priceTop = c, this.priceBottom = f, this.color = h, this._paneViews = [new kt(this)];
   }
   updateAllViews() {
-    for (const a of this._paneViews) a.update();
+    for (const i of this._paneViews) i.update();
   }
   paneViews() {
     return this._paneViews;
   }
 }
-function wt(t, a) {
-  switch (t) {
-    case re.Dotted:
-      return [a, a];
-    case re.Dashed:
-      return [2 * a, 2 * a];
-    case re.LargeDashed:
-      return [6 * a, 6 * a];
-    case re.SparseDotted:
-      return [a, 4 * a];
+function Mt(e, i) {
+  switch (e) {
+    case ie.Dotted:
+      return [i, i];
+    case ie.Dashed:
+      return [2 * i, 2 * i];
+    case ie.LargeDashed:
+      return [6 * i, 6 * i];
+    case ie.SparseDotted:
+      return [i, 4 * i];
     default:
       return [];
   }
 }
-class _t {
+class Dt {
   _y;
   _color;
   _lineWidth;
   _lineStyle;
-  constructor(a, u, m, c) {
-    this._y = a, this._color = u, this._lineWidth = m, this._lineStyle = c;
+  constructor(i, c, f, h) {
+    this._y = i, this._color = c, this._lineWidth = f, this._lineStyle = h;
   }
-  draw(a) {
-    a.useBitmapCoordinateSpace((u) => {
+  draw(i) {
+    i.useBitmapCoordinateSpace((c) => {
       if (this._y === null) return;
-      const m = u.context, c = u.verticalPixelRatio, b = Math.max(1, Math.round(this._lineWidth * c)), v = Math.round(this._y * c);
-      m.save(), m.strokeStyle = this._color, m.lineWidth = b, m.setLineDash(wt(this._lineStyle, b)), m.beginPath(), m.moveTo(0, v), m.lineTo(u.bitmapSize.width, v), m.stroke(), m.restore();
+      const f = c.context, h = c.verticalPixelRatio, u = Math.max(1, Math.round(this._lineWidth * h)), S = Math.round(this._y * h);
+      f.save(), f.strokeStyle = this._color, f.lineWidth = u, f.setLineDash(Mt(this._lineStyle, u)), f.beginPath(), f.moveTo(0, S), f.lineTo(c.bitmapSize.width, S), f.stroke(), f.restore();
     });
   }
 }
-class Nt {
+class It {
   _source;
   _y = null;
-  constructor(a) {
-    this._source = a;
+  constructor(i) {
+    this._source = i;
   }
   update() {
     this._y = this._source.series.priceToCoordinate(this._source.price);
@@ -108,7 +136,7 @@ class Nt {
     return "top";
   }
   renderer() {
-    return new _t(
+    return new Dt(
       this._y,
       this._source.color,
       this._source.lineWidth,
@@ -116,249 +144,135 @@ class Nt {
     );
   }
 }
-class Pt {
+class Bt {
   series;
   price;
   color;
   lineWidth;
   lineStyle;
   _paneViews;
-  constructor(a, u, m, c, b) {
-    this.series = a, this.price = u, this.color = m, this.lineWidth = c, this.lineStyle = b, this._paneViews = [new Nt(this)];
+  constructor(i, c, f, h, u) {
+    this.series = i, this.price = c, this.color = f, this.lineWidth = h, this.lineStyle = u, this._paneViews = [new It(this)];
   }
   updateAllViews() {
-    for (const a of this._paneViews) a.update();
+    for (const i of this._paneViews) i.update();
   }
   paneViews() {
     return this._paneViews;
   }
 }
-function Tt(t, a, u) {
-  const m = t.labelText ?? "", c = t.value, b = c === void 0 ? "" : typeof c == "number" ? a === "$" ? `$${ye(c, void 0, u)}` : a === "%" ? `${ye(c, void 0, u)}%` : ye(
-    c,
-    a !== "none" && a !== "%" && a !== "$" ? a : void 0,
-    u
-  ) : String(c);
-  return { labelText: m, valueStr: b };
+function Et(e, i, c) {
+  const f = e.labelText ?? "", h = e.value, u = h === void 0 ? "" : typeof h == "number" ? i === "$" ? `$${Pe(h, void 0, c)}` : i === "%" ? `${Pe(h, void 0, c)}%` : Pe(
+    h,
+    i !== "none" && i !== "%" && i !== "$" && !Ct(i) ? i : void 0,
+    c
+  ) : String(h);
+  return { labelText: f, valueStr: u };
 }
-const Ke = 4;
-function Vt(t, a, u) {
-  const m = { left: t, transform: "translateX(-50%)" };
-  if (a <= 0 || !u || u <= 0)
-    return m;
-  const c = u / 2, b = Ke + c, v = a - Ke - c;
-  return v < b ? { left: a / 2, transform: "translateX(-50%)" } : { left: Math.min(Math.max(t, b), v), transform: "translateX(-50%)" };
+const Qe = 4;
+function Ft(e, i, c) {
+  const f = { left: e, transform: "translateX(-50%)" };
+  if (i <= 0 || !c || c <= 0)
+    return f;
+  const h = c / 2, u = Qe + h, S = i - Qe - h;
+  return S < u ? { left: i / 2, transform: "translateX(-50%)" } : { left: Math.min(Math.max(e, u), S), transform: "translateX(-50%)" };
 }
-function Lt(t, a) {
-  for (let u = t.length - 1; u >= 0; u--)
-    if (Number(t[u].time) <= a)
-      return t[u].value;
+function zt(e, i) {
+  for (let c = e.length - 1; c >= 0; c--)
+    if (Number(e[c].time) <= i)
+      return e[c].value;
   return 0;
 }
-const xe = [
-  // 0  green (emerald)
-  {
-    line: "#02c39a",
-    top: "rgba(2, 195, 154, 0.56)",
-    bottom: "rgba(2, 195, 154, 0.04)"
-  },
-  // 1  blue
-  {
-    line: "#3b82f6",
-    top: "rgba(59, 130, 246, 0.56)",
-    bottom: "rgba(59, 130, 246, 0.04)"
-  },
-  // 2  red
-  {
-    line: "#ef4444",
-    top: "rgba(239, 68, 68, 0.56)",
-    bottom: "rgba(239, 68, 68, 0.04)"
-  },
-  // 3  amber
-  {
-    line: "#f59e0b",
-    top: "rgba(245, 158, 11, 0.56)",
-    bottom: "rgba(245, 158, 11, 0.04)"
-  },
-  // 4  violet
-  {
-    line: "#8b5cf6",
-    top: "rgba(139, 92, 246, 0.56)",
-    bottom: "rgba(139, 92, 246, 0.04)"
-  },
-  // 5  pink
-  {
-    line: "#ec4899",
-    top: "rgba(236, 72, 153, 0.56)",
-    bottom: "rgba(236, 72, 153, 0.04)"
-  },
-  // 6  cyan
-  {
-    line: "#06b6d4",
-    top: "rgba(6, 182, 212, 0.56)",
-    bottom: "rgba(6, 182, 212, 0.04)"
-  },
-  // 7  orange
-  {
-    line: "#ea580c",
-    top: "rgba(234, 88, 12, 0.56)",
-    bottom: "rgba(234, 88, 12, 0.04)"
-  },
-  // 8  lime
-  {
-    line: "#84cc16",
-    top: "rgba(132, 204, 22, 0.56)",
-    bottom: "rgba(132, 204, 22, 0.04)"
-  },
-  // 9  fuchsia
-  {
-    line: "#d946ef",
-    top: "rgba(217, 70, 239, 0.56)",
-    bottom: "rgba(217, 70, 239, 0.04)"
-  },
-  // 10 sky
-  {
-    line: "#0ea5e9",
-    top: "rgba(14, 165, 233, 0.56)",
-    bottom: "rgba(14, 165, 233, 0.04)"
-  },
-  // 11 teal
-  {
-    line: "#14b8a6",
-    top: "rgba(20, 184, 166, 0.56)",
-    bottom: "rgba(20, 184, 166, 0.04)"
-  },
-  // 12 yellow
-  {
-    line: "#eab308",
-    top: "rgba(234, 179, 8, 0.56)",
-    bottom: "rgba(234, 179, 8, 0.04)"
-  },
-  // 13 rose
-  {
-    line: "#f43f5e",
-    top: "rgba(244, 63, 94, 0.56)",
-    bottom: "rgba(244, 63, 94, 0.04)"
-  },
-  // 14 indigo
-  {
-    line: "#6366f1",
-    top: "rgba(99, 102, 241, 0.56)",
-    bottom: "rgba(99, 102, 241, 0.04)"
-  },
-  // 15 emerald
-  {
-    line: "#10b981",
-    top: "rgba(16, 185, 129, 0.56)",
-    bottom: "rgba(16, 185, 129, 0.04)"
-  },
-  // 16 warm-gray
-  {
-    line: "#78716c",
-    top: "rgba(120, 113, 108, 0.56)",
-    bottom: "rgba(120, 113, 108, 0.04)"
-  },
-  // 17 slate
-  {
-    line: "#64748b",
-    top: "rgba(100, 116, 139, 0.56)",
-    bottom: "rgba(100, 116, 139, 0.04)"
-  },
-  // 18 dark-slate
-  {
-    line: "#475569",
-    top: "rgba(71, 85, 105, 0.56)",
-    bottom: "rgba(71, 85, 105, 0.04)"
-  }
-], Rt = 137.5;
-function Je(t) {
-  if (t < xe.length)
-    return xe[t];
-  const u = (t - xe.length) * Rt % 360, m = mt(u, 70, 50), { topColor: c, bottomColor: b } = ce(m);
-  return { line: m, top: c, bottom: b };
-}
-function Xt({
-  series: t,
-  className: a,
-  showLegend: u = !1,
-  onUnselectSeries: m,
-  xMeasureUnit: c = "time",
-  yMeasureUnit: b = "token",
-  optionsOverrides: v,
-  verticalLineOptions: w,
-  priceLineOptions: R,
-  zoneOptions: A,
-  currentValueDecimals: ue,
-  useSharedPriceScale: j = !1,
-  dualYAxis: D = !1,
-  defaultVisiblePriceScaleId: we = "right",
-  leftPriceScaleTitle: _e,
-  rightPriceScaleTitle: kt,
-  showCurrentValue: Qe = !0,
-  graphTitle: fe,
-  yScaleMin: Ne,
-  yScaleMinMultiple: Pe,
-  visibleTimeFrom: J,
-  disableZoom: Te = !1,
-  hideDefaultTooltip: he = !1
+function to({
+  series: e,
+  className: i,
+  showLegend: c = !1,
+  onUnselectSeries: f,
+  xMeasureUnit: h = "time",
+  yMeasureUnit: u = "token",
+  optionsOverrides: S,
+  verticalLineOptions: P,
+  priceLineOptions: D,
+  zoneOptions: F,
+  currentValueDecimals: se,
+  useSharedPriceScale: Z = !1,
+  dualYAxis: z = !1,
+  defaultVisiblePriceScaleId: Re = "right",
+  showCurrentValue: Oe = !0,
+  graphTitle: me,
+  yScaleMin: Te,
+  yScaleMinMultiple: Ne,
+  visibleTimeFrom: le,
+  disableZoom: Ve = !1,
+  hideDefaultTooltip: ge = !1
 }) {
-  const B = X(null), C = X(/* @__PURE__ */ new Map()), me = X(!1), Ve = X(!0), Le = X([]), F = X(null), de = X(null), Re = X(null), V = ht(), Z = Ce.useMemo(() => t.flatMap((e) => e.data), [t]), Ye = Ce.useMemo(() => {
-    if (t.length > 0) {
-      const e = t[t.length - 1];
-      if (e.data.length > 0)
-        return e.data[e.data.length - 1];
+  const I = K(null), N = K(/* @__PURE__ */ new Map()), be = K(!1), ke = K(!0), Le = K([]), ae = K(0), B = K(null), Se = K(null), Me = K(null), R = mt(), ce = we.useMemo(() => e.flatMap((t) => t.data), [e]), Ue = we.useMemo(() => {
+    if (e.length > 0) {
+      const t = e[e.length - 1];
+      if (t.data.length > 0)
+        return t.data[t.data.length - 1];
     }
-  }, [t]), [Me, pe] = te(() => {
-    if (!Ye) return;
-    const e = /* @__PURE__ */ new Map();
-    for (const i of t)
-      i.data.length > 0 && e.set(i.label, i.data[i.data.length - 1]);
-    return e;
-  }), [ke, q] = te(null), [Ie, De] = te([]), [Oe, Be] = te(0), Fe = X(/* @__PURE__ */ new Map()), [Ue, et] = te({}), [Q, tt] = te(0);
+  }, [e]), [De, ve] = oe(() => {
+    if (!Ue) return;
+    const t = /* @__PURE__ */ new Map();
+    for (const l of e)
+      l.data.length > 0 && t.set(l.label, l.data[l.data.length - 1]);
+    return t;
+  }), [Ie, Q] = oe(null), [Be, Ee] = oe([]), [et, Fe] = oe(0), ze = K(/* @__PURE__ */ new Map()), [tt, ot] = oe({}), [Y, rt] = oe(0);
   W(() => {
-    const e = () => {
+    const t = () => {
       try {
-        if (F.current && Be(F.current.clientWidth), B.current && F.current) {
-          const s = F.current.clientWidth, l = F.current.clientHeight;
-          B.current.resize(s, l);
+        if (B.current && Fe(B.current.clientWidth), I.current && B.current) {
+          const s = B.current.clientWidth, a = B.current.clientHeight;
+          I.current.resize(s, a);
+          try {
+            ae.current = I.current.paneSize().height;
+          } catch {
+          }
         }
       } catch {
       }
-    }, i = F.current, n = i ? new ResizeObserver(e) : null;
-    return Re.current = n, i && n?.observe(i), () => {
-      i && n?.unobserve(i), n?.disconnect(), Re.current = null;
+    }, l = B.current, r = l ? new ResizeObserver(t) : null;
+    return Me.current = r, l && r?.observe(l), () => {
+      l && r?.unobserve(l), r?.disconnect(), Me.current = null;
     };
   }, []), W(() => {
-    if (!de.current || me.current) return;
-    const e = Ze(), i = oe(
+    if (!Se.current || be.current) return;
+    const t = He(), l = re(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
-    ), n = it(de.current, {
-      ...e,
+    ), r = ut(Se.current, {
+      ...t,
       leftPriceScale: {
-        ...e.leftPriceScale || {},
+        ...t.leftPriceScale || {},
         visible: !1,
-        textColor: i
+        textColor: l
       },
       rightPriceScale: {
-        ...e.rightPriceScale || {},
-        visible: !V,
-        textColor: i
+        ...t.rightPriceScale || {},
+        visible: !R,
+        textColor: l
       },
-      ...V && {
+      ...R && {
         crosshair: {
-          ...e.crosshair,
-          mode: st.Magnet
+          ...t.crosshair,
+          mode: ft.Magnet
         }
       }
     });
-    return B.current = n, me.current = !0, tt((s) => s + 1), () => {
-      n.remove(), B.current = null, me.current = !1, C.current.clear();
+    I.current = r, be.current = !0;
+    try {
+      ae.current = r.paneSize().height;
+    } catch {
+      ae.current = 0;
+    }
+    return rt((s) => s + 1), () => {
+      r.remove(), I.current = null, be.current = !1, N.current.clear();
     };
-  }, [V]), W(() => {
-    const e = B.current;
-    e && e.applyOptions(
-      Te ? {
+  }, [R]), W(() => {
+    const t = I.current;
+    t && t.applyOptions(
+      Ve ? {
         handleScale: {
           mouseWheel: !1,
           pinch: !1,
@@ -386,605 +300,632 @@ function Xt({
         }
       }
     );
-  }, [Q, Te]), W(() => {
-    const e = B.current;
-    !e || !v || e.applyOptions(v);
-  }, [Q, v]), W(() => {
-    const e = B.current;
-    if (!e || t.length === 0) return;
-    const n = t.filter((r) => r.data.length > 0).length <= 1 ? Ne : Pe, s = c === "time" ? qe(c, Z) : qe(c), l = /* @__PURE__ */ new Map();
-    {
-      let r = 0;
-      for (const o of t)
-        o.data.length !== 0 && (l.set(
-          o.label,
-          o.priceScaleId ?? (r === 0 ? "left" : "right")
-        ), r++);
-    }
-    const f = (r, o, d) => {
-      const {
-        formatter: I,
-        tickmarksFormatter: T,
-        updateVisibleRange: G,
-        updateLastValues: We
-      } = gt(r, o, {
-        yScaleMin: n
-      }), be = t.filter((Y) => Y.data.length > 0 && d.has(Y.label)).map((Y) => Y.data[Y.data.length - 1].value);
-      return We(be), { formatter: I, tickmarksFormatter: T, updateVisibleRange: G, labels: d };
-    }, h = [];
-    if (D)
-      for (const r of ["left", "right"]) {
+  }, [Y, Ve]), W(() => {
+    const t = I.current;
+    !t || !S || t.applyOptions(S);
+  }, [Y, S]), W(() => {
+    const t = I.current;
+    if (!t || e.length === 0) return;
+    const r = e.filter((n) => n.data.length > 0).length <= 1 ? Te : Ne, s = h === "time" ? qe(h, ce) : qe(h), a = new Map(
+      Pt(e).map(({ series: n, side: o }) => [
+        n.label,
+        o
+      ])
+    ), p = (n, o, d) => {
+      const { formatter: L, tickmarksFormatter: k, updateVisibleRange: E } = yt(n, o, {
+        yScaleMin: r
+      });
+      return { formatter: L, tickmarksFormatter: k, updateVisibleRange: E, labels: d };
+    }, m = [];
+    if (z)
+      for (const n of ["left", "right"]) {
         const o = /* @__PURE__ */ new Set(), d = [];
-        let I = b;
-        for (const T of t)
-          if (T.data.length !== 0 && l.get(T.label) === r) {
-            o.size === 0 && T.yMeasureUnit && (I = T.yMeasureUnit), o.add(T.label);
-            for (const G of T.data) d.push(G.value);
+        let L = u;
+        for (const k of e)
+          if (k.data.length !== 0 && a.get(k.label) === n) {
+            o.size === 0 && k.yMeasureUnit && (L = k.yMeasureUnit), o.add(k.label);
+            for (const E of k.data) d.push(E.value);
           }
-        o.size > 0 && h.push(f(d, I, o));
+        o.size > 0 && m.push(p(d, L, o));
       }
     else {
-      const r = Z.map((d) => d.value), o = new Set(
-        t.filter((d) => d.data.length > 0).map((d) => d.label)
+      const n = ce.map((d) => d.value), o = new Set(
+        e.filter((d) => d.data.length > 0).map((d) => d.label)
       );
-      h.push(f(r, b, o));
+      m.push(p(n, u, o));
     }
-    Le.current = h;
+    Le.current = m;
     const y = /* @__PURE__ */ new Map();
-    for (const r of h)
-      for (const o of r.labels)
-        y.set(o, r);
-    const S = Ze();
-    e.applyOptions({
+    for (const n of m)
+      for (const o of n.labels)
+        y.set(o, n);
+    const x = He();
+    t.applyOptions({
       localization: {
-        ...S.localization || {},
+        ...x.localization || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-        timeFormatter: (r) => (
+        timeFormatter: (n) => (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          s.timeFormatter(parseFloat(r), void 0)
+          s.timeFormatter(parseFloat(n), void 0)
         )
       },
       timeScale: {
-        ...S.timeScale || {},
-        ...v?.timeScale,
+        ...x.timeScale || {},
+        ...S?.timeScale,
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
         tickMarkFormatter: s.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const L = (Z.length > 0 ? Math.min(...Z.map((r) => r.value)) : 0) < 0, N = Z.some((r) => r.value === 0), p = !L && N, x = !D && t.length > 1 && !j, M = D ? V : t.length > 1 && !j || V, k = oe(
+    const v = !z && e.length > 1 && !Z, X = z ? R : e.length > 1 && !Z || R, V = re(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
     );
-    e.applyOptions({
-      ...D && {
-        defaultVisiblePriceScaleId: we
+    t.applyOptions({
+      ...z && {
+        defaultVisiblePriceScaleId: Re
       },
       leftPriceScale: {
-        ...S.leftPriceScale || {},
-        ...v?.leftPriceScale,
-        visible: D && !V,
-        textColor: k,
-        ...D && _e && {
-          // lightweight-charts uses scale margins; title shown via localization if needed
-        }
+        ...x.leftPriceScale || {},
+        ...S?.leftPriceScale,
+        visible: z && !R,
+        textColor: V
       },
       rightPriceScale: {
-        ...S.rightPriceScale || {},
-        ...v?.rightPriceScale,
-        visible: D ? !V : !M,
-        textColor: k,
-        ...p && !D && {
-          scaleMargins: {
-            top: 0.3,
-            bottom: 0
-          }
-        }
+        ...x.rightPriceScale || {},
+        ...S?.rightPriceScale,
+        visible: z ? !R : !X,
+        textColor: V
       }
     });
-    const P = new Set(C.current.keys()), K = new Set(t.map((r) => r.label));
-    for (const r of P)
-      if (!K.has(r)) {
-        const o = C.current.get(r);
-        o && (e.removeSeries(o), C.current.delete(r));
+    const O = new Set(N.current.keys()), $ = new Set(e.map(ne));
+    for (const n of O)
+      if (!$.has(n)) {
+        const o = N.current.get(n);
+        o && (t.removeSeries(o), N.current.delete(n));
       }
-    const U = dt(), ne = [];
-    let le = 0;
-    const ze = t.find((r) => r.data.length > 0), ae = /* @__PURE__ */ new Map();
-    if (R && R.length > 0)
-      for (const r of R) {
-        if (!Number.isFinite(r.price)) continue;
-        const o = r.seriesLabel ?? ze?.label;
+    const g = bt(), M = [];
+    let T = 0;
+    const G = e.find((n) => n.data.length > 0), C = /* @__PURE__ */ new Map();
+    if (D && D.length > 0)
+      for (const n of D) {
+        if (!Number.isFinite(n.price)) continue;
+        const o = n.seriesLabel ?? G?.label;
         if (!o) continue;
-        const d = ae.get(o) ?? [];
-        d.push(r.price), ae.set(o, d);
+        const d = C.get(o) ?? [];
+        d.push(n.price), C.set(o, d);
       }
-    if (A && A.length > 0)
-      for (const r of A) {
-        const o = r.seriesLabel ?? ze?.label;
+    if (F && F.length > 0)
+      for (const n of F) {
+        const o = n.seriesLabel ?? G?.label;
         if (!o) continue;
-        const d = ae.get(o) ?? [];
-        Number.isFinite(r.priceTop) && d.push(r.priceTop), Number.isFinite(r.priceBottom) && d.push(r.priceBottom), ae.set(o, d);
+        const d = C.get(o) ?? [];
+        Number.isFinite(n.priceTop) && d.push(n.priceTop), Number.isFinite(n.priceBottom) && d.push(n.priceBottom), C.set(o, d);
       }
-    for (let r = 0; r < t.length; r++) {
-      const o = t[r], d = Je(r), I = o.lineColor ?? o.color ?? d.line;
-      let T, G;
+    for (let n = 0; n < e.length; n++) {
+      const o = e[n], d = ne(o), L = Ye(n), k = o.lineColor ?? o.color ?? L.line;
+      let E, q;
       if (o.lineColor ?? o.color)
         if (o.topColor && o.bottomColor)
-          T = o.topColor, G = o.bottomColor;
+          E = o.topColor, q = o.bottomColor;
         else if (o.topColor) {
-          const g = ce(I);
-          T = o.topColor, G = g.bottomColor;
+          const b = _e(k);
+          E = o.topColor, q = b.bottomColor;
         } else if (o.bottomColor)
-          T = ce(I).topColor, G = o.bottomColor;
+          E = _e(k).topColor, q = o.bottomColor;
         else {
-          const g = ce(I);
-          T = g.topColor, G = g.bottomColor;
+          const b = _e(k);
+          E = b.topColor, q = b.bottomColor;
         }
       else
-        T = o.topColor || d.top, G = o.bottomColor || d.bottom;
+        E = o.topColor || L.top, q = o.bottomColor || L.bottom;
       if (o.data.length === 0) {
-        const g = C.current.get(o.label);
-        g && (e.removeSeries(g), C.current.delete(o.label));
+        const b = N.current.get(d);
+        b && (t.removeSeries(b), N.current.delete(d));
         continue;
       }
-      const be = (o.data.length > 0 ? Math.min(...o.data.map((g) => g.value)) : 0) < 0, Y = o.data.some((g) => g.value === 0), ot = !be && Y, Ae = D ? o.priceScaleId ?? (le === 0 ? "left" : "right") : j || !x || le === 0 ? "right" : `scale-${le}`;
-      x && ne.push({
-        priceScaleId: Ae || "right",
-        shouldPreventNegativeAxis: ot,
-        seriesIndex: le
+      const ue = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, he = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, nt = ue < 0, it = o.data.some((b) => b.value === 0), st = !nt && it, We = Rt(he - ue), Xe = z ? o.priceScaleId ?? (T === 0 ? "left" : "right") : Z || !v || T === 0 ? "right" : `scale-${T}`;
+      v && M.push({
+        priceScaleId: Xe || "right",
+        seriesIndex: T
       });
-      const $e = (j || !x) && n !== void 0 && typeof n == "number", rt = ae.get(o.label) ?? [], nt = (g) => {
-        const z = g();
-        if (z?.priceRange) {
-          $e && (z.priceRange.minValue = n);
-          for (const H of rt)
-            H < z.priceRange.minValue && (z.priceRange.minValue = H), H > z.priceRange.maxValue && (z.priceRange.maxValue = H);
+      const Ce = (Z || !v) && r !== void 0 && typeof r == "number", lt = C.get(o.label) ?? [], at = (b) => {
+        const w = b();
+        if (w?.priceRange) {
+          Ce && (w.priceRange.minValue = r);
+          for (const H of lt)
+            H < w.priceRange.minValue && (w.priceRange.minValue = H), H > w.priceRange.maxValue && (w.priceRange.maxValue = H);
+          const te = Ce ? r : st && w.priceRange.minValue >= 0 ? 0 : void 0, de = ae.current > 0 ? ae.current : B.current?.clientHeight ?? 0;
+          if (de > 0) {
+            const H = Tt({
+              min: w.priceRange.minValue,
+              max: w.priceRange.maxValue,
+              floor: te,
+              scaleHeightPx: de,
+              fontSizePx: vt,
+              tickMarkDensity: pe,
+              minMove: We,
+              edgePaddingPx: Ke,
+              edgePaddingTopPx: Ze
+            });
+            w.priceRange.minValue = H.min, w.priceRange.maxValue = H.max;
+          }
+          w.margins = {
+            above: Ze,
+            below: Ke
+          };
         }
-        return z;
-      }, Ge = y.get(o.label) ?? h[0], je = Ge.formatter, lt = Ge.tickmarksFormatter, ve = {
-        lineColor: I,
-        topColor: T,
-        bottomColor: G,
-        priceScaleId: Ae,
+        return w;
+      }, $e = y.get(o.label) ?? m[0], Ge = $e.formatter, ct = $e.tickmarksFormatter, ye = {
+        lineColor: k,
+        topColor: E,
+        bottomColor: q,
+        priceScaleId: Xe,
         ...o.seriesType === "line" && {
-          lineStyle: o.lineStyle ?? re.Solid
+          lineStyle: o.lineStyle ?? ie.Solid
         },
         priceFormat: {
           type: "custom",
-          minMove: 0.01,
-          formatter: $e && typeof n == "number" ? (g) => je(
-            g < n ? n : g
-          ) : je,
-          tickmarksFormatter: lt
+          minMove: We,
+          formatter: Ce && typeof r == "number" ? (b) => Ge(
+            b < r ? r : b
+          ) : Ge,
+          tickmarksFormatter: ct
         },
-        autoscaleInfoProvider: nt
-      }, He = o.seriesType === "line";
-      let E = C.current.get(o.label);
-      const ee = o.data.map((g) => ({
-        ...g,
-        time: g.time
+        autoscaleInfoProvider: at
+      }, je = o.seriesType === "line";
+      let A = N.current.get(d);
+      const ee = o.data.map((b) => ({
+        ...b,
+        time: b.time
       }));
-      if (J !== void 0 && ee.length > 0 && Number(ee[0].time) > J) {
-        const g = Number(ee[0].time), z = g - J, H = 86400, at = z > 180 * H ? 7 * H : z > 30 * H ? H : 6 * 3600, Xe = [];
-        for (let Se = J; Se < g; Se += at)
-          Xe.push({ time: Se });
-        ee.unshift(...Xe);
+      if (le !== void 0 && ee.length > 0 && Number(ee[0].time) > le) {
+        const b = Number(ee[0].time), w = b - le, te = 86400, de = w > 180 * te ? 7 * te : w > 30 * te ? te : 6 * 3600, H = [];
+        for (let xe = le; xe < b; xe += de)
+          H.push({ time: xe });
+        ee.unshift(...H);
       }
-      E && E.seriesType() !== (He ? "Line" : "Area") && (e.removeSeries(E), C.current.delete(o.label), E = void 0), E ? (E.applyOptions(ve), E.setData(ee)) : (He ? E = e.addSeries(ct, {
-        ...U,
-        ...ve
-      }) : E = e.addSeries(ut, {
-        ...U,
-        ...ve
-      }), E.setData(ee), C.current.set(o.label, E)), le++;
+      A && A.seriesType() !== (je ? "Line" : "Area") && (t.removeSeries(A), N.current.delete(d), A = void 0), A ? (A.applyOptions(ye), A.setData(ee)) : (je ? A = t.addSeries(ht, {
+        ...g,
+        ...ye
+      }) : A = t.addSeries(dt, {
+        ...g,
+        ...ye
+      }), A.setData(ee), N.current.set(d, A)), T++;
     }
-    if (D)
+    if (z)
       try {
-        const r = e.priceScale("left"), o = e.priceScale("right"), d = {
-          visible: !V,
+        const n = t.priceScale("left"), o = t.priceScale("right"), d = {
+          visible: !R,
           autoScale: !0,
-          scaleMargins: { top: 0.1, bottom: 0.1 },
+          scaleMargins: { top: 0, bottom: 0 },
           alignLabels: !0,
           entireTextOnly: !1,
-          textColor: k,
-          ...v?.rightPriceScale
+          tickMarkDensity: pe,
+          textColor: V,
+          ...S?.rightPriceScale
         };
-        r?.applyOptions(d), o?.applyOptions(d);
+        n?.applyOptions(d), o?.applyOptions(d);
       } catch {
       }
-    else if (x && ne.length > 0)
-      for (const r of ne)
+    else if (v && M.length > 0)
+      for (const n of M)
         try {
-          const o = e.priceScale(r.priceScaleId);
+          const o = t.priceScale(n.priceScaleId);
           o && o.applyOptions({
             visible: !1,
             autoScale: !0,
             scaleMargins: {
-              top: 0.1,
-              bottom: 0.1,
-              ...r.shouldPreventNegativeAxis && {
-                top: 0.3,
-                bottom: 0
-              }
+              top: 0,
+              bottom: 0
             },
             alignLabels: !0,
             entireTextOnly: !1,
-            textColor: k
+            tickMarkDensity: pe,
+            textColor: V
           });
         } catch (o) {
           console.warn(
-            `Failed to configure price scale ${r.priceScaleId} for series ${r.seriesIndex}:`,
+            `Failed to configure price scale ${n.priceScaleId} for series ${n.seriesIndex}:`,
             o
           );
         }
-    else if (!x)
+    else if (!v)
       try {
-        const r = e.priceScale("right");
-        r && r.applyOptions({
-          visible: !V,
+        const n = t.priceScale("right");
+        n && n.applyOptions({
+          visible: !R,
           autoScale: !0,
           scaleMargins: {
-            top: 0.1,
-            // No bottom margin when yScaleMin is set so the scale doesn't extend below the minimum (avoids negative labels like -10M)
-            bottom: n !== void 0 || p ? 0 : 0.1,
-            ...p && {
-              top: 0.3
-            }
+            top: 0,
+            bottom: 0
           },
           alignLabels: !0,
           entireTextOnly: !1,
-          textColor: k,
-          ...v?.rightPriceScale
+          tickMarkDensity: pe,
+          textColor: V,
+          ...S?.rightPriceScale
         });
       } catch {
       }
-    if (n !== void 0 && !V && (j || !x) && e.applyOptions({
+    if (r !== void 0 && !R && (Z || !v) && t.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
-    }), Z.length > 0) {
-      const r = Z.map((o) => Number(o.time)).filter((o) => Number.isFinite(o));
-      if (r.length > 0) {
-        const o = Math.min(...r), d = J !== void 0 ? Math.min(J, o) : o, I = Math.max(...r);
-        if (Number(d) <= Number(I))
+    }), ce.length > 0) {
+      const n = ce.map((d) => Number(d.time)).filter((d) => Number.isFinite(d)), o = new Set(n).size - 1;
+      if (o >= 0) {
+        const d = () => {
+          const L = t.timeScale();
+          if (h !== "time") {
+            L.applyOptions({
+              fixLeftEdge: !0,
+              fixRightEdge: !0
+            }), L.setVisibleLogicalRange({ from: 0, to: o });
+            return;
+          }
+          const k = z && !R, E = z ? !R : !X, q = !k, ue = !E;
+          L.applyOptions({
+            fixLeftEdge: !q,
+            fixRightEdge: !ue
+          });
+          const he = Nt({
+            lastIndex: o,
+            width: L.width(),
+            padLeft: q,
+            padRight: ue
+          });
+          he && L.setVisibleLogicalRange(he);
+        };
+        try {
+          d();
+        } catch {
           try {
-            e.timeScale().setVisibleRange({ from: d, to: I });
+            t.timeScale().fitContent(), d();
           } catch {
-            try {
-              e.timeScale().fitContent();
-            } catch {
-            }
           }
+        }
       }
     }
-    Ve.current && (Ve.current = !1), v && e.applyOptions(v);
-    const ge = /* @__PURE__ */ new Map();
-    for (const r of t)
-      r.data.length > 0 && ge.set(r.label, r.data[r.data.length - 1]);
-    pe(ge.size > 0 ? ge : void 0);
+    ke.current && (ke.current = !1), S && t.applyOptions(S);
+    const j = /* @__PURE__ */ new Map();
+    for (const n of e)
+      n.data.length > 0 && j.set(n.label, n.data[n.data.length - 1]);
+    ve(j.size > 0 ? j : void 0);
   }, [
-    Q,
-    t,
+    Y,
+    e,
+    ce,
+    h,
+    u,
+    R,
     Z,
-    c,
-    b,
-    V,
-    j,
-    D,
-    we,
-    _e,
+    z,
+    Re,
+    Te,
     Ne,
-    Pe,
-    J,
-    R,
-    A,
-    v
+    le,
+    D,
+    F,
+    S
   ]), W(() => {
-    const e = B.current;
-    if (!e || t.length === 0) return;
-    const i = t.length === 1;
-    let n;
-    for (const l of t)
-      if (l.data.length > 0) {
-        n = l.data[l.data.length - 1].time;
+    const t = I.current;
+    if (!t || e.length === 0) return;
+    const l = e.length === 1;
+    let r;
+    for (const a of e)
+      if (a.data.length > 0) {
+        r = a.data[a.data.length - 1].time;
         break;
       }
-    if (!n) return;
-    const s = (l) => {
-      const { time: f = n, seriesData: h, point: y } = l || {}, S = Array.from(C.current.values());
-      if (!y || !f) {
-        const N = /* @__PURE__ */ new Map();
-        for (const p of t)
-          p.data.length > 0 && N.set(p.label, p.data[p.data.length - 1]);
-        if (pe(N.size > 0 ? N : void 0), i || j || he)
-          q(null);
-        else if (S[0] && n) {
-          const x = e.timeScale().timeToCoordinate(n), M = t[0];
-          if (M.data.length > 0) {
-            const k = M.data[M.data.length - 1].value, P = S[0].priceToCoordinate(k);
-            x !== null && P !== null && q({ x, y: P });
+    if (!r) return;
+    const s = (a) => {
+      const { time: p = r, seriesData: m, point: y } = a || {}, x = e[0], v = x ? N.current.get(ne(x)) : void 0;
+      if (!y || !p) {
+        const $ = /* @__PURE__ */ new Map();
+        for (const g of e)
+          g.data.length > 0 && $.set(g.label, g.data[g.data.length - 1]);
+        if (ve($.size > 0 ? $ : void 0), l || Z || ge)
+          Q(null);
+        else if (v && r) {
+          const g = e[0];
+          if (g && g.data.length > 0) {
+            const T = t.timeScale().timeToCoordinate(r), G = g.data[g.data.length - 1].value, C = v.priceToCoordinate(G);
+            T !== null && C !== null && Q({ x: T, y: C });
           }
         }
         return;
       }
-      const $ = /* @__PURE__ */ new Map();
-      let L;
-      for (let N = 0; N < t.length; N++) {
-        const p = t[N], x = C.current.get(p.label);
-        if (!x) continue;
-        const M = h?.get(x), k = M && "value" in M ? M.value : void 0;
-        let P;
-        if (k !== void 0)
-          P = k;
-        else if (i) {
-          const K = Number(f), U = p.data.length > 0 ? Number(p.data[0].time) : Number.POSITIVE_INFINITY;
-          K < U ? P = Number.NaN : P = p.data[p.data.length - 1]?.value ?? 0;
+      const X = /* @__PURE__ */ new Map();
+      let V, O = v;
+      for (let $ = 0; $ < e.length; $++) {
+        const g = e[$], M = N.current.get(ne(g));
+        if (!M) continue;
+        const T = m?.get(M), G = T && "value" in T ? T.value : void 0;
+        let C;
+        if (G !== void 0)
+          C = G;
+        else if (l) {
+          const j = Number(p), n = g.data.length > 0 ? Number(g.data[0].time) : Number.POSITIVE_INFINITY;
+          j < n ? C = Number.NaN : C = g.data[g.data.length - 1]?.value ?? 0;
         } else {
-          const K = p.data.length > 0 ? Number(p.data[0].time) : Number.POSITIVE_INFINITY;
-          if (Number(f) < K) continue;
-          P = Lt(p.data, Number(f));
+          const j = g.data.length > 0 ? Number(g.data[0].time) : Number.POSITIVE_INFINITY;
+          if (Number(p) < j) continue;
+          C = zt(g.data, Number(p));
         }
-        Number.isNaN(P) || (L === void 0 && (L = P), $.set(p.label, { value: P, time: f }));
+        Number.isNaN(C) || (V === void 0 && (V = C, O = M), X.set(g.label, { value: C, time: p }));
       }
-      if (pe($), L !== void 0 && S[0]) {
-        const p = e.timeScale().timeToCoordinate(f), x = S[0].priceToCoordinate(L);
-        if (p !== null && x !== null) {
-          const M = F.current;
-          if (M) {
-            const k = M.querySelector(
+      if (ve(X), V !== void 0 && O) {
+        const g = t.timeScale().timeToCoordinate(p), M = O.priceToCoordinate(V);
+        if (g !== null && M !== null) {
+          const T = B.current;
+          if (T) {
+            const G = T.querySelector(
               ".LightweightChart"
             );
-            if (k) {
-              const P = k.getBoundingClientRect(), K = M.getBoundingClientRect(), U = p + (P.left - K.left), ne = x + (P.top - K.top);
-              q({ x: U, y: ne });
+            if (G) {
+              const C = G.getBoundingClientRect(), j = T.getBoundingClientRect(), n = g + (C.left - j.left), o = M + (C.top - j.top);
+              Q({ x: n, y: o });
             } else
-              q({ x: p, y: x });
+              Q({ x: g, y: M });
           } else
-            q({ x: p, y: x });
+            Q({ x: g, y: M });
         } else
-          q(null);
+          Q(null);
       } else
-        q(null);
+        Q(null);
     };
-    return e.subscribeCrosshairMove(s), V && e.subscribeClick(s), !i && !j && !he && requestAnimationFrame(() => {
-      const l = Array.from(C.current.values());
-      if (l[0] && n && t[0]?.data.length > 0) {
-        const h = e.timeScale().timeToCoordinate(n), y = t[0].data[t[0].data.length - 1].value, S = l[0].priceToCoordinate(y);
-        h !== null && S !== null && q({ x: h, y: S });
+    return t.subscribeCrosshairMove(s), R && t.subscribeClick(s), !l && !Z && !ge && requestAnimationFrame(() => {
+      const a = e[0], p = a ? N.current.get(ne(a)) : void 0;
+      if (p && r && a.data.length > 0) {
+        const y = t.timeScale().timeToCoordinate(r), x = a.data[a.data.length - 1].value, v = p.priceToCoordinate(x);
+        y !== null && v !== null && Q({ x: y, y: v });
       }
     }), () => {
-      e.unsubscribeCrosshairMove(s), V && e.unsubscribeClick(s);
+      t.unsubscribeCrosshairMove(s), R && t.unsubscribeClick(s);
     };
-  }, [t, j, V, he]), W(() => {
-    const e = B.current;
-    if (!e || t.length === 0) return;
-    const i = e.timeScale(), n = () => {
+  }, [e, Z, R, ge]), W(() => {
+    const t = I.current;
+    if (!t || e.length === 0) return;
+    const l = t.timeScale(), r = () => {
       const s = Le.current;
       if (s.length === 0) return;
-      const l = i.getVisibleRange();
-      if (!l) return;
-      const f = Number(l.from), h = Number(l.to);
+      const a = l.getVisibleRange();
+      if (!a) return;
+      const p = Number(a.from), m = Number(a.to);
       for (const y of s) {
-        const S = [];
-        for (const $ of t)
-          if (y.labels.has($.label))
-            for (const L of $.data) {
-              const N = Number(L.time);
-              N >= f && N <= h && S.push(L.value);
+        const x = [];
+        for (const v of e)
+          if (y.labels.has(v.label))
+            for (const X of v.data) {
+              const V = Number(X.time);
+              V >= p && V <= m && x.push(X.value);
             }
-        S.length > 0 && y.updateVisibleRange(S);
+        x.length > 0 && y.updateVisibleRange(x);
       }
     };
-    return i.subscribeVisibleLogicalRangeChange(n), () => {
-      i.unsubscribeVisibleLogicalRangeChange(
-        n
+    return l.subscribeVisibleLogicalRangeChange(r), () => {
+      l.unsubscribeVisibleLogicalRangeChange(
+        r
       );
     };
-  }, [t]), W(() => {
-    const e = B.current, i = Array.from(C.current.values()), n = [];
-    if (e && i.length > 0 && w) {
-      const s = pt(), l = i[0];
-      for (const f of w) {
-        const h = {
+  }, [e]), W(() => {
+    const t = I.current, l = Array.from(N.current.values()), r = [];
+    if (t && l.length > 0 && P) {
+      const s = St(), a = l[0];
+      for (const p of P) {
+        const m = {
           ...s,
-          ...f.options || {}
+          ...p.options || {}
         };
-        h.color && (h.color = oe(h.color, h.color));
-        const y = new St(e, l, f.xCoordinate, h);
-        l.attachPrimitive(y), n.push(y);
+        m.color && (m.color = re(m.color, m.color));
+        const y = new _t(
+          t,
+          a,
+          p.xCoordinate,
+          m
+        );
+        a.attachPrimitive(y), r.push(y);
       }
     }
     return () => {
-      if (i.length > 0) {
-        const s = i[0];
-        for (const l of n)
+      if (l.length > 0) {
+        const s = l[0];
+        for (const a of r)
           try {
-            s.detachPrimitive(l);
+            s.detachPrimitive(a);
           } catch {
           }
       }
     };
-  }, [w, t, Q]), W(() => {
-    const e = [], i = [];
-    if (R && R.length > 0) {
-      const n = Array.from(C.current.values())[0], s = oe(
+  }, [P, e, Y]), W(() => {
+    const t = [], l = [];
+    if (D && D.length > 0) {
+      const r = re(
         "hsl(var(--destructive))",
         "rgb(239, 68, 68)"
       );
-      for (const l of R) {
-        if (!Number.isFinite(l.price)) continue;
-        const f = l.seriesLabel ? C.current.get(l.seriesLabel) : n;
-        if (!f) continue;
-        const h = l.color ? oe(l.color, l.color) : s, y = l.lineWidth ?? 1, S = l.lineStyle ?? re.Dashed, $ = f.createPriceLine({
-          price: l.price,
-          color: h,
-          lineWidth: y,
-          lineStyle: S,
-          axisLabelVisible: l.axisLabelVisible ?? !0,
-          title: l.title ?? ""
+      for (const s of D) {
+        if (!Number.isFinite(s.price)) continue;
+        const a = Je(
+          N.current,
+          e,
+          s.seriesLabel
+        );
+        if (!a) continue;
+        const p = s.color ? re(s.color, s.color) : r, m = s.lineWidth ?? 1, y = s.lineStyle ?? ie.Dashed, x = a.createPriceLine({
+          price: s.price,
+          color: p,
+          lineWidth: m,
+          lineStyle: y,
+          axisLabelVisible: s.axisLabelVisible ?? !0,
+          title: s.title ?? ""
         });
-        e.push({ series: f, line: $ });
-        const L = new Pt(
-          f,
-          l.price,
-          h,
-          y,
-          S
+        t.push({ series: a, line: x });
+        const v = new Bt(
+          a,
+          s.price,
+          p,
+          m,
+          y
         );
-        f.attachPrimitive(L), i.push({ series: f, primitive: L });
+        a.attachPrimitive(v), l.push({ series: a, primitive: v });
       }
     }
     return () => {
-      for (const { series: n, primitive: s } of i)
+      for (const { series: r, primitive: s } of l)
         try {
-          n.detachPrimitive(s);
+          r.detachPrimitive(s);
         } catch {
         }
-      for (const { series: n, line: s } of e)
+      for (const { series: r, line: s } of t)
         try {
-          n.removePriceLine(s);
+          r.removePriceLine(s);
         } catch {
         }
     };
-  }, [R, t, Q]), W(() => {
-    const e = [];
-    if (A && A.length > 0) {
-      const i = Array.from(C.current.values())[0], n = "rgba(239, 68, 68, 0.12)";
-      for (const s of A) {
-        const l = s.seriesLabel ? C.current.get(s.seriesLabel) : i;
-        if (!l) continue;
-        const f = s.color ? oe(s.color, n) : n, h = new xt(
-          l,
-          s.priceTop,
-          s.priceBottom,
-          f
+  }, [D, e, Y]), W(() => {
+    const t = [];
+    if (F && F.length > 0) {
+      const l = "rgba(239, 68, 68, 0.12)";
+      for (const r of F) {
+        const s = Je(
+          N.current,
+          e,
+          r.seriesLabel
+        );
+        if (!s) continue;
+        const a = r.color ? re(r.color, l) : l, p = new Lt(
+          s,
+          r.priceTop,
+          r.priceBottom,
+          a
         );
-        l.attachPrimitive(h), e.push({ series: l, zone: h });
+        s.attachPrimitive(p), t.push({ series: s, zone: p });
       }
     }
     return () => {
-      for (const { series: i, zone: n } of e)
+      for (const { series: l, zone: r } of t)
         try {
-          i.detachPrimitive(n);
+          l.detachPrimitive(r);
         } catch {
         }
     };
-  }, [A, t, Q]), W(() => {
-    const e = B.current;
-    if (!e || !w?.length) {
-      De([]);
+  }, [F, e, Y]), W(() => {
+    const t = I.current;
+    if (!t || !P?.length) {
+      Ee([]);
       return;
     }
-    const i = () => {
-      const l = e.timeScale(), f = w.map((h) => l.timeToCoordinate(h.xCoordinate) ?? null);
-      De(f), F.current && Be(F.current.clientWidth);
+    const l = () => {
+      const a = t.timeScale(), p = P.map((m) => a.timeToCoordinate(m.xCoordinate) ?? null);
+      Ee(p), B.current && Fe(B.current.clientWidth);
     };
-    i();
-    const n = e.timeScale(), s = () => {
-      i();
+    l();
+    const r = t.timeScale(), s = () => {
+      l();
     };
-    return n.subscribeVisibleLogicalRangeChange(s), () => {
-      n.unsubscribeVisibleLogicalRangeChange(s);
+    return r.subscribeVisibleLogicalRangeChange(s), () => {
+      r.unsubscribeVisibleLogicalRangeChange(s);
     };
-  }, [w, t, Q]), ft(() => {
-    et((e) => {
-      const i = {};
-      let n = !1;
-      for (const [s, l] of Fe.current) {
-        if (!l) continue;
-        const f = l.offsetWidth;
-        i[s] = f, e[s] !== f && (n = !0);
+  }, [P, e, Y]), pt(() => {
+    ot((t) => {
+      const l = {};
+      let r = !1;
+      for (const [s, a] of ze.current) {
+        if (!a) continue;
+        const p = a.offsetWidth;
+        l[s] = p, t[s] !== p && (r = !0);
       }
-      return Object.keys(e).length !== Object.keys(i).length && (n = !0), n ? i : e;
+      return Object.keys(t).length !== Object.keys(l).length && (r = !0), r ? l : t;
     });
   });
-  const se = t.length === 1, Ee = Ce.useMemo(() => {
-    if (se && t.length > 0) {
-      const e = t[0];
-      if (e.data.length > 0)
-        return e.data[e.data.length - 1];
+  const fe = e.length === 1, Ae = we.useMemo(() => {
+    if (fe && e.length > 0) {
+      const t = e[0];
+      if (t.data.length > 0)
+        return t.data[t.data.length - 1];
     }
-  }, [se, t]);
-  return /* @__PURE__ */ ie(
+  }, [fe, e]);
+  return /* @__PURE__ */ U(
     "div",
     {
-      ref: F,
-      className: O(
+      ref: B,
+      className: J(
         "relative z-[1] w-full h-full overflow-hidden p-0",
-        a
+        i
       ),
       children: [
-        fe != null && fe !== !1 && se ? /* @__PURE__ */ _("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ _("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: fe }) }) : Qe && se && Ee && /* @__PURE__ */ _(
-          bt,
+        me != null && me !== !1 && fe ? /* @__PURE__ */ _("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ _("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: me }) }) : Oe && fe && Ae && /* @__PURE__ */ _(
+          xt,
           {
-            point: Ee,
-            xMeasureUnit: c,
-            yMeasureUnit: b,
-            decimals: ue
+            point: Ae,
+            xMeasureUnit: h,
+            yMeasureUnit: u,
+            decimals: se
           }
         ),
-        Me && ke && /* @__PURE__ */ _(
-          vt,
+        De && Ie && /* @__PURE__ */ _(
+          wt,
           {
-            points: Me,
-            xMeasureUnit: c,
-            yMeasureUnit: b,
-            series: t,
-            position: ke,
-            containerRef: F,
-            decimals: ue
+            points: De,
+            xMeasureUnit: h,
+            yMeasureUnit: u,
+            series: e,
+            position: Ie,
+            containerRef: B,
+            decimals: se
           }
         ),
-        u && /* @__PURE__ */ _(Mt, { series: t, onUnselect: m }),
-        w && w.length > 0 && Ie.length === w.length && /* @__PURE__ */ _(
+        c && /* @__PURE__ */ _(At, { series: e, onUnselect: f }),
+        P && P.length > 0 && Be.length === P.length && /* @__PURE__ */ _(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
             "aria-hidden": !0,
-            children: w.map((e, i) => {
-              const n = Ie[i], s = e.options ?? {};
-              if (n === null) return null;
-              const { labelText: l, valueStr: f } = Tt(
+            children: P.map((t, l) => {
+              const r = Be[l], s = t.options ?? {};
+              if (r === null) return null;
+              const { labelText: a, valueStr: p } = Et(
                 s,
-                b,
-                ue
-              ), h = s.tooltipText ?? "";
-              if (!(l || f || h)) return null;
-              const S = s.labelBackgroundColor ?? s.color ?? "hsl(var(--background))", $ = s.labelTextColor ?? "hsl(var(--foreground))", L = `${String(e.xCoordinate)}-${l}-${h}`, N = Vt(
-                n,
-                Oe,
-                Ue[i]
+                u,
+                se
+              ), m = s.tooltipText ?? "";
+              if (!(a || p || m)) return null;
+              const x = s.labelBackgroundColor ?? s.color ?? "hsl(var(--background))", v = s.labelTextColor ?? "hsl(var(--foreground))", X = `${String(t.xCoordinate)}-${a}-${m}`, V = Ft(
+                r,
+                et,
+                tt[l]
               );
-              return /* @__PURE__ */ ie(
+              return /* @__PURE__ */ U(
                 "div",
                 {
-                  ref: (p) => {
-                    Fe.current.set(i, p);
+                  ref: (O) => {
+                    ze.current.set(l, O);
                   },
-                  className: O(
+                  className: J(
                     "group absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
-                    h && "pointer-events-auto cursor-default"
+                    m && "pointer-events-auto cursor-default"
                   ),
                   style: {
-                    ...N,
-                    backgroundColor: S,
-                    color: $
+                    ...V,
+                    backgroundColor: x,
+                    color: v
                   },
                   children: [
-                    l && /* @__PURE__ */ _("span", { className: "block", children: l }),
-                    f && /* @__PURE__ */ _("span", { className: O("block", l && "mt-0.5"), children: f }),
-                    h && /* @__PURE__ */ _(
+                    a && /* @__PURE__ */ _("span", { className: "block", children: a }),
+                    p && /* @__PURE__ */ _("span", { className: J("block", a && "mt-0.5"), children: p }),
+                    m && /* @__PURE__ */ _(
                       "span",
                       {
                         className: "pointer-events-none absolute right-0 top-full z-10 mt-1 hidden w-[280px] whitespace-normal rounded border border-border bg-popover px-2.5 py-1.5 text-left leading-snug text-popover-foreground shadow-md group-hover:block",
                         role: "tooltip",
-                        children: h
+                        children: m
                       }
                     )
                   ]
                 },
-                L
+                X
               );
             })
           }
@@ -992,7 +933,7 @@ function Xt({
         /* @__PURE__ */ _(
           "div",
           {
-            ref: de,
+            ref: Se,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -1000,99 +941,132 @@ function Xt({
     }
   );
 }
-function Mt({
-  series: t,
-  onUnselect: a,
-  inline: u = !1
+function At({
+  series: e,
+  markers: i,
+  onUnselect: c,
+  inline: f = !1
 }) {
-  const m = t.every((c) => c.data.length === 0);
-  return /* @__PURE__ */ _(
+  const h = e.every((u) => u.data.length === 0);
+  return /* @__PURE__ */ U(
     "div",
     {
-      className: O(
+      className: J(
         "flex flex-wrap",
-        u ? "items-center justify-center gap-6" : "absolute top-0 left-2 z-[10] gap-2"
+        f ? "items-center justify-center gap-6" : "absolute top-0 left-2 z-[10] gap-2"
       ),
-      children: t.map((c, b) => {
-        const v = Je(b), w = (c.lineColor ?? c.color) || v.line, R = !m && c.data.length === 0;
-        return /* @__PURE__ */ ie(
+      children: [
+        e.map((u, S) => {
+          const P = Ye(S), D = (u.lineColor ?? u.color) || P.line, F = !h && u.data.length === 0;
+          return /* @__PURE__ */ U(
+            "div",
+            {
+              className: J(
+                "flex shrink-0 items-center gap-1.5",
+                !f && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
+                F && "opacity-50"
+              ),
+              children: [
+                /* @__PURE__ */ _(
+                  "div",
+                  {
+                    className: J(
+                      "shrink-0",
+                      f ? "size-2 rounded-full" : "h-3 w-3 rounded-sm"
+                    ),
+                    style: { backgroundColor: D }
+                  }
+                ),
+                /* @__PURE__ */ U(
+                  "span",
+                  {
+                    className: J(
+                      "font-medium text-foreground",
+                      f ? "text-sm" : "text-[10px] sm:text-xs"
+                    ),
+                    children: [
+                      u.label,
+                      F && " (no data)"
+                    ]
+                  }
+                ),
+                c && /* @__PURE__ */ _(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (se) => {
+                      se.stopPropagation(), c(u.label);
+                    },
+                    className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer",
+                    "aria-label": `Remove ${u.label}`,
+                    children: /* @__PURE__ */ U(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "12",
+                        height: "12",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        className: "text-muted-foreground hover:text-foreground",
+                        "aria-hidden": "true",
+                        children: [
+                          /* @__PURE__ */ _("title", { children: "Close" }),
+                          /* @__PURE__ */ _("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                          /* @__PURE__ */ _("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                        ]
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            u.id ?? u.label
+          );
+        }),
+        i?.map((u) => /* @__PURE__ */ U(
           "div",
           {
-            className: O(
-              "flex items-center gap-1.5",
-              !u && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
-              R && "opacity-50"
+            className: J(
+              "flex shrink-0 items-center gap-1.5",
+              !f && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border"
             ),
             children: [
               /* @__PURE__ */ _(
                 "div",
                 {
-                  className: O(
-                    u ? "size-2 rounded-full" : "h-3 w-3 rounded-sm"
-                  ),
-                  style: { backgroundColor: w }
+                  className: "h-3 w-0.5 shrink-0",
+                  style: { backgroundColor: u.color }
                 }
               ),
-              /* @__PURE__ */ ie(
+              /* @__PURE__ */ _(
                 "span",
                 {
-                  className: O(
+                  className: J(
                     "font-medium text-foreground",
-                    u ? "text-sm" : "text-[10px] sm:text-xs"
+                    f ? "text-sm" : "text-[10px] sm:text-xs"
                   ),
-                  children: [
-                    c.label,
-                    R && " (no data)"
-                  ]
-                }
-              ),
-              a && /* @__PURE__ */ _(
-                "button",
-                {
-                  type: "button",
-                  onClick: (A) => {
-                    A.stopPropagation(), a(c.label);
-                  },
-                  className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer",
-                  "aria-label": `Remove ${c.label}`,
-                  children: /* @__PURE__ */ ie(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "12",
-                      height: "12",
-                      viewBox: "0 0 24 24",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      className: "text-muted-foreground hover:text-foreground",
-                      "aria-hidden": "true",
-                      children: [
-                        /* @__PURE__ */ _("title", { children: "Close" }),
-                        /* @__PURE__ */ _("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                        /* @__PURE__ */ _("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                      ]
-                    }
-                  )
+                  children: u.label
                 }
               )
             ]
           },
-          c.label
-        );
-      })
+          u.id
+        ))
+      ]
     }
   );
 }
 export {
-  xe as DEFAULT_SERIES_COLORS,
-  Xt as Graph,
-  Mt as GraphLegend,
-  Ke as VERTICAL_LINE_LABEL_EDGE_PADDING,
-  Je as getSeriesColorPalette,
-  Lt as getStepForwardValue,
-  Vt as getVerticalLineLabelStyle,
-  Tt as getVerticalLineTooltipContent
+  to as Graph,
+  At as GraphLegend,
+  Qe as VERTICAL_LINE_LABEL_EDGE_PADDING,
+  zt as getStepForwardValue,
+  Ft as getVerticalLineLabelStyle,
+  Et as getVerticalLineTooltipContent,
+  ne as seriesIdentity,
+  Nt as visibleLogicalRangeFor
 };