@abtnode/webapp 1.16.28-beta-8acda0e6 → 1.16.28-beta-6917161a

package/dist/assets/{index-CBcjH65j.js → index-CxZxRNSQ.js}

@@ -1,4 +1,4 @@
-import{u as z,j as n,r as d,L as X,P as g,f as V,l as b,O as m,m as E,d as Y,V as Z,C as ee,q as te,M as v,a as f,F as T,b as j,cV as re,G as y,A as L,p as ne,o as oe,z as se,bg as ie,n as ae}from"./index-DHvVD3rl.js";import{T as me}from"./index-BXxemGex.js";import le from"./traffic-BS6Lfitp.js";import{D as ce}from"./index-CiB-ceGd.js";import{B as ue}from"./app-avatar-DQiSEUVG.js";import{B as de}from"./bundle-avatar-6edO3WvW.js";import{C as pe,M as S}from"./memory-DtZsgQku.js";import{I as fe}from"./chart-DxusdyLS.js";import{w as ge}from"./withStyles-CjmLVNUl.js";import{_ as he}from"./useLocalStorage-BOaGasKr.js";import{T as ve,a as ye}from"./ToggleButtonGroup-B4DF013K.js";import"./Delete-DHiwhVmP.js";import"./iframe-CN6X1zkC.js";import"./ChevronLeft-Bqynugte.js";import"./ChevronRight-C8sGT-T0.js";import"./Select-DXPyl9dO.js";import"./TextField-B9TZBqQf.js";import"./InputLabel-Csh1ynXt.js";import"./InputAdornment-0DnARlEj.js";import"./FilterList-usqmRCGh.js";import"./LastPage-DnsJsUIR.js";import"./index-CNEFxICJ.js";import"./redux-DYjmRPcE.js";import"./Search-CQMDHt0w.js";import"./index-CmUhV6b0.js";import"./MoreVert-BzXa-i1R.js";import"./getValidReactChildren-BhT8Dia7.js";function xe(){const{api:e,info:t}=z();return n.jsx(le,{client:e,did:t.did})}var M={};Object.defineProperty(M,"__esModule",{value:!0});var A=M.default=void 0;je(d);var C=n;function je(e){return e&&e.__esModule?e:{default:e}}function k(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(u){return Object.getOwnPropertyDescriptor(e,u).enumerable})),i.push.apply(i,a)}return i}function _(e){for(var t=1;t<arguments.length;t++){var i=arguments[t]!=null?arguments[t]:{};t%2?k(Object(i),!0).forEach(function(a){be(e,a,i[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(i,a))})}return e}function be(e,t,i){return t=Ie(t),t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function Ie(e){var t=Ne(e,"string");return typeof t=="symbol"?t:String(t)}function Ne(e,t){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var a=i.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var O=function(t){return(0,C.jsxs)("svg",_(_({},t),{},{children:[(0,C.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.083 3.2c0-.619.501-1.12 1.12-1.12h25.6c.619 0 1.12.501 1.12 1.12v10.24a1.12 1.12 0 0 1-1.12 1.12h-25.6a1.12 1.12 0 0 1-1.12-1.12V3.2zm2.24 1.12v8h23.36v-8H4.323zm-2.24 14.24c0-.619.501-1.12 1.12-1.12h25.6c.619 0 1.12.501 1.12 1.12V28.8a1.12 1.12 0 0 1-1.12 1.12h-25.6a1.12 1.12 0 0 1-1.12-1.12V18.56zm2.24 1.12v8h23.36v-8H4.323z",fill:"currentColor"}),(0,C.jsx)("path",{d:"M8.963 7.04h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64V7.68a.64.64 0 0 0-.64-.64zm0 15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64v-1.28a.64.64 0 0 0-.64-.64zm5.12-15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64V7.68a.64.64 0 0 0-.64-.64zm0 15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64v-1.28a.64.64 0 0 0-.64-.64z",fill:"currentColor"})]}))};O.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"};O.displayName="server";A=M.default=O;const Pe=ge(e=>({root:{height:10},colorPrimary:{backgroundColor:e.palette.grey[e.palette.mode==="light"?200:700]},bar:{backgroundColor:e.palette.secondary.main}}))(X);function H(e){const{value:t}=e;return n.jsxs(m,{display:"flex",alignItems:"center",mt:2,children:[n.jsx(m,{width:"100%",style:{overflow:"hidden"},mr:1,children:n.jsx(Pe,{variant:"determinate",...e})}),n.jsx(m,{minWidth:35,children:n.jsx(E,{variant:"body2",color:"textSecondary",children:`${Math.round(t)}%`})})]})}H.propTypes={value:g.number.isRequired};function R({disk:e}){const{t}=d.useContext(V),i=[{id:1,className:"used",title:t("system.used"),metric:b(e.used)},{id:2,className:"free",title:t("system.free"),metric:b(e.free)},{id:3,className:"total",title:t("system.total"),metric:b(e.total)}];return n.jsx(fe,{title:`${t("common.disk")} (${e.device})`,value:b(e.used),graph:n.jsx(m,{mt:3,children:n.jsx(H,{value:e.used/e.total*100})}),description:i.map((a,u)=>n.jsxs(m,{sx:{marginLeft:u===0?0:2},children:[a.title,": ",a.metric]},a.title))})}R.propTypes={disk:g.shape({used:g.number,free:g.number,total:g.number,device:g.string})};R.defaultProps={disk:{used:0,free:0,total:1,device:""}};const D={uptime:0,pid:-1,cpuUsage:0,memoryUsage:0},U="Blocklet Server";function $({initialBlocklets:e}){const{t,locale:i}=te(),{api:a}=z(),[u,I]=he("runtime-view-interval",6),x=d.useMemo(()=>{const r=[];return r.push({type:"server",groupId:"server",groupName:U,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:D}),r.push({type:"server",groupId:"server",groupName:U,id:"server:service",name:"Server (Service)",runtimeInfo:D}),e.forEach(o=>{v.forEachBlockletSync(o,(s,{id:l,ancestors:c})=>{s.runtimeInfo&&r.push({type:"blocklet",groupId:o.meta.did,groupName:v.getDisplayName(o),id:l,name:v.getDisplayName(s,!0),blocklet:o,component:s,runtimeInfo:s.runtimeInfo,ancestors:c})})}),r},[]),[p,N]=d.useState(x),[h,F]=d.useState({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[P,q]=d.useState({cpu:[],mem:[],daemonMem:[],serviceMem:[]});f(T.EVENTS.NODE_RUNTIME_INFO,r=>{r.mem.total=r.mem.total||0,r.mem.used=r.mem.total-(r.mem.available||0),F(r),N(o=>o.map(s=>s.id==="server:daemon"?{...s,runtimeInfo:{...s.runtimeInfo,...r.daemon}}:s.id==="server:service"?{...s,runtimeInfo:{...s.runtimeInfo,...r.service}}:s))}),f(T.EVENTS.BLOCKLETS_RUNTIME_INFO,r=>{if(!r||!r.length){console.error("incorrect blocklets runtime info format",r);return}N(o=>o.map(s=>{const l=r.find(c=>c.componentId===s.id);return l?{...s,runtimeInfo:{...s.runtimeInfo,...l.runtimeInfo}}:s}))});const w=r=>{N(o=>o.filter(s=>s.groupId!==r.meta.did))},B=async r=>{try{const{blocklet:o}=await a.getBlocklet({input:{did:r.meta.did,attachRuntimeInfo:!0}});o.status!=="running"&&w(o),N(s=>{const l=s.filter(c=>c.groupId!==o.meta.did);return v.forEachBlockletSync(o,(c,{id:J,ancestors:Q})=>{c.runtimeInfo&&l.push({type:"blocklet",groupId:o.meta.did,groupName:v.getDisplayName(o),id:J,name:v.getDisplayName(c,!0),blocklet:o,component:c,runtimeInfo:c.runtimeInfo,ancestors:Q})}),l})}catch(o){L.error(o.message)}};f(j.BlockletEvents.removed,w),f(j.BlockletEvents.startFailed,w),f(j.BlockletEvents.statusChange,r=>{if(r.status!=="running"){w(r);return}B(r)}),f(j.BlockletEvents.updated,B),f(j.BlockletEvents.started,B);const G=()=>{a.getNodeRuntimeHistory({input:{hours:u}}).then(r=>{const o=r.history||[];q({cpu:o.map(s=>({date:s.date,value:s.cpu})),mem:o.map(s=>({date:s.date,value:s.mem})),daemonMem:o.map(s=>({date:s.date,value:s.daemonMem})),serviceMem:o.map(s=>({date:s.date,value:s.serviceMem}))})}).catch(r=>{L.error(r.message)})};d.useEffect(()=>{G()},[u]);const W=r=>ne(Number(r||0),{locale:oe(i)}),K=[{label:t("common.group"),name:"groupName",options:{customBodyRenderLite(r){const{type:o,blocklet:s,groupName:l}=p[r];return o==="server"?n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(re,{width:"14",height:"14"}),n.jsx(m,{ml:1,children:l})]}):n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(ue,{size:14,blocklet:s}),n.jsx(m,{ml:1,children:l})]})}}},{label:t("common.name"),name:"name",options:{customBodyRenderLite(r){const{type:o,name:s,component:l,ancestors:c}=p[r];return o==="server"?n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(A,{width:"14",height:"14"}),n.jsx(m,{ml:1,children:s})]}):n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(de,{size:14,blocklet:l,ancestors:c}),n.jsx(m,{ml:1,children:s})]})}}},{label:t("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(r){const{runtimeInfo:o}=p[r];return W(o.uptime)}}},{label:t("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(r){const{runtimeInfo:o}=p[r];return b((o==null?void 0:o.memoryUsage)||0)},sortDirection:"asc"}},{label:t("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(r){const{runtimeInfo:o}=p[r];return`${(o.cpuUsage||0).toFixed(1)}%`}}},{label:t("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:t("blocklet.runtimeInfo.port"),name:"runtimeInfo.port"}];return n.jsxs("div",{children:[n.jsxs(m,{display:"flex",justifyContent:"space-between",flexDirection:"row",mb:2,children:[n.jsx(E,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:t("analytics.trend")}),n.jsx(ve,{size:"small",exclusive:!0,value:u,onChange:(r,o)=>I(o),children:[1,3,6,12,24].map(r=>n.jsxs(ye,{value:r,children:[r,"H"]},r))})]}),n.jsxs(y,{mb:4,container:!0,spacing:4,children:[n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(pe,{...h.cpu,history:P.cpu})},"cpu"),n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(S,{...h.mem,history:P.mem})},"memory"),n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(S,{title:`${t("common.memory")} (Daemon)`,used:h.daemon.memoryUsage||0,history:P.daemonMem})},"memory-daemon"),n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(S,{title:`${t("common.memory")} (Service)`,instanceCount:h.service.instanceCount||0,used:h.service.memoryUsage||0,history:P.serviceMem})},"memory-service"),h.disks.map(r=>n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(R,{disk:r})},"disk"))]}),n.jsx(ce,{className:"runtime-insight-list",title:t("analytics.detail"),locale:i,data:p,columns:K,options:{download:!1,filter:!1,print:!1,pagination:!1,rowsPerPage:100}})]})}$.propTypes={initialBlocklets:g.array.isRequired};function we(){const{data:e,externalData:t,initialized:i}=Y();if(!i)return n.jsx(Z,{relative:"parent",children:n.jsx(ee,{})});const a=[...e,...t];return n.jsx($,{initialBlocklets:a})}function et(){const e=se(),{t}=d.useContext(V),{tab:i="traffic"}=ie(),a=p=>{e(`/analytics/${p}`)},u=[{label:t("common.traffic"),value:"traffic"},{label:t("common.runtime"),value:"runtime"}],I={traffic:xe,runtime:we},x=I[i]||I.traffic;return n.jsxs(Be,{children:[n.jsx(E,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:t("common.analytics")}),n.jsx(me,{tabs:u,current:i,onChange:a}),n.jsx("div",{className:"page-content",children:d.isValidElement(x)?x:n.jsx(x,{})})]})}const Be=ae.main`
+import{u as z,j as n,r as d,L as X,P as g,f as V,l as b,O as m,m as E,d as Y,V as Z,C as ee,q as te,M as v,a as f,F as T,b as j,cV as re,G as y,A as L,p as ne,o as oe,z as se,bg as ie,n as ae}from"./index-CAswdZkd.js";import{T as me}from"./index-DdJbp08q.js";import le from"./traffic-CskMDMM9.js";import{D as ce}from"./index-D3Lh5mWG.js";import{B as ue}from"./app-avatar-C4XusMwW.js";import{B as de}from"./bundle-avatar-BAQeilKf.js";import{C as pe,M as S}from"./memory-CqWPgCw7.js";import{I as fe}from"./chart-BxnxKx2Z.js";import{w as ge}from"./withStyles-DqyyCsvW.js";import{_ as he}from"./useLocalStorage-C6lWDRq3.js";import{T as ve,a as ye}from"./ToggleButtonGroup-kyokF_8F.js";import"./Delete-sQJNb5lC.js";import"./iframe-CSlxNh-f.js";import"./ChevronLeft-CBJaHuZr.js";import"./ChevronRight-ftDGFcdo.js";import"./Select-DvwGvpRe.js";import"./TextField-ujCYjYid.js";import"./InputLabel-EIEW8n2S.js";import"./InputAdornment-BHI6-6Hp.js";import"./FilterList-DxfB8aQ7.js";import"./LastPage-C4JcFXs5.js";import"./index-CfddNrs0.js";import"./redux-BkD59_OZ.js";import"./Search-K8V-qpJ2.js";import"./index-BJly7w5W.js";import"./MoreVert-BajHOelZ.js";import"./getValidReactChildren-1X43ZiNl.js";function xe(){const{api:e,info:t}=z();return n.jsx(le,{client:e,did:t.did})}var M={};Object.defineProperty(M,"__esModule",{value:!0});var A=M.default=void 0;je(d);var C=n;function je(e){return e&&e.__esModule?e:{default:e}}function k(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(u){return Object.getOwnPropertyDescriptor(e,u).enumerable})),i.push.apply(i,a)}return i}function _(e){for(var t=1;t<arguments.length;t++){var i=arguments[t]!=null?arguments[t]:{};t%2?k(Object(i),!0).forEach(function(a){be(e,a,i[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(i,a))})}return e}function be(e,t,i){return t=Ie(t),t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function Ie(e){var t=Ne(e,"string");return typeof t=="symbol"?t:String(t)}function Ne(e,t){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var a=i.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var O=function(t){return(0,C.jsxs)("svg",_(_({},t),{},{children:[(0,C.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.083 3.2c0-.619.501-1.12 1.12-1.12h25.6c.619 0 1.12.501 1.12 1.12v10.24a1.12 1.12 0 0 1-1.12 1.12h-25.6a1.12 1.12 0 0 1-1.12-1.12V3.2zm2.24 1.12v8h23.36v-8H4.323zm-2.24 14.24c0-.619.501-1.12 1.12-1.12h25.6c.619 0 1.12.501 1.12 1.12V28.8a1.12 1.12 0 0 1-1.12 1.12h-25.6a1.12 1.12 0 0 1-1.12-1.12V18.56zm2.24 1.12v8h23.36v-8H4.323z",fill:"currentColor"}),(0,C.jsx)("path",{d:"M8.963 7.04h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64V7.68a.64.64 0 0 0-.64-.64zm0 15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64v-1.28a.64.64 0 0 0-.64-.64zm5.12-15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64V7.68a.64.64 0 0 0-.64-.64zm0 15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64v-1.28a.64.64 0 0 0-.64-.64z",fill:"currentColor"})]}))};O.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"};O.displayName="server";A=M.default=O;const Pe=ge(e=>({root:{height:10},colorPrimary:{backgroundColor:e.palette.grey[e.palette.mode==="light"?200:700]},bar:{backgroundColor:e.palette.secondary.main}}))(X);function H(e){const{value:t}=e;return n.jsxs(m,{display:"flex",alignItems:"center",mt:2,children:[n.jsx(m,{width:"100%",style:{overflow:"hidden"},mr:1,children:n.jsx(Pe,{variant:"determinate",...e})}),n.jsx(m,{minWidth:35,children:n.jsx(E,{variant:"body2",color:"textSecondary",children:`${Math.round(t)}%`})})]})}H.propTypes={value:g.number.isRequired};function R({disk:e}){const{t}=d.useContext(V),i=[{id:1,className:"used",title:t("system.used"),metric:b(e.used)},{id:2,className:"free",title:t("system.free"),metric:b(e.free)},{id:3,className:"total",title:t("system.total"),metric:b(e.total)}];return n.jsx(fe,{title:`${t("common.disk")} (${e.device})`,value:b(e.used),graph:n.jsx(m,{mt:3,children:n.jsx(H,{value:e.used/e.total*100})}),description:i.map((a,u)=>n.jsxs(m,{sx:{marginLeft:u===0?0:2},children:[a.title,": ",a.metric]},a.title))})}R.propTypes={disk:g.shape({used:g.number,free:g.number,total:g.number,device:g.string})};R.defaultProps={disk:{used:0,free:0,total:1,device:""}};const D={uptime:0,pid:-1,cpuUsage:0,memoryUsage:0},U="Blocklet Server";function $({initialBlocklets:e}){const{t,locale:i}=te(),{api:a}=z(),[u,I]=he("runtime-view-interval",6),x=d.useMemo(()=>{const r=[];return r.push({type:"server",groupId:"server",groupName:U,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:D}),r.push({type:"server",groupId:"server",groupName:U,id:"server:service",name:"Server (Service)",runtimeInfo:D}),e.forEach(o=>{v.forEachBlockletSync(o,(s,{id:l,ancestors:c})=>{s.runtimeInfo&&r.push({type:"blocklet",groupId:o.meta.did,groupName:v.getDisplayName(o),id:l,name:v.getDisplayName(s,!0),blocklet:o,component:s,runtimeInfo:s.runtimeInfo,ancestors:c})})}),r},[]),[p,N]=d.useState(x),[h,F]=d.useState({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[P,q]=d.useState({cpu:[],mem:[],daemonMem:[],serviceMem:[]});f(T.EVENTS.NODE_RUNTIME_INFO,r=>{r.mem.total=r.mem.total||0,r.mem.used=r.mem.total-(r.mem.available||0),F(r),N(o=>o.map(s=>s.id==="server:daemon"?{...s,runtimeInfo:{...s.runtimeInfo,...r.daemon}}:s.id==="server:service"?{...s,runtimeInfo:{...s.runtimeInfo,...r.service}}:s))}),f(T.EVENTS.BLOCKLETS_RUNTIME_INFO,r=>{if(!r||!r.length){console.error("incorrect blocklets runtime info format",r);return}N(o=>o.map(s=>{const l=r.find(c=>c.componentId===s.id);return l?{...s,runtimeInfo:{...s.runtimeInfo,...l.runtimeInfo}}:s}))});const w=r=>{N(o=>o.filter(s=>s.groupId!==r.meta.did))},B=async r=>{try{const{blocklet:o}=await a.getBlocklet({input:{did:r.meta.did,attachRuntimeInfo:!0}});o.status!=="running"&&w(o),N(s=>{const l=s.filter(c=>c.groupId!==o.meta.did);return v.forEachBlockletSync(o,(c,{id:J,ancestors:Q})=>{c.runtimeInfo&&l.push({type:"blocklet",groupId:o.meta.did,groupName:v.getDisplayName(o),id:J,name:v.getDisplayName(c,!0),blocklet:o,component:c,runtimeInfo:c.runtimeInfo,ancestors:Q})}),l})}catch(o){L.error(o.message)}};f(j.BlockletEvents.removed,w),f(j.BlockletEvents.startFailed,w),f(j.BlockletEvents.statusChange,r=>{if(r.status!=="running"){w(r);return}B(r)}),f(j.BlockletEvents.updated,B),f(j.BlockletEvents.started,B);const G=()=>{a.getNodeRuntimeHistory({input:{hours:u}}).then(r=>{const o=r.history||[];q({cpu:o.map(s=>({date:s.date,value:s.cpu})),mem:o.map(s=>({date:s.date,value:s.mem})),daemonMem:o.map(s=>({date:s.date,value:s.daemonMem})),serviceMem:o.map(s=>({date:s.date,value:s.serviceMem}))})}).catch(r=>{L.error(r.message)})};d.useEffect(()=>{G()},[u]);const W=r=>ne(Number(r||0),{locale:oe(i)}),K=[{label:t("common.group"),name:"groupName",options:{customBodyRenderLite(r){const{type:o,blocklet:s,groupName:l}=p[r];return o==="server"?n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(re,{width:"14",height:"14"}),n.jsx(m,{ml:1,children:l})]}):n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(ue,{size:14,blocklet:s}),n.jsx(m,{ml:1,children:l})]})}}},{label:t("common.name"),name:"name",options:{customBodyRenderLite(r){const{type:o,name:s,component:l,ancestors:c}=p[r];return o==="server"?n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(A,{width:"14",height:"14"}),n.jsx(m,{ml:1,children:s})]}):n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(de,{size:14,blocklet:l,ancestors:c}),n.jsx(m,{ml:1,children:s})]})}}},{label:t("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(r){const{runtimeInfo:o}=p[r];return W(o.uptime)}}},{label:t("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(r){const{runtimeInfo:o}=p[r];return b((o==null?void 0:o.memoryUsage)||0)},sortDirection:"asc"}},{label:t("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(r){const{runtimeInfo:o}=p[r];return`${(o.cpuUsage||0).toFixed(1)}%`}}},{label:t("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:t("blocklet.runtimeInfo.port"),name:"runtimeInfo.port"}];return n.jsxs("div",{children:[n.jsxs(m,{display:"flex",justifyContent:"space-between",flexDirection:"row",mb:2,children:[n.jsx(E,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:t("analytics.trend")}),n.jsx(ve,{size:"small",exclusive:!0,value:u,onChange:(r,o)=>I(o),children:[1,3,6,12,24].map(r=>n.jsxs(ye,{value:r,children:[r,"H"]},r))})]}),n.jsxs(y,{mb:4,container:!0,spacing:4,children:[n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(pe,{...h.cpu,history:P.cpu})},"cpu"),n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(S,{...h.mem,history:P.mem})},"memory"),n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(S,{title:`${t("common.memory")} (Daemon)`,used:h.daemon.memoryUsage||0,history:P.daemonMem})},"memory-daemon"),n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(S,{title:`${t("common.memory")} (Service)`,instanceCount:h.service.instanceCount||0,used:h.service.memoryUsage||0,history:P.serviceMem})},"memory-service"),h.disks.map(r=>n.jsx(y,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(R,{disk:r})},"disk"))]}),n.jsx(ce,{className:"runtime-insight-list",title:t("analytics.detail"),locale:i,data:p,columns:K,options:{download:!1,filter:!1,print:!1,pagination:!1,rowsPerPage:100}})]})}$.propTypes={initialBlocklets:g.array.isRequired};function we(){const{data:e,externalData:t,initialized:i}=Y();if(!i)return n.jsx(Z,{relative:"parent",children:n.jsx(ee,{})});const a=[...e,...t];return n.jsx($,{initialBlocklets:a})}function et(){const e=se(),{t}=d.useContext(V),{tab:i="traffic"}=ie(),a=p=>{e(`/analytics/${p}`)},u=[{label:t("common.traffic"),value:"traffic"},{label:t("common.runtime"),value:"runtime"}],I={traffic:xe,runtime:we},x=I[i]||I.traffic;return n.jsxs(Be,{children:[n.jsx(E,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:t("common.analytics")}),n.jsx(me,{tabs:u,current:i,onChange:a}),n.jsx("div",{className:"page-content",children:d.isValidElement(x)?x:n.jsx(x,{})})]})}const Be=ae.main`
   .page-header {
     display: flex;
     justify-content: space-between;