@nabeeltahirdeveloper/chart-sdk 2.3.9 → 2.3.10

package/dist/chart-sdk.es.js

@@ -1,5 +1,5 @@
 import { jsx as h, jsxs as G, Fragment as ct } from "react/jsx-runtime";
-import kA, { createContext as ad, useContext as ld, useState as Pe, useRef as et, useEffect as it, useCallback as vt, useMemo as Di, forwardRef as cd, useImperativeHandle as hd } from "react";
+import kA, { createContext as ad, useContext as ld, useState as Ne, useRef as et, useEffect as it, useCallback as vt, useMemo as Di, forwardRef as cd, useImperativeHandle as hd } from "react";
 const kt = "17:00-17:00", Ot = "America/New_York", xA = "24x7", TA = "UTC", ud = {
   // Forex Major Pairs
   EURUSD: { type: "forex", sessionTZ: Ot, session: kt, priceMode: "mid" },
@@ -10648,7 +10648,7 @@ function gg() {
     // with polling-first, a failed WS upgrade invalidates the polling session on the server,
     // so subsequent polling POSTs return 400. With websocket-first, if WS fails the fallback
     // polling starts fresh with no stale session ID.
-    transports: ["websocket", "polling"],
+    // transports: ['websocket', 'polling'],
     reconnection: !0,
     reconnectionDelay: 1e3,
     reconnectionAttempts: 10,
@@ -10759,11 +10759,11 @@ const Wn = {
     symbols: "/symbols",
     trades: "/trades",
     account: "/api/user/account"
-  }, ...t }, l = t?.params || {}, [c, m] = Pe(r || "BTC/USD"), [C, T] = Pe(n || "M1"), [b, v] = Pe([]), [U, F] = Pe(!0), [M, N] = Pe([]), [W, L] = Pe(!1), [V, j] = Pe(1e5), [X, K] = Pe(null), [ee, Ae] = Pe([]), [ce, Z] = Pe(!0), [te, se] = Pe(!1), [le, ne] = Pe(!0), [he, pe] = Pe("candles"), [we, Te] = Pe(!1), [Ue, ye] = Pe("dark"), [ve, be] = Pe(!1), [Se, Ie] = Pe([]), Ze = et(null);
+  }, ...t }, l = t?.params || {}, [c, m] = Ne(r || "BTC/USD"), [C, T] = Ne(n || "M1"), [b, v] = Ne([]), [U, F] = Ne(!0), [M, N] = Ne([]), [W, L] = Ne(!1), [V, j] = Ne(1e5), [X, K] = Ne(null), [ee, Ae] = Ne([]), [ce, Z] = Ne(!0), [te, se] = Ne(!1), [le, ne] = Ne(!0), [he, pe] = Ne("candles"), [we, Te] = Ne(!1), [Ue, ye] = Ne("dark"), [ve, be] = Ne(!1), [Se, Ie] = Ne([]), Ze = et(null);
   it(() => {
     Wn.setBaseUrl(s);
   }, [s]);
