@kodiak-finance/orderly-vaults 2.8.18 → 2.8.19-rc.0

package/dist/index.mjs

@@ -1,17 +1,2933 @@
-import Q, { useState, useMemo, useEffect } from 'react';
+import React, { useState, useMemo, useEffect } from 'react';
 import { useCollateral, useMaxWithdrawal, useTokenInfo, useAccount, useGetEnv, useTrack, useMutation, useConfig, usePrivateQuery } from '@kodiak-finance/orderly-hooks';
 import { create } from 'zustand';
 import { useTranslation } from '@kodiak-finance/orderly-i18n';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { uniqBy } from 'ramda';
-import { registerSimpleDialog, registerSimpleSheet, Tabs, TabPanel, ArrowDownSquareFillIcon, ArrowUpSquareFillIcon, Box, Text, Button, useScreen, cn, modal, useModal, SimpleDialog, SimpleSheet, toast, ArrowRightUpSquareFillIcon, Divider, TokenIcon } from '@kodiak-finance/orderly-ui';
+import { registerSimpleDialog, registerSimpleSheet, Tabs, TabPanel, ArrowDownSquareFillIcon, ArrowUpSquareFillIcon, Box, Text, Button, useScreen, cn, modal, useModal, SimpleDialog, SimpleSheet, toast, ArrowRightUpSquareFillIcon, Tooltip, InfoCircleIcon, Divider, TokenIcon } from '@kodiak-finance/orderly-ui';
 import { TrackerEventName, EMPTY_LIST } from '@kodiak-finance/orderly-types';
 import { Decimal } from '@kodiak-finance/orderly-utils';
 import { BrokerWallet, QuantityInput, AvailableQuantity } from '@kodiak-finance/orderly-ui-transfer';
 import { AuthGuard } from '@kodiak-finance/orderly-ui-connector';
 
