vite-devtools-svelte 0.4.1 → 0.5.0

package/dist/client/assets/ReactiveGraph-w2TK82c8.js

@@ -1,5 +0,0 @@
-import{A as e,At as t,B as n,Ct as r,Dt as i,E as a,Et as o,F as s,I as c,J as l,M as u,Mt as d,Nt as f,P as p,Q as m,R as h,S as g,St as _,Tt as v,V as y,X as b,Y as x,Z as ee,_t as S,at as C,bt as w,ct as T,dt as E,f as D,ft as O,gt as k,ht as A,it as j,j as te,jt as M,kt as ne,lt as N,mt as P,nt as re,ot as F,pt as ie,rt as ae,st as I,tt as oe,ut as L,wt as R,xt as z,yt as B,z as se}from"./index-BzMw8R8l.js";import{a as ce,c as le,l as ue,n as V,o as de,s as fe}from"./format-CW_NXiBg.js";import{n as pe,t as me}from"./Badge-CBVv8IFU.js";import{t as he}from"./SplitView-B8lYXXEm.js";import{t as ge}from"./SearchField-eocQu1eB.js";import{t as H}from"./DataTable-C6-tmcTQ.js";import{t as _e}from"./Inspector-DGmAzhki.js";import{t as ve}from"./Segmented-JGNuI5EZ.js";import{n as ye,t as be}from"./versions-CZjRj40E.js";import{t as xe}from"./CaptureNotice-BeXCVhO0.js";import{t as U}from"./reactive-selection.svelte-Dfd9zWsh.js";import{t as Se}from"./capture.svelte-CUhwdJwX.js";import{a as Ce,c as we,d as Te,i as Ee,l as W,n as De,o as Oe,r as ke,s as Ae,t as je,u as Me}from"./reactive-C2hv2QLH.js";var G=T(`<p class="empty svelte-kaeped">No reactive signals tracked yet.</p>`),K=N(`<rect rx="10" ry="10" class="component-box svelte-kaeped"></rect><text class="component-label svelte-kaeped"> </text>`,1),q=N(`<path class="edge-sweep svelte-kaeped"></path>`),J=N(`<path></path><!><polygon></polygon>`,1),Ne=N(`<rect x="-4" y="-4" rx="10" ry="10" fill="none" stroke-width="2" class="glow-ring svelte-kaeped"></rect>`),Pe=N(`<text y="36" text-anchor="end" class="node-value svelte-kaeped" font-size="10" font-family="DM Mono, monospace" font-weight="500"> </text>`),Fe=N(`<g role="button" tabindex="0"><!><rect rx="6" ry="6" fill="var(--color-surface)" class="svelte-kaeped"></rect><circle cx="12" cy="16" r="4" class="svelte-kaeped"></circle><text x="22" y="16" dominant-baseline="middle" class="node-name svelte-kaeped" font-size="11" font-family="DM Mono, monospace"> </text><text y="16" text-anchor="end" dominant-baseline="middle" class="node-type svelte-kaeped" font-size="9" font-family="DM Sans, sans-serif" font-weight="600"> </text><text x="12" y="36" class="node-meta svelte-kaeped" font-size="9" font-family="DM Mono, monospace"> </text><!><line x1="6" y1="24" y2="24" class="node-divider svelte-kaeped" stroke-width="0.5"></line></g>`),Ie=N(`<svg width="100%" height="100%" class="svelte-kaeped"><defs class="svelte-kaeped"><filter id="glow-blue" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#3b82f6" flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter><filter id="glow-green" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#22c55e" flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter><filter id="glow-red" x="-50%" y="-50%" width="200%" height="200%" class="svelte-kaeped"><feGaussianBlur stdDeviation="6" result="blur" class="svelte-kaeped"></feGaussianBlur><feFlood flood-color="#ef4444" flood-opacity="0.7" class="svelte-kaeped"></feFlood><feComposite in2="blur" operator="in" class="svelte-kaeped"></feComposite><feMerge class="svelte-kaeped"><feMergeNode class="svelte-kaeped"></feMergeNode><feMergeNode in="SourceGraphic" class="svelte-kaeped"></feMergeNode></feMerge></filter></defs><!><!><!></svg>`),Le=T(`<div><div class="zoom-controls svelte-kaeped"><button class="zoom-btn svelte-kaeped" title="Zoom out">−</button> <button class="zoom-label svelte-kaeped" title="Fit to view"> </button> <button class="zoom-btn svelte-kaeped" title="Zoom in">+</button></div> <!></div>`);function Re(e,r){t(r,!0);let a=n(r,`changedNodeIds`,19,()=>new Set),s=n(r,`selectedNodeId`,15,null),c=v(0),u=v(0),f=v(800),p=v(400),h=v(!1),g=0,b=0,x=0,T=0,E=v(null),D=1.2,A=8e3,te=v(800),M=i(()=>Math.round(P(te)/P(f)*100)),N=!1;function L(){N=!0,le(1/D,P(c)+P(f)/2,P(u)+P(p)/2)}function se(){N=!0,le(D,P(c)+P(f)/2,P(u)+P(p)/2)}function ce(){N=!1,ue()}function le(e,t,n){let r=Math.min(A,Math.max(100,P(f)*e)),i=Math.min(A,Math.max(100,P(p)*e)),a=r/P(f);R(c,t-(t-P(c))*a),R(u,n-(n-P(u))*a),R(f,r,!0),R(p,i,!0)}function ue(){if(!P(E)||P(H).width===0)return;let e=P(E).getBoundingClientRect();if(e.width===0||e.height===0){requestAnimationFrame(()=>ue());return}let t=e.width/e.height,n=Math.max(P(H).width,200)+160,r=Math.max(P(H).height,100)+160,i=n/r,a,o;i>t?(a=n,o=n/t):(o=r,a=r*t);let s=e.width/110*160,l=e.height/110*160;a>s&&(a=s,o=s/t),o>l&&(o=l,a=l*t),R(f,a,!0),R(p,o,!0);let d=(P(H).width-160)/2-80,m=(P(H).height-160)/2-80;R(c,d+80-P(f)/2),R(u,m+80-P(p)/2),R(te,P(f),!0)}let V=0;S(()=>{let e=r.nodes.length;e>0&&e!==V&&!N&&requestAnimationFrame(()=>ue()),V=e});function de(e){e.preventDefault(),N=!0;let t=e.deltaY>0?D:1/D;if(!P(E))return;let n=P(E).getBoundingClientRect();le(t,P(c)+(e.clientX-n.left)/n.width*P(f),P(u)+(e.clientY-n.top)/n.height*P(p))}function fe(e){e.target.closest(`.node`)||(N=!0,R(h,!0),g=e.clientX,b=e.clientY,x=P(c),T=P(u),e.currentTarget.setPointerCapture(e.pointerId))}function pe(e){if(!P(h)||!P(E))return;let t=P(E).getBoundingClientRect(),n=(e.clientX-g)/t.width*P(f),r=(e.clientY-b)/t.height*P(p);R(c,x-n),R(u,T-r)}function me(){R(h,!1)}function he(e){return e&&e.split(`/`).pop()?.replace(`.svelte`,``)||``}function ge(e){if(e===void 0)return``;let t=String(e);return t.length>14?t.slice(0,13)+`…`:t}let H=i(()=>{if(r.nodes.length===0)return{positions:new Map,width:0,height:0,componentBoxes:[]};let e=new Map(r.nodes.map(e=>[e.id,e])),t=new Map,n=new Map,i=new Map;for(let e of r.nodes)t.set(e.id,0),n.set(e.id,[]),i.set(e.id,[]);for(let e of r.edges)n.get(e.from)?.push(e.to),i.get(e.to)?.push(e.from),t.set(e.to,(t.get(e.to)||0)+1);let a=[],o=r.nodes.filter(e=>(t.get(e.id)||0)===0).map(e=>e.id),s=new Set;for(;o.length>0;){a.push([...o]);for(let e of o)s.add(e);let e=[];for(let r of o)for(let i of n.get(r)||[])t.set(i,(t.get(i)||0)-1),t.get(i)===0&&!s.has(i)&&e.push(i);o=e}let c=r.nodes.filter(e=>!s.has(e.id)).map(e=>e.id);c.length>0&&a.push(c);for(let t=0;t<a.length;t++)a[t].sort((t,n)=>{let r=e.get(t),i=e.get(n),a=r.componentFile.localeCompare(i.componentFile);if(a!==0)return a;let o={state:0,derived:1,effect:2};return(o[r.type]??3)-(o[i.type]??3)});let l=new Map;for(let e of a)for(let t=0;t<e.length;t++)l.set(e[t],t);for(let t=0;t<4;t++){for(let t=1;t<a.length;t++){let n=new Map;for(let e of a[t]){let t=i.get(e)||[];if(t.length>0){let r=t.reduce((e,t)=>e+(l.get(t)??0),0)/t.length;n.set(e,r)}else n.set(e,l.get(e)??0)}a[t].sort((t,r)=>{let i=e.get(t),a=e.get(r),o=i.componentFile.localeCompare(a.componentFile);return o===0?(n.get(t)??0)-(n.get(r)??0):o});for(let e=0;e<a[t].length;e++)l.set(a[t][e],e)}for(let t=a.length-2;t>=0;t--){let r=new Map;for(let e of a[t]){let t=n.get(e)||[];if(t.length>0){let n=t.reduce((e,t)=>e+(l.get(t)??0),0)/t.length;r.set(e,n)}else r.set(e,l.get(e)??0)}a[t].sort((t,n)=>{let i=e.get(t),a=e.get(n),o=i.componentFile.localeCompare(a.componentFile);return o===0?(r.get(t)??0)-(r.get(n)??0):o});for(let e=0;e<a[t].length;e++)l.set(a[t][e],e)}}let u=[],d=[];for(let t=0;t<a.length;t++){let n=[],r=40,i=``;for(let o=0;o<a[t].length;o++){let s=a[t][o],c=e.get(s).componentFile;o>0&&c!==i&&(r+=28),n.push({id:s,comp:c}),r+=78,i=c}u.push(n),d.push(r)}let f=Math.max(...d,80),p=new Map;for(let e=0;e<a.length;e++){let t=40+(f-d[e])/2,n=``;for(let r=0;r<u[e].length;r++){let{id:i,comp:a}=u[e][r];r>0&&a!==n&&(t+=28),p.set(i,{x:40+e*280,y:t}),t+=78,n=a}}for(let t=0;t<6;t++)for(let t=0;t<a.length;t++){let r=a[t];if(r.length<=1)continue;let o=new Map;for(let e of r){let t=i.get(e)||[],r=n.get(e)||[],a=[...t,...r].filter(e=>p.has(e));if(a.length>0){let t=a.reduce((e,t)=>e+p.get(t).y,0)/a.length;o.set(e,t)}}let s=[...r].sort((e,t)=>p.get(e).y-p.get(t).y);for(let t=0;t<s.length;t++){let n=s[t],r=o.get(n);if(r===void 0)continue;let i=p.get(n),a=t>0?s[t-1]:null,c=t<s.length-1?s[t+1]:null,l=a?e.get(a):null,u=e.get(n),d=a&&l&&l.componentFile!==u.componentFile?28:0,m=a?p.get(a).y+78+d:40,h=c?e.get(c):null,g=c&&h&&h.componentFile!==u.componentFile?28:0,_=c?p.get(c).y-78-g:f,v=Math.max(m,Math.min(_,r));p.set(n,{x:i.x,y:v})}}let m=0;for(let[,e]of p)m=Math.max(m,e.y+58);let h=[];for(let t=0;t<a.length;t++){let n=new Map;for(let r of a[t]){let t=e.get(r),i=p.get(r),a=he(t.componentFile);n.has(a)||n.set(a,[]),n.get(a).push(i)}for(let[e,r]of n){let n=1/0,i=-1/0;for(let e of r)n=Math.min(n,e.y),i=Math.max(i,e.y+58);let a=40+t*280;h.push({file:e,x:a-14,y:n-14,w:188,h:i-n+28})}}return{positions:p,width:80+a.length*280,height:m+40,componentBoxes:h}}),_e=i(()=>{let e={affected:new Set,edgeKeys:new Set,depths:new Map};if(a().size===0)return e;let t=new Map;for(let e of r.nodes)t.set(e.id,[]);for(let e of r.edges)t.get(e.from)?.push(e.to);let n=new Map,i=[];for(let e of a())i.push({id:e,depth:0});for(;i.length>0;){let{id:e,depth:r}=i.shift();if(!n.has(e)){n.set(e,r);for(let n of t.get(e)||[])i.push({id:n,depth:r+1})}}let o=new Set(n.keys()),s=new Set;for(let e of r.edges)o.has(e.from)&&o.has(e.to)&&s.add(`${e.from}→${e.to}`);return{affected:o,edgeKeys:s,depths:n}}),ve=i(()=>P(_e).affected),ye=i(()=>P(_e).edgeKeys),be=i(()=>P(_e).depths);function xe(e){return(P(be).get(e)??0)*700}function U(e){return xe(e)+300}function Se(e){switch(e){case`state`:return`var(--color-info)`;case`derived`:return`var(--color-success)`;case`effect`:return`var(--color-error)`;default:return`var(--color-text-muted)`}}function Ce(e){switch(e){case`state`:return`#3b82f6`;case`derived`:return`#22c55e`;case`effect`:return`#ef4444`;default:return`#999`}}function we(e){s(s()===e.id?null:e.id),r.onSelectNode?.(s()?e:null)}let Te=i(()=>new Map(r.nodes.map(e=>[e.id,e]))),Ee=v(0);S(()=>{a().size>0&&queueMicrotask(()=>{o(Ee)})});var W=Le();let De;var Oe=B(W),ke=B(Oe),Ae=_(ke,2),je=z(Ae),Me=_(Ae,2);d(Oe);var Re=_(Oe,2),ze=e=>{var t=G();F(e,t)},Be=e=>{var t=Ie(),n=_(B(t));oe(n,17,()=>P(H).componentBoxes,re,(e,t)=>{var n=K(),r=w(n),i=_(r),a=z(i,!0);k(()=>{l(r,`x`,P(t).x),l(r,`y`,P(t).y),l(r,`width`,P(t).w),l(r,`height`,P(t).h),l(i,`x`,P(t).x+6),l(i,`y`,P(t).y+11),C(a,P(t).file)}),F(e,n)});var a=_(n);oe(a,17,()=>r.edges,re,(e,t)=>{let n=i(()=>P(H).positions.get(P(t).from)),r=i(()=>P(H).positions.get(P(t).to));var a=I(),o=w(a),c=e=>{let a=i(()=>P(n).x+160),o=i(()=>P(n).y+29),c=i(()=>P(r).x),u=i(()=>P(r).y+29),d=i(()=>(P(a)+P(c))/2),f=i(()=>s()===P(t).from||s()===P(t).to),p=i(()=>P(Te).get(P(t).from)),h=i(()=>`${P(t).from}→${P(t).to}`),g=i(()=>P(ye).has(P(h))),v=i(()=>U(P(t).from)),y=i(()=>`M ${P(a)} ${P(o)} C ${P(d)} ${P(o)}, ${P(d)} ${P(u)}, ${P(c)} ${P(u)}`);var b=J(),x=w(b);let S;var C=_(x),T=e=>{var t=I(),n=w(t);ae(n,()=>P(Ee),e=>{var t=q();k(e=>{l(t,`d`,P(y)),l(t,`stroke`,e),ee(t,`--sweep-delay: ${P(v)??``}ms; --sweep-dur: 400ms;`)},[()=>P(p)?Ce(P(p).type):`#fff`]),F(e,t)}),F(e,t)};j(C,e=>{P(g)&&e(T)});var E=_(C);let D;k((e,t)=>{l(x,`d`,P(y)),S=m(x,0,`edge svelte-kaeped`,null,S,{highlighted:P(f)}),l(x,`stroke`,e),l(E,`points`,`${P(c)-8},${P(u)-5} ${P(c)??``},${P(u)??``} ${P(c)-8},${P(u)+5}`),D=m(E,0,`arrow svelte-kaeped`,null,D,{highlighted:P(f)}),l(E,`fill`,t)},[()=>P(f)?`var(--color-accent)`:P(p)?Se(P(p).type):`var(--color-text-muted)`,()=>P(f)?`var(--color-accent)`:P(p)?Se(P(p).type):`var(--color-text-muted)`]),F(e,b)};j(o,e=>{P(n)&&P(r)&&e(c)}),F(e,a)});var o=_(a);oe(o,17,()=>r.nodes,re,(e,t)=>{let n=i(()=>P(H).positions.get(P(t).id));var r=I(),a=w(r),o=e=>{let r=i(()=>P(t).value!==void 0&&P(t).type!==`effect`),a=i(()=>P(ve).has(P(t).id)),o=i(()=>xe(P(t).id)),c=i(()=>P(t).type===`state`?`url(#glow-blue)`:P(t).type===`derived`?`url(#glow-green)`:`url(#glow-red)`);var u=Fe();let f;var p=B(u),h=e=>{var n=I(),r=w(n);ae(r,()=>P(Ee),e=>{var n=Ne();l(n,`width`,168),l(n,`height`,66),k(e=>{l(n,`stroke`,e),l(n,`filter`,P(c)),ee(n,`--node-delay: ${P(o)??``}ms;`)},[()=>Ce(P(t).type)]),F(e,n)}),F(e,n)};j(p,e=>{P(a)&&e(h)});var g=_(p);l(g,`width`,160),l(g,`height`,58);var v=_(g),y=_(v),b=z(y,!0),x=_(y);l(x,`x`,154);var S=z(x,!0),T=_(x),E=z(T,!0),D=_(T),A=e=>{var n=Pe();l(n,`x`,154);var r=z(n);k(e=>C(r,`= ${e??``}`),[()=>ge(P(t).value)]),F(e,n)};j(D,e=>{P(r)&&e(A)});var te=_(D);l(te,`x2`,154),d(u),k((e,r,i,a)=>{f=m(u,0,`node svelte-kaeped`,null,f,{selected:s()===P(t).id}),l(u,`transform`,`translate(${P(n).x??``}, ${P(n).y??``})`),l(g,`stroke`,e),l(g,`stroke-width`,s()===P(t).id?2.5:1.5),l(v,`fill`,r),C(b,i),C(S,P(t).type),C(E,a)},[()=>Se(P(t).type),()=>Se(P(t).type),()=>P(t).name.length>14?P(t).name.slice(0,13)+`…`:P(t).name,()=>he(P(t).componentFile)]),O(`click`,u,()=>we(P(t))),O(`keydown`,u,e=>{e.key===`Enter`&&we(P(t))}),F(e,u)};j(a,e=>{P(n)&&e(o)}),F(e,r)}),d(t),k(()=>l(t,`viewBox`,`${P(c)??``} ${P(u)??``} ${P(f)??``} ${P(p)??``}`)),F(e,t)};j(Re,e=>{r.nodes.length===0?e(ze):e(Be,-1)}),d(W),y(W,e=>R(E,e),()=>P(E)),k(()=>{De=m(W,1,`graph-container svelte-kaeped`,null,De,{dragging:P(h)}),C(je,`${P(M)??``}%`)}),ie(`wheel`,W,de),O(`pointerdown`,W,fe),O(`pointermove`,W,pe),O(`pointerup`,W,me),ie(`pointercancel`,W,me),O(`click`,ke,se),O(`click`,Ae,ce),O(`click`,Me,L),F(e,W),ne()}E([`pointerdown`,`pointermove`,`pointerup`,`click`,`keydown`]);var ze=T(`<p> </p> <!>`,1),Be=T(`<div class="warn svelte-1mo53p6"><dt class="svelte-1mo53p6">Baseline</dt><dd class="svelte-1mo53p6"> </dd></div>`),Ve=T(`<div class="warn svelte-1mo53p6"><dt class="svelte-1mo53p6">Stale</dt><dd class="svelte-1mo53p6"> </dd></div>`),He=T(`<li><button><span class="mono"> </span> <span class="sub"> </span></button></li>`),Ue=T(`<h3 class="section-title">Listed instances <span class="num"> </span></h3> <ul class="link-list"></ul> <p class="note svelte-1mo53p6"> </p>`,1),We=T(`<span class="faint num"> </span>`),Ge=T(`<span class="end num"> </span>`),Ke=T(`<span class="end num faint"> </span>`),qe=T(`<span class="truncate"><span class="mono"> </span> <!></span> <!> <!> <span class="end num" title="at least this many changes in the window (sampled every 200 ms); not a rate"> </span> <span class="end num"> </span> <!>`,1),Je=T(`<div class="overview svelte-1mo53p6"><dl class="record svelte-1mo53p6" aria-label="What this overview covers"><div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Window</dt><dd class="svelte-1mo53p6"> </dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Changes</dt><dd class="svelte-1mo53p6">$state sampled every 200 ms; several writes within one sample count once</dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Coverage</dt><dd class="svelte-1mo53p6">state created during component init; module-level <code>.svelte.ts</code> state is not tracked</dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Components</dt><dd class="svelte-1mo53p6"> </dd></div> <div class="svelte-1mo53p6"><dt class="svelte-1mo53p6">Not available yet</dt> <dd class="svelte-1mo53p6"> </dd></div> <!> <!></dl> <div class="table svelte-1mo53p6"><!></div> <p class="foot svelte-1mo53p6"> <!> </p></div>`),Ye=T(`<p> </p>`),Xe=T(`<p class="baseline svelte-1mo53p6" role="status"> </p>`),Ze=T(`<span class="truncate muted"> <!></span>`),Qe=T(`<span class="truncate mono value svelte-1mo53p6"> </span>`),$e=T(`<span class="truncate mono name svelte-1mo53p6"> </span> <!> <span class="end num" title="changes of this state in the buffer (sampled every 200 ms); not a total or a rate"> </span> <!> <span class="end num faint"> </span>`,1),et=T(`<div class="overview svelte-1mo53p6"><!> <div class="table svelte-1mo53p6"><!></div> <p class="foot svelte-1mo53p6"> <!></p></div>`),tt=T(`<!> <!>`,1),nt=T(`<p class="none svelte-1mo53p6">Full value: not available yet. This dev server reports only a summary for objects and arrays.</p>`),rt=T(`<h3 class="section-title">Current value</h3> <pre> </pre> <!>`,1),it=T(`<!> Sampled changes of all signals (latest 500) are in the <button class="link svelte-1mo53p6">State timeline</button>.`,1),at=T(`<!> <h3 class="section-title">Cause</h3> <p class="none svelte-1mo53p6"> </p> <!> <!> <h3 class="section-title">History</h3> <p class="none svelte-1mo53p6"><!></p>`,1),ot=T(`<div class="scope-bar svelte-1mo53p6"><span><strong class="mono"> </strong> <span class="faint num"> </span> and the signals it is directly linked to</span> <!></div>`),st=T(`<p>Signals created during component init appear here with their dependencies.</p>`),ct=T(`<p></p> <!>`,1),lt=T(`<div class="graph svelte-1mo53p6"><!></div>`),ut=T(`<span class="truncate muted"><!></span>`),dt=T(`<span><!></span> <span><!></span> <!> <span class="truncate mono value svelte-1mo53p6"> </span> <!>`,1),ft=T(`<div class="local svelte-1mo53p6"><!> <p class="legend svelte-1mo53p6">Edges mean <strong>can affect</strong>: a snapshot of current dependencies, not a recorded cause. <!> <!></p> <div class="body svelte-1mo53p6"><!></div></div>`),pt=T(`<li><button><!> <span class="truncate mono"> </span> <span class="sub truncate"> </span></button></li>`),mt=T(`<ul class="link-list"></ul>`),ht=T(`<p class="none svelte-1mo53p6">None</p>`),gt=T(`<h3 class="section-title"> <span class="num"> </span></h3> <!>`,1),_t=T(`<option> </option>`),vt=T(`<select class="select scope svelte-1mo53p6" aria-label="Filter loaded signals by component file"><option> </option><!></select>`),yt=T(`<span class="hint svelte-1mo53p6" title="Polling makes the app rebuild the whole graph; large graphs start paused."> </span>`),bt=T(`<!> <!> <!> <!> <!> <!>`,1),xt=T(`<!> <!> <!>`,1),St=T(`<p>Choose one in the <button class="link svelte-1mo53p6">Overview</button> or use <strong>Show reactivity</strong> in the <button class="link svelte-1mo53p6">Components</button> inspector. Only that component's signals and the signals they are
-        directly linked to are loaded.</p>`);function Ct(n,o){t(o,!0);let y=e=>{var t=I(),n=w(t),r=e=>{T(e)},i=e=>{ee(e)};j(n,e=>{P(q)===`states`?e(r):e(i,-1)}),F(e,t)},ee=e=>{let t=i(()=>J.data);var n=I(),r=w(n),a=e=>{s(e,{icon:`warning`,title:`Overview not available`,children:(e,t)=>{var n=ze(),r=w(n),i=z(r),a=_(r,2);p(a,{icon:`graph`,onclick:()=>R(G,`full`),children:(e,t)=>{M();var n=L(`Full graph`);F(e,n)},$$slots:{default:!0}}),k(()=>C(i,`The dev server did not return per-component activity (${J.error??``}). Pick a component in Components (Show reactivity) or open the full graph.`)),F(e,n)},$$slots:{default:!0}})},o=e=>{s(e,{title:`Reading activity…`})},c=e=>{var n=Je(),r=B(n),a=B(r),o=_(B(a)),c=z(o);d(a);var u=_(a,6),p=_(B(u)),m=z(p);d(u);var h=_(u,2),g=_(B(h),2),v=z(g);d(h);var y=_(h,2),b=e=>{var n=Be(),r=_(B(n)),i=z(r,!0);d(n),k(e=>C(i,e),[()=>De(P(t).baseline)]),F(e,n)},x=i(()=>De(P(t).baseline));j(y,e=>{P(x)&&e(b)});var ee=_(y,2),S=e=>{var n=Ve(),r=_(B(n)),i=z(r,!0);d(n),k(e=>C(i,e),[()=>sn(P(t))]),F(e,n)},T=i(()=>sn(P(t)));j(ee,e=>{P(T)&&e(S)}),d(r);var E=_(r,2),D=B(E);{let e=e=>{var n=I(),r=w(n),a=e=>{{let n=i(()=>V(P(Le).file)),r=i(()=>ue(P(Le).file,3));_e(e,{get title(){return`<${P(n)??``}>`},get subtitle(){return P(r)},onclose:()=>R(Fe,null),children:(e,n)=>{var r=Ue(),i=w(r),a=_(B(i)),o=z(a,!0);d(i);var s=_(i,2);oe(s,21,()=>P(Le).instances,e=>e.componentId,(e,n)=>{var r=He(),i=B(r),a=B(i),o=z(a),s=_(a,2),c=z(s);d(i),d(r),k((e,r)=>{i.disabled=!P(t).epoch,C(o,`#${P(n).componentId??``}`),C(c,`≥ ${e??``} changes · ${r??``} renders`)},[()=>P(n).changes.toLocaleString(),()=>P(n).renders.toLocaleString()]),O(`click`,i,()=>Mt(P(n),P(t).epoch)),F(e,r)}),d(s);var c=_(s,2),l=z(c,!0);k(()=>{C(o,P(Le).instances.length),C(l,P(t).epoch?`Select an instance to load its signals and the signals they are directly linked to.`:`The dev server reported no page-load id, so instances cannot be selected here; use Show reactivity in Components.`)}),F(e,r)},$$slots:{default:!0}})}};j(r,e=>{P(Le)&&e(a)}),F(e,n)},n=i(()=>!!P(Le));he(D,{id:`reactive-overview`,get open(){return P(n)},aside:e,children:(e,n)=>{H(e,{get items(){return P(Ie)},get columns(){return Ct},getKey:e=>e.key,label:`Most active components`,onactivate:e=>e.instances.length===1&&Mt(e.instances[0],P(t).epoch),get sort(){return P(Pe)},set sort(e){R(Pe,e,!0)},get selected(){return P(Fe)},set selected(e){R(Fe,e,!0)},row:(e,t=f,n)=>{let r=()=>(n?.()).visible;var a=qe(),o=w(a),s=B(o),c=z(s,!0),u=_(s,2),p=e=>{var n=We(),r=z(n,!0);k(()=>C(r,` #${t().instances[0].componentId}`)),F(e,n)};j(u,e=>{P(Ne)===`instance`&&e(p)}),d(o);var m=_(o,2),h=e=>{var n=Ge(),r=z(n,!0);k(()=>C(r,t().instances.length)),F(e,n)},g=i(()=>r().has(`instances`));j(m,e=>{P(g)&&e(h)});var v=_(m,2),y=e=>{var n=Ke(),r=z(n,!0);k(e=>{l(n,`title`,`registered: ${t().nodes.state??``} $state · ${t().nodes.derived??``} $derived · ${t().nodes.effect??``} $effect`),C(r,e)},[()=>we(t().nodes)]),F(e,n)},b=i(()=>r().has(`nodes`));j(v,e=>{P(b)&&e(y)});var x=_(v,2),ee=z(x),S=_(x,2),T=z(S,!0),E=_(S,2),D=e=>{var n=Ke(),r=z(n,!0);k(e=>C(r,e),[()=>de(t().renderMs)]),F(e,n)},O=i(()=>r().has(`renderMs`));j(E,e=>{P(O)&&e(D)}),k((e,t,n)=>{C(c,e),C(ee,`≥ ${t??``}`),C(T,n)},[()=>V(t().file),()=>t().changes.toLocaleString(),()=>t().renders.toLocaleString()]),F(e,a)},empty:e=>{s(e,{icon:`reactive`,title:`No component was active in the window`})},$$slots:{row:!0,empty:!0}})},$$slots:{aside:!0,default:!0}})}d(E);var A=_(E,2),te=B(A),M=_(te),ne=e=>{var n=L();k((e,t)=>C(n,`Other: ${e??``} components with ${t??``} signals.`),[()=>P(t).other.components.toLocaleString(),()=>P(t).other.nodes.toLocaleString()]),F(e,n)},N=e=>{var t=L(`Other: unknown.`);F(e,t)};j(M,e=>{P(t).other?e(ne):e(N,-1)});var re=_(M);d(A),d(n),k((e,n,r,i,a,o,s,l)=>{C(c,`last ${e??``} s · sampled while active for ${n??``} s`),C(m,`${r??``} active of ${i??``} registered`),C(v,`${a??``}
-            (not reported by this dev server)`),C(te,`Listed: ${o??``} ${P(t).rows.length===1?`component`:`components`} (${s??``}). `),C(re,` Total registered: ${l??``}. Counts restart when the app page reloads.`)},[()=>Math.round(P(t).window.ms/1e3),()=>Math.round(P(t).window.sampledActiveMs/1e3),()=>P(t).components.withActivity.toLocaleString(),()=>on(P(t).components.total),()=>[!P(t).capabilities.valueInspection&&`full values`,!P(t).capabilities.signalHistory&&`per-signal history`,!P(t).capabilities.writeCause&&`update cause`].filter(Boolean).join(`, `)||`none`,()=>P(t).rows.length.toLocaleString(),()=>P(t).truncated?`top ${P(t).rows.length} of ${P(t).components.withActivity.toLocaleString()} active`:`all active`,()=>on(P(t).components.total)]),F(e,n)};j(r,e=>{!P(t)&&J.error?e(a):P(t)?e(c,-1):e(o,1)}),F(e,n)},T=e=>{var t=I(),n=w(t),r=e=>{s(e,{icon:`warning`,title:`State timeline not available`,children:(e,t)=>{var n=Ye(),r=z(n);k(()=>C(r,`The dev server did not return the timeline buffer (${Y.error??``}).`)),F(e,n)},$$slots:{default:!0}})},a=e=>{var t=et(),n=B(t),r=e=>{var t=Xe(),n=z(t,!0);k(()=>C(n,P(Et))),F(e,t)};j(n,e=>{P(Et)&&e(r)});var a=_(n,2),o=B(a);H(o,{get items(){return P(wt)},get columns(){return At},getKey:e=>e.key,label:`Most changed states in the timeline buffer`,onactivate:jt,get sort(){return P(Ot)},set sort(e){R(Ot,e,!0)},get selected(){return P(kt)},set selected(e){R(kt,e,!0)},row:(e,t=f,n)=>{let r=()=>(n?.()).visible;var a=$e(),o=w(a),s=z(o,!0),c=_(o,2),l=e=>{var n=Ze(),r=B(n,!0),i=_(r),a=e=>{var n=We(),r=z(n,!0);k(()=>C(r,` #${t().componentId}`)),F(e,n)};j(i,e=>{t().componentId!==null&&e(a)}),d(n),k(e=>C(r,e),[()=>V(t().file)]),F(e,n)},u=i(()=>r().has(`component`));j(c,e=>{P(u)&&e(l)});var p=_(c,2),m=z(p),h=_(p,2),g=e=>{var n=Qe(),r=z(n,!0);k(e=>C(r,e),[()=>fe(t().last.newValue,80)]),F(e,n)},v=i(()=>r().has(`value`));j(h,e=>{P(v)&&e(g)});var y=_(h,2),b=z(y,!0);k((e,n)=>{C(s,t().name),C(m,`≥ ${e??``}`),C(b,n)},[()=>t().changes.toLocaleString(),()=>ce(t().last.timestamp)]),F(e,a)},empty:e=>{{let t=i(()=>Y.loading?`Reading the timeline…`:`No $state changes in the buffer`);s(e,{icon:`timeline`,get title(){return P(t)}})}},$$slots:{row:!0,empty:!0}}),d(a);var c=_(a,2),l=B(c),u=_(l),p=e=>{var t=L();k(()=>C(t,`Last refresh failed (${Y.error??``}); showing the previous buffer.`)),F(e,t)};j(u,e=>{Y.error&&e(p)}),d(c),d(t),k((e,t)=>C(l,`From the State timeline buffer: the latest ${e??``} sampled changes (every 200 ms) across all signals, since
-    ${t??``}.
-    Older changes and signals that changed less recently may be missing; counts are not totals or rates. Activate a row to open its component. `),[()=>Y.data.length.toLocaleString(),()=>P(Dt)===null?`unknown (buffer empty)`:ce(P(Dt))]),F(e,t)};j(n,e=>{!Y.data.length&&Y.error?e(r):e(a,-1)}),F(e,t)},E=t=>{{let n=e=>{var t=I(),n=w(t),r=e=>{{let t=e=>{var t=tt(),n=w(t);me(n,{get tone(){return nn[P($).type]},children:(e,t)=>{M();var n=L();k(()=>C(n,`$${P($).type??``}`)),F(e,n)},$$slots:{default:!0}});var r=_(n,2);me(r,{children:(e,t)=>{M();var n=L();k(()=>C(n,`component #${P($).componentId??``}`)),F(e,n)},$$slots:{default:!0}}),F(e,t)},n=e=>{var t=tt(),n=w(t);p(n,{icon:`editor`,onclick:()=>cn(P($)),children:(e,t)=>{M();var n=L(`Go to definition (by name)`);F(e,n)},$$slots:{default:!0}});var r=_(n,2),i=e=>{p(e,{icon:`reactive`,onclick:()=>ln(P($)),children:(e,t)=>{M();var n=L(`Show this component`);F(e,n)},$$slots:{default:!0}})};j(r,e=>{(P(G)===`full`||P($).componentId!==P(K)?.componentId)&&P(Z).epoch&&e(i)}),F(e,t)},r=i(()=>ue(P($).componentFile,3));_e(e,{get title(){return P($).name},get subtitle(){return P(r)},onclose:()=>R(Q,null),badges:t,actions:n,children:(e,t)=>{var n=at(),r=w(n),a=e=>{var t=rt(),n=_(w(t),2);let r;var a=z(n,!0),o=_(n,2),s=e=>{var t=nt();F(e,t)},c=i(()=>!P(an).valueInspection&&Ae(P($).value));j(o,e=>{P(c)&&e(s)}),k((e,t)=>{r=m(n,1,`code-block svelte-1mo53p6`,null,r,{flash:e}),C(a,t)},[()=>P(Nt).has(P($).id),()=>Ae(P($).value)?P($).value:le(P($).value)]),F(e,t)};j(r,e=>{P($).value!==void 0&&e(a)});var o=_(r,4),s=z(o,!0),c=_(o,2);{let e=i(()=>P(qt).deps.get(P($).id)??[]);N(c,()=>`Reads (can affect this)`,()=>P(e))}var l=_(c,2);{let e=i(()=>P(qt).dependents.get(P($).id)??[]);N(l,()=>`Can affect`,()=>P(e))}var u=_(l,4),f=B(u),p=e=>{var t=it(),n=w(t),r=e=>{var t=L(`Per-signal history: not available yet.`);F(e,t)};j(n,e=>{P(an).signalHistory||e(r)});var i=_(n,2);M(),O(`click`,i,()=>se.go(`timeline`)),F(e,t)},h=e=>{var t=L();k(()=>C(t,`Not recorded for $${P($).type??``}.`)),F(e,t)};j(f,e=>{P($).type===`state`?e(p):e(h,-1)}),d(u),k(()=>C(s,P(an).writeCause?`Recorded writes appear here.`:`Not recorded. This dev server does not capture which write changed a signal; the links below are dependencies, not causes.`)),F(e,n)},$$slots:{badges:!0,actions:!0,default:!0}})}};j(n,e=>{P($)&&e(r)}),F(e,t)},r=i(()=>!!P($));he(t,{id:`reactive`,get open(){return P(r)},aside:n,children:(t,n)=>{var r=ft(),a=B(r),o=e=>{var t=ot(),n=B(t),r=B(n),i=z(r,!0),a=_(r,2),o=z(a);M(),d(n);var s=_(n,2);p(s,{icon:`close`,variant:`ghost`,label:`Clear selection`,onclick:un}),d(t),k(()=>{C(i,P(K).label),C(o,`#${P(K).componentId??``}`)}),F(e,t)};j(a,e=>{P(G)===`local`&&P(K)&&e(o)});var c=_(a,2),l=_(B(c),3),u=e=>{var t=L();k(e=>C(t,`${e??``} edges to signals outside the loaded set are not shown.`),[()=>P(Z).edgesOmitted.toLocaleString()]),F(e,t)};j(l,e=>{P(Z).edgesOmitted&&e(u)});var h=_(l,2),g=e=>{var t=L();k(e=>C(t,`Built ${e??``}.`),[()=>ce(P(Ft))]),F(e,t)};j(h,e=>{P(Ft)!==null&&P(Z)!==je&&e(g)}),d(c);var v=_(c,2),y=B(v),b=e=>{var t=I(),n=w(t),r=e=>{s(e,{title:`Collecting reactive graph…`})},i=e=>{s(e,{icon:`reactive`,title:`No signals tracked here`,children:(e,t)=>{var n=st();F(e,n)},$$slots:{default:!0}})};j(n,e=>{X.loading||X.busy?e(r):e(i,-1)}),F(e,t)},x=e=>{var t=I(),n=w(t),r=e=>{{let t=i(()=>P(Zt).length.toLocaleString());s(e,{icon:`graph`,get title(){return`${P(t)??``} signals is too many to lay out`},children:(e,t)=>{var n=ct(),r=w(n);r.textContent=`Pick a single component or filter to under 400 signals, or use the list view.`;var i=_(r,2);p(i,{icon:`list`,onclick:()=>Vt.value=`list`,children:(e,t)=>{M();var n=L(`Switch to list`);F(e,n)},$$slots:{default:!0}}),F(e,n)},$$slots:{default:!0}})}},a=e=>{var t=lt();Re(B(t),{get nodes(){return P(Zt)},get edges(){return P($t)},get changedNodeIds(){return P(Nt)},get selectedNodeId(){return P(Q)},set selectedNodeId(e){R(Q,e,!0)}}),d(t),F(e,t)};j(n,e=>{P(Zt).length>re?e(r):e(a,-1)}),F(e,t)},ee=t=>{H(t,{get items(){return P(Zt)},get columns(){return rn},getKey:e=>e.id,label:`Reactive signals`,onactivate:cn,get sort(){return P(Wt)},set sort(e){R(Wt,e,!0)},get selected(){return P(Q)},set selected(e){R(Q,e,!0)},row:(t,n=f,r)=>{let a=()=>(r?.()).visible;var o=dt(),s=w(o),c=B(s);me(c,{get tone(){return nn[n().type]},children:(e,t)=>{M();var r=L();k(()=>C(r,n().type)),F(e,r)},$$slots:{default:!0}}),d(s);var l=_(s,2);let u;var p=B(l);e(p,{get text(){return n().name},get query(){return P(Ht)}}),d(l);var h=_(l,2),g=t=>{var r=ut(),a=B(r);{let t=i(()=>V(n().componentFile));e(a,{get text(){return P(t)},get query(){return P(Ht)}})}d(r),F(t,r)},v=i(()=>a().has(`component`));j(h,e=>{P(v)&&e(g)});var y=_(h,2),b=z(y,!0),x=_(y,2),ee=e=>{var t=Ke(),r=z(t);k((e,t)=>C(r,`${e??``} / ${t??``}`),[()=>P(qt).deps.get(n().id)?.length??0,()=>P(qt).dependents.get(n().id)?.length??0]),F(e,t)},S=i(()=>a().has(`deps`));j(x,e=>{P(S)&&e(ee)}),k((e,t)=>{u=m(l,1,`truncate mono name svelte-1mo53p6`,null,u,{flash:e}),C(b,t)},[()=>P(Nt).has(n().id),()=>n().value===void 0?``:W(n().value,120)]),F(t,o)},empty:e=>{s(e,{icon:`search`,title:`No loaded signals match`})},$$slots:{row:!0,empty:!0}})};j(y,e=>{P(Z).nodes.length===0?e(b):P(en)===`graph`?e(x,1):e(ee,-1)}),d(v),d(r),F(t,r)},$$slots:{aside:!0,default:!0}})}},N=(e,t=f,n=f)=>{var r=gt(),a=w(r),o=B(a),s=_(o),c=z(s,!0);d(a);var l=_(a,2),u=e=>{var t=mt();oe(t,20,n,e=>e,(e,t)=>{let n=i(()=>P(Kt).get(t));var r=I(),a=w(r),o=e=>{var r=pt(),i=B(r),a=B(i);me(a,{get tone(){return nn[P(n).type]},children:(e,t)=>{M();var r=L();k(()=>C(r,P(n).type)),F(e,r)},$$slots:{default:!0}});var o=_(a,2),s=z(o,!0),c=_(o,2),l=z(c);d(i),d(r),k(e=>{C(s,P(n).name),C(l,`${e??``}${P(G)===`local`&&P(n).componentId!==P(K)?.componentId?` · other component`:``}`)},[()=>V(P(n).componentFile)]),O(`click`,i,()=>R(Q,t,!0)),F(e,r)};j(a,e=>{P(n)&&e(o)}),F(e,r)}),d(t),F(e,t)},p=e=>{var t=ht();F(e,t)};j(l,e=>{n().length?e(u):e(p,-1)}),k(()=>{C(o,`${t()??``} `),C(c,n().length)}),F(e,r)},re=400,ie={topK:50,windowMs:1e4},ae=2e3,G=v(r(U.current?`local`:`overview`)),K=i(()=>U.current);S(()=>{U.current&&A(()=>R(G,`local`))});let q=v(`components`),J=c(()=>Ee(ie),{initial:null,interval:ae,when:()=>P(G)===`overview`&&P(q)===`components`}),Ne=v(`file`),Pe=v(r({id:`changes`,desc:!0})),Fe=v(null),Ie=i(()=>{let e=J.data?.rows??[];return P(Ne)===`file`?Ce(e).map(e=>({key:e.file,...e})):e.map(e=>({key:`#${e.componentId}`,file:e.file,instances:[e],nodes:e.nodes,changes:e.changes,renders:e.renders,renderMs:e.renderMs}))}),Le=i(()=>P(Fe)?P(Ie).find(e=>e.key===P(Fe))??null:null),Ct=[{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,sort:(e,t)=>e.file.localeCompare(t.file)},{id:`instances`,label:`Inst.`,width:`52px`,align:`end`,descFirst:!0,minWidth:560,sort:(e,t)=>e.instances.length-t.instances.length},{id:`nodes`,label:`Signals`,width:`72px`,align:`end`,descFirst:!0,minWidth:640,sort:(e,t)=>we(e.nodes)-we(t.nodes)},{id:`changes`,label:`Changes`,width:`84px`,align:`end`,descFirst:!0,sort:(e,t)=>e.changes-t.changes},{id:`renders`,label:`Renders`,width:`72px`,align:`end`,descFirst:!0,sort:(e,t)=>e.renders-t.renders},{id:`renderMs`,label:`Render time`,width:`96px`,align:`end`,descFirst:!0,minWidth:720,sort:(e,t)=>e.renderMs-t.renderMs}],Y=c(async()=>(await g(void 0)).changes,{initial:[],interval:ae,version:be(`stateTimeline`),when:()=>P(G)===`overview`&&P(q)===`states`}),wt=i(()=>{let e=new Map;for(let t of Y.data){let n=e.get(t.id);if(n)n.changes++,t.seq>n.last.seq&&(n.last=t);else{let n=Number(t.id.slice(0,t.id.indexOf(`:`)));e.set(t.id,{key:t.id,name:t.name,file:t.componentFile,componentId:Number.isInteger(n)?n:null,changes:1,last:t})}}return[...e.values()]}),Tt=Se(ae,()=>P(G)===`overview`&&P(q)===`states`),Et=i(()=>De(Tt.data.stateTimeline?.baseline)),Dt=i(()=>Y.data.length?Y.data[0].timestamp:null),Ot=v(r({id:`changes`,desc:!0})),kt=v(null),At=[{id:`name`,label:`State`,width:`minmax(120px, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,minWidth:560,sort:(e,t)=>e.file.localeCompare(t.file)},{id:`changes`,label:`Changes`,width:`84px`,align:`end`,descFirst:!0,sort:(e,t)=>e.changes-t.changes},{id:`value`,label:`Last value`,width:`minmax(0, 1fr)`,minWidth:680},{id:`at`,label:`Last seen`,width:`96px`,align:`end`,descFirst:!0,sort:(e,t)=>e.last.seq-t.last.seq}];async function jt(e){if(e.componentId===null)return;let t=(await D().catch(()=>null))?.epoch;t&&U.set({componentId:e.componentId,epoch:t,label:`<${V(e.file)}>`,file:e.file})}function Mt(e,t){t&&U.set({componentId:e.componentId,epoch:t,label:`<${V(e.file)}>`,file:e.file})}let Nt=v(new Set),Pt=new Map,Ft=v(null),It=i(()=>P(G)===`full`?null:P(G)===`local`&&P(K)?.epoch?P(K).componentId:void 0),X=c(async()=>{let e=A(()=>P(It)),t=A(()=>P(K)?.epoch);if(e===void 0||e!==null&&!t)return je;let n=await ke(e===null?null:{componentId:e,epoch:t}),r=new Map,i=new Set;for(let e of n.nodes)e.value!==void 0&&(r.set(e.id,e.value),Pt.has(e.id)&&!Te(Pt.get(e.id),e.value)&&i.add(e.id));return Pt=r,(i.size||P(Nt).size)&&R(Nt,i),R(Ft,n.computedAt,!0),n},{initial:je,interval:5e3,equals:Me,when:()=>P(It)!==void 0}),Lt;S(()=>{let e=P(It);A(()=>{e!==Lt&&(Lt=e,Pt=new Map,R(Nt,new Set),R(Q,null),R(Ft,null),e!==void 0&&X.refresh())})});let Rt=v(!1),zt=!1;S(()=>{P(Rt)&&X.live&&(zt=!0)}),S(()=>{P(G)!==`full`||zt||P(Rt)||X.data.nodes.length<=2e3||A(()=>{X.live=!1,R(Rt,!0)})});let Bt=i(()=>P(G)===`local`&&!!P(K)?.epoch&&(Oe(X.data)||!!X.data.epoch&&X.data.epoch!==P(K).epoch)),Z=i(()=>P(Bt)||P(It)===void 0||X.data.scope!==(P(It)??null)?je:X.data),Vt=h(`reactive:view`,`auto`),Ht=v(``),Ut=v(`all`),Wt=v(r({id:`component`,desc:!1})),Q=v(null),Gt=v(``),Kt=i(()=>new Map(P(Z).nodes.map(e=>[e.id,e]))),qt=i(()=>{let e=new Map,t=new Map;for(let n of P(Z).edges)(e.get(n.to)??e.set(n.to,[]).get(n.to)).push(n.from),(t.get(n.from)??t.set(n.from,[]).get(n.from)).push(n.to);return{deps:e,dependents:t}}),Jt=i(()=>[...new Set(P(Z).nodes.map(e=>e.componentFile))].sort()),Yt=i(()=>{if(P(G)!==`full`||!P(Gt))return null;let e=new Set;for(let t of P(Z).nodes)t.componentFile===P(Gt)&&e.add(t.id);for(let t of P(Z).edges)(e.has(t.from)||e.has(t.to))&&(e.add(t.from),e.add(t.to));return e}),Xt=i(()=>new Map(P(Z).nodes.map(e=>[e.id,te(e.name,e.componentFile,e.value===void 0?``:W(e.value))]))),Zt=i(()=>{let e=u(P(Ht)),t=P(Yt);return P(Z).nodes.filter(n=>(!t||t.has(n.id))&&(P(Ut)===`all`||n.type===P(Ut))&&(!e||e(P(Xt).get(n.id)??``)))}),Qt=i(()=>new Set(P(Zt).map(e=>e.id))),$t=i(()=>P(Z).edges.filter(e=>P(Qt).has(e.from)&&P(Qt).has(e.to))),en=i(()=>Vt.value===`auto`?P(Zt).length<=150?`graph`:`list`:Vt.value),$=i(()=>P(Q)?P(Kt).get(P(Q))??null:null),tn=i(()=>{let e={state:0,derived:0,effect:0};for(let t of P(Z).nodes)e[t.type]++;return e}),nn={state:`blue`,derived:`green`,effect:`red`},rn=[{id:`type`,label:`Kind`,width:`68px`,sort:(e,t)=>e.type.localeCompare(t.type)},{id:`name`,label:`Name`,width:`minmax(120px, 1fr)`,sort:(e,t)=>e.name.localeCompare(t.name)},{id:`component`,label:`Component`,width:`minmax(0, 1fr)`,minWidth:560,sort:(e,t)=>e.componentFile.localeCompare(t.componentFile)||e.name.localeCompare(t.name)},{id:`value`,label:`Value`,width:`minmax(0, 1.2fr)`},{id:`deps`,label:`In / Out`,width:`64px`,align:`end`,descFirst:!0,minWidth:680,sort:(e,t)=>(P(qt).deps.get(e.id)?.length??0)+(P(qt).dependents.get(e.id)?.length??0)-(P(qt).deps.get(t.id)?.length??0)-(P(qt).dependents.get(t.id)?.length??0)}],an=i(()=>J.data?.capabilities??{valueInspection:!1,signalHistory:!1,writeCause:!1}),on=e=>e==null?`unknown`:e.toLocaleString(),sn=e=>e?.stale?e.staleReason===`no-runtime`?`no app page is connected`:`the app did not answer in time; showing the previous reply`:null;function cn(e){a(e.componentFile,e.name,e.type).catch(()=>{})}function ln(e){P(Z).epoch&&U.set({componentId:e.componentId,epoch:P(Z).epoch,label:`<${V(e.componentFile)}>`,file:e.componentFile})}function un(){U.set(null),R(G,`overview`)}{let e=e=>{var t=xt(),n=w(t);{let e=i(()=>[{value:`overview`,label:`Overview`},{value:`local`,label:P(K)?P(K).label:`Component`},{value:`full`,label:`Full graph`}]);ve(n,{label:`Reactivity view`,get options(){return P(e)},get value(){return P(G)},set value(e){R(G,e,!0)}})}var r=_(n,2),a=e=>{ve(e,{label:`Overview of`,options:[{value:`components`,label:`Components`},{value:`states`,label:`States`}],get value(){return P(q)},set value(e){R(q,e,!0)}})};j(r,e=>{P(G)===`overview`&&e(a)});var o=_(r,2),s=e=>{ve(e,{label:`Group`,options:[{value:`file`,label:`By file`},{value:`instance`,label:`By instance`}],get value(){return P(Ne)},set value(e){R(Ne,e,!0)}})},c=e=>{var t=bt(),n=w(t);{let e=i(()=>[{value:`all`,label:`All`},{value:`state`,label:`$state`,count:P(tn).state},{value:`derived`,label:`$derived`,count:P(tn).derived},{value:`effect`,label:`$effect`,count:P(tn).effect}]);ve(n,{label:`Signal kind`,get options(){return P(e)},get value(){return P(Ut)},set value(e){R(Ut,e,!0)}})}var r=_(n,2);{let e=i(()=>P(Z).nodes.length.toLocaleString());ge(r,{get placeholder(){return`Filter the ${P(e)??``} loaded signals…`},get count(){return P(Zt).length},get value(){return P(Ht)},set value(e){R(Ht,e,!0)}})}var a=_(r,2),o=e=>{var t=vt(),n=B(t),r=z(n);n.value=n.__value=``;var i=_(n);oe(i,16,()=>P(Jt),e=>e,(e,t)=>{var n=_t(),r=z(n,!0),i={};k(e=>{C(r,e),i!==(i=t)&&(n.value=(n.__value=i)??``)},[()=>V(t)]),F(e,n)}),d(t),b(t),k(()=>C(r,`All loaded files (${P(Jt).length??``})`)),x(t,()=>P(Gt),e=>R(Gt,e)),F(e,t)};j(a,e=>{P(G)===`full`&&e(o)});var s=_(a,2);{let e=i(()=>({captured:P(Z).nodes.length,total:P(Z).total?.nodes??null,truncated:P(Z).truncated,policy:P(Z).policy})),t=i(()=>sn(P(Z)));xe(s,{get info(){return P(e)},noun:`signals`,get stale(){return P(t)}})}var c=_(s,2),l=e=>{var t=yt(),n=z(t);k((e,t)=>C(n,`Paused: ${e??``} of ${t??``} signals`),[()=>P(Z).nodes.length.toLocaleString(),()=>on(P(Z).total?.nodes)]),F(e,t)};j(c,e=>{P(Rt)&&!X.live&&P(G)===`full`&&e(l)});var u=_(c,2);ve(u,{label:`Layout`,options:[{value:`auto`,label:`Auto`},{value:`graph`,label:`Graph`},{value:`list`,label:`List`}],get value(){return Vt.value},set value(e){Vt.value=e}}),F(e,t)};j(o,e=>{P(G)===`overview`&&P(q)===`components`?e(s):P(G)!==`overview`&&e(c,1)}),F(e,t)},t=e=>{var t=I(),n=w(t),r=e=>{{let t=i(()=>P(q)===`states`?Y:J);ye(e,{get res(){return P(t)}})}},a=e=>{ye(e,{get res(){return X}})};j(n,e=>{P(G)===`overview`?e(r):P(It)!==void 0&&e(a,1)}),F(e,t)},r=i(()=>P(G)===`overview`?P(q)===`states`?P(wt).length:J.data?.components.total??void 0:P(Z).nodes.length);pe(n,{title:`Reactivity`,get count(){return P(r)},toolbar:e,actions:t,children:(e,t)=>{var n=I(),r=w(n),i=e=>{y(e)},a=e=>{s(e,{icon:`reactive`,title:`Pick a component`,children:(e,t)=>{var n=St(),r=_(B(n)),i=_(r,4);M(),d(n),O(`click`,r,()=>R(G,`overview`)),O(`click`,i,()=>se.go(`components`)),F(e,n)},$$slots:{default:!0}})},o=e=>{s(e,{icon:`warning`,title:`This selection has no page-load id`,children:(e,t)=>{var n=ze(),r=w(n),i=z(r),a=_(r,2);p(a,{icon:`close`,onclick:un,children:(e,t)=>{M();var n=L(`Clear selection`);F(e,n)},$$slots:{default:!0}}),k(()=>C(i,`Component ids are only valid within one page load. Pick ${P(K).label??``} again in Components once the tree has refreshed.`)),F(e,n)},$$slots:{default:!0}})},c=e=>{s(e,{icon:`warning`,title:`The app page reloaded`,children:(e,t)=>{var n=ze(),r=w(n),i=z(r),a=_(r,2);p(a,{icon:`close`,onclick:un,children:(e,t)=>{M();var n=L(`Clear selection`);F(e,n)},$$slots:{default:!0}}),k(()=>C(i,`Component ids restart on every page load, so ${P(K)?.label??``} #${P(K)?.componentId??``} may now be a different instance. Pick it again.`)),F(e,n)},$$slots:{default:!0}})},l=e=>{E(e)};j(r,e=>{P(G)===`overview`?e(i):P(G)===`local`&&!P(K)?e(a,1):P(G)===`local`&&P(K)&&!P(K).epoch?e(o,2):P(Bt)?e(c,3):e(l,-1)}),F(e,n)},$$slots:{toolbar:!0,actions:!0,default:!0}})}ne()}E([`click`]);export{Ct as default};

package/dist/client/assets/reactive-selection.svelte-Dfd9zWsh.js

@@ -1 +0,0 @@
-import{Tt as e,mt as t,wt as n}from"./index-BzMw8R8l.js";var r=e(null),i={get current(){return t(r)},set(e){n(r,e,!0)}};export{i as t};