@backtest-kit/ui 3.4.0 → 3.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.cjs +297 -14
- package/build/index.mjs +298 -15
- package/build/modules/frontend/build/assets/IconPhoto-h4iJtQiA.js +1 -0
- package/build/modules/frontend/build/assets/KeyboardArrowLeft-lQZO05jc.js +1 -0
- package/build/modules/frontend/build/assets/Refresh-CEQ_0ArO.js +1 -0
- package/build/modules/frontend/build/assets/index-CGtwmxQ2.js +1 -0
- package/build/modules/frontend/build/assets/index-CRAeD5B9.js +1 -0
- package/build/modules/frontend/build/assets/index-xAAKqKd-.js +1 -0
- package/build/modules/frontend/build/assets/{index-Cbq2maCt.js → index-zBOUVifH.js} +6 -6
- package/build/modules/frontend/build/assets/{markdownit-Do8mUcqc.js → markdownit-CEgo4Lp0.js} +1 -1
- package/build/modules/frontend/build/index.html +1 -1
- package/package.json +4 -4
- package/types.d.ts +19 -1
- package/build/modules/frontend/build/assets/IconPhoto-CHjzSKw5.js +0 -1
- package/build/modules/frontend/build/assets/index-Bl1jm8QD.js +0 -1
- package/build/modules/frontend/build/assets/index-D8ltdovC.js +0 -1
package/build/modules/frontend/build/assets/{markdownit-Do8mUcqc.js → markdownit-CEgo4Lp0.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{ap as e,aq as t}from"./index-zBOUVifH.js";function r(e,t){for(var r=0;r<t.length;r++){const o=t[r];if("string"!=typeof o&&!Array.isArray(o))for(const t in o)if("default"!==t&&!(t in e)){const r=Object.getOwnPropertyDescriptor(o,t);r&&Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var o=t();const n=r({__proto__:null,default:e(o)},[o]);export{n as m};
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
|
|
141
141
|
rel="stylesheet"
|
|
142
142
|
/>
|
|
143
|
-
<script type="module" crossorigin src="/assets/index-
|
|
143
|
+
<script type="module" crossorigin src="/assets/index-zBOUVifH.js"></script>
|
|
144
144
|
<link rel="stylesheet" crossorigin href="/assets/index-DrRm3Jka.css">
|
|
145
145
|
</head>
|
|
146
146
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backtest-kit/ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.5.1",
|
|
4
4
|
"description": "Full-stack UI framework for visualizing cryptocurrency trading signals, backtests, and real-time market data. React dashboard with candlestick charts, signal tracking, and risk analysis.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Petr Tripolsky",
|
|
@@ -92,11 +92,11 @@
|
|
|
92
92
|
"ccxt": "4.5.24",
|
|
93
93
|
"touch": "3.1.1",
|
|
94
94
|
"worker-testbed": "1.0.12",
|
|
95
|
-
"backtest-kit": "3.
|
|
95
|
+
"backtest-kit": "3.5.1",
|
|
96
96
|
"markdown-it": "14.1.0"
|
|
97
97
|
},
|
|
98
98
|
"peerDependencies": {
|
|
99
|
-
"backtest-kit": "^3.
|
|
99
|
+
"backtest-kit": "^3.5.1",
|
|
100
100
|
"markdown-it": "^14.1.0",
|
|
101
101
|
"ccxt": "^4.5.24",
|
|
102
102
|
"typescript": "^5.0.0"
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
"di-kit": "^1.1.1",
|
|
106
106
|
"di-scoped": "^1.0.21",
|
|
107
107
|
"functools-kit": "^1.0.95",
|
|
108
|
-
"get-moment-stamp": "^1.1.
|
|
108
|
+
"get-moment-stamp": "^1.1.2",
|
|
109
109
|
"finalhandler": "^1.3.1",
|
|
110
110
|
"serve-handler": "^6.1.6",
|
|
111
111
|
"cryptocurrency-icons": "^0.18.1",
|
package/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import http from 'http';
|
|
2
2
|
import * as backtest_kit from 'backtest-kit';
|
|
3
|
-
import { CandleInterval, NotificationModel, IStorageSignalRow } from 'backtest-kit';
|
|
3
|
+
import { CandleInterval, NotificationModel, IStorageSignalRow, ILogEntry } from 'backtest-kit';
|
|
4
4
|
import * as functools_kit from 'functools-kit';
|
|
5
5
|
|
|
6
6
|
declare function serve(host?: string, port?: number): () => void;
|
|
@@ -77,6 +77,13 @@ declare class ExchangeMockService {
|
|
|
77
77
|
getSignalCandles: (signalId: string, interval: CandleInterval) => Promise<backtest_kit.ICandleData[]>;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
+
declare class LogMockService {
|
|
81
|
+
private readonly loggerService;
|
|
82
|
+
findByFilter: <T extends object = Record<string, string>>(filterData: T, limit?: number, offset?: number) => Promise<ILogEntry[]>;
|
|
83
|
+
getList: () => Promise<ILogEntry[]>;
|
|
84
|
+
getOne: (id: string) => Promise<ILogEntry>;
|
|
85
|
+
}
|
|
86
|
+
|
|
80
87
|
declare class NotificationViewService {
|
|
81
88
|
private readonly loggerService;
|
|
82
89
|
private readonly notificationMockService;
|
|
@@ -103,6 +110,15 @@ declare class ExchangeViewService {
|
|
|
103
110
|
getSignalCandles: (signalId: string, interval: CandleInterval) => Promise<backtest_kit.ICandleData[]>;
|
|
104
111
|
}
|
|
105
112
|
|
|
113
|
+
declare class LogViewService {
|
|
114
|
+
private readonly loggerService;
|
|
115
|
+
private readonly logMockService;
|
|
116
|
+
findByFilter: <T extends object = Record<string, string>>(filterData: T, limit?: number, offset?: number) => Promise<ILogEntry[]>;
|
|
117
|
+
getList: () => Promise<ILogEntry[]>;
|
|
118
|
+
getOne: (id: string) => Promise<ILogEntry>;
|
|
119
|
+
protected init: (() => Promise<void>) & functools_kit.ISingleshotClearable;
|
|
120
|
+
}
|
|
121
|
+
|
|
106
122
|
declare class SymbolConnectionService {
|
|
107
123
|
private readonly loggerService;
|
|
108
124
|
getSymbolList: (() => Promise<{
|
|
@@ -157,9 +173,11 @@ declare const ioc: {
|
|
|
157
173
|
notificationViewService: NotificationViewService;
|
|
158
174
|
storageViewService: StorageViewService;
|
|
159
175
|
exchangeViewService: ExchangeViewService;
|
|
176
|
+
logViewService: LogViewService;
|
|
160
177
|
notificationMockService: NotificationMockService;
|
|
161
178
|
storageMockService: StorageMockService;
|
|
162
179
|
exchangeMockService: ExchangeMockService;
|
|
180
|
+
logMockService: LogMockService;
|
|
163
181
|
symbolMetaService: SymbolMetaService;
|
|
164
182
|
symbolConnectionService: SymbolConnectionService;
|
|
165
183
|
priceConnectionService: PriceConnectionService;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a7 as e,a8 as t,w as a,a9 as s,f as i,aa as r,ab as n,ac as o,ad as d,ae as c,af as l,ag as u,ah as m,c as h,i as p,B as b,J as x}from"./index-Cbq2maCt.js";const g=e(),f=["className","component","disableGutters","fixed","maxWidth","classes"],y=c(),k=g("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`maxWidth${n(String(a.maxWidth))}`],a.fixed&&t.fixed,a.disableGutters&&t.disableGutters]}}),W=e=>o({props:e,name:"MuiContainer",defaultTheme:y});const v=function(e={}){const{createStyledComponent:o=k,useThemeProps:c=W,componentName:u="MuiContainer"}=e,m=o(({theme:e,ownerState:a})=>t({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",display:"block"},!a.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}),({theme:e,ownerState:t})=>t.fixed&&Object.keys(e.breakpoints.values).reduce((t,a)=>{const s=a,i=e.breakpoints.values[s];return 0!==i&&(t[e.breakpoints.up(s)]={maxWidth:`${i}${e.breakpoints.unit}`}),t},{}),({theme:e,ownerState:a})=>t({},"xs"===a.maxWidth&&{[e.breakpoints.up("xs")]:{maxWidth:Math.max(e.breakpoints.values.xs,444)}},a.maxWidth&&"xs"!==a.maxWidth&&{[e.breakpoints.up(a.maxWidth)]:{maxWidth:`${e.breakpoints.values[a.maxWidth]}${e.breakpoints.unit}`}}));return a.forwardRef(function(e,a){const o=c(e),{className:h,component:p="div",disableGutters:b=!1,fixed:x=!1,maxWidth:g="lg"}=o,y=s(o,f),k=t({},o,{component:p,disableGutters:b,fixed:x,maxWidth:g}),W=((e,t)=>{const{classes:a,fixed:s,disableGutters:i,maxWidth:r}=e,o={root:["root",r&&`maxWidth${n(String(r))}`,s&&"fixed",i&&"disableGutters"]};return d(o,e=>l(t,e),a)})(k,u);return i(m,t({as:p,ownerState:k,className:r(W.root,h),ref:a},y))})}({createStyledComponent:m("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`maxWidth${n(String(a.maxWidth))}`],a.fixed&&t.fixed,a.disableGutters&&t.disableGutters]}}),useThemeProps:e=>u({props:e,name:"MuiContainer"})}),w=h(i("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"}),"Refresh"),R=({className:e,symbol:t,style:a,sx:s})=>i(x,{children:async()=>{try{const r=(await p.symbolGlobalService.getSymbolMap())[t],n=null==r?void 0:r.icon,o=(null==r?void 0:r.color)||"#ccc";return i(b,{className:e,sx:{position:"relative",width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:n?"transparent":o,...s},style:a,children:n?i("img",{loading:"lazy",crossOrigin:"anonymous",src:n,alt:t,style:{width:"100%",height:"100%",borderRadius:"50%",objectFit:"contain"},onError:e=>{const t=e.target,a=t.parentElement;a&&(a.style.background=o,t.style.display="none")}}):i(b,{sx:{width:"60%",height:"60%",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.2)"}})})}catch(r){return i(b,{className:e,sx:{position:"relative",width:24,height:24,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"#ccc",...s},style:a,children:i(b,{sx:{width:"60%",height:"60%",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.2)"}})})}}});export{v as C,R as I,w as R};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as e,f as t,i as o,Y as a,t as n,u as l,w as i,y as r,A as s,T as c,n as d,C as u,P as p,F as m,E as h,G as g,H as v,B as f,d as y,K as b,M as x,N as C,U as k,O as w,Q as S,V as L,W as P,_ as M,$ as N,a0 as R,I as D,J as T,a1 as $,p as B,a2 as V,a3 as j,a4 as I,k as A,a5 as O,X as z,a as E,q as F,Z as U,D as H,a6 as W}from"./index-Cbq2maCt.js";import{I as G,C as _,R as Y}from"./IconPhoto-CHjzSKw5.js";const K=e(t("path",{d:"M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 10V8h-2v4H8l4 4 4-4h-3z"}),"ArrowCircleDown"),q=e(t("path",{d:"M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0 2c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm-1-10v4h2v-4h3l-4-4-4 4h3z"}),"ArrowCircleUp"),X=e(t("path",{d:"M7.5 5.6 10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29a.9959.9959 0 0 0-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41l-2.33-2.35zm-1.03 5.49-2.12-2.12 2.44-2.44 2.12 2.12-2.44 2.44z"}),"AutoFixHigh"),J=e(t("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z"}),"Circle"),Q=e(t("path",{d:"m6 2 .01 6L10 12l-3.99 4.01L6 22h12v-6l-4-4 4-3.99V2H6zm10 14.5V20H8v-3.5l4-4 4 4z"}),"HourglassTop"),Z=e(t("path",{d:"M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"}),"KeyboardArrowLeft"),ee=e(t("path",{d:"M21 6h-7.59l3.29-3.29L16 2l-4 4-4-4-.71.71L10.59 6H3c-1.1 0-2 .89-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.11-.9-2-2-2zm0 14H3V8h18v12zM9 10v8l7-4z"}),"LiveTv"),te=l(async e=>"live"===e?await o.storageViewService.listSignalLive():await o.storageViewService.listSignalBacktest(),{key:([e])=>`${e}`,timeout:45e3}),oe=async(e,t)=>(await te(t)).filter(t=>"closed"===t.status&&t.symbol===e),ae=async(e,t)=>{const o=await oe(e,t);return{total:o.length,resolvedCount:o.filter(e=>e.pnl.pnlPercentage>0).length,rejectedCount:o.filter(e=>e.pnl.pnlPercentage<=0).length}},ne=async(e,t)=>{const o=await oe(e,t),a=e=>Math.abs(e.pnl.priceClose-e.originalPriceTakeProfit)/e.originalPriceTakeProfit<.005,n=e=>Math.abs(e.pnl.priceClose-e.originalPriceStopLoss)/e.originalPriceStopLoss<.005;return{resolvedTakeProfitCount:o.filter(e=>e.pnl.pnlPercentage>0&&a(e)).length,rejectedStopLossCount:o.filter(e=>e.pnl.pnlPercentage<=0&&n(e)).length,resolvedCloseCount:o.filter(e=>e.pnl.pnlPercentage>0&&!a(e)).length,rejectedCloseCount:o.filter(e=>e.pnl.pnlPercentage<=0&&!n(e)).length}},le=async(e,t)=>{const o=await oe(e,t),l=new Map;for(const i of o){const e=a(n(i.updatedAt)),t=l.get(e)??{resolved:0,rejected:0};i.pnl.pnlPercentage>0?l.set(e,{...t,resolved:t.resolved+1}):l.set(e,{...t,rejected:t.rejected+1})}return Array.from(l.entries()).map(([e,{resolved:t,rejected:o}])=>({stamp:e,count:t+o,resolved:t,rejected:o}))},ie=async(e,t)=>{const o=await oe(e,t),a="backtest"===t&&o.length?o.reduce((e,t)=>Math.max(e,t.updatedAt),0):Date.now(),l=n(a).startOf("day").valueOf(),i=l-864e5,r=l-6048e5,s=l-26784e5,c=e=>e.reduce((e,t)=>e+t.pnl.pnlPercentage,0),d=o.filter(e=>e.updatedAt>=l),u=o.filter(e=>e.updatedAt>=i&&e.updatedAt<l),p=o.filter(e=>e.updatedAt>=r),m=o.filter(e=>e.updatedAt>=s);return{symbol:e,todayRevenue:c(d),yesterdayRevenue:c(u),sevenDaysRevenue:c(p),thirtyOneDaysRevenue:c(m),todayCount:d.length,yesterdayCount:u.length,sevenDaysCount:p.length,thirtyOneDaysCount:m.length}};var re=(e=>(e.Red="#DD4049",e.Orange="#F3A43A",e.Green="#2EA96F",e.Blue="#2979ff",e.Violet="#d500f9",e))(re||{});const se=i.createContext(null),ce=({value:e,children:o})=>t(se.Provider,{value:e,children:o}),de=()=>i.useContext(se);var ue=(e=>(e.Semi="semi",e.Solid="solid",e.Unset="unset",e))(ue||{});const pe=s()(e=>({root:{display:"flex",alignItems:"center",justifyContent:"stretch",whiteSpace:"nowrap",gap:"8px",overflow:"hidden",padding:"10px",borderTop:`1px solid ${e.palette.divider}`,"& > *":{flex:1}},solidBackground:{color:"#fff","& svg":{fill:"#fff"}},unsetBackground:{color:e.palette.text.primary,"& svg":{fill:e.palette.text.primary}},semiBackground:{color:e.palette.text.primary,"& svg":{fill:e.palette.text.primary}}})),me=({className:e,style:o,backgroundColor:a})=>{const{classes:n}=pe(),{footerLabel:l,backgroundMode:s=ue.Solid}=de(),c=i.useMemo(()=>({...o,...s===ue.Solid&&{backgroundColor:a}}),[a,s,o]);return t("div",{className:r(e,n.root,{[n.solidBackground]:s===ue.Solid,[n.unsetBackground]:s===ue.Unset,[n.semiBackground]:s===ue.Semi}),style:c,children:l})},he=(e,t=2)=>{let o=1;for(let a=0;a<t;a++)o*=10;return Math.round(e*o)/o},ge=s()({root:{position:"relative",width:"100%",height:"0px"},container:{position:"absolute",top:0,left:0,width:"100%",display:"flex",alignItems:"center",justifyContent:"center"}}),ve=({caption:e})=>{const{classes:o}=ge();return t("div",{className:o.root,children:t("div",{className:o.container,children:t(c,{variant:"caption",sx:{opacity:.5,fontSize:12,textAlign:"center",padding:"0 8px"},children:e})})})},fe=s()(e=>({root:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},solidBackground:{"& > :first-of-type":{color:"#fff",fontWeight:"bold"},"& > :last-of-type":{color:"#fff"}},unsetBackground:{"& > :first-of-type":{color:e.palette.text.primary,fontWeight:"bold"},"& > :last-of-type":{color:e.palette.text.primary}},semiBackground:{"& > :first-of-type":{color:e.palette.text.primary,fontWeight:"bold"},"& > :last-of-type":{color:e.palette.text.primary}},content:{display:"flex",alignItems:"baseline",flexDirection:"row",gap:"2.5px","& > *":{fontWeight:"bold"},"& > :first-of-type":{fontSize:"22px"},"& > :last-of-type":{fontSize:"16px",opacity:.85}}})),ye=u(e=>t("div",{className:e.v0,style:e.v1,children:[t("div",{className:e.v2,children:[e.v3,e.v4]}),e.v5]}),{name:"Content_1",portals:["v3","v4","v5"]}),be=({className:e,style:o,backgroundColor:a})=>{const{classes:n}=fe(),{backgroundMode:l=ue.Solid,roundDigits:s=2,value:u,caption:p,valueUnit:m="Unit"}=de(),h=i.useMemo(()=>({...o,...l===ue.Solid&&{backgroundColor:a}}),[a,l,o]);return t(ye,{v0:r(e,n.root),v1:h,v2:r(n.content,{[n.solidBackground]:l===ue.Solid,[n.unsetBackground]:l===ue.Unset,[n.semiBackground]:l===ue.Semi}),v3:t(c,{fontWeight:"bold",children:d(he(u,s))}),v4:t(c,{children:m}),v5:!!p&&t(ve,{caption:p})})},xe=s()(e=>({root:{display:"flex",alignItems:"center",whiteSpace:"nowrap",fontWeight:700,fontSize:"18px",paddingLeft:"8px",gap:"8px",overflow:"hidden",borderBottom:`1px solid ${e.palette.divider}`},solidBackground:{color:"#fff",padding:"10px","& svg":{fill:"#fff"}},semiBackground:{color:"#fff",padding:"10px","& svg":{fill:"#fff"}},unsetBackground:{color:e.palette.text.primary,padding:"10px","& svg":{fill:e.palette.text.primary}}})),Ce=({className:e,style:o,backgroundColor:a})=>{const{classes:n}=xe(),{headerLabel:l,backgroundMode:s=ue.Solid}=de(),c=i.useMemo(()=>({...o,...(s===ue.Solid||s===ue.Semi)&&{backgroundColor:a}}),[a,s,o]);return t("div",{className:r(e,n.root,{[n.solidBackground]:s===ue.Solid,[n.unsetBackground]:s===ue.Unset,[n.semiBackground]:s===ue.Semi}),style:c,children:l})},ke=s()({root:{overflow:"hidden",height:"100%",width:"100%",display:"flex",alignItems:"stretch",justifyContent:"stretch",flexDirection:"column"},click:{cursor:"pointer"},header:{minHeight:"36px"},content:{flex:1},footer:{minHeight:"32px"}}),we=({className:e,style:o})=>{const{classes:a}=ke(),{backgroundColor:n,onClick:l,footerLabel:i}=de();return t(p,{className:r(e,a.root,{[a.click]:!!l}),onClick:l,style:o,children:[t(Ce,{backgroundColor:n}),t(be,{backgroundColor:n,className:a.content}),!!i&&t(me,{backgroundColor:n,className:a.footer})]})},Se=i.memo(({className:e,style:o,...a})=>t(ce,{value:a,children:t(we,{className:e,style:o})})),Le=(e,{one:t,many:o,two:a=o})=>`${(()=>{if(0===e||e>=11&&e<20)return o;let n=e%10;return 0===n?o:1===n?t:n<5?a:o})()}`,Pe=i.createContext(null),Me=({value:e,children:o})=>t(Pe.Provider,{value:e,children:o}),Ne=()=>i.useContext(Pe),Re=s()({root:{display:"flex",alignItems:"stretch",justifyContent:"stretch",paddingLeft:"20px",paddingRight:"20px",overflow:"hidden"},container:{flex:1,display:"flex",alignItems:"stretch",justifyContent:"center",gap:"40px"},item:{gap:"4px",display:"flex",alignItems:"center",justifyContent:"center","& > span":{fontWeight:500,fontSize:"12px",color:"var(--black-6)",whiteSpace:"nowrap"}},circle:{borderRadius:"50%",height:"8px",width:"8px"}}),De=u(e=>t("div",{className:e.v0,style:e.v1,children:t("div",{className:e.v2,children:e.v3})}),{name:"Footer_1",portals:["v3"]}),Te=({className:e,style:o})=>{const{classes:a}=Re(),{items:n}=Ne();return t(De,{v0:r(e,a.root),v1:o,v2:a.container,v3:[...n].sort(({maxValue:e},{maxValue:t})=>e-t).map((e,o)=>t("div",{className:a.item,children:[t("div",{className:a.circle,style:{background:e.color}}),t("span",{children:[e.label," ",e.value?e.value():e.maxValue]})]},o))})},$e=s()(()=>({circle:{position:"absolute",transform:"translate(-50%, 50%)",bottom:"0",left:"50%","& > div":{borderRadius:"50%"}}})),Be=u(e=>t("div",{className:e.v0,style:e.v1,children:t("div",{style:e.v2})}),{name:"Circle_1"}),Ve=({className:e,style:o,lineWidth:a,side:n,color:l,rotate:i})=>{const{classes:s}=$e();return t(Be,{v0:r(e,s.circle),v1:{...o},v2:{borderTop:`${a}px solid ${l}`,borderLeft:`${a}px solid ${l}`,borderRight:`${a}px solid transparent`,borderBottom:`${a}px solid transparent`,transform:`rotate(${i}deg)`,height:n,width:n}})},je=s()(e=>({dot:{position:"absolute",transform:"translate(-50%, 50%)",bottom:"0",left:"50%",borderRadius:"50%",background:e.palette.background.paper}})),Ie=({side:e})=>{const{classes:o}=je();return t("div",{className:o.dot,style:{height:e,width:e}})},Ae=s()(e=>({line:{position:"absolute",background:e.palette.background.paper,height:"100%",width:"1px",left:"50%",transformOrigin:"center bottom"}})),Oe=({angle:e})=>{const{classes:o}=Ae();return t("div",{className:o.line,style:{transform:`rotate(${e}deg)`}})},ze=s()(e=>({dot:{position:"absolute",transform:"translate(-50%, 50%)",bottom:"0",left:"50%",borderRadius:"50%",outline:`100vmax solid ${e.palette.background.paper}`}})),Ee=({side:e})=>{const{classes:o}=ze();return t("div",{className:o.dot,style:{height:e,width:e}})},Fe=s()(e=>({pointer:{position:"absolute",left:"21%",width:"29%",bottom:"0%",zIndex:1,transformOrigin:"right center",fill:e.palette.text.primary}})),Ue=u(e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 87 8",className:e.v0,style:e.v1,...e.v2,children:[t("rect",{x:"0.5",y:"2.5",width:"79",height:"3"}),t("circle",{cx:"82.5",cy:"4",r:"4"})]}),{name:"Pointer_1",svg:!0}),He=({className:e,style:o,angle:a,scale:n=1,...l})=>{const{classes:i}=Fe();return t(Ue,{v0:r(e,i.pointer),v1:{...o,transform:`rotate(${a}deg) scale(${n}) translateX(5px)`},v2:l})},We=e=>e*Math.PI/180,Ge=(e,t)=>({left:t*Math.cos(We(e))+t,top:t*Math.sin(We(e))+t}),_e=s()(e=>({root:{position:"absolute",transform:"translate(-50%, 50%)",bottom:"0",left:"50%",display:"flex",alignItems:"stretch",justifyContent:"stretch"},container:{flex:1,position:"relative"},label:{position:"absolute",transform:"translate(-50%, -50%)",color:e.palette.text.primary,zIndex:2}})),Ye=u(e=>t("div",{className:e.v0,style:e.v1,children:t("div",{className:e.v2,children:e.v3})}),{name:"Labels_1",portals:["v3"]}),Ke=({items:e,side:o})=>{const{classes:a}=_e(),n=i.useMemo(()=>Math.floor(o/2),[o]);return t(Ye,{v0:a.root,v1:{height:o,width:o},v2:a.container,v3:e.slice(0,e.length-1).map(({angle:e,value:o},l)=>t("span",{className:a.label,style:{...Ge(e+180,n),...e<90&&{marginLeft:10},...e>90&&{marginLeft:-10},...e>15&&e<165&&{marginTop:5}},children:o},l))})},qe=({width:e,side:o,chunks:a,maxValue:n,minValue:l,value:r})=>{const s=i.useMemo(()=>.5*o,[o]),c=i.useMemo(()=>.63*o,[o]),d=i.useMemo(()=>.58*o,[o]),u=i.useCallback(e=>180/(n-l)*(e.minValue-l)+45,[n,l]),p=i.useMemo(()=>Math.min(r/n*180,180),[n,r]),h=i.useMemo(()=>e>o?c/e*1.5:1,[c,e,o]),g=i.useMemo(()=>[...a].sort(({maxValue:e},{maxValue:t})=>e-t).slice(0,a.length-1).map(e=>({angle:180/n*e.maxValue,value:e.maxValue})),[a,n]),v=i.useMemo(()=>[{angle:0,value:0},...g,{angle:180,value:n}],[g,n]);return t(m,{children:[t(He,{angle:p,scale:h}),[...a].sort(({maxValue:e},{maxValue:t})=>e-t).map((e,a)=>t(Ve,{rotate:u(e),color:e.color,side:o,lineWidth:s},`${e.color}-${a}`)),g.map(({angle:e},o)=>t(Oe,{angle:e-90},`${e}-${o}`)),t(Ee,{side:o}),t(Ie,{side:c}),t(Ke,{items:v,side:d})]})},Xe=s()({root:{display:"flex",alignItems:"stretch",justifyContent:"stretch",overflow:"hidden"},container:{flex:1,position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},bottomCenterLabel:{position:"absolute",zIndex:2,bottom:"0",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"row",gap:"4px","& > *":{fontSize:"20px",lineHeight:"24px"},"& > :first-of-type":{fontWeight:"bold"},"& > :last-of-type":{color:"var(--black-6)"}}}),Je=({className:e,height:o,width:a})=>{const{classes:n}=Xe(),{value:l,items:s}=Ne(),c=Math.min(2*o,a),d=i.useMemo(()=>[...s].filter(e=>!e.hidden).sort(({maxValue:e},{maxValue:t})=>t-e).map((e,t,o)=>{const a=o[t+1],n=a?a.maxValue:0;return{...e,minValue:n,value:e.maxValue-n}}),[s]),u=i.useMemo(()=>{const e=d.find(({minValue:e,maxValue:t})=>l>=e&&l<=t);if(e)return e.color;return d.reduce((e,t)=>t.minValue>=e.minValue?t:e).color},[d,l]),p=i.useMemo(()=>d.reduce((e,{minValue:t})=>Math.min(e,t),Number.POSITIVE_INFINITY),[d]),m=i.useMemo(()=>d.reduce((e,{maxValue:t})=>Math.max(e,t),Number.NEGATIVE_INFINITY),[d]);return t("div",{className:r(e,n.root),children:t("div",{className:n.container,children:t(qe,{chunks:d,value:l,minValue:p,maxValue:m,side:c,width:a,color:u})})})},Qe=s()(e=>({root:{display:"flex",alignItems:"center",justifyContent:"center",borderLeft:0,borderRight:0,borderWidth:"1px 0",borderStyle:"solid",borderColor:e.palette.divider},container:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"row"},content:{display:"flex",alignItems:"baseline",gap:"2.5px","& > *":{fontWeight:"bold"},"& > :first-of-type":{fontSize:"22px"},"& > :last-of-type":{fontSize:"16px",opacity:.85}}})),Ze=u(e=>t("div",{className:e.v0,style:e.v1,children:t("div",{className:e.v2,children:t("div",{className:e.v3,children:[e.v4,e.v5]})})}),{name:"Note_1",portals:["v4","v5"]}),et=({className:e,style:o})=>{const{classes:a}=Qe(),{value:n,roundDigits:l=3,valueUnit:i="Unit"}=Ne();return t(Ze,{v0:r(e,a.root),v1:o,v2:a.container,v3:a.content,v4:t(c,{children:he(n,l)}),v5:t(c,{children:i})})},tt=s()(e=>({root:{position:"relative",overflow:"hidden",height:"100%",width:"100%",background:e.palette.background.paper},container:{position:"absolute",top:"0",left:"0"},content:{display:"flex",alignItems:"stretch",justifyContent:"stretch",flexDirection:"column"},chart:{flex:1,paddingTop:"6px",paddingBottom:"6px"},footer:{minHeight:"32px"},note:{minHeight:"60px"}})),ot=({className:e,style:o})=>{const{classes:a}=tt(),n=e=>{let t=e;return t-=32,t-=12,t-=60,t},l=e=>{let t=e;return t-=12,t};return t(p,{className:r(e,a.root),style:o,children:t(h,{className:a.container,children:({height:e=0,width:o=0})=>t("div",{className:a.content,style:{height:e,width:o},children:[t(Je,{className:a.chart,height:n(e),width:l(o)}),t(et,{className:a.note}),t(Te,{className:a.footer})]})})})},at=i.memo(({className:e,style:o,...a})=>t(Me,{value:a,children:t(ot,{className:e,style:o})})),nt=s()({root:{position:"relative",height:10,flex:1},bar:{position:"absolute !important",top:"42%",left:0,right:10}}),lt=e=>{const{classes:o}=nt(),a=["done","inprogress","waiting","archive"],n=t=>{var o;return null==(o=e.data[t])?void 0:o.value},l=a.map(t=>{const o=n(t);var a,l;return`${a=t,(null==(l=e.data[a])?void 0:l.title)||t} - ${o}`}).join(" | "),i=a.map(t=>{const o=(t=>{var o;return null==(o=e.data[t])?void 0:o.color})(t);return{color:o,value:n(t),key:t}}).map(({color:e,value:t,key:o},l)=>{let i=0;if(0!==l)for(let r=l-1;r>=0;r--)i+=n(a[r]);return{value:t>0?t+i:t,key:o,color:e}}).sort(({value:e},{value:t})=>t-e),r=Math.max(...i.map(({value:e})=>e));return t(v,{title:l,arrow:!0,children:t("div",{className:o.root,children:i.map(({color:e,value:a,key:n},l)=>{const i=((e,t=100)=>Math.min(100,Math.round(Math.max(Number(e),0)/t*100)))(a,r);return t(g,{sx:{height:"10px !important",zIndex:`${l+1} !important`,backgroundColor:"transparent !important","& .MuiLinearProgress-bar":{borderTopRightRadius:5,borderBottomRightRadius:5,backgroundColor:`${e} !important`}},variant:"determinate",className:o.bar,value:i},`${l}-${n}`)})})})},it=s()({root:{display:"flex"},work:{display:"flex",alignItems:"center"},row:{flex:1,paddingLeft:5,paddingRight:5,paddingBottom:15}}),rt=({title:e,description:o,avatar:a,done:n,inprogress:l,waiting:i,archive:r})=>{const{classes:s}=it();return t(f,{className:s.root,children:t(f,{className:s.row,children:[t(f,{className:s.work,children:[t(a,{}),t(y,{primary:e,secondary:o,sx:{flex:"none",marginLeft:"0.5em"}})]}),t(f,{flex:"1",children:t(lt,{data:{done:{color:"#7FB537",title:"Take profit",value:n},inprogress:{color:"#4FC0E8",title:"Resolved",value:l},waiting:{color:"#FE9B31",title:"Rejected",value:i},archive:{color:"#FA5F5A",title:"Stop loss",value:r}}})})]})})},st=s()({root:{position:"relative",width:"100%"},container:{position:"absolute",top:0,height:"100%",width:"100%",overflowY:"auto",overflowX:"hidden"},content:{display:"flex",alignItems:"stretch",justifyContent:"stretch",flexDirection:"column"}}),ct=({items:e,sx:o})=>{const{classes:a}=st();return t(p,{className:a.root,sx:o,children:[t(b,{disableRight:!0,color:"#fff",className:a.container,children:t("div",{className:a.content,children:e.map((e,o)=>t(rt,{...e},o))})}),t(f,{sx:{position:"absolute",bottom:10,right:10,zIndex:10,pointerEvents:"auto",background:"rgba(255, 255, 255, 0.1)",backdropFilter:"blur(10px)",borderRadius:"12px",border:"1px solid rgba(255, 255, 255, 0.2)",padding:"12px 16px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.1)",opacity:.35,transition:"opacity 0.3s ease","&:hover":{opacity:1}},children:[t(f,{sx:{display:"flex",alignItems:"center"},children:[t("div",{style:{background:"#7FB537",width:15,height:15,borderRadius:"3px",marginRight:"5px"}}),t("span",{children:"Take profit"})]}),t(f,{sx:{display:"flex",alignItems:"center"},children:[t("div",{style:{background:"#4FC0E8",width:15,height:15,borderRadius:"3px",marginRight:"5px"}}),t("span",{children:"Resolved"})]}),t(f,{sx:{display:"flex",alignItems:"center"},children:[t("div",{style:{background:"#FE9B31",width:15,height:15,borderRadius:"3px",marginRight:"5px"}}),t("span",{children:"Rejected"})]}),t(f,{sx:{display:"flex",alignItems:"center"},children:[t("div",{style:{background:"#FA5F5A",width:15,height:15,borderRadius:"3px",marginRight:"5px"}}),t("span",{children:"Stop loss"})]})]})]})},dt=s()({root:{position:"relative"},tooltip:{position:"absolute",color:"gray",margin:0,left:5,top:5}}),ut={layout:{textColor:"#d1d4dc",backgroundColor:"#0000"},rightPriceScale:{scaleMargins:{top:.3,bottom:.25}},crosshair:{vertLine:{width:4,color:"#ebe0e301",style:0},horzLine:{visible:!1,labelVisible:!1}},grid:{vertLines:{color:"#f8b3"},horzLines:{color:"#f8b3"}},handleScroll:{vertTouchDrag:!1}},pt={color:"#90cbfa",lineWidth:2,crosshairMarkerVisible:!1,lastValueVisible:!1,priceLineVisible:!1},mt=({height:e,width:o,items:a})=>{const{classes:n}=dt(),l=i.useRef(void 0),r=i.useRef(void 0);return i.useLayoutEffect(()=>{const{current:t}=l,{current:n}=r,i=x(t,{...ut,height:e,width:o});i.addLineSeries({...pt}).setData(a);const s=({time:e})=>{if(e)try{const{day:t,month:o,year:l}=e,i=a.find(({time:e})=>e.day===t&&e.month===o&&e.year===l);if(i){const e=Math.round(Math.round(100*i.value)/100);n.innerHTML=`${C("Total")}: ${e}, ${C("Resolved")}: ${i.resolved}, ${C("Rejected")}: ${i.rejected}`}else n.innerHTML=""}catch(t){console.log(t),n.innerHTML=""}else n.innerHTML=""};return i.timeScale().fitContent(),i.subscribeCrosshairMove(s),()=>{i.unsubscribeCrosshairMove(s),i.remove()}},[e,o,a]),t("div",{ref:l,className:n.root,children:t("p",{ref:r,className:n.tooltip})})},ht=({items:e})=>t(h,{children:({height:o,width:a})=>t(mt,{height:o,width:a,items:e})}),gt=s()({root:{},container:{position:"relative",margin:0,padding:0,overflow:"hidden"},editor:{position:"absolute",top:0,left:0,right:0,bottom:0}}),vt=({items:e,sx:o})=>{const{classes:a}=gt(),n=i.useMemo(()=>[...e].sort(({stamp:e},{stamp:t})=>e-t).map(({count:e,rejected:t,resolved:o,stamp:a})=>{const n=k(a);return{time:{year:n.get("year"),month:n.get("month")+1,day:n.get("date")},rejected:t,resolved:o,value:e}}),[e]);return t(p,{className:a.container,sx:o,children:t("div",{className:a.editor,children:t(ht,{items:n})})})},ft=.1,yt=e=>w(async()=>{const t="live"===e?await o.storageViewService.listSignalLive():await o.storageViewService.listSignalBacktest(),a=t.filter(e=>"closed"===e.status).map(e=>({id:e.id,symbol:e.symbol,position:e.position,takeProfitPrice:e.priceTakeProfit,originalTakeProfitPrice:e.originalPriceTakeProfit,stopLossPrice:e.priceStopLoss,originalStopLossPrice:e.originalPriceStopLoss,profitLossPercentage:e.pnl.pnlPercentage,buyPrice:e.pnl.priceOpen,originalBuyPrice:e.originalPriceOpen,totalEntries:e.totalEntries,quantity:0,date:new Date(e.createdAt).toISOString(),status:"finished"}));if("backtest"===e)return a;return[...await Promise.all(t.filter(e=>"opened"===e.status).map(async e=>{let t=0;try{t=((e,t)=>{const{position:o,priceOpen:a,_partial:n}=e,l="long"===o?1.001*a:.999*a;if(n&&n.length>0){let e=0,a=ft;for(const t of n){const n="long"===o?.999*t.price:1.001*t.price,i="long"===o?(n-l)/l*100:(l-n)/l*100;e+=t.percent/100*i,a+=ft*(t.percent/100)*(n/l)}const i=100-n.reduce((e,t)=>e+t.percent,0);if(i>0){const n="long"===o?.999*t:1.001*t;e+=i/100*("long"===o?(n-l)/l*100:(l-n)/l*100),a+=ft*(i/100)*(n/l)}return e-a}const i="long"===o?.999*t:1.001*t,r=ft*(1+i/l);return"long"===o?(i-l)/l*100-r:(l-i)/l*100-r})(e,await o.priceGlobalService.getSignalPendingPrice(e.symbol,e.strategyName,e.exchangeName,e.frameName,!1))}catch{}return{id:e.id,symbol:e.symbol,position:e.position,takeProfitPrice:e.priceTakeProfit,originalTakeProfitPrice:e.originalPriceTakeProfit,stopLossPrice:e.priceStopLoss,originalStopLossPrice:e.originalPriceStopLoss,profitLossPercentage:t,buyPrice:e.priceOpen,originalBuyPrice:e.originalPriceOpen,totalEntries:e.totalEntries,quantity:0,date:new Date(e.createdAt).toISOString(),status:"pending"}})),...a]}),bt=[{field:"color",label:R.nbsp,minWidth:45,width:()=>45,format:({symbol:e})=>t(T,{children:async()=>{var a;try{const n=await o.symbolGlobalService.getSymbolMap();return t(J,{sx:{color:(null==(a=n[e])?void 0:a.color)||"#ccc"}})}catch(n){return t(J,{sx:{color:"#ccc"}})}}})},{field:"symbol",label:"Symbol",minWidth:115,width:e=>Math.max(e-100-100-100-80-45-100-90,45),format:({symbol:e})=>e},{field:"position",label:"Position",minWidth:90,width:()=>90,format:({position:e})=>{const o="long"===e;return t("span",{style:{color:o?"#1976D2":"#F57C00",padding:"4px 8px",borderRadius:"4px",fontWeight:"bold",fontSize:"11px"},children:o?"🔵 LONG":"🟠 SHORT"})}},{field:"buyPrice",label:"Buy price",minWidth:145,width:()=>145,format:({buyPrice:e})=>`${d(e)}$`},{field:"totalEntries",label:"DCA",minWidth:80,width:()=>80},{field:"profitLossPercentage",label:"%",minWidth:80,width:()=>80,format:({profitLossPercentage:e})=>{const o=e>=0;return t("span",{style:{color:o?"green":"red"},children:[o?"+":"",e.toFixed(2),"%"]})}}],xt=[{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"symbol",title:"Symbol",readonly:!0,compute:e=>e.symbol||"N/A"},{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"position",title:"Position",readonly:!0,compute:e=>"long"===e.position?"🔵 LONG (profit on rise)":"🟠 SHORT (profit on fall)"},{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"date",title:"Date",readonly:!0,compute:e=>e.date?n(e.date).format("DD/MM/YYYY HH:mm"):""},{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"profitLossPercentage",title:"Profit/Loss",readonly:!0,trailingIcon:({data:e})=>e.profitLossPercentage<0?t(K,{sx:{color:"red"}}):t(q,{sx:{color:"green"}}),compute:e=>{if(void 0!==e.profitLossPercentage){return`${e.profitLossPercentage>=0?"+":""}${e.profitLossPercentage.toFixed(2)}%`}return"N/A"}},{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"buyPrice",title:"Entry",readonly:!0,compute:e=>e.buyPrice?`${d(e.buyPrice)}$`:"N/A"},{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"takeProfitPrice",title:"Take Profit",readonly:!0,compute:e=>e.takeProfitPrice?`${d(e.takeProfitPrice)}$`:"N/A"},{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"stopLossPrice",title:"Stop Loss",readonly:!0,compute:e=>e.stopLossPrice?`${d(e.stopLossPrice)}$`:"N/A"},{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"originalBuyPrice",title:"Original Entry",readonly:!0,isVisible:e=>null!=e.originalBuyPrice&&e.originalBuyPrice!==e.buyPrice,compute:e=>e.originalBuyPrice?`${d(e.originalBuyPrice)}$`:"N/A"},{type:$.Text,outlined:!1,desktopColumns:"12",tabletColumns:"12",phoneColumns:"12",name:"totalEntries",title:"DCA Entries",readonly:!0,isVisible:e=>null!=e.totalEntries&&e.totalEntries>1,compute:e=>null!=e.totalEntries?String(e.totalEntries):"N/A"},{type:$.Component,sx:{mt:2},element:({payload:e})=>t(I,{variant:"outlined",onClick:e.handleClose,children:"Back"})}],Ct=[{label:"Details",icon:()=>t(D,{icon:X,color:"#4caf50"}),action:"open-action"}],kt=({sx:e,mode:a})=>{const n=(e=>S({handler:async(t,o)=>{const a=L(t,o);for await(const n of yt(e))if(a([n]).done)break;return a([]).rows}}))(a),[l,i]=P(null),{pickData:r,setOpen:s,render:c}=M({title:"Info",AfterTitle:({onClose:e})=>t(j,{direction:"row",gap:2,children:t(B,{size:"small",onClick:e,children:t(V,{})})}),payload:()=>({handleClose(){s(!1)}}),fields:xt,handler:()=>l.current,withActionButton:!1});return t(m,{children:[t(p,{sx:{display:"flex",alignItems:"stretch",justifyContent:"stretch",flexDirection:"column",background:"whitesmote",overflow:"hidden",...e},children:t(N,{sx:{flex:1,background:"transparent !important"},rowColor:({status:e})=>"pending"===e?"#ffc40085":"transparent",hasMore:n.hasMore,loading:n.loading,onSkip:n.onSkip,data:n.data,columns:bt,rowActions:Ct,onRowClick:e=>{i(e),r(e.id)},onRowAction:(e,t)=>{"open-action"===e&&o.layoutService.pickSignal(t.id)}})}),c()]})},wt=[{type:$.Component,desktopColumns:"3",tabletColumns:"6",phoneColumns:"12",fieldRightMargin:"1",fieldBottomMargin:"1",element:({revenueCount:e})=>{const o=(null==e?void 0:e.thirtyOneDaysRevenue)||0,a=(null==e?void 0:e.thirtyOneDaysCount)||0,n=o<0?re.Red:o>0?re.Green:re.Orange;return t(Se,{style:{height:"max(calc((100dvh - 100px) / 3), 275px)"},value:o,backgroundColor:n,backgroundMode:ue.Semi,valueUnit:"USDT",headerLabel:"31 days",footerLabel:"Profit for 31 days",caption:`${a} ${Le(a,{one:"trade",many:"trades"})}`})}},{type:$.Component,desktopColumns:"3",tabletColumns:"6",phoneColumns:"12",fieldRightMargin:"1",fieldBottomMargin:"1",element:({revenueCount:e})=>{const o=(null==e?void 0:e.sevenDaysRevenue)||0,a=(null==e?void 0:e.sevenDaysCount)||0,n=o<0?re.Red:o>0?re.Green:re.Orange;return t(Se,{style:{height:"max(calc((100dvh - 100px) / 3), 275px)"},value:o,backgroundColor:n,backgroundMode:ue.Semi,valueUnit:"USDT",headerLabel:"7 days",footerLabel:"Profit for 7 days",caption:`${a} ${Le(a,{one:"trade",many:"trades"})}`})}},{type:$.Component,desktopColumns:"3",tabletColumns:"6",phoneColumns:"12",fieldRightMargin:"1",fieldBottomMargin:"1",element:({revenueCount:e})=>{const o=(null==e?void 0:e.yesterdayRevenue)||0,a=(null==e?void 0:e.yesterdayCount)||0,n=o<0?re.Red:o>0?re.Green:re.Orange;return t(Se,{style:{height:"max(calc((100dvh - 100px) / 3), 275px)"},value:o,backgroundColor:n,backgroundMode:ue.Semi,valueUnit:"USDT",headerLabel:"Yesterday",footerLabel:"Yesterday's profit",caption:`${a} ${Le(a,{one:"trade",many:"trades"})}`})}},{type:$.Component,desktopColumns:"3",tabletColumns:"6",phoneColumns:"12",fieldRightMargin:"1",fieldBottomMargin:"1",element:({revenueCount:e})=>{const o=(null==e?void 0:e.todayRevenue)||0,a=(null==e?void 0:e.todayCount)||0,n=o<0?re.Red:o>0?re.Green:re.Orange;return t(Se,{style:{height:"max(calc((100dvh - 100px) / 3), 275px)"},value:o,backgroundColor:n,backgroundMode:ue.Semi,valueUnit:"USDT",headerLabel:"Today",footerLabel:"Today's profit",caption:`${a} ${Le(a,{one:"trade",many:"trades"})}`})}},{type:$.Component,desktopColumns:"6",tabletColumns:"6",phoneColumns:"12",fieldRightMargin:"1",fieldBottomMargin:"1",element:({tradePerfomance:e})=>{const o=[{color:"#DD4049",label:"Failed",maxValue:Math.max(e.rejectedCount+1,1),value:()=>e.rejectedCount},{color:"#2EA96F",label:"Successful",maxValue:Math.max(e.rejectedCount+e.resolvedCount+2,2),value:()=>e.resolvedCount},{color:"#F3A43A",label:"Total",hidden:!0,maxValue:Math.max(e.total+3,3),value:()=>e.total}];return t(at,{style:{height:"max(calc((100dvh - 100px) / 2), 450px)"},items:o,valueUnit:Le(Math.abs(e.resolvedCount),{one:"Successful signal",many:"Successful signals"}),value:e.resolvedCount})}},{type:$.Component,desktopColumns:"6",tabletColumns:"6",phoneColumns:"12",fieldRightMargin:"1",fieldBottomMargin:"1",element:({dailyTrades:e})=>t(vt,{sx:{height:"max(calc((100dvh - 100px) / 2), 450px)"},items:e})},{type:$.Component,desktopColumns:"6",tabletColumns:"6",phoneColumns:"12",fieldRightMargin:"1",fieldBottomMargin:"1",element:({successRate:e})=>{const o=e.map(({symbol:e,displayName:o,rejectedCloseCount:a,rejectedStopLossCount:n,resolvedCloseCount:l,resolvedTakeProfitCount:i})=>({title:o||e,description:e,avatar:()=>t(G,{symbol:e}),done:i,archive:n,waiting:a,inprogress:l})).filter(({done:e,archive:t,waiting:o,inprogress:a})=>{let n=!1;return n=n||!!e,n=n||!!t,n=n||!!o,n=n||!!a,n});return t(ct,{sx:{height:"max(calc((100dvh - 100px) / 2), 450px)"},items:o})}},{type:$.Component,desktopColumns:"6",tabletColumns:"6",phoneColumns:"12",fieldRightMargin:"1",fieldBottomMargin:"1",element:({payload:e})=>t(kt,{sx:{height:"max(calc((100dvh - 100px) / 2), 450px)"},mode:e.mode})}],St={rejectedCount:0,resolvedCount:0,total:0},Lt=[{action:"download-action",label:"Download",icon:()=>t(D,{icon:H,color:"#4caf50"})},{divider:!0},{action:"live-action",label:"Switch to LIVE",isVisible:e=>"backtest"===e,icon:()=>t(D,{icon:ee,color:"#4caf50"})},{action:"backtest-action",label:"Switch to BACKTEST",isVisible:e=>"live"===e,icon:()=>t(D,{icon:Q,color:"#4caf50"})},{divider:!0},{action:"update-now",label:"Refresh manually",icon:()=>t(D,{icon:Y,color:"#4caf50"})}],Pt=[{type:U.Link,action:"back-action",label:t(Z,{sx:{display:"block"}})},{type:U.Link,action:"back-action",label:"Dashboard"},{type:U.Link,action:"back-action",compute:e=>`KPI ${String(e).toUpperCase()}`}],Mt=new E,Nt=({mode:e})=>{const[a,{loading:n,execute:l}]=A(async()=>{const t=await o.symbolGlobalService.getSymbolList(),a=await o.symbolGlobalService.getSymbolMap(),n=new Map,l=[],i={...St};let r={symbol:"TOTAL",todayRevenue:0,yesterdayRevenue:0,sevenDaysRevenue:0,thirtyOneDaysRevenue:0,todayCount:0,yesterdayCount:0,sevenDaysCount:0,thirtyOneDaysCount:0};await Promise.all(t.map(async t=>{var o;const[s=[],c,d,u]=await Promise.all([le(t,e),ne(t,e),ae(t,e),ie(t,e)]);for(const e of s){const t=n.get(e.stamp)||{count:0,resolved:0,rejected:0};n.set(e.stamp,{count:t.count+e.count,resolved:t.resolved+e.resolved,rejected:t.rejected+e.rejected})}l.push({...c,symbol:t,displayName:(null==(o=a[t])?void 0:o.displayName)||t}),i.rejectedCount+=d.rejectedCount,i.resolvedCount+=d.resolvedCount,i.total+=d.total,r.todayRevenue+=u.todayRevenue,r.yesterdayRevenue+=u.yesterdayRevenue,r.sevenDaysRevenue+=u.sevenDaysRevenue,r.thirtyOneDaysRevenue+=u.thirtyOneDaysRevenue,r.todayCount+=u.todayCount,r.yesterdayCount+=u.yesterdayCount,r.sevenDaysCount+=u.sevenDaysCount,r.thirtyOneDaysCount+=u.thirtyOneDaysCount}));return{dailyTrades:Array.from(n).map(([e,{count:t,resolved:o,rejected:a}])=>({stamp:e,count:t,resolved:o,rejected:a})),successRate:l,tradePerfomance:i,revenueCount:r}},{onLoadStart:()=>o.layoutService.setModalLoader(!0),onLoadEnd:()=>o.layoutService.setModalLoader(!1),deps:[e]}),{execute:i}=O(async()=>{const t=await te(e),a=new Blob([JSON.stringify(t,null,2)],{type:"application/json"}),n=URL.createObjectURL(a);o.layoutService.downloadFile(n,`signals_${e}_${Date.now()}.json`)},{onLoadStart:()=>o.layoutService.setAppbarLoader(!0),onLoadEnd:()=>o.layoutService.setAppbarLoader(!1)});z(()=>Mt.subscribe(l));return t(_,{children:[t(F,{items:Pt,actions:Lt,payload:e,onAction:async e=>{"download-action"===e&&await i(),"update-now"===e&&(te.clear(),await Mt.next()),"live-action"===e&&o.routerService.push("/dashboard/live"),"backtest-action"===e&&o.routerService.push("/dashboard/backtest"),"back-action"===e&&o.routerService.push("/")}}),a?n?null:t(W,{handler:a,payload:()=>({handleUpdate(){Mt.next()},mode:e}),fields:wt}):null]})};export{Nt as DashboardPage,Nt as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as e,f as a,a as n,Z as t,q as o,I as i,D as s,b as r,k as l,i as c,z as d,X as p,R as h,J as u,L as b,d as m,e as g,B as y,T as v,v as x,g as f,l as k,h as w,j as S,m as L,n as R,o as F,p as D,r as P,F as W,S as $,x as j,s as C}from"./index-Cbq2maCt.js";import{R as T,I as z,C as A}from"./IconPhoto-CHjzSKw5.js";const B=e(a("path",{d:"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"}),"Dashboard"),I=new n,M=[{type:t.Link,action:"back-action",label:"Main"},{type:t.Link,action:"back-action",label:"Dashboard"}],N=[{action:"dashboard-action",label:"Dashboard",icon:()=>a(i,{icon:B,color:"#4caf50"})},{divider:!0},{action:"download-action",label:"Download",icon:()=>a(i,{icon:s,color:"#4caf50"})},{divider:!0},{action:"update-now",label:"Refresh",icon:()=>a(i,{icon:T,color:"#4caf50"})}],O=()=>a(o,{items:M,actions:N,onAction:I.next});const V=({data:{type:e},setLoading:n})=>{const{elementRef:t,size:o}=r({closest:".MuiContainer-root",compute:e=>(e.height-=150,e)}),[i,{loading:s,execute:$}]=l(async()=>{if("live"===e){return(await c.storageViewService.listSignalLive()).filter(e=>"closed"===e.status)}return(await c.storageViewService.listSignalBacktest()).filter(e=>"closed"===e.status)},{onLoadStart:()=>n(!0),onLoadEnd:()=>n(!1),deps:[e]}),j=d(i),C=d(e);p(()=>I.subscribe(e=>{if("update-now"===e&&$(),"download-action"===e){const e=new Blob([JSON.stringify(j.current,null,2)],{type:"application/json"}),a=URL.createObjectURL(e);c.layoutService.downloadFile(a,`signals_${C.current}_${Date.now()}.json`)}"dashboard-action"===e&&c.routerService.push(`/dashboard/${C.current}`)}));const T=h.useMemo(()=>i?i.reduce((e,a)=>(e[a.symbol]||(e[a.symbol]=[]),e[a.symbol].push(a),e),{}):{},[i]),A=e=>{const n=T[e]||[];return n.length?a(W,{children:n.map((n,t)=>{return a(L,{sx:{background:e=>t%2==1?F(e.palette.getContrastText(e.palette.background.paper),.02):void 0},onClick:()=>c.layoutService.pickSignal(n.id),children:[a(m,{primary:a(y,{sx:{display:"flex",gap:2,flexWrap:"wrap",alignItems:"center"},children:[a(v,{variant:"body2",component:"span",sx:{fontWeight:"bold",px:1,py:.5,borderRadius:1,background:"long"===n.position?"#1976D2":"#F57C00",color:"white"},children:"long"===n.position?"LONG":"SHORT"}),a(v,{variant:"body2",component:"span",sx:{fontWeight:"medium"},children:[a(y,{component:"span",sx:{color:"text.secondary",mr:.5},children:"Entry:"}),R(n.priceOpen),"$"]}),a(v,{variant:"body2",component:"span",sx:{fontWeight:"medium",color:"success.main"},children:[a(y,{component:"span",sx:{color:"text.secondary",mr:.5},children:"TP:"}),R(n.priceTakeProfit),"$"]}),a(v,{variant:"body2",component:"span",sx:{fontWeight:"medium",color:"error.main"},children:[a(y,{component:"span",sx:{color:"text.secondary",mr:.5},children:"SL:"}),R(n.priceStopLoss),"$"]}),"pnl"in n&&a(v,{variant:"body2",component:"span",sx:{fontWeight:"bold",px:1,py:.5,borderRadius:1,background:n.pnl.pnlPercentage>=0?F("#4caf50",.15):F("#f44336",.15),color:n.pnl.pnlPercentage>=0?"#2e7d32":"#c62828"},children:["PNL: ",n.pnl.pnlPercentage>=0?"+":"",n.pnl.pnlPercentage.toFixed(2),"%"]}),a(v,{variant:"caption",component:"span",sx:{px:1,py:.25,borderRadius:.5,background:"opened"===n.status?F("#4caf50",.2):"scheduled"===n.status?F("#ff9800",.2):"closed"===n.status?F("#9e9e9e",.2):F("#f44336",.2),color:"opened"===n.status?"#2e7d32":"scheduled"===n.status?"#e65100":"closed"===n.status?"#616161":"#c62828"},children:n.status})]}),secondary:a(v,{pt:.5,variant:"subtitle2",sx:{opacity:.5},children:(o=n.createdAt||n.pendingAt,new Date(o).toLocaleString([],{year:"numeric",month:"numeric",day:"numeric",hourCycle:"h24",hour:"2-digit",minute:"2-digit",second:"2-digit"}))})}),a(D,{disableRipple:!0,children:a(P,{})})]},`item-${e}-${n.id}`);var o})}):a(b,{children:a(m,{sx:{"& .MuiTypography-body2":{maxWidth:"435px"}},primary:"No signals",secondary:"Signals will be displayed here after they appear"})})};return s?null:a(w,{ref:t,sx:{width:"100%",maxHeight:o.height,overflowX:"hidden",overflowY:"auto",scrollbarWidth:"thin",bgcolor:"background.paper",position:"relative","& ul":{padding:0}},subheader:a("li",{}),children:a(u,{deps:[T],children:async()=>{const n=Object.keys(T),t=await c.symbolGlobalService.getSymbolMap();return n.length?n.map(e=>{var n,o,i;const s=null==(n=t[e])?void 0:n.color,r=(null==(o=T[e])?void 0:o.length)||0;return a("li",{children:a("ul",{children:[a(g,{sx:{background:(l=s,S(l,"#000000")>S(l,"#FFFFFF")?f(s,.1):k(s,.1)),color:"white !important",zIndex:9,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[a(y,{sx:{position:"relative",paddingRight:"8px"},children:a(z,{symbol:e})}),(null==(i=t[e])?void 0:i.displayName)||e,a(y,{flex:1}),a(v,{variant:"body2",sx:{fontWeight:"medium"},children:x(r,{one:"Signal",two:"Signals",many:"Signals"})})]}),a(y,{sx:{marginTop:"16px",marginBottom:"16px"},children:A(e)})]})},`section-${e}`);var l}):a(b,{children:a(m,{primary:"No signals yet",secondary:"live"===e?"Live signals will be displayed here":"Backtest signals will be displayed here"})})}})})},H=()=>a($,{children:"\n body {\n background-color: #ddd !important;\n }\n "}),E=C(),G=(e,a)=>e.some(e=>e.includes(a)),J=[{id:"backtest",element:V,isActive:e=>G(["/backtest"],e)},{id:"live",element:V,isActive:e=>G(["/live"],e)}],U=[{id:"backtest",label:"Backtest"},{id:"live",label:"Live"}],X=({symbol:e})=>{p(()=>E.replace("/backtest"));return a(A,{children:[a(j,{withScroll:!0,sx:{height:"calc(100vh - 105px)"},BeforePaper:O,onLoadStart:()=>c.layoutService.setAppbarLoader(!0),onLoadEnd:()=>c.layoutService.setAppbarLoader(!1),routes:J,tabs:U,history:E,initialData:()=>({backtest:{type:"backtest"},live:{type:"live"}}),payload:()=>({symbol:e}),onTabChange:(e,a)=>{"backtest"===e&&a.replace("/backtest"),"live"===e&&a.replace("/live")}}),a(H,{})]})};export{X as MainPage,X as default};
|