1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,21996,e=>{"use strict";var t=e.i(43476);let r=(e,t)=>`M ${e-16+6} ${t-16} H ${e+16-6} L ${e+16} ${t-16+6} V ${t+16-6} L ${e+16-6} ${t+16} H ${e-16+6} L ${e-16} ${t+16-6} V ${t-16+6} Z`;e.s(["ToolChip",0,({x:e,y:s,activity:n})=>(0,t.jsxs)("g",{children:[(0,t.jsx)("path",{d:r(e,s),fill:"var(--background)"}),(0,t.jsx)("path",{d:r(e,s),fill:"currentColor",fillOpacity:.06+.08*n,stroke:"currentColor",strokeOpacity:.38+.22*n,strokeLinejoin:"round",className:n>0?"text-sky-600 dark:text-sky-400":"text-stone-600 dark:text-stone-300"})]})])},50995,e=>{"use strict";var t=e.i(43476),r=e.i(71645),s=e.i(96590),n=e.i(78650),i=e.i(26128),a=e.i(43700),l=e.i(89794),o=e.i(38646),c=e.i(21996);let u=12500,d=418,x=[{x:340,y:181},{x:340,y:169},{x:340,y:157}],m=[0,.3,.6,1],y=[{kind:"result",slot:0},{kind:"result",slot:1},{kind:"result",slot:2}],h=e=>Math.max(0,Math.min(1,e)),p=e=>{let t=h(e);return t*t*(3-2*t)},f=(e,t,r)=>e+(t-e)*h(r),k=(e,t,r)=>({x:f(e.x,t.x,r),y:f(e.y,t.y,r)}),g=(e,t,r=!1)=>{let s=((e,t=!1)=>{let r=(t?0:Math.PI)+h(e)*Math.PI;return{x:d+78*Math.cos(r),y:152+78*Math.sin(r)}})(e,r);return"right"===t?s:{x:340-(s.x-340),y:s.y}},j=(e,t)=>h((e-.03*t)/.24),w=({kind:e,opacity:r=1,showLabel:s=!1,active:n=!1,x:i,y:a})=>(0,t.jsxs)("g",{transform:`translate(${i} ${a}
1)`,opacity:r,className:"summary"===e?"text-stone-600 dark:text-stone-400":"request"===e?"text-primary":n?"text-sky-600 dark:text-sky-400":"text-stone-500 dark:text-stone-400",children:[(0,t.jsx)("rect",{x:"-9",y:"-5",width:"18",height:"10",rx:"2.5",fill:"currentColor"}),(0,t.jsx)("path",{d:"M -5 -1.5 H 5 M -5 1.8 H 2",fill:"none",stroke:"var(--background)",strokeWidth:"1.1",strokeLinecap:"round"}),"summary"===e&&s?(0,t.jsx)("text",{y:"-8",textAnchor:"middle",fill:"currentColor",className:"font-medium font-mono text-[9px] uppercase tracking-wide sm:text-[7px]",children:"Summary"}):null]}),b=({activity:e})=>(0,t.jsxs)("g",{className:"text-stone-600 dark:text-stone-300",children:[(0,t.jsx)("path",{d:`M ${162} 136 H ${206} L ${191} 153 V 167 H ${177} V 153 Z`,fill:"var(--background)"}),(0,t.jsx)("path",{d:`M ${162} 136 H ${206} L ${191} 153 V 167 H ${177} V 153 Z`,fill:"currentColor",fillOpacity:.06+.1*e,stroke:"currentColor",strokeOpacity:.38+.28*e,strokeLinejoin:"round"})]});e.s(["CONTEXT_STRATEGIES_TOTAL_MS",0,u,"ContextStrategiesFigure",0,()=>{let[e,d]=(0,r.useState)(0),[v,C]=(0,r.useState)(!1),N=(0,r.useRef)(null),$=(0,r.useRef)(!1),S=(0,r.useRef)(null),O=(0,r.useRef)(null);(0,r.useEffect)(()=>{let e=N.current;if(!e)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&!$.current&&($.current=!0,C(!0))},{threshold:.4});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{if(!v){O.current=null,null!==S.current&&cancelAnimationFrame(S.current),S.current=null;return}let e=t=>{null===O.current&&(O.current=t);let r=t-O.current;O.current=t,d(e=>(e+r)%u),S.current=requestAnimationFrame(e)};return S.current=requestAnimationFrame(e),()=>{null!==S.current&&cancelAnimationFrame(S.current),S.current=null}},[v]);let M=(0,r.useCallback)(()=>{d(0),C(!0)},[]),L=(0,r.useCallback)(()=>{C(e=>!e)},[]),F=e>=7500,A=F?2:Math.min(2,Math.floor(e/2500)),P=F?h((e-7500)/4200):(e-2500*A)/2500,R=y.slice(0,A),I=x[A]??x[0],T=P<.32?g(P/.32,"right"):P<.5?{x:496,y:152}:P<.82?g((P-.5)/.31999999999999995,"right",!0):k({x:340,y:152},I,p((P-.82)/.12)),B=!F&&P>=.32&&P<.5,E=B?Math.sin((P-.32)/.18*Math.PI):0,W=!F&&P>=.94,H=!F&&P>=.82,z=F&&P>=.28&&P<.46,D=z?Math.sin((P-.28)/.18*Math.PI):0,_=F&&P>=.46&&P<.88,X=g((P-.46)/.42,"left",!0),q=k({x:340,y:152},x[0],p((P-.88)/.09999999999999998)),V=m[A]??m[0],U=m[A+1]??V,Z=p((P-.82)/.12),Y=p((P-.88)/.09999999999999998),Q=F?f(m[3],.3,Y):f(V,U,Z),G=Math.round(100*Q),K=194-84*Q,J=f(-12,-5,p(Q/.3)),ee=Math.max(122,Math.min(188,K+(Q>=.78?12:J)));return(0,t.jsxs)(n.Figure.Frame,{children:[(0,t.jsx)(n.Figure.Body,{className:"px-4 pt-4 pb-2",children:(0,t.jsxs)("svg",{ref:N,viewBox:"80 64 520 176",className:"block h-auto w-full",role:"img",children:[(0,t.jsx)("title",{children:"A model compacting several context payloads into one summary"}),(0,t.jsx)("desc",{children:"Three execution loops stack payloads inside an initially empty model while its context rises from zero to full. The three payloads travel to a funnel-shaped compactor, which returns one same-sized summary and reduces the context to 30 percent."}),(0,t.jsx)("circle",{cx:262,cy:152,r:78,fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeOpacity:"0.55",className:"text-secondary"}),(0,t.jsx)("circle",{cx:418,cy:152,r:78,fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeOpacity:"0.55",className:"text-secondary"}),F||H?null:(0,t.jsx)(w,{kind:P<.5?"request":"result",active:P>=.5,x:T.x,y:T.y}),_?(0,t.jsx)(w,{kind:"summary",showLabel:!0,x:X.x,y:X.y}):null,(0,t.jsx)(o.ModelOrb,{x:340,y:152,radius:42,contextFillProgress:Q,labelOpacity:0,thinkingProgress:0}),F?null:R.map(e=>{let r=x[e.slot]??x[0];return(0,t.jsx)(w,{kind:e.kind,x:r.x,y:r.y},e.slot)}),H?(0,t.jsx)(w,{kind:"result",x:W?I.x:T.x,y:W?I.y:T.y}):null,F?y.map((e,r)=>{let s,n,i=j(P,r);if(i>=1)return null;let a=(s=j(P,r),n=x[e.slot]??x[0],s<.12?k(n,{x:340,y:152},p(s/.12)):g(p((s-.12)/.88),"left")),l=1-p((i-.88)/.12);return(0,t.jsx)(w,{kind:e.kind,x:a.x,y:a.y,opacity:l},e.slot)}):null,F&&P>=.88?(0,t.jsx)(w,{kind:"summary",x:q.x,y:q.y}
1):null,(0,t.jsxs)("text",{x:340,y:ee,textAnchor:"middle",fill:"currentColor",className:`font-medium font-mono text-[11px] tracking-wide sm:text-[9px] ${Q>=o.FULL_CONTEXT_THRESHOLD?o.FULL_CONTEXT_COLOR:"text-secondary"}`,children:[G,"%"]}),(0,t.jsx)("text",{x:340,y:211,textAnchor:"middle",fill:"currentColor",className:"font-medium text-[12px] text-secondary sm:text-[10px]",children:"Model"}),(0,t.jsx)(b,{activity:D}),(0,t.jsx)(c.ToolChip,{x:496,y:152,activity:E}),z?(0,t.jsx)("text",{x:152,y:155,textAnchor:"end",fill:"currentColor",className:"font-medium font-mono text-[11px] text-secondary uppercase tracking-wide sm:text-[9px]",children:"Compacting"}):null,B?(0,t.jsx)("text",{x:528,y:155,textAnchor:"start",fill:"currentColor",className:"font-medium font-mono text-[11px] text-secondary uppercase tracking-wide sm:text-[9px]",children:"Executing"}):null]})}),(0,t.jsxs)(n.Figure.Controls,{className:"!pointer-events-auto !opacity-100",children:[(0,t.jsx)(n.Figure.Loading,{value:e/u,"aria-label":"Scrub context compaction playback",onClick:e=>{let t=e.currentTarget.getBoundingClientRect();d(h((e.clientX-t.left)/t.width)*u),C(!1)}}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)(s.Button,{size:"sm",variant:"icon",onClick:L,children:[v?(0,t.jsx)(i.PauseIcon,{className:"h-3.5 w-3.5"}):(0,t.jsx)(a.PlayIcon,{className:"h-3.5 w-3.5"}),(0,t.jsx)("span",{className:"sr-only",children:v?"Pause animation":"Play animation"})]}),(0,t.jsxs)(s.Button,{size:"sm",variant:"icon",onClick:M,children:[(0,t.jsx)(l.RestartIcon,{className:"h-3.5 w-3.5"}),(0,t.jsx)("span",{className:"sr-only",children:"Restart animation"})]})]})]})]})}])},58445,e=>{"use strict";var t=e.i(43476),r=e.i(71645),s=e.i(96590),n=e.i(78650),i=e.i(26128),a=e.i(43700),l=e.i(89794),o=e.i(38646);let c=[{id:"idle",ms:1100},{id:"dispatch",ms:1900},{id:"working",ms:1800},{id:"return-1",ms:1200},{id:"return-3",ms:1300},{id:"return-2",ms:1200},{id:"done",ms:1900}],u=c.reduce((e,t)=>e+t.ms,0),d=[{x:135,y:93},{x:145,y:340},{x:545,y:205}],x=[{control:{x:244,y:115},from:{x:317,y:201},to:{x:150,y:102}},{control:{x:222,y:255},from:{x:317,y:230},to:{x:159,y:331}},{control:{x:447,y:185},from:{x:367,y:214},to:{x:528,y:206}}],m=[{control:{x:217,y:172},from:{x:150,y:102},to:{x:317,y:201}},{control:{x:250,y:320},from:{x:159,y:331},to:{x:317,y:230}},{control:{x:448,y:235},from:{x:528,y:206},to:{x:367,y:214}}],y=[0,.14,.28],h=e=>Math.max(0,Math.min(1,e)),p=e=>{let t=h(e);return t*t*(3-2*t)},f=({from:e,control:t,to:r})=>`M ${String(e.x)} ${String(e.y)} Q ${String(t.x)} ${String(t.y)} ${String(r.x)} ${String(r.y)}`,k=({x:e,y:r,opacity:s})=>(0,t.jsxs)("g",{opacity:s,transform:`translate(${String(e)} ${String(r)}) scale(${String(s)})`,children:[(0,t.jsx)("circle",{r:"11",fill:"var(--background)",className:"stroke-sky-600 dark:stroke-sky-400",strokeWidth:"1.25"}),(0,t.jsx)("circle",{r:"8.5",fill:"currentColor",fillOpacity:"0.12",className:"text-sky-600 dark:text-sky-400"}),(0,t.jsx)("path",{d:"M -4 0 L -1 3 L 4.5 -3.5",fill:"none",className:"stroke-sky-700 dark:stroke-sky-300",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]}),g=({x:e,y:r,radius:s,modelRadius:n,label:i,progress:a=1,working:l=!1,completion:c=0,spinnerOffset:u=0,primary:d=!1,modelActivity:x=0})=>{let m=p(a),y=r+n+18,h=p(c),f=h>.5;return(0,t.jsxs)("g",{opacity:m,transform:`translate(${String(e)} ${String(r)}) scale(${String(.55+.45*m)}) translate(${String(-e)} ${String(-r)})`,children:[(0,t.jsx)("circle",{cx:e,cy:r,r:s,fill:"currentColor",fillOpacity:.035,className:"text-primary"}),(0,t.jsx)("circle",{cx:e,cy:r,r:s,fill:"none",stroke:"currentColor",strokeOpacity:d?.42:.34,strokeWidth:d?1.25:1,className:"text-secondary"}),d?j(e,y,.72):null,(0,t.jsx)(o.ModelOrb,{x:e,y:r,radius:n,thinkingProgress:x,inactive:!(l&&!f)&&x<.05,labelOpacity:+!!d}),l&&!f?(0,t.jsx)("circle",{cx:e,cy:r,r:s+6,pathLength:"100",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"17 83",strokeDashoffset:u,className:"text-sky-600 dark:text-sky-400"}):null,(0,t.jsx)(k,{x:e+.73*s,y:r-.73*s,opacity:h}
1),i?(0,t.jsx)("text",{x:e,y:r+s+21,textAnchor:"middle",fill:"currentColor",className:"font-medium text-[14px] text-primary sm:text-[12px]",children:i}):null]})},j=(e,r,s)=>(0,t.jsx)("text",{x:e,y:r,textAnchor:"middle",fill:"currentColor",className:"font-medium text-[12px] text-secondary sm:text-[10px]",opacity:s,children:"Harness"}),w=({point:e,opacity:r})=>(0,t.jsxs)("g",{opacity:r,transform:`translate(${String(e.x)} ${String(e.y)})`,className:"text-primary",children:[(0,t.jsx)("rect",{x:"-9",y:"-6",width:"18",height:"12",rx:"2.5",fill:"currentColor"}),(0,t.jsx)("path",{d:"M -5 -2 H 5 M -5 2 H 2",fill:"none",stroke:"var(--background)",strokeWidth:"1.25",strokeLinecap:"round"})]});e.s(["DISPATCH_TOTAL_MS",0,u,"DispatchFigure",0,()=>{var e,o,k;let j,b,v,C=`${(0,r.useId)().replace(/:/g,"")}-dispatch-arrow`,[N,$]=(0,r.useState)(0),[S,O]=(0,r.useState)(!1),M=(0,r.useRef)(null),L=(0,r.useRef)(!1),F=(0,r.useRef)(null),A=(0,r.useRef)(null);(0,r.useEffect)(()=>{let e=M.current;if(!e)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&!L.current&&(L.current=!0,O(!0))},{threshold:.4});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{if(!S){A.current=null,null!==F.current&&cancelAnimationFrame(F.current),F.current=null;return}let e=t=>{null===A.current&&(A.current=t);let r=t-A.current;A.current=t,$(e=>(e+r)%u),F.current=requestAnimationFrame(e)};return F.current=requestAnimationFrame(e),()=>{null!==F.current&&cancelAnimationFrame(F.current),F.current=null}},[S]);let P=(0,r.useCallback)(()=>{$(0),O(!0)},[]),R=(0,r.useCallback)(()=>{O(e=>!e)},[]),{id:I,t:T}=(e=>{let t=0;for(let r of c){if(e<t+r.ms)return{id:r.id,t:(e-t)/r.ms};t+=r.ms}return{id:"done",t:1}})(N),B="idle"!==I,E="idle"===I?0:"dispatch"===I?p(T/.72):1,W="working"===I?1-p(T/.35):+("idle"===I||"dispatch"===I),H="return-1"===I?0:"return-3"===I?2:"return-2"===I?1:null,z=null===H?0:p((T-.2)/.68),D=null===H?null:(e=(j=m[H]??m[0]).from,o=j.control,k=j.to,{x:(v=1-(b=h(z)))*v*e.x+2*v*b*o.x+b*b*k.x,y:v*v*e.y+2*v*b*o.y+b*b*k.y}),_=null===H?0:p((T-.15)/.1)*(1-p((T-.9)/.08)),X=null===H?0:p((T-.08)/.5),q=null!==H?p((z-.72)/.28):.35*("done"===I);return(0,t.jsxs)(n.Figure.Frame,{children:[(0,t.jsx)(n.Figure.Body,{className:"px-3 pt-3 pb-1 sm:px-5",children:(0,t.jsxs)("svg",{ref:M,viewBox:"0 0 680 430",className:"block h-auto w-full",role:"img","aria-labelledby":"dispatch-figure-title dispatch-figure-description",children:[(0,t.jsx)("title",{id:"dispatch-figure-title",children:"A primary agent dispatches three sub-agents"}),(0,t.jsx)("desc",{id:"dispatch-figure-description",children:"The primary agent creates three smaller harness-and-model agents. Each agent works, finishes at a different time, and returns its work as an instruction payload to the primary model."}),(0,t.jsx)("defs",{children:(0,t.jsx)("marker",{id:C,viewBox:"0 0 8 8",refX:"6.5",refY:"4",markerWidth:"7",markerHeight:"7",orient:"auto",children:(0,t.jsx)("path",{d:"M 0 0 L 8 4 L 0 8 Z",fill:"currentColor",className:"text-sky-600 dark:text-sky-400"})})}),(0,t.jsx)("g",{opacity:W,children:x.map((e,r)=>{let s=h((E-.12*r)/.76);return(0,t.jsx)("path",{d:f(e),pathLength:"1",fill:"none",stroke:"currentColor",strokeWidth:"1.25",strokeOpacity:.18+.22*s,strokeDasharray:"1",strokeDashoffset:1-s,markerEnd:s>.92?`url(#${C})`:void 0,className:"text-sky-600 dark:text-sky-400"},`outbound-${String(r)}`)})}),m.map((e,r)=>{let s=(e=>H===e?X:+!!(0===e?["return-3","return-2","done"].includes(I):2===e?["return-2","done"].includes(I):"done"===I))(r);if(s<=0)return null;let n=H===r;return(0,t.jsx)("path",{d:f(e),pathLength:"1",fill:"none",stroke:"currentColor",strokeWidth:n?1.75:1.25,strokeOpacity:n?.7:.28,strokeDasharray:"1",strokeDashoffset:1-s,markerEnd:s>.92?`url(#${C})`:void 0,className:"text-sky-600 dark:text-sky-400"},`return-${String(r)}`)}),(0,t.jsx)(g,{x:340,y:215,radius:72,modelRadius:27,label:"Primary agent",primary:!0,modelActivity:q}),d.map((e,r)=>{var s;return(0,t.jsx)(g,{x:e.x,y:e.y,radius:46,modelRadius:17,label:`Sub-agent ${String(r+1)}`,progress:"idle"===I?0:"dispatch"!==I?1:p((T-(y[r]??0))/.55),working:B,completion:0===(s=r)?"return-1"===I?p(T/.18):+!!["return-3","return-2","done"].includes(I):2===s?"return-3"===I?p(T/.18):+!!["return-2","done"].includes(I):"return-2"===I?p(T/.18):+("done"===I),spinnerOffset:-((N/18+27*r)%100)},e.x)}),D?(0,t.jsx)(w,{point:D,opacity:_}):null]})}),(0,t.jsxs)(n.Figure.Controls,{children:[(0,t.jsx)(n.Figure.Loading,{value:N/u,onClick:e=>{let t=e.currentTarget.getBoundingClientRect();$(h((e.clientX-t.left)/t.width)*u),O(!1)},"aria-label":"Scrub dispatch playback"}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(s.Button,{size:"sm",variant:"icon",onClick:R,"aria-label":S?"Pause animation":"Play animation",children:S?(0,t.jsx)(i.PauseIcon,{className:"size-3.5"}):(0,t.jsx)(a.PlayIcon,{className:"size-3.5"})}),(0,t.jsx)(s.Button,{size:"sm",variant:"icon",onClick:P,"aria-label":"Restart animation",children:(0,t.jsx)(l.RestartIcon,{className:"size-3.5"})})]})]})]})}])},14076,e=>{"use strict";var t=e.i(43476),r=e.i(71645),s=e.i(96590),n=e.i(78650),i=e.i(26128),a=e.i(43700),l=e.i(89794),o=e.i(38646),c=e.i(21996);let u=[0,.3,.6,1,1],d="M 262 152 A 78 78 0 0 1 418 152 A 78 78 0 0 1 262 152",x=e=>Math.max(0,Math.min(1,e)),m=e=>{let t=x(e);return t*t*(3-2*t)},y=(e,t=!1)=>{let r=(t?0:Math.PI)+x(e)*Math.PI;return{x:340+78*Math.cos(r),y:152+78*Math.sin(r)}};e.s(["LOOPING_DURATIONS",0,{context:1e4,loop:4200},"LoopingFigure",0,({variant:e="loop"})=>{let[h,p]=(0,r.useState)(0),[f,k]=(0,r.useState)(!1),g=(0,r.useRef)(null),j=(0,r.useRef)(!1),w=(0,r.useRef)(null),b=(0,r.useRef)(null),v=(0,r.useId)().replace(/:/g,""),C=`${v}-looping-figure-title`,N=`${v}-looping-figure-description`,$="context"===e,S=$?1e4:4200;(0,r.useEffect)(()=>{let e=g.current;if(!e)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&!j.current&&(j.current=!0,k(!0))},{threshold:.35});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>
1{if(!f){b.current=null,null!==w.current&&cancelAnimationFrame(w.current),w.current=null;return}let e=t=>{null===b.current&&(b.current=t);let r=t-b.current;b.current=t,p(e=>(e+r)%S),w.current=requestAnimationFrame(e)};return w.current=requestAnimationFrame(e),()=>{null!==w.current&&cancelAnimationFrame(w.current),w.current=null}},[S,f]);let O=(0,r.useCallback)(()=>{p(0),k(!0)},[]),M=(0,r.useCallback)(()=>{k(e=>!e)},[]),L=$?Math.min(3,Math.floor(h/2500)):0,F=$&&3===L,A=$?(h-2500*L)/2500:h/4200,P=!$&&A>=.82,R=(A-.82)/.18,I=P?Math.sin(R*Math.PI):0,T=A>=.5,B=A>=.32&&A<.5,E=B?Math.sin((A-.32)/.18*Math.PI):0,W=$?((e,t=!1)=>{if(e<.32)return y(e/.32);if(e<.5)return{x:418,y:152};if(e<.82){let r=(e-.5)/.31999999999999995;return y(t?.76*r:r,!0)}return t?y(.76,!0):{x:262,y:152}})(A,F):A<.32?y(A/.32):A<.5?{x:418,y:152}:A<.82?y((A-.5)/.31999999999999995,!0):{x:262,y:152},H=F?m((A-(.82-.05))/.05):0,z=$&&!F?m((A-.82)/.12):0,D=u[L]??u[0],_=u[L+1]??D,X=D+(_-D)*z,q=Math.round(100*X);return(0,t.jsxs)(n.Figure.Frame,{children:[(0,t.jsx)(n.Figure.Body,{className:"px-4 pt-4 pb-2",children:(0,t.jsxs)("svg",{ref:g,viewBox:"80 64 520 176",className:"block h-auto w-full",role:"img","aria-labelledby":`${C} ${N}`,children:[(0,t.jsx)("title",{id:C,children:$?"A model context window filling across multiple turns":"A model and harness completing an instruction loop"}),(0,t.jsx)("desc",{id:N,children:$?"Each result returned to the model adds information until its context window fills. A fourth input is then blocked.":"The model thinks and produces an instruction. The harness executes the instruction and returns the result to the model."}),(0,t.jsx)("path",{d:d,fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeOpacity:"0.55",className:"text-secondary"}),(0,t.jsxs)("g",{transform:`translate(${W.x} ${W.y})`,className:T?"text-sky-600 dark:text-sky-400":"text-primary",children:[(0,t.jsx)("rect",{x:"-9",y:"-6",width:"18",height:"12",rx:"2.5",fill:"currentColor"}),(0,t.jsx)("path",{d:"M -5 -2 H 5 M -5 2 H 2",fill:"none",stroke:"var(--background)",strokeWidth:"1.25",strokeLinecap:"round"})]}),(0,t.jsx)(o.ModelOrb,{x:262,y:152,radius:42,contextFillProgress:$?X:0,thinkingProgress:$||F?0:I}),F?(0,t.jsxs)("g",{transform:`translate(${W.x-2} ${W.y-6})`,opacity:H,className:"text-red-600 dark:text-red-400",children:[(0,t.jsx)("circle",{r:"7",fill:"var(--background)"}),(0,t.jsx)("path",{d:"M -3 -3 L 3 3 M 3 -3 L -3 3",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}):null,$?(0,t.jsxs)("text",{x:262,y:179,textAnchor:"middle",fill:"currentColor",className:`font-medium font-mono text-[11px] tracking-wide sm:text-[9px] ${X>=o.FULL_CONTEXT_THRESHOLD?o.FULL_CONTEXT_COLOR:"text-secondary"}`,children:[q,"%"]}):null,(0,t.jsx)(c.ToolChip,{x:418,y:152,activity:E}),P&&!$&&(0,t.jsx)("text",{x:208,y:155,textAnchor:"end",fill:"currentColor",className:"font-medium font-mono text-[11px] text-secondary uppercase tracking-wide sm:text-[9px]",children:"Thinking"}),B&&(0,t.jsx)("text",{x:450,y:155,textAnchor:"start",fill:"currentColor",className:"font-medium font-mono text-[11px] text-secondary uppercase tracking-wide sm:text-[9px]",children:"Executing"})]})}),(0,t.jsxs)(n.Figure.Controls,{className:$?"!pointer-events-auto !opacity-100":void 0,children:[(0,t.jsx)(n.Figure.Loading,{value:h/S,"aria-label":$?"Scrub context growth playback":"Scrub harness loop playback",onClick:e=>{let t=e.currentTarget.getBoundingClientRect();p(x((e.clientX-t.left)/t.width)*S),k(!1)}}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)(s.Button,{size:"sm",variant:"icon",onClick:M,children:[f?(0,t.jsx)(i.PauseIcon,{className:"h-3.5 w-3.5"}):(0,t.jsx)(a.PlayIcon,{className:"h-3.5 w-3.5"}),(0,t.jsx)("span",{className:"sr-only",children:f?"Pause animation":"Play animation"})]}),(0,t.jsxs)(s.Button,{size:"sm",variant:"icon",onClick:O,children:[(0,t.jsx)(l.RestartIcon,{className:"h-3.5 w-3.5"}),(0,t.jsx)("span",{className:"sr-only",children:"Restart animation"})]})]})]})]})}])},8623,e=>{"use strict";var t=e.i(43476),r=e.i(71645),s=e.i(96590),n=e.i(78650),i=e.i(26128),a=e.i(43700),l=e.i(89794),o=e.i(38646);let c=[{id:"idle",ms:800},{id:"spawn-1",ms:1e3},{id:"write-1",ms:1500},{id:"write-2",ms:1500},{id:"spawn-2",ms:1e3},{id:"read-2",ms:1800},{id:"write-3",ms:1500},{id:"spawn-3",ms:1100},{id:"read-3",ms:2800},{id:"hold",ms:2500}],u=c.reduce((e,t)=>
1e+t.ms,0),d=c.map(e=>e.id),x=e=>{let t=d.indexOf(e);return c.slice(0,t).reduce((e,t)=>e+t.ms,0)},m={x:340,y:215},y=m.x-46,h=m.y-63,p=[{x:135,y:93},{x:145,y:340},{x:545,y:205}],f=["spawn-1","spawn-2","spawn-3"],k=["write-2","write-3","read-3"],g=["write-1","write-2","write-3"],j={"write-1":0,"write-2":1,"write-3":2},w={"read-2":{count:2,direction:"read",session:1},"read-3":{count:3,direction:"read",session:2},"write-1":{count:1,direction:"write",session:0},"write-2":{count:1,direction:"write",session:0},"write-3":{count:1,direction:"write",session:1}},b=[{control:{x:230,y:140},from:m,to:{x:150,y:102}},{control:{x:224,y:286},from:m,to:{x:159,y:331}},{control:{x:462,y:210},from:m,to:{x:528,y:206}}],v=[{control:{x:222,y:146},from:{x:150,y:102},to:m},{control:{x:236,y:301},from:{x:159,y:331},to:m},{control:{x:466,y:232},from:{x:528,y:206},to:m}],C=[{x:m.x,y:m.y-30},{x:m.x,y:m.y},{x:m.x,y:m.y+30}],N=e=>Math.max(0,Math.min(1,e)),$=e=>{let t=N(e);return t*t*(3-2*t)},S=(e,t,r)=>"read"===e?{...t,from:r}:{...t,to:r},O=({opacity:e=1,point:r})=>(0,t.jsx)("g",{opacity:e,transform:`translate(${String(r.x)} ${String(r.y)})`,className:"text-primary",children:(0,t.jsx)("rect",{x:"-14",y:"-4",width:"28",height:"8",rx:"2",fill:"currentColor",fillOpacity:"0.82"})}),M=({contextFill:e,index:r,progress:s,spinnerOpacity:n,spinnerOffset:i,x:a,y:l})=>{let c=$(s);return(0,t.jsxs)("g",{opacity:c,transform:`translate(${String(a)} ${String(l)}) scale(${String(.55+.45*c)}) translate(${String(-a)} ${String(-l)})`,children:[(0,t.jsx)("circle",{cx:a,cy:l,r:46,fill:"currentColor",fillOpacity:"0.035",className:"text-primary"}),(0,t.jsx)("circle",{cx:a,cy:l,r:46,fill:"none",stroke:"currentColor",strokeOpacity:"0.34",className:"text-secondary"}),(0,t.jsx)(o.ModelOrb,{x:a,y:l,radius:17,contextFillProgress:e,labelOpacity:0,thinkingProgress:.2}),(0,t.jsx)("circle",{cx:a,cy:l,r:52,pathLength:"100",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"17 83",strokeDashoffset:i,opacity:n,className:"text-sky-600 dark:text-sky-400"}),(0,t.jsxs)("text",{x:a,y:l+46+21,textAnchor:"middle",fill:"currentColor",className:"font-medium text-[14px] text-primary sm:text-[12px]",children:["Session ",r+1]})]})};e.s(["MEMORY_TOTAL_MS",0,u,"MemoryFigure",0,()=>{let[e,o]=(0,r.useState)(0),[L,F]=(0,r.useState)(!1),A=(0,r.useRef)(null),P=(0,r.useRef)(!1),R=(0,r.useRef)(null),I=(0,r.useRef)(null),T=(0,r.useId)().replace(/:/g,""),B=`${T}-memory-figure-title`,E=`${T}-memory-figure-description`,W=`${T}-memory-transaction-arrow`;(0,r.useEffect)(()=>{let e=A.current;if(!e)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&!P.current&&(P.current=!0,F(!0))},{threshold:.35});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{if(!L){I.current=null,null!==R.current&&cancelAnimationFrame(R.current),R.current=null;return}let e=t=>{null===I.current&&(I.current=t);let r=t-I.current;I.current=t,o(e=>(e+r)%u),R.current=requestAnimationFrame(e)};return R.current=requestAnimationFrame(e),()=>{null!==R.current&&cancelAnimationFrame(R.current),R.current=null}},[L]);let H=(0,r.useCallback)(()=>{o(0),F(!0)},[]),z=(0,r.useCallback)(()=>{F(e=>!e)},[]),{id:D,t:_}=(e=>{let t=0;for(let r of c){if(e<t+r.ms)return{id:r.id,t:(e-t)/r.ms};t+=r.ms}return{id:"hold",t:1}})(e),X=d.indexOf(D),q=w[D],V=_*(c[X]?.ms??1),U=1080+130*Math.max(0,(q?.count??1)-1),Z=void 0!==q&&V<U+180,Y=$((V-60)/720),Q=q?$((V-60)/100)*(1-$((V-U)/180)):0,G=q?"read"===q.direction?b[q.session]??b[0]:v[q.session]??v[0]:b[0],K=j[D]??0,J=q?.direction==="write"?K:0,ee=S(q?.direction??"read",G,C[J]??C[0]),et=Array.from({length:q?.count??0},(e,t)=>{let r,s,n=130*t,i=$((V-180-n)/900),a=C[q?.direction==="write"?K:t]??C[0],l=S(q?.direction??"read",G,a);return{opacity:$((V-180-n)/100)*(1-$((V-(180+n+900-40))/180)),point:{x:(s=1-(r=N(i)))*s*l.from.x+2*s*r*l.control.x+r*r*l.to.x,y:s*s*l.from.y+2*s*r*l.control.y+r*r*l.to.y}}}),er=g.map(e=>X>d.indexOf(e)?1:D===e?$((V-1e3)/180):0),es=(e,t)=>X<d.indexOf(e)?0:D===e?$((V-980)/(1080+(t-1)*130-1080+360)):1,en=(t,r)=>$((e-x(t))/(x(r)+(c.find(e=>e.id===r)?.ms??0)-x(t))),ei=[.42*en("write-1","write-2"),.42*es("read-2",2)+.2*en("write-3","write-3"),.62*es("read-3",3)].map(N);return(0,t.jsxs)(n.Figure.Frame,{children:[(0,t.jsx)(n.Figure.Body,{className:"px-3 pt-3 pb-1 sm:px-5",children:(0,t.jsxs)("svg",{ref:A,viewBox:"0 0 680 430",className:"block h-auto w-full",role:"img","aria-labelledby":`${B} ${E}`,children:[(0,t.jsx)("title",{id:B,children:"Three sessions sharing memory"}),(0,t.jsx)("desc",{id:E,children:"Session one writes two procedures. Session two loads both, then writes a third. Session three loads all three. Each session begins with an empty context that fills as it works and jumps when stored procedures arrive."}),(0,t.jsx)("defs",{children:(0,t.jsx)("marker",{id:W,viewBox:"0 0 8 8",refX:"6.5",refY:"4",markerWidth:"7",markerHeight:"7",orient:"auto",children:(0,t.jsx)("path",{d:"M 0 0 L 8 4 L 0 8 Z",fill:"currentColor",className:"text-sky-600 dark:text-sky-400"})})}),Z?(0,t.jsx)("path",{d:(({from:e,control:t,to:r})=>`M ${String(e.x)} ${String(e.y)} Q ${String(t.x)} ${String(t.y)} ${String(r.x)} ${String(r.y)}`)(ee),pathLength:"1",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeOpacity:.25+.45*Q,strokeDasharray:"1",strokeDashoffset:1-Y,markerEnd:Y>.92?`url(#${W})`:void 0,className:"text-sky-600 dark:text-sky-400"}):null,(0,t.jsx)("g",{className:"text-secondary",children:(0,t.jsx)("rect",{x:y,y:h,width:92,height:126,rx:"14",fill:"
1currentColor",fillOpacity:"0.035",stroke:"currentColor",strokeOpacity:"0.4",strokeWidth:"1.25"})}),C.map((e,r)=>(0,t.jsx)(O,{point:e,opacity:er[r]??0},r)),(0,t.jsx)("text",{x:m.x,y:h+126+22,textAnchor:"middle",fill:"currentColor",className:"font-medium text-[14px] text-primary sm:text-[12px]",children:"Memory"}),p.map((r,s)=>{let n,i,a,l,o;return(0,t.jsx)(M,{contextFill:ei[s]??0,index:s,x:r.x,y:r.y,progress:(n=f[s]??f[0],X<d.indexOf(n)?0:D===n?$(_/.75):1),spinnerOpacity:(i=f[s]??f[0],a=k[s]??k[0],l=d.indexOf(i),o=d.indexOf(a),X<l||X>o?0:D===i?$(_/.5):D===a?1-$((_-.9)/.1):1),spinnerOffset:-((e/18+27*s)%100)},r.x)}),Z?et.map((e,r)=>(0,t.jsx)(O,{point:e.point,opacity:e.opacity},r)):null]})}),(0,t.jsxs)(n.Figure.Controls,{children:[(0,t.jsx)(n.Figure.Loading,{value:e/u,"aria-label":"Scrub memory playback",onClick:e=>{let t=e.currentTarget.getBoundingClientRect();o(N((e.clientX-t.left)/t.width)*u),F(!1)}}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(s.Button,{size:"sm",variant:"icon",onClick:z,"aria-label":L?"Pause animation":"Play animation",children:L?(0,t.jsx)(i.PauseIcon,{className:"size-3.5"}):(0,t.jsx)(a.PlayIcon,{className:"size-3.5"})}),(0,t.jsx)(s.Button,{size:"sm",variant:"icon",onClick:H,"aria-label":"Restart animation",children:(0,t.jsx)(l.RestartIcon,{className:"size-3.5"})})]})]})]})}])},2290,e=>{"use strict";var t=e.i(43476),r=e.i(71645),s=e.i(96590),n=e.i(78650),i=e.i(26128),a=e.i(43700),l=e.i(89794),o=e.i(38646);let c=[{id:"idle",ms:700},{id:"dispatch",ms:1500},{id:"work-1",ms:1800},{id:"reviewer-enter",ms:600},{id:"submit-1",ms:1400},{id:"review-1",ms:1600},{id:"reject",ms:1800},{id:"work-2",ms:1800},{id:"submit-2",ms:1400},{id:"review-2",ms:1600},{id:"approve",ms:1200},{id:"return",ms:1500},{id:"done",ms:1700}],u=c.reduce((e,t)=>e+t.ms,0),d=c.map(e=>e.id),x={control:{x:360,y:330},from:{x:218,y:234},to:{x:499,y:234}},m={control:{x:443,y:158},from:{x:499,y:196},to:{x:386,y:196}},y={control:{x:443,y:272},from:{x:386,y:234},to:{x:499,y:234}},h={control:{x:360,y:330},from:{x:499,y:234},to:{x:218,y:234}},p=e=>Math.max(0,Math.min(1,e)),f=e=>{let t=p(e);return t*t*(3-2*t)},k=(e,t)=>({pathOpacity:e?1-f((t-.82)/.16):0,pathProgress:e?f((t-.05)/.32):0,payloadOpacity:e?f((t-.34)/.05)*(1-f((t-.8)/.06)):0,payloadProgress:e?f((t-.36)/.4):0}),g=({route:e,markerId:r,state:s})=>s.pathProgress<=0||s.pathOpacity<=0?null:(0,t.jsx)("path",{d:(({from:e,control:t,to:r})=>`M ${String(e.x)} ${String(e.y)} Q ${String(t.x)} ${String(t.y)} ${String(r.x)} ${String(r.y)}`)(e),pathLength:"1",fill:"none",stroke:"currentColor",strokeWidth:"1.25",strokeOpacity:.7,strokeDasharray:"1",strokeDashoffset:1-s.pathProgress,markerEnd:s.pathProgress>.92?`url(#${r})`:void 0,opacity:s.pathOpacity,className:"text-sky-600 dark:text-sky-400"}),j=({x:e,y:r,opacity:s})=>(0,t.jsxs)("g",{opacity:s,transform:`translate(${String(e)} ${String(r)}) scale(${String(s)})`,children:[(0,t.jsx)("circle",{r:"11",fill:"var(--background)",className:"stroke-sky-600 dark:stroke-sky-400",strokeWidth:"1.25"}),(0,t.jsx)("circle",{r:"8.5",fill:"currentColor",fillOpacity:"0.12",className:"text-sky-600 dark:text-sky-400"}),(0,t.jsx)("path",{d:"M -4 0 L -1 3 L 4.5 -3.5",fill:"none",className:"stroke-sky-700 dark:stroke-sky-300",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]}),w=({x:e,y:r,opacity:s})=>(0,t.jsxs)("g",{opacity:s,transform:`translate(${String(e)} ${String(r)}) scale(${String(s)})`,children:[(0,t.jsx)("circle",{r:"11",fill:"var(--background)",className:"stroke-red-600 dark:stroke-red-400",strokeWidth:"1.25"}),(0,t.jsx)("circle",{r:"8.5",fill:"currentColor",fillOpacity:"0.12",className:"text-red-600 dark:text-red-400"}),(0,t.jsx)("path",{d:"M -3.5 -3.5 L 3.5 3.5 M 3.5 -3.5 L -3.5 3.5",fill:"none",className:"stroke-red-700 dark:stroke-red-300",strokeWidth:"1.75",strokeLinecap:"round"})]}),b=({x:e,y:r,radius:s,modelRadius:n,label:i,progress:a=1,working:l=!1,spinnerOffset:c=0,primary:u=!1,modelActivity:d=0,badge:x="none",badgeProgress:m=0,scaleWithProgress:y=!0})=>{let h=f(a),p=y?h:1,k=e+.73*s,g=r-.73*s;return(0,t.jsxs)("g",{opacity:h,transform:`translate(${String(e)} ${String(r)}) scale(${String(.55+.45*p)}) translate(${String(-e)} ${String(-r)})`,children:[(0,t.jsx)("circle",{cx:e,cy:r,r:s,fill:"currentColor",fillOpacity:.035,className:"text-primary"}),(0,t.jsx)("circle",{cx:e,cy:r,r:s,fill:"none",stroke:"currentColor",strokeOpacity:u?.42:.34,strokeWidth:u?1.25:1,className:"text-secondary"}
1),u?(0,t.jsx)("text",{x:e,y:r+n+18,textAnchor:"middle",fill:"currentColor",className:"font-medium text-[12px] text-secondary sm:text-[10px]",opacity:.72,children:"Harness"}):null,(0,t.jsx)(o.ModelOrb,{x:e,y:r,radius:n,thinkingProgress:d,inactive:!l&&d<.05,labelOpacity:+!!u}),l?(0,t.jsx)("circle",{cx:e,cy:r,r:s+6,pathLength:"100",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"17 83",strokeDashoffset:c,className:"text-sky-600 dark:text-sky-400"}):null,"rejected"===x?(0,t.jsx)(w,{x:k,y:g,opacity:m}):"approved"===x?(0,t.jsx)(j,{x:k,y:g,opacity:m}):null,i?(0,t.jsx)("text",{x:e,y:r+s+21,textAnchor:"middle",fill:"currentColor",className:"font-medium text-[14px] text-primary sm:text-[12px]",children:i}):null]})},v=({point:e,opacity:r})=>(0,t.jsxs)("g",{opacity:r,transform:`translate(${String(e.x)} ${String(e.y)})`,className:"text-primary",children:[(0,t.jsx)("rect",{x:"-9",y:"-6",width:"18",height:"12",rx:"2.5",fill:"currentColor"}),(0,t.jsx)("path",{d:"M -5 -2 H 5 M -5 2 H 2",fill:"none",stroke:"var(--background)",strokeWidth:"1.25",strokeLinecap:"round"})]});e.s(["VERIFICATION_TOTAL_MS",0,u,"VerificationFigure",0,()=>{var e,o,j;let w,C,N=`${(0,r.useId)().replace(/:/g,"")}-verification-arrow`,[$,S]=(0,r.useState)(0),[O,M]=(0,r.useState)(!1),L=(0,r.useRef)(null),F=(0,r.useRef)(!1),A=(0,r.useRef)(null),P=(0,r.useRef)(null);(0,r.useEffect)(()=>{let e=L.current;if(!e)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&!F.current&&(F.current=!0,M(!0))},{threshold:.4});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{if(!O){P.current=null,null!==A.current&&cancelAnimationFrame(A.current),A.current=null;return}let e=t=>{null===P.current&&(P.current=t);let r=t-P.current;P.current=t,S(e=>(e+r)%u),A.current=requestAnimationFrame(e)};return A.current=requestAnimationFrame(e),()=>{null!==A.current&&cancelAnimationFrame(A.current),A.current=null}},[O]);let R=(0,r.useCallback)(()=>{S(0),M(!0)},[]),I=(0,r.useCallback)(()=>{M(e=>!e)},[]),{id:T,t:B}=(e=>{let t=0;for(let r of c){if(e<t+r.ms)return{id:r.id,t:(e-t)/r.ms};t+=r.ms}return{id:"done",t:1}})($),E=d.indexOf(T),W=e=>E>=d.indexOf(e),H="idle"===T?0:"dispatch"===T?B/.25:1,z="reject"===T?f((B-.76)/.12):"work-2"===T?1-f((B-.65)/.25):0,D="approve"===T?f((B-.15)/.2):+!!W("return"),_=W("reviewer-enter")?"reviewer-enter"===T?B:"return"===T?1-B/.35:+!W("done"):0,X=k("dispatch"===T,B),q=k("submit-1"===T,B),V=k("reject"===T,B),U=k("submit-2"===T,B),Z=k("return"===T,B),Y="dispatch"===T?{route:x,state:X}:"submit-1"===T?{route:m,state:q}:"reject"===T?{route:y,state:V}:"submit-2"===T?{route:m,state:U}:"return"===T?{route:h,state:Z}:null,Q=Y?(e=Y.route.from,o=Y.route.control,j=Y.route.to,{x:(C=1-(w=p(Y.state.payloadProgress)))*C*e.x+2*C*w*o.x+w*w*j.x,y:C*C*e.y+2*C*w*o.y+w*w*j.y}):null,G="return"===T?f((Z.payloadProgress-.7)/.3):"done"===T?1-.65*f(B/.35):0;return(0,t.jsxs)(n.Figure.Frame,{children:[(0,t.jsx)(n.Figure.Body,{className:"px-3 pt-3 pb-1 sm:px-5",children:(0,t.jsxs)("svg",{ref:L,viewBox:"0 0 680 430",className:"block h-auto w-full",role:"img","aria-labelledby":"verification-figure-title verification-figure-description",children:[(0,t.jsx)("title",{id:"verification-figure-title",children:"A reviewer verifies a sub-agent's work before it reaches the primary agent"}),(0,t.jsx)("desc",{id:"verification-figure-description",children:"The primary agent dispatches work to a sub-agent. The sub-agent's result goes to a reviewer, which sends back a rejection. The sub-agent works again, the reviewer approves, and the sub-agent sends its result straight to the primary agent."}),(0,t.jsx)("defs",{children:(0,t.jsx)("marker",{id:N,viewBox:"0 0 8 8",refX:"6.5",refY:"4",markerWidth:"7",markerHeight:"7",orient:"auto",children:(0,t.jsx)("path",{d:"M 0 0 L 8 4 L 0 8 Z",fill:"currentColor",className:"text-sky-600 dark:text-sky-400"})})}),(0,t.jsx)(g,{route:x,markerId:N,state:X}),(0,t.jsx)(g,{route:m,markerId:N,state:q}),(0,t.jsx)(g,{route:y,markerId:N,state:V}),(0,t.jsx)(g,{route:m,markerId:N,state:U}),(0,t.jsx)(g,{route:h,markerId:N,state:Z}
1),(0,t.jsx)(b,{x:150,y:215,radius:72,modelRadius:27,label:"Primary agent",primary:!0,modelActivity:G}),(0,t.jsx)(b,{x:340,y:215,radius:46,modelRadius:17,label:"Reviewer",progress:_,working:"review-1"===T||"review-2"===T,spinnerOffset:-(($/18+43)%100),scaleWithProgress:!1}),(0,t.jsx)(b,{x:545,y:215,radius:46,modelRadius:17,label:"Sub-agent",progress:H,working:"work-1"===T||"work-2"===T,spinnerOffset:-($/18%100),badge:z>0?"rejected":D>0?"approved":"none",badgeProgress:z>0?z:D}),Q&&Y?(0,t.jsx)(v,{point:Q,opacity:Y.state.payloadOpacity}):null]})}),(0,t.jsxs)(n.Figure.Controls,{children:[(0,t.jsx)(n.Figure.Loading,{value:$/u,onClick:e=>{let t=e.currentTarget.getBoundingClientRect();S(p((e.clientX-t.left)/t.width)*u),M(!1)},"aria-label":"Scrub verification playback"}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(s.Button,{size:"sm",variant:"icon",onClick:I,"aria-label":O?"Pause animation":"Play animation",children:O?(0,t.jsx)(i.PauseIcon,{className:"size-3.5"}):(0,t.jsx)(a.PlayIcon,{className:"size-3.5"})}),(0,t.jsx)(s.Button,{size:"sm",variant:"icon",onClick:R,"aria-label":"Restart animation",children:(0,t.jsx)(l.RestartIcon,{className:"size-3.5"})})]})]})]})}])}]);
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.