https://sambanova-deploy.vercel.app/assets/DataflowLive-BYWpoDQ5.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-ekieBV3y.css"])))=>i.map(i=>d[i]);
2import{r as e,j as t,_ as Ae}from"./react-jxH75lBa.js";import{p as K,z as Ve,a2 as Ze,a3 as U,a4 as g,a5 as me,e as ze,o as Se,F as he,a0 as ue,a6 as He,a7 as P,a8 as fe,a9 as Ce,aa as _e,ab as Re,ac as Fe}from"./index-DWEGEl4F.js";const Pe=new Map([["bold",e.createElement(e.Fragment,null,e.createElement("path",{d:"M216,100H132.92l78.14-20.63a12,12,0,0,0,8.52-14.75l-8.16-30a19.94,19.94,0,0,0-24.3-13.95L34.79,60.87a19.74,19.74,0,0,0-12.14,9.27,19.48,19.48,0,0,0-1.95,15L28,112v88a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V112A12,12,0,0,0,216,100ZM124.89,61.91l18.29,10.56-25.95,6.85L98.94,68.76Zm64.45-17,3.91,14.35-17.13,4.52L157.83,53.21ZM66,77.46,84.29,88l-35.4,9.35L45,83ZM204,196H52V124H204Z"}))],["duotone",e.createElement(e.Fragment,null,e.createElement("path",{d:"M67.71,64.59l47.79,27.6L40.43,112,32.27,82a7.76,7.76,0,0,1,5.58-9.52ZM199.84,37.76a7.9,7.9,0,0,0-9.66-5.49L126.61,49.05,174.4,76.64,208,67.77Z",opacity:"0.2"}),e.createElement("path",{d:"M216,104H102.09L210,75.51a8,8,0,0,0,5.68-9.84l-8.16-30a15.93,15.93,0,0,0-19.42-11.13L35.81,64.74a15.75,15.75,0,0,0-9.7,7.4,15.51,15.51,0,0,0-1.55,12L32,111.56c0,.14,0,.29,0,.44v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V112A8,8,0,0,0,216,104ZM192.16,40l6,22.07-22.62,6L147.42,51.83Zm-66.69,17.6,28.12,16.24-36.94,9.75L88.53,67.37Zm-79.4,44.62-6-22.08,26.5-7L94.69,89.4ZM208,200H48V120H208v80Z"}))],["fill",e.createElement(e.Fragment,null,e.createElement("path",{d:"M216,104H102.09L210,75.51a8,8,0,0,0,5.68-9.84l-8.16-30a15.93,15.93,0,0,0-19.42-11.13L35.81,64.74a15.75,15.75,0,0,0-9.7,7.4,15.51,15.51,0,0,0-1.55,12L32,111.56c0,.14,0,.29,0,.44v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V112A8,8,0,0,0,216,104ZM192.16,40l6,22.07L164.57,71,136.44,54.72ZM77.55,70.27l28.12,16.24-59.6,15.73-6-22.08Z"}))],["light",e.createElement(e.Fragment,null,e.createElement("path",{d:"M216,106H86.68L209.53,73.57a6,6,0,0,0,4.26-7.38l-8.16-30a13.94,13.94,0,0,0-17-9.72L36.32,66.67a13.77,13.77,0,0,0-8.48,6.47,13.57,13.57,0,0,0-1.36,10.42L34,111.34c0,.22,0,.44,0,.66v88a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V112A6,6,0,0,0,216,106ZM125.75,55.48l33,19.07-42.43,11.2-33-19.07Zm66-17.41a1.92,1.92,0,0,1,2.34,1.26l6.57,24.18L175.26,70.2l-33-19.07ZM38.23,79.14a1.85,1.85,0,0,1,1.15-.87L66.86,71l33,19.08L44.66,104.68l-6.6-24.27A1.63,1.63,0,0,1,38.23,79.14ZM210,200a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V118H210Z"}))],["regular",e.createElement(e.Fragment,null,e.createElement("path",{d:"M216,104H102.09L210,75.51a8,8,0,0,0,5.68-9.84l-8.16-30a15.93,15.93,0,0,0-19.42-11.13L35.81,64.74a15.75,15.75,0,0,0-9.7,7.4,15.51,15.51,0,0,0-1.55,12L32,111.56c0,.14,0,.29,0,.44v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V112A8,8,0,0,0,216,104ZM192.16,40l6,22.07-22.62,6L147.42,51.83Zm-66.69,17.6,28.12,16.24-36.94,9.75L88.53,67.37Zm-79.4,44.62-6-22.08,26.5-7L94.69,89.4ZM208,200H48V120H208v80Z"}))],["thin",e.createElement(e.Fragment,null,e.createElement("path",{d:"M216,108H71.26L209,71.64a4,4,0,0,0,2.84-4.92l-8.16-30a11.92,11.92,0,0,0-14.54-8.31L36.83,68.61a11.78,11.78,0,0,0-7.26,5.53A11.59,11.59,0,0,0,28.41,83l7.67,28.19A3.87,3.87,0,0,0,36,112v88a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V112A4,4,0,0,0,216,108ZM126,53.33l38,21.92L116.08,87.9,78.12,66Zm65.16-17.2a4,4,0,0,1,1-.13A3.88,3.88,0,0,1,196,38.81l7.1,26.12L175,72.35,137,50.43Zm-154.7,42a3.86,3.86,0,0,1,2.37-1.8l28.27-7.46,38,21.91L43.25,107.12,36.13,80.94A3.66,3.66,0,0,1,36.5,78.14ZM212,200a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V116H212Z"}))]]),Te=new Map([["bold",e.createElement(e.Fragment,null,e.createElement("path",{d:"M201.75,30.52a20,20,0,0,0-20.3.53L68,102V40a12,12,0,0,0-24,0V216a12,12,0,0,0,24,0V154l113.45,71A20,20,0,0,0,212,208.12V47.88A19.86,19.86,0,0,0,201.75,30.52ZM188,200.73,71.7,128,188,55.27Z"}))],["duotone",e.createElement(e.Fragment,null,e.createElement("path",{d:"M200,47.88V208.12a8,8,0,0,1-12.19,6.65L59.7,134.65a7.83,7.83,0,0,1,0-13.3L187.81,41.23A8,8,0,0,1,200,47.88Z",opacity:"0.2"}),e.createElement("path",{d:"M199.81,34a16,16,0,0,0-16.24.43L64,109.23V40a8,8,0,0,0-16,0V216a8,8,0,0,0,16,0V146.77l119.57,74.78A15.95,15.95,0,0,0,208,208.12V47.88A15.86,15.86,0,0,0,199.81,34ZM192,208,64.16,128,192,48.07Z"}))],["fill",e.createElement(e.Fragment,null,e.createElement("path",{d:"M208,47.88V208.12a16,16,0,0,1-24.43,13.43L64,146.77V216a8,8,0,0,1-16,0V40a8,8,0,0,1,16,0v69.23L183.57,34.45A15.95,15.95,0,0,1,208,47.88Z"}))],["light",e.createElement(e.Fragment,null,e.createElement("path",{d:"M198.84,35.77a14,14,0,0,0-14.21.37L62,112.83V40a6,6,0,0,0-12,0V216a6,6,0,0,0,12,0V143.16l122.63,76.7a14,14,0,0,0,14.21.37A13.69,13.69,0,0,0,206,208.12V47.88A13.69,13.69,0,0,0,198.84,35.77ZM194,208.12a1.79,1.79,0,0,1-1,1.62,2,2,0,0,1-2-.05L62.88,129.56a1.82,1.82,0,0,1,0-3.12L191,46.31a2,2,0,0,1,1-.31,2.1,2.1,0,0,1,1,.26,1.79,1.79,0,0,1,1,1.62Z"}))],["regular",e.createElement(e.Fragment,null,e.createElement("path",{d:"M199.81,34a16,16,0,0,0-16.24.43L64,109.23V40a8,8,0,0,0-16,0V216a8,8,0,0,0,16,0V146.77l119.57,74.78A15.95,15.95,0,0,0,208,208.12V47.88A15.86,15.86,0,0,0,199.81,34ZM192,208,64.16,128,192,48.07Z"}))],["thin",e.createElement(e.Fragment,null,e.createElement("path",{d:"M197.87,37.52a12,12,0,0,0-12.18.32L60,116.44V40a4,4,0,0,0-8,0V216a4,4,0,0,0,8,0V139.56l125.69,78.6a12,12,0,0,0,12.18.32A11.69,11.69,0,0,0,204,208.12V47.88A11.69,11.69,0,0,0,197.87,37.52ZM196,208.12a3.8,3.8,0,0,1-2,3.37,4,4,0,0,1-4.06-.11L61.82,131.26a3.83,3.83,0,0,1,0-6.52L189.94,44.62a4,4,0,0,1,2.11-.62,4,4,0,0,1,1.95.51,3.8,3.8,0,0,1,2,3.37Z"}))]]),Oe=new Map([["bold",e.createElement(e.Fragment,null,e.createElement("path",{d:"M200,28a12,12,0,0,0-12,12v62l-113.45-71A20,20,0,0,0,44,47.88V208.12A20,20,0,0,0,74.55,225L188,154v62a12,12,0,0,0,24,0V40A12,12,0,0,0,200,28ZM68,200.73V55.27L184.3,128Z"}))],["duotone",e.createElement(e.Fragment,null,e.createElement("path",{d:"M196.3,134.65,68.19,214.77A8,8,0,0,1,56,208.12V47.88a8,8,0,0,1,12.19-6.65L196.3,121.35A7.83,7.83,0,0,1,196.3,134.65Z",opacity:"0.2"}),e.createElement("path",{d:"M200,32a8,8,0,0,0-8,8v69.23L72.43,34.45A15.95,15.95,0,0,0,48,47.88V208.12a16,16,0,0,0,24.43,13.43L192,146.77V216a8,8,0,0,0,16,0V40A8,8,0,0,0,200,32ZM64,207.93V48.05l127.84,80Z"}))],["fill",e.createElement(e.Fragment,null,e.createElement("path",{d:"M208,40V216a8,8,0,0,1-16,0V146.77L72.43,221.55A15.95,15.95,0,0,1,48,208.12V47.88A15.95,15.95,0,0,1,72.43,34.45L192,109.23V40a8,8,0,0,1,16,0Z"}))],["light",e.createElement(e.Fragment,null,e.createElement("path",{d:"M200,34a6,6,0,0,0-6,6v72.84

2L71.37,36.14a14,14,0,0,0-14.21-.37A13.69,13.69,0,0,0,50,47.88V208.12a13.69,13.69,0,0,0,7.16,12.11,14,14,0,0,0,14.21-.37L194,143.17V216a6,6,0,0,0,12,0V40A6,6,0,0,0,200,34Zm-6.88,95.56L65,209.69a2,2,0,0,1-2,.05,1.79,1.79,0,0,1-1-1.62V47.88a1.79,1.79,0,0,1,1-1.62A2.1,2.1,0,0,1,64,46a2,2,0,0,1,1,.31l128.12,80.13a1.82,1.82,0,0,1,0,3.12Z"}))],["regular",e.createElement(e.Fragment,null,e.createElement("path",{d:"M200,32a8,8,0,0,0-8,8v69.23L72.43,34.45A15.95,15.95,0,0,0,48,47.88V208.12a16,16,0,0,0,24.43,13.43L192,146.77V216a8,8,0,0,0,16,0V40A8,8,0,0,0,200,32ZM64,207.93V48.05l127.84,80Z"}))],["thin",e.createElement(e.Fragment,null,e.createElement("path",{d:"M200,36a4,4,0,0,0-4,4v76.44L70.31,37.84a12,12,0,0,0-12.18-.32A11.69,11.69,0,0,0,52,47.88V208.12a11.69,11.69,0,0,0,6.13,10.36,12,12,0,0,0,12.18-.32L196,139.56V216a4,4,0,0,0,8,0V40A4,4,0,0,0,200,36Zm-5.82,95.26L66.06,211.38a4,4,0,0,1-4.06.11,3.8,3.8,0,0,1-2-3.37V47.88a3.8,3.8,0,0,1,2-3.37A4,4,0,0,1,64,44a4,4,0,0,1,2.11.62l128.12,80.12a3.83,3.83,0,0,1,0,6.52Z"}))]]),B=e.forwardRef((r,l)=>e.createElement(K,{ref:l,...r,weights:Pe}));B.displayName="FilmSlateIcon";const q=e.forwardRef((r,l)=>e.createElement(K,{ref:l,...r,weights:Te}));q.displayName="SkipBackIcon";const W=e.forwardRef((r,l)=>e.createElement(K,{ref:l,...r,weights:Oe}));W.displayName="SkipForwardIcon";const b=14,X=10,ge=[{id:"rmsnorm",label:"RMSNorm",short:"Norm",hex:"#9a5bd6",labelHex:"#cfa9ff",tile:"#5b2a8e",text:"#efe3ff"},{id:"qkv",label:"QKV",short:"QKV",hex:"#b3468d",labelHex:"#f28fcb",tile:"#7a1f5f",text:"#ffe3f3"},{id:"attention",label:"Attention",short:"Attn",hex:"#3f8fd6",labelHex:"#8cc2ff",tile:"#1f5fa8",text:"#e3f0ff"},{id:"projection",label:"Projection",short:"Proj",hex:"#a3a3b4",labelHex:"#d0d0e0",tile:"#4a4a5c",text:"#eeeeee"},{id:"ffn",label:"FFN",short:"FFN",hex:"#5fbf3a",labelHex:"#9ee67f",tile:"#1f7a2a",text:"#e9ffe3"}],De=Object.fromEntries(ge.map(r=>[r.id,r])),tt="#f2d38a",at="#7ad24a",lt="#6a3df0",rt="#f6c76a",nt="#8ec8ff",st="#e9d5ff",it="#2a0d4a",$e={n:"rmsnorm",q:"qkv",a:"attention",p:"projection",f:"ffn"},Ge=[[["n",4],["q",4],["f",6]],[["n",4],["q",4],["f",6]],[["n",4],["q",4],["f",6]],[["a",2],["q",6],["p",2],["f",4]],[["a",2],["q",6],["p",2],["f",4]],[["a",2],["q",6],["p",2],["f",4]],[["a",6],["p",4],["f",4]],[["a",6],["p",4],["f",4]],[["a",6],["p",4],["f",4]],[["a",6],["p",4],["f",4]]],Ie=[[12,0],[6,1],[8,1],[0,3],[4,3],[10,3],[12,3],[2,5],[12,5],[6,7],[10,7],[2,8],[6,8],[10,8],[12,8]];function Ue(){const r=new Set(Ie.map(([n,i])=>`${n},${i}`)),l=[];return Ge.forEach((n,i)=>{let s=0;for(const[w,d]of n)for(let L=0;L<d;L++,s++){const Z=s%2===0?"PMU":"PCU",u=r.has(`${s},${i}`)&&Z==="PMU"?"WEIGHTS":Z;l.push({col:s,row:i,op:$e[w],kind:u,x:s-(b-1)/2,z:i-(X-1)/2})}}),l}const Q=Ue();Q.length;const ot=(()=>{const r=[];for(let l=0;l<=X;l++)for(let n=0;n<=b;n+=2)r.push({x:n-b/2,z:l-X/2});return r})();function Be(r){const l=Q.filter(d=>d.op===r),n=Math.min(...l.map(d=>d.x))-.5,i=Math.max(...l.map(d=>d.x))+.5,s=Math.min(...l.map(d=>d.z))-.5,w=Math.max(...l.map(d=>d.z))+.5;return{minX:n,maxX:i,minZ:s,maxZ:w,cx:(n+i)/2,cz:(s+w)/2}}function ct(r){const l=Be(r);return r==="attention"?{x:-4,z:1.5-.5}:r==="projection"?{x:2,z:1.5-.5}:r==="qkv"?{x:-1,z:-4.5}:{x:l.cx,z:l.minZ}}const v={hbm:{x:-b/2-2.2,z:-2.4,w:1.2,d:3.6,label:"HBM",sub:"Active model weights · hot KV cache",size:"64 GB per RDU"},ddr:{x:-b/2-2.2,z:2.6,w:1.2,d:3.6,label:"DDR",sub:"Model pool · prompt caches · cold KV",size:"up to 512 GB per RDU"},hbmR:{x:b/2+2.2,z:-2.4,w:1.2,d:3.6,label:"HBM",sub:"Active model weights",size:"64 GB per RDU"},ddrR:{x:b/2+2.2,z:2.6,w:1.2,d:3.6,label:"DDR",sub:"Model pool · cold KV",size:"up to 512 GB per RDU"}},be=[-1.1,0,1.1].map(r=>({x:-b/2-.8,z:r}));function dt(r=0){const l=[],n=s=>Math.sin(r*12.9898+s*78.233)*43758.5453%1*.6-.3;l.push([be[1].x-.6,be[1].z+n(1)*2]);const i=[["rmsnorm",-5,-3.5],["qkv",-1.5,-3.5],["qkv",.5,-.5],["attention",-4.5,0],["attention",-4,2.5],["projection",1.5,2.5],["projection",3,.5],["ffn",5.5,-1],["ffn",6.5,2]];for(let s=0;s<i.length;s++){const[,w,d]=i[s];l.push([w+n(s*2+2)*.8,d+n(s*2+3)*.8])}return l.push([b/2+1.6,1+n(40)]),l}function pt(){const r=[];r.push({tier:"ddr",pts:[[v.ddr.x,v.ddr.z],[v.ddr.x,v.hbm.z+1.2],[v.hbm.x,v.hbm.z]]});for(const l of Q.filter(n=>n.kind==="WEIGHTS")){const n=l.x<0,i=n?v.hbm:v.hbmR;r.push({tier:"hbm",pts:[[i.x+(n?.6:-.6),i.z],[n?-b/2-.2:b/2+.2,l.z],[l.x,l.z]]})}return r}

2const xt={ops:ge.map(r=>r.id),pitch:2.6,memoryDrop:2.2,label:"GPU · kernel by kernel",memoryLabel:"Memory"},qe=e.lazy(()=>Ae(()=>import("./DataflowScene-503Ix-Ap.js"),__vite__mapDeps([0])).then(r=>({default:r.DataflowScene}))),V=[{id:"pipeline",label:"Pipeline"},{id:"tensor",label:"Tensor"},{id:"expert",label:"Expert"}],We=25;function Xe({chapterId:r,active:l,onChapter:n,onBack:i,onFilm:s,onWalk:w}){var ce,de;const d=Ve(),L=Ze()||d,Z=Ke(),u=d&&Z,[z,we]=e.useState(!1),Y=Qe(),p=Object.prototype.hasOwnProperty.call(U,r)?U[r]:0,o=g[p],[N,T]=e.useState(!0),[x,S]=e.useState(null),[y,O]=e.useState("pipeline"),[J,D]=e.useState(!1),[k,A]=e.useState(null),[je,$]=e.useState(!0),[E,G]=e.useState(!1),[I,ve]=e.useState(!1),ee=e.useRef(0),H=e.useRef(null),j=e.useRef(0),te=e.useRef(0),ye=typeof window<"u"&&window.matchMedia("(pointer: coarse)").matches,h=e.useCallback(a=>{const c=(a%g.length+g.length)%g.length;j.current=0,S(null),A(null),G(!1),D(!1),T(!0),n(g[c].id)},[n]);e.useEffect(()=>{if(!l)return;j.current=0,T(!0),G(!1),S(null),A(null),D(!1),$(!0);const a=setTimeout(()=>$(!1),12e3);return()=>clearTimeout(a)},[l]),e.useEffect(()=>{o.parallelism&&O(o.parallelism)},[o]),e.useEffect(()=>{if(!l||!I)return;let a=0,c=null;const f=M=>{const F=c==null?0:Math.max(0,Math.min(.05,(M-c)/1e3));if(c=M,N&&!x&&!E){if(j.current+=F/o.duration,o.id==="parallelism"&&!J){const pe=V[Math.max(0,Math.min(2,Math.floor(j.current*3)))].id;O(xe=>xe===pe?xe:pe)}if(j.current>=1)if(p===g.length-1)j.current=1,te.current=M,G(!0);else{h(p+1);return}}if(E&&M-te.current>We*1e3){h(0);return}H.current&&(H.current.style.width=`${Math.min(100,j.current*100)}%`),a=requestAnimationFrame(f)};return a=requestAnimationFrame(f),()=>cancelAnimationFrame(a)},[l,I,N,x,E,o,p,h,J]);const C=e.useCallback(()=>{j.current=Math.min(j.current,Math.max(0,1-5/o.duration))},[o.duration]),_=e.useCallback(()=>{C(),S(null),A(null)},[C]),ae=e.useCallback(()=>{h(0)},[h]),R=e.useCallback(()=>{E?ae():T(a=>!a)},[E,ae]);e.useEffect(()=>{if(!l)return;const a=c=>{var F;const f=c.target,M=!!((F=f==null?void 0:f.closest)!=null&&F.call(f,"button, input, textarea, select, a"));if(c.key===" "){if(M)return;c.preventDefault(),R()}else c.key==="ArrowRight"?h(p+1):c.key==="ArrowLeft"?h(p-1):c.key==="Escape"&&_()};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[l,p,h,R,_]);const ke=e.useCallback(()=>{ee.current=performance.now(),$(!1)},[]),Ee=e.useCallback(a=>{a===null&&performance.now()-ee.current<350||(a===null&&C(),S(a),A(null))},[C]),Le=e.useCallback(()=>ve(!0),[]),le=a=>{O(a),D(!0)},m=e.useMemo(()=>Ye(o,x),[o,x]),re=x==="memory"||x==="agcu"?Math.max(o.shift,.2):o.shift,Me=e.useMemo(()=>L?[0,u?.2:d?.14:.06]:[re,-.02],[L,u,d,re]);e.useEffect(()=>{const a=new URLSearchParams(window.location.search);if(l)a.set("view","dataflow"),a.set("live","1"),a.set("chapter",o.id);else if(a.get("live")==="1")a.delete("live"),a.delete("chapter");else return;window.history.replaceState(null,"",`${window.location.pathname}?${a.toString()}`)},[l,o.id]);const Ne=ye?"drag to orbit · pinch to zoom · tap a region to focus":"drag to orbit · scroll to zoom · tap a region to focus",ne=je&&o.dies===1,se=t.jsxs("div",{className:"absolute inset-0 z-0",children:[t.jsx(e.Suspense,{fallback:null,children:t.jsx(qe,{chapter:o,parallelism:y,focus:x,onFocus:Ee,playing:N,frameShift:Me,labels:!d,reduced:d,zoomOut:u?1.45:1,active:l,onReady:Le,onUserOrbit:ke})}),!I&&t.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:t.jsx("span",{className:"rounded-full border border-white/12 bg-black/40 px-5 py-2 text-[12px] uppercase tracking-[0.22em] text-white/60 backdrop-blur-md sm:text-[14px]",children:"loading the live dataflow"})})]}),ie=a=>E?t.jsx(_e,{size:a,weight:"bold",color:"white"}):N?t.jsx(Re,{size:a,weight:"fill",color:"white"}):t.jsx(Fe,{size:a,weight:"fill",color:"white"}),oe=E?"Replay":N?"Pause":"Play";return L?t.jsxs("div",{className:"sambanova-vh fixed inset-0 z-40 overflow-hidden bg-[#0b0613] text-white",children:[se,t.jsxs("div",{className:"pointer-events-none absolute inset-0 z-10 flex flex-col",children:[t.jsxs("div",{className:"pointer-events-auto flex items-center gap-3 border-b border-white/10 bg-[#0c0714]/85 px-4 py-3 backdrop-blur-md",children:[t.jsxs("button",{onClick:i,"aria-label":"Back",className:"flex h-9 items-center gap-2 rounded-full border border-white px-3",children:[t.jsx(me,{size:16})," ",t.jsx("span",{className:"text-[14px]",children:"Back"})]}),t.jsx("span",{className:"text-[16px]",children:"Dataflow"}),t.jsx("span",{className:"rounded-full border border-purple-300/50 bg-purple-400/25 px-2 py-0.5 text-[10px] uppercase tracking-[0.18em] text-purple-100",children:"Live"}),t.jsxs("button",{onClick:s,"aria-label":"Watch the film",className:"ml-auto flex h-9 items-center gap-2 rounded-full border border-white/40 px-3 text-[13px] text-white/85",children:[t.jsx(B,{size:16})," Film"]})]}),t.jsxs("div",{className:"mt-auto pointer-events-auto bg-gradient-to-t from-[#0b0613] via-[#0b0613]/92 to-transparent px-4 pb-4 pt-8",children:[t.jsx("div",{className:"-mx-4 flex gap-2 overflow-x-auto px-4 pb-3",children:g.map((a,c)=>t.jsx("button",{onClick:()=>h(c),"aria-label":`Chapter: ${a.label}`,"aria-current":c===p?"step":void 0,className:`shrink-0 rounded-full border px-3 py-1.5 text-[12px] ${c===p?"border-purple-300/70 bg-purple-400/30 text-white":"border-[rgb(123,114,136)] bg-[rgba(81,72,94,0.4)] text-white/80"}`,children:a.label},a.id))}),t.jsxs("div",{className:"rounded-2xl border border-white/12 bg-black/55 px-4 py-3 backdrop-blur-md","aria-live":"polite",children:[t.jsxs("div",{className:"flex items-start justify-between gap-3",onClick:u?()=>we(a=>!a):void 0,role:u?"button":void 0,"aria-expanded":u?z:void 0,children:[t.jsxs("div",{className:"min-w-0",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-[0.2em]",style:{color:m.tone},children:m.kicker}),t.jsx("div",{className:"mt-1 text-[18px] font-medium leading-tight",children:m.title})]}),u&&!x&&t.jsx("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-white/10","aria-hidden":!0,

2children:z?t.jsx(ze,{size:14}):t.jsx(Se,{size:14})}),x&&t.jsx("button",{onClick:_,"aria-label":"Clear focus",className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-white/10",children:t.jsx(he,{size:14})})]}),(!u||z)&&(o.id==="parallelism"&&!x?[m.body[V.findIndex(a=>a.id===y)]]:d?[m.body[0]]:m.body).map(a=>t.jsx("p",{className:"mt-2 text-[13px] leading-snug text-white/85",children:a},a)),o.id==="parallelism"&&!x&&(!u||z)&&t.jsx("div",{className:"mt-3 flex gap-2",children:V.map(a=>t.jsx("button",{onClick:()=>le(a.id),"aria-pressed":y===a.id,className:`rounded-full border px-3 py-1 text-[12px] ${y===a.id?"border-purple-300/70 bg-purple-400/30":"border-white/25 text-white/75"}`,children:a.label},a.id))}),o.cta&&!x&&t.jsxs("button",{onClick:w,className:"mt-3 flex h-10 items-center gap-2 rounded-full border border-purple-300/40 bg-purple-400/25 px-4 text-[13px] shadow-[0_0_20px_rgba(167,139,250,0.4)]",children:[o.cta.label," ",t.jsx(ue,{size:14})]})]}),t.jsxs("div",{className:"mt-3 flex items-center gap-3",children:[t.jsx("button",{onClick:()=>h(p-1),"aria-label":"Previous chapter",className:"flex h-9 w-9 items-center justify-center rounded-full bg-white/10",children:t.jsx(q,{size:16,weight:"fill"})}),t.jsx("button",{onClick:R,"aria-label":oe,className:"flex h-10 w-10 items-center justify-center rounded-full bg-white/15",children:ie(18)}),t.jsx("button",{onClick:()=>h(p+1),"aria-label":"Next chapter",className:"flex h-9 w-9 items-center justify-center rounded-full bg-white/10",children:t.jsx(W,{size:16,weight:"fill"})}),t.jsx("div",{className:"relative h-[4px] flex-1 overflow-hidden rounded-full bg-white/15",children:t.jsx("div",{ref:H,className:"absolute left-0 top-0 h-full rounded-full bg-[#9750c7]",style:{width:0}})}),t.jsxs("span",{className:"font-mono text-[11px] text-white/55",children:[p+1,"/",g.length]})]})]})]})]}):t.jsxs("div",{className:"fixed inset-0 z-40 overflow-hidden bg-[#0b0613] text-white",children:[se,t.jsxs("div",{className:"pointer-events-none absolute inset-0 z-10",children:[t.jsxs("div",{className:"absolute left-0 top-0",style:{width:P,height:He,transform:`scale(${Y})`,transformOrigin:"top left"},children:[t.jsx("div",{className:["pointer-events-auto absolute left-[24px] top-[24px] h-[138px] w-[3792px] rounded-[8px] border border-[rgb(123,115,136)] bg-[rgba(30,7,45,0.4)] backdrop-blur-md","fx-rise fx-d3"].filter(Boolean).join(" "),children:t.jsxs("div",{className:"absolute inset-[24px] flex items-center justify-between",children:[t.jsxs("div",{className:"flex h-[90px] items-center",children:[t.jsxs("button",{onClick:i,className:"relative flex h-[90px] items-center gap-[16px] rounded-full border border-white px-[40px] transition-colors after:absolute after:-inset-x-[10px] after:-inset-y-[28px] after:content-[''] hover:bg-white/10",children:[t.jsx(me,{size:40,color:"white"}),t.jsx("span",{className:"text-[36px] leading-none text-white",children:"Back"})]}),t.jsx("span",{className:"ml-[48px] h-[90px] w-px bg-white/40"}),t.jsx("span",{className:"ml-[47px] text-[36px] leading-none text-white",children:"Dataflow"}),t.jsx("span",{className:"ml-[28px] rounded-full border border-purple-300/50 bg-purple-400/25 px-[22px] py-[10px] text-[24px] uppercase leading-none tracking-[0.2em] text-purple-100 shadow-[0_0_24px_rgba(167,139,250,0.35)]",children:"Live"})]}),t.jsxs("button",{onClick:s,className:"relative flex h-[90px] items-center gap-[20px] rounded-full border border-[rgb(123,114,136)] bg-[rgba(81,72,94,0.52)] px-[40px] transition-colors after:absolute after:-inset-x-[10px] after:-inset-y-[28px] after:content-[''] hover:bg-white/10",children:[t.jsx(B,{size:40,color:"white"}),t.jsx("span",{className:"text-[36px] leading-none text-white",children:"Watch the film"})]})]})}),t.jsxs("div",{"aria-live":"polite",className:["pointer-events-auto absolute left-[100px] top-[330px] w-[1320px] rounded-[28px] border border-white/12 bg-black/60 px-[64px] py-[56px] shadow-[0_24px_80px_rgba(0,0,0,0.5)] backdrop-blur-xl","fx-rise fx-d1"].filter(Boolean).join(" "),children:[t.jsxs("div",{className:"flex items-start justify-between gap-[24px]",children:[t.jsx("span",{className:"text-[32px] uppercase leading-[1.2] tracking-[0.24em]",style:{color:m.tone},children:m.kicker}),x&&t.jsx("button",{onClick:_,"aria-label":"Clear focus",className:"relative -mr-[20px] -mt-[16px] flex h-[100px] w-[100px] shrink-0 items-center justify-center rounded-full text-white/70 transition-colors after:absolute after:-inset-[24px] after:content-[''] hover:bg-white/10 hover:text-white",children:t.jsx(he,{size:46})})]}),t.jsx("h1",{className:"mt-[20px] text-[88px] font-medium leading-[1.04] tracking-[-2px] text-white",children:m.title}),t.jsx("div",{className:"mt-[32px] flex flex-col gap-[22px]",children:m.body.map((a,c)=>{var f;return t.jsx("p",{className:"text-[42px] leading-[1.35] text-white transition-opacity duration-500",style:{opacity:o.id==="parallelism"&&!x?((f=V[c])==null?void 0:f.id)===y?1:.42:.85},children:a},a)})}),m.terms&&m.terms.length>0&&t.jsx("div",{className:"mt-[36px] flex flex-wrap gap-[14px]",children:m.terms.map(a=>t.jsx("button",{onClick:()=>A(k===a.term?null:a.term),"aria-expanded":k===a.term,className:`relative rounded-full border px-[30px] py-[16px] text-[32px] leading-none transition-colors after:absolute after:-inset-[

212px] after:content-[''] ${k===a.term?"border-purple-300/70 bg-purple-400/30 text-white":"border-white/25 text-white/75 hover:border-white/50 hover:text-white"}`,children:a.term},a.term))}),k&&((ce=m.terms)==null?void 0:ce.some(a=>a.term===k))&&t.jsxs("p",{className:"mt-[22px] rounded-[18px] border border-white/10 bg-white/[0.05] px-[28px] py-[20px] text-[34px] leading-[1.35] text-white/85",children:[t.jsx("span",{className:"font-semibold text-white",children:k})," — ",(de=m.terms.find(a=>a.term===k))==null?void 0:de.def]}),o.id==="parallelism"&&!x&&t.jsx("div",{className:"mt-[36px] flex h-[120px] items-center gap-[8px] self-start rounded-full border border-[rgb(123,114,136)] bg-[rgba(81,72,94,0.52)] p-[8px]",children:V.map(a=>t.jsx("button",{onClick:()=>le(a.id),"aria-pressed":y===a.id,className:`relative flex h-[104px] items-center rounded-full px-[38px] transition-colors after:absolute after:-inset-y-[10px] after:content-[''] ${y===a.id?fe:"bg-transparent hover:bg-white/10"}`,children:t.jsx("span",{className:"text-[36px] leading-none text-white",children:a.label})},a.id))}),o.cta&&!x&&t.jsxs("button",{onClick:w,className:"mt-[40px] flex h-[124px] items-center gap-[22px] rounded-full border border-purple-300/40 bg-purple-400/25 px-[48px] shadow-[0_0_40px_rgba(167,139,250,0.5)] transition-colors hover:bg-purple-400/35",children:[t.jsx("span",{className:"text-[40px] leading-none text-white",children:o.cta.label}),t.jsx(ue,{size:40,color:"white"})]})]},m.key)]}),t.jsxs("div",{className:"absolute bottom-0 left-0",style:{width:P,height:420,transform:`scale(${Y})`,transformOrigin:"bottom left"},children:[t.jsx("div",{className:"absolute bottom-[290px] left-[100px] rounded-full border border-white/10 bg-black/40 px-[28px] py-[14px] text-[30px] uppercase tracking-[0.22em] text-white/70 backdrop-blur-md transition-opacity duration-700",style:{opacity:ne?1:0},"aria-hidden":!ne,children:Ne}),t.jsxs("div",{className:["pointer-events-auto absolute bottom-[56px] left-1/2 flex h-[190px] -translate-x-1/2 items-center gap-[20px] rounded-full border border-[rgb(123,115,136)] bg-[rgba(30,7,45,0.55)] px-[28px] backdrop-blur-md","fx-rise fx-d2"].filter(Boolean).join(" "),children:[t.jsx("button",{onClick:()=>h(p-1),"aria-label":"Previous chapter",className:"flex h-[128px] w-[128px] items-center justify-center rounded-full bg-white/10 transition-colors hover:bg-white/20",children:t.jsx(q,{size:52,weight:"fill",color:"white"})}),t.jsx("button",{onClick:R,"aria-label":oe,className:"flex h-[144px] w-[144px] items-center justify-center rounded-full bg-white/18 transition-colors hover:bg-white/28",children:ie(62)}),t.jsx("button",{onClick:()=>h(p+1),"aria-label":"Next chapter",className:"flex h-[128px] w-[128px] items-center justify-center rounded-full bg-white/10 transition-colors hover:bg-white/20",children:t.jsx(W,{size:52,weight:"fill",color:"white"})}),t.jsx("span",{className:"mx-[10px] h-[110px] w-px bg-white/25"}),t.jsx("div",{className:"flex h-[140px] items-center gap-[4px] rounded-full border border-[rgb(123,114,136)] bg-[rgba(81,72,94,0.52)] p-[8px]",children:g.map((a,c)=>t.jsxs("button",{onClick:()=>h(c),"aria-label":`Chapter: ${a.label}`,"aria-current":c===p?"step":void 0,className:`relative flex h-[124px] items-center overflow-hidden rounded-full px-[34px] transition-colors ${c===p?fe:"bg-transparent hover:bg-white/10"}`,children:[t.jsx("span",{className:"mr-[14px] font-mono text-[26px] leading-none text-white/55",children:c+1}),t.jsx("span",{className:"whitespace-nowrap text-[34px] leading-none text-white",children:a.label}),c===p&&t.jsx("span",{ref:H,className:"absolute bottom-0 left-0 h-[6px] bg-[#dda2ff]",style:{width:0}})]},a.id))})]})]})]})]})}function Ke(){const[r,l]=e.useState(()=>typeof window>"u"?!1:window.matchMedia("(orientation: landscape)").matches);return e.useEffect(()=>{const n=window.matchMedia("(orientation: landscape)"),i=()=>l(n.matches);return n.addEventListener("change",i),()=>n.removeEventListener("change",i)},[]),r}function Qe(){const[r,l]=e.useState(()=>typeof window>"u"?1:window.innerWidth/P);return e.useEffect(()=>{const n=()=>l(window.innerWidth/P);

2return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),r}function Ye(r,l){if(!l)return{key:r.id,kicker:r.kicker,title:r.title,body:r.body,tone:"#dda2ff",terms:r.terms};if(l==="memory"){const s=g[U.memory];return{key:"memory",kicker:"Off the die · three tiers",title:s.title,body:s.body.slice(0,2),tone:"#f6c76a",terms:s.terms}}if(l==="agcu")return{key:"agcu",kicker:"On the die edge",title:"AGCU",body:["Address Generation and Coalescing Unit — the portal to off-chip memory and I/O."],tone:"#b39cff"};if(l==="switches")return{key:"switches",kicker:"Between every unit",title:"Mesh switches",body:["The switches route data between PCUs and PMUs across the chip — multiple switches, one pipeline."],tone:"#9ee67f"};const n=De[l],i=Ce.find(s=>s.id===l);return{key:l,kicker:"Operator region",title:n.label,body:[(i==null?void 0:i.desc)??"","Mapped spatially onto this region of the grid — PCUs compute, PMUs hold data right next to them, and the mesh switches route between them."].filter(Boolean),tone:n.labelHex}}const mt=Object.freeze(Object.defineProperty({__proto__:null,DataflowLive:Xe},Symbol.toStringTag,{value:"Module"}));export{be as A,it as D,b as G,rt as H,v as M,De as O,ot as S,Q as T,tt as W,X as a,ge as b,st as c,at as d,nt as e,lt as f,xt as g,mt as h,pt as m,dt as p,ct as r};