@abtnode/webapp 1.16.47-beta-20250730-070104-87a128a5 → 1.16.47-beta-20250801-094129-1ba43aaa

package/dist/assets/index-BISeMCeS.js

@@ -0,0 +1,316 @@
+import{j as e,N as g,_ as ue,s as R,a0 as K,m as U,r as f,a1 as fe,y as v,a2 as Me,a3 as ze,o as E,a4 as oe,a5 as We,H as I,Y as Q,T as $,a6 as He,v as B,$ as qe,D as Ve,t as Ye,X as xe,C as ge,a7 as Ke,a8 as Qe,a9 as Xe,u as N,g as Je,aa as M,n as se,B as Ze,ab as re,A as ye,q as ae,ac as et,W as ne,L as X,w as we,x as J,ad as tt,ae as ke,af as st,b as P,ag as le,ah as ot,K as rt,ai as at,aj as nt,O as it,f as lt,ak as ct,al as be,am as Se,an as ve,ao as L,ap as je,aq as Re,ar as Ce,as as Pe,at as Te,au as dt,av as ce}from"./index-CwMf9D6D.js";import{t as pt}from"./toLower-CZC4vCVv.js";import{a as W,u as mt,W as ht,P as Ee,L as Be}from"./index-C8dnmDvg.js";import{A as ut,D as ie,u as ft,W as xt,P as gt,a as De,L as Ue}from"./wait-container-BpwpRArY.js";import{g as Z}from"./get-safe-url-DILuTAoe.js";import{u as de}from"./useLocalStorage-DUI1nJhU.js";import{L as yt}from"./Launch-DaDV05iF.js";import{D as wt}from"./DeleteOutline-CQ0zlLl4.js";import{g as kt,i as bt}from"./spaces-Dez7wcg4.js";import{I as St}from"./MoreVert-CCtW4KwP.js";import{y as vt}from"./index-DbnQ5EPn.js";import"./url-join-ZftGqMOZ.js";import"./use-mobile-Dtq4jp0u.js";import"./api-_iejhWG0.js";function Oe({children:s,selected:n=!1}){return e.jsxs(jt,{children:[s,e.jsx(g,{className:`selected-container ${n?"selected":""}`,children:e.jsx(ue,{className:"selected-icon"})})]})}const jt=R(g)`
+  position: relative;
+
+  .selected-container {
+    display: flex !important;
+    position: absolute;
+    right: 0px;
+    bottom: 0px;
+    -webkit-box-pack: end;
+    justify-content: flex-end;
+    align-items: flex-end;
+    width: 32px;
+    height: 32px;
+    border-radius: 0px 0px 8px;
+    color: rgb(255, 255, 255);
+    overflow: hidden;
+    transition: all 0.4s ease 0s;
+
+    &::after {
+      position: absolute;
+      z-index: 0;
+      left: 60px;
+      top: 60px;
+      display: block;
+      width: 0px;
+      height: 0px;
+      border-width: 16px;
+      border-style: solid;
+      border-color: transparent #1dc1c7 #1dc1c7 transparent;
+      transition: all 0.1s ease 0s;
+      content: '';
+    }
+
+    .selected-icon {
+      visibility: hidden;
+      width: 60%;
+      height: 60%;
+      position: relative;
+      z-index: 2;
+      margin: 0px 1px 1px 0px;
+      font-size: 16px;
+      transition: all 0.2s ease 0s;
+    }
+  }
+
+  .selected-container.selected {
+    &::after {
+      left: 0px;
+      top: 0px;
+    }
+
+    .selected-icon {
+      visibility: visible;
+    }
+  }
+`;Oe.propTypes={children:K.node.isRequired,selected:K.bool};const _e=f.createContext({}),{Provider:Rt,Consumer:hs}=_e;function Ae({children:s}){const{t:n}=U(),[t,l]=de("spaceGatewaysForRestore",[{name:"Prod DID Spaces",url:"https://www.didspaces.com/app",protected:!0},{name:"Staging DID Spaces",url:"https://spaces.staging.arcblock.io/app",protected:!0}]),[p,u]=de("selectedSpaceGatewayForRestore",t.find(a=>a.url==="https://www.didspaces.com/app")),d=a=>{const o=t.find(m=>a.url===m.url);if(o)throw new Error(n("storage.spaces.gateway.add.duplicate",{name:o.name}));l(()=>[...t,ze(a)]),u(a)},i=a=>{if(a.url===p.url)throw new Error(n("storage.spaces.gateway.delete.failedForSelected"));l(()=>t.filter(o=>o.url!==a.url))},x=a=>{u(a)};return f.useEffect(()=>{async function a(){const o=await Promise.all(t.map(async m=>{const{data:r}=await fe.get(v(m.url,"/__blocklet__.js?type=json"),{timeout:5e3}).catch(C=>(console.error(C),{data:{}})),h=r.appName??m.name;return Me(m,{name:h})}));l(o)}a()},[]),e.jsx(Rt,{value:{spaceGateways:t,selectedSpaceGateway:p,addSpaceGateway:d,deleteSpaceGateway:i,handleSelectSpaceGateway:x},children:s})}Ae.propTypes={children:E.any.isRequired};function Ct(){return f.useContext(_e)}function Fe({spaceGateway:s,onDeleteSpaceGateway:n=()=>{}}){const{t}=U(),[l,p]=f.useState(!1),[u,d]=f.useState(!1),i=(a,o)=>{a?.stopPropagation(),p(o)},x=async a=>{try{a?.stopPropagation(),d(!0),await n(s),p(!1)}catch(o){console.error(o),I.error(`${t("storage.spaces.gateway.delete.failed")}: ${Q(o)}`)}finally{d(!1)}};return e.jsxs(e.Fragment,{children:[e.jsx(oe,{size:"small",onClick:a=>i(a,!0),children:e.jsx(wt,{})}),e.jsx(We,{title:t("common.delConfirmDescription",{data:`${s?.name}`}),open:l,confirmButton:{text:t("common.confirm"),props:{variant:"contained",color:"error",loading:u}},cancelButton:{text:t("common.cancel"),props:{variant:"contained",color:"primary"}},onConfirm:x,onCancel:a=>i(a,!1)})]})}Fe.propTypes={onDeleteSpaceGateway:E.func,spaceGateway:E.shape({name:E.string.isRequired,url:E.string.isRequired,protected:E.bool}).isRequired};function $e({spaceGateway:s,onDeleteSpaceGateway:n=()=>{},onSelectGateway:t=()=>{},...l}){const p=d=>{d.stopPropagation(),window.open(Z(s.url,{allowDomains:null}))},u=async()=>{await n(s)};return e.jsxs(Pt,{...l,onClick:t,children:[e.jsx(g,{sx:{display:"inline-flex",marginRight:"8px",alignItems:"center"},children:e.jsx("img",{alt:s.name,src:v(s.url,"favicon.ico"),width:"48px",height:"48px"})}),e.jsxs(g,{className:{minWidth:0,display:"flex",flex:1,flexDirection:"row",paddingRight:"64px","& span":{display:"inline-block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},children:[e.jsxs($,{sx:{display:"flex"},component:"span",variant:"subtitle1",style:{fontWeight:"400"},children:[s?.name," "]}),e.jsx($,{sx:{display:"flex"},className:"url",component:"span",variant:"inherit",children:s?.url})]}),e.jsxs(He,{children:[e.jsx(oe,{onClick:p,size:"small",children:e.jsx(yt,{})}),s?.protected!==!0&&e.jsx(Fe,{spaceGateway:s,onDeleteSpaceGateway:u})]})]})}const Pt=R(g)`
+  display: flex;
+`;$e.propTypes={spaceGateway:E.shape({name:E.string.isRequired,url:E.string.isRequired,protected:E.bool}).isRequired,selected:E.bool,onDeleteSpaceGateway:E.func,onSelectGateway:K.func};function Le({onAddGateway:s=()=>{},...n}){const{t,locale:l}=U(),[p,u]=f.useState(""),[d,i]=f.useState(!1),[x,a]=f.useState(!1),[o,m]=f.useState(""),r=async()=>{try{i(!0);const h=await kt(p,{withSearchParams:!1});if(!await bt(h))throw new Error(t("storage.spaces.gateway.add.invalidUrl"));const{data:C}=await fe.get(v(new URL(h).origin,"/__blocklet__.js?type=json")),y={name:C.appName,url:h,protected:!1};await s(y),I.success(t("storage.spaces.addedWithName",{name:y.name})),a(!1)}catch(h){m(`${t("storage.spaces.gateway.add.failed",l)}: ${Q(h)}`)}finally{i(!1)}};return e.jsxs(e.Fragment,{children:[e.jsx(B,{size:"middle",color:"primary",variant:"outlined",onClick:()=>a(!0),...n,children:t("storage.spaces.gateway.add.title")}),e.jsxs(qe,{title:t("storage.spaces.gateway.add.title"),fullWidth:!0,maxWidth:"md",open:x,onClose:()=>a(!1),PaperProps:{style:{minHeight:"auto"}},actions:e.jsxs(e.Fragment,{children:[e.jsx(B,{onClick:h=>{h.stopPropagation(),a(!1)},color:"inherit",children:t("common.cancel")}),e.jsxs(B,{onClick:h=>{h.stopPropagation(),r()},color:"primary","data-cy":"install-blocklet-next-step",disabled:d||!p,variant:"contained",autoFocus:!0,children:[d&&e.jsx(ge,{size:16}),t("common.confirm")]})]}),children:[e.jsx("div",{style:{paddingTop:12,overflowY:"hidden"},children:e.jsx(Ve,{component:"div",children:e.jsx($,{component:"div",children:e.jsx(Ye,{label:t("storage.spaces.gateway.add.label"),autoComplete:"off",variant:"outlined",name:"url",fullWidth:!0,value:p,onChange:h=>{m(null),u(h.target.value)},disabled:d,onKeyPress:async h=>{h.key==="Enter"&&(h.preventDefault(),await r())},autoFocus:!0})})})}),!!o&&e.jsx(xe,{severity:"error",style:{width:"100%"},children:o})]})]})}Le.propTypes={onAddGateway:E.func};function Ie({onConnect:s=()=>{},...n}){const{spaceGateways:t,selectedSpaceGateway:l,handleSelectSpaceGateway:p,addSpaceGateway:u,deleteSpaceGateway:d}=Ct(),{t:i}=U(),x=r=>{p(r)},a=async r=>{await u(r)},o=()=>{s(l)},m=async r=>{await d(r)};return e.jsxs(g,{...n,children:[e.jsx(Ke,{children:t.map(r=>{const h=r?.url===l.url;return e.jsx(Oe,{selected:h,children:e.jsx(Qe,{button:!0,selected:h,"data-cy":"get-space-endpoint-for-restore",children:e.jsx(Xe,{children:e.jsx($e,{spaceGateway:r,onDeleteSpaceGateway:m,selected:h,onSelectGateway:()=>x(r)})})},r.url)})})}),e.jsxs(g,{sx:{display:"flex",marginTop:"16px",justifyContent:"center",alignItems:"center"},children:[e.jsx(Le,{onAddGateway:a}),e.jsx(B,{sx:{marginLeft:"16px"},size:"middle",variant:"contained",onClick:o,children:i("storage.spaces.connect.now")})]})]})}Ie.propTypes={onConnect:K.func};const Tt=R(g)`
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`;function Et(){const{info:s}=N(),{t:n,locale:t}=f.useContext(Je),l=f.useMemo(()=>s?M(s):"",[s]),p=u=>{const d=new URL(v(u.url,"restore")),i=v(l,"blocklets/restore/verify-ownership");d.searchParams.set("redirectUrl",i),d.searchParams.set("locale",t),window.location.href=Z(d.toString(),{allowDomains:null})};return e.jsx(Ae,{children:e.jsxs(Tt,{children:[e.jsx(W,{title:n("blocklet.restoreFromSpaces.connect.title"),subTitle:n("blocklet.restoreFromSpaces.connect.subTitle"),onClickBack:()=>window.history.back()}),e.jsx(g,{sx:{display:"flex",justifyContent:"center"},children:e.jsx(Ie,{sx:{marginTop:"64px",marginBottom:"32px",width:"100%",maxWidth:"720px"},onConnect:p})})]})})}const Bt=R(g)`
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`,Y="verify-app-ownership-spaces";function Dt(){const{session:s}=se(),[n]=Ze(),{t,locale:l}=U(),{api:p,info:u}=N(),{api:d}=se(),{meta:i}=re(),x=ye(),a=f.useMemo(()=>u?M(u):"",[u]),[o,m]=ae({loading:!1,isRestoring:!1,isComplete:!1,isOverwrite:!1,shouldReconnect:!1,exists:!1,accessUrl:"",isConnectOpen:!1,isConfirmOpen:!1,connectData:{action:"",checkFn:()=>{},extraParams:{}},connectMessages:{}}),r=n.get("launchType"),h=n.get("nftId"),C=n.get("chainHost"),y=n.get("from"),w=n.get("blocklet_meta_url"),c=n.get("launcherSessionId")||"",T=n.get("launcherUrl")||"",{appDid:j,appPid:O}=i,G=et.getServerAuthMethod(u,r,c,s.user),H=async(k,A)=>{const V=Array.isArray(k)?k.find(b=>!!b.sessionToken):k;V?.sessionToken&&(st(A(V.sessionToken)),await s.refresh()),m({isConnectOpen:!1}),setTimeout(()=>{const b=new URLSearchParams({appDid:j});[{name:"launchType",value:r},{name:"nftId",value:h},{name:"from",value:y},{name:"blocklet_meta_url",value:w},{name:"chainHost",value:C}].forEach(({name:D,value:F})=>{F&&b.set(D,F)}),x(`/blocklets/restore/restore-blocklet?${b.toString()}`)},0)},z=async(k=!1)=>{if(!k){if(o.shouldReconnect){window.location.href=Z(v(a,"blocklets/restore/connect-space"));return}if(s.user)try{m({loading:!0});const b=await p.getBlocklet({input:{did:O,attachRuntimeInfo:!0}});if(b.blocklet){const D=await ke(b.blocklet);if(D){const F=new URL(D);b.blocklet.status!=="running"&&F.searchParams.set("__start__","1"),m({shouldReconnect:!0,exists:!0,accessUrl:F.href,loading:!1})}return}}finally{m({loading:!1})}}if(G==="nft"){const b=new URL(window.location.href);b.pathname=v(window?.env?.apiPrefix??"/",`/api/did/${Y}/token`),b.searchParams.set("appDid",j),b.searchParams.set("endpoint",i.spaceEndpoint),b.searchParams.set("referrer",window.location.href),b.searchParams.set("nftId",h),b.searchParams.set("appPid",i.did);const D={autoConnect:!1,launchType:r,nftId:h};C&&(b.searchParams.set("chainHost",C),D.chainHost=C),k&&b.searchParams.set("overwrite","1");const{data:F}=await d.get(b.href);if(F.error){I.error(F.error);return}D.nw=F.url,m({isConnectOpen:!0,connectData:{action:"verify-restore-by-nft",extraParams:D},connectMessages:{title:t("blocklet.restoreFromSpaces.nftAuthDialog.title"),scan:t("blocklet.restoreFromSpaces.nftAuthDialog.scan"),confirm:t("blocklet.restoreFromSpaces.nftAuthDialog.confirm"),success:t("blocklet.restoreFromSpaces.nftAuthDialog.success")}});return}if(G==="launcher"){const{launcherSession:b,error:D}=await p.getLauncherSession({input:{launcherUrl:T,launcherSessionId:c}});b?m({isConnectOpen:!0,connectData:{action:Y,extraParams:{appDid:j,appPid:i.did,endpoint:i.spaceEndpoint,referrer:window.location.href,restoreFrom:"spaces",overwrite:k?"1":void 0,launcherUrl:T,launcherSessionId:c,chainHost:C}},connectMessages:{title:t("blocklet.restoreBlocklet.verify.title"),scan:t("blocklet.restoreBlocklet.verify.scan"),confirm:t("blocklet.restoreBlocklet.verify.confirm"),success:t("blocklet.restoreBlocklet.verify.success")}}):I.error(`Launch session invalid: ${D}`);return}if(G==="session"){m({isConnectOpen:!0,connectData:{action:Y,extraParams:{appDid:j,appPid:i.did,endpoint:i.spaceEndpoint,referrer:window.location.href,overwrite:k?"1":void 0,restoreFrom:"spaces"}},connectMessages:{title:t("blocklet.restoreBlocklet.verify.title"),scan:t("blocklet.restoreBlocklet.verify.scan"),confirm:t("blocklet.restoreBlocklet.verify.confirm"),success:t("blocklet.restoreBlocklet.verify.success")}});return}const A=new URL(window.location.href);A.pathname=v(window?.env?.apiPrefix??"/",`/api/did/${Y}/token`),A.searchParams.set("appDid",j),A.searchParams.set("appPid",i.did),A.searchParams.set("endpoint",i.spaceEndpoint),A.searchParams.set("referrer",window.location.href),A.searchParams.set("restoreFrom","spaces");const{data:V}=await d.get(A.href);s.login(H,{nw:V.url,openMode:"popup"})},ee=()=>{m({isConnectOpen:!1})},q=()=>{m({isConfirmOpen:!0})},S=()=>{m({isConfirmOpen:!1,isOverwrite:!0}),z(!0)},_=()=>{m({isConfirmOpen:!1})};return f.useEffect(()=>{z()},[]),e.jsxs(Bt,{children:[e.jsx(W,{title:t("blocklet.restoreBlocklet.verify.title"),subTitle:t("blocklet.restoreBlocklet.verify.subTitle"),onClickBack:()=>window.history.back()}),e.jsxs(g,{sx:{textAlign:"center",mt:6},children:[e.jsx(ut,{blocklet:{meta:i},blockletMetaUrl:w}),e.jsxs(g,{sx:{mt:2,mb:2},children:[e.jsx($,{variant:"body2",children:i.title}),e.jsx(ne,{did:j})]}),o.exists&&o.accessUrl&&e.jsxs(e.Fragment,{children:[e.jsx($,{component:"p",variant:"body1",gutterBottom:!0,sx:{color:"orange"},children:t("blocklet.restoreBlocklet.verify.exists")}),e.jsxs($,{component:"div",sx:{marginTop:"32px"},children:[o.accessUrl&&e.jsx(B,{variant:"contained",component:X,href:o.accessUrl,sx:{width:"160px",height:"100%"},children:t("blocklet.restoreBlocklet.verify.open")}),e.jsx(B,{variant:"contained",color:"error",onClick:q,sx:{width:"160px",height:"100%",marginLeft:"32px"},children:t("blocklet.restoreBlocklet.verify.overwrite")})]})]}),!o.exists&&e.jsx(B,{variant:"contained",loading:o.loading,disabled:o.isConnectOpen||o.loading,onClick:z,sx:{width:"180px",height:"100%"},children:t(`blocklet.restoreBlocklet.verify.${o.shouldReconnect?"reconnect":"verify"}`)})]}),o.connectData.isConnectOpen&&e.jsx(ie,{appDid:j,visible:!1}),e.jsx(we,{popup:!0,locale:l,open:o.isConnectOpen,forceConnected:!1,saveConnect:!1,action:o.connectData.action,checkFn:d.get,checkTimeout:5*60*1e3,webWalletUrl:J(u),onSuccess:H,extraParams:o.connectData.extraParams,messages:o.connectMessages,onClose:ee}),o.isConfirmOpen&&e.jsx(tt,{color:"error",title:t("blocklet.restoreBlocklet.overwrite.title"),description:t("blocklet.restoreBlocklet.overwrite.description"),confirm:t("common.confirm"),onCancel:_,onConfirm:S})]})}const pe=R(mt)`
+  && .result-footer {
+    height: 120px;
+    > div {
+      flex-wrap: wrap;
+    }
+  }
+`,Ut=at("@abtnode/webapp:restore-blocklet:step-install"),Ot=R(g)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`,_t=R(g)`
+  line-height: 1.4em;
+  .error-desc {
+    margin-top: 8px;
+    word-wrap: break-word;
+    color: ${s=>s.theme.palette.grey[500]};
+  }
+`,te={[P.RESTORE_PROGRESS_STATUS.waiting]:0,[P.RESTORE_PROGRESS_STATUS.start]:1,[P.RESTORE_PROGRESS_STATUS.importData]:2,[P.RESTORE_PROGRESS_STATUS.downloading]:3,[P.RESTORE_PROGRESS_STATUS.importDataSuccess]:4,[P.RESTORE_PROGRESS_STATUS.installing]:5,[P.RESTORE_PROGRESS_STATUS.completed]:10},At="https://community.arcblock.io/",Ft="launcher@arcblock.io";function $t({appDid:s}){const[n,t]=f.useState(P.RESTORE_PROGRESS_STATUS.waiting),l=nt();return l.connect(),f.useEffect(()=>(l.on(P.BlockletEvents.restoreProgress,p=>{s===p?.appDid&&t(p)}),()=>{l.off(P.BlockletEvents.restoreProgress)}),[s,l]),n}function Lt(){const s=new URL(window.location.href),n=s.searchParams.get("appDid"),t=s.searchParams.get("launchType"),l=s.searchParams.get("nftId"),p=s.searchParams.get("fromLauncher"),u=s.searchParams.get("from"),d=s.searchParams.get("chainHost"),i=$t({appDid:n}),[x,a]=f.useState(0),o=f.useRef(null),{meta:m}=re(),{t:r}=U(),{api:h,info:C}=N(),[y,w]=ae({nextAccessUrl:"",installError:null}),c=ft(n),{status:T,eventName:j}=c,O=()=>{a(12),o.current&&(clearTimeout(o.current),o.current=null),o.current=setTimeout(()=>{h.getBlocklet({input:{did:n,attachRuntimeInfo:!0}}).then(S=>{S.blocklet&&z(S.blocklet)})},500)},G=()=>{if(c?.runtimeBlocklet?.settings?.initialized){a(11);return}O()},H=[r("blocklet.restoreFromSpaces.progress.waiting"),r("blocklet.restoreFromSpaces.progress.restoring"),r("blocklet.restoreFromSpaces.progress.importData"),r("blocklet.restoreFromSpaces.progress.downloading",{progress:`${i?.data?.completed??100}/${i?.data?.total??100}`}),r("blocklet.restoreFromSpaces.progress.importSuccess"),r("launchBlocklet.waiting.downloading"),r("launchBlocklet.waiting.verifying"),r("launchBlocklet.waiting.downloading"),r("launchBlocklet.waiting.extracting"),r(T==="upgrading"?"common.upgrading":"launchBlocklet.waiting.installing"),r("launchBlocklet.waiting.installed"),r("launchBlocklet.waiting.starting"),r("launchBlocklet.waiting.done")];f.useEffect(()=>{if(i.status===P.RESTORE_PROGRESS_STATUS.error){const S={message:i.message,name:"restoreFailed",action:"retryRestore"};le(S,y.installError)||I.error(Q(S)),w({installError:S});return}a(te[i.status]||0)},[i.status]),f.useEffect(()=>{if(t==="serverless"&&j===P.BlockletEvents.nftConsumed){G();return}if(i.status===P.RESTORE_PROGRESS_STATUS.waiting){a(te[i.status]||0);return}if(i.status!==P.RESTORE_PROGRESS_STATUS.completed&&i.status!==P.RESTORE_PROGRESS_STATUS.error&&T!=="running"){a(te[i.status]||0);return}switch(T){case"waiting":a(6);break;case"downloading":a(7);break;case"installing":case"upgrading":a(8);break;case"installed":if(t==="serverless"&&!ot(c))break;G();break;case"starting":a(11);break;case"running":a(12),O();break;case"stopped":O();break;case"corrupted":case"error":{c?.stopPolling();const S={message:c?.error?.message,name:c?.eventName,action:"retryRestore"},_=(k={})=>{!le(S,y.installError)&&c?.error?.message&&I.error(Q(c.error)),w({installError:S,...k})};h.getBlocklet({input:{did:n,attachRuntimeInfo:!0}}).then(({blocklet:k})=>{k?.settings?.initialized&&(S.action="retryStart"),_()}).catch(()=>{_()})}break}},[T,j,c]);const z=async S=>{const _=await ke(S);if(it(_))return;const k=new URL(_);k.searchParams.set("serverUrl",M(C)),S.status!=="running"&&k.searchParams.set("__start__","1"),p&&k.searchParams.set("fromLauncher",p),u&&k.searchParams.set("from",u),t&&k.searchParams.set("launchType",t),l&&k.searchParams.set("nftId",l),d&&k.searchParams.set("chainHost",d),c?.stopPolling(),w({nextAccessUrl:k.href,status:S.status,resultMessage:S.status==="running"?{variant:"success",title:r("blocklet.restoreFromSpaces.restore.completeTitle"),subTitle:"",footer:r("common.open")}:{variant:"info",title:r("blocklet.restoreFromSpaces.restore.installedTitle"),subTitle:r("blocklet.restoreFromSpaces.restore.installedSubTitle"),footer:r("common.configuration")}})},ee=async()=>{w({installError:null,nextAccessUrl:""}),await h.startBlocklet({input:{did:n}}),c?.startPolling()};if(y.installError){const S={retryRestore:e.jsx(B,{variant:"contained",className:"bottom-button","data-cy":"retry-install",component:rt,to:`/blocklets/restore/verify-ownership${window.location.search}`,children:r("common.retry")}),retryStart:e.jsx(B,{variant:"contained",className:"bottom-button","data-cy":"retry-start",onClick:()=>ee(),children:r("common.retry")})},_=y.installError.name?y.installError.name.replace("blocklet.",""):"installFailed";return e.jsx(pe,{variant:"error",title:m?.title,subTitle:e.jsxs(_t,{children:[e.jsx("div",{children:r(`launchBlocklet.error.${_}`)}),y.installError.message&&e.jsx("div",{className:"error-desc",children:r("common.errorMessage")+y.installError.message})]}),footer:e.jsxs(me,{children:[S[y.installError.action],t==="serverless"&&e.jsx("div",{style:{marginTop:"24px"},dangerouslySetInnerHTML:{__html:r("blocklet.restoreFromSpaces.restore.support",{communityLink:At,supportEmail:Ft})}})]})})}const q=!!y.nextAccessUrl;return Ut("render",{status:T,eventName:j,launchType:t,runtimeBlockletState:c,state:y}),e.jsxs(Ot,{children:[!q&&e.jsxs(e.Fragment,{children:[e.jsx(W,{title:r("blocklet.restoreBlocklet.restore.title"),subTitle:r("blocklet.restoreFromSpaces.restore.subTitle")}),e.jsxs(xt,{children:[e.jsx(ht,{increaseSpeed:.3,messageLoop:!1,message:e.jsx(gt,{steps:H,stepIndex:x,autoGrowth:x===10?1e3:4e3})}),[5,7,8].includes(x)&&e.jsx(ie,{appDid:n})]})]}),q&&e.jsx(pe,{variant:y.resultMessage.variant,title:y.resultMessage.title,subTitle:y.resultMessage.subTitle,footer:e.jsx(me,{children:e.jsx(B,{variant:"contained",style:{width:"200px"},component:X,href:y.nextAccessUrl,children:y.resultMessage.footer})})})]})}const me=R(g)`
+  padding-top: 24px;
+`;function Ne(){return e.jsx(Lt,{})}function It(){const s=lt(),n=De(),{t,locale:l}=U(),{info:p}=N(),u=ct(),{meta:d}=re(),i=f.useMemo(()=>p?M(p):"",[p]),x=J(p),a=v(be(),"/blocklets/restore"),o=[{key:"verify-ownership",name:t("blocklet.restoreBlocklet.verify.title"),path:v(a,"verify-ownership")},{key:"restore-blocklet",name:t("blocklet.restoreFromSpaces.restore.title"),path:v(a,"restore-blocklet")}];let m=[];pt(u.get("from"))==="launcher"?m=[{key:"purchase-space",name:t("launchBlocklet.steps.purchaseSpace")},{key:"prepare-space",name:t("launchBlocklet.steps.prepareSpace")},...o]:m=[{key:"connect-space",name:t("blocklet.restoreFromSpaces.connect.title"),path:v(a,"connect-space")},{key:"select-blocklet",name:t("blocklet.restoreFromSpaces.selectBlocklet.title")},...o];const r=e.jsx(Mt,{className:`${i?"logo-can-click":""}`,children:e.jsx(X,{href:i||"",target:"_blank",children:e.jsx(Ue,{logo:n})})});return e.jsx(Ee,{steps:m,children:e.jsx(zt,{blockletMeta:d,locale:l,useOfSkeleton:!1,navLogo:r,navSubTitle:t("blocklet.restoreFromSpaces.navSubTitle"),loading:!1,headerEndAddons:e.jsx(Re,{webWalletUrl:x,SessionContext:Ce}),pcWidth:"80%",style:{height:"100%"},logoUrl:d?.logo,theme:s,children:e.jsxs(Gt,{children:[e.jsx(Se,{styles:Nt}),e.jsxs(ve,{children:[e.jsx(L,{path:"connect-space",element:e.jsx(Et,{})}),e.jsx(L,{path:"verify-ownership",element:e.jsx(Dt,{})}),e.jsx(L,{path:"restore-blocklet",element:e.jsx(Ne,{})}),e.jsx(L,{path:"*",element:e.jsx(je,{to:"connect-space",replace:!0})})]})]})})})}const Nt=Pe`
+  html,
+  body,
+  #root,
+  #root > .wrapper {
+    height: 100%;
+  }
+`,Gt=R.div`
+  ${s=>s.theme.breakpoints.up("md")} {
+    padding-top: 34px;
+  }
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+
+  .bottom-button {
+    min-width: 200px;
+  }
+`,Mt=R.div`
+  margin-top: -1px;
+  &.logo-can-click {
+    cursor: pointer;
+  }
+`,zt=R(Be)`
+  .layout-content {
+    min-width: 0;
+    flex: 1 1 0;
+  }
+`;function Ge({onSelect:s=()=>{}}){const{api:n}=N(),{t,locale:l}=U(),[p,u]=f.useState(!1),[d,i]=f.useState([]),[x,a]=f.useState(""),[o,m]=f.useState(null),r=ye(),h=async()=>{try{u(!0),m(!1);const{getBlocklets:{blocklets:c},getBlockletsFromBackup:{backups:T}}=await n.doBatchQuery({getBlocklets:{input:{}},getBlockletsFromBackup:{input:{}}});i((T||[]).filter(j=>!(c||[]).some(O=>j.appPid===O.meta?.did)).sort((j,O)=>O.createdAt-j.createdAt).slice(0,200)),u(!1)}catch(c){u(!1),m(c.message)}};f.useEffect(()=>{h()},[]);const C=()=>{const c=d.find(j=>j.appDid===x);s({did:c.appDid,name:c.appDid,title:c.name});const T=new URL(window.location.href);T.searchParams.set("appDid",c.appDid),T.searchParams.set("appName",c.name),r(`/blocklets/restore/verify-ownership${T.search}`)},y=c=>{a(c.appDid)};let w=null;return o?w=e.jsx(xe,{severity:"error",style:{width:"100%",marginTop:8},children:o}):p?w=e.jsx(ge,{size:16}):d.length?w=e.jsx(Ht,{children:d.map(c=>e.jsxs(qt,{className:`middle-font-size space ${x===c.appDid?"selected":""}`,onClick:()=>y(c),children:[e.jsxs("div",{className:"left",children:[e.jsx("div",{className:"header",children:e.jsx(g,{sx:{width:40,height:40},children:e.jsx(Te,{did:c.appDid,size:40})})}),e.jsxs("div",{className:"body",children:[e.jsx($,{className:"text",sx:{color:"text.secondary"},children:c.name}),e.jsx($,{className:"text middle-font-size",sx:{color:"text.secondary"},children:e.jsx(ne,{responsive:!1,compact:!0,inline:!0,copyable:!1,size:12,did:c.appDid})})]}),e.jsxs(g,{className:"footer small-font-size",sx:{color:"text.secondary"},children:[t("blocklet.restoreFromServer.backupIn")," ",dt(c.createdAt,l)]})]}),e.jsx("div",{className:"right",children:e.jsx("div",{className:"more",children:e.jsx(oe,{onClick:()=>{},className:"more-btn",size:"large","aria-label":"more functions",children:e.jsx(St,{color:"disabled"})})})}),e.jsx("div",{className:"selected-container",children:e.jsx(ue,{className:"selected-icon"})})]},c.appDid))}):w=e.jsx(vt,{children:t("common.empty")}),e.jsxs(Wt,{style:{width:"100%"},children:[e.jsx(W,{title:t("blocklet.restoreFromServer.selectTitle"),subTitle:t("blocklet.restoreFromServer.description")}),e.jsx(g,{className:"main-body",sx:{mt:4,mx:3},children:w}),e.jsx(g,{className:"main-footer",sx:{display:"flex",justifyContent:"center"},children:e.jsx(B,{sx:{width:"180px",height:"100%"},onClick:c=>{c.stopPropagation(),C()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:p||o||!x,children:t("common.restore")})})]})}Ge.propTypes={onSelect:E.func};const Wt=R(g)`
+  .main-body {
+    height: 50vh;
+    ${s=>s.theme.breakpoints.down("md")} {
+      height: 80vh;
+    }
+
+    overflow: auto;
+  }
+  .main-footer {
+    padding-top: 24px;
+    padding-bottom: 24px;
+    ${s=>s.theme.breakpoints.down("md")} {
+      position: fixed;
+      bottom: 16px;
+      width: 100%;
+      padding-bottom: 0;
+    }
+  }
+`,Ht=R(g)`
+  display: block;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  max-width: 1000px;
+  margin: 0 auto;
+
+  .space {
+    display: flex;
+    margin: 8px auto;
+
+    .selected-container {
+      position: absolute;
+      right: 0px;
+      bottom: 0px;
+      display: flex;
+      -webkit-box-pack: end;
+      justify-content: flex-end;
+      align-items: flex-end;
+      width: 30px;
+      height: 30px;
+      border-radius: 0px 0px 7px;
+      color: rgb(255, 255, 255);
+      overflow: hidden;
+      transition: all 0.3s ease 0s;
+
+      &::after {
+        position: absolute;
+        z-index: 0;
+        left: 30px;
+        top: 30px;
+        display: block;
+        width: 0px;
+        height: 0px;
+        border-width: 15px;
+        border-style: solid;
+        /* border-color: transparent rgb(29, 193, 199) rgb(29, 193, 199) transparent; */
+        border-color: transparent ${s=>s.theme.palette.primary.main}
+          ${s=>s.theme.palette.primary.main} transparent;
+        transition: all 0.1s ease 0s;
+        content: '';
+      }
+
+      .selected-icon {
+        visibility: hidden;
+        width: 60%;
+        height: 60%;
+        position: relative;
+        z-index: 2;
+        margin: 0px 1px 1px 0px;
+        font-size: 16px;
+        transition: all 0.2s ease 0s;
+      }
+    }
+  }
+
+  .space.selected {
+    background-color: ${({theme:s})=>ce(s.palette.primary.light,.12)};
+    border-color: ${({theme:s})=>ce(s.palette.primary.light,.12)};
+
+    .selected-container {
+      &::after {
+        left: 0px;
+        top: 0px;
+      }
+
+      .selected-icon {
+        visibility: visible;
+      }
+    }
+  }
+`,qt=R(g)`
+  display: flex;
+  position: relative;
+  width: 100%;
+  padding: 10px;
+  border: 1 solid;
+  border-color: ${({theme:s})=>s.palette.divider};
+  cursor: pointer;
+
+  .left {
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    margin: 0px 20px 0px 0px;
+
+    .header {
+      padding: 5px 16px 0 0;
+    }
+
+    .body {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+    }
+
+    .footer {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      height: 100%;
+    }
+  }
+
+  .right {
+    display: flex;
+  }
+
+  ${s=>s.theme.breakpoints.down("md")} {
+    .left {
+      display: flex;
+      flex-direction: column;
+      margin-right: 20px;
+
+      .header {
+        display: none;
+      }
+
+      .footer {
+        margin-top: 6px;
+        margin-left: 0px;
+        padding: 2px 0px;
+        height: auto;
+      }
+    }
+
+    .right {
+      width: auto;
+    }
+
+    .text {
+      display: -webkit-box;
+      overflow: hidden;
+      -webkit-box-orient: vertical;
+    }
+  }
+
+  // 公共属性
+  .middle-font-size {
+    font-size: 14px;
+  }
+
+  .small-font-size {
+    font-size: 12px;
+  }
+`,Vt=R(g)`
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`,he="verify-app-ownership-disk";function Yt(){const s=new URL(window.location.href),n=s.searchParams.get("appDid"),t=s.searchParams.get("appName"),{t:l,locale:p}=U(),{api:u,info:d}=N(),{session:i,api:x}=se(),a=f.useMemo(()=>d?M(d):"",[d]),[o,m]=ae({isRestoring:!1,isComplete:!1,connectData:{isConnectOpen:!1,action:"",checkFn:()=>{},extraParams:{}}}),r=async()=>{if((await u.getBlocklet({input:{did:n}})).blocklet){I.error(`Blocklet ${t}(${n}) already exists`),m({shouldReconnect:!0});return}m({connectData:{isConnectOpen:!0,action:he,extraParams:{appDid:n,restoreFrom:"disk"}}})},h=()=>{m({connectData:{isConnectOpen:!1}}),setTimeout(()=>{const w=new URL(v(a,`blocklets/restore/restore-blocklet${window.location.search}`));window.location.href=Z(w.href)},0)},C=async()=>{if(!i.user){const w=new URL(window.location.href);w.pathname=v(window?.env?.apiPrefix??"/",`/api/did/${he}/token`),w.searchParams.set("appDid",n),w.searchParams.set("restoreFrom","disk");const{data:c}=await x.get(w.href);i.login(h,{nw:c.url,openMode:"popup"});return}await r()},y=()=>{m({connectData:{isConnectOpen:!1}})};return f.useEffect(()=>{C()},[]),e.jsxs(Vt,{children:[e.jsx(W,{title:l("blocklet.restoreBlocklet.verify.title"),subTitle:l("blocklet.restoreBlocklet.verify.subTitle")}),e.jsxs(g,{sx:{textAlign:"center",mt:6},children:[e.jsx(Te,{did:n,size:128}),e.jsxs(g,{sx:{mt:2,mb:2},children:[e.jsx($,{variant:"body2",children:t}),e.jsx(ne,{did:n})]}),e.jsx(B,{variant:"contained",disabled:o.connectData.isConnectOpen,onClick:C,sx:{width:"180px",height:"100%"},children:l(`blocklet.restoreBlocklet.verify.${o.shouldReconnect?"reconnect":"verify"}`)})]}),o.connectData.isConnectOpen&&e.jsx(ie,{appDid:n,visible:!1}),e.jsx(we,{popup:!0,locale:p,open:o.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:o.connectData.action,checkFn:x.get,checkTimeout:5*60*1e3,webWalletUrl:J(d),onSuccess:h,extraParams:o.connectData.extraParams,messages:{title:l("blocklet.restoreBlocklet.verify.title"),scan:l("blocklet.restoreBlocklet.verify.scan"),confirm:l("blocklet.restoreBlocklet.verify.confirm"),success:l("blocklet.restoreBlocklet.verify.success")},onClose:y})]})}function Kt(){const s=De(),{t:n,locale:t}=U(),{info:l}=N(),{meta:p,setMeta:u}=f.useState({}),d=f.useMemo(()=>l?M(l):"",[l]),i=J(l),x=v(be(),"/blocklets/restore"),a=[{key:"select",name:n("blocklet.restoreFromServer.selectTitle"),path:v(x,"select")},{key:"verify-ownership",name:n("blocklet.restoreBlocklet.verify.title"),path:v(x,"verify-ownership")},{key:"restore-blocklet",name:n("blocklet.restoreBlocklet.restore.title"),path:v(x,"restore-blocklet")}],o=e.jsx(Jt,{className:`${d?"logo-can-click":""}`,children:e.jsx(X,{href:d||"",target:"_blank",children:e.jsx(Ue,{logo:s})})});return e.jsx(Ee,{steps:a,children:e.jsx(Be,{blockletMeta:{...p,registryUrl:""},locale:t,useOfSkeleton:!1,navLogo:o,headerEndAddons:e.jsx(Re,{webWalletUrl:i,SessionContext:Ce}),pcWidth:"80%",style:{height:"100%"},logoUrl:p?.logo,children:e.jsxs(Xt,{children:[e.jsx(Se,{styles:Qt}),e.jsxs(ve,{children:[e.jsx(L,{path:"select",element:e.jsx(Ge,{onSelect:u})}),e.jsx(L,{path:"verify-ownership",element:e.jsx(Yt,{})}),e.jsx(L,{path:"restore-blocklet",element:e.jsx(Ne,{})}),e.jsx(L,{path:"*",element:e.jsx(je,{to:`select${window.location.search}`,replace:!0})})]})]})})})}const Qt=Pe`
+  html,
+  body,
+  #root,
+  #root > .wrapper {
+    height: 100%;
+  }
+`,Xt=R.div`
+  ${s=>s.theme.breakpoints.up("md")} {
+    padding-top: 34px;
+  }
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+
+  .bottom-button {
+    min-width: 200px;
+  }
+`,Jt=R.div`
+  margin-top: -1px;
+  &.logo-can-click {
+    cursor: pointer;
+  }
+`;function us(){const{search:s}=window.location;return s.includes("restoreFrom=server")?e.jsx(Kt,{}):e.jsx(It,{})}export{us as default};

package/dist/assets/{index-Cft3_tM7.js → index-BO3LQMhI.js}

@@ -1 +1 @@
-import{j as e,cB as j,N as v,A as P,r as a,g as S,ay as w,u as k,x as b,f as E,aP as K,de as W,cr as i,b7 as _,w as N,Z as U,C as B,df as R,dg as z}from"./index-CX6gDshF.js";import{p as c}from"./index-BqithI6e.js";function o({children:r,...s}){return e.jsx(j,{...s,did:window?.blocklet?.appPid||window?.env?.appPid,children:e.jsx(v,{sx:{maxWidth:"100%",height:"100%"},children:r})})}function L(){const r=P(),{t:s,locale:d}=a.useContext(S),{api:l}=w(),{info:u}=k(),p=b(u),f=E(),n=K({ready:!1,success:!1,error:null,invalidSession:!1}),h=W(),m=()=>{try{const t=new URL(window.location.href);if(t.hash.includes("invalid")){n.invalidSession=!0;return}const g=t.searchParams.get("__connect_url__"),y=R(g);if(!z(y))throw new Error;n.ready=!0}catch{n.invalidSession=!0,r("#invalid",{replace:!0})}};a.useLayoutEffect(()=>m(),[]);const x=i(t=>{n.error=t.message,r("#invalid",{replace:!0})}),C=i(()=>{n.success=!0});if(n.invalidSession)return e.jsx(o,{children:e.jsx(c,{style:{backgroundColor:"transparent"},status:"error",title:s("didConnect.common.invalidSession"),description:s("didConnect.common.invalidSessionDesc")})});if(n.error){const t=n.error;return e.jsx(o,{children:e.jsx(c,{style:{backgroundColor:"transparent"},status:"error",title:s("didConnect.common.connectionError"),description:t})})}return n.success?e.jsx(o,{children:e.jsx(c,{style:{backgroundColor:"transparent"},status:"info",icon:e.jsx(_,{style:{color:f.palette.success.main,fontSize:72}}),title:s("didConnect.genKeyPair.success"),description:s("didConnect.genKeyPair.successDesc")})}):n.ready?e.jsx(o,{children:e.jsx(N,{className:"connect",action:"gen-key-pair",checkFn:l.get,checkTimeout:10*60*1e3,extraParams:{sourceAppPid:h?.appPid,forceSwitch:!0},saveConnect:!1,forceConnected:!1,webWalletUrl:p,onSuccess:C,onError:x,locale:d,messages:{title:s("didConnect.genKeyPair.title"),scan:s("didConnect.genKeyPair.scan"),confirm:s("auth.confirm"),success:s("didConnect.genKeyPair.success")},popup:!0,open:!0,hideCloseButton:!0})},"ready"):e.jsx(U,{children:e.jsx(B,{})})}export{L as default};
+import{j as e,cB as j,N as v,A as P,r as a,g as S,ay as w,u as k,x as b,f as E,aP as K,dg as W,cr as i,b7 as _,w as N,Z as U,C as B,dh as R,di as z}from"./index-CwMf9D6D.js";import{p as c}from"./index-D-v6GqQ8.js";function o({children:r,...s}){return e.jsx(j,{...s,did:window?.blocklet?.appPid||window?.env?.appPid,children:e.jsx(v,{sx:{maxWidth:"100%",height:"100%"},children:r})})}function L(){const r=P(),{t:s,locale:d}=a.useContext(S),{api:l}=w(),{info:u}=k(),p=b(u),f=E(),n=K({ready:!1,success:!1,error:null,invalidSession:!1}),h=W(),m=()=>{try{const t=new URL(window.location.href);if(t.hash.includes("invalid")){n.invalidSession=!0;return}const g=t.searchParams.get("__connect_url__"),y=R(g);if(!z(y))throw new Error;n.ready=!0}catch{n.invalidSession=!0,r("#invalid",{replace:!0})}};a.useLayoutEffect(()=>m(),[]);const x=i(t=>{n.error=t.message,r("#invalid",{replace:!0})}),C=i(()=>{n.success=!0});if(n.invalidSession)return e.jsx(o,{children:e.jsx(c,{style:{backgroundColor:"transparent"},status:"error",title:s("didConnect.common.invalidSession"),description:s("didConnect.common.invalidSessionDesc")})});if(n.error){const t=n.error;return e.jsx(o,{children:e.jsx(c,{style:{backgroundColor:"transparent"},status:"error",title:s("didConnect.common.connectionError"),description:t})})}return n.success?e.jsx(o,{children:e.jsx(c,{style:{backgroundColor:"transparent"},status:"info",icon:e.jsx(_,{style:{color:f.palette.success.main,fontSize:72}}),title:s("didConnect.genKeyPair.success"),description:s("didConnect.genKeyPair.successDesc")})}):n.ready?e.jsx(o,{children:e.jsx(N,{className:"connect",action:"gen-key-pair",checkFn:l.get,checkTimeout:10*60*1e3,extraParams:{sourceAppPid:h?.appPid,forceSwitch:!0},saveConnect:!1,forceConnected:!1,webWalletUrl:p,onSuccess:C,onError:x,locale:d,messages:{title:s("didConnect.genKeyPair.title"),scan:s("didConnect.genKeyPair.scan"),confirm:s("auth.confirm"),success:s("didConnect.genKeyPair.success")},popup:!0,open:!0,hideCloseButton:!0})},"ready"):e.jsx(U,{children:e.jsx(B,{})})}export{L as default};

package/dist/assets/{index-DmpIRzjQ.js → index-BUb0BbnT.js}

@@ -1,4 +1,4 @@
-import{j as o,T as i,di as x,dj as d,dc as f}from"./index-CX6gDshF.js";function w({name:t,nameFormatter:r=e=>typeof e=="string"?e.split(" ").map(c=>x(d(c))).join(" "):e,layout:n="horizontal",children:a,valueComponent:l="div",nameWidth:m=90,...s}){return o.jsxs(p,{layout:n,width:m,...s,children:[o.jsx(i,{color:"textSecondary",className:"info-row__name",children:r(t)}),a&&o.jsx(i,{color:"textPrimary",component:l,className:"info-row__value",children:a})]})}const p=f("div")`
+import{j as o,T as i,dk as x,dl as d,dc as f}from"./index-CwMf9D6D.js";function w({name:t,nameFormatter:r=e=>typeof e=="string"?e.split(" ").map(c=>x(d(c))).join(" "):e,layout:n="horizontal",children:a,valueComponent:l="div",nameWidth:m=90,...s}){return o.jsxs(p,{layout:n,width:m,...s,children:[o.jsx(i,{color:"textSecondary",className:"info-row__name",children:r(t)}),a&&o.jsx(i,{color:"textPrimary",component:l,className:"info-row__value",children:a})]})}const p=f("div")`
   display: flex;
   flex-direction: ${t=>t.layout==="vertical"?"column":"row"};
   justify-content: flex-start;

package/dist/assets/index-BXFlXkjM.js

@@ -0,0 +1,45 @@
+import{r as a,u as U,j as e,T as k,be as Q,N as i,s as D,b2 as X,o as m,g as $,i as M,d1 as Y,bk as ee,d as te,Z as re,C as ne,m as se,J as v,a as h,E as L,b,d2 as oe,M as ie,bt as ae,aE as me,d3 as le,G as C,H as R,k as ce,l as ue,A as de,bm as pe}from"./index-CwMf9D6D.js";import{u as fe,T as xe}from"./html-title-CSv5tANB.js";import{T as ge}from"./traffic-BN5gSq1r.js";import{H as he}from"./index-CFoXy6z3.js";import{x as V}from"./index-DRYJ0xIl.js";import{C as ye,M as T}from"./memory-BA2m0JKB.js";import{C as ve}from"./CardContent-B69vW4AG.js";import{u as Ce}from"./useLocalStorage-DUI1nJhU.js";import{T as je,a as Ie}from"./ToggleButtonGroup-D12gkify.js";import"./iframe-CM4JzP4w.js";import"./ChevronLeft-AqAK6dMC.js";import"./ChevronRight-C1gNjKFU.js";import"./index-DBii9-f-.js";import"./typeof-QjJsDpFa.js";import"./base-chart-DTF9R3Da.js";import"./index-D3xmQqEJ.js";import"./AdapterDayjs-AL_OhlGr.js";import"./useThemeProps-DCVQ9RFk.js";import"./CSSTransition-D5U2wOev.js";import"./visuallyHidden-Dan1xhjv.js";import"./FilterList-jyjiahbV.js";import"./emotion-cache.browser.esm-D8CQnWr_.js";import"./index-BZC0Rit1.js";import"./redux-DfszZyTl.js";import"./depsEqual-CWdBoQMT.js";import"./index-DbnQ5EPn.js";import"./TableSearch-B2FcxJM6.js";import"./Search-CYJ0Al1c.js";import"./Clear-tvvsTddf.js";import"./MoreVert-CCtW4KwP.js";import"./getValidReactChildren-vO0qVias.js";const be=o=>a.createElement("svg",{width:32,height:32,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",...o},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.08295 3.2C2.08295 2.58144 2.58439 2.08 3.20295 2.08H28.8029C29.4215 2.08 29.9229 2.58144 29.9229 3.2V13.44C29.9229 14.0586 29.4215 14.56 28.8029 14.56H3.20295C2.58439 14.56 2.08295 14.0586 2.08295 13.44V3.2ZM4.32295 4.32V12.32H27.6829V4.32H4.32295ZM2.08295 18.56C2.08295 17.9414 2.58439 17.44 3.20295 17.44H28.8029C29.4215 17.44 29.9229 17.9414 29.9229 18.56V28.8C29.9229 29.4186 29.4215 29.92 28.8029 29.92H3.20295C2.58439 29.92 2.08295 29.4186 2.08295 28.8V18.56ZM4.32295 19.68V27.68H27.6829V19.68H4.32295Z",fill:"currentColor"}),a.createElement("path",{d:"M8.96297 7.04001H7.68297C7.51323 7.04001 7.35044 7.10744 7.23042 7.22746C7.1104 7.34748 7.04297 7.51027 7.04297 7.68001V8.96001C7.04297 9.12975 7.1104 9.29253 7.23042 9.41256C7.35044 9.53258 7.51323 9.60001 7.68297 9.60001H8.96297C9.13271 9.60001 9.29549 9.53258 9.41552 9.41256C9.53554 9.29253 9.60297 9.12975 9.60297 8.96001V7.68001C9.60297 7.51027 9.53554 7.34748 9.41552 7.22746C9.29549 7.10744 9.13271 7.04001 8.96297 7.04001ZM8.96297 22.4H7.68297C7.51323 22.4 7.35044 22.4674 7.23042 22.5875C7.1104 22.7075 7.04297 22.8703 7.04297 23.04V24.32C7.04297 24.4897 7.1104 24.6525 7.23042 24.7726C7.35044 24.8926 7.51323 24.96 7.68297 24.96H8.96297C9.13271 24.96 9.29549 24.8926 9.41552 24.7726C9.53554 24.6525 9.60297 24.4897 9.60297 24.32V23.04C9.60297 22.8703 9.53554 22.7075 9.41552 22.5875C9.29549 22.4674 9.13271 22.4 8.96297 22.4ZM14.083 7.04001H12.803C12.6332 7.04001 12.4704 7.10744 12.3504 7.22746C12.2304 7.34748 12.163 7.51027 12.163 7.68001V8.96001C12.163 9.12975 12.2304 9.29253 12.3504 9.41256C12.4704 9.53258 12.6332 9.60001 12.803 9.60001H14.083C14.2527 9.60001 14.4155 9.53258 14.5355 9.41256C14.6555 9.29253 14.723 9.12975 14.723 8.96001V7.68001C14.723 7.51027 14.6555 7.34748 14.5355 7.22746C14.4155 7.10744 14.2527 7.04001 14.083 7.04001ZM14.083 22.4H12.803C12.6332 22.4 12.4704 22.4674 12.3504 22.5875C12.2304 22.7075 12.163 22.8703 12.163 23.04V24.32C12.163 24.4897 12.2304 24.6525 12.3504 24.7726C12.4704 24.8926 12.6332 24.96 12.803 24.96H14.083C14.2527 24.96 14.4155 24.8926 14.5355 24.7726C14.6555 24.6525 14.723 24.4897 14.723 24.32V23.04C14.723 22.8703 14.6555 22.7075 14.5355 22.5875C14.4155 22.4674 14.2527 22.4 14.083 22.4Z",fill:"currentColor"}));function Me(){const{api:o,info:s}=U();return e.jsx(ge,{client:o,did:s.did})}function P({style:o={},title:s=null,value:l=null,graph:c=null,description:p=null,empty:f=null}){return e.jsx(ke,{children:e.jsxs(ve,{style:{...o},children:[e.jsx(k,{sx:{color:"text.secondary",fontSize:14},children:s}),f&&Q.isValidElement(f)?e.jsx(i,{style:{height:150},sx:{color:"text.secondary",display:"flex",justifyContent:"center",alignItems:"center"},children:f}):e.jsxs(e.Fragment,{children:[e.jsx(k,{variant:"h5",component:"div",sx:{mt:1},children:l}),c,!!p&&e.jsx(i,{sx:{display:"flex",color:"text.secondary",fontSize:12,marginTop:3},children:p})]})]})})}P.propTypes={style:m.object,title:m.node,value:m.node,graph:m.node,description:m.any,empty:m.node};const ke=D(X)`
+  .card-content {
+    height: 150px;
+  }
+
+  .card-sparkline {
+    flex: 2;
+    display: flex;
+    position: relative;
+    *[hidden] {
+      display: none;
+    }
+  }
+  .sparkline {
+    stroke: ${o=>o.theme.palette.primary.main};
+    fill: ${o=>o.theme.palette.primary.main}1A;
+  }
+  .tooltip {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.7);
+    color: #fff;
+    padding: 2px 5px;
+    font-size: 12px;
+    white-space: nowrap;
+    z-index: 9999;
+  }
+  .sparkline--cursor {
+    stroke: orange;
+  }
+
+  .sparkline--spot {
+    fill: red;
+    stroke: red;
+  }
+`;function Ee(o){return e.jsx(Y,{...o,sx:ee(s=>({".MuiLinearProgress-root":{height:10},".MuiLinearProgress-colorPrimary":{backgroundColor:s.palette.grey[s.palette.mode==="light"?200:700]},".MuiLinearProgress-bar":{backgroundColor:s.palette.secondary.main}}),o.sx)})}function A(o){const{value:s}=o;return e.jsxs(i,{sx:{display:"flex",alignItems:"center",mt:2},children:[e.jsx(i,{style:{overflow:"hidden"},sx:{width:"100%",mr:1},children:e.jsx(Ee,{variant:"determinate",...o})}),e.jsx(i,{sx:{minWidth:35},children:e.jsx(k,{variant:"body2",color:"textSecondary",children:`${Math.round(s)}%`})})]})}A.propTypes={value:m.number.isRequired};function Z({disk:o={used:0,free:0,total:1,device:""}}){const{t:s}=a.useContext($),l=[{id:1,className:"used",title:s("system.used"),metric:M(o.used)},{id:2,className:"free",title:s("system.free"),metric:M(o.free)},{id:3,className:"total",title:s("system.total"),metric:M(o.total)}];return e.jsx(P,{title:`${s("common.disk")} (${o.device})`,value:M(o.used),graph:e.jsx(i,{sx:{mt:3},children:e.jsx(A,{value:o.used/o.total*100})}),description:l.map((c,p)=>e.jsxs(i,{sx:{marginLeft:p===0?0:2},children:[c.title,": ",c.metric]},c.title))})}Z.propTypes={disk:m.shape({used:m.number,free:m.number,total:m.number,device:m.string})};const w={uptime:0,pid:-1,cpuUsage:0,memoryUsage:0},z="Blocklet Server";function _({initialBlocklets:o}){const{t:s,locale:l}=se(),{api:c,info:p}=U(),[f,E]=Ce("runtime-view-interval",6),[x,j]=a.useState(null),[g,I]=a.useState([]),N=a.useCallback(t=>{j(t)},[]);a.useEffect(()=>{const t=[];t.push({type:"server",groupId:"server",groupName:z,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:w}),t.push({type:"server",groupId:"server",groupName:z,id:"server:service",name:"Server (Service)",runtimeInfo:w}),o.forEach(r=>{v.forEachBlockletSync(r,(n,{id:u,ancestors:d})=>{n.runtimeInfo&&t.push({type:"blocklet",groupId:r.meta.did,groupName:v.getDisplayName(r),id:u,name:v.getDisplayName(n,!0),blocklet:r,component:n,runtimeInfo:n.runtimeInfo,ancestors:d})})}),I(t)},[!!o?.[0]?.appRuntimeInfo]);const[y,F]=a.useState({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[H,O]=a.useState({cpu:[],mem:[],daemonMem:[],serviceMem:[]});h(L.EVENTS.NODE_RUNTIME_INFO,t=>{t.mem.total=t.mem.total||0,t.mem.used=t.mem.total-(t.mem.available||0),F(t),I(r=>r.map(n=>n.id==="server:daemon"?{...n,runtimeInfo:{...n.runtimeInfo,...t.daemon}}:n.id==="server:service"?{...n,runtimeInfo:{...n.runtimeInfo,...t.service}}:n))}),h(L.EVENTS.BLOCKLETS_RUNTIME_INFO,t=>{if(!t||!t.length){console.error("incorrect blocklets runtime info format",t);return}I(r=>r.map(n=>{const u=t.find(d=>d.componentId===n.id);return u?{...n,runtimeInfo:{...n.runtimeInfo,...u.runtimeInfo}}:n}))});const B=t=>{I(r=>r.filter(n=>n.groupId!==t.meta.did))},S=async t=>{try{const{blocklet:r}=await c.getBlocklet({input:{did:t.meta.did,attachRuntimeInfo:!0}});r.status!=="running"&&B(r),I(n=>{const u=n.filter(d=>d.groupId!==r.meta.did);return v.forEachBlockletSync(r,(d,{id:J,ancestors:K})=>{d.runtimeInfo&&u.push({type:"blocklet",groupId:r.meta.did,groupName:v.getDisplayName(r),id:J,name:v.getDisplayName(d,!0),blocklet:r,component:d,runtimeInfo:d.runtimeInfo,ancestors:K})}),u})}catch(r){R.error(r.message)}};h(b.BlockletEvents.removed,B),h(b.BlockletEvents.startFailed,B),h(b.BlockletEvents.statusChange,t=>{if(t.status!=="running"){B(t);return}S(t)}),h(b.BlockletEvents.updated,S),h(b.BlockletEvents.started,S);const G=()=>{c.getNodeRuntimeHistory({input:{hours:f}}).then(t=>{const r=t.history||[];O({cpu:r.map(n=>({date:n.date,value:n.cpu})),mem:r.map(n=>({date:n.date,value:n.mem})),daemonMem:r.map(n=>({date:n.date,value:n.daemonMem})),serviceMem:r.map(n=>({date:n.date,value:n.serviceMem}))})}).catch(t=>{R.error(t.message)})};a.useEffect(()=>{G()},[f]);const W=t=>ce(Number(t||0),{locale:ue(l)}),q=[{label:s("common.group"),name:"groupName",options:{customBodyRenderLite(t){const{type:r,blocklet:n,groupName:u}=g[t];return r==="server"?e.jsxs(i,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(oe,{width:"14",height:"14"}),e.jsx(i,{sx:{ml:1},children:u})]}):e.jsxs(i,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(ie,{size:14,blocklet:n}),e.jsx(i,{sx:{ml:1},children:u})]})}}},{label:s("common.name"),name:"name",options:{customBodyRenderLite(t){const{type:r,name:n,component:u,ancestors:d}=g[t];return r==="server"?e.jsxs(i,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(be,{width:"14",height:"14"}),e.jsx(i,{sx:{ml:1},children:n})]}):e.jsxs(i,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(ae,{size:14,blocklet:u,ancestors:d}),e.jsx(i,{sx:{ml:1},children:n})]})}}},{label:s("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(t){const{runtimeInfo:r}=g[t];return W(r.uptime)}}},{label:s("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(t){const{runtimeInfo:r}=g[t];return M(r?.memoryUsage||0)},sortDirection:"asc"}},{label:s("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(t){const{runtimeInfo:r}=g[t];return`${(r.cpuUsage||0).toFixed(1)}%`}}},{label:s("analytics.runtime"),name:"runtimeInfo.runtime",options:{customBodyRenderLite(t){const{runtimeInfo:r}=g[t];return r?.uptime?e.jsxs(i,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(me,{icon:r?.runningDocker?"catppuccin:docker-ignore":"logos:nodejs-icon"}),e.jsx(i,{sx:{ml:1},children:r?.runningDocker?"Docker":"Nodejs"})]}):null}}},{label:s("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:s("blocklet.runtimeInfo.port"),name:"runtimeInfo.port"}];return e.jsxs("div",{children:[e.jsxs(i,{sx:{display:"flex",justifyContent:"space-between",flexDirection:"row",mb:2},children:[e.jsx(k,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:s("analytics.trend")}),e.jsx(je,{size:"small",exclusive:!0,value:f,onChange:(t,r)=>{le(r)&&E(r)},children:[1,3,6,12,24].map(t=>e.jsxs(Ie,{value:t,children:[t,"H"]},t))})]}),e.jsxs(C,{container:!0,spacing:4,sx:{mb:4},children:[e.jsx(C,{size:{lg:3,md:6,sm:6,xs:12},children:e.jsx(ye,{...y.cpu,history:H.cpu,onHover:N,hoverIndex:x})},"cpu"),e.jsx(C,{size:{lg:3,md:6,sm:6,xs:12},children:e.jsx(T,{...y.mem,history:H.mem,onHover:N,hoverIndex:x})},"memory"),e.jsx(C,{size:{lg:3,md:6,sm:6,xs:12},children:e.jsx(T,{title:`Daemon ${s("common.memory")}`,total:V.parseSize(`${p.runtimeConfig.daemonMaxMemoryLimit}MiB`),used:y.daemon.memoryUsage||0,history:H.daemonMem,onHover:N,hoverIndex:x})},"memory-daemon"),e.jsx(C,{size:{lg:3,md:6,sm:6,xs:12},children:e.jsx(T,{title:`Service ${s("common.memory")}`,total:V.parseSize(`${p.runtimeConfig.proxyMaxMemoryLimit}MiB`),instanceCount:y.service.instanceCount||0,used:y.service.memoryUsage||0,history:H.serviceMem,onHover:N,hoverIndex:x})},"memory-service"),y.disks.map(t=>e.jsx(C,{size:{lg:3,md:6,sm:6,xs:12},children:e.jsx(Z,{disk:t})},t.device||"disk"))]}),e.jsx(he,{className:"runtime-insight-list",title:s("analytics.detail"),locale:l,data:g,columns:q,options:{download:!1,filter:!1,print:!1,pagination:!1,rowsPerPage:100}})]})}_.propTypes={initialBlocklets:m.array.isRequired};function Ne(){const{data:o,externalData:s,initialized:l}=te();if(!l)return e.jsx(re,{relative:"parent",children:e.jsx(ne,{})});const c=[...o,...s];return e.jsx(_,{initialBlocklets:c})}function it(){const o=de(),{t:s}=a.useContext($),{tab:l="traffic"}=pe(),c=j=>{o(`/analytics/${j}`)},p=[{label:s("common.traffic"),value:"traffic"},{label:s("common.runtime"),value:"runtime"}],f=fe(p.find(j=>j.value===l),s("common.analytics")),E={traffic:Me,runtime:Ne},x=E[l]||E.traffic;return e.jsxs(He,{children:[f,e.jsx(k,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:s("common.analytics")}),e.jsx(xe,{tabs:p,current:l,onChange:c}),e.jsx("div",{className:"page-content",children:a.isValidElement(x)?x:e.jsx(x,{})})]})}const He=D.main`
+  .page-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .page-content {
+    margin-top: 16px;
+  }
+`;export{it as default};