1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2416],{42416:function(t,e,a){a.r(e),a.d(e,{default:function(){return r}});var l=a(57437),n=a(2265),i=a(94199);function r(t){let{live:e=!0,interactive:a=!1}=t,r=(0,n.useRef)(null),h=(0,n.useRef)({x:.5,on:!1});return(0,i.$P)(r,(t,l,n,r)=>{let o;if(t.clearRect(0,0,l,n),!e){let e=.7*Math.min(l,n)/8,a=(l-8*e)/2,r=n/2-e;t.fillStyle=i.zJ.faint;for(let l=0;l<8;l++)t.beginPath(),t.arc(a+(l+.5)*e,r,1.1,0,2*Math.PI),t.fill();t.strokeStyle=i.zJ.faint2,t.lineWidth=1,t.setLineDash([2,3]),t.strokeRect(a,r+1.8*e,8*e,.6*e),t.setLineDash([]);return}let c=[1,2,4,8];o=a&&h.current.on?1-h.current.x:(1-Math.cos(.018*r+1.4))/2;let s=Math.min(c.length-1,Math.max(0,Math.round((o=(0,i.uZ)(o,0,1))*(c.length-1)))),f=c[c.length-1-s],u=8/f,M=n>150,d=Math.max(6,.07*Math.min(l,n)),m=M?Math.max(10,.06*Math.min(l,n)):0,x=n-2*d-m,g=l-2*d,b=(0,i.uZ)(.32*Math.min(g/8,.18*x),2.5,9),k=g/8,y=d+m+b+4,P=(0,i.uZ)(.18*x,8,28),S=n-d-P,p=g/f;for(let e=0;e<8;e++){let a=d+(e+.5)*k,l=.7+.25*Math.sin((Math.floor(e/u)+1)*1.7);t.fillStyle="rgba(63,224,201,".concat(.6+.35*l,")"),t.beginPath(),t.arc(a,y,b,0,2*Math.PI),t.fill()}for(let e=0;e<f;e++){let a=d+e*p,l=p-Math.max(2,.06*p);t.fillStyle="rgba(224,179,65,0.28)",t.fillRect(a,S,l,P),t.strokeStyle=i.zJ.data,t.lineWidth=1.2,t.strokeRect(a+.5,S+.5,l-1,P-1)}t.lineWidth=1;for(let e=0;e<8;e++){let a=Math.floor(e/u),l=d+(e+.5)*k,n=d+a*p+(p-Math.max(2,.06*p))/2,i=.18+.55*(1-Math.abs(e-(a*u+u/2-.5))/Math.max(1,u/2));t.strokeStyle="rgba(63,224,201,".concat(i,")"),t.beginPath(),t.moveTo(l,y+b),t.lineTo(n,S),t.stroke()}if(M){t.textAlign="center",t.textBaseline="alphabetic",t.font=Math.max(9,.05*Math.min(l,n))+"px "+i.$j,t.fillStyle=i.zJ.muted,t.fillText("".concat(8," query heads"),l/2,d+m-2),t.fillStyle=i.zJ.data;let e=1===f?"1 shared KV head":"".concat(f," KV head").concat(f>1?"s":"");t.fillText(e,l/2,n-d/2)}},{animate:e,deps:[e,a]}),(0,l.jsx)("canvas",{ref:r,"aria-hidden":"true",...a?{onPointerMove:t=>{let e=t.currentTarget.getBoundingClientRect();h.current.x=(0,i.uZ)((t.clientX-e.left)/e.width,0,1),h.current.on=!0},onPointerLeave:()=>{h.current.on=!1}}:{},style:{width:"100%",height:"100%",display:"block",...a?{cursor:"crosshair"}:{}}})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.