https://l2beat.com/static/assets/HomePage-IciA1Fol.js

1import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./index-ao0YZA6W.js";import{Bt as r,C as i,Ft as a,G as o,H as s,Hn as c,Ht as l,I as u,It as d,Jt as f,Kn as p,Lt as m,R as ee,Rt as h,T as g,V as _,_t as v,a as y,an as b,c as te,i as ne,o as re,pt as ie,r as ae,rn as x,s as oe,t as se,vt as S,zt as ce}from"./SideNavLayout-CqAX2xpZ.js";import{i as le,o as ue,r as de,s as fe,t as pe}from"./Drawer-CWlUi9x9.js";import{t as me}from"./MainPageHeader-Bg4jzt13.js";import{t as C}from"./formatActivityCount-CjOjRztF.js";import{t as w}from"./formatCurrency-Dkko4s52.js";import{t as he}from"./formatDollarValueNumber-Bee7DO7H.js";import{t as T}from"./formatInteger-CBBz2gmP.js";import{t as ge}from"./formatSeconds-DrLIA4tv.js";import{f as _e,l as E,n as D,s as O,t as k}from"./useTable-D3Eu6dnG.js";import{d as ve}from"./TransferCountCell-BNm9i85g.js";import{t as ye}from"./HydrationBoundary-BfZvdd06.js";import{t as be}from"./PrimaryCard-BVeARIZI.js";import{i as A}from"./Unverified-CfidOEbF.js";import{t as j}from"./TableLink-Bxm-LuHq.js";import{n as M,r as N,t as P}from"./CommonProjectColumns-C5JnQS-J.js";import{t as F}from"./NoDataBadge-C9J5uOem.js";import{t as I}from"./NotApplicableBadge-MvNynWOn.js";import{n as xe}from"./AnomalyIndicator-BFt4Qk9W.js";import{t as Se}from"./SyncStatusWrapper-D_-i7cts.js";import{t as Ce}from"./UpdatesSection-DHPzNUg3.js";import{a as we,c as Te,o as Ee,p as De,t as Oe}from"./Chart-DVx_paKx.js";import{a as ke,i as Ae}from"./dates-CdtyJ_Qv.js";import{t as je}from"./ChartCommonComponents-Du6wDwzl.js";import{t as Me}from"./Area-DtWEowMt.js";import{t as Ne}from"./AreaChart-Cy4C6erG.js";import{t as Pe}from"./ArrowRight-CerqfmN1.js";import{t as Fe}from"./EthereumGradientDef-BSRCa7X7.js";import{t as Ie}from"./PinkGradientDef-CZYO9d0b.js";import{a as Le,r as Re}from"./PercentChange-H0426Q1x.js";import{n as L}from"./calculatePercentageChange-BD6dP2dC.js";import{t as ze}from"./ValueWithPercentageChange-BLvmFb-a.js";import{n as Be,r as Ve,t as He}from"./TechStackTag-BN3sGDuB.js";import{a as Ue,i as We,t as Ge}from"./FlowsGraphPanel-C5zH00Ad.js";import{n as Ke}from"./columns-BgNW1325.js";import{t as qe}from"./ProjectRiskTooltipContent-BCz6GJhi.js";import{f as Je,n as Ye,t as Xe,u as Ze}from"./PrivacySentimentDot-CDF_QsJn.js";import{t as R}from"./TrustedSetupRiskDot-BeYsIrAt.js";import{t as Qe}from"./PizzaRosetteCell-LfqMEt1m.js";import{t as $e}from"./StageCell-D5sPYrfY.js";import{n as et,t as z}