-  const ze = et(/* @__PURE__ */ new Map()), Ce = et(null), Ne = 1e3, Ee = vt(async () => {
+  const ze = et(/* @__PURE__ */ new Map()), Ce = et(null), ke = 1e3, Ee = vt(async () => {
     if (A)
       try {
         const ge = localStorage.getItem("token");
@@ -10777,11 +10777,11 @@ const Wn = {
         Array.isArray(me.data) ? Me = me.data : me.data?.data && Array.isArray(me.data.data) && (Me = me.data.data);
         const Re = Me.filter((Qe) => Qe.closePrice === null || Qe.closePrice === void 0).map((Qe) => ({
           id: Qe.id,
-          ticket: Qe.id?.substring(0, 8),
+          ticket: 23,
           symbol: Qe.symbol,
           type: Qe.type,
           volume: Qe.volume,
-          price: Qe.openPrice,
+          openPrice: Qe.openPrice ?? Qe.price,
           stopLoss: Qe.stopLoss,
           takeProfit: Qe.takeProfit,
           comment: Qe.comment || "",
@@ -10801,7 +10801,7 @@ const Wn = {
       } finally {
         L(!1);
       }
-  }, [s, A]), de = vt((ge, me) => !me || !ge.price || isNaN(me) || isNaN(ge.price) ? ge.profit || 0 : (ge.type === "BUY" ? me - ge.price : ge.price - me) * ge.volume, []), ke = vt(async () => {
+  }, [s, A]), de = vt((ge, me) => !me || !ge.price || isNaN(me) || isNaN(ge.price) ? ge.profit || 0 : (ge?.type?.toUpperCase() === "BUY" ? me - ge.price : ge.price - me) * ge.volume, []), _e = vt(async () => {
     try {
       const ge = localStorage.getItem("token");
       if (!ge)
@@ -10828,11 +10828,11 @@ const Wn = {
         Array.isArray(me.data) ? Me = me.data : me.data?.data && Array.isArray(me.data.data) && (Me = me.data.data);
         const Re = Me.filter((Qe) => Qe.closePrice !== null && Qe.closePrice !== void 0).map((Qe) => ({
           id: Qe.id,
-          ticket: Qe.id?.substring(0, 8),
+          ticket: 23,
           symbol: Qe.symbol,
           type: Qe.type,
           volume: Qe.volume,
-          openPrice: Qe.openPrice,
+          openPrice: Qe.openPrice ?? Qe.price,
           closePrice: Qe.closePrice,
           stopLoss: Qe.stopLoss,
           takeProfit: Qe.takeProfit,
@@ -10866,8 +10866,8 @@ const Wn = {
     };
   }, [M, b, V, de]);
   it(() => {
-    localStorage.getItem("token") && A && (Ee(), ke(), Ye());
-  }, [Ee, ke, Ye, A]), it(() => {
+    localStorage.getItem("token") && A && (Ee(), _e(), Ye());
+  }, [Ee, _e, Ye, A]), it(() => {
     (async () => {
       try {
         F(!0);
@@ -10902,8 +10902,8 @@ const Wn = {
       let Re = !1;
       const Qe = Me.map((Ke) => {
         const Ve = me.get(Ke.symbol);
-        if (!Ve) return Ke;
-        const ft = Ke.type === "BUY" ? parseFloat(Ve.bid || 0) : parseFloat(Ve.ask || 0);
+        if (console.log("UASDSAD", Ve), !Ve) return Ke;
+        const ft = Ke.type?.toUpperCase() === "BUY" ? parseFloat(Ve.bid || 0) : parseFloat(Ve.ask || 0);
         if (!ft || isNaN(ft) || ft <= 0) return Ke;
         const yt = de(Ke, ft);
         return yt === Ke.profit ? Ke : (Re = !0, { ...Ke, profit: yt });
@@ -10916,7 +10916,7 @@ const Wn = {
     const ge = Ze.current, me = () => console.log("✅ TradingContext: Connected"), Me = () => console.log("⚠️ TradingContext: Disconnected"), Re = (Ke) => {
       Ke?.symbol && (ze.current.set(Ke.symbol, Ke), Ce.current || (Ce.current = setTimeout(() => {
         Ce.current = null, nt();
-      }, Ne)));
+      }, ke)));
     }, Qe = async (Ke) => {
       if (Ke) {
         if (Ke.newBalance !== void 0) {
@@ -10930,13 +10930,13 @@ const Wn = {
             Ve >= 0 ? "success" : "error"
           );
         }
-        Ke.tradeId && N((Ve) => Ve.filter((ft) => ft.id !== Ke.tradeId)), await Ee(), await ke();
+        Ke.tradeId && N((Ve) => Ve.filter((ft) => ft.id !== Ke.tradeId)), await Ee(), await _e();
       }
     };
     return ge.on("connect", me), ge.on("disconnect", Me), ge.on("priceUpdate", Re), ge.on("tradeClosed", Qe), () => {
       ge.off("connect", me), ge.off("disconnect", Me), ge.off("priceUpdate", Re), ge.off("tradeClosed", Qe), Ce.current && (clearTimeout(Ce.current), Ce.current = null), ze.current.clear();
     };
-  }, [nt, Ee, ke]), it(() => {
+  }, [nt, Ee, _e]), it(() => {
     try {
       const ge = document.documentElement;
       if (!ge) return;
@@ -10948,7 +10948,7 @@ const Wn = {
     bid: "0.00000",
     ask: "0.00000",
     change: 0
-  }, [b, c]), _e = Di(
+  }, [b, c]), Pe = Di(
     () => ({
       selectedSymbol: c,
       setSelectedSymbol: m,
@@ -10961,7 +10961,7 @@ const Wn = {
       setOrders: N,
       ordersLoading: W,
       fetchOrders: Ee,
-      fetchUserBalance: ke,
+      fetchUserBalance: _e,
       userBalance: V,
       setUserBalance: j,
       accountSummary: rt,
@@ -11000,7 +11000,7 @@ const Wn = {
       M,
       W,
       Ee,
-      ke,
+      _e,
       V,
       rt,
       $e,
@@ -11020,7 +11020,7 @@ const Wn = {
       Ye
     ]
   );
-  return /* @__PURE__ */ h(Ou.Provider, { value: _e, children: i });
+  return /* @__PURE__ */ h(Ou.Provider, { value: Pe, children: i });
 };
 var Ku = {
   color: void 0,
@@ -11161,7 +11161,7 @@ function Pg(i) {
   return Jt({ attr: { viewBox: "0 0 352 512" }, child: [{ tag: "path", attr: { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }, child: [] }] })(i);
 }
 const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg = ({ bidPrice: i, askPrice: e, userAccountId: t }) => {
-  const { theme: A, selectedSymbol: r, fetchOrders: n, baseUrl: s, endpoints: o } = Wt(), a = A === "light", [l, c] = Pe("0.01"), [m, C] = Pe(""), [T, b] = Pe(!1), v = a ? "bg-slate-100" : "bg-[#12161d]", U = a ? "text-slate-700" : "text-white", F = a ? "hover:bg-slate-200" : "hover:bg-[#1e2635]", M = (W) => {
+  const { theme: A, selectedSymbol: r, fetchOrders: n, baseUrl: s, endpoints: o } = Wt(), a = A === "light", [l, c] = Ne("0.01"), [m, C] = Ne(""), [T, b] = Ne(!1), v = a ? "bg-slate-100" : "bg-[#12161d]", U = a ? "text-slate-700" : "text-white", F = a ? "hover:bg-slate-200" : "hover:bg-[#1e2635]", M = (W) => {
     const L = parseFloat(l) || 0.01, V = Math.max(0.01, L + W);
     c(V.toFixed(2));
   }, N = async (W) => {
@@ -11312,20 +11312,20 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
       const Me = W.getContractSpec(ge);
       return (parseFloat(me) || 0) * (Me.contractSize || 1);
     }
-  }, L = c || W, [V, j] = Pe("0.01"), [X, K] = Pe(""), [ee, Ae] = Pe(""), [ce, Z] = Pe(""), [te, se] = Pe(!1), [le, ne] = Pe(null), [he, pe] = Pe(""), [we, Te] = Pe(t || "BUY"), [Ue, ye] = Pe(parseFloat(A) || 0), [ve, be] = Pe(parseFloat(r) || 0), [Se, Ie] = Pe("text-white"), [Ze, ze] = Pe("text-white"), Ce = et(parseFloat(A) || 0), Ne = et(parseFloat(r) || 0);
+  }, L = c || W, [V, j] = Ne("0.01"), [X, K] = Ne(""), [ee, Ae] = Ne(""), [ce, Z] = Ne(""), [te, se] = Ne(!1), [le, ne] = Ne(null), [he, pe] = Ne(""), [we, Te] = Ne(t || "BUY"), [Ue, ye] = Ne(parseFloat(A) || 0), [ve, be] = Ne(parseFloat(r) || 0), [Se, Ie] = Ne("text-white"), [Ze, ze] = Ne("text-white"), Ce = et(parseFloat(A) || 0), ke = et(parseFloat(r) || 0);
   it(() => {
     if (!i) return;
     const ge = Wn.getSocket(), me = (Re) => {
       if (!(!Re || !Re.symbol) && Re.symbol.toUpperCase() === m?.toUpperCase()) {
         const Qe = parseFloat(Re.bid) || 0, Ke = parseFloat(Re.ask) || 0;
-        Qe > 0 && (Qe > Ce.current ? (Ie("text-green-400"), setTimeout(() => Ie("text-white"), 500)) : Qe < Ce.current && Ce.current > 0 && (Ie("text-red-400"), setTimeout(() => Ie("text-white"), 500)), ye(Qe), Ce.current = Qe), Ke > 0 && (Ke > Ne.current ? (ze("text-green-400"), setTimeout(() => ze("text-white"), 500)) : Ke < Ne.current && Ne.current > 0 && (ze("text-red-400"), setTimeout(() => ze("text-white"), 500)), be(Ke), Ne.current = Ke);
+        Qe > 0 && (Qe > Ce.current ? (Ie("text-green-400"), setTimeout(() => Ie("text-white"), 500)) : Qe < Ce.current && Ce.current > 0 && (Ie("text-red-400"), setTimeout(() => Ie("text-white"), 500)), ye(Qe), Ce.current = Qe), Ke > 0 && (Ke > ke.current ? (ze("text-green-400"), setTimeout(() => ze("text-white"), 500)) : Ke < ke.current && ke.current > 0 && (ze("text-red-400"), setTimeout(() => ze("text-white"), 500)), be(Ke), ke.current = Ke);
       }
     };
     ge.on("priceUpdate", me);
     const Me = b.find((Re) => Re.symbol === m);
     if (Me) {
       const Re = parseFloat(Me.bid) || 0, Qe = parseFloat(Me.ask) || 0;
-      Re > 0 && (ye(Re), Ce.current = Re), Qe > 0 && (be(Qe), Ne.current = Qe);
+      Re > 0 && (ye(Re), Ce.current = Re), Qe > 0 && (be(Qe), ke.current = Qe);
     }
     return () => {
       ge.off("priceUpdate", me);
@@ -11334,10 +11334,10 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
     if (i) {
       j(o ? String(o) : "0.01"), K(""), Ae(""), Z(""), pe(""), Te(t || "BUY");
       const ge = parseFloat(A) || 0, me = parseFloat(r) || 0;
-      ge > 0 && (ye(ge), Ce.current = ge), me > 0 && (be(me), Ne.current = me);
+      ge > 0 && (ye(ge), Ce.current = ge), me > 0 && (be(me), ke.current = me);
     }
   }, [i, t, A, r, o]);
-  const Ee = Ue || 0, de = ve || 0, ke = (ge) => {
+  const Ee = Ue || 0, de = ve || 0, _e = (ge) => {
     const me = parseFloat(V) || 0.01, Me = Math.max(0.01, me + ge);
     j(Me.toFixed(2));
   }, Ye = (ge) => {
@@ -11505,7 +11505,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
         window.notify && window.notify(xt, "error");
       });
     }
-  }, _e = (L?.calculateVolumeUnits?.({
+  }, Pe = (L?.calculateVolumeUnits?.({
     symbol: m,
     volume: parseFloat(V) || 0
   }) ?? 0).toLocaleString("en-US", {
@@ -11586,7 +11586,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
                 }
               ),
               /* @__PURE__ */ G("span", { className: `text-sm ${N ? "text-slate-700" : "text-white"}`, children: [
-                _e,
+                Pe,
                 " ",
                 m
               ] })
@@ -11596,7 +11596,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
                 "button",
                 {
                   type: "button",
-                  onClick: () => ke(-0.01),
+                  onClick: () => _e(-0.01),
                   className: `absolute left-1 w-8 h-8 flex items-center justify-center rounded text-sm transition-colors z-10 ${N ? "bg-slate-100 hover:bg-slate-400 text-slate-700" : "bg-[#12161d] hover:bg-slate-600 text-white"}`,
                   children: "−"
                 }
@@ -11624,7 +11624,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
                 "button",
                 {
                   type: "button",
-                  onClick: () => ke(0.01),
+                  onClick: () => _e(0.01),
                   className: `absolute right-1 w-8 h-8 flex items-center justify-center rounded text-sm transition-colors z-10 ${N ? "bg-slate-100 hover:bg-slate-400 text-slate-700" : "bg-[#12161d] hover:bg-slate-600 text-white"}`,
                   children: "+"
                 }
@@ -13958,7 +13958,7 @@ function uw(i) {
   } : e;
 }
 const pw = ({ isOpen: i, onClose: e, chartObject: t, onUpdate: A }) => {
-  const { theme: r } = Wt(), s = Wg(r === "light"), [o, a] = Pe("style"), [l, c] = Pe({}), [m, C] = Pe(null), T = et(null), b = et(null);
+  const { theme: r } = Wt(), s = Wg(r === "light"), [o, a] = Ne("style"), [l, c] = Ne({}), [m, C] = Ne(null), T = et(null), b = et(null);
   it(() => {
     t && (c(uw(t)), a("style"));
   }, [t]), it(() => {
@@ -19515,9 +19515,9 @@ class yh {
                   const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, be, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
                   let Ze, ze;
                   r.statsPosition === "left" ? (Ze = ve, ze = be) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (be + Ie) / 2) : (Ze = Se, ze = Ie);
-                  const Ce = Ze - Ue / 2, Ne = ze - ye - 12 * ne;
-                  L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, Ne, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, Ne, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
-                    L.fillText(Ee, Ce + we, Ne + we + de * pe);
+                  const Ce = Ze - Ue / 2, ke = ze - ye - 12 * ne;
+                  L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, ke, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, ke, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
+                    L.fillText(Ee, Ce + we, ke + we + de * pe);
                   });
                 }
               }
@@ -19608,9 +19608,9 @@ class Gv {
                   const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, be, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
                   let Ze, ze;
                   r.statsPosition === "left" ? (Ze = ve, ze = be) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (be + Ie) / 2) : (Ze = Se, ze = Ie);
-                  const Ce = Ze - Ue / 2, Ne = ze - ye - 12 * ne;
-                  L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, Ne, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, Ne, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
-                    L.fillText(Ee, Ce + we, Ne + we + de * pe);
+                  const Ce = Ze - Ue / 2, ke = ze - ye - 12 * ne;
+                  L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, ke, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, ke, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
+                    L.fillText(Ee, Ce + we, ke + we + de * pe);
                   });
                 }
               }
@@ -19701,9 +19701,9 @@ class $v {
                   const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, be, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
                   let Ze, ze;
                   r.statsPosition === "left" ? (Ze = ve, ze = be) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (be + Ie) / 2) : (Ze = Se, ze = Ie);
-                  const Ce = Ze - Ue / 2, Ne = ze - ye - 12 * ne;
-                  L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, Ne, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, Ne, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
-                    L.fillText(Ee, Ce + we, Ne + we + de * pe);
+                  const Ce = Ze - Ue / 2, ke = ze - ye - 12 * ne;
+                  L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, ke, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, ke, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
+                    L.fillText(Ee, Ce + we, ke + we + de * pe);
                   });
                 }
               }
@@ -19794,14 +19794,14 @@ class Xv {
                   const ye = Math.min(C, T), ve = 11 * ye, be = ve * 1.5, Se = 5 * ye;
                   Z.font = ve + "px sans-serif";
                   const Ze = Te.reduce(
-                    (ke, Ye) => Math.max(ke, Z.measureText(Ye).width),
+                    (_e, Ye) => Math.max(_e, Z.measureText(Ye).width),
                     0
                   ) + Se * 2, ze = Te.length * be + Se * 2;
-                  let Ce, Ne;
-                  n.statsPosition === "left" ? (Ce = V, Ne = j) : n.statsPosition === "center" ? (Ce = (V + X) / 2, Ne = (j + K) / 2) : (Ce = X, Ne = K);
-                  const Ee = Ce - Ze / 2, de = Ne - ze - 12 * ye;
-                  Z.fillStyle = "rgba(20, 20, 30, 0.72)", Z.fillRect(Ee, de, Ze, ze), Z.strokeStyle = n.statsColor, Z.lineWidth = 1 * ye, Z.strokeRect(Ee, de, Ze, ze), Z.fillStyle = n.statsColor, Z.textBaseline = "top", Z.textAlign = "left", Te.forEach((ke, Ye) => {
-                    Z.fillText(ke, Ee + Se, de + Se + Ye * be);
+                  let Ce, ke;
+                  n.statsPosition === "left" ? (Ce = V, ke = j) : n.statsPosition === "center" ? (Ce = (V + X) / 2, ke = (j + K) / 2) : (Ce = X, ke = K);
+                  const Ee = Ce - Ze / 2, de = ke - ze - 12 * ye;
+                  Z.fillStyle = "rgba(20, 20, 30, 0.72)", Z.fillRect(Ee, de, Ze, ze), Z.strokeStyle = n.statsColor, Z.lineWidth = 1 * ye, Z.strokeRect(Ee, de, Ze, ze), Z.fillStyle = n.statsColor, Z.textBaseline = "top", Z.textAlign = "left", Te.forEach((_e, Ye) => {
+                    Z.fillText(_e, Ee + Se, de + Se + Ye * be);
                   });
                 }
               }
@@ -19920,12 +19920,12 @@ class Jv {
                 if (Ue.length > 0 && Te.push(Ue.join(", ")), Te.length > 0) {
                   const ye = Math.min(l, c), ve = 11 * ye, be = ve * 1.5, Se = 5 * ye;
                   ee.font = ve + "px sans-serif";
-                  const Ze = Te.reduce(($e, _e) => Math.max($e, ee.measureText(_e).width), 0) + Se * 2, ze = Te.length * be + Se * 2, [Ce, Ne, Ee, de] = v <= F ? [v, U, F, M] : [F, M, v, U];
-                  let ke, Ye;
-                  r.statsPosition === "left" ? (ke = Ce, Ye = Ne) : r.statsPosition === "center" ? (ke = (Ce + Ee) / 2, Ye = (Ne + de) / 2) : (ke = Ee, Ye = de);
-                  const rt = ke - Ze / 2, nt = Ye - ze - 12 * ye;
-                  ee.fillStyle = "rgba(20, 20, 30, 0.72)", ee.fillRect(rt, nt, Ze, ze), ee.strokeStyle = r.statsColor, ee.lineWidth = 1 * ye, ee.strokeRect(rt, nt, Ze, ze), ee.fillStyle = r.statsColor, ee.textBaseline = "top", ee.textAlign = "left", Te.forEach(($e, _e) => {
-                    ee.fillText($e, rt + Se, nt + Se + _e * be);
+                  const Ze = Te.reduce(($e, Pe) => Math.max($e, ee.measureText(Pe).width), 0) + Se * 2, ze = Te.length * be + Se * 2, [Ce, ke, Ee, de] = v <= F ? [v, U, F, M] : [F, M, v, U];
+                  let _e, Ye;
+                  r.statsPosition === "left" ? (_e = Ce, Ye = ke) : r.statsPosition === "center" ? (_e = (Ce + Ee) / 2, Ye = (ke + de) / 2) : (_e = Ee, Ye = de);
+                  const rt = _e - Ze / 2, nt = Ye - ze - 12 * ye;
+                  ee.fillStyle = "rgba(20, 20, 30, 0.72)", ee.fillRect(rt, nt, Ze, ze), ee.strokeStyle = r.statsColor, ee.lineWidth = 1 * ye, ee.strokeRect(rt, nt, Ze, ze), ee.fillStyle = r.statsColor, ee.textBaseline = "top", ee.textAlign = "left", Te.forEach(($e, Pe) => {
+                    ee.fillText($e, rt + Se, nt + Se + Pe * be);
                   });
                 }
               }
@@ -20142,20 +20142,20 @@ class ha {
               const W = F._chart, L = F._series;
               if (!W || !L) return;
               const V = N.horizontalPixelRatio, j = N.verticalPixelRatio, X = [F.p1, F.p3, F.p4, F.p2].map((ze) => {
-                const Ce = W.timeScale().timeToCoordinate(ze.rawTime), Ne = L.priceToCoordinate(ze.price);
-                return Ce == null || Ne == null ? null : { x: Ce * V, y: Ne * j };
+                const Ce = W.timeScale().timeToCoordinate(ze.rawTime), ke = L.priceToCoordinate(ze.price);
+                return Ce == null || ke == null ? null : { x: Ce * V, y: ke * j };
               }).filter(Boolean);
               if (X.length !== 4) return;
               const [K, ee, Ae, ce] = X, Z = N.context;
               Z.save();
               const te = ee.x - K.x, se = ee.y - K.y, le = Math.sqrt(te * te + se * se) || 1, ne = te / le, he = se / le, pe = Ae.x - ce.x, we = Ae.y - ce.y, Te = Math.sqrt(pe * pe + we * we) || 1, Ue = pe / Te, ye = we / Te, ve = 1e5, be = F.rayLeft ? { x: K.x - ne * ve, y: K.y - he * ve } : K, Se = F.rayRight ? { x: ee.x + ne * ve, y: ee.y + he * ve } : ee, Ie = F.rayLeft ? { x: ce.x - Ue * ve, y: ce.y - ye * ve } : ce, Ze = F.rayRight ? { x: Ae.x + Ue * ve, y: Ae.y + ye * ve } : Ae;
               if (F.showBackground) {
-                const ze = F.fillColor || "#6aa84f", Ce = parseInt(ze.slice(1, 3), 16), Ne = parseInt(ze.slice(3, 5), 16), Ee = parseInt(ze.slice(5, 7), 16);
-                Z.beginPath(), Z.moveTo(K.x, K.y), Z.lineTo(ee.x, ee.y), Z.lineTo(Ae.x, Ae.y), Z.lineTo(ce.x, ce.y), Z.closePath(), Z.fillStyle = `rgba(${Ce},${Ne},${Ee},${F.fillOpacity ?? 0.1})`, Z.fill();
+                const ze = F.fillColor || "#6aa84f", Ce = parseInt(ze.slice(1, 3), 16), ke = parseInt(ze.slice(3, 5), 16), Ee = parseInt(ze.slice(5, 7), 16);
+                Z.beginPath(), Z.moveTo(K.x, K.y), Z.lineTo(ee.x, ee.y), Z.lineTo(Ae.x, Ae.y), Z.lineTo(ce.x, ce.y), Z.closePath(), Z.fillStyle = `rgba(${Ce},${ke},${Ee},${F.fillOpacity ?? 0.1})`, Z.fill();
               }
               if (Z.strokeStyle = F.lineColor, Z.lineWidth = F.lineWidth * j, Z.setLineDash([]), Z.beginPath(), Z.moveTo(be.x, be.y), Z.lineTo(Se.x, Se.y), Z.moveTo(Ie.x, Ie.y), Z.lineTo(Ze.x, Ze.y), Z.moveTo(K.x, K.y), Z.lineTo(ce.x, ce.y), Z.moveTo(ee.x, ee.y), Z.lineTo(Ae.x, Ae.y), Z.stroke(), F.arrowLeft || F.arrowRight) {
-                const ze = 8 * j, Ce = (Ne, Ee, de) => {
-                  Z.save(), Z.translate(Ne, Ee), Z.rotate(de), Z.beginPath(), Z.moveTo(0, 0), Z.lineTo(-ze, -ze / 2), Z.lineTo(-ze, ze / 2), Z.closePath(), Z.fillStyle = F.lineColor, Z.fill(), Z.restore();
+                const ze = 8 * j, Ce = (ke, Ee, de) => {
+                  Z.save(), Z.translate(ke, Ee), Z.rotate(de), Z.beginPath(), Z.moveTo(0, 0), Z.lineTo(-ze, -ze / 2), Z.lineTo(-ze, ze / 2), Z.closePath(), Z.fillStyle = F.lineColor, Z.fill(), Z.restore();
                 };
                 F.arrowLeft && (Ce(be.x, be.y, Math.atan2(-he, -ne)), Ce(Ie.x, Ie.y, Math.atan2(-ye, -Ue))), F.arrowRight && (Ce(Se.x, Se.y, Math.atan2(he, ne)), Ce(Ze.x, Ze.y, Math.atan2(ye, Ue)));
               }
@@ -20163,9 +20163,9 @@ class ha {
                 Z.beginPath(), Z.arc(ze.x, ze.y, 6 * j, 0, Math.PI * 2), Z.fill(), Z.stroke();
               }), F.showPrices) {
                 const ze = [F.p1, F.p3, F.p2, F.p4], Ce = [K, ee, ce, Ae];
-                Z.fillStyle = F.pricesColor || F.lineColor, Z.font = `${Math.round(10 * j)}px sans-serif`, Z.textAlign = "left", Z.textBaseline = "middle", Ce.forEach((Ne, Ee) => {
+                Z.fillStyle = F.pricesColor || F.lineColor, Z.font = `${Math.round(10 * j)}px sans-serif`, Z.textAlign = "left", Z.textBaseline = "middle", Ce.forEach((ke, Ee) => {
                   const de = ze[Ee]?.price;
-                  typeof de == "number" && Z.fillText(de.toFixed(5), Ne.x + 8 * V, Ne.y);
+                  typeof de == "number" && Z.fillText(de.toFixed(5), ke.x + 8 * V, ke.y);
                 });
               }
               Z.restore();
@@ -20791,7 +20791,7 @@ const nT = cd(function({
   onBuyClick: r,
   onSellClick: n
 }, s) {
-  const o = et(null), a = et(null), l = et(null), c = et(null), m = et(null), C = et(null), T = et([]), b = et(!1), v = et(null), U = et(null), F = et(null), M = et(null), N = et([]), [W, L] = Pe(null), [V, j] = Pe(null), [X, K] = Pe([]), [ee, Ae] = Pe(null), [ce, Z] = Pe([]), te = et(null), se = et(null), le = et(null), ne = et(!1), he = et(!1);
+  const o = et(null), a = et(null), l = et(null), c = et(null), m = et(null), C = et(null), T = et([]), b = et(!1), v = et(null), U = et(null), F = et(null), M = et(null), N = et([]), [W, L] = Ne(null), [V, j] = Ne(null), [X, K] = Ne([]), [ee, Ae] = Ne(null), [ce, Z] = Ne([]), te = et(null), se = et(null), le = et(null), ne = et(!1), he = et(!1);
   it(() => {
     le.current = W;
     let p = !1;
@@ -20816,17 +20816,17 @@ const nT = cd(function({
     snapToGrid: Ze,
     chartObjects: ze,
     setChartObjects: Ce,
-    orders: Ne,
+    orders: ke,
     selectedSymbol: Ee,
     selectedTimeframe: de,
-    drawingsVisible: ke,
+    drawingsVisible: _e,
     chartType: Ye,
     chartLocked: rt,
     theme: nt,
     baseUrl: $e,
-    endpoints: _e,
+    endpoints: Pe,
     endpointParams: ge
-  } = Wt(), me = et([]), [Me, Re] = Pe(!1), [Qe, Ke] = Pe(null), [Ve, ft] = Pe([]), [yt, It] = Pe(!0), [Gi, kr] = Pe(null), [ri, Or] = Pe(0), Rt = Di(() => {
+  } = Wt(), me = et([]), [Me, Re] = Ne(!1), [Qe, Ke] = Ne(null), [Ve, ft] = Ne([]), [yt, It] = Ne(!0), [Gi, kr] = Ne(null), [ri, Or] = Ne(0), Rt = Di(() => {
     const p = Ve.map((d) => q(d?.time)).filter((d) => Number.isFinite(d));
     return p.sort((d, k) => d - k), p;
   }, [Ve]), xt = et(null), Lt = et(/* @__PURE__ */ new Map());
@@ -21688,7 +21688,7 @@ const nT = cd(function({
             c.current.setData([]);
           } catch {
           }
-        const d = Zp(de), k = rx(de, d), xe = $e || Nv?.VITE_BASE_URL || "http://localhost:5002", E = _e?.candles || "/api/chart/candles", y = ge?.candles || {}, Y = {
+        const d = Zp(de), k = rx(de, d), xe = $e || Nv?.VITE_BASE_URL || "http://localhost:5002", E = Pe?.candles || "/api/chart/candles", y = ge?.candles || {}, Y = {
           symbol: y.symbol || "symbol",
           timeframe: y.timeframe || "timeframe",
           limit: y.limit || "limit",
@@ -26242,10 +26242,10 @@ const nT = cd(function({
     }), p && l.current?.applyOptions({});
   }, [W, ee]), it(() => {
     !l.current || !c.current || T.current.forEach((p) => {
-      if (p.series && p.series.applyOptions({ visible: ke }), p.priceLine) {
-        const d = ke && p.showPrice !== !1;
+      if (p.series && p.series.applyOptions({ visible: _e }), p.priceLine) {
+        const d = _e && p.showPrice !== !1;
         p.priceLine.applyOptions(
-          ke ? {
+          _e ? {
             color: p.lineColor ?? "#3b82f6",
             axisLabelVisible: d,
             title: d && typeof p.price == "number" ? p.price.toFixed(5) : ""
@@ -26257,30 +26257,30 @@ const nT = cd(function({
         );
       }
       if (p.type === "fibonacci" && p.primitive) {
-        p.primitive.visible = ke;
+        p.primitive.visible = _e;
         try {
           l.current?.applyOptions({});
         } catch {
         }
       }
       if (p.type === "rectangle" && p.primitive) {
-        p.primitive.visible = ke;
+        p.primitive.visible = _e;
         try {
           l.current?.applyOptions({});
         } catch {
         }
       }
-      if (p.type === "parallellines" && (p.baseLine && p.baseLine.applyOptions({ visible: ke }), p.parallelLine && p.parallelLine.applyOptions({ visible: ke }), p.firstLine && p.firstLine.applyOptions({ visible: ke }), p.secondLine && p.secondLine.applyOptions({ visible: ke })), (p.type === "horizontalray" || p.type === "verticalline" || p.type === "infoline" || p.type === "rulerline" || p.type === "arrowedline" || p.type === "rayline" || p.type === "extendedline" || p.type === "crossline" || p.type === "trendbyangle" || p.type === "equidistantchannel" || p.type === "regressionchannel" || p.type === "stddevchannel" || p.type === "gannfan" || p.type === "ganngrid" || p.type === "andrewspitchfork" || p.type === "disjointchannel" || p.type === "flattopbottom" || p.type === "circle" || p.type === "triangle" || p.type === "ellipse" || p.type === "text") && p.primitive) {
-        p.primitive.visible = ke;
+      if (p.type === "parallellines" && (p.baseLine && p.baseLine.applyOptions({ visible: _e }), p.parallelLine && p.parallelLine.applyOptions({ visible: _e }), p.firstLine && p.firstLine.applyOptions({ visible: _e }), p.secondLine && p.secondLine.applyOptions({ visible: _e })), (p.type === "horizontalray" || p.type === "verticalline" || p.type === "infoline" || p.type === "rulerline" || p.type === "arrowedline" || p.type === "rayline" || p.type === "extendedline" || p.type === "crossline" || p.type === "trendbyangle" || p.type === "equidistantchannel" || p.type === "regressionchannel" || p.type === "stddevchannel" || p.type === "gannfan" || p.type === "ganngrid" || p.type === "andrewspitchfork" || p.type === "disjointchannel" || p.type === "flattopbottom" || p.type === "circle" || p.type === "triangle" || p.type === "ellipse" || p.type === "text") && p.primitive) {
+        p.primitive.visible = _e;
         try {
           l.current?.applyOptions({});
         } catch {
         }
       }
     });
-  }, [ke, ze]), it(() => {
-    !ke && W && (L(null), K([]));
-  }, [ke, W]), it(() => {
+  }, [_e, ze]), it(() => {
+    !_e && W && (L(null), K([]));
+  }, [_e, W]), it(() => {
     if (T.current.length > ze.length) {
       const p = T.current.filter(
         (d, k) => !ze.includes(d)
@@ -26420,7 +26420,7 @@ const nT = cd(function({
         p.removePriceLine(k);
       } catch {
       }
-    }), me.current = [], Ne.filter((k) => k.symbol === Ee).forEach((k) => {
+    }), me.current = [], ke.filter((k) => k.symbol === Ee).forEach((k) => {
       const xe = parseFloat(k.price);
       if (isNaN(xe)) return;
       const y = k.type === "BUY" ? "#26A69A" : "#EF5350", Y = p.createPriceLine({
@@ -26442,7 +26442,7 @@ const nT = cd(function({
         }
       }), me.current = [];
     }) : void 0;
-  }, [Ne, Ee]), it(() => {
+  }, [ke, Ee]), it(() => {
     const p = o.current;
     if (!p) return;
     const d = (k) => {
@@ -26503,7 +26503,7 @@ const nT = cd(function({
       p.removeEventListener("dblclick", d, !0);
     };
   }, [Ve, de]);
-  const Wa = W ?? ee, Ga = W ? X : ce, td = ke && lx(Wa, Ga), Ad = cx(Wa?.type);
+  const Wa = W ?? ee, Ga = W ? X : ce, td = _e && lx(Wa, Ga), Ad = cx(Wa?.type);
   it(() => {
     const p = o.current, d = a.current;
     if (!p || !d) return;
@@ -26845,7 +26845,7 @@ const nT = cd(function({
   }
 };
 function fx({ style: i, className: e }) {
-  const { selectedSymbol: t, setSelectedSymbol: A, symbols: r, symbolsLoading: n } = Wt(), [s, o] = Pe(!1), [a, l] = Pe(""), [c, m] = Pe(-1), C = et(null), T = et(null);
+  const { selectedSymbol: t, setSelectedSymbol: A, symbols: r, symbolsLoading: n } = Wt(), [s, o] = Ne(!1), [a, l] = Ne(""), [c, m] = Ne(-1), C = et(null), T = et(null);
   it(() => {
     const M = (N) => {
       C.current && !C.current.contains(N.target) && (o(!1), l(""));
@@ -27042,7 +27042,7 @@ function gx({
   style: l,
   className: c
 }) {
-  const [m, C] = Pe(0.1), T = i !== void 0 ? i : m, b = vt(
+  const [m, C] = Ne(0.1), T = i !== void 0 ? i : m, b = vt(
     (M) => {
       const N = Math.max(t, Math.min(A, parseFloat(M) || t)), W = Math.round(N / r) * r, L = parseFloat(W.toFixed(8));
       i !== void 0 || C(L), e?.(L);
@@ -27206,7 +27206,7 @@ function wx({
   style: c,
   className: m
 }) {
-  const { currentSymbolData: C } = Wt(), [T, b] = Pe(""), [v, U] = Pe(!1), [F, M] = Pe("price"), N = i !== void 0 ? i : T, W = t !== void 0 ? t : v, L = r !== void 0 ? r : F, V = vt(
+  const { currentSymbolData: C } = Wt(), [T, b] = Ne(""), [v, U] = Ne(!1), [F, M] = Ne("price"), N = i !== void 0 ? i : T, W = t !== void 0 ? t : v, L = r !== void 0 ? r : F, V = vt(
     (Ae) => {
       t !== void 0 || U(Ae), A?.(Ae);
     },
@@ -27387,7 +27387,7 @@ function Bx({
   style: c,
   className: m
 }) {
-  const { currentSymbolData: C } = Wt(), [T, b] = Pe(""), [v, U] = Pe(!1), [F, M] = Pe("price"), N = i !== void 0 ? i : T, W = t !== void 0 ? t : v, L = r !== void 0 ? r : F, V = vt(
+  const { currentSymbolData: C } = Wt(), [T, b] = Ne(""), [v, U] = Ne(!1), [F, M] = Ne("price"), N = i !== void 0 ? i : T, W = t !== void 0 ? t : v, L = r !== void 0 ? r : F, V = vt(
     (Ae) => {
       t !== void 0 || U(Ae), A?.(Ae);
     },
@@ -27948,7 +27948,7 @@ const $t = {
   }
 };
 function lT({ volume: i = 0.1, stopLoss: e, takeProfit: t, onTradeExecuted: A, style: r, className: n }) {
-  const { selectedSymbol: s, currentSymbolData: o, setOrders: a, setUserBalance: l } = Wt(), [c, m] = Pe(null), C = parseFloat(o?.bid || 0), T = parseFloat(o?.ask || 0), b = T > 0 && C > 0 ? Math.abs(T - C) : 0, v = (M) => !M || M === 0 ? "-.-----" : M >= 1e3 ? M.toFixed(2) : M >= 1 ? M.toFixed(4) : M.toFixed(5), U = (M) => M === 0 ? "-" : M >= 1 ? M.toFixed(1) : M >= 0.01 ? M.toFixed(3) : (M * 1e4).toFixed(1) + "p", F = vt(
+  const { selectedSymbol: s, currentSymbolData: o, setOrders: a, setUserBalance: l } = Wt(), [c, m] = Ne(null), C = parseFloat(o?.bid || 0), T = parseFloat(o?.ask || 0), b = T > 0 && C > 0 ? Math.abs(T - C) : 0, v = (M) => !M || M === 0 ? "-.-----" : M >= 1e3 ? M.toFixed(2) : M >= 1 ? M.toFixed(4) : M.toFixed(5), U = (M) => M === 0 ? "-" : M >= 1 ? M.toFixed(1) : M >= 0.01 ? M.toFixed(3) : (M * 1e4).toFixed(1) + "p", F = vt(
     (M) => {
       if (!s) return;
       const N = M === "BUY" ? T : C;
@@ -28139,7 +28139,7 @@ const tt = {
   }
 };
 function cT({ style: i, className: e, maxHeight: t = 200 }) {
-  const { orders: A, setOrders: r, symbols: n, accountSummary: s, setUserBalance: o } = Wt(), [a, l] = Pe(null), c = A.filter((v) => v.status === "OPEN" || !v.closeAt), m = vt(
+  const { orders: A, setOrders: r, symbols: n, accountSummary: s, setUserBalance: o } = Wt(), [a, l] = Ne(null), c = A.filter((v) => v.status === "OPEN" || !v.closeAt), m = vt(
     (v, U) => {
       const F = n.find((M) => M.symbol === v);
       return F ? parseFloat(U === "BUY" ? F.bid || 0 : F.ask || 0) : 0;
@@ -29147,13 +29147,13 @@ const hT = ({
     theme: v,
     setTheme: U,
     setIsShow: F
-  } = Wt(), [M, N] = Pe(!1), [W, L] = Pe(null), [V, j] = Pe(null), [X, K] = Pe(0), [ee, Ae] = Pe(!1), [ce, Z] = Pe(0), [te, se] = Pe(!1), [le, ne] = Pe(0), [he, pe] = Pe(!1), [we, Te] = Pe(0), [Ue, ye] = Pe(!1), [ve, be] = Pe({
+  } = Wt(), [M, N] = Ne(!1), [W, L] = Ne(null), [V, j] = Ne(null), [X, K] = Ne(0), [ee, Ae] = Ne(!1), [ce, Z] = Ne(0), [te, se] = Ne(!1), [le, ne] = Ne(0), [he, pe] = Ne(!1), [we, Te] = Ne(0), [Ue, ye] = Ne(!1), [ve, be] = Ne({
     chart: "Grid",
     colors: "Green & Red",
     lang: "English"
-  }), Se = et(null), Ie = et(null), Ze = et(null), ze = et(null), Ce = et(null), Ne = et(null);
+  }), Se = et(null), Ie = et(null), Ze = et(null), ze = et(null), Ce = et(null), ke = et(null);
   it(() => {
-    const _e = (ge) => {
+    const Pe = (ge) => {
       const me = Se.current;
       M && me && !me.contains(ge.target) && (N(!1), L(null));
       const Me = Ie.current;
@@ -29165,12 +29165,12 @@ const hT = ({
       const Ke = Ce.current;
       V === "shape" && Ke && !Ke.contains(ge.target) && j(null);
     };
-    return window.addEventListener("mousedown", _e), () => window.removeEventListener("mousedown", _e);
+    return window.addEventListener("mousedown", Pe), () => window.removeEventListener("mousedown", Pe);
   }, [M, V]), it(() => {
-    const _e = (ge) => {
+    const Pe = (ge) => {
       ge.key === "Escape" && (N(!1), L(null), j(null));
     };
-    return window.addEventListener("keydown", _e), () => window.removeEventListener("keydown", _e);
+    return window.addEventListener("keydown", Pe), () => window.removeEventListener("keydown", Pe);
   }, []);
   const Ee = Di(
     () => [
@@ -29481,8 +29481,8 @@ const hT = ({
       }
     ],
     []
-  ), de = (_e) => {
-    const ge = Ee[_e].label;
+  ), de = (Pe) => {
+    const ge = Ee[Pe].label;
     if (ge === "Menu") {
       N((me) => !me), L(null);
       return;
@@ -29492,7 +29492,7 @@ const hT = ({
       return;
     }
     if (ge === "Magnet") {
-      a(!o), r(o ? null : _e);
+      a(!o), r(o ? null : Pe);
       return;
     }
     if (ge === "Delete") {
@@ -29518,10 +29518,10 @@ const hT = ({
       F(!0);
       return;
     }
-    r(A === _e ? null : _e);
+    r(A === Pe ? null : Pe);
   };
   Ee.slice(0, 12);
-  const ke = Ee.slice(12), Ye = [0, 1, 2, 3, "gann", 5, 4, 6, 7, 8, 9, 10, 11], rt = [
+  const _e = Ee.slice(12), Ye = [0, 1, 2, 3, "gann", 5, 4, 6, 7, 8, 9, 10, 11], rt = [
     {
       key: "accounts",
       label: "Trading accounts",
@@ -30546,17 +30546,17 @@ const hT = ({
         }
       )
     }
-  ], nt = ({ item: _e }) => {
-    const ge = !!_e.submenu?.length;
+  ], nt = ({ item: Pe }) => {
+    const ge = !!Pe.submenu?.length;
     return /* @__PURE__ */ G(
       "div",
       {
         className: "relative",
         onMouseEnter: () => {
-          Ne.current && (clearTimeout(Ne.current), Ne.current = null), ge && L(_e.key);
+          ke.current && (clearTimeout(ke.current), ke.current = null), ge && L(Pe.key);
         },
         onMouseLeave: () => {
-          ge && (Ne.current = setTimeout(() => L(null), 120));
+          ge && (ke.current = setTimeout(() => L(null), 120));
         },
         children: [
           /* @__PURE__ */ G(
@@ -30564,7 +30564,7 @@ const hT = ({
             {
               type: "button",
               onClick: () => {
-                ge ? L((me) => me === _e.key ? null : _e.key) : (_e.key === "theme" && U((me) => me === "light" ? "dark" : "light"), N(!1), L(null));
+                ge ? L((me) => me === Pe.key ? null : Pe.key) : (Pe.key === "theme" && U((me) => me === "light" ? "dark" : "light"), N(!1), L(null));
               },
               className: `w-full flex items-center gap-3 px-4 py-2.5 text-left text-[13px] ${$e ? "text-slate-700 hover:bg-slate-100" : "text-slate-200 hover:bg-[#202933]"}`,
               children: [
@@ -30572,15 +30572,15 @@ const hT = ({
                   "span",
                   {
                     className: `w-5 h-5 flex shrink-0 items-center justify-center ${$e ? "text-slate-500" : "text-slate-400"}`,
-                    children: _e.icon
+                    children: Pe.icon
                   }
                 ),
-                /* @__PURE__ */ h("span", { className: "flex-1 text-[15px]", children: _e.label }),
-                _e.rightText && /* @__PURE__ */ h(
+                /* @__PURE__ */ h("span", { className: "flex-1 text-[15px]", children: Pe.label }),
+                Pe.rightText && /* @__PURE__ */ h(
                   "span",
                   {
                     className: `text-xs ${$e ? "text-slate-500" : "text-slate-400"}`,
-                    children: _e.rightText
+                    children: Pe.rightText
                   }
                 ),
                 ge && /* @__PURE__ */ h(
@@ -30605,12 +30605,12 @@ const hT = ({
               ]
             }
           ),
-          ge && W === _e.key && /* @__PURE__ */ h(
+          ge && W === Pe.key && /* @__PURE__ */ h(
             "div",
             {
               className: `absolute top-0 left-full ml-0 w-52 min-w-44 rounded-md shadow-2xl overflow-hidden z-100 border ${$e ? "bg-white border-slate-200" : "bg-[#262F3F] border-white/10"}`,
-              children: /* @__PURE__ */ h("div", { className: "py-1", children: _e.submenu.map((me, Me) => {
-                const Re = ve[_e.key] === me.label || me.selected && ve[_e.key] == null;
+              children: /* @__PURE__ */ h("div", { className: "py-1", children: Pe.submenu.map((me, Me) => {
+                const Re = ve[Pe.key] === me.label || me.selected && ve[Pe.key] == null;
                 return /* @__PURE__ */ G(
                   "button",
                   {
@@ -30618,7 +30618,7 @@ const hT = ({
                     onClick: () => {
                       be((Qe) => ({
                         ...Qe,
-                        [_e.key]: me.label
+                        [Pe.key]: me.label
                       }));
                     },
                     className: `w-full flex items-center gap-3 pl-3 pr-3 py-2 text-[13px] text-left ${$e ? "text-slate-700 hover:bg-slate-100" : "text-slate-200 hover:bg-[#202933]"}`,
@@ -30667,8 +30667,8 @@ const hT = ({
       {
         className: `w-12 flex flex-col items-center py-3 h-full border-r ${$e ? "bg-white border-slate-200" : "bg-[#12161d] border-slate-700"}`,
         children: [
-          /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-2", children: Ye.map((_e, ge) => {
-            const me = _e === "gann", Me = me ? null : Ee[_e], Re = me ? -1 : _e;
+          /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-2", children: Ye.map((Pe, ge) => {
+            const me = Pe === "gann", Me = me ? null : Ee[Pe], Re = me ? -1 : Pe;
             return /* @__PURE__ */ G(
               kA.Fragment,
               {
@@ -30923,35 +30923,35 @@ const hT = ({
                   )
                 ]
               },
-              me ? "gann-slot" : `${Me.label}-${_e}`
+              me ? "gann-slot" : `${Me.label}-${Pe}`
             );
           }) }),
           /* @__PURE__ */ h("div", { className: "flex-1" }),
-          /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-2 pb-1", children: ke.map((_e, ge) => {
+          /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-2 pb-1", children: _e.map((Pe, ge) => {
             const me = 12 + ge;
             return /* @__PURE__ */ h(
               "button",
               {
                 onClick: () => de(me),
                 className: `w-10 h-10 flex items-center justify-center transition-colors duration-150
-                  ${_e.label === "Grid" && n || _e.label === "Eye" && !m || _e.label === "Lock" && T || A === me ? $e ? "text-sky-600 hover:bg-sky-100" : "text-sky-300 hover:bg-slate-700" : $e ? "text-slate-600 hover:bg-sky-100" : "text-slate-400 hover:bg-slate-700"}`,
-                title: `${_e.label}: ${_e.description}`,
-                children: _e.icon
+                  ${Pe.label === "Grid" && n || Pe.label === "Eye" && !m || Pe.label === "Lock" && T || A === me ? $e ? "text-sky-600 hover:bg-sky-100" : "text-sky-300 hover:bg-slate-700" : $e ? "text-slate-600 hover:bg-sky-100" : "text-slate-400 hover:bg-slate-700"}`,
+                title: `${Pe.label}: ${Pe.description}`,
+                children: Pe.icon
               },
-              _e.label
+              Pe.label
             );
           }) })
         ]
       }
     ),
-    V === "line" && /* @__PURE__ */ h(Un, { top: 84, panelRef: Ie, isLight: $e, children: Ar.map((_e, ge) => {
+    V === "line" && /* @__PURE__ */ h(Un, { top: 84, panelRef: Ie, isLight: $e, children: Ar.map((Pe, ge) => {
       const me = X === ge;
       return /* @__PURE__ */ G(
         "button",
         {
           type: "button",
           onMouseDown: (Me) => {
-            Me.stopPropagation(), K(ge), r(_e.toolId), j(null);
+            Me.stopPropagation(), K(ge), r(Pe.toolId), j(null);
           },
           className: `w-full flex items-center gap-3 px-4 py-2.5 text-[13px] text-left ${$e ? "text-slate-700 hover:bg-slate-100" : "text-slate-200 hover:bg-[#202933]"}`,
           children: [
@@ -30959,10 +30959,10 @@ const hT = ({
               "span",
               {
                 className: `w-5 h-5 flex shrink-0 items-center justify-center ${$e ? "text-slate-500" : "text-slate-400"}`,
-                children: _e.icon
+                children: Pe.icon
               }
             ),
-            /* @__PURE__ */ h("span", { className: "flex-1", children: _e.label }),
+            /* @__PURE__ */ h("span", { className: "flex-1", children: Pe.label }),
             me && /* @__PURE__ */ h("span", { className: "w-4 h-4 flex shrink-0 items-center justify-center text-emerald-400", children: /* @__PURE__ */ h(
               "svg",
               {
@@ -30983,17 +30983,17 @@ const hT = ({
             ) })
           ]
         },
-        _e.toolId
+        Pe.toolId
       );
     }) }),
-    V === "channel" && /* @__PURE__ */ h(Un, { top: 128, panelRef: Ze, isLight: $e, children: ir.map((_e, ge) => {
+    V === "channel" && /* @__PURE__ */ h(Un, { top: 128, panelRef: Ze, isLight: $e, children: ir.map((Pe, ge) => {
       const me = ce === ge;
       return /* @__PURE__ */ G(
         "button",
         {
           type: "button",
           onMouseDown: (Me) => {
-            Me.stopPropagation(), Z(ge), r(_e.toolId), j(null);
+            Me.stopPropagation(), Z(ge), r(Pe.toolId), j(null);
           },
           className: `w-full flex items-center gap-3 px-4 py-2.5 text-[13px] text-left ${$e ? "text-slate-700 hover:bg-slate-100" : "text-slate-200 hover:bg-[#202933]"}`,
           children: [
@@ -31001,10 +31001,10 @@ const hT = ({
               "span",
               {
                 className: `w-5 h-5 flex shrink-0 items-center justify-center ${$e ? "text-slate-500" : "text-slate-400"}`,
-                children: _e.icon
+                children: Pe.icon
               }
             ),
-            /* @__PURE__ */ h("span", { className: "flex-1", children: _e.label }),
+            /* @__PURE__ */ h("span", { className: "flex-1", children: Pe.label }),
             me && /* @__PURE__ */ h("span", { className: "w-4 h-4 flex shrink-0 items-center justify-center text-emerald-400", children: /* @__PURE__ */ h(
               "svg",
               {
@@ -31025,17 +31025,17 @@ const hT = ({
             ) })
           ]
         },
-        _e.toolId
+        Pe.toolId
       );
     }) }),
-    V === "gann" && /* @__PURE__ */ h(Un, { top: 210, panelRef: ze, isLight: $e, children: rr.map((_e, ge) => {
+    V === "gann" && /* @__PURE__ */ h(Un, { top: 210, panelRef: ze, isLight: $e, children: rr.map((Pe, ge) => {
       const me = le === ge;
       return /* @__PURE__ */ G(
         "button",
         {
           type: "button",
           onMouseDown: (Me) => {
-            Me.stopPropagation(), ne(ge), r(_e.toolId), j(null);
+            Me.stopPropagation(), ne(ge), r(Pe.toolId), j(null);
           },
           className: `w-full flex items-center gap-3 px-4 py-2.5 text-[13px] text-left ${$e ? "text-slate-700 hover:bg-slate-100" : "text-slate-200 hover:bg-[#202933]"}`,
           children: [
@@ -31043,10 +31043,10 @@ const hT = ({
               "span",
               {
                 className: `w-5 h-5 flex shrink-0 items-center justify-center ${$e ? "text-slate-500" : "text-slate-400"}`,
-                children: _e.icon
+                children: Pe.icon
               }
             ),
-            /* @__PURE__ */ h("span", { className: "flex-1", children: _e.label }),
+            /* @__PURE__ */ h("span", { className: "flex-1", children: Pe.label }),
             me && /* @__PURE__ */ h("span", { className: "w-4 h-4 flex shrink-0 items-center justify-center text-emerald-400", children: /* @__PURE__ */ h(
               "svg",
               {
@@ -31067,17 +31067,17 @@ const hT = ({
             ) })
           ]
         },
-        _e.toolId
+        Pe.toolId
       );
     }) }),
-    V === "shape" && /* @__PURE__ */ h(Un, { top: 250, panelRef: Ce, isLight: $e, children: nr.map((_e, ge) => {
+    V === "shape" && /* @__PURE__ */ h(Un, { top: 250, panelRef: Ce, isLight: $e, children: nr.map((Pe, ge) => {
       const me = we === ge;
       return /* @__PURE__ */ G(
         "button",
         {
           type: "button",
           onMouseDown: (Me) => {
-            Me.stopPropagation(), Te(ge), r(_e.toolId), j(null);
+            Me.stopPropagation(), Te(ge), r(Pe.toolId), j(null);
           },
           className: `w-full flex items-center gap-3 px-4 py-2.5 text-[13px] text-left ${$e ? "text-slate-700 hover:bg-slate-100" : "text-slate-200 hover:bg-[#202933]"}`,
           children: [
@@ -31085,10 +31085,10 @@ const hT = ({
               "span",
               {
                 className: `w-5 h-5 flex shrink-0 items-center justify-center ${$e ? "text-slate-500" : "text-slate-400"}`,
-                children: _e.icon
+                children: Pe.icon
               }
             ),
-            /* @__PURE__ */ h("span", { className: "flex-1", children: _e.label }),
+            /* @__PURE__ */ h("span", { className: "flex-1", children: Pe.label }),
             me && /* @__PURE__ */ h("span", { className: "w-4 h-4 flex shrink-0 items-center justify-center text-emerald-400", children: /* @__PURE__ */ h(
               "svg",
               {
@@ -31109,7 +31109,7 @@ const hT = ({
             ) })
           ]
         },
-        _e.toolId
+        Pe.toolId
       );
     }) }),
     M && /* @__PURE__ */ G(ct, { children: [
@@ -31151,7 +31151,7 @@ const hT = ({
                 ]
               }
             ),
-            /* @__PURE__ */ h("div", { className: "py-2", children: rt.map((_e) => /* @__PURE__ */ h(nt, { item: _e }, _e.key)) })
+            /* @__PURE__ */ h("div", { className: "py-2", children: rt.map((Pe) => /* @__PURE__ */ h(nt, { item: Pe }, Pe.key)) })
           ]
         }
       )
@@ -31169,7 +31169,7 @@ const pT = ({
   symbolsLoading: r = !1,
   isOpen: n
 }) => {
-  const { theme: s } = Wt(), o = s === "light", [a, l] = Pe(""), c = e.filter(
+  const { theme: s } = Wt(), o = s === "light", [a, l] = Ne(""), c = e.filter(
     (T) => T.symbol.toLowerCase().includes(a.toLowerCase())
   ), m = c.filter((T) => !T.symbol.toUpperCase().endsWith("USDT")), C = c.filter((T) => T.symbol.toUpperCase().endsWith("USDT"));
   return /* @__PURE__ */ G(ct, { children: [
@@ -31415,34 +31415,34 @@ const pT = ({
     setIsShow: l,
     historyOrders: c,
     fetchHistoryOrders: m
-  } = Wt(), C = i || n, T = e || s, b = c || [], v = o === "light", U = a ? "history" : "trade";
+  } = Wt(), C = i || n, T = e?.length > 0 ? e : s, b = c || [], v = o === "light", U = a ? "history" : "trade";
   it(() => {
     a && m && m();
   }, [a, m]);
-  const F = "#26A69A", M = "#EF5350", N = v ? "#f8fafc" : "#12161D", W = v ? "#e2e8f0" : "#1e293b", L = v ? "#f1f5f9" : "#12161D", V = v ? "#F0F5F9" : "#2B3543", j = v ? "#f8fafc" : "#131c2e", X = v ? "#12161D" : "#fff", K = v ? "#64748b" : "#fff", ee = (T || []).filter((de) => de.status === "OPEN" || !de.closeAt), Ae = C?.balance || 0, ce = C?.equity ?? Ae, Z = C?.margin || 0, te = C?.freeMargin ?? ce - Z, se = Z > 0 ? ce / Z * 100 : 0, le = ee.reduce((de, ke) => de + (ke.livePnL ?? ke.profit ?? 0), 0), ne = (de) => {
-    const ke = parseFloat(de);
-    return Number.isFinite(ke) ? ke.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : "0.00";
+  const F = "#26A69A", M = "#EF5350", N = v ? "#f8fafc" : "#12161D", W = v ? "#e2e8f0" : "#1e293b", L = v ? "#f1f5f9" : "#12161D", V = v ? "#F0F5F9" : "#2B3543", j = v ? "#f8fafc" : "#131c2e", X = v ? "#12161D" : "#fff", K = v ? "#64748b" : "#fff", ee = (T || []).filter((de) => de.status === "OPEN" || !de.closeAt), Ae = C?.balance || 0, ce = C?.equity ?? Ae, Z = C?.margin || 0, te = C?.freeMargin ?? ce - Z, se = Z > 0 ? ce / Z * 100 : 0, le = ee.reduce((de, _e) => de + (_e.livePnL ?? _e.profit ?? 0), 0), ne = (de) => {
+    const _e = parseFloat(de);
+    return Number.isFinite(_e) ? _e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : "0.00";
   }, he = (de) => {
-    const ke = parseFloat(de);
-    return !ke || isNaN(ke) ? "—" : ke >= 1e4 ? ke.toFixed(2) : ke >= 10 ? ke.toFixed(4) : ke.toFixed(5);
+    const _e = parseFloat(de);
+    return !_e || isNaN(_e) ? "—" : _e >= 1e4 ? _e.toFixed(2) : _e >= 10 ? _e.toFixed(4) : _e.toFixed(5);
   }, pe = (de) => {
-    const ke = parseFloat(de);
-    return isNaN(ke) ? "—" : (ke >= 0 ? "+" : "") + ke.toFixed(2);
+    const _e = parseFloat(de);
+    return isNaN(_e) ? "—" : (_e >= 0 ? "+" : "") + _e.toFixed(2);
   }, we = (de) => {
-    const ke = parseFloat(de);
-    return isNaN(ke) ? "—" : ke.toFixed(2);
+    const _e = parseFloat(de);
+    return isNaN(_e) ? "—" : _e.toFixed(2);
   }, Te = (de) => {
     if (!de) return "—";
-    const ke = new Date(de);
-    return isNaN(ke.getTime()) ? String(de) : `${ke.toLocaleDateString("en-GB", { day: "2-digit", month: "2-digit", year: "2-digit" })} ${ke.toTimeString().slice(0, 8)}`;
+    const _e = new Date(de);
+    return isNaN(_e.getTime()) ? String(de) : `${_e.toLocaleDateString("en-GB", { day: "2-digit", month: "2-digit", year: "2-digit" })} ${_e.toTimeString().slice(0, 8)}`;
   }, Ue = vt(
-    (de, ke) => {
-      de.stopPropagation(), t && t(ke.id);
+    (de, _e) => {
+      de.stopPropagation(), t && t(_e.id, _e);
     },
     [t]
   ), ye = vt(
-    (de, ke) => {
-      de.stopPropagation(), A && A(ke);
+    (de, _e) => {
+      de.stopPropagation(), A && A(_e);
     },
     [A]
   ), ve = {
@@ -31499,7 +31499,7 @@ const pT = ({
     cursor: "pointer",
     transition: "color 0.15s",
     outline: "none"
-  }), Ne = {
+  }), ke = {
     padding: "4px 8px",
     textAlign: "left",
     color: K,
@@ -31615,18 +31615,18 @@ const pT = ({
     ] }),
     U === "trade" && /* @__PURE__ */ h("div", { style: { overflowY: "auto", flex: 1 }, children: /* @__PURE__ */ G("table", { style: { width: "100%", borderCollapse: "collapse", minWidth: "800px" }, children: [
       /* @__PURE__ */ h("thead", { children: /* @__PURE__ */ G("tr", { children: [
-        /* @__PURE__ */ h("th", { style: Ne, children: "Symbol" }),
-        /* @__PURE__ */ h("th", { style: Ne, children: "Ticket" }),
-        /* @__PURE__ */ h("th", { style: Ne, children: "Time" }),
-        /* @__PURE__ */ h("th", { style: Ne, children: "Type" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "Volume" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "Price" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "S/L" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "T/P" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "Current" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "Profit" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "center" }, children: "Action" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "center" }, children: "Close" })
+        /* @__PURE__ */ h("th", { style: ke, children: "Symbol" }),
+        /* @__PURE__ */ h("th", { style: ke, children: "Ticket" }),
+        /* @__PURE__ */ h("th", { style: ke, children: "Time" }),
+        /* @__PURE__ */ h("th", { style: ke, children: "Type" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "Volume" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "Price" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "S/L" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "T/P" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "Current" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "Profit" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "center" }, children: "Action" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "center" }, children: "Close" })
       ] }) }),
       /* @__PURE__ */ h("tbody", { children: ee.length === 0 ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h(
         "td",
@@ -31641,7 +31641,7 @@ const pT = ({
           children: "No open positions"
         }
       ) }) : ee.map((de) => {
-        const ke = de.livePnL ?? de.profit ?? 0, Ye = ke >= 0 ? F : M;
+        const _e = de.livePnL ?? de.profit ?? 0, Ye = _e >= 0 ? F : M;
         return /* @__PURE__ */ G(
           "tr",
           {
@@ -31715,8 +31715,7 @@ const pT = ({
                     ...Ee,
                     textAlign: "right",
                     color: K
-                  },
-                  children: de.currentPrice ? he(de.currentPrice) : "—"
+                  }
                 }
               ),
               /* @__PURE__ */ h(
@@ -31728,7 +31727,7 @@ const pT = ({
                     fontWeight: 700,
                     color: Ye
                   },
-                  children: pe(ke)
+                  children: pe(_e)
                 }
               ),
               /* @__PURE__ */ h("td", { style: { ...Ee, textAlign: "center" }, children: /* @__PURE__ */ h(
@@ -31790,17 +31789,17 @@ const pT = ({
     ] }) }),
     U === "history" && /* @__PURE__ */ h("div", { style: { overflowY: "auto", flex: 1 }, children: /* @__PURE__ */ G("table", { style: { width: "100%", borderCollapse: "collapse", minWidth: "900px" }, children: [
       /* @__PURE__ */ h("thead", { children: /* @__PURE__ */ G("tr", { children: [
-        /* @__PURE__ */ h("th", { style: Ne, children: "Symbol" }),
-        /* @__PURE__ */ h("th", { style: Ne, children: "Ticket" }),
-        /* @__PURE__ */ h("th", { style: Ne, children: "Open Time" }),
-        /* @__PURE__ */ h("th", { style: Ne, children: "Type" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "Volume" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "Open Price" }),
-        /* @__PURE__ */ h("th", { style: Ne, children: "Close Time" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "Close Price" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "S/L" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "T/P" }),
-        /* @__PURE__ */ h("th", { style: { ...Ne, textAlign: "right" }, children: "Profit" })
+        /* @__PURE__ */ h("th", { style: ke, children: "Symbol" }),
+        /* @__PURE__ */ h("th", { style: ke, children: "Ticket" }),
+        /* @__PURE__ */ h("th", { style: ke, children: "Open Time" }),
+        /* @__PURE__ */ h("th", { style: ke, children: "Type" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "Volume" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "Open Price" }),
+        /* @__PURE__ */ h("th", { style: ke, children: "Close Time" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "Close Price" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "S/L" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "T/P" }),
+        /* @__PURE__ */ h("th", { style: { ...ke, textAlign: "right" }, children: "Profit" })
       ] }) }),
       /* @__PURE__ */ h("tbody", { children: b.length === 0 ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h(
         "td",
@@ -31815,7 +31814,7 @@ const pT = ({
           children: "No trade history"
         }
       ) }) : b.map((de) => {
-        const ke = de.profit ?? 0, Ye = ke >= 0 ? F : M;
+        const _e = de.profit ?? 0, Ye = _e >= 0 ? F : M;
         return /* @__PURE__ */ G(
           "tr",
           {
@@ -31893,7 +31892,7 @@ const pT = ({
                     fontWeight: 700,
                     color: Ye
                   },
-                  children: pe(ke)
+                  children: pe(_e)
                 }
               )
             ]