import{D as e,E as t,Ht as n,On as r,Zn as i,_ as a,b as o,bt as s,g as c,k as l,mt as u,o as d,qt as f,tr as p,v as m,vn as h,y as g}from"./CaODJcyn.js";import{t as _}from"./BDNMzG2s.js";import{i as v,s as y,u as b}from"./aTmK00sy.js";import{t as x}from"./DPZcBMo3.js";import{t as S}from"./Dpy6pt9l.js";import{t as C}from"./VK4bzVgU.js";var w={class:`font-mono font-semibold`},T={key:1,class:`opacity-70`},ee=Object.assign(_(l({__name:`DevtoolsMetric`,props:{label:{},value:{},icon:{},variant:{default:`default`}},setup(e){return(t,n)=>{let r=b;return u(),o(`div`,{class:i([`devtools-metric`,`devtools-metric--${e.variant}`])},[e.icon?(u(),m(r,{key:0,name:e.icon,class:`text-sm shrink-0`,"aria-hidden":`true`},null,8,[`name`])):g(``,!0),a(`span`,w,p(e.value),1),e.label?(u(),o(`span`,T,p(e.label),1)):g(``,!0)],2)}}}),[[`__scopeId`,`data-v-c55561d5`]]),{__name:`DevtoolsMetric`}),E={class:`space-y-4`},D={class:`flex flex-wrap gap-1.5`},O={class:`ml-1 opacity-70 tabular-nums`},te={class:`flex items-center justify-between gap-3`},k={class:`flex items-center gap-2.5 min-w-0`},A={class:`w-7 h-7 rounded-lg bg-elevated border border-default flex items-center justify-center flex-shrink-0 overflow-hidden`},j=[`src`,`onError`],M={class:`text-sm font-mono text-highlighted truncate`},N={class:`flex items-center gap-1`},P={class:`flex flex-wrap gap-1.5 mt-3`},F={key:0,class:`border-t border-default mt-3 -mx-4 -mb-4`},I=[`onClick`],L={class:`text-[9px] px-1 py-px rounded-full bg-elevated tabular-nums font-mono`},R={key:0,class:`px-3 pb-3`},z={class:`space-y-1`},B={class:`font-mono text-muted tabular-nums text-[10px] w-20 flex-shrink-0`},V={key:0,class:`font-mono text-muted text-[10px] w-14 flex-shrink-0`},H={key:1,class:`w-14 flex-shrink-0`},U={class:`flex items-center gap-1`},W=l({__name:`scripts`,setup(l){let _=/^https?:\/\//,w=c(()=>v.value.scripts||[]),T=h(`all`),W=c(()=>{let e={all:w.value.length};for(let t of w.value)e[t.status]=(e[t.status]||0)+1;return e});n(W,e=>{e[T.value]||(T.value=`all`)});let G=c(()=>T.value===`all`?w.value:w.value.filter(e=>e.status===T.value));function K(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} kB`:`${(e/1048576).toFixed(1)} MB`}function q(e){return e===`loaded`?`success`:e===`loading`?`info`:e===`error`?`error`:e===`awaitingLoad`?`warning`:`neutral`}function J(e){return e===`loaded`?`bg-green-500`:e===`loading`?`bg-purple-500 motion-safe:animate-pulse`:e===`error`?`bg-red-500`:e===`awaitingLoad`?`bg-amber-400`:`bg-neutral-400`}function Y(e){return e.replace(_,``)}let X=h(new Set);function Z(e){try{let t=`${new URL(e).origin}/favicon.ico`;return X.value.has(t)?null:t}catch{return null}}function ne(e){return new Date(e).toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`,second:`2-digit`,fractionalSecondDigits:3})}function re(e,t){if(!e.length)return``;let n=t-e[0].timestamp;return n<1e3?`+${n}ms`:`+${(n/1e3).toFixed(1)}s`}let ie=c(()=>{let e=[{key:`all`,label:`All`}];return W.value.loaded&&e.push({key:`loaded`,label:`Loaded`}),W.value.loading&&e.push({key:`loading`,label:`Loading`}),W.value.awaitingLoad&&e.push({key:`awaitingLoad`,label:`Awaiting`}),W.value.error&&e.push({key:`error`,label:`Error`}),W.value.removed&&e.push({key:`removed`,label:`Removed`}),e}),Q=h({});function ae(e){Q.value={...Q.value,[e]:!Q.value[e]}}return(n,c)=>{let l=S,h=x,_=b,v=y,$=ee,oe=C;return u(),o(`div`,E,[r(w).length?(u(),o(d,{key:1},[a(`div`,D,[(u(!0),o(d,null,s(r(ie),e=>(u(),m(h,{key:e.key,color:r(T)===e.key?`primary`:`neutral`,variant:r(T)===e.key?`solid`:`subtle`,size:`xs`,"aria-pressed":r(T)===e.key,onClick:t=>T.value=e.key},{default:f(()=>[t(p(e.label)+` `,1),a(`span`,O,p(r(W)[e.key]||0),1)]),_:2},1032,[`color`,`variant`,`aria-pressed`,`onClick`]))),128))]),(u(!0),o(d,null,s(r(G),n=>(u(),m(oe,{key:n.id,class:`overflow-hidden`},{default:f(()=>[a(`div`,te,[a(`div`,k,[a(`div`,A,[n.src&&Z(n.src)?(u(),o(`img`,{key:0,src:Z(n.src),class:`w-4 h-4 rounded-sm`,alt:``,onError:e=>X.value=new Set(r(X)).add(Z(n.src))},null,40,j)):(u(),m(_,{key:1,name:`i-carbon-script`,class:`text-sm text-muted`}))]),a(`p`,M,p(n.src?Y(n.src):`(inline)`),1)]),e(v,{color:q(n.status),variant:`subtle`,size:`xs`,class:`flex-shrink-0`},{default:f(()=>[a(`span`,N,[a(`span`,{class:i([`w-1.5 h-1.5 rounded-full`,J(n.status)])},null,2),t(` `+p(n.status),1)])]),_:2},1032,[`color`])]),a(`div`,P,[n.size?(u(),m($,{key:0,icon:`i-carbon-data-volume`,value:K(n.size),label:`size`},null,8,[`value`])):g(``,!0),n.warmupStrategy?(u(),m($,{key:1,icon:`i-carbon-flash`,value:n.warmupStrategy,label:`warmup`},null,8,[`value`])):g(``,!0),n.fetchpriority?(u(),m($,{key:2,icon:`i-carbon-meter-alt`,value:n.fetchpriority,label:`priority`},null,8,[`value`])):g(``,!0),n.defer?(u(),m($,{key:3,icon:`i-carbon-time`,value:`defer`})):g(``,!0),n.async?(u(),m($,{key:4,icon:`i-carbon-flash-filled`,value:`async`})):g(``,!0),n.crossorigin?(u(),m($,{key:5,icon:`i-carbon-locked`,value:n.crossorigin,label:`CORS`},null,8,[`value`])):g(``,!0)]),n.events?.length?(u(),o(`div`,F,[a(`button`,{class:`flex items-center gap-1.5 px-3 py-2 text-xs font-medium text-muted hover:text-highlighted w-full`,onClick:e=>ae(n.id)},[e(_,{name:`i-carbon-chevron-right`,class:i([`text-xs transition-transform`,r(Q)[n.id]?`rotate-90`:``])},null,8,[`class`]),c[1]||=t(` Events `,-1),a(`span`,L,p(n.events.length),1)],8,I),r(Q)[n.id]?(u(),o(`div`,R,[a(`div`,z,[(u(!0),o(d,null,s(n.events,(r,s)=>(u(),o(`div`,{key:s,class:`flex items-center gap-2 py-1 px-2 rounded hover:bg-elevated text-xs`},[a(`span`,B,p(ne(r.timestamp)),1),s>0?(u(),o(`span`,V,p(re(n.events,r.timestamp)),1)):(u(),o(`span`,H)),e(v,{color:q(r.type),variant:`subtle`,size:`xs`},{default:f(()=>[a(`span`,U,[a(`span`,{class:i([`w-1.5 h-1.5 rounded-full`,J(r.type)])},null,2),t(` `+p(r.type),1)])]),_:2},1032,[`color`])]))),128))])])):g(``,!0)])):g(``,!0)]),_:2},1024))),128))],64)):(u(),m(l,{key:0,icon:`i-carbon-script`,title:`No scripts detected`},{description:f(()=>[...c[0]||=[t(` Use `,-1),a(`code`,{class:`bg-elevated px-1.5 py-0.5 rounded text-xs`},`useScript()`,-1),t(` to manage third-party scripts with loading strategies, triggers, and status tracking. `,-1)]]),_:1}))])}}});export{W as default};