1from"./TopNBadge-N02IRdtB.js";import{t as tt}from"./toTableRows-m0c7P4an.js";import{t as nt}from"./NoResultsInfo-CVQNTVkm.js";import{n as rt,r as it}from"./PrivacyWalkawayTestIcon-BBJDdbXw.js";var B=n();function V({className:e,...t}){return(0,B.jsx)(be,{className:p(`p-4 md:rounded-lg md:px-6 md:py-4`,e),...t})}function at({ongoingAnomalies:e,className:t}){let{count:n,items:r}=e,i=n>0,a=r[0];return(0,B.jsx)(V,{className:p(`overflow-hidden p-0 md:p-1`,t),children:(0,B.jsxs)(`a`,{href:`/layer2s/liveness`,className:`group flex items-center gap-3 px-4 py-3 transition-colors hover:bg-surface-secondary/50 md:rounded-sm md:px-7 md:py-5`,children:[(0,B.jsx)(`div`,{className:`lg:hidden`,children:(0,B.jsx)(A,{size:`md`,disabled:!i})}),(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,B.jsxs)(`span`,{className:`truncate font-bold text-label-value-14 leading-tight transition-colors group-hover:text-link`,children:[(0,B.jsx)(`span`,{className:`lg:hidden`,children:`Ongoing major anomalies`}),(0,B.jsx)(`span`,{className:`max-lg:hidden`,children:`Ongoing anomalies`})]}),(0,B.jsx)(`span`,{className:`mt-0.5 flex min-w-0 items-center gap-1.5 font-medium text-label-value-12 text-secondary leading-tight lg:hidden`,children:i&&a?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`img`,{src:a.iconUrl,alt:a.name,className:`size-3.5 shrink-0 rounded-full`}),(0,B.jsxs)(`span`,{className:`truncate`,children:[`${a.name} · no ${a.subtypes.map(e=>xe(e).toLowerCase()).join(`, `)} · ${ge(a.durationInSeconds)}`,n>1&&` · +${n-1} more`]})]}):(0,B.jsx)(`span`,{className:`truncate`,children:`All tracked projects are posting as expected`})})]}),(0,B.jsx)(`div`,{className:`max-lg:hidden`,children:(0,B.jsx)(A,{size:`md`,disabled:!i})}),(0,B.jsx)(`span`,{className:`shrink-0 font-bold text-heading-20 tabular-nums leading-none`,children:T(n)}),(0,B.jsx)(g,{className:`-rotate-90 size-2.5 shrink-0 fill-secondary transition-colors group-hover:fill-link`})]})})}var H=e(t()),U={pink:`var(--chart-pink)`,ethereum:`var(--chart-ethereum)`},ot=`absolute inset-0 [&>div]:h-full [&_.recharts-wrapper]:h-full! [&_.recharts-wrapper]:min-h-0! [&_.recharts-wrapper]:aspect-auto!`,st=`[&_.recharts-yAxis-tick-labels_.recharts-cartesian-axis-tick-label_text]:!text-2xs [&_.recharts-yAxis-tick-labels_.recharts-cartesian-axis-tick-label_text]:!font-medium [&_.recharts-yAxis-tick-labels_.recharts-cartesian-axis-tick-label_text]:!leading-none`,ct={height:18,tickMargin:3};function W({data:e,isLoading:t,color:n,tooltipLabel:r,formatValue:i,yAxisUnit:a,syncedUntil:o,tooltipDayRange:s,withEthereum:c}){let l=(0,H.useId)(),u=(0,H.useId)(),d=U[n],f=(0,H.useMemo)(()=>({value:{label:r,color:d,indicatorType:{shape:`line`}},...c?{ethereum:{label:`Ethereum`,color:U.ethereum,indicatorType:{shape:`line`}}}:{}}),[d,r,c]);return(0,B.jsx)(`div`,{className:`relative h-full min-h-[120px]`,children:(0,B.jsx)(`div`,{className:`${ot} ${st}`,children:(0,B.jsx)(Oe,{meta:f,data:e,isLoading:t,size:`small`,children:(0,B.jsxs)(Ne,{responsive:!0,data:e,margin:{top:14,right:1,bottom:0,left:1},children:[(0,B.jsxs)(`defs`,{children:[n===`pink`&&(0,B.jsx)(Ie,{id:l}),n===`ethereum`&&(0,B.jsx)(Fe,{id:l}),c&&(0,B.jsx)(Fe,{id:u})]}),(0,B.jsx)(Me,{dataKey:`value`,stroke:d,fill:`url(#${l})`,fillOpacity:1,dot:!1,isAnimationActive:!1,connectNulls:!1,activeDot:{r:3,stroke:`#fff`,strokeWidth:1,fill:d}}),c&&(0,B.jsx)(Me,{dataKey:`ethereum`,stroke:U.ethereum,fill:`url(#${u})`,fillOpacity:1,dot:!1,isAnimationActive:!1,connectNulls:!1,activeDot:{r:3,stroke:`#fff`,strokeWidth:1,fill:U.ethereum}}),(0,B.jsx)(je,{data:e,isLoading:t,xAxis:ct,yAxis:{tickFormatter:i,unit:a,dy:-8},syncedUntil:o}),(0,B.jsx)(we,{content:(0,B.jsx)(lt,{formatValue:i,dayRange:s}),filterNull:!1})]})})})})}function lt({payload:e,label:t,formatValue:n,dayRange:r}){let{meta:i}=Te();if(!e||typeof t!=`number`)return null;let a=e.flatMap(e=>{if(e.name===void 0)return[];let t=i[e.name];return t?{entry:e,config:t}:[]}),o=a[0];if(!o)return null;let s=o.entry.payload?.tvsBreakdown;return(0,B.jsx)(Ee,{children:(0,B.jsxs)(`div`,{className:`flex w-50 flex-col sm:w-60`,children:[(0,B.jsx)(`div`,{className:`mb-3 whitespace-nowrap font-medium text-label-value-14 text-secondary`,children:r?Ae(t,t+x.DAY):ke(t,{longMonthName:!0})}),(0,B.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[a.map(({entry:e,config:t})=>(0,B.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-2`,children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,B.jsx)(De,{backgroundColor:t.color,type:t.indicatorType}),(0,B.jsx)(`span`,{className:`w-20 font-medium text-label-value-14 sm:w-fit`,children:t.label})]}),(0,B.jsx)(`span`,{className:`whitespace-nowrap font-medium text-label-value-15 tabular-nums`,children:e.value!==null&&e.value!==void 0?n(e.value):`No data`})]},e.name)),s!==void 0&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(u,{}),[{label:`Rollups`,value:s.rollups},{label:`Validiums & Optimiums`,value:s.validiumsAndOptimiums}].map(e=>(0,B.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-2`,children:[(0,B.jsx)(`span`,{className:`w-20 font-medium text-label-value-14 sm:w-fit`,children:e.label}),(0,B.jsx)(`span`,{className:`whitespace-nowrap font-medium text-label-value-15 tabular-nums`,children:e.value!==null&&e.value!==void 0?n(e.value):`No data`})]},e.label))]})]})]})})}function G({title:e,badge:t,href:n,linkLabel:r=`View details`,timeframe:i,className:a}){return(0,B.jsxs)(`div`,{className:p(`flex items-center justify-between gap-3`,a),children:[(0,B.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,B.jsx)(`h2`,{className:`font-bold text-xl`,children:e}),t]}),(i!==void 0||n)&&(0,B.jsxs)(`div`,{className:`flex items-center gap-3`,children:[i!==void 0&&(0,B.jsx)(`span`,{className:`font-medium text-[13px] text-secondary leading-none`,children:i}),n&&(0,B.jsxs)(`a`,{className:`group flex items-center gap-1 font-medium text-[13px] text-link leading-none`,href:n,children:[(0,B.jsx)(`span`,{className:`underline-offset-2 group-hover:underline`,children:r}),(0,B.jsx)(g,{className:`-rotate-90 size-2.5 fill-current transition-transform group-hover:translate-x-0.5`})]})]})]})}var ut=`grid grid-cols-1 gap-5 xl:min-h-0 xl:flex-1 2xl:auto-rows-fr`;function K({label:e,stat:t,statFooter:n,children:r}){return(0,B.jsxs)(`div`,{className:`flex h-full min-w-0 flex-col xl:min-h-0`,children:[(0,B.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 pt-0.5`,children:[(0,B.jsx)(`span`,{className:`font-medium text-label-value-14`,children:e}),n]}),(0,B.jsx)(`div`,{className:`flex-none`,children:t})]}),(0,B.jsx)(`div`,{className:`mt-auto w-full min-w-0 pt-3 xl:flex xl:min-h-0 xl:flex-1 xl:flex-col`,children:r})]})}function q({isLoading:e,value:t,change:n}){return e?(0,B.jsxs)(`div`,{className:`flex flex-col items-end gap-1`,children:[(0,B.jsx)(v,{className:`h-4 w-24`}),(0,B.jsx)(v,{className:`h-3 w-20`})]}):t===void 0?(0,B.jsx)(`span`,{className:`font-medium text-label-value-16 text-secondary`,children:`—`}):(0,B.jsxs)(`div`,{className:`flex flex-col items-end gap-1`,children:[(0,B.jsx)(`span`,{className:`font-semibold text-label-value-16`,children:t}),n!==void 0&&Number.isFinite(n)&&(0,B.jsxs)(`span`,{className:p(`flex items-center gap-1 font-medium text-label-value-12`,n>0&&`text-positive`,n<0&&`text-red-300`,n===0&&`text-secondary`),children:[n>0&&(0,B.jsx)(Le,{}),n<0&&(0,B.jsx)(Re,{}),L(Math.abs(n)),(0,B.jsxs)(`span`,{className:`text-secondary`,children:[`/ `,`1 year`]})]})]})}function dt({charts:e,economicSecurity:t}){let n=(0,H.useMemo)(()=>e.activity.chart.map(([e,t])=>({timestamp:e,value:t===null?null:t/x.DAY})),[e.activity.chart]),r=(0,H.useMemo)(()=>e.da.chart.map(([e,t])=>({timestamp:e,value:t})),[e.da.chart]),i=(0,H.useMemo)(()=>e.da.chart.reduce((e,[,t])=>t===null?e:(e??0)+t,void 0),[e.da.chart]),a=e.activity.pastDayUops,o=e.da.trackedShare,s=e.activity.change,c=e.da.change;return(0,B.jsxs)(V,{className:`flex h-full flex-col pb-4 xl:py-4`,children:[(0,B.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[(0,B.jsx)(G,{title:`Ethereum`,href:`/data-availability/projects/ethereum/ethereum`}),(0,B.jsx)(ft,{value:t})]}),(0,B.jsx)(u,{className:`my-3`}),(0,B.jsxs)(`div`,{className:ut,children:[(0,B.jsx)(K,{label:`Data posted to blobs`,stat:(0,B.jsx)(q,{isLoading:!1,value:i===void 0?void 0:b(i),change:c}),statFooter:o===void 0?null:(0,B.jsxs)(`span`,{className:`font-medium text-label-value-12 text-secondary tabular-nums`,children:[L(o),` by layer 2s`]}),children:(0,B.jsx)(W,{data:r,isLoading:!1,color:`ethereum`,tooltipLabel:`Data posted`,formatValue:e=>b(e),syncedUntil:e.da.syncedUntil,tooltipDayRange:!0})}),(0,B.jsx)(K,{label:`Activity`,stat:(0,B.jsx)(q,{isLoading:!1,value:a===void 0?void 0:`${C(a)} UOPS`,change:s}),children:(0,B.jsx)(W,{data:n,isLoading:!1,color:`ethereum`,tooltipLabel:`UOPS`,formatValue:e=>C(e),yAxisUnit:` UOPS`,syncedUntil:e.activity.syncedUntil,tooltipDayRange:!0})})]})]})}function ft({value:e}){return e===void 0?null:(0,B.jsxs)(`div`,{className:`flex items-center gap-1.5 font-medium text-label-value-12`,children:[(0,B.jsx)(`span`,{className:`size-2 roun

1ded-full bg-chart-ethereum`}),(0,B.jsx)(`span`,{className:`tabular-nums`,children:w(e,`usd`)}),(0,B.jsx)(`span`,{className:`text-secondary`,children:`Economic security`})]})}function pt({interopChains:e,interopProtocols:t,defaultSelectedFlowChains:n}){return(0,B.jsx)(We,{chains:e,protocols:t,defaultSelectedChains:n,children:(0,B.jsx)(mt,{interopChains:e})})}function mt({interopChains:e}){let t=S(),{selectedChains:n,allChains:r,selectedProtocols:i}=Ue(),a=n.length>=2,o=i.length>=1,{data:s,isLoading:c}=f(t.interop.flows.queryOptions({chains:n,protocolIds:i},{enabled:a&&o})),l=(0,H.useMemo)(()=>new Set((s?.chainData??[]).filter(e=>e.totalVolume>0).map(e=>e.chainId)),[s?.chainData]),u=(0,H.useMemo)(()=>e.filter(e=>n.includes(e.id)&&l.has(e.id)),[e,n,l]),d=s?.stats,p=d?.totalVolume,{topChainData:m,topChainShare:ee,srcChain:h,dstChain:g}=(0,H.useMemo)(()=>{let e=d?.topChain,t=d?.topRoute;return{topChainData:e?r.find(t=>t.id===e.chainId):void 0,topChainShare:e&&d?.totalVolume?e.totalVolume/d.totalVolume:0,srcChain:t?r.find(e=>e.id===t.srcChain):void 0,dstChain:t?r.find(e=>e.id===t.dstChain):void 0}},[d,r]),_=d?.topChain,v=d?.topToken,y=d?.topRoute,b=c&&s===void 0;return(0,B.jsxs)(V,{className:`@container flex h-full flex-col`,children:[(0,B.jsx)(G,{title:`Interop`,href:`/interop/summary`,timeframe:`Last 24h`}),(0,B.jsxs)(`div`,{className:`@min-[800px]:mt-4 flex @min-[800px]:grid min-h-0 flex-1 @min-[800px]:grid-cols-[minmax(0,1fr)_240px] flex-col @min-[800px]:gap-4 max-sm:flex-col-reverse`,children:[(0,B.jsxs)(`div`,{className:`mt-2.5 grid @min-[800px]:hidden grid-cols-2 gap-2 sm:@min-[460px]:grid-cols-4`,children:[(0,B.jsx)(J,{title:`Volume`,isLoading:b,emphasized:!0,primary:p===void 0?`—`:w(p,`usd`)}),(0,B.jsx)(J,{title:`Top chain`,isLoading:b,href:m?.href,primary:m?.name??`—`,secondary:_?`${L(ee)} · ${w(_.totalVolume,`usd`)}`:void 0,icon:m?(0,B.jsx)(`img`,{src:m.iconUrl,alt:m.name,className:`size-5 shrink-0 rounded-full`}):void 0}),(0,B.jsx)(J,{title:`Top token`,isLoading:b,href:v?ve(v):void 0,primary:v?.symbol??`—`,secondary:v?w(v.volume,`usd`):void 0,icon:v?(0,B.jsx)(`img`,{src:v.iconUrl,alt:v.symbol,className:`size-5 shrink-0 rounded-full`}):void 0}),(0,B.jsx)(J,{title:`Top path`,isLoading:b,href:h&&g?`/interop/summary?from=`+h.id+`&to=`+g.id:void 0,primary:h&&g?(0,B.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,B.jsx)(`img`,{src:h.iconUrl,alt:h.name,className:`size-5 shrink-0 rounded-full`}),(0,B.jsx)(Pe,{className:`size-3 fill-brand`}),(0,B.jsx)(`img`,{src:g.iconUrl,alt:g.name,className:`size-5 shrink-0 rounded-full`})]}):`—`,secondary:y?w(y.volume,`usd`):void 0})]}),(0,B.jsx)(`div`,{className:`@min-[800px]:order-1 @min-[800px]:mt-0 mt-6 flex min-h-0 flex-1 flex-col`,children:(0,B.jsx)(`div`,{className:`-mx-2 pointer-events-none flex min-h-0 min-w-0 flex-1 flex-col overflow-x-clip`,children:(0,B.jsx)(Ge,{activeChains:u,data:s,hasEnoughChains:a,hasEnoughProtocols:o,isLoading:c,className:`pb-2`,maxSizeClassName:`max-w-[max(min(70dvh,calc(100dvh-20rem)),30rem)] @min-[800px]:h-full @min-[800px]:w-auto @min-[800px]:max-w-full`})})}),(0,B.jsx)(`div`,{className:`@min-[800px]:order-3 @min-[800px]:block hidden h-full`,children:(0,B.jsx)(et,{title:``,description:``,linkTopRouteToSummary:!0})})]})]})}function J({title:e,primary:t,secondary:n,icon:r,isLoading:i,emphasized:a,href:o,className:s}){let c=o?`a`:`div`;return(0,B.jsxs)(`div`,{className:p(`flex flex-col items-center gap-1 rounded-lg border border-divider bg-surface-primary px-3 py-2 text-center`,`sm:@min-[460px]:@max-[620px]:px-2`,s),children:[(0,B.jsx)(`span`,{className:`font-medium text-2xs text-secondary uppercase tracking-wider`,children:e}),i?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(v,{className:`h-5 w-20`}),(0,B.jsx)(v,{className:`mt-0.5 h-3 w-16`})]}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)(c,{href:o,className:p(`flex min-w-0 items-center justify-center gap-1.5 font-bold`,a?`flex-1 text-label-value-20`:`text-label-value-15`,o&&`hover:underline`),children:[r,(0,B.jsx)(`span`,{className:`min-w-0 truncate leading-tight`,children:t})]}),n!==void 0&&(0,B.jsx)(`span`,{className:`truncate font-medium text-label-value-12 text-secondary leading-tight`,children:n})]})]})}function ht({charts:e,l2CategoryCounts:t}){let n=(0,H.useMemo)(()=>e.tvs.chart.map(([e,t,n])=>{let r=t!==null||n!==null,i=(t??0)+(n??0);return{timestamp:e,value:r?i:null,tvsBreakdown:{rollups:t,validiumsAndOptimiums:n}}}),[e.tvs.chart]),r=(0,H.useMemo)(()=>n.findLast(e=>e.value!==null)?.value??void 0,[n]),i=(0,H.useMemo)(()=>e.activity.chart.map(([e,t,n,r])=>{let i=t!==null||n!==null,a=(t??0)+(n??0);return{timestamp:e,value:i?a/x.DAY:null,ethereum:r===null?null:r/x.DAY}}),[e.activity.chart]),a=(0,H.useMemo)(()=>i.findLast(e=>e.value!==null)?.value??void 0,[i]);return(0,B.jsxs)(V,{className:`flex h-full flex-col pb-4 xl:py-4`,children:[(0,B.jsxs)(`div`,{className:`flex flex-col gap-2.5`,children:[(0,B.jsx)(G,{title:`Layer 2s`,href:`/layer2s/summary`}),(0,B.jsx)(gt,{counts:t})]}),(0,B.jsx)(u,{className:`my-3`}),(0,B.jsxs)(`div`,{className:ut,children:[(0,B.jsx)(K,{label:`Total value secured`,stat:(0,B.jsx)(q,{isLoading:!1,value:r===void 0?void 0:w(r,`usd`),change:e.tvs.change}),children:(0,B.jsx)(W,{data:n,isLoading:!1,color:`pink`,tooltipLabel:`Total value secured`,formatValue:e=>w(e,`usd`),syncedUntil:e.tvs.syncedUntil})}),(0,B.jsx)(K,{label:`Activity`,stat:(0,B.jsx)(q,{isLoading:!1,value:a===void 0?void 0:`${C(a)} UOPS`,change:e.activity.change}),children:(0,B.jsx)(W,{data:i,isLoading:!1,color:`pink`,tooltipLabel:`Layer 2s`,formatValue:e=>C(e),yAxisUnit:` UOPS`,syncedUntil:e.activity.syncedUntil,tooltipDayRange:!0,withEthereum:!0})})]})]})}function gt({counts:e}){let t=[{label:`Rollups`,value:e.rollups,dot:`bg-pink-100`},{label:`Validiums & Optimiums`,value:e.validiumsAndOptimiums,dot:`bg-blue-500`}];return(0,B.jsx)(`ul`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 font-medium text-label-value-12`,children:t.map(e=>(0,B.jsxs)(`li`,{className:`flex items-center gap-1.5`,children:[(0,B.jsx)(`span`,{className:p(`size-2 roun

1ded-full`,e.dot)}),(0,B.jsx)(`span`,{className:`tabular-nums`,children:T(e.value)}),(0,B.jsx)(`span`,{className:`text-secondary`,children:e.label})]},e.label))})}var _t=`Recent changes`,vt=`Project changes handled over the past 7 days`;function yt({open:e,onOpenChange:t}){let{isMobile:n}=c(),i=S(),{data:o,isLoading:s}=f(i.projects.recentChanges.queryOptions()),l=o?.groups??[];return n?(0,B.jsx)(pe,{open:e,onOpenChange:t,children:(0,B.jsxs)(de,{className:`max-h-[90dvh]`,contentClassName:`flex min-h-0 flex-col px-0 pb-0`,children:[(0,B.jsxs)(ue,{className:`px-4 pb-2 text-left`,children:[(0,B.jsx)(fe,{children:_t}),(0,B.jsx)(le,{children:vt})]}),(0,B.jsx)(`div`,{className:`min-h-0 overflow-y-auto px-4 pb-4`,children:(0,B.jsx)(bt,{groups:l,isLoading:s})})]})}):(0,B.jsx)(a,{open:e,onOpenChange:t,children:(0,B.jsxs)(m,{className:`primary-card flex max-h-[90dvh] w-[768px] flex-col overflow-hidden bg-surface-primary p-0 lg:w-[900px]`,children:[(0,B.jsx)(d,{className:`top-5 right-5`}),(0,B.jsxs)(ce,{className:`px-6 pt-6 pb-2 text-left`,children:[(0,B.jsx)(r,{children:_t}),(0,B.jsx)(h,{children:vt})]}),(0,B.jsx)(`div`,{className:`min-h-0 overflow-y-auto px-6 pb-6`,children:(0,B.jsx)(bt,{groups:l,isLoading:s})})]})})}function bt({groups:e,isLoading:t}){return t?(0,B.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,B.jsx)(v,{className:`h-6 w-40`}),(0,B.jsx)(v,{className:`h-16 w-full rounded-lg`}),(0,B.jsx)(v,{className:`h-16 w-full rounded-lg`}),(0,B.jsx)(v,{className:`h-16 w-full rounded-lg`})]}):e.length===0?(0,B.jsx)(`div`,{className:`py-10 text-center text-secondary`,children:`No changes handled in the past 7 days.`}):(0,B.jsx)(`div`,{className:`flex flex-col gap-6`,children:e.map(e=>(0,B.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,B.jsxs)(`a`,{href:`${e.projectHref}#updates`,className:`group flex items-center justify-between gap-2 border-divider border-b pb-2`,children:[(0,B.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,B.jsx)(`img`,{src:e.iconUrl,alt:e.name,className:`size-5 shrink-0 rounded-full`}),(0,B.jsx)(`h3`,{className:`truncate font-bold text-base text-primary leading-tight`,children:e.name})]}),(0,B.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1 font-medium text-link text-xs`,children:[`View updates`,(0,B.jsx)(g,{className:`-rotate-90 size-2.5 fill-link`})]})]}),(0,B.jsx)(`div`,{className:`flex flex-col gap-3`,children:e.updates.map((t,n)=>(0,B.jsx)(Ce,{update:t,sections:t.sections,isSelected:!1,copyLinkPath:e.projectHref},`${t.date}-${n}`))})]},e.projectHref))})}function xt({recentChangesCount:e,recentChangesProjects:t,className:n}){let{isDesktop:r}=c(),i=r?3:5,[a,o]=(0,H.useState)(!1),s=e===0,l=t.slice(0,i),u=t.length-l.length;return(0,B.jsxs)(V,{className:p(`p-0 md:p-1`,n),children:[(0,B.jsxs)(`button`,{type:`button`,onClick:()=>o(!0),disabled:s,className:p(`group flex w-full items-center gap-3 px-4 py-3 text-left transition-colors md:rounded-sm md:px-7 md:py-5`,!s&&`hover:bg-surface-secondary/50`,s&&`cursor-default`),children:[(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,B.jsxs)(`span`,{className:p(`font-bold text-label-value-14 leading-tight transition-colors lg:truncate`,!s&&`group-hover:text-link`),children:[(0,B.jsx)(`span`,{className:`lg:hidden`,children:`Recent changes`}),(0,B.jsx)(`span`,{className:`max-lg:hidden`,children:`Updates`}),(0,B.jsxs)(`span`,{className:`font-medium text-secondary lg:hidden`,children:[` `,`(last 7 days)`]})]}),(0,B.jsxs)(`span`,{className:`mt-0.5 truncate font-medium text-label-value-12 text-secondary leading-tight`,children:[(0,B.jsx)(`span`,{className:`lg:hidden`,children:s?`No project changes handled this week`:`${e} project ${e===1?`change`:`changes`} handled by the L2BEAT team`}),(0,B.jsx)(`span`,{className:`max-lg:hidden`,children:`Last 7 days`})]})]}),!s&&(0,B.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5`,children:[(0,B.jsx)(`div`,{className:`-space-x-1.5 flex items-center`,children:l.map((e,t)=>(0,B.jsx)(`img`,{src:e.iconUrl,alt:e.name,className:`relative size-6 rounded-full bg-white shadow`,style:{zIndex:l.length-t}},e.name))}),u>0&&(0,B.jsxs)(`span`,{className:`font-bold text-label-value-14 tabular-nums leading-none`,children:[`+`,u]})]}),!s&&(0,B.jsx)(g,{className:`-rotate-90 size-2.5 shrink-0 fill-secondary transition-colors group-hover:fill-link`})]}),!s&&a&&(0,B.jsx)(yt,{open:a,onOpenChange:o})]})}var St={l2:`Scaling project`,da:`Data Availability`,interop:`Interoperability`,zkCatalog:`ZK Catalog`,ecosystems:`Ecosystem`,privacy:`Privacy`};function Ct({projects:e,className:t}){return e.length===0?null:(0,B.jsxs)(V,{className:p(`flex h-full flex-col`,t),children:[(0,B.jsx)(`h2`,{className:`font-bold text-xl`,children:`Recently added projects`}),(0,B.jsx)(`ul`,{className:`mt-2 grid grid-cols-1 gap-1.5 md:grid-cols-3 lg:grid-cols-1`,children:e.map(e=>(0,B.jsx)(`li`,{className:`lg:max-xl:nth-[n+4]:hidden`,children:(0,B.jsx)(wt,{project:e})},e.id))})]})}function wt({project:e}){let t=e.category===`l2`&&e.l2Category?e.l2Category:St[e.category];return(0,B.jsxs)(`a`,{href:e.href,className:p(`group flex w-full items-center gap-2.5 rounded-lg border border-divider px-2.5 py-1.5`,`hover:bg-surface-secondary`),children:[(0,B.jsx)(`img`,{src:e.iconUrl,alt:e.name,className:`size-7 shrink-0 rounded-full`}),(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,B.jsx)(`span`,{className:`truncate font-bold text-label-value-14 leading-tight`,children:e.name}),(0,B.jsx)(`span`,{className:`flex items-center gap-1 truncate font-medium text-label-value-12 text-secondary leading-tight`,children:t})]}),(0,B.jsx)(g,{className:`-rotate-90 size-2.5 shrink-0 fill-secondary transition-colors group-hover:fill-link`})]})}function Tt({counts:e,className:t}){let n=[{label:`Layer 2s`,metric:{count:e.l2,unit:`projects`},href:`/layer2s/summary`,icon:(0,B.jsx)(y,{className:`size-5 stroke-pink-100`}),iconBgClassName:`bg-pink-100/10`},{label:`Interop`,metric:{count:e.interop,unit:`chains`},secondaryMetric:{count:e.interopProtocols,unit:`protocols`},href:`/interop/summary`,icon:(0,B.jsx)(te,{className:`size-5 stroke-orange-500`}),iconBgClassName:`bg-orange-500/10`},{label:`Privacy`,metric:{count:e.privacy,unit:`projects`},href:`/privacy`,icon:(0,B.jsx)(ne,{className:`size-5 stroke-green-450`}),iconBgClassName:`bg-green-450/10`},{label:`Data Availability`,metric:{count:e.dataAvailability,unit:`projects`},href:`/data-availability/summary`,icon:(0,B.jsx)(oe,{className:`size-5 fill-blue-500`}),iconBgClassName:`bg-blue-500/10`},{label:`ZK Catalog`,metric:{count:e.zkCatalog,unit:`projects`},href:`/zk-catalog`,icon:(0,B.jsx)(ae,{className:`size-5 stroke-purple-500`}),iconBgClassName:`bg-purple-500/10`},{label:`Ecosystems`,metric:{count:e.ecosystems,unit:`ecosystems`},href:`/ecosystems/agglayer`,icon:(0,B.jsx)(re,{className:`size-5 stroke-teal-500`}),iconBgClassName:`bg-teal-500/10`}];return(0,B.jsx)(V,{className:t,children:(0,B.jsx)(`ul`,{className:`grid grid-cols-2 gap-2 md:grid-cols-3 xl:grid-cols-1 xl:gap-0 xl:divide-y xl:divide-divider`,children:n.map(e=>(0,B.jsx)(`li`,{children:(0,B.jsx)(Et,{tile:e})},e.label))})})}function Et({tile:e}){return(0,B.jsxs)(`a`,{href:e.href,className:p(`group flex h-full items-center gap-2.5 rounded-lg border border-divider px-2.5 py-2`,`transition-colors duration-200 hover:border-link-stroke`,`xl:-mx-3 xl:gap-2 xl:rounded-md xl:border-0 xl:px-3 xl:py-2 xl:hover:border-transparent`),children:[(0,B.jsx)(`div`,{className:p(`flex size-6 shrink-0 items-center justify-center rounded-md transition-transform duration-200 group-hover:scale-110 xl:size-7 xl:rounded [&>svg]:xl:size-4`,e.iconBgClassName),children:e.icon}),(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col justify-center xl:flex-row xl:items-baseline xl:gap-2 2xl:gap-3`,children:[(0,B.jsx)(`span`,{className:`truncate font-medium text-label-value-12 text-secondary leading-tight transition-colors group-hover:text-link xl:flex-1 xl:text-label-value-14 xl:text-primary xl:group-hover:text-link`,children:e.label}),(0,B.jsxs)(`span`,{className:`flex flex-wrap items-baseline gap-x-1 font-bold text-label-value-16 leading-tight xl:text-label-value-14`,children:[(0,B.jsx)(Dt,{metric:e.metric,className:e.secondaryMetric?`hidden sm:inline`:void 0}),e.secondaryMetric&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{className:`hidden font-medium text-label-value-12 text-secondary sm:inline`,children:`·`}),(0,B.jsx)(Dt,{metric:e.secondaryMetric})]})]})]}),(0,B.jsx)(g,{className:`-rotate-90 size-2.5 shrink-0 fill-secondary transition-[fill,translate] group-hover:translate-x-0.5 group-hover:fill-link`})]})}function Dt({metric:e,className:t}){return(0,B.jsxs)(`span`,{className:p(`whitespace-nowrap`,t),children:[T(e.count),` `,(0,B.jsx)(`span`,{className:`font-medium text-label-value-12 text-secondary`,children:e.unit})]})}function Ot({entries:e,tvsData:t}){let n=(0,H.useMemo)(()=>tt({entries:e,data:t}),[e,t]),r=(0,H.useMemo)(()=>

1kt(),[]),i=k(`HomeTopChainsCard`,{data:n,columns:r,getCoreRowModel:E(),getSortedRowModel:_e(),enableSorting:!1,initialState:{sorting:[]}});return(0,B.jsxs)(V,{className:`flex h-full min-w-0 flex-col`,children:[(0,B.jsx)(G,{title:`Layer 2s`,badge:(0,B.jsx)(z,{n:5}),href:`/layer2s/summary`,linkLabel:`View all`}),(0,B.jsx)(`div`,{className:`mt-2 flex-1`,children:(0,B.jsx)(D,{table:i,compact:!0})})]})}var Y=O();function kt(){let[e,...t]=P(Y,e=>`/layer2s/projects/${e.slug}`);return[...t,Y.accessor(e=>e.name,{id:`name`,cell:e=>(0,B.jsx)(`div`,{className:`flex h-full items-center`,children:(0,B.jsx)(N,{project:e.row.original,children:(0,B.jsx)(j,{href:`/layer2s/projects/${e.row.original.slug}`,children:(0,B.jsx)(M,{project:e.row.original,withInfoTooltip:!0})})})}),meta:{cellClassName:`lg:pl-2.5`,headClassName:`lg:pl-2.5`},enableHiding:!1}),Y.display({id:`stage`,header:`Stage`,cell:e=>(0,B.jsx)($e,{href:`/layer2s/projects/${e.row.original.slug}#stage`,stageConfig:e.row.original.stage,isAppchain:e.row.original.capability===`appchain`,emergencyWarning:e.row.original.statuses?.emergencyWarning}),meta:{tooltip:`Project stage where applicable, based on L2BEAT staging criteria.`}}),Y.display({id:`risks`,header:`Risks`,cell:e=>(0,B.jsx)(Qe,{values:e.row.original.risks,isUnderReview:!!e.row.original.statuses?.underReview,href:`/layer2s/projects/${e.row.original.slug}#risk-analysis`}),meta:{align:`center`}}),Y.accessor(e=>e.tvs.breakdown?.total??0,{id:`total`,header:`Value secured`,cell:e=>{let t=e.row.original.tvs,n=t.breakdown?.total;return n===void 0?(0,B.jsx)(F,{}):(0,B.jsx)(j,{href:`/layer2s/tvs?highlight=${e.row.original.slug}`,children:(0,B.jsx)(Se,{isSynced:!t.syncWarning,children:(0,B.jsx)(`div`,{className:`flex justify-end`,children:(0,B.jsx)(ze,{change:t.change?.total,children:he(n)})})})})},meta:{align:`right`,cellClassName:`pl-3`,tooltip:`Total value secured is calculated as the sum of canonically bridged tokens, externally bridged tokens, and native tokens, shown together with a percentage change compared to 7D ago.`}})]}function At(e,t=5){if(!e)return[];let n=e.entries.filter(e=>e.volume>0),r=new Map(n.map(e=>[e.slug,e])),i=[...e.topProtocols??[]].sort((e,t)=>t.volume.value-e.volume.value).slice(0,t).map(e=>r.get(e.slug)).filter(e=>e!==void 0);return i.length>0?i:[...n].sort((e,t)=>t.volume-e.volume).slice(0,t)}function jt({interopChains:e,defaultSelectedFlowChains:t=[]}){let n=S(),r=(0,H.useMemo)(()=>t.length>0?t:e.filter(e=>!e.isUpcoming).map(e=>e.id),[t,e]),i=(0,H.useMemo)(()=>({from:r,to:r}),[r]),{data:a,isLoading:o}=f(n.interop.dashboard.queryOptions({...i,limit:5},{enabled:r.length>0})),s=(0,H.useMemo)(()=>At(a),[a]),c=(0,H.useMemo)(()=>Ke(),[]),l=k(`HomeTopInteropProtocolsCard`,{data:s,columns:c,getCoreRowModel:E(),enableSorting:!1}),u=!o&&(a===null||s.length===0);return(0,B.jsxs)(V,{className:`flex h-full min-w-0 flex-col`,children:[(0,B.jsx)(G,{title:`Interop`,badge:(0,B.jsx)(z,{n:5}),href:`/interop/summary`,linkLabel:`View all`}),(0,B.jsx)(`div`,{className:`mt-2 min-w-0 flex-1`,children:o?(0,B.jsx)(v,{className:`h-[220px] w-full rounded-sm`}):u?(0,B.jsx)(nt,{}):(0,B.jsx)(D,{table:l,tableWrapperClassName:`pb-0`,compact:!0})})]})}function Mt({adversaries:e}){let{sentiment:t}=Ze(e);return(0,B.jsxs)(_,{children:[(0,B.jsx)(o,{"aria-label":`${it.title}: ${e.promiseLabel}`,children:(0,B.jsx)(Xe,{sentiment:t})}),(0,B.jsx)(s,{className:`max-w-[340px]`,children:(0,B.jsxs)(`div`,{className:`space-y-2`,children:[(0,B.jsx)(`div`,{className:`font-bold text-label-value-14`,children:it.title}),(0,B.jsx)(`p`,{className:`text-secondary text-xs`,children:e.promise.text}),(0,B.jsx)(`ul`,{className:`space-y-1`,children:e.cells.map(e=>(0,B.jsxs)(`li`,{className:`flex items-center gap-2 text-xs`,children:[(0,B.jsx)(Xe,{sentiment:e.sentiment}),(0,B.jsxs)(`span`,{className:`font-medium`,children:[Je(e.label),`:`]}),(0,B.jsx)(`span`,{children:e.value})]},e.id))}),(0,B.jsx)(`p`,{className:`text-secondary text-xs`,children:`The dot is red if any adversary except the future one is red, otherwise the majority colour, green on a tie. See the privacy page for the full assessment.`})]})})]})}function Nt({entries:e}){let t=k(`HomeTopPrivacyProtocolsCard`,{data:e,columns:It,getCoreRowModel:E(),enableSorting:!1});return(0,B.jsxs)(V,{className:`flex h-full min-w-0 flex-col`,children:[(0,B.jsx)(G,{title:`Privacy`,badge:(0,B.jsx)(z,{n:5}),href:`/privacy`,linkLabel:`View all`}),(0,B.jsx)(`div`,{className:`mt-2 flex-1`,children:(0,B.jsx)(D,{table:t,compact:!0})})]})}var X=O(),[Pt,...Ft]=P(X,e=>e.href),It=[...Ft,X.accessor(`name`,{header:`Name`,enableHiding:!1,cell:e=>

1{let t={name:e.row.original.name,shortName:e.row.original.shortName,slug:e.row.original.slug,icon:e.row.original.icon,backgroundColor:void 0,description:e.row.original.description,quantumResistance:e.row.original.quantumResistant?`privacy`:void 0,statuses:{underReview:e.row.original.isUnderReview?`config`:void 0}};return(0,B.jsx)(`div`,{className:`flex h-full items-center`,children:(0,B.jsx)(N,{project:t,children:(0,B.jsx)(j,{href:e.row.original.href,children:(0,B.jsx)(M,{project:t,withInfoTooltip:!0})})})})},meta:{cellClassName:`lg:pl-2.5`,headClassName:`lg:pl-2.5`}}),X.display({id:`properties`,header:`Properties`,cell:e=>(0,B.jsx)(Lt,{entry:e.row.original}),meta:{align:`center`,tooltip:`Key properties of the protocol: trusted setup, exit window, reproducibility and privacy. The privacy dot folds all adversaries into one colour. Hover over each dot for details.`}}),X.accessor(`totalValueLockedUsd`,{header:`TVL`,cell:e=>{if(!e.row.original.hasTvl)return(0,B.jsx)(I,{});let t=e.getValue();return t===void 0?(0,B.jsx)(F,{}):(0,B.jsx)(`span`,{className:`font-medium text-sm`,children:w(t,`usd`)})},meta:{align:`right`,tooltip:`Total USD value currently held across all tracked assets for the protocol.`}})];function Lt({entry:e}){return(0,B.jsxs)(`div`,{className:`flex items-center justify-center gap-1.5`,children:[(0,B.jsx)(Z,{label:`Setup`,risk:e.trustedSetup.risk,children:(0,B.jsx)(Rt,{trustedSetup:e.trustedSetup})}),(0,B.jsxs)(Z,{label:`Exit window`,risk:Ye(e.exitWindow.sentiment),children:[(0,B.jsx)(qe,{risk:e.exitWindow,variant:`table`}),(0,B.jsx)(rt,{walkawayTest:e.exitWindow.walkawayTest})]}),(0,B.jsx)(Z,{label:`Reproducibility`,risk:Ye(e.reproducibility.sentiment),children:(0,B.jsx)(qe,{risk:e.reproducibility,variant:`table`})}),(0,B.jsx)(i,{className:`mx-1 h-4`}),(0,B.jsx)(Mt,{adversaries:e.adversaries})]})}function Z({label:e,risk:t,children:n}){return(0,B.jsxs)(_,{children:[(0,B.jsx)(o,{"aria-label":e,children:(0,B.jsx)(R,{risk:t,size:`sm`,className:`shrink-0`})}),(0,B.jsxs)(s,{className:`max-w-[320px]`,children:[(0,B.jsx)(`div`,{className:`mb-2 font-bold text-label-value-14`,children:e}),n]})]})}function Rt({trustedSetup:e}){return(0,B.jsxs)(`div`,{className:`space-y-2`,children:[(0,B.jsx)(`div`,{className:`font-medium text-sm`,children:e.name}),(0,B.jsx)(`p`,{className:`text-xs leading-normal`,children:e.shortDescription})]})}function zt({entries:e}){let t=k(`HomeTopZkProversCard`,{data:e,columns:Ht,getCoreRowModel:E(),enableSorting:!1});return(0,B.jsxs)(V,{className:`flex h-full min-w-0 flex-col`,children:[(0,B.jsx)(G,{title:`ZK Provers`,badge:(0,B.jsx)(z,{n:5}),href:`/zk-catalog`,linkLabel:`View all`}),(0,B.jsx)(`div`,{className:`mt-2 flex-1`,children:(0,B.jsx)(D,{table:t,compact:!0})})]})}var Q=O(),[Bt,...Vt]=P(Q,e=>`/zk-catalog/${e.slug}`),Ht=[...Vt,Q.accessor(e=>e.name,{id:`name`,header:`Name`,enableHiding:!1,cell:e=>{let t={...e.row.original,nameSecondLine:e.row.original.creator,quantumResistance:e.row.original.quantumResistant?`prover`:void 0};return(0,B.jsx)(`div`,{className:`flex h-full items-center`,children:(0,B.jsx)(N,{project:t,children:(0,B.jsx)(j,{href:`/zk-catalog/${e.row.original.slug}`,children:(0,B.jsx)(M,{project:t,withInfoTooltip:!0})})})})},meta:{cellClassName:`lg:pl-2.5`,headClassName:`lg:pl-2.5`}}),Q.display({id:`trusted-setups`,header:`Trusted setups`,cell:e=>(0,B.jsx)(Wt,{trustedSetupsByProofSystem:e.row.original.trustedSetupsByProofSystem}),meta:{tooltip:`Shows the trusted setups used within the proving stack and their risks.`}}),Q.display({id:`verification`,header:`Verification`,cell:e=>(0,B.jsx)(Gt,{verifiers:Object.values(e.row.original.trustedSetupsByProofSystem).map(e=>e.verifiers)}),meta:{tooltip:`Shows the number of different versions of onchain verifiers and whether they were independently checked by regenerating them from the proving system’s source code. A green check indicates successful verification, while a red cross indicates a failure to regenerate.`}}),Q.accessor(e=>e.tvs.value,{id:`tvs`,header:`TVS`,cell:e=>(0,B.jsx)(`span`,{className:`font-medium text-sm`,children:w(e.getValue(),`usd`)}),meta:{align:`right`,tooltip:`The values secured by the listed verifiers, calculated as a sum of the total value secured of all projects that use them and are listed on L2BEAT.`}})],Ut=[`red`,`yellow`,`green`,`N/A`];function Wt({trustedSetupsByProofSystem:e}){let t=Object.entries(e).filter(([,{trustedSetups:e}])=>e.length>0);if(t.length===0)return null;let n=Ut.filter(e=>t.some(([,{trustedSetups:t}])=>t.some(t=>t.risk===e)));return(0,B.jsxs)(_,{children:[(0,B.jsx)(o,{className:`flex items-center gap-1.5`,children:n.map(e=>(0,B.jsx)(R,{risk:e,size:`sm`,className:`shrink-0`},e))}),(0,B.jsx)(s,{className:`flex max-w-[320px] flex-col gap-3`,children:t.map(([e,{trustedSetups:t}])=>{let n=t[0]?.proofSystem;return n?(0,B.jsxs)(`div`,{children:[(0,B.jsxs)(`div`,{className:`mb-3 text-paragraph-14`,children:[`Trusted setup for`,` `,(0,B.jsx)(He,{tag:n,className:`inline-block`,withoutTooltip:!0,displayType:`typeAndName`})]}),t.map(e=>(0,B.jsxs)(`div`,{className:`flex gap-2`,children:[(0,B.jsx)(R,{risk:e.risk,size:`sm`,className:`shrink-0`}),(0,B.jsx)(`span`,{className:`text-xs leading-normal`,children:e.shortDe

1scription})]},e.id))]},e):null})})]})}function Gt({verifiers:e}){let t={successful:0,notVerified:0,unsuccessful:0};for(let n of e)for(let e of Ve)t[e]+=n[e]?.count??0;return t.successful+t.notVerified+t.unsuccessful===0?(0,B.jsx)(I,{}):(0,B.jsx)(`div`,{className:`flex items-center gap-3`,children:Ve.filter(e=>t[e]>0).map(e=>(0,B.jsx)(Be,{count:t[e],attesters:void 0,type:e},e))})}function $({item:e,className:t}){return e?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`script`,{dangerouslySetInnerHTML:{__html:Kt(e)}}),(0,B.jsxs)(V,{className:p(`flex flex-col gap-3 overflow-hidden p-0 lg:gap-0 lg:p-0`,`[[data-whats-new-dismissed]_&]:max-lg:hidden`,t),children:[(0,B.jsx)(`h2`,{className:`sr-only font-bold text-xl md:not-sr-only lg:sr-only`,children:`What's new`}),(0,B.jsx)(`div`,{className:`relative flex flex-1`,children:(0,B.jsx)(qt,{item:e})})]})]}):null}function Kt(e){return`try{if(localStorage.getItem(${JSON.stringify(`whats-new-${e.id}`)})==='true')document.documentElement.dataset.whatsNewDismissed='true'}catch{}`}function qt({item:e}){let[,t]=ie(`whats-new-${e.id}`,!1);return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)(`a`,{href:e.href,onClick:()=>t(!0),className:`group relative block flex-1 overflow-hidden md:flex md:flex-row md:rounded-lg md:border-2 md:border-divider lg:flex lg:flex-col lg:rounded-none lg:border-0`,children:[(0,B.jsxs)(`div`,{className:`relative aspect-video w-full overflow-hidden [container-type:size] md:aspect-auto md:min-h-[5.5rem] md:w-32 md:shrink-0 lg:min-h-32 lg:w-full lg:grow lg:basis-40`,children:[(0,B.jsx)(`img`,{src:e.imageSrc,alt:e.imageAlt,loading:`lazy`,className:p(`size-full object-cover object-top-left transition-transform duration-300 group-hover:scale-[1.02]`,e.verticalImageSrc&&`[@container_(aspect-ratio<1)]:hidden`)}),e.verticalImageSrc&&(0,B.jsx)(`img`,{src:e.verticalImageSrc,alt:e.imageAlt,loading:`lazy`,className:`size-full object-cover object-top transition-transform duration-300 group-hover:scale-[1.02] [@container_(aspect-ratio>=1)]:hidden`})]}),(0,B.jsxs)(`div`,{className:`absolute inset-x-0 bottom-0 flex min-w-0 flex-col gap-0.5 bg-linear-to-t from-black/85 via-black/60 to-transparent p-2.5 pt-8 md:static md:flex-1 md:justify-center md:gap-1 md:bg-none md:p-3 md:pr-8 lg:relative lg:flex-none lg:gap-1.5 lg:p-4 lg:pr-9`,children:[(0,B.jsx)(`span`,{"aria-hidden":!0,className:`font-bold text-white/70 text-xs uppercase tracking-wide md:hidden lg:block lg:text-secondary`,children:`What's new`}),(0,B.jsx)(`span`,{className:`font-bold text-label-value-14 text-pure-white leading-tight md:text-heading-16 md:text-primary lg:text-primary`,children:e.title}),e.description&&(0,B.jsx)(`p`,{className:`line-clamp-2 text-label-value-12 text-white/80 leading-snug md:text-label-value-13 md:text-secondary lg:text-secondary`,children:e.description}),(0,B.jsxs)(`span`,{className:`mt-0.5 flex items-center gap-1 font-bold text-[#66b2ff] text-xs md:text-link lg:hidden`,children:[`Explore`,(0,B.jsx)(Pe,{className:`size-3 fill-current transition-transform group-hover:translate-x-0.5`})]}),(0,B.jsx)(g,{className:`-rotate-90 -translate-y-1/2 absolute top-1/2 right-4 hidden size-2.5 shrink-0 fill-secondary transition-colors group-hover:fill-link lg:block`})]})]}),(0,B.jsx)(`button`,{type:`button`,"aria-label":`Dismiss`,onClick:()=>{t(!0),document.documentElement.dataset.whatsNewDismissed=`true`},className:`absolute top-2 right-2 z-10 flex size-6 cursor-pointer items-center justify-center rounded-full bg-black/40 transition-colors hover:bg-black/60 md:bg-transparent md:hover:bg-surface-tertiary lg:hidden`,children:(0,B.jsx)(l,{className:`size-[10px] fill-white md:fill-secondary`})})]})}function Jt({queryState:e,projectCounts:t,topChains:n,topChainsTvsData:r,topPrivacyProtocols:i,topZkProvers:a,l2Charts:o,ethereumCharts:s,ethereumEconomicSecurity:c,recentProjects:l,interopChains:u,interopProtocols:d,defaultSelectedFlowChains:f,l2CategoryCounts:p,recentChangesCount:m,recentChangesProjects:h,ongoingAnomalies:g,whatsNewItem:_,...v}){return(0,B.jsx)(ee,{...v,children:(0,B.jsx)(ye,{state:e,children:(0,B.jsxs)(se,{variant:`home`,childrenWrapperClassName:`max-md:bg-surface-primary`,children:[(0,B.jsx)(me,{children:`Home`}),(0,B.jsxs)(`div`,{className:`flex flex-col md:gap-4 [&_.primary-card]:max-md:rounded-none [&_.primary-card]:max-md:border-divider [&_.primary-card]:max-md:border-b`,children:[(0,B.jsxs)(`div`,{className:`grid grid-cols-1 md:gap-4 lg:grid-cols-[minmax(260px,280px)_minmax(280px,1fr)] 2xl:gr

1id-cols-[minmax(260px,340px)_minmax(340px,1fr)_minmax(400px,1.35fr)]`,children:[(0,B.jsx)(Tt,{counts:t,className:`lg:hidden`}),(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-4 max-lg:hidden`,children:[(0,B.jsx)(Ct,{className:`h-auto`,projects:l}),(0,B.jsx)($,{item:_,className:`min-h-0 flex-1`}),(0,B.jsx)(at,{ongoingAnomalies:g}),(0,B.jsx)(xt,{recentChangesCount:m,recentChangesProjects:h})]}),(0,B.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-col 2xl:order-last`,children:(0,B.jsx)(pt,{interopChains:u,interopProtocols:d,defaultSelectedFlowChains:f})}),(0,B.jsxs)(`div`,{className:`flex min-h-0 min-w-0 flex-col md:grid md:grid-cols-2 md:gap-4 lg:max-2xl:col-span-full 2xl:flex`,children:[(0,B.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-col 2xl:flex-1`,children:(0,B.jsx)(ht,{charts:o,l2CategoryCounts:p})}),(0,B.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-col 2xl:flex-1`,children:(0,B.jsx)(dt,{charts:s,economicSecurity:c})})]})]}),(0,B.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 max-md:contents lg:hidden`,children:[(0,B.jsx)(at,{ongoingAnomalies:g}),(0,B.jsx)(xt,{recentChangesCount:m,recentChangesProjects:h}),(0,B.jsx)($,{item:_}),(0,B.jsx)(Ct,{projects:l})]}),(0,B.jsxs)(`div`,{className:`grid grid-cols-1 md:gap-4 lg:grid-cols-2`,children:[(0,B.jsx)(jt,{interopChains:u,defaultSelectedFlowChains:f}),(0,B.jsx)(Nt,{entries:i}),(0,B.jsx)(Ot,{entries:n,tvsData:r}),(0,B.jsx)(zt,{entries:a})]})]})]})})})}export{Jt as HomePage};