@abtnode/webapp 1.16.32-beta-4d47ae7f → 1.16.32-beta-17be26d7

package/dist/assets/{index-_57evWXG.js → index-CnJqCwcF.js}

@@ -1,4 +1,4 @@
-import{g as O,_ as F,P as o,s as Q,j as e,I as Y,r as p,u as q,c as X,a as P,b as R,L as J,d as K,e as Z,f as ee,h as ne,W as T,i as te,T as j,k as ae,l as b,m as g,G as v,n as V,p as se,C as re,o as L}from"./index-CKU0PpEw.js";import{f as oe}from"./index-BojVbZw0.js";import{I as E}from"./index-DPcAeqds.js";import{C as I}from"./click-to-copy-DB7iKgQI.js";import{w as ie}from"./withStyles-EplDP6p4.js";var le=F,ce=le(function(n,i,r){return n+(r?" ":"")+i.toLowerCase()}),me=ce;const de=O(me);function w({icon:n,value:i,name:r,url:x,animated:c,LinkComponent:l,prefix:d}){const s=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"metric__image",children:e.jsx(Y,{name:n,alt:typeof r=="string"?r:"",size:30,prefix:d,color:"#222222"})}),e.jsxs("div",{children:[e.jsx("div",{className:`metric__number ${c?"metric__number--animated":""}`,dangerouslySetInnerHTML:{__html:i}}),e.jsx("div",{className:"metric__name",children:r})]})]});return e.jsx(ue,{children:x?e.jsx(l,{to:x,children:s}):s})}w.propTypes={icon:o.string.isRequired,value:o.oneOfType([o.string,o.number]).isRequired,name:o.node.isRequired,animated:o.bool,url:o.string,LinkComponent:o.any,prefix:o.string};w.defaultProps={animated:!1,url:"",LinkComponent:null,prefix:"/images"};const ue=Q("div")`
+import{g as O,_ as F,P as o,s as Q,j as e,I as Y,r as p,u as q,c as X,a as P,b as R,L as J,d as K,e as Z,f as ee,h as ne,W as T,i as te,T as j,k as ae,l as b,m as g,G as v,n as V,p as se,C as re,o as L}from"./index-D8jEuOKc.js";import{f as oe}from"./index-BojVbZw0.js";import{I as E}from"./index-zAZnE_sV.js";import{C as I}from"./click-to-copy-DLjgvWtN.js";import{w as ie}from"./withStyles-DM17B_mO.js";var le=F,ce=le(function(n,i,r){return n+(r?" ":"")+i.toLowerCase()}),me=ce;const de=O(me);function w({icon:n,value:i,name:r,url:x,animated:c,LinkComponent:l,prefix:d}){const s=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"metric__image",children:e.jsx(Y,{name:n,alt:typeof r=="string"?r:"",size:30,prefix:d,color:"#222222"})}),e.jsxs("div",{children:[e.jsx("div",{className:`metric__number ${c?"metric__number--animated":""}`,dangerouslySetInnerHTML:{__html:i}}),e.jsx("div",{className:"metric__name",children:r})]})]});return e.jsx(ue,{children:x?e.jsx(l,{to:x,children:s}):s})}w.propTypes={icon:o.string.isRequired,value:o.oneOfType([o.string,o.number]).isRequired,name:o.node.isRequired,animated:o.bool,url:o.string,LinkComponent:o.any,prefix:o.string};w.defaultProps={animated:!1,url:"",LinkComponent:null,prefix:"/images"};const ue=Q("div")`
   border-left: 1px solid ${n=>n.theme.typography.color.main};
   padding: 10px 0 10px 16px;
   @media (max-width: ${n=>n.theme.breakpoints.values.sm}px) {

package/dist/assets/{index-Dp1i8yMQ.js → index-CqCsZC4C.js}

@@ -1,4 +1,4 @@
-import{u as z,j as n,r as d,L as J,P as g,f as H,l as b,Q as m,m as S,d as Y,X as Z,C as ee,t as te,N as y,a as f,H as T,b as x,cT as re,G as v,E as R,p as ne,o as oe,A as se,bg as ie,n as ae}from"./index-CKU0PpEw.js";import{T as me}from"./index-CF2SXTd_.js";import le from"./traffic-DufPWisE.js";import{D as ce}from"./index-yU18hYDn.js";import{B as ue}from"./app-avatar-CgIjV1PQ.js";import{B as de}from"./bundle-avatar-BBqlxK_u.js";import{C as pe,M as E}from"./memory-CCJf6Oap.js";import{I as fe}from"./chart-i8lNbY7K.js";import{w as ge}from"./withStyles-EplDP6p4.js";import{_ as he}from"./useLocalStorage-B5JaxT-E.js";import{T as ye,a as ve}from"./ToggleButtonGroup-CIYQdG-6.js";import"./Delete-B0fykqSv.js";import"./iframe-BQmWj7PI.js";import"./ChevronLeft-BklOCwb5.js";import"./ChevronRight-Cy5oOgJM.js";import"./Select-C9dnMaBi.js";import"./useThemeProps-AvaZ9peg.js";import"./TextField-DVBgajf0.js";import"./InputLabel-Dk0k1wxQ.js";import"./InputAdornment-C4wvo3mY.js";import"./FilterList-DhkfKYuD.js";import"./LastPage-CK19i1GM.js";import"./index-Dg1KeOMS.js";import"./redux-Deq08ymq.js";import"./Search-DiD8rSmP.js";import"./index-DZjB4N8F.js";import"./MoreVert-B2z5RSzn.js";import"./getValidReactChildren-CWIs5P8J.js";function je(){const{api:e,info:r}=z();return n.jsx(le,{client:e,did:r.did})}var M={};Object.defineProperty(M,"__esModule",{value:!0});var V=M.default=void 0;xe(d);var C=n;function xe(e){return e&&e.__esModule?e:{default:e}}function L(e,r){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(u){return Object.getOwnPropertyDescriptor(e,u).enumerable})),i.push.apply(i,a)}return i}function _(e){for(var r=1;r<arguments.length;r++){var i=arguments[r]!=null?arguments[r]:{};r%2?L(Object(i),!0).forEach(function(a){be(e,a,i[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):L(Object(i)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(i,a))})}return e}function be(e,r,i){return(r=Ie(r))in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function Ie(e){var r=Ne(e,"string");return typeof r=="symbol"?r:r+""}function Ne(e,r){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var a=i.call(e,r||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}var k=function(r){return(0,C.jsxs)("svg",_(_({},r),{},{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"})]}))};k.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"};k.displayName="server";V=M.default=k;const Pe=ge(e=>({root:{height:10},colorPrimary:{backgroundColor:e.palette.grey[e.palette.mode==="light"?200:700]},bar:{backgroundColor:e.palette.secondary.main}}))(J);function A(e){const{value:r}=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(S,{variant:"body2",color:"textSecondary",children:`${Math.round(r)}%`})})]})}A.propTypes={value:g.number.isRequired};function O({disk:e}){const{t:r}=d.useContext(H),i=[{id:1,className:"used",title:r("system.used"),metric:b(e.used)},{id:2,className:"free",title:r("system.free"),metric:b(e.free)},{id:3,className:"total",title:r("system.total"),metric:b(e.total)}];return n.jsx(fe,{title:`${r("common.disk")} (${e.device})`,value:b(e.used),graph:n.jsx(m,{mt:3,children:n.jsx(A,{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))})}O.propTypes={disk:g.shape({used:g.number,free:g.number,total:g.number,device:g.string})};O.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:r,locale:i}=te(),{api:a}=z(),[u,I]=he("runtime-view-interval",6),j=d.useMemo(()=>{const t=[];return t.push({type:"server",groupId:"server",groupName:U,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:D}),t.push({type:"server",groupId:"server",groupName:U,id:"server:service",name:"Server (Service)",runtimeInfo:D}),e.forEach(o=>{y.forEachBlockletSync(o,(s,{id:l,ancestors:c})=>{s.runtimeInfo&&t.push({type:"blocklet",groupId:o.meta.did,groupName:y.getDisplayName(o),id:l,name:y.getDisplayName(s,!0),blocklet:o,component:s,runtimeInfo:s.runtimeInfo,ancestors:c})})}),t},[]),[p,N]=d.useState(j),[h,F]=d.useState({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[P,G]=d.useState({cpu:[],mem:[],daemonMem:[],serviceMem:[]});f(T.EVENTS.NODE_RUNTIME_INFO,t=>{t.mem.total=t.mem.total||0,t.mem.used=t.mem.total-(t.mem.available||0),F(t),N(o=>o.map(s=>s.id==="server:daemon"?{...s,runtimeInfo:{...s.runtimeInfo,...t.daemon}}:s.id==="server:service"?{...s,runtimeInfo:{...s.runtimeInfo,...t.service}}:s))}),f(T.EVENTS.BLOCKLETS_RUNTIME_INFO,t=>{if(!t||!t.length){console.error("incorrect blocklets runtime info format",t);return}N(o=>o.map(s=>{const l=t.find(c=>c.componentId===s.id);return l?{...s,runtimeInfo:{...s.runtimeInfo,...l.runtimeInfo}}:s}))});const w=t=>{N(o=>o.filter(s=>s.groupId!==t.meta.did))},B=async t=>{try{const{blocklet:o}=await a.getBlocklet({input:{did:t.meta.did,attachRuntimeInfo:!0}});o.status!=="running"&&w(o),N(s=>{const l=s.filter(c=>c.groupId!==o.meta.did);return y.forEachBlockletSync(o,(c,{id:Q,ancestors:X})=>{c.runtimeInfo&&l.push({type:"blocklet",groupId:o.meta.did,groupName:y.getDisplayName(o),id:Q,name:y.getDisplayName(c,!0),blocklet:o,component:c,runtimeInfo:c.runtimeInfo,ancestors:X})}),l})}catch(o){R.error(o.message)}};f(x.BlockletEvents.removed,w),f(x.BlockletEvents.startFailed,w),f(x.BlockletEvents.statusChange,t=>{if(t.status!=="running"){w(t);return}B(t)}),f(x.BlockletEvents.updated,B),f(x.BlockletEvents.started,B);const W=()=>{a.getNodeRuntimeHistory({input:{hours:u}}).then(t=>{const o=t.history||[];G({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(t=>{R.error(t.message)})};d.useEffect(()=>{W()},[u]);const q=t=>ne(Number(t||0),{locale:oe(i)}),K=[{label:r("common.group"),name:"groupName",options:{customBodyRenderLite(t){const{type:o,blocklet:s,groupName:l}=p[t];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:r("common.name"),name:"name",options:{customBodyRenderLite(t){const{type:o,name:s,component:l,ancestors:c}=p[t];return o==="server"?n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(V,{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:r("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(t){const{runtimeInfo:o}=p[t];return q(o.uptime)}}},{label:r("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(t){const{runtimeInfo:o}=p[t];return b((o==null?void 0:o.memoryUsage)||0)},sortDirection:"asc"}},{label:r("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(t){const{runtimeInfo:o}=p[t];return`${(o.cpuUsage||0).toFixed(1)}%`}}},{label:r("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:r("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(S,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:r("analytics.trend")}),n.jsx(ye,{size:"small",exclusive:!0,value:u,onChange:(t,o)=>I(o),children:[1,3,6,12,24].map(t=>n.jsxs(ve,{value:t,children:[t,"H"]},t))})]}),n.jsxs(v,{mb:4,container:!0,spacing:4,children:[n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(pe,{...h.cpu,history:P.cpu})},"cpu"),n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(E,{...h.mem,history:P.mem})},"memory"),n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(E,{title:`${r("common.memory")} (Daemon)`,used:h.daemon.memoryUsage||0,history:P.daemonMem})},"memory-daemon"),n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(E,{title:`${r("common.memory")} (Service)`,instanceCount:h.service.instanceCount||0,used:h.service.memoryUsage||0,history:P.serviceMem})},"memory-service"),h.disks.map(t=>n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(O,{disk:t})},"disk"))]}),n.jsx(ce,{className:"runtime-insight-list",title:r("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:r,initialized:i}=Y();if(!i)return n.jsx(Z,{relative:"parent",children:n.jsx(ee,{})});const a=[...e,...r];return n.jsx($,{initialBlocklets:a})}function tt(){const e=se(),{t:r}=d.useContext(H),{tab:i="traffic"}=ie(),a=p=>{e(`/analytics/${p}`)},u=[{label:r("common.traffic"),value:"traffic"},{label:r("common.runtime"),value:"runtime"}],I={traffic:je,runtime:we},j=I[i]||I.traffic;return n.jsxs(Be,{children:[n.jsx(S,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:r("common.analytics")}),n.jsx(me,{tabs:u,current:i,onChange:a}),n.jsx("div",{className:"page-content",children:d.isValidElement(j)?j:n.jsx(j,{})})]})}const Be=ae.main`
+import{u as z,j as n,r as d,L as J,P as g,f as H,l as b,Q as m,m as S,d as Y,X as Z,C as ee,t as te,N as y,a as f,H as R,b as x,cU as re,G as v,E as T,p as ne,o as oe,A as se,bg as ie,n as ae}from"./index-D8jEuOKc.js";import{T as me}from"./index-BZ5mGJWw.js";import le from"./traffic-Hfc3zrFY.js";import{D as ce}from"./index-UkVmuOk4.js";import{B as ue}from"./app-avatar-CZMX5yC0.js";import{B as de}from"./bundle-avatar-B_KhS55w.js";import{C as pe,M as E}from"./memory-Bu0JELz3.js";import{I as fe}from"./chart-TH03FheV.js";import{w as ge}from"./withStyles-DM17B_mO.js";import{_ as he}from"./useLocalStorage-VUDmm0Mk.js";import{T as ye,a as ve}from"./ToggleButtonGroup-AtNMdn7e.js";import"./Delete-DUmhYiAq.js";import"./iframe-ZIaXI_5u.js";import"./ChevronLeft-BcAe4jGL.js";import"./ChevronRight-D3x_9psV.js";import"./Select-DsA6mJ7A.js";import"./useThemeProps-_vPkb6TM.js";import"./TextField-CRqdsKdk.js";import"./InputLabel-x5fGAphs.js";import"./InputAdornment-I3Qa54dS.js";import"./index-ZzQVQqI_.js";import"./redux-rfMuaiI1.js";import"./ViewColumn-BCkzYaEc.js";import"./LastPage-CFPei4j4.js";import"./Search-LvG1ITyu.js";import"./index-DK-C26MA.js";import"./MoreVert-DSqbsAYy.js";import"./getValidReactChildren-DAG74NDJ.js";function je(){const{api:e,info:r}=z();return n.jsx(le,{client:e,did:r.did})}var M={};Object.defineProperty(M,"__esModule",{value:!0});var V=M.default=void 0;xe(d);var C=n;function xe(e){return e&&e.__esModule?e:{default:e}}function L(e,r){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(u){return Object.getOwnPropertyDescriptor(e,u).enumerable})),i.push.apply(i,a)}return i}function _(e){for(var r=1;r<arguments.length;r++){var i=arguments[r]!=null?arguments[r]:{};r%2?L(Object(i),!0).forEach(function(a){be(e,a,i[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):L(Object(i)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(i,a))})}return e}function be(e,r,i){return(r=Ie(r))in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function Ie(e){var r=Ne(e,"string");return typeof r=="symbol"?r:r+""}function Ne(e,r){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var a=i.call(e,r||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}var k=function(r){return(0,C.jsxs)("svg",_(_({},r),{},{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"})]}))};k.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"};k.displayName="server";V=M.default=k;const Pe=ge(e=>({root:{height:10},colorPrimary:{backgroundColor:e.palette.grey[e.palette.mode==="light"?200:700]},bar:{backgroundColor:e.palette.secondary.main}}))(J);function A(e){const{value:r}=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(S,{variant:"body2",color:"textSecondary",children:`${Math.round(r)}%`})})]})}A.propTypes={value:g.number.isRequired};function O({disk:e}){const{t:r}=d.useContext(H),i=[{id:1,className:"used",title:r("system.used"),metric:b(e.used)},{id:2,className:"free",title:r("system.free"),metric:b(e.free)},{id:3,className:"total",title:r("system.total"),metric:b(e.total)}];return n.jsx(fe,{title:`${r("common.disk")} (${e.device})`,value:b(e.used),graph:n.jsx(m,{mt:3,children:n.jsx(A,{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))})}O.propTypes={disk:g.shape({used:g.number,free:g.number,total:g.number,device:g.string})};O.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:r,locale:i}=te(),{api:a}=z(),[u,I]=he("runtime-view-interval",6),j=d.useMemo(()=>{const t=[];return t.push({type:"server",groupId:"server",groupName:U,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:D}),t.push({type:"server",groupId:"server",groupName:U,id:"server:service",name:"Server (Service)",runtimeInfo:D}),e.forEach(o=>{y.forEachBlockletSync(o,(s,{id:l,ancestors:c})=>{s.runtimeInfo&&t.push({type:"blocklet",groupId:o.meta.did,groupName:y.getDisplayName(o),id:l,name:y.getDisplayName(s,!0),blocklet:o,component:s,runtimeInfo:s.runtimeInfo,ancestors:c})})}),t},[]),[p,N]=d.useState(j),[h,F]=d.useState({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[P,G]=d.useState({cpu:[],mem:[],daemonMem:[],serviceMem:[]});f(R.EVENTS.NODE_RUNTIME_INFO,t=>{t.mem.total=t.mem.total||0,t.mem.used=t.mem.total-(t.mem.available||0),F(t),N(o=>o.map(s=>s.id==="server:daemon"?{...s,runtimeInfo:{...s.runtimeInfo,...t.daemon}}:s.id==="server:service"?{...s,runtimeInfo:{...s.runtimeInfo,...t.service}}:s))}),f(R.EVENTS.BLOCKLETS_RUNTIME_INFO,t=>{if(!t||!t.length){console.error("incorrect blocklets runtime info format",t);return}N(o=>o.map(s=>{const l=t.find(c=>c.componentId===s.id);return l?{...s,runtimeInfo:{...s.runtimeInfo,...l.runtimeInfo}}:s}))});const w=t=>{N(o=>o.filter(s=>s.groupId!==t.meta.did))},B=async t=>{try{const{blocklet:o}=await a.getBlocklet({input:{did:t.meta.did,attachRuntimeInfo:!0}});o.status!=="running"&&w(o),N(s=>{const l=s.filter(c=>c.groupId!==o.meta.did);return y.forEachBlockletSync(o,(c,{id:Q,ancestors:X})=>{c.runtimeInfo&&l.push({type:"blocklet",groupId:o.meta.did,groupName:y.getDisplayName(o),id:Q,name:y.getDisplayName(c,!0),blocklet:o,component:c,runtimeInfo:c.runtimeInfo,ancestors:X})}),l})}catch(o){T.error(o.message)}};f(x.BlockletEvents.removed,w),f(x.BlockletEvents.startFailed,w),f(x.BlockletEvents.statusChange,t=>{if(t.status!=="running"){w(t);return}B(t)}),f(x.BlockletEvents.updated,B),f(x.BlockletEvents.started,B);const W=()=>{a.getNodeRuntimeHistory({input:{hours:u}}).then(t=>{const o=t.history||[];G({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(t=>{T.error(t.message)})};d.useEffect(()=>{W()},[u]);const q=t=>ne(Number(t||0),{locale:oe(i)}),K=[{label:r("common.group"),name:"groupName",options:{customBodyRenderLite(t){const{type:o,blocklet:s,groupName:l}=p[t];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:r("common.name"),name:"name",options:{customBodyRenderLite(t){const{type:o,name:s,component:l,ancestors:c}=p[t];return o==="server"?n.jsxs(m,{display:"flex",alignItems:"center",children:[n.jsx(V,{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:r("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(t){const{runtimeInfo:o}=p[t];return q(o.uptime)}}},{label:r("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(t){const{runtimeInfo:o}=p[t];return b((o==null?void 0:o.memoryUsage)||0)},sortDirection:"asc"}},{label:r("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(t){const{runtimeInfo:o}=p[t];return`${(o.cpuUsage||0).toFixed(1)}%`}}},{label:r("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:r("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(S,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:r("analytics.trend")}),n.jsx(ye,{size:"small",exclusive:!0,value:u,onChange:(t,o)=>I(o),children:[1,3,6,12,24].map(t=>n.jsxs(ve,{value:t,children:[t,"H"]},t))})]}),n.jsxs(v,{mb:4,container:!0,spacing:4,children:[n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(pe,{...h.cpu,history:P.cpu})},"cpu"),n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(E,{...h.mem,history:P.mem})},"memory"),n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(E,{title:`${r("common.memory")} (Daemon)`,used:h.daemon.memoryUsage||0,history:P.daemonMem})},"memory-daemon"),n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(E,{title:`${r("common.memory")} (Service)`,instanceCount:h.service.instanceCount||0,used:h.service.memoryUsage||0,history:P.serviceMem})},"memory-service"),h.disks.map(t=>n.jsx(v,{item:!0,lg:3,md:6,sm:6,xs:12,children:n.jsx(O,{disk:t})},"disk"))]}),n.jsx(ce,{className:"runtime-insight-list",title:r("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:r,initialized:i}=Y();if(!i)return n.jsx(Z,{relative:"parent",children:n.jsx(ee,{})});const a=[...e,...r];return n.jsx($,{initialBlocklets:a})}function tt(){const e=se(),{t:r}=d.useContext(H),{tab:i="traffic"}=ie(),a=p=>{e(`/analytics/${p}`)},u=[{label:r("common.traffic"),value:"traffic"},{label:r("common.runtime"),value:"runtime"}],I={traffic:je,runtime:we},j=I[i]||I.traffic;return n.jsxs(Be,{children:[n.jsx(S,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:r("common.analytics")}),n.jsx(me,{tabs:u,current:i,onChange:a}),n.jsx("div",{className:"page-content",children:d.isValidElement(j)?j:n.jsx(j,{})})]})}const Be=ae.main`
   .page-header {
     display: flex;
     justify-content: space-between;