-var So=Object.defineProperty;var n=(t,o)=>()=>(t&&(o=t(t=0)),o);var pt=(t,o)=>{for(var e in o)So(t,e,{get:o[e],enumerable:true});};var ee,oe,ct=n(()=>{ee={prod:"https://api-sv.orderly.org",staging:"https://testnet-api-sv.orderly.org",qa:"https://qa-api-sv-aliyun.orderly.org",dev:"https://dev-api-sv.orderly.org"},oe={prod:"https://app.orderly.network",staging:"https://staging-app.orderly.network",qa:"https://qa-app.orderly.network",dev:"https://dev-app.orderly.network"};});function X(){let t=useGetEnv();return useMemo(()=>ee[t],[t])}var dt=n(()=>{ct();});function _o(t){let o=Ro(t),e=new URLSearchParams;return Object.entries(o).forEach(([r,a])=>{a!=null&&e.append(r,String(a));}),e.toString()}function Ro(t){let o={};return Object.entries(t).forEach(([e,r])=>{r!=null&&(typeof r=="string"||typeof r=="number"||typeof r=="boolean"?o[e]=r:typeof r=="object"&&r!==null&&Object.entries(r).forEach(([s,i])=>{i!=null&&(typeof i=="string"||typeof i=="number"||typeof i=="boolean")&&(o[s]=i);}));}),o}function Wo(t,o){if(!o||Object.keys(o).length===0)return t;let e=_o(o);if(!e)return t;let r=t.includes("?")?"&":"?";return `${t}${r}${e}`}var O,mt,Do,Z,re=n(()=>{O=class extends Error{constructor(e,r,a,s){super(e);this.code=r;this.status=a;this.response=s;this.name="VaultsApiError";}};mt=class{constructor(){this.requestInterceptors=[];this.responseInterceptors=[];this.defaultConfig={timeout:1e4,retry:3,retryDelay:1e3,validateStatus:o=>o>=200&&o<300,headers:{"Content-Type":"application/json"}};}addRequestInterceptor(o){this.requestInterceptors.push(o);}addResponseInterceptor(o){this.responseInterceptors.push(o);}createTimeoutController(o){let e=new AbortController;return setTimeout(()=>e.abort(),o),e}mergeHeaders(o={},e={}){return {...o,...e}}sleep(o){return new Promise(e=>setTimeout(e,o))}async request(o,e={}){let a={...this.defaultConfig,...e,headers:this.mergeHeaders(this.defaultConfig.headers,e.headers)};for(let S of this.requestInterceptors)a=await S(a);let s=o;typeof o=="string"&&!o.startsWith("http")&&a.baseURL&&(s=`${a.baseURL}${o.startsWith("/")?"":"/"}${o}`),a.params&&(s=typeof s=="string"?Wo(s,a.params):s);let i;a.timeout&&a.timeout>0&&(i=this.createTimeoutController(a.timeout),a.signal=i.signal);let{retry:u=0,retryDelay:m=1e3,validateStatus:h,params:l,baseURL:v,timeout:P,data:f,method:I,...C}=a,x={...C,method:I};f!==void 0&&(x.body=typeof f=="string"?f:JSON.stringify(f));let p;for(let S=0;S<=u;S++)try{let b=await fetch(s,x);if(!h(b.status)){let L=b.statusText,te;try{let lt=await b.json();L=lt.message||lt.code||L,te=lt.code;}catch{}throw new O(L,te,b.status,b)}let J;try{J=await b.json();}catch{throw new O("Invalid JSON response","PARSE_ERROR",b.status,b)}let V=J;for(let L of this.responseInterceptors)V=await L(b,V);if(typeof V=="object"&&V!==null&&"success"in V){let L=V;if(L.success)return L.data;throw new O(L.message||"API request failed",L.code,b.status,b)}return V}catch(b){if(p=b instanceof Error?b:new Error(String(b)),b instanceof O||b?.name==="AbortError"||S===u)throw p;S<u&&await this.sleep(m);}finally{i?.abort();}throw p}async get(o,e={}){return this.request(o,{...e,method:"GET"})}async post(o,e={}){return this.request(o,{...e,method:"POST"})}async put(o,e={}){return this.request(o,{...e,method:"PUT"})}async delete(o,e={}){return this.request(o,{...e,method:"DELETE"})}async patch(o,e={}){return this.request(o,{...e,method:"PATCH"})}},Do=new mt,Z=Do;});async function ae(t){return Z.get("/v1/public/strategy_vault/vault/info",{baseURL:t})}async function ie(t,o){return Z.get("/v1/public/strategy_vault/vault/performance",{params:o,baseURL:t})}async function se(t,o){return Z.get("/v1/public/strategy_vault/lp/info",{params:o,baseURL:t})}var ft=n(()=>{re();});var g,ne,La,Sa,Ca,Ta,_a,Ra,j,Wa,Da,Na,Aa,$=n(()=>{ft();g=create((t,o)=>({baseUrl:"",vaultInfo:{data:[],loading:false,error:null,lastUpdated:null},vaultLpPerformance:{data:{},loading:false,error:null,lastUpdated:null,params:null},vaultLpInfo:{data:{},loading:false,error:null,lastUpdated:null,params:null},vaultsPageConfig:null,setBaseUrl:e=>{t({baseUrl:e});},fetchVaultInfo:async e=>{let r=o(),a=e||r.baseUrl;if(!a){t(s=>({vaultInfo:{...s.vaultInfo,error:"Base URL is required"}}));return}t(s=>({baseUrl:e||s.baseUrl,vaultInfo:{...s.vaultInfo,loading:true,error:null}}));try{let s=await ae(a);t(i=>({vaultInfo:{...i.vaultInfo,data:s.rows,loading:!1,error:null,lastUpdated:Date.now()}}));}catch(s){t(i=>({vaultInfo:{...i.vaultInfo,loading:false,error:s instanceof Error?s.message:"Failed to fetch vault info"}}));}},refreshVaultInfo:async()=>{let e=o();e.vaultInfo.lastUpdated&&e.baseUrl&&await e.fetchVaultInfo();},fetchVaultLpPerformance:async(e,r)=>{let a=o(),s=r||a.baseUrl;if(!s){t(i=>({vaultLpPerformance:{...i.vaultLpPerformance,error:"Base URL is required"}}));return}t(i=>({baseUrl:r||i.baseUrl,vaultLpPerformance:{...i.vaultLpPerformance,loading:true,error:null,params:e}}));try{let i=await ie(s,e);t(u=>({vaultLpPerformance:{...u.vaultLpPerformance,data:{...u.vaultLpPerformance.data,[e.vault_id]:i.rows},loading:!1,error:null,lastUpdated:Date.now()}}));}catch(i){t(u=>({vaultLpPerformance:{...u.vaultLpPerformance,loading:false,error:i instanceof Error?i.message:"Failed to fetch vault LP performance"}}));}},refreshVaultLpPerformance:async()=>{let e=o();e.vaultLpPerformance.lastUpdated&&e.vaultLpPerformance.params&&e.baseUrl&&await e.fetchVaultLpPerformance(e.vaultLpPerformance.params);},fetchVaultLpInfo:async(e,r)=>{let a=o(),s=r||a.baseUrl;if(!s){t(i=>({vaultLpInfo:{...i.vaultLpInfo,error:"Base URL is required"}}));return}t(i=>({baseUrl:r||i.baseUrl,vaultLpInfo:{...i.vaultLpInfo,loading:true,error:null,params:e}}));try{let i=await se(s,e);t(u=>({vaultLpInfo:{...u.vaultLpInfo,data:{...u.vaultLpInfo.data,[e.vault_id]:i.rows},loading:!1,error:null,lastUpdated:Date.now()}}));}catch(i){t(u=>({vaultLpInfo:{...u.vaultLpInfo,loading:false,error:i instanceof Error?i.message:"Failed to fetch vault LP info"}}));}},refreshVaultLpInfo:async()=>{let e=o();e.vaultLpInfo.lastUpdated&&e.vaultLpInfo.params&&e.baseUrl&&await e.fetchVaultLpInfo(e.vaultLpInfo.params);},setVaultsPageConfig:e=>{t({vaultsPageConfig:e});}})),ne=()=>g(t=>t.vaultInfo),La=()=>g(t=>t.vaultLpPerformance),Sa=()=>g(t=>t.vaultLpInfo),Ca=()=>g(t=>({fetchVaultInfo:t.fetchVaultInfo,refreshVaultInfo:t.refreshVaultInfo})),Ta=()=>g(t=>({fetchVaultLpPerformance:t.fetchVaultLpPerformance,refreshVaultLpPerformance:t.refreshVaultLpPerformance})),_a=()=>g(t=>({fetchVaultLpInfo:t.fetchVaultLpInfo,refreshVaultLpInfo:t.refreshVaultLpInfo})),Ra=t=>g(o=>o.vaultLpPerformance.data[t]),j=t=>g(o=>o.vaultLpInfo.data[t]),Wa=()=>g(t=>Object.keys(t.vaultLpPerformance.data)),Da=()=>g(t=>Object.keys(t.vaultLpInfo.data)),Na=()=>g(t=>Object.values(t.vaultLpPerformance.data).flat()),Aa=()=>g(t=>Object.values(t.vaultLpInfo.data).flat());});var F=n(()=>{$();});var vt,ht=n(()=>{vt=t=>{let{supportVaults:o,headerImage:e,brokerName:r}=t,{t:a}=useTranslation(),s=useMemo(()=>jsx("div",{className:"oui-flex oui-items-center",children:o.map((u,m)=>jsx("img",{src:`https://oss.orderly.network/static/network_logo/${u.chain_id}.png`,alt:u.chain_id,className:"oui-relative oui-size-5",style:{marginLeft:m>0?"-4px":"0",zIndex:o.length-m}},u.chain_id))}),[o]),i=useMemo(()=>typeof e=="string"?jsx("img",{src:e,alt:"header",className:"oui-bg-contain oui-bg-center oui-bg-no-repeat"}):e,[e]);return jsxs("div",{className:"oui-flex oui-items-center oui-justify-between",children:[jsxs("div",{className:"oui-flex oui-max-w-[726px] oui-flex-col",children:[jsxs("div",{className:"oui-flex oui-items-center oui-gap-1 oui-text-[18px] oui-font-normal oui-text-base-contrast-54",children:[a("vaults.availableOn")," ",s]}),jsx("div",{className:"oui-mb-6 oui-mt-8 oui-text-5xl oui-font-bold oui-leading-[44px] oui-text-base-contrast",children:a("vaults.header.title")}),jsx("div",{className:"oui-text-xl oui-font-normal oui-text-base-contrast-54",children:a("vaults.header.description",{brokerName:r})})]}),jsx("div",{className:"oui-h-[238px] oui-w-[360px]",children:i})]})};});var de,me=n(()=>{de=t=>{let{supportVaults:o,headerImage:e}=t,{t:r}=useTranslation(),a=useConfig("brokerName"),s=useMemo(()=>jsx("div",{className:"oui-flex oui-items-center",children:o.map((u,m)=>jsx("img",{src:`https://oss.orderly.network/static/network_logo/${u.chain_id}.png`,alt:u.chain_id,className:"oui-relative oui-size-[18px]",style:{marginLeft:m>0?"-4px":"0",zIndex:o.length-m}},u.chain_id))}),[o]),i=useMemo(()=>typeof e=="string"?jsx("img",{src:e,alt:"header",className:"oui-bg-contain oui-bg-center oui-bg-no-repeat"}):e,[e]);return jsxs("div",{className:"oui-relative",children:[jsxs("div",{className:"oui-flex oui-flex-col",children:[jsxs("div",{className:"oui-flex oui-items-center oui-gap-1 oui-text-2xs oui-font-semibold oui-text-base-contrast-54",children:[r("vaults.availableOn")," ",s]}),jsx("div",{className:"oui-mb-4 oui-mt-6 oui-min-h-[56px] oui-max-w-[calc(100%-187px)] oui-text-xl oui-font-bold oui-text-base-contrast",children:r("vaults.header.title")}),jsx("div",{className:"oui-max-w-[450px] oui-text-2xs oui-font-normal oui-text-base-contrast-54",children:r("vaults.header.description",{brokerName:a})})]}),jsx("div",{className:"oui-absolute -oui-right-3 -oui-top-4 oui-h-[124px] oui-w-[187px]",children:i})]})};});var bt,yt=n(()=>{F();bt=()=>{let{vaultInfo:t,vaultsPageConfig:o}=g(),e=useConfig("brokerName");return {supportVaults:useMemo(()=>{let a=[];return t.data.forEach(s=>{a.push(...s.supported_chains);}),uniqBy(s=>s.chain_id,a)},[t.data]),headerImage:o?.headerImage,brokerName:e}};});var Bo,ge=n(()=>{ht();me();yt();Bo=()=>{let t=bt(),{isMobile:o}=useScreen();return o?jsx(de,{...t}):jsx(vt,{...t})};});var ve={};pt(ve,{VaultsHeaderDesktop:()=>vt,VaultsHeaderWidget:()=>Bo,useVaultsHeaderScript:()=>bt});var It=n(()=>{ge();ht();yt();});var xe,Vt,ye=n(()=>{xe=t=>{let{t:o}=useTranslation(),{isMobile:e}=useScreen(),{vaultsInfo:r}=t;return jsxs("div",{className:cn("oui-flex oui-items-center  ","oui-via-21.6% oui-via-83.23% oui-bg-gradient-to-r oui-from-[rgba(var(--oui-gradient-neutral-end)/1)] oui-to-[rgba(var(--oui-gradient-neutral-start)/1)]",e?"oui-gap-3 oui-rounded-xl oui-p-3":"oui-gap-6 oui-rounded-2xl oui-p-6"),children:[jsx(Vt,{title:o("vaults.introduction.tvl"),value:r.tvl,textProps:{currency:"$"},isMobile:e}),jsx(Divider,{direction:"vertical",className:cn("oui-bg-white/[0.12]",e?"oui-h-[44px]":"oui-h-[64px]")}),jsx(Vt,{title:o("common.vaults"),value:r.vaultsCount,isMobile:e}),jsx(Divider,{direction:"vertical",className:cn("oui-bg-white/[0.12]",e?"oui-h-[44px]":"oui-h-[64px]")}),jsx(Vt,{title:o("vaults.introduction.depositors"),value:r.lpCount,isMobile:e})]})},Vt=t=>{let{title:o,value:e,textProps:r,isMobile:a}=t;return jsxs("div",{className:cn("oui-flex oui-flex-1 oui-flex-col oui-items-center ",a?"oui-gap-0.5":"oui-gap-3"),children:[jsx("div",{className:cn("oui-font-normal oui-text-base-contrast-54",a?"oui-text-2xs":"oui-text-base"),children:o}),jsx(Text.numeral,{className:cn("oui-font-semibold",a?"oui-text-base":"oui-text-xl"),dp:0,...r,children:e})]})};});var Ie,Ve=n(()=>{F();Ie=()=>{let{vaultInfo:t}=g();return {vaultsInfo:useMemo(()=>{let e=t.data.reduce((a,s)=>a+s.tvl,0),r=t.data.reduce((a,s)=>a+s.lp_counts,0);return {tvl:e,lpCount:r,vaultsCount:t.data.length}},[t.data])}};});var Go,we=n(()=>{ye();Ve();Go=()=>{let t=Ie();return jsx(xe,{...t})};});var Pe={};pt(Pe,{VaultsIntroductionWidget:()=>Go});var wt=n(()=>{we();});var Pt,D,T=n(()=>{Pt=(e=>(e.LP="lp",e.SP="sp",e))(Pt||{}),D=(e=>(e.DEPOSIT="deposit",e.WITHDRAWAL="withdrawal",e))(D||{});});var Le,Se=n(()=>{Le={prod:{vaultProtocol:"0x70Fe7d65Ac7c1a1732f64d2E6fC0E33622D0C991",vaultCrossChainManager:"0x58c9747ccAAE56182C7d9c814F5eaca395D8c93B",vaultPvLedger:"0xB7E792f0da9104A27288421583748215AefFFd78",vaultId:"0xa3426a1cef4052c056fced18099be899d93f1427d13b9a1df1806b91fad3d0c2",spAddress:"0x8bAA309D93FFFB54A64444FD98E10d92D4d9Eb22"},staging:{vaultProtocol:"0x6B6059259B4096ea6420Eb5e08a22214d2303aE9",vaultCrossChainManager:"0x510dD61a988797114A9a51b0d228E894037BD9cb",vaultPvLedger:"0x20AFe57C75D1C548A9Da265fBFC5416c43783589",vaultId:"0x95514fb145354f07bb889f711e856481b5ed52fce52200148aa834b3b29544c8",spAddress:"0xbddfd22ef902a4898147a1ca5b985d03c62a8c41"},qa:{vaultProtocol:"0xF5b12d5F1db6DAB8C7c0561152b5e4bb8fD5eb38",vaultCrossChainManager:"0xB8a3245407571804b4db5219cBe8D9F2EA1828DE",vaultPvLedger:"0x15c9B5705CaCB4eb140dfd7a8c651E18027e5146",vaultId:"0x4812cbb88f4025372a3e2acd10d02b5f680d7d1fe78091f6cfde80122c861099",spAddress:"0xbddfd22ef902a4898147a1ca5b985d03c62a8c41"},dev:{vaultProtocol:"0xA292E1126703F804FBD5671F034c7226538C54C7",vaultCrossChainManager:"0x7568ACC147Af12b02713143C3177D7e89C28A9A6",vaultPvLedger:"0x2a5909498d85650744dD5CF964F2136962e5AE6E",vaultId:"0x4812cbb88f4025372a3e2acd10d02b5f680d7d1fe78091f6cfde80122c861099",spAddress:"0xbddfd22ef902a4898147a1ca5b985d03c62a8c41"}};});var Ce,Te=n(()=>{T();Ce=(t,o)=>t==="deposit"&&o==="lp"?0:t==="withdrawal"&&o==="lp"?1:t==="deposit"&&o==="sp"?2:t==="withdrawal"&&o==="sp"?3:1;});var q,tt=n(()=>{q=t=>{let{type:o,vaultId:e}=t,{data:r,mutate:a}=usePrivateQuery(`/v1/account_sv_transaction_history?type=${o}&vault_id=${e}&size=1`,{formatter:i=>i?.rows||EMPTY_LIST,revalidateOnFocus:false});return {latestOperation:useMemo(()=>r?.[0],[r]),refetch:a}};});var et,Lt=n(()=>{Se();T();Te();tt();et=t=>{let{account:o,state:e}=useAccount(),r=useGetEnv(),{track:a}=useTrack(),s=useMemo(()=>Le[r].vaultPvLedger,[r]),[i]=useMutation("/v1/sv_operation_request"),{refetch:u}=q({type:t.type,vaultId:t.vaultId}),m=useMemo(()=>e?.accountId!==e?.mainAccountId,[e?.accountId,e?.mainAccountId]);return {handleOperation:async({amount:l,vaultId:v})=>{if(e.accountId!==e.mainAccountId){toast.error("Please switch to the main account to perform this operation.");return}if(t.type==="deposit"&&new Decimal(l).lt(10)){toast.error("Deposit amount is less than the minimum 10 USDC.");return}let f={payloadType:Ce(t.type,"lp"),amount:new Decimal(Number(l)).mul(10**6).toString(),vaultId:v,token:"USDC",domain:{name:"Orderly",version:"1",chainId:e.connectWallet?.chainId,verifyingContract:s}},{message:I,signatured:C}=await o.generateDexRequest(f);try{let x=await i({message:{...I,chainId:e.connectWallet?.chainId},signature:C,userAddress:e.address,verifyingContract:s});if(!x.success){t.type==="deposit"?a(TrackerEventName.vaultDepositFailed,{msg:x.message}):a(TrackerEventName.vaultWithdrawFailed,{msg:x.message}),toast.error(x.message);return}await u(),t.type==="deposit"?a(TrackerEventName.vaultDepositSuccess,{quantity:l,vaultId:v}):a(TrackerEventName.vaultWithdrawSuccess,{quantity:l,vaultId:v}),toast.success(`${t.type} successful`);}catch(x){let p=x instanceof Error?x.message:String(x);t.type==="deposit"?a(TrackerEventName.vaultDepositFailed,{msg:p}):a(TrackerEventName.vaultWithdrawFailed,{msg:p}),toast.error(p);}},disabledOperation:m}};});var We,De=n(()=>{$();T();Lt();We=t=>{let{vaultId:o}=t,[e,r]=useState(""),{vaultInfo:a}=g(),{handleOperation:s,disabledOperation:i}=et({type:"deposit",vaultId:o}),{holding:u}=useCollateral(),{t:m}=useTranslation(),h=a.data[0]?.min_deposit_amount||0,l=useMaxWithdrawal("USDC"),v=useMemo(()=>u?.find(V=>V.token==="USDC")?.holding||0,[u]),P=useMemo(()=>Math.min(l,v),[l,v]),f=useMemo(()=>a.data.find(L=>L.vault_id===o)?.est_main_share_price,[a.data,o]),I=useMemo(()=>!f||!e?"-":new Decimal(e).div(f).toString(),[e,f]),C=async()=>{!I||I==="-"||(await s({amount:e,vaultId:o}),r(""));},x=useTokenInfo("USDC"),p=useMemo(()=>({...x,display_name:x?.token,symbol:x?.token}),[x]),S=V=>{if(V&&new Decimal(V).gt(P)){r(P.toString());return}r(V);},b=useMemo(()=>!e||e==="0"||i||!!e&&new Decimal(e).lt(h),[e,i]),J=useMemo(()=>e&&new Decimal(e).lt(h)?{hintMessage:m("vaults.operation.error.minDeposit",{amount:h}),status:"error"}:{hintMessage:"",status:""},[e,m,l,v]);return {quantity:e,onQuantityChange:S,sourceToken:p,maxQuantity:P,sharePrice:f,shares:I,handleDeposit:C,vaultId:o,disabledDeposit:b,disabledOperation:i,inputHint:J}};});var Ne,Ae=n(()=>{T();tt();Ne=({vaultId:t})=>{let{latestOperation:o}=q({type:"deposit",vaultId:t});return {latestOperation:o}};});var rt,St=n(()=>{rt=t=>t==="completed"?"success":t==="rejected"||t==="failed"?"danger":"primary";});var Ue,Ee=n(()=>{St();Ue=t=>{let{latestOperation:o}=t,{t:e}=useTranslation();return o?jsxs("div",{className:"oui-mt-3 oui-flex oui-flex-col oui-gap-2",children:[jsx("div",{className:"oui-text-xs oui-font-normal oui-text-base-contrast-54",children:e("vaults.deposit.latestDeposit")}),jsx("div",{className:"oui-h-[44px] oui-rounded-lg oui-border oui-border-white/[0.12] oui-p-3",children:jsxs("div",{className:"oui-flex oui-items-center",children:[jsx("div",{className:cn("oui-mr-1 oui-size-1 oui-rounded-full",o.status==="completed"&&"oui-bg-success",o.status==="rejected"&&"oui-bg-danger",o.status==="failed"&&"oui-bg-danger",(o.status==="pending"||o.status==="new")&&"oui-bg-primary")}),jsx(Text,{color:rt(o.status),className:"oui-text-xs oui-font-normal",children:o.status.slice(0,1).toUpperCase()+o.status.slice(1)}),jsx(TokenIcon,{name:"USDC",className:"oui-ml-auto oui-mr-1 oui-size-4"}),jsx(Text.numeral,{className:"oui-text-sm oui-font-semibold oui-text-base-contrast-80",children:o.amount_change})]})})]}):null};});var ke,Ct=n(()=>{Ae();Ee();ke=t=>{let{vaultId:o}=t,e=Ne({vaultId:o});return jsx(Ue,{...e})};});var qe,Me=n(()=>{Ct();qe=t=>{let{quantity:o,onQuantityChange:e,sourceToken:r,maxQuantity:a,shares:s,handleDeposit:i,vaultId:u,disabledDeposit:m,disabledOperation:h,inputHint:l}=t,{t:v}=useTranslation();return jsxs("div",{children:[jsx(BrokerWallet,{}),jsx(Box,{mt:3,mb:1,children:jsx(QuantityInput,{value:o,onValueChange:e,token:{...r,precision:6},testId:"oui-testid-vault-deposit-dialog-quantity-input",hintMessage:l.hintMessage,status:l.status})}),jsx(AvailableQuantity,{maxQuantity:a?.toString()||"0",onClick:()=>{e(a?.toString()||"0");}}),jsxs(Box,{mt:5,mb:1,className:"oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54",children:[jsx("div",{children:v("vaults.deposit.estShares")}),jsx(Text.numeral,{dp:6,padding:false,suffix:jsx("span",{className:"oui-ml-1 oui-text-base-contrast-54",children:v("vaults.deposit.shares")}),children:s})]}),jsxs(Box,{mb:5,className:"oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54",children:[jsx("div",{children:v("vaults.deposit.lockupDuration")}),jsx(Text.numeral,{suffix:jsx("span",{className:"oui-ml-1 oui-text-base-contrast-54",children:"hrs"}),children:"48"})]}),h&&jsx("div",{className:"oui-mt-3 oui-text-center",children:jsx(Text,{color:"warning",className:"oui-text-sm oui-font-semibold",children:v("vaults.operation.error.switchAccount")})}),jsx(Button,{fullWidth:true,color:"primary",disabled:m,className:"oui-mt-3",onClick:i,children:v("common.deposit")}),jsx(ke,{vaultId:u})]})};});var Be,He=n(()=>{De();Me();Be=t=>{let{vaultId:o}=t,e=We({vaultId:o});return jsx(qe,{...e})};});var Wt=n(()=>{He();});var ze,Qe=n(()=>{F();T();Lt();ze=t=>{let{vaultId:o}=t,[e,r]=useState(""),{handleOperation:a,disabledOperation:s}=et({type:"withdrawal",vaultId:o}),i=j(o),{vaultInfo:u}=g(),{t:m}=useTranslation(),h=useMemo(()=>u.data.find(S=>S.vault_id===o)?.est_main_share_price||0,[u.data,o]),l=i?.[0]?.available_main_shares||0,v=useMemo(()=>!e||!h?"-":new Decimal(e).mul(h).toString(),[e,h]),P=async()=>{await a({amount:e,vaultId:o});},f=p=>{p&&new Decimal(p).gt(l)?r(l.toString()):r(p);},I=useMemo(()=>!e||!u.data[0]?.est_main_share_price||!u.data[0]?.min_withdrawal_amount||e===l.toString()?false:new Decimal(e).mul(u.data[0]?.est_main_share_price).lt(u.data[0]?.min_withdrawal_amount),[e,u,l]),C=useMemo(()=>!e||e==="0"||s||!!e&&I,[e,s]),x=useMemo(()=>e&&I?{hintMessage:m("vaults.operation.error.minWithdrawal",{amount:u.data[0]?.min_withdrawal_amount}),status:"error"}:{hintMessage:"",status:""},[e,m]);return {quantity:e,onQuantityChange:f,maxQuantity:l,handleWithdraw:P,vaultId:o,sharePrice:h,receivingAmount:v,disabledWithdraw:C,disabledOperation:s,inputHint:x}};});var $e,Ge=n(()=>{T();tt();$e=({vaultId:t})=>{let{latestOperation:o}=q({type:"withdrawal",vaultId:t});return {latestOperation:o}};});var Nt,Ye,At,Ir,at,Ot=n(()=>{Nt=()=>jsx("div",{className:"oui-size-2 oui-rounded-full oui-bg-white/[0.54]"}),Ye=()=>jsx("div",{className:"oui-h-px oui-flex-1 oui-bg-white/[0.2]"}),At=({children:t,className:o})=>jsx("div",{className:cn("oui-flex-1 oui-text-2xs oui-font-normal oui-text-base-contrast-80",o),children:t}),Ir=()=>{let{t}=useTranslation();return jsxs(Fragment,{children:[jsxs("div",{className:"oui-flex oui-items-center",children:[jsx(Nt,{}),jsx("div",{className:"oui-flex-1",children:jsx(Ye,{})}),jsx(Nt,{}),jsx("div",{className:"oui-flex-1",children:jsx(Ye,{})}),jsx(Nt,{})]}),jsxs("div",{className:"oui-mt-1 oui-flex oui-justify-between",children:[jsx(At,{children:t("vaults.withdraw.process.initiate")}),jsx(At,{className:"oui-text-center",children:t("vaults.withdraw.process.vaultProcess")}),jsx(At,{className:"oui-text-right",children:t("vaults.withdraw.process.transferred")})]})]})},at=()=>{let{t}=useTranslation();return jsxs("div",{className:"oui-flex oui-flex-col oui-gap-2 oui-rounded-xl oui-border oui-border-white/[0.12] oui-p-3",children:[jsxs("div",{className:"oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54",children:[jsx("div",{children:t("vaults.withdraw.process.withdrawProcess")}),jsx(Text,{color:"primary",children:t("vaults.withdraw.process.upTo")})]}),jsx(Ir,{})]})};});var Ze,je=n(()=>{St();Ot();Ze=t=>{let{latestOperation:o}=t,{t:e}=useTranslation();return o?jsxs("div",{className:"oui-mt-3 oui-flex oui-flex-col oui-gap-2",children:[jsx("div",{className:"oui-text-xs oui-font-normal oui-text-base-contrast-54",children:e("vaults.withdraw.latestWithdraw")}),jsx("div",{className:"oui-h-[44px] oui-rounded-lg oui-border oui-border-white/[0.12] oui-p-3",children:jsxs("div",{className:"oui-flex oui-items-center",children:[jsx("div",{className:cn("oui-mr-1 oui-size-1 oui-rounded-full",o.status==="completed"&&"oui-bg-success",o.status==="rejected"&&"oui-bg-danger",o.status==="failed"&&"oui-bg-danger",(o.status==="pending"||o.status==="new")&&"oui-bg-primary")}),jsx(Text,{color:rt(o.status),className:"oui-text-xs oui-font-normal",children:o.status.slice(0,1).toUpperCase()+o.status.slice(1)}),jsx(TokenIcon,{name:"USDC",className:"oui-ml-auto oui-mr-1 oui-size-4"}),jsx(Text.numeral,{className:"oui-text-sm oui-font-semibold oui-text-base-contrast-80",children:o.amount_change||"-"})]})})]}):jsx(at,{})};});var to,eo=n(()=>{Ge();je();to=t=>{let{vaultId:o}=t,e=$e({vaultId:o});return jsx(Ze,{...e})};});var Ft=n(()=>{eo();});var ao,it,io,Or,Fr,so=n(()=>{Ft();Ot();ao=t=>{let{quantity:o,onQuantityChange:e,maxQuantity:r,handleWithdraw:a,vaultId:s,sharePrice:i,receivingAmount:u,disabledWithdraw:m,disabledOperation:h,inputHint:l}=t,{isMobile:v}=useScreen(),P=()=>{modal.show(v?Fr:Or,{quantity:o,receivingAmount:u,handleWithdraw:a});},{t:f}=useTranslation();return jsxs("div",{children:[jsx(BrokerWallet,{}),jsx(Box,{mt:3,mb:1,children:jsx(QuantityInput,{value:o,onValueChange:e,token:{display_name:"Shares",precision:6},testId:"oui-testid-vault-withdraw-dialog-quantity-input",hintMessage:l.hintMessage,status:l.status})}),jsx(AvailableQuantity,{maxQuantity:r,onClick:()=>{e(r.toString());}}),jsx(it,{label:f("vaults.withdraw.estPricePerShare"),currency:"$",value:i||"-",className:"oui-mb-1 oui-mt-5"}),jsx(it,{label:f("vaults.withdraw.estReceivingAmount"),value:u,suffix:jsx("span",{className:"oui-ml-1 oui-text-base-contrast-36",children:"USDC"}),className:"oui-mb-5"}),h&&jsx("div",{className:"oui-mt-3 oui-text-center",children:jsx(Text,{color:"warning",className:"oui-text-sm oui-font-semibold",children:f("vaults.operation.error.switchAccount")})}),jsx(Button,{fullWidth:true,color:"primary",disabled:m,className:"oui-mt-3",onClick:P,children:f("common.withdraw")}),jsx("div",{className:"oui-mt-3",children:jsx(to,{vaultId:s})})]})},it=({label:t,value:o,suffix:e,currency:r,className:a})=>jsxs("div",{className:cn("oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54",a),children:[jsx("div",{children:t}),jsx(Text.numeral,{currency:r,className:"oui-text-base-contrast",suffix:e,children:o})]}),io=t=>{let{quantity:o,receivingAmount:e,handleWithdraw:r,hide:a}=t,{t:s}=useTranslation();return jsxs("div",{className:"oui-flex oui-flex-col",children:[jsx(it,{label:s("vaults.withdraw.dialog.withdrawalAmount"),value:o,suffix:jsx("span",{className:"oui-ml-1 oui-text-base-contrast-36",children:"Shares"})}),jsx(it,{label:s("vaults.withdraw.dialog.estimatedReceiving"),value:e,suffix:jsx("span",{className:"oui-ml-1 oui-text-base-contrast-36",children:"USDC"}),className:"oui-mt-1"}),jsx(Text,{color:"warning",className:"oui-my-5 oui-text-sm oui-font-semibold",children:s("vaults.withdraw.dialog.note")}),jsx(at,{}),jsx(Button,{fullWidth:true,color:"primary",className:"oui-mt-5",onClick:async()=>{await r(),a?.();},children:s("vaults.withdraw.dialog.initiateWithdrawal")})]})},Or=modal.create(({quantity:t,receivingAmount:o,handleWithdraw:e})=>{let{visible:r,hide:a,onOpenChange:s}=useModal(),{t:i}=useTranslation();return jsx(SimpleDialog,{title:i("vaults.withdraw.dialog.title"),open:r,onOpenChange:s,children:jsx(io,{quantity:t,receivingAmount:o,handleWithdraw:e,hide:a})})}),Fr=modal.create(({quantity:t,receivingAmount:o,handleWithdraw:e})=>{let{visible:r,hide:a,onOpenChange:s}=useModal(),{t:i}=useTranslation();return jsx(SimpleSheet,{title:i("vaults.withdraw.dialog.title"),open:r,onOpenChange:s,children:jsx(io,{quantity:t,receivingAmount:o,handleWithdraw:e,hide:a})})});});var no,uo=n(()=>{Qe();so();no=t=>{let{vaultId:o}=t,e=ze({vaultId:o});return jsx(ao,{...e})};});var qt=n(()=>{uo();});var Mt,Bt,po,Ht=n(()=>{Wt();qt();Mt="VaultDepositAndWithdrawWithDialogId",Bt="VaultDepositAndWithdrawWithSheetId",po=t=>{let[o,e]=useState(t.activeTab||"deposit"),{vaultId:r}=t,{t:a}=useTranslation();return jsxs(Tabs,{value:o,onValueChange:e,variant:"contained",size:"lg",classNames:{tabsList:"oui-px-0",tabsContent:"oui-pt-5"},children:[jsx(TabPanel,{title:a("common.deposit"),icon:jsx(ArrowDownSquareFillIcon,{}),value:"deposit",children:jsx(Be,{vaultId:r})}),jsx(TabPanel,{title:a("common.withdraw"),icon:jsx(ArrowUpSquareFillIcon,{}),value:"withdraw",children:jsx(no,{vaultId:r})})]})};registerSimpleDialog(Mt,po,{size:"md",classNames:{content:"oui-border oui-border-line-6"}});registerSimpleSheet(Bt,po);});var co,wn,Pn,zt=n(()=>{co="https://oss.orderly.network/static/symbol_logo/ORDER.png",wn="Orderly OmniVault",Pn="Earn passive yields effortlessly, no trading expertise required. OmniVault deploys market-making strategies, taking on liquidations, and accrue platform fees.";});var mo,Qt=n(()=>{ct();dt();$();Ht();zt();mo=t=>{let{t:o}=useTranslation(),e=j(t.vault_id),{fetchVaultLpInfo:r}=g(),a=useGetEnv(),{isMobile:s}=useScreen(),{state:i}=useAccount(),u=X(),{holding:m}=useCollateral(),h=useMemo(()=>m?.find(p=>p.token==="USDC")?.holding||0,[m]);useEffect(()=>{!i.address||!u||!t.vault_id||r({vault_id:t.vault_id,wallet_address:i.address},u);},[t.vault_id,i.address,u]);let l=useMemo(()=>h,[h]),v=useMemo(()=>{let p=e?.[0];return p?{deposits:p.lp_tvl-p.potential_pnl,earnings:p.potential_pnl}:{deposits:"--",earnings:"--"}},[e]),P=useMemo(()=>i.chainNamespace==="EVM",[i.chainNamespace]),f=useMemo(()=>i.chainNamespace==="SOL",[i.chainNamespace]),I=useMemo(()=>i.chainNamespace!=="EVM"&&i.chainNamespace!=="SOL"&&i.accountId!==i.mainAccountId,[i.chainNamespace,i.accountId,i.mainAccountId]),C=p=>{modal.show(s?Bt:Mt,{activeTab:p,vaultId:t.vault_id});},x=()=>{let p=oe[a];window.open(`${p}/vaults`,"_blank");};return {title:o("vaults.card.orderly.title"),description:o("vaults.card.orderly.description"),icon:co,vaultInfo:t,lpInfo:v,isEVMConnected:P,isSOLConnected:f,openDepositAndWithdraw:C,availableBalance:l,openVaultWebsite:x,isWrongNetwork:I}};});var ho,fo,Gt,ra,Kt=n(()=>{ho=t=>{let{title:o,vaultInfo:e,lpInfo:r,description:a,isEVMConnected:s,isSOLConnected:i,openDepositAndWithdraw:u,availableBalance:m,openVaultWebsite:h}=t,{t:l}=useTranslation(),{isMobile:v}=useScreen(),P=useMemo(()=>jsx("div",{className:"oui-flex oui-items-center",children:e.supported_chains.map((f,I)=>jsx("img",{src:`https://oss.orderly.network/static/network_logo/${f.chain_id}.png`,alt:f.chain_id,className:cn("oui-relative",v?"oui-size-[18px]":"oui-size-5"),style:{marginLeft:I>0?"-4px":"0",zIndex:e.supported_chains.length-I}},f.chain_id))}),[e.supported_chains]);return jsxs("div",{className:"oui-relative oui-h-[388px] oui-overflow-hidden oui-rounded-2xl oui-border oui-border-solid oui-border-white/[0.12] oui-bg-base-9",children:[jsx("div",{style:{position:"absolute",top:0,right:0,width:"100%",height:"180px",backdropFilter:"blur(2px)",zIndex:1,background:"linear-gradient(180deg, rgba(44, 5, 69, 0.80) 0%, rgba(19, 21, 25, 0.80) 63.46%, #131519 100%)"}}),jsx("img",{src:"/vaults/orderly_vault_card_bg.png",alt:"",style:{position:"absolute",top:0,right:0,width:"100%",height:"180px",zIndex:0}}),jsxs("div",{className:"oui-absolute oui-left-0 oui-top-0 oui-z-20 oui-flex oui-flex-col oui-gap-3  oui-p-6",children:[jsxs("div",{className:"oui-flex oui-items-center oui-gap-2",children:[jsx("img",{src:"https://oss.orderly.network/static/symbol_logo/ORDER.png",alt:"",className:"oui-size-8"}),jsx("div",{className:"oui-text-[18px] oui-font-semibold oui-text-white",children:o}),P,jsx("div",{className:"oui-z-50 oui-ml-auto oui-cursor-pointer",onClick:h,children:jsx(ArrowRightUpSquareFillIcon,{color:"white",width:18,height:18,viewBox:"0 0 18 18"})})]}),jsx("div",{className:"oui-text-2xs oui-font-normal oui-leading-[18px] oui-text-base-contrast-54",children:a}),jsxs("div",{className:"oui-flex oui-items-center oui-gap-2",children:[jsx(fo,{label:l("vaults.card.tvl"),value:e.tvl,textProps:{currency:"$",dp:0,type:"numeral"}}),jsx(fo,{label:l("vaults.card.apy"),value:(e["30d_apy"]*100).toFixed(2)+"%",textProps:{color:"brand",type:"gradient"}})]}),jsxs("div",{className:"oui-mt-3 oui-flex oui-flex-col oui-items-center oui-gap-2 oui-rounded-lg oui-bg-white/[0.06] oui-p-3",children:[jsx(Gt,{label:l("vaults.card.myDeposits"),value:r.deposits}),jsx(Gt,{label:l("vaults.card.myEarnings"),value:r.earnings})]}),jsx(Gt,{label:l("vaults.card.accountBalance"),value:m}),jsx(ra,{isEVMConnected:s,isSOLConnected:i,openDepositAndWithdraw:u})]})]})},fo=t=>{let{label:o,value:e,textProps:r}=t;return jsxs("div",{className:cn("oui-flex oui-flex-1 oui-flex-col oui-items-center oui-justify-center oui-px-3 oui-py-2","oui-rounded-lg oui-border oui-border-solid oui-border-white/[0.12]"),children:[jsx("div",{className:"oui-text-2xs oui-font-normal oui-leading-[18px] oui-text-base-contrast-54",children:o}),r.type==="gradient"?jsx(Text.gradient,{className:"oui-text-base oui-font-semibold",...r,children:e}):jsx(Text.numeral,{className:"oui-text-base oui-font-semibold",...r,children:e})]})},Gt=t=>{let{label:o,value:e,textProps:r}=t;return jsxs("div",{className:"oui-flex oui-w-full oui-items-center oui-justify-between oui-text-2xs oui-font-normal",children:[jsx("div",{className:"oui-text-base-contrast-54",children:o}),jsx(Text.numeral,{className:"oui-text-base-contrast-80",...r,dp:2,suffix:jsx("span",{className:"oui-ml-1 oui-text-base-contrast-36",children:"USDC"}),children:e})]})},ra=t=>{let{isEVMConnected:o,isSOLConnected:e,openDepositAndWithdraw:r}=t,{t:a}=useTranslation();return jsx(AuthGuard,{buttonProps:{size:"md",fullWidth:true},children:o||e?jsxs("div",{className:"oui-flex oui-items-center oui-gap-2",children:[jsx(Button,{className:"oui-flex-1",size:"md",onClick:()=>r("deposit"),children:a("common.deposit")}),jsx(Button,{className:"oui-flex-1",size:"md",color:"secondary",onClick:()=>r("withdraw"),children:a("common.withdraw")})]}):jsx(Button,{size:"md",color:"warning",children:a("connector.wrongNetwork")})})};});var nt,xo=n(()=>{Qt();Kt();nt=t=>{let{vault:o}=t,e=mo(o);return jsx(ho,{...e})};});var ut=n(()=>{xo();Qt();Kt();zt();});var Xt,Zt=n(()=>{ut();Xt=t=>{let{vaults:o}=t,{t:e}=useTranslation();return jsxs("div",{className:"oui-flex oui-flex-col oui-gap-6",children:[jsx("div",{className:"oui-text-xl oui-font-normal oui-text-base-contrast",children:e("vaults.allVaults")}),jsx("div",{className:"oui-grid oui-grid-cols-3 oui-gap-4 min-[1024px]:oui-grid-cols-3",children:o.map(r=>jsx(nt,{vault:r},r.vault_id))})]})};});var yo,Io=n(()=>{ut();yo=t=>{let{vaults:o}=t;return jsx("div",{className:"oui-flex oui-flex-col oui-gap-3",children:o.map(e=>jsx(nt,{vault:e},e.vault_id))})};});var ua,wo=n(()=>{$();Zt();Io();ua=()=>{let{data:t}=ne(),{isMobile:o}=useScreen();return o?jsx(yo,{vaults:t}):jsx(Xt,{vaults:t})};});var Po={};pt(Po,{AllVaultsDesktop:()=>Xt,AllVaultsWidget:()=>ua});var jt=n(()=>{wo();Zt();});dt();F();var le=t=>{let o=X(),{fetchVaultInfo:e,setVaultsPageConfig:r}=g();return useEffect(()=>{t.config&&r(t.config);},[t.config]),useEffect(()=>{o&&e(o);},[o]),jsx("div",{children:t.children})};var pa=Q.lazy(()=>Promise.resolve().then(()=>(It(),ve)).then(t=>({default:t.VaultsHeaderWidget}))),ca=Q.lazy(()=>Promise.resolve().then(()=>(wt(),Pe)).then(t=>({default:t.VaultsIntroductionWidget}))),da=Q.lazy(()=>Promise.resolve().then(()=>(jt(),Po)).then(t=>({default:t.AllVaultsWidget}))),hu=t=>{let{isMobile:o}=useScreen();return jsx(le,{...t,children:jsx("div",{className:cn("oui-relative oui-min-h-screen ","oui-bg-base-10",o?"oui-px-3 oui-py-6":"oui-px-6 oui-py-12",t?.className),children:jsxs("div",{id:"vaults-content",className:cn("oui-mx-auto oui-flex oui-max-w-[1200px] oui-flex-col",o?"oui-gap-6":"oui-gap-12"),children:[jsx(Q.Suspense,{fallback:null,children:jsx(pa,{})}),jsx(Q.Suspense,{fallback:null,children:jsx(ca,{})}),jsx(Q.Suspense,{fallback:null,children:jsx(da,{})})]})})})};T();ft();F();jt();ut();It();wt();Ht();Wt();qt();Ct();Ft();
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 
-export { Xt as AllVaultsDesktop, ua as AllVaultsWidget, ke as LatestDepositWidget, to as LatestWithdrawWidget, co as ORDERLY_ICON, Pn as ORDERLY_VAULT_DESCRIPTION, wn as ORDERLY_VAULT_TITLE, D as OperationType, Pt as RoleType, ho as VaultCard, nt as VaultCardWidget, po as VaultDepositAndWithdraw, Mt as VaultDepositAndWithdrawWithDialogId, Bt as VaultDepositAndWithdrawWithSheetId, Be as VaultDepositWidget, no as VaultWithdrawWidget, vt as VaultsHeaderDesktop, Bo as VaultsHeaderWidget, Go as VaultsIntroductionWidget, hu as VaultsPage, ae as getVaultInfo, se as getVaultLpInfo, ie as getVaultLpPerformance, mo as useVaultCardScript, Ca as useVaultInfoActions, ne as useVaultInfoState, _a as useVaultLpInfoActions, Aa as useVaultLpInfoArray, j as useVaultLpInfoById, Da as useVaultLpInfoIds, Sa as useVaultLpInfoState, Ta as useVaultLpPerformanceActions, Na as useVaultLpPerformanceArray, Ra as useVaultLpPerformanceById, Wa as useVaultLpPerformanceIds, La as useVaultLpPerformanceState, bt as useVaultsHeaderScript, g as useVaultsStore };
+// src/api/env.ts
+var VAULTS_API_URLS, VAULTS_WEBSITE_URLS;
+var init_env = __esm({
+  "src/api/env.ts"() {
+    VAULTS_API_URLS = {
+      prod: "https://api-sv.orderly.org",
+      staging: "https://testnet-api-sv.orderly.org",
+      qa: "https://qa-api-sv-aliyun.orderly.org",
+      dev: "https://dev-api-sv.orderly.org"
+    };
+    VAULTS_WEBSITE_URLS = {
+      prod: "https://app.orderly.network",
+      staging: "https://staging-app.orderly.network",
+      qa: "https://qa-app.orderly.network",
+      dev: "https://dev-app.orderly.network"
+    };
+  }
+});
+function useSVApiUrl() {
+  const env = useGetEnv();
+  const apiUrl = useMemo(() => {
+    return VAULTS_API_URLS[env];
+  }, [env]);
+  return apiUrl;
+}
+var init_useSVAPIUrl = __esm({
+  "src/hooks/useSVAPIUrl.ts"() {
+    init_env();
+  }
+});
+
+// src/api/request.ts
+function buildQueryString(params) {
+  const filteredParams = filterUndefinedParams(params);
+  const searchParams = new URLSearchParams();
+  Object.entries(filteredParams).forEach(([key, value]) => {
+    if (value !== null && value !== void 0) {
+      searchParams.append(key, String(value));
+    }
+  });
+  return searchParams.toString();
+}
+function filterUndefinedParams(params) {
+  const filtered = {};
+  Object.entries(params).forEach(([key, value]) => {
+    if (value !== void 0 && value !== null) {
+      if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+        filtered[key] = value;
+      } else if (typeof value === "object" && value !== null) {
+        const objEntries = Object.entries(value);
+        objEntries.forEach(([objKey, objValue]) => {
+          if (objValue !== void 0 && objValue !== null && (typeof objValue === "string" || typeof objValue === "number" || typeof objValue === "boolean")) {
+            filtered[objKey] = objValue;
+          }
+        });
+      }
+    }
+  });
+  return filtered;
+}
+function appendQueryParams(url, params) {
+  if (!params || Object.keys(params).length === 0) {
+    return url;
+  }
+  const queryString = buildQueryString(params);
+  if (!queryString) {
+    return url;
+  }
+  const separator = url.includes("?") ? "&" : "?";
+  return `${url}${separator}${queryString}`;
+}
+var VaultsApiError, RequestClient, defaultClient, request_default;
+var init_request = __esm({
+  "src/api/request.ts"() {
+    VaultsApiError = class extends Error {
+      constructor(message, code, status, response) {
+        super(message);
+        this.code = code;
+        this.status = status;
+        this.response = response;
+        this.name = "VaultsApiError";
+      }
+    };
+    RequestClient = class {
+      constructor() {
+        this.requestInterceptors = [];
+        this.responseInterceptors = [];
+        this.defaultConfig = {
+          timeout: 1e4,
+          retry: 3,
+          retryDelay: 1e3,
+          validateStatus: (status) => status >= 200 && status < 300,
+          // mode: 'cors',
+          // credentials: 'include',
+          headers: {
+            "Content-Type": "application/json"
+          }
+        };
+      }
+      // Add request interceptor
+      addRequestInterceptor(interceptor) {
+        this.requestInterceptors.push(interceptor);
+      }
+      // Add response interceptor
+      addResponseInterceptor(interceptor) {
+        this.responseInterceptors.push(interceptor);
+      }
+      // Create timeout controller
+      createTimeoutController(timeout) {
+        const controller = new AbortController();
+        setTimeout(() => controller.abort(), timeout);
+        return controller;
+      }
+      // Merge headers
+      mergeHeaders(defaultHeaders = {}, customHeaders = {}) {
+        return {
+          ...defaultHeaders,
+          ...customHeaders
+        };
+      }
+      // Sleep utility for retry delay
+      sleep(ms) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+      }
+      // Main request method
+      async request(url, config = {}) {
+        const finalConfig = {
+          ...this.defaultConfig,
+          ...config,
+          headers: this.mergeHeaders(this.defaultConfig.headers, config.headers)
+        };
+        let processedConfig = finalConfig;
+        for (const interceptor of this.requestInterceptors) {
+          processedConfig = await interceptor(processedConfig);
+        }
+        let fullUrl = url;
+        if (typeof url === "string" && !url.startsWith("http") && processedConfig.baseURL) {
+          fullUrl = `${processedConfig.baseURL}${url.startsWith("/") ? "" : "/"}${url}`;
+        }
+        if (processedConfig.params) {
+          fullUrl = typeof fullUrl === "string" ? appendQueryParams(fullUrl, processedConfig.params) : fullUrl;
+        }
+        let timeoutController;
+        if (processedConfig.timeout && processedConfig.timeout > 0) {
+          timeoutController = this.createTimeoutController(processedConfig.timeout);
+          processedConfig.signal = timeoutController.signal;
+        }
+        const {
+          retry = 0,
+          retryDelay = 1e3,
+          validateStatus,
+          params,
+          baseURL,
+          timeout,
+          data,
+          method,
+          ...fetchOptions
+        } = processedConfig;
+        const finalFetchOptions = {
+          ...fetchOptions,
+          method
+        };
+        if (data !== void 0) {
+          finalFetchOptions.body = typeof data === "string" ? data : JSON.stringify(data);
+        }
+        let lastError;
+        for (let attempt = 0; attempt <= retry; attempt++) {
+          try {
+            const response = await fetch(fullUrl, finalFetchOptions);
+            if (!validateStatus(response.status)) {
+              let errorMessage = response.statusText;
+              let errorCode;
+              try {
+                const errorData = await response.json();
+                errorMessage = errorData.message || errorData.code || errorMessage;
+                errorCode = errorData.code;
+              } catch {
+              }
+              throw new VaultsApiError(
+                errorMessage,
+                errorCode,
+                response.status,
+                response
+              );
+            }
+            let responseData;
+            try {
+              responseData = await response.json();
+            } catch {
+              throw new VaultsApiError(
+                "Invalid JSON response",
+                "PARSE_ERROR",
+                response.status,
+                response
+              );
+            }
+            let processedData = responseData;
+            for (const interceptor of this.responseInterceptors) {
+              processedData = await interceptor(response, processedData);
+            }
+            if (typeof processedData === "object" && processedData !== null) {
+              if ("success" in processedData) {
+                const apiResponse = processedData;
+                if (apiResponse.success) {
+                  return apiResponse.data;
+                } else {
+                  throw new VaultsApiError(
+                    apiResponse.message || "API request failed",
+                    apiResponse.code,
+                    response.status,
+                    response
+                  );
+                }
+              }
+            }
+            return processedData;
+          } catch (error) {
+            lastError = error instanceof Error ? error : new Error(String(error));
+            if (error instanceof VaultsApiError || error?.name === "AbortError" || attempt === retry) {
+              throw lastError;
+            }
+            if (attempt < retry) {
+              await this.sleep(retryDelay);
+            }
+          } finally {
+            timeoutController?.abort();
+          }
+        }
+        throw lastError;
+      }
+      // Simplified HTTP methods - all accept a single config object
+      async get(url, config = {}) {
+        return this.request(url, { ...config, method: "GET" });
+      }
+      async post(url, config = {}) {
+        return this.request(url, { ...config, method: "POST" });
+      }
+      async put(url, config = {}) {
+        return this.request(url, { ...config, method: "PUT" });
+      }
+      async delete(url, config = {}) {
+        return this.request(url, { ...config, method: "DELETE" });
+      }
+      async patch(url, config = {}) {
+        return this.request(url, { ...config, method: "PATCH" });
+      }
+    };
+    defaultClient = new RequestClient();
+    request_default = defaultClient;
+  }
+});
+
+// src/api/api.ts
+async function getVaultInfo(baseUrl, params) {
+  return request_default.get(
+    "/v1/public/strategy_vault/vault/info",
+    {
+      params,
+      baseURL: baseUrl
+    }
+  );
+}
+async function getVaultLpPerformance(baseUrl, params) {
+  return request_default.get(
+    "/v1/public/strategy_vault/vault/performance",
+    {
+      params,
+      baseURL: baseUrl
+    }
+  );
+}
+async function getVaultLpInfo(baseUrl, params) {
+  return request_default.get(
+    "/v1/public/strategy_vault/lp/info",
+    {
+      params,
+      baseURL: baseUrl
+    }
+  );
+}
+async function getVaultOverallInfo(baseUrl, params) {
+  return request_default.get(
+    "/v1/public/strategy_vault/vault/overall_info",
+    {
+      params,
+      baseURL: baseUrl
+    }
+  );
+}
+var init_api = __esm({
+  "src/api/api.ts"() {
+    init_request();
+  }
+});
+var useVaultsStore, useVaultInfoState, useVaultLpPerformanceState, useVaultLpInfoState, useVaultOverallInfoState, useVaultInfoActions, useVaultLpPerformanceActions, useVaultLpInfoActions, useVaultOverallInfoActions, useVaultLpPerformanceById, useVaultLpInfoById, useVaultLpPerformanceIds, useVaultLpInfoIds, useVaultLpPerformanceArray, useVaultLpInfoArray;
+var init_vaultsStore = __esm({
+  "src/store/vaultsStore.ts"() {
+    init_api();
+    useVaultsStore = create((set, get) => ({
+      // Initial state
+      baseUrl: "",
+      vaultInfo: {
+        data: [],
+        loading: false,
+        error: null,
+        lastUpdated: null,
+        params: null
+      },
+      vaultLpPerformance: {
+        data: {},
+        loading: false,
+        error: null,
+        lastUpdated: null,
+        params: null
+      },
+      vaultLpInfo: {
+        data: {},
+        loading: false,
+        error: null,
+        lastUpdated: null,
+        params: null
+      },
+      vaultOverallInfo: {
+        data: null,
+        loading: false,
+        error: null,
+        lastUpdated: null,
+        params: null
+      },
+      vaultsPageConfig: null,
+      // Set base URL
+      setBaseUrl: (baseUrl) => {
+        set({ baseUrl });
+      },
+      // Vault info actions
+      fetchVaultInfo: async (params, baseUrl) => {
+        const state = get();
+        const url = baseUrl || state.baseUrl;
+        if (!url) {
+          set((state2) => ({
+            vaultInfo: {
+              ...state2.vaultInfo,
+              error: "Base URL is required"
+            }
+          }));
+          return;
+        }
+        set((state2) => ({
+          baseUrl: baseUrl || state2.baseUrl,
+          vaultInfo: {
+            ...state2.vaultInfo,
+            loading: true,
+            error: null,
+            params: params || null
+          }
+        }));
+        try {
+          const response = await getVaultInfo(url, params);
+          set((state2) => ({
+            vaultInfo: {
+              ...state2.vaultInfo,
+              data: response.rows,
+              loading: false,
+              error: null,
+              lastUpdated: Date.now()
+            }
+          }));
+        } catch (error) {
+          set((state2) => ({
+            vaultInfo: {
+              ...state2.vaultInfo,
+              loading: false,
+              error: error instanceof Error ? error.message : "Failed to fetch vault info"
+            }
+          }));
+        }
+      },
+      refreshVaultInfo: async () => {
+        const state = get();
+        if (state.vaultInfo.lastUpdated && state.baseUrl) {
+          await state.fetchVaultInfo(state.vaultInfo.params || void 0);
+        }
+      },
+      // Vault LP performance actions
+      fetchVaultLpPerformance: async (params, baseUrl) => {
+        const state = get();
+        const url = baseUrl || state.baseUrl;
+        if (!url) {
+          set((state2) => ({
+            vaultLpPerformance: {
+              ...state2.vaultLpPerformance,
+              error: "Base URL is required"
+            }
+          }));
+          return;
+        }
+        set((state2) => ({
+          baseUrl: baseUrl || state2.baseUrl,
+          vaultLpPerformance: {
+            ...state2.vaultLpPerformance,
+            loading: true,
+            error: null,
+            params
+          }
+        }));
+        try {
+          const response = await getVaultLpPerformance(
+            url,
+            params
+          );
+          set((state2) => ({
+            vaultLpPerformance: {
+              ...state2.vaultLpPerformance,
+              data: {
+                ...state2.vaultLpPerformance.data,
+                [params.vault_id]: response.rows
+              },
+              loading: false,
+              error: null,
+              lastUpdated: Date.now()
+            }
+          }));
+        } catch (error) {
+          set((state2) => ({
+            vaultLpPerformance: {
+              ...state2.vaultLpPerformance,
+              loading: false,
+              error: error instanceof Error ? error.message : "Failed to fetch vault LP performance"
+            }
+          }));
+        }
+      },
+      refreshVaultLpPerformance: async () => {
+        const state = get();
+        if (state.vaultLpPerformance.lastUpdated && state.vaultLpPerformance.params && state.baseUrl) {
+          await state.fetchVaultLpPerformance(state.vaultLpPerformance.params);
+        }
+      },
+      // Vault LP info actions
+      fetchVaultLpInfo: async (params, baseUrl) => {
+        const state = get();
+        const url = baseUrl || state.baseUrl;
+        if (!url) {
+          set((state2) => ({
+            vaultLpInfo: {
+              ...state2.vaultLpInfo,
+              error: "Base URL is required"
+            }
+          }));
+          return;
+        }
+        set((state2) => ({
+          baseUrl: baseUrl || state2.baseUrl,
+          vaultLpInfo: {
+            ...state2.vaultLpInfo,
+            loading: true,
+            error: null,
+            params
+          }
+        }));
+        try {
+          const response = await getVaultLpInfo(url, params);
+          set((state2) => ({
+            vaultLpInfo: {
+              ...state2.vaultLpInfo,
+              data: {
+                ...state2.vaultLpInfo.data,
+                [params.vault_id]: response.rows
+              },
+              loading: false,
+              error: null,
+              lastUpdated: Date.now()
+            }
+          }));
+        } catch (error) {
+          set((state2) => ({
+            vaultLpInfo: {
+              ...state2.vaultLpInfo,
+              loading: false,
+              error: error instanceof Error ? error.message : "Failed to fetch vault LP info"
+            }
+          }));
+        }
+      },
+      refreshVaultLpInfo: async () => {
+        const state = get();
+        if (state.vaultLpInfo.lastUpdated && state.vaultLpInfo.params && state.baseUrl) {
+          await state.fetchVaultLpInfo(state.vaultLpInfo.params);
+        }
+      },
+      // Vault overall info actions
+      fetchVaultOverallInfo: async (params, baseUrl) => {
+        const state = get();
+        const url = baseUrl || state.baseUrl;
+        if (!url) {
+          set((state2) => ({
+            vaultOverallInfo: {
+              ...state2.vaultOverallInfo,
+              error: "Base URL is required"
+            }
+          }));
+          return;
+        }
+        set((state2) => ({
+          baseUrl: baseUrl || state2.baseUrl,
+          vaultOverallInfo: {
+            ...state2.vaultOverallInfo,
+            loading: true,
+            error: null,
+            params: params || null
+          }
+        }));
+        try {
+          const response = await getVaultOverallInfo(
+            url,
+            params
+          );
+          set((state2) => ({
+            vaultOverallInfo: {
+              ...state2.vaultOverallInfo,
+              data: response,
+              loading: false,
+              error: null,
+              lastUpdated: Date.now()
+            }
+          }));
+        } catch (error) {
+          set((state2) => ({
+            vaultOverallInfo: {
+              ...state2.vaultOverallInfo,
+              loading: false,
+              error: error instanceof Error ? error.message : "Failed to fetch vault overall info"
+            }
+          }));
+        }
+      },
+      refreshVaultOverallInfo: async () => {
+        const state = get();
+        if (state.vaultOverallInfo.lastUpdated && state.baseUrl) {
+          await state.fetchVaultOverallInfo(
+            state.vaultOverallInfo.params || void 0
+          );
+        }
+      },
+      setVaultsPageConfig: (config) => {
+        set({ vaultsPageConfig: config });
+      }
+    }));
+    useVaultInfoState = () => useVaultsStore((state) => state.vaultInfo);
+    useVaultLpPerformanceState = () => useVaultsStore((state) => state.vaultLpPerformance);
+    useVaultLpInfoState = () => useVaultsStore((state) => state.vaultLpInfo);
+    useVaultOverallInfoState = () => useVaultsStore((state) => state.vaultOverallInfo);
+    useVaultInfoActions = () => useVaultsStore((state) => ({
+      fetchVaultInfo: state.fetchVaultInfo,
+      refreshVaultInfo: state.refreshVaultInfo
+    }));
+    useVaultLpPerformanceActions = () => useVaultsStore((state) => ({
+      fetchVaultLpPerformance: state.fetchVaultLpPerformance,
+      refreshVaultLpPerformance: state.refreshVaultLpPerformance
+    }));
+    useVaultLpInfoActions = () => useVaultsStore((state) => ({
+      fetchVaultLpInfo: state.fetchVaultLpInfo,
+      refreshVaultLpInfo: state.refreshVaultLpInfo
+    }));
+    useVaultOverallInfoActions = () => useVaultsStore((state) => ({
+      fetchVaultOverallInfo: state.fetchVaultOverallInfo,
+      refreshVaultOverallInfo: state.refreshVaultOverallInfo
+    }));
+    useVaultLpPerformanceById = (vaultId) => useVaultsStore((state) => state.vaultLpPerformance.data[vaultId]);
+    useVaultLpInfoById = (vaultId) => useVaultsStore((state) => state.vaultLpInfo.data[vaultId]);
+    useVaultLpPerformanceIds = () => useVaultsStore((state) => Object.keys(state.vaultLpPerformance.data));
+    useVaultLpInfoIds = () => useVaultsStore((state) => Object.keys(state.vaultLpInfo.data));
+    useVaultLpPerformanceArray = () => useVaultsStore(
+      (state) => Object.values(state.vaultLpPerformance.data).flat()
+    );
+    useVaultLpInfoArray = () => useVaultsStore((state) => Object.values(state.vaultLpInfo.data).flat());
+  }
+});
+
+// src/store/index.ts
+var init_store = __esm({
+  "src/store/index.ts"() {
+    init_vaultsStore();
+  }
+});
+var VaultsHeaderDesktop;
+var init_vaults_header_desktop = __esm({
+  "src/components/vaults-header/vaults-header.desktop.tsx"() {
+    VaultsHeaderDesktop = (props) => {
+      const { supportVaults, headerImage, brokerName } = props;
+      const { t } = useTranslation();
+      const supportVaultsList = useMemo(() => {
+        return /* @__PURE__ */ jsx("div", { className: "oui-flex oui-items-center", children: supportVaults.map((chain, index) => /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `https://oss.orderly.network/static/network_logo/${chain.chain_id}.png`,
+            alt: chain.chain_id,
+            className: "oui-relative oui-size-5",
+            style: {
+              marginLeft: index > 0 ? "-4px" : "0",
+              zIndex: supportVaults.length - index
+            }
+          },
+          chain.chain_id
+        )) });
+      }, [supportVaults]);
+      const headerImageElement = useMemo(() => {
+        if (typeof headerImage === "string") {
+          return /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: headerImage,
+              alt: "header",
+              className: "oui-bg-contain oui-bg-center oui-bg-no-repeat"
+            }
+          );
+        }
+        return headerImage;
+      }, [headerImage]);
+      return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-max-w-[726px] oui-flex-col", children: [
+          /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-1 oui-text-[18px] oui-font-normal oui-text-base-contrast-54", children: [
+            t("vaults.availableOn"),
+            " ",
+            supportVaultsList
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "oui-mb-6 oui-mt-8 oui-text-5xl oui-font-bold oui-leading-[44px] oui-text-base-contrast", children: t("vaults.header.title") }),
+          /* @__PURE__ */ jsx("div", { className: "oui-text-xl oui-font-normal oui-text-base-contrast-54", children: t("vaults.header.description", { brokerName }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "oui-h-[238px] oui-w-[360px]", children: headerImageElement })
+      ] });
+    };
+  }
+});
+var VaultsHeaderMobile;
+var init_vaults_header_mobile = __esm({
+  "src/components/vaults-header/vaults-header.mobile.tsx"() {
+    VaultsHeaderMobile = (props) => {
+      const { supportVaults, headerImage } = props;
+      const { t } = useTranslation();
+      const brokerName = useConfig("brokerName");
+      const supportVaultsList = useMemo(() => {
+        return /* @__PURE__ */ jsx("div", { className: "oui-flex oui-items-center", children: supportVaults.map((chain, index) => /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `https://oss.orderly.network/static/network_logo/${chain.chain_id}.png`,
+            alt: chain.chain_id,
+            className: "oui-relative oui-size-[18px]",
+            style: {
+              marginLeft: index > 0 ? "-4px" : "0",
+              zIndex: supportVaults.length - index
+            }
+          },
+          chain.chain_id
+        )) });
+      }, [supportVaults]);
+      const headerImageElement = useMemo(() => {
+        if (typeof headerImage === "string") {
+          return /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: headerImage,
+              alt: "header",
+              className: "oui-bg-contain oui-bg-center oui-bg-no-repeat"
+            }
+          );
+        }
+        return headerImage;
+      }, [headerImage]);
+      return /* @__PURE__ */ jsxs("div", { className: "oui-relative", children: [
+        /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col", children: [
+          /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-1 oui-text-2xs oui-font-semibold oui-text-base-contrast-54", children: [
+            t("vaults.availableOn"),
+            " ",
+            supportVaultsList
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "oui-mb-4 oui-mt-6 oui-min-h-[56px] oui-max-w-[calc(100%-187px)] oui-text-xl oui-font-bold oui-text-base-contrast", children: t("vaults.header.title") }),
+          /* @__PURE__ */ jsx("div", { className: "oui-max-w-[450px] oui-text-2xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.header.description", { brokerName }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "oui-absolute -oui-right-3 -oui-top-4 oui-h-[124px] oui-w-[187px]", children: headerImageElement })
+      ] });
+    };
+  }
+});
+var useVaultsHeaderScript;
+var init_vaults_header_script = __esm({
+  "src/components/vaults-header/vaults-header.script.ts"() {
+    init_store();
+    useVaultsHeaderScript = () => {
+      const { vaultInfo, vaultsPageConfig } = useVaultsStore();
+      const brokerName = useConfig("brokerName");
+      const supportVaults = useMemo(() => {
+        const array = [];
+        vaultInfo.data.forEach((vault) => {
+          array.push(...vault.supported_chains);
+        });
+        return uniqBy((item) => item.chain_id, array);
+      }, [vaultInfo.data]);
+      return {
+        supportVaults,
+        headerImage: vaultsPageConfig?.headerImage,
+        brokerName
+      };
+    };
+  }
+});
+var VaultsHeaderWidget;
+var init_vaults_header_widget = __esm({
+  "src/components/vaults-header/vaults-header.widget.tsx"() {
+    init_vaults_header_desktop();
+    init_vaults_header_mobile();
+    init_vaults_header_script();
+    VaultsHeaderWidget = () => {
+      const state = useVaultsHeaderScript();
+      const { isMobile } = useScreen();
+      return isMobile ? /* @__PURE__ */ jsx(VaultsHeaderMobile, { ...state }) : /* @__PURE__ */ jsx(VaultsHeaderDesktop, { ...state });
+    };
+  }
+});
+
+// src/components/vaults-header/index.ts
+var vaults_header_exports = {};
+__export(vaults_header_exports, {
+  VaultsHeaderDesktop: () => VaultsHeaderDesktop,
+  VaultsHeaderWidget: () => VaultsHeaderWidget,
+  useVaultsHeaderScript: () => useVaultsHeaderScript
+});
+var init_vaults_header = __esm({
+  "src/components/vaults-header/index.ts"() {
+    init_vaults_header_widget();
+    init_vaults_header_desktop();
+    init_vaults_header_script();
+  }
+});
+var VaultsIntroductionDesktop, VaultsIntroductionItem;
+var init_vaults_introduction_desktop = __esm({
+  "src/components/vaults-introduction/vaults-introduction.desktop.tsx"() {
+    VaultsIntroductionDesktop = (props) => {
+      const { t } = useTranslation();
+      const { isMobile } = useScreen();
+      const { vaultsInfo } = props;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "oui-flex oui-items-center  ",
+            "oui-bg-gradient-to-b oui-from-[#26292E] oui-to-[#1B1D22]",
+            isMobile ? "oui-gap-3 oui-rounded-xl oui-p-3" : "oui-gap-6 oui-rounded-2xl oui-p-6"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              VaultsIntroductionItem,
+              {
+                title: t("vaults.introduction.tvl"),
+                value: vaultsInfo.tvl,
+                textProps: { currency: "$" },
+                isMobile
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Divider,
+              {
+                direction: "vertical",
+                className: cn(
+                  "oui-bg-white/[0.12]",
+                  isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              VaultsIntroductionItem,
+              {
+                title: t("common.vaults"),
+                value: vaultsInfo.vaultsCount,
+                isMobile
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Divider,
+              {
+                direction: "vertical",
+                className: cn(
+                  "oui-bg-white/[0.12]",
+                  isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              VaultsIntroductionItem,
+              {
+                title: t("vaults.introduction.depositors"),
+                value: vaultsInfo.lpCount,
+                isMobile
+              }
+            )
+          ]
+        }
+      );
+    };
+    VaultsIntroductionItem = (props) => {
+      const { title, value, textProps, isMobile } = props;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "oui-flex oui-flex-1 oui-flex-col oui-items-center ",
+            isMobile ? "oui-gap-0.5" : "oui-gap-3"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "oui-font-normal oui-text-base-contrast-54",
+                  isMobile ? "oui-text-2xs" : "oui-text-base"
+                ),
+                children: title
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Text.numeral,
+              {
+                className: cn(
+                  "oui-font-semibold",
+                  isMobile ? "oui-text-base" : "oui-text-xl"
+                ),
+                dp: 0,
+                ...textProps,
+                children: value
+              }
+            )
+          ]
+        }
+      );
+    };
+  }
+});
+var useVaultsIntroductionScript;
+var init_vaults_introduction_script = __esm({
+  "src/components/vaults-introduction/vaults-introduction.script.ts"() {
+    init_store();
+    useVaultsIntroductionScript = () => {
+      const { data: overallInfo, loading, error } = useVaultOverallInfoState();
+      const vaultsInfo = useMemo(() => {
+        if (!overallInfo) {
+          return {
+            tvl: 0,
+            lpCount: 0,
+            vaultsCount: 0
+          };
+        }
+        return {
+          tvl: overallInfo.strategy_vaults_tvl,
+          lpCount: overallInfo.strategy_vaults_lp_count,
+          vaultsCount: overallInfo.strategy_vaults_count
+        };
+      }, [overallInfo]);
+      return {
+        vaultsInfo,
+        loading,
+        error
+      };
+    };
+  }
+});
+var VaultsIntroductionWidget;
+var init_vaults_introduction_widget = __esm({
+  "src/components/vaults-introduction/vaults-introduction.widget.tsx"() {
+    init_vaults_introduction_desktop();
+    init_vaults_introduction_script();
+    VaultsIntroductionWidget = () => {
+      const state = useVaultsIntroductionScript();
+      return /* @__PURE__ */ jsx(VaultsIntroductionDesktop, { ...state });
+    };
+  }
+});
+
+// src/components/vaults-introduction/index.ts
+var vaults_introduction_exports = {};
+__export(vaults_introduction_exports, {
+  VaultsIntroductionWidget: () => VaultsIntroductionWidget
+});
+var init_vaults_introduction = __esm({
+  "src/components/vaults-introduction/index.ts"() {
+    init_vaults_introduction_widget();
+  }
+});
+
+// src/types/vault.ts
+var RoleType, OperationType;
+var init_vault = __esm({
+  "src/types/vault.ts"() {
+    RoleType = /* @__PURE__ */ ((RoleType2) => {
+      RoleType2["LP"] = "lp";
+      RoleType2["SP"] = "sp";
+      return RoleType2;
+    })(RoleType || {});
+    OperationType = /* @__PURE__ */ ((OperationType2) => {
+      OperationType2["DEPOSIT"] = "deposit";
+      OperationType2["WITHDRAWAL"] = "withdrawal";
+      return OperationType2;
+    })(OperationType || {});
+  }
+});
+
+// src/contract/index.ts
+var VAULTS_CONTRACT_ADDRESSES;
+var init_contract = __esm({
+  "src/contract/index.ts"() {
+    VAULTS_CONTRACT_ADDRESSES = {
+      prod: {
+        vaultProtocol: "0x70Fe7d65Ac7c1a1732f64d2E6fC0E33622D0C991",
+        vaultCrossChainManager: "0x58c9747ccAAE56182C7d9c814F5eaca395D8c93B",
+        vaultPvLedger: "0xB7E792f0da9104A27288421583748215AefFFd78",
+        vaultId: "0xa3426a1cef4052c056fced18099be899d93f1427d13b9a1df1806b91fad3d0c2",
+        spAddress: "0x8bAA309D93FFFB54A64444FD98E10d92D4d9Eb22"
+      },
+      staging: {
+        vaultProtocol: "0x6B6059259B4096ea6420Eb5e08a22214d2303aE9",
+        vaultCrossChainManager: "0x510dD61a988797114A9a51b0d228E894037BD9cb",
+        vaultPvLedger: "0x20AFe57C75D1C548A9Da265fBFC5416c43783589",
+        vaultId: "0x95514fb145354f07bb889f711e856481b5ed52fce52200148aa834b3b29544c8",
+        spAddress: "0xbddfd22ef902a4898147a1ca5b985d03c62a8c41"
+      },
+      qa: {
+        vaultProtocol: "0xF5b12d5F1db6DAB8C7c0561152b5e4bb8fD5eb38",
+        vaultCrossChainManager: "0xB8a3245407571804b4db5219cBe8D9F2EA1828DE",
+        vaultPvLedger: "0x15c9B5705CaCB4eb140dfd7a8c651E18027e5146",
+        vaultId: "0x4812cbb88f4025372a3e2acd10d02b5f680d7d1fe78091f6cfde80122c861099",
+        spAddress: "0xbddfd22ef902a4898147a1ca5b985d03c62a8c41"
+      },
+      dev: {
+        vaultProtocol: "0xA292E1126703F804FBD5671F034c7226538C54C7",
+        vaultCrossChainManager: "0x7568ACC147Af12b02713143C3177D7e89C28A9A6",
+        vaultPvLedger: "0x2a5909498d85650744dD5CF964F2136962e5AE6E",
+        vaultId: "0x4812cbb88f4025372a3e2acd10d02b5f680d7d1fe78091f6cfde80122c861099",
+        spAddress: "0xbddfd22ef902a4898147a1ca5b985d03c62a8c41"
+      }
+    };
+  }
+});
+
+// src/utils/operationPayload.ts
+var getToAccountPayloadType;
+var init_operationPayload = __esm({
+  "src/utils/operationPayload.ts"() {
+    init_vault();
+    getToAccountPayloadType = (type, role) => {
+      if (type === "deposit" /* DEPOSIT */ && role === "lp" /* LP */) {
+        return 0;
+      }
+      if (type === "withdrawal" /* WITHDRAWAL */ && role === "lp" /* LP */) {
+        return 1;
+      }
+      if (type === "deposit" /* DEPOSIT */ && role === "sp" /* SP */) {
+        return 2;
+      }
+      if (type === "withdrawal" /* WITHDRAWAL */ && role === "sp" /* SP */) {
+        return 3;
+      }
+      return 1;
+    };
+  }
+});
+var useLatestOperationScript;
+var init_latest_script = __esm({
+  "src/components/vault-operation/depositAndWithdraw/latest.script.ts"() {
+    useLatestOperationScript = (props) => {
+      const { type, vaultId } = props;
+      const { data: operationHistory, mutate: mutateOperationHistory } = usePrivateQuery(
+        `/v1/account_sv_transaction_history?type=${type}&vault_id=${vaultId}&size=1`,
+        {
+          formatter: (response) => {
+            return response?.rows || EMPTY_LIST;
+          },
+          revalidateOnFocus: false
+        }
+      );
+      const latestOperation = useMemo(() => {
+        return operationHistory?.[0];
+      }, [operationHistory]);
+      return {
+        latestOperation,
+        refetch: mutateOperationHistory
+      };
+    };
+  }
+});
+var useOperationScript;
+var init_operation_script = __esm({
+  "src/components/vault-operation/depositAndWithdraw/operation.script.ts"() {
+    init_contract();
+    init_vault();
+    init_operationPayload();
+    init_latest_script();
+    useOperationScript = (props) => {
+      const { account, state } = useAccount();
+      const env = useGetEnv();
+      const { track } = useTrack();
+      const verifyingContract = useMemo(() => {
+        return VAULTS_CONTRACT_ADDRESSES[env].vaultPvLedger;
+      }, [env]);
+      const [postVaultOperation] = useMutation("/v1/sv_operation_request");
+      const { refetch: refetchOperationHistory } = useLatestOperationScript({
+        type: props.type,
+        vaultId: props.vaultId
+      });
+      const disabledOperation = useMemo(() => {
+        return state?.accountId !== state?.mainAccountId;
+      }, [state?.accountId, state?.mainAccountId]);
+      const handleOperation = async ({
+        amount,
+        vaultId
+      }) => {
+        if (state.accountId !== state.mainAccountId) {
+          toast.error(
+            "Please switch to the main account to perform this operation."
+          );
+          return;
+        }
+        if (props.type === "deposit" /* DEPOSIT */) {
+          if (new Decimal(amount).lt(10)) {
+            toast.error("Deposit amount is less than the minimum 10 USDC.");
+            return;
+          }
+        }
+        const payloadType = getToAccountPayloadType(props.type, "lp" /* LP */);
+        const requestParams = {
+          payloadType,
+          amount: new Decimal(Number(amount)).mul(10 ** 6).toString(),
+          vaultId,
+          token: "USDC",
+          domain: {
+            name: "Orderly",
+            version: "1",
+            chainId: state.connectWallet?.chainId,
+            verifyingContract
+          }
+        };
+        const { message, signatured } = await account.generateDexRequest(requestParams);
+        try {
+          const res = await postVaultOperation({
+            message: {
+              ...message,
+              chainId: state.connectWallet?.chainId
+            },
+            signature: signatured,
+            userAddress: state.address,
+            verifyingContract
+          });
+          if (!res.success) {
+            if (props.type === "deposit" /* DEPOSIT */) {
+              track(TrackerEventName.vaultDepositFailed, {
+                msg: res.message
+              });
+            } else {
+              track(TrackerEventName.vaultWithdrawFailed, {
+                msg: res.message
+              });
+            }
+            toast.error(res.message);
+            return;
+          }
+          await refetchOperationHistory();
+          if (props.type === "deposit" /* DEPOSIT */) {
+            track(TrackerEventName.vaultDepositSuccess, {
+              quantity: amount,
+              vaultId
+            });
+          } else {
+            track(TrackerEventName.vaultWithdrawSuccess, {
+              quantity: amount,
+              vaultId
+            });
+          }
+          toast.success(`${props.type} successful`);
+        } catch (error) {
+          const errorMessage = error instanceof Error ? error.message : String(error);
+          if (props.type === "deposit" /* DEPOSIT */) {
+            track(TrackerEventName.vaultDepositFailed, {
+              msg: errorMessage
+            });
+          } else {
+            track(TrackerEventName.vaultWithdrawFailed, {
+              msg: errorMessage
+            });
+          }
+          toast.error(errorMessage);
+        }
+      };
+      return {
+        handleOperation,
+        disabledOperation
+      };
+    };
+  }
+});
+var useVaultDepositFormScript;
+var init_vault_deposit_form_script = __esm({
+  "src/components/vault-operation/deposit/vault-deposit-form.script.ts"() {
+    init_vaultsStore();
+    init_vault();
+    init_operation_script();
+    useVaultDepositFormScript = (props) => {
+      const { vaultId } = props;
+      const [quantity, setQuantity] = useState("");
+      const { vaultInfo } = useVaultsStore();
+      const { handleOperation, disabledOperation } = useOperationScript({
+        type: "deposit" /* DEPOSIT */,
+        vaultId
+      });
+      const { holding } = useCollateral();
+      const { t } = useTranslation();
+      const minDepositAmount = vaultInfo.data[0]?.min_deposit_amount || 0;
+      const maxWithdrawalAmount = useMaxWithdrawal("USDC");
+      const availableBalance = useMemo(() => {
+        return holding?.find((h) => h.token === "USDC")?.holding || 0;
+      }, [holding]);
+      const maxQuantity = useMemo(() => {
+        return Math.min(maxWithdrawalAmount, availableBalance);
+      }, [maxWithdrawalAmount, availableBalance]);
+      const sharePrice = useMemo(() => {
+        const vault = vaultInfo.data.find((v) => v.vault_id === vaultId);
+        return vault?.est_main_share_price;
+      }, [vaultInfo.data, vaultId]);
+      const shares = useMemo(() => {
+        if (!sharePrice || !quantity) {
+          return "-";
+        }
+        return new Decimal(quantity).div(sharePrice).toString();
+      }, [quantity, sharePrice]);
+      const handleDeposit = async () => {
+        if (!shares || shares === "-") {
+          return;
+        }
+        await handleOperation({
+          amount: quantity,
+          vaultId
+        });
+        setQuantity("");
+      };
+      const token = useTokenInfo("USDC");
+      const sourceToken = useMemo(() => {
+        return {
+          ...token,
+          display_name: token?.token,
+          symbol: token?.token
+        };
+      }, [token]);
+      const onQuantityChange = (value) => {
+        if (value && new Decimal(value).gt(maxQuantity)) {
+          setQuantity(maxQuantity.toString());
+          return;
+        }
+        setQuantity(value);
+      };
+      const disabledDeposit = useMemo(() => {
+        return !quantity || quantity === "0" || disabledOperation || !!quantity && new Decimal(quantity).lt(minDepositAmount);
+      }, [quantity, disabledOperation]);
+      const inputHint = useMemo(() => {
+        if (quantity && new Decimal(quantity).lt(minDepositAmount)) {
+          return {
+            hintMessage: t("vaults.operation.error.minDeposit", {
+              amount: minDepositAmount
+            }),
+            status: "error"
+          };
+        }
+        return {
+          hintMessage: "",
+          status: ""
+        };
+      }, [quantity, t, maxWithdrawalAmount, availableBalance]);
+      return {
+        quantity,
+        onQuantityChange,
+        sourceToken,
+        maxQuantity,
+        sharePrice,
+        shares,
+        handleDeposit,
+        vaultId,
+        disabledDeposit,
+        disabledOperation,
+        inputHint
+      };
+    };
+  }
+});
+
+// src/components/vault-operation/latest-deposit/latest-deposit.script.ts
+var useLatestDepositScript;
+var init_latest_deposit_script = __esm({
+  "src/components/vault-operation/latest-deposit/latest-deposit.script.ts"() {
+    init_vault();
+    init_latest_script();
+    useLatestDepositScript = ({ vaultId }) => {
+      const { latestOperation } = useLatestOperationScript({
+        type: "deposit" /* DEPOSIT */,
+        vaultId
+      });
+      return {
+        latestOperation
+      };
+    };
+  }
+});
+
+// src/utils/getOperationStatusColor.ts
+var getOperationStatusColor;
+var init_getOperationStatusColor = __esm({
+  "src/utils/getOperationStatusColor.ts"() {
+    getOperationStatusColor = (status) => {
+      if (status === "completed") {
+        return "success";
+      }
+      if (status === "rejected" || status === "failed") {
+        return "danger";
+      }
+      return "primary";
+    };
+  }
+});
+var LatestDepositUI;
+var init_latest_deposit_ui = __esm({
+  "src/components/vault-operation/latest-deposit/latest-deposit.ui.tsx"() {
+    init_getOperationStatusColor();
+    LatestDepositUI = (props) => {
+      const { latestOperation } = props;
+      const { t } = useTranslation();
+      if (!latestOperation) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxs("div", { className: "oui-mt-3 oui-flex oui-flex-col oui-gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "oui-text-xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.deposit.latestDeposit") }),
+        /* @__PURE__ */ jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-white/[0.12] oui-p-3", children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "oui-mr-1 oui-size-1 oui-rounded-full",
+                latestOperation.status === "completed" && "oui-bg-success",
+                latestOperation.status === "rejected" && "oui-bg-danger",
+                latestOperation.status === "failed" && "oui-bg-danger",
+                (latestOperation.status === "pending" || latestOperation.status === "new") && "oui-bg-primary"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              color: getOperationStatusColor(latestOperation.status),
+              className: "oui-text-xs oui-font-normal",
+              children: latestOperation.status.slice(0, 1).toUpperCase() + latestOperation.status.slice(1)
+            }
+          ),
+          /* @__PURE__ */ jsx(TokenIcon, { name: "USDC", className: "oui-ml-auto oui-mr-1 oui-size-4" }),
+          /* @__PURE__ */ jsx(Text.numeral, { className: "oui-text-sm oui-font-semibold oui-text-base-contrast-80", children: latestOperation.amount_change })
+        ] }) })
+      ] });
+    };
+  }
+});
+var LatestDepositWidget;
+var init_latest_deposit_widget = __esm({
+  "src/components/vault-operation/latest-deposit/latest-deposit.widget.tsx"() {
+    init_latest_deposit_script();
+    init_latest_deposit_ui();
+    LatestDepositWidget = (props) => {
+      const { vaultId } = props;
+      const state = useLatestDepositScript({ vaultId });
+      return /* @__PURE__ */ jsx(LatestDepositUI, { ...state });
+    };
+  }
+});
+var VaultDepositForm;
+var init_vault_deposit_form_ui = __esm({
+  "src/components/vault-operation/deposit/vault-deposit-form.ui.tsx"() {
+    init_latest_deposit_widget();
+    VaultDepositForm = (props) => {
+      const {
+        quantity,
+        onQuantityChange,
+        sourceToken,
+        maxQuantity,
+        shares,
+        handleDeposit,
+        vaultId,
+        disabledDeposit,
+        disabledOperation,
+        inputHint
+      } = props;
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(BrokerWallet, {}),
+        /* @__PURE__ */ jsx(Box, { mt: 3, mb: 1, children: /* @__PURE__ */ jsx(
+          QuantityInput,
+          {
+            value: quantity,
+            onValueChange: onQuantityChange,
+            token: { ...sourceToken, precision: 6 },
+            testId: "oui-testid-vault-deposit-dialog-quantity-input",
+            hintMessage: inputHint.hintMessage,
+            status: inputHint.status
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          AvailableQuantity,
+          {
+            maxQuantity: maxQuantity?.toString() || "0",
+            onClick: () => {
+              onQuantityChange(maxQuantity?.toString() || "0");
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            mt: 5,
+            mb: 1,
+            className: "oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54",
+            children: [
+              /* @__PURE__ */ jsx("div", { children: t("vaults.deposit.estShares") }),
+              /* @__PURE__ */ jsx(
+                Text.numeral,
+                {
+                  dp: 6,
+                  padding: false,
+                  suffix: /* @__PURE__ */ jsx("span", { className: "oui-ml-1 oui-text-base-contrast-54", children: t("vaults.deposit.shares") }),
+                  children: shares
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            mb: 5,
+            className: "oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54",
+            children: [
+              /* @__PURE__ */ jsx("div", { children: t("vaults.deposit.lockupDuration") }),
+              /* @__PURE__ */ jsx(
+                Text.numeral,
+                {
+                  suffix: /* @__PURE__ */ jsx("span", { className: "oui-ml-1 oui-text-base-contrast-54", children: "hrs" }),
+                  children: "48"
+                }
+              )
+            ]
+          }
+        ),
+        disabledOperation && /* @__PURE__ */ jsx("div", { className: "oui-mt-3 oui-text-center", children: /* @__PURE__ */ jsx(Text, { color: "warning", className: "oui-text-sm oui-font-semibold", children: t("vaults.operation.error.switchAccount") }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            fullWidth: true,
+            color: "primary",
+            disabled: disabledDeposit,
+            className: "oui-mt-3",
+            onClick: handleDeposit,
+            children: t("common.deposit")
+          }
+        ),
+        /* @__PURE__ */ jsx(LatestDepositWidget, { vaultId })
+      ] });
+    };
+  }
+});
+var VaultDepositWidget;
+var init_vault_deposit_form_widget = __esm({
+  "src/components/vault-operation/deposit/vault-deposit-form.widget.tsx"() {
+    init_vault_deposit_form_script();
+    init_vault_deposit_form_ui();
+    VaultDepositWidget = (props) => {
+      const { vaultId } = props;
+      const state = useVaultDepositFormScript({ vaultId });
+      return /* @__PURE__ */ jsx(VaultDepositForm, { ...state });
+    };
+  }
+});
+
+// src/components/vault-operation/deposit/index.ts
+var init_deposit = __esm({
+  "src/components/vault-operation/deposit/index.ts"() {
+    init_vault_deposit_form_widget();
+  }
+});
+var useVaultWithdrawFormScript;
+var init_vault_withdraw_form_script = __esm({
+  "src/components/vault-operation/withdraw/vault-withdraw-form.script.ts"() {
+    init_store();
+    init_vault();
+    init_operation_script();
+    useVaultWithdrawFormScript = (props) => {
+      const { vaultId } = props;
+      const [quantity, setQuantity] = useState("");
+      const { handleOperation, disabledOperation } = useOperationScript({
+        type: "withdrawal" /* WITHDRAWAL */,
+        vaultId
+      });
+      const vaultLpInfo = useVaultLpInfoById(vaultId);
+      const { vaultInfo } = useVaultsStore();
+      const { t } = useTranslation();
+      const sharePrice = useMemo(() => {
+        const vault = vaultInfo.data.find((v) => v.vault_id === vaultId);
+        return vault?.est_main_share_price || 0;
+      }, [vaultInfo.data, vaultId]);
+      const maxQuantity = vaultLpInfo?.[0]?.available_main_shares || 0;
+      const receivingAmount = useMemo(() => {
+        if (!quantity || !sharePrice) {
+          return "-";
+        }
+        return new Decimal(quantity).mul(sharePrice).toString();
+      }, [quantity, sharePrice]);
+      const handleWithdraw = async () => {
+        await handleOperation({
+          amount: quantity,
+          vaultId
+        });
+      };
+      const onQuantityChange = (value) => {
+        if (value && new Decimal(value).gt(maxQuantity)) {
+          setQuantity(maxQuantity.toString());
+        } else {
+          setQuantity(value);
+        }
+      };
+      const isMinAmount = useMemo(() => {
+        if (!quantity || !vaultInfo.data[0]?.est_main_share_price || !vaultInfo.data[0]?.min_withdrawal_amount)
+          return false;
+        const isAll = quantity === maxQuantity.toString();
+        if (isAll) {
+          return false;
+        }
+        const receiving = new Decimal(quantity).mul(
+          vaultInfo.data[0]?.est_main_share_price
+        );
+        return receiving.lt(vaultInfo.data[0]?.min_withdrawal_amount);
+      }, [quantity, vaultInfo, maxQuantity]);
+      const disabledWithdraw = useMemo(() => {
+        return !quantity || quantity === "0" || disabledOperation || !!quantity && isMinAmount;
+      }, [quantity, disabledOperation]);
+      const inputHint = useMemo(() => {
+        if (quantity && isMinAmount) {
+          return {
+            hintMessage: t("vaults.operation.error.minWithdrawal", {
+              amount: vaultInfo.data[0]?.min_withdrawal_amount
+            }),
+            status: "error"
+          };
+        }
+        return {
+          hintMessage: "",
+          status: ""
+        };
+      }, [quantity, t]);
+      return {
+        quantity,
+        onQuantityChange,
+        maxQuantity,
+        handleWithdraw,
+        vaultId,
+        sharePrice,
+        receivingAmount,
+        disabledWithdraw,
+        disabledOperation,
+        inputHint
+      };
+    };
+  }
+});
+
+// src/components/vault-operation/latest-withdraw/latest-withdraw-script.ts
+var useLatestWithdrawScript;
+var init_latest_withdraw_script = __esm({
+  "src/components/vault-operation/latest-withdraw/latest-withdraw-script.ts"() {
+    init_vault();
+    init_latest_script();
+    useLatestWithdrawScript = ({ vaultId }) => {
+      const { latestOperation } = useLatestOperationScript({
+        type: "withdrawal" /* WITHDRAWAL */,
+        vaultId
+      });
+      return {
+        latestOperation
+      };
+    };
+  }
+});
+var ProcessDot, ProcessLine, ProcessText, WithdrawProcess, WithdrawProcessWidget;
+var init_withdraw_process_ui = __esm({
+  "src/components/vault-operation/withdraw/withdraw-process.ui.tsx"() {
+    ProcessDot = () => {
+      return /* @__PURE__ */ jsx("div", { className: "oui-size-2 oui-rounded-full oui-bg-white/[0.54]" });
+    };
+    ProcessLine = () => {
+      return /* @__PURE__ */ jsx("div", { className: "oui-h-px oui-flex-1 oui-bg-white/[0.2]" });
+    };
+    ProcessText = ({
+      children,
+      className
+    }) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "oui-flex-1 oui-text-2xs oui-font-normal oui-text-base-contrast-80",
+            className
+          ),
+          children
+        }
+      );
+    };
+    WithdrawProcess = () => {
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center", children: [
+          /* @__PURE__ */ jsx(ProcessDot, {}),
+          /* @__PURE__ */ jsx("div", { className: "oui-flex-1", children: /* @__PURE__ */ jsx(ProcessLine, {}) }),
+          /* @__PURE__ */ jsx(ProcessDot, {}),
+          /* @__PURE__ */ jsx("div", { className: "oui-flex-1", children: /* @__PURE__ */ jsx(ProcessLine, {}) }),
+          /* @__PURE__ */ jsx(ProcessDot, {})
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "oui-mt-1 oui-flex oui-justify-between", children: [
+          /* @__PURE__ */ jsx(ProcessText, { children: t("vaults.withdraw.process.initiate") }),
+          /* @__PURE__ */ jsx(ProcessText, { className: "oui-text-center", children: t("vaults.withdraw.process.vaultProcess") }),
+          /* @__PURE__ */ jsx(ProcessText, { className: "oui-text-right", children: t("vaults.withdraw.process.transferred") })
+        ] })
+      ] });
+    };
+    WithdrawProcessWidget = () => {
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-rounded-xl oui-border oui-border-white/[0.12] oui-p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54", children: [
+          /* @__PURE__ */ jsx("div", { children: t("vaults.withdraw.process.withdrawProcess") }),
+          /* @__PURE__ */ jsx(Text, { color: "primary", children: t("vaults.withdraw.process.upTo") })
+        ] }),
+        /* @__PURE__ */ jsx(WithdrawProcess, {})
+      ] });
+    };
+  }
+});
+var LatestWithdrawUI;
+var init_latest_withdraw_ui = __esm({
+  "src/components/vault-operation/latest-withdraw/latest-withdraw-ui.tsx"() {
+    init_getOperationStatusColor();
+    init_withdraw_process_ui();
+    LatestWithdrawUI = (props) => {
+      const { latestOperation } = props;
+      const { t } = useTranslation();
+      if (!latestOperation) {
+        return /* @__PURE__ */ jsx(WithdrawProcessWidget, {});
+      }
+      return /* @__PURE__ */ jsxs("div", { className: "oui-mt-3 oui-flex oui-flex-col oui-gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "oui-text-xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.withdraw.latestWithdraw") }),
+        /* @__PURE__ */ jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-white/[0.12] oui-p-3", children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "oui-mr-1 oui-size-1 oui-rounded-full",
+                latestOperation.status === "completed" && "oui-bg-success",
+                latestOperation.status === "rejected" && "oui-bg-danger",
+                latestOperation.status === "failed" && "oui-bg-danger",
+                (latestOperation.status === "pending" || latestOperation.status === "new") && "oui-bg-primary"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              color: getOperationStatusColor(latestOperation.status),
+              className: "oui-text-xs oui-font-normal",
+              children: latestOperation.status.slice(0, 1).toUpperCase() + latestOperation.status.slice(1)
+            }
+          ),
+          /* @__PURE__ */ jsx(TokenIcon, { name: "USDC", className: "oui-ml-auto oui-mr-1 oui-size-4" }),
+          /* @__PURE__ */ jsx(Text.numeral, { className: "oui-text-sm oui-font-semibold oui-text-base-contrast-80", children: latestOperation.amount_change || "-" })
+        ] }) })
+      ] });
+    };
+  }
+});
+var LatestWithdrawWidget;
+var init_latest_withdraw_widget = __esm({
+  "src/components/vault-operation/latest-withdraw/latest-withdraw-widget.tsx"() {
+    init_latest_withdraw_script();
+    init_latest_withdraw_ui();
+    LatestWithdrawWidget = (props) => {
+      const { vaultId } = props;
+      const state = useLatestWithdrawScript({ vaultId });
+      return /* @__PURE__ */ jsx(LatestWithdrawUI, { ...state });
+    };
+  }
+});
+
+// src/components/vault-operation/latest-withdraw/index.ts
+var init_latest_withdraw = __esm({
+  "src/components/vault-operation/latest-withdraw/index.ts"() {
+    init_latest_withdraw_widget();
+  }
+});
+var VaultWithdrawForm, WithdrawKVItem, WithdrawInitialContent, WithdrawInitialDialog, WithdrawInitialSheet;
+var init_vault_withdraw_form_ui = __esm({
+  "src/components/vault-operation/withdraw/vault-withdraw-form.ui.tsx"() {
+    init_latest_withdraw();
+    init_withdraw_process_ui();
+    VaultWithdrawForm = (props) => {
+      const {
+        quantity,
+        onQuantityChange,
+        maxQuantity,
+        handleWithdraw,
+        vaultId,
+        sharePrice,
+        receivingAmount,
+        disabledWithdraw,
+        disabledOperation,
+        inputHint
+      } = props;
+      const { isMobile } = useScreen();
+      const handleInitialWithdraw = () => {
+        modal.show(isMobile ? WithdrawInitialSheet : WithdrawInitialDialog, {
+          quantity,
+          receivingAmount,
+          handleWithdraw
+        });
+      };
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(BrokerWallet, {}),
+        /* @__PURE__ */ jsx(Box, { mt: 3, mb: 1, children: /* @__PURE__ */ jsx(
+          QuantityInput,
+          {
+            value: quantity,
+            onValueChange: onQuantityChange,
+            token: { display_name: "Shares", precision: 6 },
+            testId: "oui-testid-vault-withdraw-dialog-quantity-input",
+            hintMessage: inputHint.hintMessage,
+            status: inputHint.status
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          AvailableQuantity,
+          {
+            maxQuantity,
+            onClick: () => {
+              onQuantityChange(maxQuantity.toString());
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WithdrawKVItem,
+          {
+            label: t("vaults.withdraw.estPricePerShare"),
+            currency: "$",
+            value: sharePrice || "-",
+            className: "oui-mb-1 oui-mt-5"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WithdrawKVItem,
+          {
+            label: t("vaults.withdraw.estReceivingAmount"),
+            value: receivingAmount,
+            suffix: /* @__PURE__ */ jsx("span", { className: "oui-ml-1 oui-text-base-contrast-36", children: "USDC" }),
+            className: "oui-mb-5"
+          }
+        ),
+        disabledOperation && /* @__PURE__ */ jsx("div", { className: "oui-mt-3 oui-text-center", children: /* @__PURE__ */ jsx(Text, { color: "warning", className: "oui-text-sm oui-font-semibold", children: t("vaults.operation.error.switchAccount") }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            fullWidth: true,
+            color: "primary",
+            disabled: disabledWithdraw,
+            className: "oui-mt-3",
+            onClick: handleInitialWithdraw,
+            children: t("common.withdraw")
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "oui-mt-3", children: /* @__PURE__ */ jsx(LatestWithdrawWidget, { vaultId }) })
+      ] });
+    };
+    WithdrawKVItem = ({
+      label,
+      value,
+      suffix,
+      currency,
+      className
+    }) => {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx("div", { children: label }),
+            /* @__PURE__ */ jsx(
+              Text.numeral,
+              {
+                currency,
+                className: "oui-text-base-contrast",
+                suffix,
+                children: value
+              }
+            )
+          ]
+        }
+      );
+    };
+    WithdrawInitialContent = (props) => {
+      const { quantity, receivingAmount, handleWithdraw, hide } = props;
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col", children: [
+        /* @__PURE__ */ jsx(
+          WithdrawKVItem,
+          {
+            label: t("vaults.withdraw.dialog.withdrawalAmount"),
+            value: quantity,
+            suffix: /* @__PURE__ */ jsx("span", { className: "oui-ml-1 oui-text-base-contrast-36", children: "Shares" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WithdrawKVItem,
+          {
+            label: t("vaults.withdraw.dialog.estimatedReceiving"),
+            value: receivingAmount,
+            suffix: /* @__PURE__ */ jsx("span", { className: "oui-ml-1 oui-text-base-contrast-36", children: "USDC" }),
+            className: "oui-mt-1"
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { color: "warning", className: "oui-my-5 oui-text-sm oui-font-semibold", children: t("vaults.withdraw.dialog.note") }),
+        /* @__PURE__ */ jsx(WithdrawProcessWidget, {}),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            fullWidth: true,
+            color: "primary",
+            className: "oui-mt-5",
+            onClick: async () => {
+              await handleWithdraw();
+              hide?.();
+            },
+            children: t("vaults.withdraw.dialog.initiateWithdrawal")
+          }
+        )
+      ] });
+    };
+    WithdrawInitialDialog = modal.create(
+      ({
+        quantity,
+        receivingAmount,
+        handleWithdraw
+      }) => {
+        const { visible, hide, onOpenChange } = useModal();
+        const { t } = useTranslation();
+        return /* @__PURE__ */ jsx(
+          SimpleDialog,
+          {
+            title: t("vaults.withdraw.dialog.title"),
+            open: visible,
+            onOpenChange,
+            children: /* @__PURE__ */ jsx(
+              WithdrawInitialContent,
+              {
+                quantity,
+                receivingAmount,
+                handleWithdraw,
+                hide
+              }
+            )
+          }
+        );
+      }
+    );
+    WithdrawInitialSheet = modal.create(
+      ({
+        quantity,
+        receivingAmount,
+        handleWithdraw
+      }) => {
+        const { visible, hide, onOpenChange } = useModal();
+        const { t } = useTranslation();
+        return /* @__PURE__ */ jsx(
+          SimpleSheet,
+          {
+            title: t("vaults.withdraw.dialog.title"),
+            open: visible,
+            onOpenChange,
+            children: /* @__PURE__ */ jsx(
+              WithdrawInitialContent,
+              {
+                quantity,
+                receivingAmount,
+                handleWithdraw,
+                hide
+              }
+            )
+          }
+        );
+      }
+    );
+  }
+});
+var VaultWithdrawWidget;
+var init_vault_withdraw_form_widget = __esm({
+  "src/components/vault-operation/withdraw/vault-withdraw-form.widget.tsx"() {
+    init_vault_withdraw_form_script();
+    init_vault_withdraw_form_ui();
+    VaultWithdrawWidget = (props) => {
+      const { vaultId } = props;
+      const state = useVaultWithdrawFormScript({ vaultId });
+      return /* @__PURE__ */ jsx(VaultWithdrawForm, { ...state });
+    };
+  }
+});
+
+// src/components/vault-operation/withdraw/index.ts
+var init_withdraw = __esm({
+  "src/components/vault-operation/withdraw/index.ts"() {
+    init_vault_withdraw_form_widget();
+  }
+});
+var VaultDepositAndWithdrawWithDialogId, VaultDepositAndWithdrawWithSheetId, VaultDepositAndWithdraw;
+var init_depositAndWithdraw = __esm({
+  "src/components/vault-operation/depositAndWithdraw/index.tsx"() {
+    init_deposit();
+    init_withdraw();
+    VaultDepositAndWithdrawWithDialogId = "VaultDepositAndWithdrawWithDialogId";
+    VaultDepositAndWithdrawWithSheetId = "VaultDepositAndWithdrawWithSheetId";
+    VaultDepositAndWithdraw = (props) => {
+      const [activeTab, setActiveTab] = useState(
+        props.activeTab || "deposit"
+      );
+      const { vaultId } = props;
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsxs(
+        Tabs,
+        {
+          value: activeTab,
+          onValueChange: setActiveTab,
+          variant: "contained",
+          size: "lg",
+          classNames: {
+            tabsList: "oui-px-0",
+            tabsContent: "oui-pt-5"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              TabPanel,
+              {
+                title: t("common.deposit"),
+                icon: /* @__PURE__ */ jsx(ArrowDownSquareFillIcon, {}),
+                value: "deposit",
+                children: /* @__PURE__ */ jsx(VaultDepositWidget, { vaultId })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TabPanel,
+              {
+                title: t("common.withdraw"),
+                icon: /* @__PURE__ */ jsx(ArrowUpSquareFillIcon, {}),
+                value: "withdraw",
+                children: /* @__PURE__ */ jsx(VaultWithdrawWidget, { vaultId })
+              }
+            )
+          ]
+        }
+      );
+    };
+    registerSimpleDialog(
+      VaultDepositAndWithdrawWithDialogId,
+      VaultDepositAndWithdraw,
+      {
+        size: "md",
+        classNames: {
+          content: "oui-border oui-border-line-6"
+        }
+      }
+    );
+    registerSimpleSheet(
+      VaultDepositAndWithdrawWithSheetId,
+      VaultDepositAndWithdraw
+    );
+  }
+});
+
+// src/components/vault-card/constants.ts
+var ORDERLY_ICON, ORDERLY_VAULT_TITLE, ORDERLY_VAULT_DESCRIPTION, getBrokerIconUrl;
+var init_constants = __esm({
+  "src/components/vault-card/constants.ts"() {
+    ORDERLY_ICON = "https://oss.orderly.network/static/symbol_logo/ORDER.png";
+    ORDERLY_VAULT_TITLE = "Orderly OmniVault";
+    ORDERLY_VAULT_DESCRIPTION = "Earn passive yields effortlessly, no trading expertise required. OmniVault deploys market-making strategies, taking on liquidations, and accrue platform fees.";
+    getBrokerIconUrl = (brokerId) => {
+      switch (brokerId) {
+        case "kodiak":
+          return "https://oss.orderly.network/static/symbol_logo/kodiak.png";
+        case "orderly":
+          return "https://oss.orderly.network/static/symbol_logo/ORDER.png";
+        case "woofi_pro":
+          return "https://oss.orderly.network/static/broker_logo/woofi_pro.png";
+        case "aden":
+          return "/vaults/broker/aden.png";
+        case "vooi":
+          return "https://oss.orderly.network/static/broker_logo/vooi.png";
+        default:
+          return `https://oss.orderly.network/static/broker_logo/${brokerId}.png`;
+      }
+    };
+  }
+});
+var useVaultCardScript;
+var init_vaultCard_script = __esm({
+  "src/components/vault-card/vaultCard.script.ts"() {
+    init_env();
+    init_useSVAPIUrl();
+    init_vaultsStore();
+    init_depositAndWithdraw();
+    init_constants();
+    useVaultCardScript = (vault) => {
+      const { t } = useTranslation();
+      const vaultLpInfo = useVaultLpInfoById(vault.vault_id);
+      const { fetchVaultLpInfo } = useVaultsStore();
+      const env = useGetEnv();
+      const { isMobile } = useScreen();
+      const { state } = useAccount();
+      const svApiUrl = useSVApiUrl();
+      const { holding } = useCollateral();
+      const availableBalance = useMemo(() => {
+        return holding?.find((h) => h.token === "USDC")?.holding || 0;
+      }, [holding]);
+      useEffect(() => {
+        if (!state.address || !svApiUrl || !vault.vault_id) {
+          return;
+        }
+        fetchVaultLpInfo(
+          { vault_id: vault.vault_id, wallet_address: state.address },
+          svApiUrl
+        );
+      }, [vault.vault_id, state.address, svApiUrl]);
+      const memoizedAvailableBalance = useMemo(() => {
+        return availableBalance;
+      }, [availableBalance]);
+      const lpInfo = useMemo(() => {
+        const info = vaultLpInfo?.[0];
+        if (!info) {
+          return {
+            deposits: "--",
+            earnings: "--"
+          };
+        }
+        return {
+          deposits: info.lp_tvl - info.potential_pnl,
+          earnings: info.potential_pnl
+        };
+      }, [vaultLpInfo]);
+      const isEVMConnected = useMemo(() => {
+        return state.chainNamespace === "EVM";
+      }, [state.chainNamespace]);
+      const isSOLConnected = useMemo(() => {
+        return state.chainNamespace === "SOL";
+      }, [state.chainNamespace]);
+      const isWrongNetwork = useMemo(() => {
+        return state.chainNamespace !== "EVM" && state.chainNamespace !== "SOL" && state.accountId !== state.mainAccountId;
+      }, [state.chainNamespace, state.accountId, state.mainAccountId]);
+      const isButtonsDisabled = useMemo(() => {
+        return vault.status !== "live";
+      }, [vault.status]);
+      const openDepositAndWithdraw = (activeTab) => {
+        modal.show(
+          isMobile ? VaultDepositAndWithdrawWithSheetId : VaultDepositAndWithdrawWithDialogId,
+          {
+            activeTab,
+            vaultId: vault.vault_id
+          }
+        );
+      };
+      const openVaultWebsite = () => {
+        const baseUrl = VAULTS_WEBSITE_URLS[env] || VAULTS_WEBSITE_URLS.prod;
+        window.open(`${baseUrl}/vaults/${vault.vault_address}`, "_blank");
+      };
+      return {
+        title: vault.vault_name,
+        description: vault.description,
+        icon: getBrokerIconUrl(vault.broker_id),
+        vaultInfo: vault,
+        lpInfo,
+        isEVMConnected,
+        isSOLConnected,
+        openDepositAndWithdraw,
+        availableBalance: memoizedAvailableBalance,
+        openVaultWebsite,
+        isWrongNetwork,
+        isButtonsDisabled
+      };
+    };
+  }
+});
+var parseMarkdownLinks;
+var init_parseMarkdownLinks = __esm({
+  "src/utils/parseMarkdownLinks.tsx"() {
+    parseMarkdownLinks = (text) => {
+      if (!text) {
+        return [""];
+      }
+      const markdownLinkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
+      const parts = [];
+      let lastIndex = 0;
+      let match;
+      while ((match = markdownLinkRegex.exec(text)) !== null) {
+        const [fullMatch, linkText, url] = match;
+        const matchIndex = match.index;
+        if (matchIndex > lastIndex) {
+          parts.push(text.substring(lastIndex, matchIndex));
+        }
+        parts.push(
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "oui-underline hover:oui-text-base-contrast-80",
+              children: linkText
+            },
+            matchIndex
+          )
+        );
+        lastIndex = matchIndex + fullMatch.length;
+      }
+      if (lastIndex < text.length) {
+        parts.push(text.substring(lastIndex));
+      }
+      return parts.length > 0 ? parts : [text];
+    };
+  }
+});
+var formatAllTimeReturn, VaultCard, VaultInfoItem, LpInfoItem, VaultCardOperation;
+var init_vaultCard_ui = __esm({
+  "src/components/vault-card/vaultCard.ui.tsx"() {
+    init_parseMarkdownLinks();
+    formatAllTimeReturn = (status, vaultAge, lifetimeApy) => {
+      if (status === "pre_launch" || vaultAge !== null && vaultAge < 7) {
+        return "--";
+      }
+      if (lifetimeApy > 100) {
+        return ">10000%";
+      }
+      return new Decimal(lifetimeApy).mul(100).toDecimalPlaces(2, Decimal.ROUND_UP).toFixed(2) + "%";
+    };
+    VaultCard = (props) => {
+      const {
+        title,
+        vaultInfo,
+        lpInfo,
+        description,
+        isEVMConnected,
+        isSOLConnected,
+        openDepositAndWithdraw,
+        availableBalance,
+        openVaultWebsite,
+        icon,
+        isButtonsDisabled
+      } = props;
+      const { t } = useTranslation();
+      const { isMobile } = useScreen();
+      const formattedAllTimeReturn = useMemo(
+        () => formatAllTimeReturn(
+          vaultInfo.status,
+          vaultInfo.vault_age,
+          vaultInfo.lifetime_apy
+        ),
+        [vaultInfo.status, vaultInfo.vault_age, vaultInfo.lifetime_apy]
+      );
+      const getStatusTag = () => {
+        const { status } = vaultInfo;
+        if (status === "live") {
+          return {
+            text: t("vaults.card.status.active"),
+            color: "#00C076",
+            bgColor: "rgba(0, 192, 118, 0.15)"
+          };
+        } else if (status === "pre_launch") {
+          return {
+            text: t("vaults.card.launchingSoon"),
+            color: "#E88800",
+            bgColor: "rgba(232, 136, 0, 0.15)"
+          };
+        } else if (status === "closing") {
+          return {
+            text: t("vaults.card.status.closing"),
+            color: "#FF6B6B",
+            bgColor: "rgba(255, 107, 107, 0.15)"
+          };
+        } else if (status === "closed") {
+          return {
+            text: t("vaults.card.status.closed"),
+            color: "#999999",
+            bgColor: "rgba(153, 153, 153, 0.15)"
+          };
+        }
+        return null;
+      };
+      const statusTag = getStatusTag();
+      useMemo(() => {
+        const chains = Array.isArray(vaultInfo?.supported_chains) ? vaultInfo.supported_chains : [];
+        return /* @__PURE__ */ jsx("div", { className: "oui-flex oui-items-center", children: chains.map((chain, index) => /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `https://oss.orderly.network/static/network_logo/${chain.chain_id}.png`,
+            alt: chain.chain_id,
+            className: cn(
+              "oui-relative",
+              isMobile ? "oui-size-[18px]" : "oui-size-5"
+            ),
+            style: {
+              marginLeft: index > 0 ? "-4px" : "0",
+              zIndex: chains.length - index
+            }
+          },
+          chain.chain_id
+        )) });
+      }, [vaultInfo.supported_chains, isMobile]);
+      return /* @__PURE__ */ jsx("div", { className: "oui-relative oui-h-[435px] oui-overflow-hidden oui-rounded-2xl oui-bg-base-9", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "oui-absolute oui-left-0 oui-top-0 oui-z-20 oui-size-full oui-p-6",
+            "oui-overflow-y-auto oui-custom-scrollbar"
+          ),
+          children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "oui-text-[18px] oui-font-semibold oui-text-white oui-break-words", children: title }),
+              statusTag && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "oui-flex oui-w-fit oui-items-center oui-gap-[10px] oui-px-2",
+                  style: {
+                    height: "18px",
+                    borderRadius: "4px",
+                    background: statusTag.bgColor,
+                    color: statusTag.color,
+                    fontSize: "12px",
+                    fontWeight: 600,
+                    lineHeight: "18px",
+                    letterSpacing: "0.36px"
+                  },
+                  children: statusTag.text
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "oui-h-[54px]", children: /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-font-normal oui-leading-[18px] oui-text-base-contrast-54 oui-line-clamp-3", children: parseMarkdownLinks(description) }) }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: openVaultWebsite,
+                  className: "oui-flex oui-w-fit oui-items-center oui-gap-1 oui-text-xs oui-font-medium",
+                  style: { color: "#608CFF" },
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: t("vaults.card.viewMore") }),
+                    /* @__PURE__ */ jsx(
+                      ArrowRightUpSquareFillIcon,
+                      {
+                        style: { color: "#608CFF" },
+                        width: 16,
+                        height: 16,
+                        viewBox: "0 0 18 18"
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-6", children: [
+              /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  VaultInfoItem,
+                  {
+                    label: t("vaults.card.tvl"),
+                    value: vaultInfo.tvl,
+                    textProps: {
+                      currency: "$",
+                      dp: 0,
+                      type: "numeral"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  VaultInfoItem,
+                  {
+                    label: t("vaults.card.allTimeReturn"),
+                    value: formattedAllTimeReturn,
+                    textProps: {
+                      color: "brand",
+                      type: "gradient"
+                    },
+                    showTooltip: vaultInfo.status === "pre_launch" || vaultInfo.vault_age !== null && vaultInfo.vault_age < 7,
+                    tooltipContent: t("vaults.card.allTimeReturnTooltip")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-items-center oui-gap-2 oui-rounded-lg oui-bg-white/[0.06] oui-p-3", children: [
+                /* @__PURE__ */ jsx(
+                  LpInfoItem,
+                  {
+                    label: t("vaults.card.myDeposits"),
+                    value: lpInfo.deposits
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  LpInfoItem,
+                  {
+                    label: t("vaults.card.myEarnings"),
+                    value: lpInfo.earnings
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-4 oui-mt-2", children: [
+              /* @__PURE__ */ jsx(
+                LpInfoItem,
+                {
+                  label: t("vaults.card.accountBalance"),
+                  value: availableBalance
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                VaultCardOperation,
+                {
+                  isEVMConnected,
+                  isSOLConnected,
+                  openDepositAndWithdraw,
+                  isButtonsDisabled
+                }
+              )
+            ] })
+          ] })
+        }
+      ) });
+    };
+    VaultInfoItem = (props) => {
+      const { label, value, textProps, showTooltip, tooltipContent } = props;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "oui-flex oui-flex-1 oui-flex-col oui-items-center oui-justify-center oui-px-3 oui-py-2",
+            "oui-rounded-lg oui-border oui-border-solid oui-border-white/[0.12]"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-1 oui-text-2xs oui-font-normal oui-leading-[18px] oui-text-base-contrast-54", children: [
+              label,
+              showTooltip && tooltipContent && /* @__PURE__ */ jsx(Tooltip, { content: tooltipContent, delayDuration: 100, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                InfoCircleIcon,
+                {
+                  size: 12,
+                  opacity: 0.54,
+                  className: "oui-text-base-contrast"
+                }
+              ) }) })
+            ] }),
+            textProps.type === "gradient" ? /* @__PURE__ */ jsx(
+              Text.gradient,
+              {
+                className: "oui-text-base oui-font-semibold",
+                ...textProps,
+                children: value
+              }
+            ) : /* @__PURE__ */ jsx(
+              Text.numeral,
+              {
+                className: "oui-text-base oui-font-semibold",
+                ...textProps,
+                children: value
+              }
+            )
+          ]
+        }
+      );
+    };
+    LpInfoItem = (props) => {
+      const { label, value, textProps } = props;
+      return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-w-full oui-items-center oui-justify-between oui-text-2xs oui-font-normal", children: [
+        /* @__PURE__ */ jsx("div", { className: "oui-text-base-contrast-54", children: label }),
+        /* @__PURE__ */ jsx(
+          Text.numeral,
+          {
+            className: "oui-text-base-contrast-80",
+            ...textProps,
+            dp: 2,
+            suffix: /* @__PURE__ */ jsx("span", { className: "oui-ml-1 oui-text-base-contrast-36", children: "USDC" }),
+            children: value
+          }
+        )
+      ] });
+    };
+    VaultCardOperation = (props) => {
+      const {
+        isEVMConnected,
+        isSOLConnected,
+        openDepositAndWithdraw,
+        isButtonsDisabled
+      } = props;
+      const { t } = useTranslation();
+      return /* @__PURE__ */ jsx(AuthGuard, { buttonProps: { size: "md", fullWidth: true }, children: isEVMConnected || isSOLConnected ? /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "oui-flex-1",
+            size: "md",
+            disabled: isButtonsDisabled,
+            onClick: () => openDepositAndWithdraw("deposit"),
+            children: t("common.deposit")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "oui-flex-1",
+            size: "md",
+            color: "secondary",
+            disabled: isButtonsDisabled,
+            onClick: () => openDepositAndWithdraw("withdraw"),
+            children: t("common.withdraw")
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx(Button, { size: "md", color: "warning", children: t("connector.wrongNetwork") }) });
+    };
+  }
+});
+var VaultCardWidget;
+var init_vaultCard_widget = __esm({
+  "src/components/vault-card/vaultCard.widget.tsx"() {
+    init_vaultCard_script();
+    init_vaultCard_ui();
+    VaultCardWidget = (props) => {
+      const { vault } = props;
+      const state = useVaultCardScript(vault);
+      return /* @__PURE__ */ jsx(VaultCard, { ...state });
+    };
+  }
+});
+
+// src/components/vault-card/index.ts
+var init_vault_card = __esm({
+  "src/components/vault-card/index.ts"() {
+    init_vaultCard_widget();
+    init_vaultCard_script();
+    init_vaultCard_ui();
+    init_constants();
+  }
+});
+var VaultsList, VaultListRow;
+var init_vaults_list = __esm({
+  "src/components/all-vaults/vaults-list.tsx"() {
+    init_vaultCard_script();
+    init_vaultCard_ui();
+    VaultsList = ({ vaults }) => {
+      const { t } = useTranslation();
+      const [sortField, setSortField] = useState("apy");
+      const [sortDirection, setSortDirection] = useState("desc");
+      const shouldShowApyTooltip = useMemo(() => {
+        return vaults.some(
+          (vault) => vault.status === "pre_launch" || vault.vault_age !== null && vault.vault_age < 7
+        );
+      }, [vaults]);
+      const handleSort = (field) => {
+        if (sortField === field) {
+          setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+        } else {
+          setSortField(field);
+          setSortDirection("desc");
+        }
+      };
+      const sortedVaults = useMemo(() => {
+        return [...vaults].sort((a, b) => {
+          let aValue = 0;
+          let bValue = 0;
+          switch (sortField) {
+            case "tvl":
+              aValue = a.tvl;
+              bValue = b.tvl;
+              break;
+            case "apy":
+              aValue = a.lifetime_apy;
+              bValue = b.lifetime_apy;
+              break;
+            default:
+              return 0;
+          }
+          return sortDirection === "asc" ? aValue - bValue : bValue - aValue;
+        });
+      }, [vaults, sortField, sortDirection]);
+      const SortIcon = ({ field }) => {
+        const isActive = sortField === field;
+        return /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            className: cn(
+              "oui-ml-1 oui-transition-colors",
+              isActive ? "oui-text-base-contrast" : "oui-text-base-contrast-36"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M6 2L8 4H4L6 2Z",
+                  fill: "currentColor",
+                  opacity: isActive && sortDirection === "asc" ? 1 : 0.3
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M6 10L4 8H8L6 10Z",
+                  fill: "currentColor",
+                  opacity: isActive && sortDirection === "desc" ? 1 : 0.3
+                }
+              )
+            ]
+          }
+        );
+      };
+      return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "oui-grid oui-grid-cols-[2fr_1fr_1fr_1fr_1fr_1fr_1.5fr] oui-gap-4 oui-px-4 oui-py-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.list.poolName") }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => handleSort("tvl"),
+              className: "oui-flex oui-items-center oui-text-2xs oui-font-normal oui-text-base-contrast-54 hover:oui-text-base-contrast",
+              children: [
+                "TVL",
+                /* @__PURE__ */ jsx(SortIcon, { field: "tvl" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-1", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => handleSort("apy"),
+                className: "oui-flex oui-items-center oui-text-2xs oui-font-normal oui-text-base-contrast-54 hover:oui-text-base-contrast",
+                children: [
+                  t("vaults.card.allTimeReturn"),
+                  /* @__PURE__ */ jsx(SortIcon, { field: "apy" })
+                ]
+              }
+            ),
+            shouldShowApyTooltip && /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                content: t("vaults.card.allTimeReturnTooltip"),
+                delayDuration: 100,
+                children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  InfoCircleIcon,
+                  {
+                    size: 12,
+                    opacity: 0.54,
+                    className: "oui-text-base-contrast"
+                  }
+                ) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => handleSort("deposits"),
+              className: "oui-flex oui-items-center oui-text-2xs oui-font-normal oui-text-base-contrast-54 hover:oui-text-base-contrast",
+              children: [
+                t("vaults.list.myDeposits"),
+                /* @__PURE__ */ jsx(SortIcon, { field: "deposits" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => handleSort("pnl"),
+              className: "oui-flex oui-items-center oui-text-2xs oui-font-normal oui-text-base-contrast-54 hover:oui-text-base-contrast",
+              children: [
+                t("vaults.list.allTimePnl"),
+                /* @__PURE__ */ jsx(SortIcon, { field: "pnl" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.card.accountBalance") }),
+          /* @__PURE__ */ jsx("div", { className: "oui-text-2xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.list.operate") })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "oui-flex oui-flex-col oui-gap-2", children: sortedVaults.map((vault) => /* @__PURE__ */ jsx(VaultListRow, { vault }, vault.vault_id)) })
+      ] });
+    };
+    VaultListRow = ({ vault }) => {
+      const { t } = useTranslation();
+      const script = useVaultCardScript(vault);
+      const {
+        title,
+        vaultInfo,
+        lpInfo,
+        isEVMConnected,
+        isSOLConnected,
+        openDepositAndWithdraw,
+        availableBalance,
+        openVaultWebsite,
+        icon,
+        isButtonsDisabled
+      } = script;
+      vaultInfo.status === "pre_launch";
+      const { isMobile } = useScreen();
+      const getStatusTag = () => {
+        const { status } = vaultInfo;
+        if (status === "live") {
+          return {
+            text: t("vaults.card.status.active"),
+            color: "#00C076",
+            bgColor: "rgba(0, 192, 118, 0.15)"
+          };
+        } else if (status === "pre_launch") {
+          return {
+            text: t("vaults.card.launchingSoon"),
+            color: "#E88800",
+            bgColor: "rgba(232, 136, 0, 0.15)"
+          };
+        } else if (status === "closing") {
+          return {
+            text: t("vaults.card.status.closing"),
+            color: "#FF6B6B",
+            bgColor: "rgba(255, 107, 107, 0.15)"
+          };
+        } else if (status === "closed") {
+          return {
+            text: t("vaults.card.status.closed"),
+            color: "#999999",
+            bgColor: "rgba(153, 153, 153, 0.15)"
+          };
+        }
+        return null;
+      };
+      const statusTag = getStatusTag();
+      const formattedAllTimeReturn = useMemo(
+        () => formatAllTimeReturn(
+          vaultInfo.status,
+          vaultInfo.vault_age,
+          vaultInfo.lifetime_apy
+        ),
+        [vaultInfo.status, vaultInfo.vault_age, vaultInfo.lifetime_apy]
+      );
+      useMemo(() => {
+        const chains = Array.isArray(vaultInfo?.supported_chains) ? vaultInfo.supported_chains : [];
+        const ICON_SIZE = isMobile ? 18 : 20;
+        return /* @__PURE__ */ jsx("div", { className: "oui-flex oui-items-center", children: chains.map((chain, index) => /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `https://oss.orderly.network/static/network_logo/${chain.chain_id}.png`,
+            alt: chain.chain_id,
+            className: cn(
+              "oui-relative",
+              isMobile ? "oui-size-[18px]" : "oui-size-5"
+            ),
+            style: {
+              marginLeft: index > 0 ? "-4px" : "0",
+              zIndex: chains.length - index,
+              width: ICON_SIZE,
+              height: ICON_SIZE
+            }
+          },
+          chain.chain_id
+        )) });
+      }, [vaultInfo.supported_chains, isMobile]);
+      return /* @__PURE__ */ jsxs("div", { className: "oui-relative oui-grid oui-grid-cols-[2fr_1fr_1fr_1fr_1fr_1fr_1.5fr] oui-gap-4 oui-rounded-2xl oui-bg-base-9 oui-px-4 oui-py-4 oui-items-center oui-overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10 oui-flex oui-items-center oui-gap-2", children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "oui-text-sm oui-font-semibold oui-text-base-contrast", children: title }),
+          /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-wrap oui-items-center oui-gap-2", children: [
+            statusTag && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "oui-flex oui-items-center oui-gap-[10px] oui-px-2 oui-whitespace-nowrap oui-flex-shrink-0",
+                style: {
+                  height: "18px",
+                  borderRadius: "4px",
+                  background: statusTag.bgColor,
+                  color: statusTag.color,
+                  fontSize: "12px",
+                  fontWeight: 600,
+                  lineHeight: "18px",
+                  letterSpacing: "0.36px"
+                },
+                children: statusTag.text
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: openVaultWebsite,
+                className: "oui-flex oui-items-center oui-gap-1 oui-text-xs oui-font-medium",
+                style: { color: "#608CFF" },
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: t("vaults.card.viewMore") }),
+                  /* @__PURE__ */ jsx(
+                    ArrowRightUpSquareFillIcon,
+                    {
+                      style: { color: "#608CFF" },
+                      width: 16,
+                      height: 16,
+                      viewBox: "0 0 18 18"
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsx(
+          Text.numeral,
+          {
+            className: "oui-text-sm oui-font-normal oui-text-base-contrast",
+            currency: "$",
+            dp: 0,
+            children: vaultInfo.tvl
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsx(Text.gradient, { className: "oui-text-sm oui-font-semibold", color: "brand", children: formattedAllTimeReturn }) }),
+        /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsx(
+          Text.numeral,
+          {
+            className: "oui-text-sm oui-font-normal oui-text-base-contrast",
+            dp: 2,
+            children: lpInfo.deposits
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsx(
+          Text.numeral,
+          {
+            className: "oui-text-sm oui-font-normal oui-text-base-contrast",
+            dp: 2,
+            children: lpInfo.earnings
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsx(
+          Text.numeral,
+          {
+            className: "oui-text-sm oui-font-normal oui-text-base-contrast",
+            dp: 2,
+            children: availableBalance
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10 oui-flex oui-items-center oui-gap-2", children: /* @__PURE__ */ jsx(AuthGuard, { buttonProps: { size: "sm" }, children: isEVMConnected || isSOLConnected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              className: "oui-flex-1",
+              disabled: isButtonsDisabled,
+              onClick: () => openDepositAndWithdraw("deposit"),
+              children: t("common.deposit")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              color: "secondary",
+              className: "oui-flex-1",
+              disabled: isButtonsDisabled,
+              onClick: () => openDepositAndWithdraw("withdraw"),
+              children: t("common.withdraw")
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(Button, { size: "sm", color: "warning", fullWidth: true, children: t("connector.wrongNetwork") }) }) })
+      ] });
+    };
+  }
+});
+var ViewModeToggle;
+var init_view_mode_toggle = __esm({
+  "src/components/all-vaults/view-mode-toggle.tsx"() {
+    ViewModeToggle = ({ mode, onChange }) => {
+      const toggleMode = () => {
+        onChange(mode === "grid" ? "list" : "grid");
+      };
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: toggleMode,
+          className: "oui-flex oui-h-8 oui-w-8 oui-items-center oui-justify-center oui-rounded oui-transition-colors hover:oui-bg-base-6",
+          "aria-label": mode === "grid" ? "Switch to list view" : "Switch to grid view",
+          children: mode === "grid" ? /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "18",
+              height: "18",
+              viewBox: "0 0 18 18",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M2 4h14v2H2V4zm0 4h14v2H2V8zm0 4h14v2H2v-2z",
+                  fill: "currentColor",
+                  opacity: "0.54"
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "18",
+              height: "18",
+              viewBox: "0 0 18 18",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M2 2h6v6H2V2zm0 8h6v6H2v-6zm8-8h6v6h-6V2zm0 8h6v6h-6v-6z",
+                  fill: "currentColor",
+                  opacity: "0.54"
+                }
+              )
+            }
+          )
+        }
+      );
+    };
+  }
+});
+var AllVaultsDesktop;
+var init_all_vaults_desktop = __esm({
+  "src/components/all-vaults/all-vaults.desktop.tsx"() {
+    init_vault_card();
+    init_vaults_list();
+    init_view_mode_toggle();
+    AllVaultsDesktop = (props) => {
+      const { vaults } = props;
+      const { t } = useTranslation();
+      const [viewMode, setViewMode] = useState("grid");
+      return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "oui-text-xl oui-font-normal oui-text-base-contrast", children: t("vaults.allVaults") }),
+          /* @__PURE__ */ jsx(ViewModeToggle, { mode: viewMode, onChange: setViewMode })
+        ] }),
+        viewMode === "grid" ? /* @__PURE__ */ jsx("div", { className: "oui-grid oui-grid-cols-3 oui-gap-4 min-[1024px]:oui-grid-cols-3", children: vaults.map((vault) => /* @__PURE__ */ jsx(VaultCardWidget, { vault }, vault.vault_id)) }) : /* @__PURE__ */ jsx(VaultsList, { vaults })
+      ] });
+    };
+  }
+});
+var AllVaultsMobile;
+var init_all_vaults_mobile = __esm({
+  "src/components/all-vaults/all-vaults.mobile.tsx"() {
+    init_vault_card();
+    AllVaultsMobile = (props) => {
+      const { vaults } = props;
+      return /* @__PURE__ */ jsx("div", { className: "oui-flex oui-flex-col oui-gap-3", children: vaults.map((vault) => /* @__PURE__ */ jsx(VaultCardWidget, { vault }, vault.vault_id)) });
+    };
+  }
+});
+var AllVaultsWidget;
+var init_all_vaults_widget = __esm({
+  "src/components/all-vaults/all-vaults.widget.tsx"() {
+    init_vaultsStore();
+    init_all_vaults_desktop();
+    init_all_vaults_mobile();
+    AllVaultsWidget = () => {
+      const { data } = useVaultInfoState();
+      const { isMobile } = useScreen();
+      return isMobile ? /* @__PURE__ */ jsx(AllVaultsMobile, { vaults: data }) : /* @__PURE__ */ jsx(AllVaultsDesktop, { vaults: data });
+    };
+  }
+});
+
+// src/components/all-vaults/index.ts
+var all_vaults_exports = {};
+__export(all_vaults_exports, {
+  AllVaultsDesktop: () => AllVaultsDesktop,
+  AllVaultsWidget: () => AllVaultsWidget,
+  VaultsList: () => VaultsList,
+  ViewModeToggle: () => ViewModeToggle
+});
+var init_all_vaults = __esm({
+  "src/components/all-vaults/index.ts"() {
+    init_all_vaults_widget();
+    init_all_vaults_desktop();
+    init_view_mode_toggle();
+    init_vaults_list();
+  }
+});
+
+// src/components/provider/vaults-provider.tsx
+init_useSVAPIUrl();
+init_store();
+var VaultsProvider = (props) => {
+  const svApiUrl = useSVApiUrl();
+  const brokerId = useConfig("brokerId");
+  const {
+    fetchVaultInfo,
+    fetchVaultOverallInfo,
+    setVaultsPageConfig,
+    vaultsPageConfig
+  } = useVaultsStore();
+  useEffect(() => {
+    if (props.config) {
+      setVaultsPageConfig(props.config);
+    }
+  }, [props.config]);
+  useEffect(() => {
+    if (!svApiUrl) {
+      return;
+    }
+    fetchVaultInfo(void 0, svApiUrl);
+  }, [svApiUrl]);
+  useEffect(() => {
+    if (!svApiUrl || !brokerId) {
+      return;
+    }
+    const brokerIds = vaultsPageConfig?.overallInfoBrokerIds ? vaultsPageConfig.overallInfoBrokerIds : `orderly,${brokerId}`;
+    fetchVaultOverallInfo(
+      brokerIds ? { broker_ids: brokerIds } : void 0,
+      svApiUrl
+    );
+  }, [
+    svApiUrl,
+    brokerId,
+    vaultsPageConfig?.overallInfoBrokerIds,
+    fetchVaultOverallInfo
+  ]);
+  return /* @__PURE__ */ jsx("div", { children: props.children });
+};
+var LazyVaultsHeaderWidget = React.lazy(
+  () => Promise.resolve().then(() => (init_vaults_header(), vaults_header_exports)).then((mod) => {
+    return { default: mod.VaultsHeaderWidget };
+  })
+);
+var LazyVaultsIntroductionWidget = React.lazy(
+  () => Promise.resolve().then(() => (init_vaults_introduction(), vaults_introduction_exports)).then((mod) => {
+    return { default: mod.VaultsIntroductionWidget };
+  })
+);
+var LazyAllVaultsWidget = React.lazy(
+  () => Promise.resolve().then(() => (init_all_vaults(), all_vaults_exports)).then((mod) => {
+    return { default: mod.AllVaultsWidget };
+  })
+);
+var VaultsPage = (props) => {
+  const { isMobile } = useScreen();
+  return /* @__PURE__ */ jsx(VaultsProvider, { ...props, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "oui-relative oui-min-h-screen ",
+        "oui-bg-base-10",
+        isMobile ? "oui-px-3 oui-py-6" : "oui-px-6 oui-py-12",
+        props?.className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          id: "vaults-content",
+          className: cn(
+            "oui-mx-auto oui-flex oui-max-w-[1200px] oui-flex-col",
+            isMobile ? "oui-gap-6" : "oui-gap-12"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyVaultsHeaderWidget, {}) }),
+            /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyVaultsIntroductionWidget, {}) }),
+            /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyAllVaultsWidget, {}) })
+          ]
+        }
+      )
+    }
+  ) });
+};
+
+// src/types/index.ts
+init_vault();
+
+// src/index.ts
+init_api();
+init_store();
+
+// src/components/index.ts
+init_all_vaults();
+init_vault_card();
+init_vaults_header();
+init_vaults_introduction();
+
+// src/components/vault-operation/index.ts
+init_depositAndWithdraw();
+init_deposit();
+init_withdraw();
+
+// src/components/vault-operation/latest-deposit/index.ts
+init_latest_deposit_widget();
+
+// src/components/vault-operation/index.ts
+init_latest_withdraw();
+
+export { AllVaultsDesktop, AllVaultsWidget, LatestDepositWidget, LatestWithdrawWidget, ORDERLY_ICON, ORDERLY_VAULT_DESCRIPTION, ORDERLY_VAULT_TITLE, OperationType, RoleType, VaultCard, VaultCardWidget, VaultDepositAndWithdraw, VaultDepositAndWithdrawWithDialogId, VaultDepositAndWithdrawWithSheetId, VaultDepositWidget, VaultWithdrawWidget, VaultsHeaderDesktop, VaultsHeaderWidget, VaultsIntroductionWidget, VaultsList, VaultsPage, ViewModeToggle, formatAllTimeReturn, getBrokerIconUrl, getVaultInfo, getVaultLpInfo, getVaultLpPerformance, getVaultOverallInfo, useVaultCardScript, useVaultInfoActions, useVaultInfoState, useVaultLpInfoActions, useVaultLpInfoArray, useVaultLpInfoById, useVaultLpInfoIds, useVaultLpInfoState, useVaultLpPerformanceActions, useVaultLpPerformanceArray, useVaultLpPerformanceById, useVaultLpPerformanceIds, useVaultLpPerformanceState, useVaultOverallInfoActions, useVaultOverallInfoState, useVaultsHeaderScript, useVaultsStore };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map