1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="9c9559ba-efb1-437f-9bd6-4a376c5d403f",e._sentryDebugIdIdentifier="sentry-dbid-9c9559ba-efb1-437f-9bd6-4a376c5d403f")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2415],{12415:function(e,t,l){l.d(t,{m:function(){return er},I:function(){return en}});var a=l(85893),i=l(90512),o=l(25675),r=l.n(o),n=l(67294);let s=n.forwardRef((e,t)=>{let{className:l,alt:o,...s}=e,[c,d]=(0,n.useState)(!1);return(0,a.jsx)(r(),{ref:t,alt:o,className:(0,i.W)(l,"transition-opacity ease-out duration-200",c?"opacity-100":"opacity-0"),onLoadingComplete:e=>{d(!0)},...s})});s.displayName="Image";var c=l(83140),d=l(42833),u=l(18357),p=l(98268),x=l(65906);let m={width:750,height:360,padding:{top:30,right:30,bottom:120,left:60}},h=["rgba(65, 62, 62, 1)","rgba(65, 62, 62, 0.8)","rgba(65, 62, 62, 0.6)","rgba(65, 62, 62, 0.4)","rgba(65, 62, 62, 0.2)"],b=["rgba(65, 62, 62, 0.7)","rgba(65, 62, 62, 0.45)","rgba(65, 62, 62, 0.25)"];function v(e){return e.replace(/\w\S*/g,e=>e.charAt(0).toUpperCase()+e.substring(1).toLowerCase())}let f=e=>{var t;let{data:l,config:i,colors:o=h,showHeader:r=!0,showLegend:s=!0,onExport:c}=e,{width:d,height:u,padding:p}={...m,...i},x=(0,n.useRef)(null),[b,f]=(0,n.useState)({visible:!1,x:0,y:0,cluster:null}),{clusters:g}=l,y=d-p.left-p.right,j=u-p.top-p.bottom,w=y/g.length,S=(0,n.useCallback)((e,t)=>{f({visible:!0,x:e.clientX+15,y:e.clientY-10,cluster:t})},[]),k=(0,n.useCallback)(e=>{f(t=>({...t,x:e.clientX+15,y:e.clientY-10}))},[]),N=(0,n.useCallback)(()=>{f(e=>({...e,visible:!1}))},[]);(0,n.useCallback)(()=>{if(!x.current)return;let e=new XMLSerializer().serializeToString(x.current),t=new Blob([e],{type:"image/svg+xml"}),a=URL.createObjectURL(t),i=document.createElement("a");i.href=a,i.download="".concat(l.title.toLowerCase().replace(/\s+/g,"-"),".svg"),i.click(),URL.revokeObjectURL(a),null==c||c()},[l.title,c]);let E=[];for(let e=0;e<=10;e++){let t=p.top+e/10*j,l=(100-e/10*100)/100;E.push((0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:p.left,y1:t,x2:d-p.right,y2:t,stroke:"#e0e0e0",strokeWidth:"0.5"}),(0,a.jsx)("text",{x:p.left-12,y:t+4,textAnchor:"end",fill:"rgba(65,62,62,0.5)",fontFamily:"monospace",fontSize:"9",children:l.toFixed(1)})]},"grid-".concat(e)))}return(0,a.jsxs)("div",{className:"font-mono bg-[#f7f7f7] text-neutral-700 rounded overflow-hidden",children:[r&&(0,a.jsx)("div",{className:"flex justify-between items-center px-4 py-3 bg-neutral-700 text-neutral-100 text-[11px] tracking-wide",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"font-semibold",children:l.title}),l.subtitle&&(0,a.jsxs)("span",{className:"text-[10px] opacity-70",children:[" â ",l.subtitle]})]})}),(0,a.jsx)("div",{className:"bg-[#f7f7f7]",children:(0,a.jsxs)("svg",{ref:x,viewBox:"0 0 ".concat(d," ").concat(u),className:"block w-full h-auto",preserveAspectRatio:"xMidYMid meet",children:[(0,a.jsx)("rect",{width:"100%",height:"100%",fill:"#f7f7f7",rx:"4"}),(0,a.jsx)("text",{x:p.left-45,y:p.top+j/2,textAnchor:"middle",fill:"rgba(65,62,62,0.6)",fontFamily:"monospace",fontSize:"10",transform:"rotate(-90, ".concat(p.left-45,", ").concat(p.top+j/2,")"),children:v(l.yAxisLabel)}),E,g.map((e,t)=>{let l=p.left+0+(t+.5)*w,i=p.left+0+t*w,r=l-13*e.points.length/2,n=u-p.bottom+12;return(0,a.jsxs)("g",{children:[(0,a.jsx)("rect",{className:"cursor-pointer fill-transparent",x:i,y:p.top,width:w,height:j,onMouseEnter:t=>S(t,e),onMouseMove:k,onMouseLeave:N}),e.points.map((t,l)=>{let i=t.value/100*j,n=u-p.bottom-i;return(0,a.jsx)("rect",{className:"cursor-pointer",x:r+13*l,y:n,width:5,height:i,fill:o[l%o.length],onMouseEnter:t=>S(t,e),onMouseMove:k,onMouseLeave:N},"".concat(e.id,"-").concat(l))}),(0,a.jsx)("text",{x:l,y:n,textAnchor:"end",fill:"rgba(65,62,62,0.7)",fontFamily:"monospace",fontSize:"9",transform:"rotate(-45, ".concat(l,", ").concat(n,")"),children:v(e.name)}
1)]},e.id)}),(0,a.jsx)("line",{x1:p.left,y1:p.top,x2:p.left,y2:u-p.bottom,stroke:"rgba(65,62,62,0.3)",strokeWidth:"1"}),(0,a.jsx)("line",{x1:p.left,y1:u-p.bottom,x2:d-p.right,y2:u-p.bottom,stroke:"rgba(65,62,62,0.3)",strokeWidth:"1"})]})}),s&&(0,a.jsx)("div",{className:"flex flex-wrap gap-5 px-4 py-3 text-[11px] justify-center",children:null===(t=g[0])||void 0===t?void 0:t.points.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-sm",style:{backgroundColor:o[t%o.length]}}),(0,a.jsx)("span",{children:e.label})]},e.label))}),(0,a.jsx)("div",{className:"fixed min-w-[200px] pointer-events-none transition-opacity duration-200 z-[1000] rounded-2xl overflow-hidden border border-white/15 shadow-lg ".concat(b.visible?"opacity-100":"opacity-0"),style:{left:b.x,top:b.y,background:"rgba(90, 95, 80, 0.65)",backdropFilter:"blur(20px) saturate(140%)",WebkitBackdropFilter:"blur(20px) saturate(140%)"},children:b.cluster&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"px-4 pt-3 pb-2 text-white/95 text-[11px] font-semibold tracking-wide border-b border-white/15 font-mono uppercase",children:b.cluster.name}),(0,a.jsx)("div",{className:"px-4 py-2.5 pb-3.5",children:b.cluster.points.map((e,t)=>(0,a.jsxs)("div",{className:"flex justify-between py-1 text-[10px] text-white/85 font-mono uppercase",children:[(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-2.5 h-2.5 rounded-sm",style:{backgroundColor:o[t%o.length]}}),e.label]}),(0,a.jsx)("strong",{children:(e.value/100).toFixed(2)})]},e.label))})]})})]})};function g(e){return e.replace(/\w\S*/g,e=>e.charAt(0).toUpperCase()+e.substring(1).toLowerCase())}let y=e=>{var t;let{data:l,config:i,colors:o=b,showHeader:r=!0,showLegend:s=!0,onExport:c}=e,{width:d,height:u,padding:p}={...m,...i}
1,x=(0,n.useRef)(null),[h,v]=(0,n.useState)({visible:!1,x:0,y:0,cluster:null}),{clusters:f}=l,y=d-p.left-p.right,j=u-p.top-p.bottom,w=f.flatMap(e=>e.points.map(e=>e.value)),S=10*Math.ceil(Math.max(...w)/10),k=S-10*Math.floor(Math.min(...w)/10),N=y/f.length,E=p.top+S/k*j,C=(0,n.useCallback)((e,t)=>{v({visible:!0,x:e.clientX+15,y:e.clientY-10,cluster:t})},[]),M=(0,n.useCallback)(e=>{v(t=>({...t,x:e.clientX+15,y:e.clientY-10}))},[]),A=(0,n.useCallback)(()=>{v(e=>({...e,visible:!1}))},[]);(0,n.useCallback)(()=>{if(!x.current)return;let e=new XMLSerializer().serializeToString(x.current),t=new Blob([e],{type:"image/svg+xml"}),a=URL.createObjectURL(t),i=document.createElement("a");i.href=a,i.download="".concat(l.title.toLowerCase().replace(/\s+/g,"-"),".svg"),i.click(),URL.revokeObjectURL(a),null==c||c()},[l.title,c]);let R=[];for(let e=0;e<=9;e++){let t=p.top+e/9*j,l=(S-e/9*k)/100,i=.01>Math.abs(l);R.push((0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:p.left,y1:t,x2:d-p.right,y2:t,stroke:i?"rgba(65,62,62,0.4)":"#e0e0e0",strokeWidth:i?"1":"0.5"}),(0,a.jsx)("text",{x:p.left-12,y:t+4,textAnchor:"end",fill:"rgba(65,62,62,0.5)",fontFamily:"monospace",fontSize:"9",children:l.toFixed(1)})]},"grid-".concat(e)))}return(0,a.jsxs)("div",{className:"font-mono bg-[#f7f7f7] text-neutral-700 rounded overflow-hidden",children:[r&&(0,a.jsx)("div",{className:"flex justify-between items-center px-4 py-3 bg-neutral-700 text-neutral-100 text-[11px] tracking-wide",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"font-semibold",children:l.title}),l.subtitle&&(0,a.jsxs)("span",{className:"text-[10px] opacity-70",children:[" â ",l.subtitle]})]})}),(0,a.jsx)("div",{className:"bg-[#f7f7f7]",children:(0,a.jsxs)("svg",{ref:x,viewBox:"0 0 ".concat(d," ").concat(u),className:"block w-full h-auto",preserveAspectRatio:"xMidYMid meet",children:[(0,a.jsx)("rect",{width:"100%",height:"100%",fill:"#f7f7f7",rx:"4"}),(0,a.jsx)("text",{x:p.left-45,y:p.top+j/2,textAnchor:"middle",fill:"rgba(65,62,62,0.6)",fontFamily:"monospace",fontSize:"10",transform:"rotate(-90, ".concat(p.left-45,", ").concat(p.top+j/2,")"),children:g(l.yAxisLabel)}),R,f.map((e,t)=>{let l=p.left+0+(t+.5)*N,i=p.left+0+t*N,r=l-13*e.points.length/2,n=u-p.bottom+12;return(0,a.jsxs)("g",{children:[(0,a.jsx)("rect",{className:"cursor-pointer fill-transparent",x:i,y:p.top,width:N,height:j,onMouseEnter:t=>C(t,e),onMouseMove:M,onMouseLeave:A}),e.points.map((t,l)=>{let i=Math.abs(t.value/k)*j,n=t.value>=0?E-i:E;return(0,a.jsx)("rect",{className:"cursor-pointer",x:r+13*l,y:n,width:5,height:i,fill:o[l%o.length],onMouseEnter:t=>C(t,e),onMouseMove:M,onMouseLeave:A},"".concat(e.id,"-").concat(l))}),(0,a.jsx)("text",{x:l,y:n,textAnchor:"end",fill:"rgba(65,62,62,0.7)",fontFamily:"monospace",fontSize:"9",transform:"rotate(-45, ".concat(l,", ").concat(n,")"),children:g(e.name)})]},e.id)}),(0,a.jsx)("line",{x1:p.left,y1:p.top,x2:p.left,y2:u-p.bottom,stroke:"rgba(65,62,62,0.3)",strokeWidth:"1"}),(0,a.jsx)("line",{x1:p.left,y1:u-p.bottom,x2:d-p.right,y2:u-p.bottom,stroke:"rgba(65,62,62,0.3)",strokeWidth:"1"})]})}),s&&(0,a.jsx)("div",{className:"flex flex-wrap gap-5 px-4 py-3 text-[11px] justify-center",children:null===(t=f[0])||void 0===t?void 0:t.points.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-sm",style:{backgroundColor:o[t%o.length]}}),(0,a.jsx)("span",{children:e.label})]},e.label))}),(0,a.jsx)("div",{className:"fixed min-w-[200px] pointer-events-none transition-opacity duration-200 z-[1000] rounded-2xl overflow-hidden border border-white/15 shadow-lg ".concat(h.visible?"opacity-100":"opacity-0"),style:{left:h.x,top:h.y,background:"rgba(90, 95, 80, 0.65)",backdropFilter:"blur(20px) saturate(140%)",WebkitBackdropFilter:"blur(20px) saturate(140%)"},children:h.cluster&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"px-4 pt-3 pb-2 text-white/95 text-[11px] font-semibold tracking-wide border-b border-white/15 font-mono uppercase",children:h.cluster.name}),(0,a.jsx)("div",{className:"px-4 py-2.5 pb-3.5",children:h.cluster.points.map((e,t)=>(0,a.jsxs)("div",{className:"flex justify-between py-1 text-[10px] text-white/85 font-mono uppercase",children:[(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-2.5 h-2.5 rounded-sm",style:{backgroundColor:o[t%o.length]}}),e.label]}),(0,a.jsxs)("strong",{children:[e.value>=0?"+":"",(e.value/100).toFixed(2)]})]},e.label))})]})})]})};function j(e){return e.replace(/\w\S*/g,e=>e.charAt(0).toUpperCase()+e.substring(1).toLowerCase())}let w=e=>{var t;let{data:l,config:i,color:o="rgba(65, 62, 62, 1)",showHeader:r=!0,showLegend:s=!0,onExport:c}=e,{width:d,height:u,padding:p}={...m,...i}
1,x=(0,n.useRef)(null),[h,b]=(0,n.useState)({visible:!1,x:0,y:0,cluster:null}),{clusters:v}=l,f=d-p.left-p.right,g=u-p.top-p.bottom,y=f/v.length,w=(0,n.useCallback)((e,t)=>{b({visible:!0,x:e.clientX+15,y:e.clientY-10,cluster:t})},[]),S=(0,n.useCallback)(e=>{b(t=>({...t,x:e.clientX+15,y:e.clientY-10}))},[]),k=(0,n.useCallback)(()=>{b(e=>({...e,visible:!1}))},[]);(0,n.useCallback)(()=>{if(!x.current)return;let e=new XMLSerializer().serializeToString(x.current),t=new Blob([e],{type:"image/svg+xml"}),a=URL.createObjectURL(t),i=document.createElement("a");i.href=a,i.download="".concat(l.title.toLowerCase().replace(/\s+/g,"-"),".svg"),i.click(),URL.revokeObjectURL(a),null==c||c()},[l.title,c]);let N=[];for(let e=0;e<=10;e++){let t=p.top+e/10*g,l=(100-e/10*100)/100;N.push((0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:p.left,y1:t,x2:d-p.right,y2:t,stroke:"#e0e0e0",strokeWidth:"0.5"}),(0,a.jsx)("text",{x:p.left-12,y:t+4,textAnchor:"end",fill:"rgba(65,62,62,0.5)",fontFamily:"monospace",fontSize:"9",children:l.toFixed(1)})]},"grid-".concat(e)))}return(0,a.jsxs)("div",{className:"font-mono bg-[#f7f7f7] text-neutral-700 rounded overflow-hidden",children:[r&&(0,a.jsx)("div",{className:"flex justify-between items-center px-4 py-3 bg-neutral-700 text-neutral-100 text-[11px] tracking-wide",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"font-semibold",children:l.title}),l.subtitle&&(0,a.jsxs)("span",{className:"text-[10px] opacity-70",children:[" â ",l.subtitle]})]})}),(0,a.jsx)("div",{className:"bg-[#f7f7f7]",children:(0,a.jsxs)("svg",{ref:x,viewBox:"0 0 ".concat(d," ").concat(u),className:"block w-full h-auto",preserveAspectRatio:"xMidYMid meet",children:[(0,a.jsx)("rect",{width:"100%",height:"100%",fill:"#f7f7f7",rx:"4"}),(0,a.jsx)("text",{x:p.left-45,y:p.top+g/2,textAnchor:"middle",fill:"rgba(65,62,62,0.6)",fontFamily:"monospace",fontSize:"10",transform:"rotate(-90, ".concat(p.left-45,", ").concat(p.top+g/2,")"),children:j(l.yAxisLabel)}),N,v.map((e,t)=>{let l=p.left+0+(t+.5)*y,i=p.left+0+t*y,r=e.points[0].value/100*g,n=u-p.bottom-r,s=u-p.bottom+12;return(0,a.jsxs)("g",{children:[(0,a.jsx)("rect",{className:"cursor-pointer fill-transparent",x:i,y:p.top,width:y,height:g,onMouseEnter:t=>w(t,e),onMouseMove:S,onMouseLeave:k}),(0,a.jsx)("rect",{className:"cursor-pointer",x:l-2.5,y:n,width:5,height:r,fill:o,onMouseEnter:t=>w(t,e),onMouseMove:S,onMouseLeave:k}),(0,a.jsx)("text",{x:l,y:s,textAnchor:"end",fill:"rgba(65,62,62,0.7)",fontFamily:"monospace",fontSize:"9",transform:"rotate(-45, ".concat(l,", ").concat(s,")"),children:j(e.name)})]},e.id)}),(0,a.jsx)("line",{x1:p.left,y1:p.top,x2:p.left,y2:u-p.bottom,stroke:"rgba(65,62,62,0.3)",strokeWidth:"1"}),(0,a.jsx)("line",{x1:p.left,y1:u-p.bottom,x2:d-p.right,y2:u-p.bottom,stroke:"rgba(65,62,62,0.3)",strokeWidth:"1"})]})}),s&&(null===(t=v[0])||void 0===t?void 0:t.points[0])&&(0,a.jsx)("div",{className:"flex flex-wrap gap-5 px-4 py-3 text-[11px] justify-center",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-sm",style:{backgroundColor:o}}),(0,a.jsx)("span",{children:v[0].points[0].label})]})}),(0,a.jsx)("div",{className:"fixed min-w-[200px] pointer-events-none transition-opacity duration-200 z-[1000] rounded-2xl overflow-hidden border border-white/15 shadow-lg ".concat(h.visible?"opacity-100":"opacity-0"),style:{left:h.x,top:h.y,background:"rgba(90, 95, 80, 0.65)",backdropFilter:"blur(20px) saturate(140%)",WebkitBackdropFilter:"blur(20px) saturate(140%)"},children:h.cluster&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"px-4 pt-3 pb-2 text-white/95 text-[11px] font-semibold tracking-wide border-b border-white/15 font-mono uppercase",children:h.cluster.name}),(0,a.jsx)("div",{className:"px-4 py-2.5 pb-3.5",children:h.cluster.points.map(e=>(0,a.jsxs)("div",{className:"flex justify-between py-1 text-[10px] text-white/85 font-mono uppercase",children:[(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-2.5 h-2.5 rounded-sm",style:{backgroundColor:o}}),e.label]}),(0,a.jsx)("strong",{children:(e.value/100).toFixed(2)})]},e.label))})]})})]})},S=["rgba(65, 62, 62, 1.0)","rgba(65, 62, 62, 0.65)","rgba(65, 62, 62, 0.45)","rgba(65, 62, 62, 0.30)","rgba(65, 62, 62, 0.20)","rgba(65, 62, 62, 0.12)","rgba(65, 62, 62, 0.55)","rgba(65, 62, 62, 0.38)","rgba(65, 62, 62, 0.25)","rgba(65, 62, 62, 0.15)"],k={labelColor:"#666666",letterSpacing:{label:"0.05em"},fontSize:{axisLabel:10}},N={width:500,height:400},E=e=>{let{data:t,colors:l=S}=e,{width:i,height:o}
1=N,r=(0,n.useRef)(null),[s,c]=(0,n.useState)({visible:!1,x:0,y:0,label:"",value:0}),d=i/2,u=o/2-25,p=Math.min(i,o)/2-70,x=t.data,m=x.reduce((e,t)=>e+t.value,0),h=Math.PI/2-x[0].value/m*2*Math.PI/2,b=x.map((e,t)=>{let a=e.value/m*2*Math.PI,i=h+a,o=h+a/2,r=d+p*Math.cos(h),n=u+p*Math.sin(h),s=d+p*Math.cos(i),c=u+p*Math.sin(i),x={d:e,i:t,path:"M ".concat(d," ").concat(u," L ").concat(r," ").concat(n," A ").concat(p," ").concat(p," 0 ").concat(a>Math.PI?1:0," 1 ").concat(s," ").concat(c," Z"),midAngle:o,sliceAngle:a,color:e.color||l[t%l.length]};return h=i,x}),v=k.fontSize.axisLabel,f=(0,n.useCallback)((e,t,l)=>{c({visible:!0,x:e.clientX+15,y:e.clientY-10,label:t,value:l})},[]),g=(0,n.useCallback)(e=>{c(t=>({...t,x:e.clientX+15,y:e.clientY-10}))},[]),y=(0,n.useCallback)(()=>{c(e=>({...e,visible:!1}))},[]);return(0,a.jsxs)("div",{className:"font-mono",children:[(0,a.jsxs)("div",{className:"text-center mb-4",children:[(0,a.jsx)("h2",{className:"text-[14px] font-normal tracking-[0.12em] uppercase text-[#413E3E] leading-[1.4] m-0 max-w-[380px] mx-auto",children:t.title}),t.subtitle&&(0,a.jsx)("p",{className:"text-[10px] font-normal tracking-[0.08em] uppercase text-[#666666] mt-1",children:t.subtitle})]}),(0,a.jsxs)("svg",{ref:r,viewBox:"0 0 ".concat(i," ").concat(o),preserveAspectRatio:"xMidYMid meet",className:"block w-full h-auto",children:[(0,a.jsx)("rect",{width:"100%",height:"100%",fill:"transparent"}),b.map(e=>{let{d:t,i:l,path:i,color:o}=e;return(0,a.jsx)("path",{d:i,fill:o,className:"pie-slice cursor-pointer transition-opacity duration-150 hover:opacity-75",onMouseEnter:e=>f(e,t.label,t.value),onMouseMove:g,onMouseLeave:y},l)}),b.map(e=>{let{d:t,midAngle:l}=e,i=p+30,o=d+i*Math.cos(l),r=u+i*Math.sin(l),n="middle",s=0,c=0;return"PICK"===t.label||"PLACE"===t.label?(o=d,n="middle","PICK"===t.label?(r=u+p+30,c=4):(r=u-p-30,c=0)):"OTHER"===t.label&&(n="start",s=15,c=4),(0,a.jsxs)("text",{x:o+s,y:r+c,textAnchor:n,fill:k.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:v,letterSpacing:k.letterSpacing.label,children:[t.label," ",t.value.toFixed(1),"%"]},"label-".concat(t.label))})]}),(0,a.jsx)("div",{className:"fixed min-w-[150px] pointer-events-none transition-opacity duration-200 z-[1000] overflow-hidden shadow-lg ".concat(s.visible?"opacity-100":"opacity-0"),style:{left:s.x,top:s.y,background:"rgba(120, 120, 120, 0.65)",backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",borderRadius:"20px",boxShadow:"0 4px 16px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(255, 255, 255, 0.15)"},children:(0,a.jsxs)("div",{className:"px-4 py-2.5 text-white text-[10px] font-medium font-mono uppercase tracking-[0.04em] leading-[140%]",style:{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"},children:[s.label,": ",s.value.toFixed(1),"%"]})})]})},C={gridColor:"#CCCCCC",gridStroke:1,gridDash:"2,4",labelColor:"#666666",axisLabelColor:"#666666",textColor:"#413E3E",errorBarColor:"#1F1C1C",errorBarWidth:.75,letterSpacing:{label:"0.05em",axisTitle:"0.08em"},fontSize:{axisLabel:10,axisTitle:10,valueLabel:10}},M={width:500,height:400,padding:{top:24,right:24,bottom:56,left:72}},A=e=>{let{data:t,showErrorBars:l=t.showErrorBars,showValueLabels:i=t.showValueLabels}=e,{width:o,padding:r}=M,s=t.compact,c=s?200:M.height,d=s?0:r.top,u=s?48:r.bottom,p=s?100:r.left,x=o-p-r.right,m=c-d-u,[h,b]=(0,n.useState)({visible:!1,x:0,y:0,label:"",value:0}),v=t.data,f=v.length,g=t.xAxisLabel&&t.xAxisLabel.includes("SUCCESS RATE")?1:1.2*Math.max(...v.map(e=>e.value+(e.error||0))),y=Math.min(80,m/f*(s?.9:.5)),j=m/f,w=(0,n.useCallback)((e,t,l)=>{b({visible:!0,x:e.clientX+15,y:e.clientY-10,label:t,value:l})},[]),S=(0,n.useCallback)(e=>{b(t=>({...t,x:e.clientX+15,y:e.clientY-10}))},[]),k=(0,n.useCallback)(()=>{b(e=>({...e,visible:!1}))},[]),N=[];for(let e=0;e<=5;e++){let t=p+e/5*x,l=e/5*g,i=g<=1?Math.round(100*l).toString():Math.round(l).toString();N.push((0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:t,y1:d,x2:t,y2:c-u,stroke:C.gridColor,strokeWidth:C.gridStroke,strokeDasharray:C.gridDash}),(0,a.jsx)("text",{x:t,y:c-u+15,textAnchor:"middle",fill:C.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:C.fontSize.axisLabel,letterSpacing:C.letterSpacing.label,children:i})]},"grid-".concat(e)))}return(0,a.jsxs)("div",{className:"font-mono",children:[(0,a.jsxs)("div",{className:"text-center mb-4",children:[(0,a.jsx)("h2",{className:"text-[14px] font-normal tracking-[0.12em] uppercase text-[#413E3E] leading-[1.4] m-0 max-w-[380px] mx-auto",children:t.title}),t.subtitle&&(0,a.jsx)("p",{className:"text-[10px] font-normal tracking-[0.08em] uppercase text-[#666666] mt-1",children:t.subtitle})]}),(0,a.jsxs)("svg",{viewBox:"0 0 ".concat(o," ").concat(c),preserveAspectRatio:"xMidYMid meet",className:"block w-full h-auto",children:[(0,a.jsx)("rect",{width:"100%",height:"100%",fill:"transparent"}),t.xAxisLabel&&(0,a.jsx)("text",{x:p+x/2,y:c-10,textAnchor:"middle",fill:C.axisLabelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:C.fontSize.axisTitle,letterSpacing:C.letterSpacing.axisTitle,style:{textTransform:"uppercase"},children:t.xAxisLabel}),N,v.map((e,t)=>{let n=d+(t+.5)*j-y/2,s=e.value/g*x,c=e.color||"rgba(65, 62, 62, 1.0)";return(0,a.jsxs)("g",{children:[(0,a.jsx)("rect",{className:"bar cursor-pointer transition-opacity duration-150 hover:opacity-75",x:p,y:n,width:s,height:y,fill:c,onMouseEnter:t=>w(t,e.label,e.value),onMouseMove:S,onMouseLeave:k}),l&&e.error&&e.error>0&&(()=>{let t=e.error/g*x,l=n+y/2,i=p+s,c=i-t,d=i+t;return(0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:Math.max(p,c),y1:l,x2:Math.min(o-r.right,d),y2:l,stroke:C.errorBarColor,strokeWidth:C.errorBarWidth}),c>=p&&(0,a.jsx)("line",{x1:c,y1:l-5,x2:c,y2:l+5,stroke:C.errorBarColor,strokeWidth:C.errorBarWidth}),d<=o-r.right&&(0,a.jsx)("line",{x1:d,y1:l-5,x2:d,y2:l+5,stroke:C.errorBarColor,strokeWidth:C.errorBarWidth})]})})(),(0,a.jsx)("text",{x:p-8,y:n+y/2+3,textAnchor:"end",fill:C.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:C.fontSize.axisLabel,letterSpacing:C.letterSpacing.label,children:e.label}),i&&(()=>{let t=g<=1?100*e.value:e.value,l=(t%1==0?t.toFixed(0):t.toFixed(1))+"%",i=n+y/2,o=c.includes("1.0")||c.includes("0.65")?"#ffffff"
1:C.textColor;return(0,a.jsx)("text",{x:p+s/2,y:i+4,textAnchor:"middle",fill:o,fontFamily:"'ABC Diatype Mono', monospace",fontSize:C.fontSize.valueLabel,letterSpacing:C.letterSpacing.label,fontWeight:"400",children:l})})()]},"bar-".concat(t))})]}),(0,a.jsx)("div",{className:"fixed min-w-[150px] pointer-events-none transition-opacity duration-200 z-[1000] overflow-hidden shadow-lg ".concat(h.visible?"opacity-100":"opacity-0"),style:{left:h.x,top:h.y,background:"rgba(120, 120, 120, 0.65)",backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",borderRadius:"20px",boxShadow:"0 4px 16px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(255, 255, 255, 0.15)"},children:(0,a.jsxs)("div",{className:"px-4 py-2.5 text-white text-[10px] font-medium font-mono uppercase tracking-[0.04em] leading-[140%]",style:{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"},children:[h.label,": ",(100*h.value).toFixed(1),"%"]})})]})},R={gridColor:"#CCCCCC",gridStroke:1,gridDash:"2,4",labelColor:"#666666",axisLabelColor:"#666666",textColor:"#413E3E",errorBarColor:"#1F1C1C",errorBarWidth:.75,letterSpacing:{label:"0.05em",axisTitle:"0.08em"},fontSize:{axisLabel:10,axisTitle:10,valueLabel:10,legend:10}},W={width:500,height:400,padding:{top:24,right:24,bottom:56,left:72}};function L(e,t){let l=e/t,a=1+1.96*1.96/t,i=(l+1.96*1.96/(2*t))/a,o=1.96*Math.sqrt(l*(1-l)/t+1.96*1.96/(4*t*t))/a;return{center:100*i,lower:Math.max(0,(i-o)*100),upper:Math.min(100,(i+o)*100),margin:100*o}}let I=e=>{let{data:t}=e,{width:l,padding:i}=W,o=W.height,r=i.top+8,s=i.right+16,c=t.xAxisRotate?95:i.bottom,d=l-i.left-s,u=o-r-c,[p,x]=(0,n.useState)({visible:!1,x:0,y:0,group:null,series:[]}),{series:m,groups:h}=t,b=h.length,v=m.length,f=0;h.forEach(e=>{m.forEach(l=>{let a=e.values[l.key];if(a){let e=a.value||0,l=a.error||0;t.useWilsonCI&&void 0!==a.accepted&&void 0!==a.total&&(l=L(a.accepted,a.total).margin),f=Math.max(f,e+l)}})}),t.yAxisLabel&&t.yAxisLabel.includes("SUCCESS RATE")?f=1:t.yAxisLabel&&t.yAxisLabel.includes("%")&&(f=Math.max(f=10*Math.ceil(f/10),80));let g=d/b,y=Math.max(12,(g-20-(v-1)*2)/v),j=(0,n.useCallback)((e,t)=>{x({visible:!0,x:e.clientX+15,y:e.clientY-10,group:t,series:m})},[m]),w=(0,n.useCallback)(e=>{x(t=>({...t,x:e.clientX+15,y:e.clientY-10}))},[]),S=(0,n.useCallback)(()=>{x(e=>({...e,visible:!1}))},[]),k=[];for(let e=0;e<=5;e++){let t=r+e/5*u,o=f-e/5*f,n=f<=1?Math.round(100*o).toString():Math.round(o).toString();k.push((0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:i.left,y1:t,x2:l-s,y2:t,stroke:R.gridColor,strokeWidth:R.gridStroke,strokeDasharray:R.gridDash}),(0,a.jsx)("text",{x:i.left-8,y:t+3,textAnchor:"end",fill:R.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:R.fontSize.axisLabel,letterSpacing:R.letterSpacing.label,children:n})]},"grid-".concat(e)))}return(0,a.jsxs)("div",{className:"font-mono",children:[(0,a.jsxs)("div",{className:"text-center mb-4",children:[(0,a.jsx)("h2",{className:"text-[14px] font-normal tracking-[0.12em] uppercase text-[#413E3E] leading-[1.4] m-0 max-w-[380px] mx-auto",children:t.title}),t.subtitle&&(0,a.jsx)("p",{className:"text-[10px] font-normal tracking-[0.08em] uppercase text-[#666666] mt-1",children:t.subtitle})]}),(0,a.jsxs)("svg",{viewBox:"0 0 ".concat(l," ").concat(o),preserveAspectRatio:"xMidYMid meet",className:"block w-full h-auto",children:[(0,a.jsx)("rect",{width:"100%",height:"100%",fill:"transparent"}),(0,a.jsx)("text",{x:12,y:r+u/2,textAnchor:"middle",fill:R.axisLabelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:R.fontSize.axisTitle,letterSpacing:R.letterSpacing.axisTitle,transform:"rotate(-90, 12, ".concat(r+u/2,")"),style:{textTransform:"uppercase"},children:t.yAxisLabel}),k,h.map((e,l)=>{let n=i.left+(l+.5)*g,s=n-(v*y+(v-1)*2)/2,d=e.abbrev||e.label,p=o-c+15;return(0,a.jsxs)("g",{children:[l>0&&(0,a.jsx)("line",{x1:i.left+l*g,y1:r,x2:i.left+l*g,y2:o-c,stroke:R.gridColor,strokeWidth:R.gridStroke,strokeDasharray:R.gridDash}),m.map((i,n)=>{let d=e.values[i.key];if(!d)return null;let p=d.value||0,x=s+n*(y+2),m=p/f*u,h=o-c-m,b=d.error||0;return t.useWilsonCI&&void 0!==d.accepted&&void 0!==d.total&&(b=L(d.accepted,d.total).margin),(0,a.jsxs)("g",{children:[(0,a.jsx)("rect",{className:"bar cursor-pointer transition-opacity duration-150 hover:opacity-75",x:x,y:h,width:y,height:m,fill:i.color,onMouseEnter:t=>j(t,e),onMouseMove:w,onMouseLeave:S}),t.showErrorBars&&b>0&&(()=>{let e=b/f*u,t=x+y/2,l=h-e,i=h+e;return(0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:t,y1:Math.max(r,l),x2:t,y2:Math.min(o-c,i),stroke:
1R.errorBarColor,strokeWidth:R.errorBarWidth}),l>=r&&(0,a.jsx)("line",{x1:t-5,y1:l,x2:t+5,y2:l,stroke:R.errorBarColor,strokeWidth:R.errorBarWidth}),i<=o-c&&m>0&&(0,a.jsx)("line",{x1:t-5,y1:i,x2:t+5,y2:i,stroke:R.errorBarColor,strokeWidth:R.errorBarWidth})]})})(),t.showValueLabels&&p>0&&(()=>{let e=f<=1?100*p:p,t=(e%1==0?e.toFixed(0):e.toFixed(1))+"%";return(0,a.jsx)("text",{x:x+y/2,y:h-5,textAnchor:"middle",fill:R.textColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:R.fontSize.valueLabel,letterSpacing:R.letterSpacing.label,children:t})})()]},"bar-".concat(l,"-").concat(n))}),t.xAxisRotate?(0,a.jsx)("text",{x:n,y:p,textAnchor:"end",fill:R.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:R.fontSize.axisLabel-1,letterSpacing:R.letterSpacing.label,transform:"rotate(-45, ".concat(n,", ").concat(p,")"),children:d}):(0,a.jsx)("text",{x:n,y:p,textAnchor:"middle",fill:R.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:R.fontSize.axisLabel,letterSpacing:R.letterSpacing.label,children:d})]},"group-".concat(l))})]}),m.length>0&&(0,a.jsxs)("div",{className:"flex flex-wrap justify-center gap-4 mt-4",children:[t.legendTitle&&(0,a.jsxs)("span",{className:"text-[10px] font-normal uppercase",style:{fontFamily:"'ABC Diatype Mono', monospace",color:R.labelColor,letterSpacing:R.letterSpacing.label},children:[t.legendTitle,":"]}),m.map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-2 h-2 rounded-sm",style:{backgroundColor:e.color}}),(0,a.jsx)("span",{className:"text-[10px] font-normal uppercase",style:{fontFamily:"'ABC Diatype Mono', monospace",color:R.labelColor,letterSpacing:R.letterSpacing.label},children:e.label})]},e.key))]}),(0,a.jsx)("div",{className:"fixed min-w-[200px] pointer-events-none transition-opacity duration-200 z-[1000] overflow-hidden shadow-lg ".concat(p.visible?"opacity-100":"opacity-0"),style:{left:p.x,top:p.y,background:"rgba(120, 120, 120, 0.65)",backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",borderRadius:"20px",boxShadow:"0 4px 16px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(255, 255, 255, 0.15)"},children:p.group&&(0,a.jsxs)("div",{className:"px-4 py-2.5 text-white text-[10px] font-medium font-mono uppercase tracking-[0.04em] leading-[140%]",style:{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"},children:[(0,a.jsx)("div",{className:"mb-2",children:p.group.label}),p.series.map(e=>{let t=p.group.values[e.key];if(!t)return null;let l=f<=1?(100*t.value).toFixed(1)+"%":t.value.toFixed(1)+"%";return(0,a.jsxs)("div",{className:"flex justify-between items-center py-0.5 gap-4",children:[(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-2 h-2 rounded-sm",style:{backgroundColor:e.color}}),e.label]}),(0,a.jsx)("strong",{children:l})]},e.key)})]})})]})},T={gridColor:"#CCCCCC",gridStroke:1,gridDash:"2,4",labelColor:"#666666",axisLabelColor:"#666666",errorBarColor:"#1F1C1C",errorBarWidth:.75,letterSpacing:{label:"0.05em",axisTitle:"0.08em"},fontSize:{axisLabel:10,axisTitle:10,valueLabel:10}},_={width:500,height:400,padding:{top:24,right:24,bottom:56,left:72}},B=e=>{let{data:t}=e,{width:l,padding:i}=_,o=t.xAxisRotate?80:i.bottom,r=_.height,s=l-i.left-i.right,c=r-i.top-o,[d,u]=(0,n.use
1State)({visible:!1,x:0,y:0,bar:null}),p=t.data,x=p.length,m="PERCENTAGE"===t.yAxisLabel?100:1,h=Math.min(50,s/x*.7),b=s/x,v=(0,n.useCallback)((e,t)=>{u({visible:!0,x:e.clientX+15,y:e.clientY-10,bar:t})},[]),f=(0,n.useCallback)(e=>{u(t=>({...t,x:e.clientX+15,y:e.clientY-10}))},[]),g=(0,n.useCallback)(()=>{u(e=>({...e,visible:!1}))},[]),y=[];for(let e=0;e<=5;e++){let t=i.top+e/5*c,o=m-e/5*m,r=1===m?Math.round(100*o).toString():Math.round(o).toString();y.push((0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:i.left,y1:t,x2:l-i.right,y2:t,stroke:T.gridColor,strokeWidth:T.gridStroke,strokeDasharray:T.gridDash}),(0,a.jsx)("text",{x:i.left-8,y:t+3,textAnchor:"end",fill:T.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:T.fontSize.axisLabel,letterSpacing:T.letterSpacing.label,children:r})]},"grid-".concat(e)))}return(0,a.jsxs)("div",{className:"font-mono",children:[(0,a.jsxs)("div",{className:"text-center mb-4",children:[(0,a.jsx)("h2",{className:"text-[14px] font-normal tracking-[0.12em] uppercase text-[#413E3E] leading-[1.4] m-0 max-w-[380px] mx-auto",children:t.title}),t.subtitle&&(0,a.jsx)("p",{className:"text-[10px] font-normal tracking-[0.08em] uppercase text-[#666666] mt-1",children:t.subtitle})]}),(0,a.jsxs)("svg",{viewBox:"0 0 ".concat(l," ").concat(r),preserveAspectRatio:"xMidYMid meet",className:"block w-full h-auto",children:[(0,a.jsx)("rect",{width:"100%",height:"100%",fill:"transparent"}),(0,a.jsx)("text",{x:12,y:i.top+c/2,textAnchor:"middle",fill:T.axisLabelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:T.fontSize.axisTitle,letterSpacing:T.letterSpacing.axisTitle,transform:"rotate(-90, 12, ".concat(i.top+c/2,")"),style:{textTransform:"uppercase"},children:t.yAxisLabel}),y,p.map((e,l)=>{let n=i.left+(l+.5)*b-h/2,s=e.value/m*c,d=r-o-s,u=e.color||"rgba(65, 62, 62, 1.0)",p=e.abbrev||e.label,x=i.left+(l+.5)*b,y=r-o+15;return(0,a.jsxs)("g",{children:[(0,a.jsx)("rect",{className:"bar cursor-pointer transition-opacity duration-150 hover:opacity-75",x:n,y:d,width:h,height:s,fill:u,onMouseEnter:t=>v(t,e),onMouseMove:f,onMouseLeave:g}),t.showErrorBars&&e.error&&e.error>0&&(()=>{let t=e.error/m*c,l=n+h/2,s=d-t,u=d+t;return(0,a.jsxs)("g",{children:[(0,a.jsx)("line",{x1:l,y1:Math.max(i.top,s),x2:l,y2:Math.min(r-o,u),stroke:T.errorBarColor,strokeWidth:T.errorBarWidth}),s>=i.top&&(0,a.jsx)("line",{x1:l-5,y1:s,x2:l+5,y2:s,stroke:T.errorBarColor,strokeWidth:T.errorBarWidth}),u<=r-o&&(0,a.jsx)("line",{x1:l-5,y1:u,x2:l+5,y2:u,stroke:T.errorBarColor,strokeWidth:T.errorBarWidth})]})})(),t.xAxisRotate?(0,a.jsx)("text",{x:x,y:y,textAnchor:"end",fill:T.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:T.fontSize.axisLabel-1,letterSpacing:T.letterSpacing.label,transform:"rotate(-45, ".concat(x,", ").concat(y,")"),children:p}):(0,a.jsx)("text",{x:x,y:y,textAnchor:"middle",fill:T.labelColor,fontFamily:"'ABC Diatype Mono', monospace",fontSize:T.fontSize.axisLabel,letterSpacing:T.letterSpacing.label,children:p})]},"bar-".concat(l))})]}),(0,a.jsx)("div",{className:"fixed min-w-[150px] max-w-[300px] pointer-events-none transition-opacity duration-200 z-[1000] overflow-hidden shadow-lg ".concat(d.visible?"opacity-100":"opacity-0"),style:{left:d.x,top:d.y,background:"rgba(120, 120, 120, 0.65)",backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",borderRadius:"20px",boxShadow:"0 4px 16px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(255, 255, 255, 0.15)"},children:d.bar&&(0,a.jsxs)("div",{className:"px-4 py-2.5 text-white text-[10px] font-medium font-mono uppercase tracking-[0.04em] leading-[140%]",style:{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"},children:[(0,a.jsx)("div",{children:d.bar.label}),d.bar.caption&&(0,a.jsx)("div",{className:"mt-1 text-white/70",children:d.bar.caption})]})})]})},z={title:"Standard vs Ablation Studies",subtitle:"Bernoulli \xb11 SE",yAxisLabel:"Success Rate",clusters:[{id:"closing_door",name:"Closing the sliding door",points:[{label:"Standard",value:76.7},{label:"no_ego",value:36.7},{label:"10pct",value:36.7},{label:"no_cap_upsample",value:20}]},{id:"grab_chips",name:"Grab bag of chips",points:[{label:"Standard",value:80},{label:"no_ego",value:80},{label:"10pct",value:96.7},{label:"no_cap_upsample",value:73.3}]},{id:"pick_up_box",name:"Pick up box with both hands",points:[{label:"Standard",value:20},{label:"no_ego",value:36},{label:"10pct",value:46.7},{label:"no_cap_upsample",value:0}]},{id:"pull_tissue",name:"Pull tissue",points:[{label:"Standard",value:50},{label:"no_ego",value:26.7},{label:"10pct",value:60},{label:"no_cap_upsample",value:0}]},{id:"scrub_dish",name:"Scrub dish with sponge",points:[{label:"Standard",value:20},{label:"no_ego",value:0},{label:"10pct",value:0},{label:"no_cap_upsample",value:0}]},{id:"steam_shirt",name:"Steam the shirt",points:[{label:"Standard",value:93.3},{label:"no_ego",value:33.3},{label:"10pct",value:73.3},{label:"no_cap_upsample",value:0}]},{id:"watering_can",name:"Watering can",points:[{label:"Standard",value:60},{label:"no_ego",value:20},{label:"10pct",value:30},{label:"no_cap_upsample",value:60}]}]},F={title:"Ablation Delta Performance vs Standard",subtitle:"\xb11 SE",yAxisLabel:"Î Success Rate vs Standard",clusters:[{id:"closing_door",name:"Closing the sliding door",points:[{label:"no_ego - Standard",value:-40},{label:"10pct - Standard",value:-40},{label:"no_cap_upsample - Standard",value:-56.7}]},{id:"grab_chips",name:"Grab bag of chips",points:[{label:"no_ego - Standard",value:0},{label:"10pct - Standard",value:16.7},{label:"no_cap_upsample - Standard",value:-6.7}]},{id:"pick_up_box",name:"Pick up box with both hands",points:[{label:"no_ego - Standard",value:16},{label:"10pct - Standard",value:26.7},{label:"no_cap_upsample - Standard",value:0}]},{id:"pull_tissue",name:"Pull tissue",points:[{label:"no_ego - Standard",value:-23.3},{label:"10pct - Standard",value:10},{label:"no_cap_upsample - Standard",value:-50}]},{id:"scrub_dish",name:"Scrub dish with sponge",points:[{label:"no_ego - Standard",value:-20},{label:"10pct - Standard",value:-20},{label:"no_cap_upsample - Standard",value:-20}]},{id:"steam_shirt",name:"Steam the shirt",points:[{label:"no_ego - Standard",value:-60},{label:"10pct - Standard",value:-20},{label:"no_cap_upsample - Standard",value:0}]},{id:"watering_can",name:"Watering can",points:[{label:"no_ego - Standard",value:-40},{label:"10pct - Standard",value:-30},{label:"no_cap_upsample - Standard",value:0}]}]},D={title:"Standard Model Success Rate by Task",subtitle:"\xb11 SE",yAxisLabel:"Success Rate",clusters:[{id:"closing_door",name:"Closing the sliding door",points:[{label:"Standard",value:76.7}]},{id:"grab_chips",name:"Grab bag of chips",points:[{label:"Standard",value:80}]},{id:"pick_up_box",name:"Pick up box with both hands",points:[{label:"Standard",value:20}]},{id:"pull_tissue",name:"Pull tissue",points:[{label:"Standard",value:50}]},{id:"scrub_dish",name:"Scrub dish with sponge",points:[{label:"Standard",value:20}]},{id:"steam_shirt",name:"Steam the shirt",points:[{label:"Standard",value:93.3}]},{id:"watering_can",name:"Watering can",points:[{label:"Standard",value:60}]}]},P={title:"Encord Experiment Breakdown",subtitle:"Acceptance Rate by Group",yAxisLabel:"Acceptance Rate",clusters:[{id:"in_distribution",name:"In Distribution",points:[{label:"M0",value:30.86},{label:"M1",value:55.42},{label:"M2",value:37.65},{label:"M3",value:51},{label:"M4",value:62}]},{id:"new_tasks",name:"New Tasks",points:[{label:"M0",value:54.11},{label:"M1",value:65.58},{label:"M2",value:63.01},{label:"M3",value:72.58},{label:"M4",value:64.37}]},{id:"t2i",name:"T2I",points:[{label:"M0",value:38.63},{label:"M1",value:52.21},{label:"M2",value:53.04},{label:"M3",value:56.6},{label:"M4",value:46.57}]}]},O={title:"Encord Summary",subtitle:"Overall Acceptance Rate by Model",yAxisLabel:"Acceptance Rate",clusters:[{id:"m0",name:"M0",points:[{label:"M0",value:41.2}]},{id:"m1",name:"M1",points:[{label:"M1",value:57.7}]},{id:"m2",name:"M2",points:[{label:"M2",value:51.22}]},{id:"m3",name:"M3",points:[{label:"M3",value:60.04}]},{id:"m4",name:"M4",points:[{label:"M4",value:57.65}]}]},G={title:"Data Mix by Action",subtitle:"Segment Percentage",yAxisLabel:"Segment Percentage",clusters:[{id:"pick",name:"Pick",points:[{label:"Pick",value:69.38}]},{id:"place",name:"Place",points:[{label:"Place",value:29.3}]},{id:"other",name:"Other",points:[{label:"Other",value:1.32}]}
1,{id:"close",name:"Close",points:[{label:"Close",value:.43}]},{id:"open",name:"Open",points:[{label:"Open",value:.36}]},{id:"default",name:"Default",points:[{label:"Default",value:.25}]},{id:"pour",name:"Pour",points:[{label:"Pour",value:.11}]},{id:"wipe",name:"Wipe",points:[{label:"Wipe",value:.07}]},{id:"stack",name:"Stack",points:[{label:"Stack",value:.05}]},{id:"push",name:"Push",points:[{label:"Push",value:.05}]}]},U={title:"1 vs 8 Server Comparison",subtitle:"Pick Up Tissue Task Success Rate",yAxisLabel:"Success Rate",clusters:[{id:"1_server",name:"1 Server",points:[{label:"1 Server",value:30}]},{id:"8_server",name:"8 Server",points:[{label:"8 Server",value:45}]}]},Y={title:"DISTRIBUTION BY SEGMENT COUNT",yAxisLabel:"PERCENTAGE",data:[{label:"PICK",value:69.4,color:"rgba(65, 62, 62, 1.0)"},{label:"PLACE",value:29.3,color:"rgba(65, 62, 62, 0.65)"},{label:"OTHER",value:1.3,color:"rgba(65, 62, 62, 0.45)"}]},H="rgba(255, 92, 0, 0.75)",X={title:"1XWM SUCCESS RATE BY TASK (\xb11 SE)",yAxisLabel:"SUCCESS RATE (%)",xAxisRotate:!0,showErrorBars:!0,data:[{label:"EVAL: STEAM THE SHIRT",abbrev:"STEAM SHIRT",value:.93,error:.046,color:H,caption:"right hand is holding the steamer. right hand brings the steamer up to the shirt. right hand steams the shirt in an up and down motion"},{label:"EVAL: GRAB BAG OF CHIPS",abbrev:"GRAB CHIPS",value:.8,error:.073,color:H,caption:"right hand picks up the bag of chips. left hand remains still"},{label:"EVAL: CLOSING THE SLIDING DOOR",abbrev:"SLIDING DOOR",value:.77,error:.077,color:H,caption:"right hand reaches out and grasps the bottom of the metal handle on the right. right hand slides the handle across to the left, closing the sliding glass door"},{label:"EVAL: IRON SHIRT",abbrev:"IRON SHIRT",value:.67,error:.086,color:H,caption:"right hand grasps iron while the left hand moves to the shirt to support it. right hand irons the shirt with the iron, pushing into the shirt in large circular motions"},{label:"EVAL: WATERING CAN",abbrev:"WATERING CAN",value:.6,error:.089,color:H,caption:"right hand is holding a watering can. Move the watering can above the plant and water the plant"},{label:"EVAL: SCRUB DISH WITH SPONGE",abbrev:"SCRUB DISH",value:.2,error:.073,color:H,caption:"right hand picks up the bag of chips. left hand remains still"},{label:"EVAL: DRAW SMILEY",abbrev:"DRAW SMILEY",value:0,error:0,color:H,caption:"no successful prompt and caption"},{label:"EVAL: POUR CEREAL",abbrev:"POUR CEREAL",value:0,error:0,color:H,caption:"no successful prompt and caption"}]},V={title:"PULL TISSUE TASK STUDY WITH PARALLEL GENERATIONS (\xb11 SE)",xAxisLabel:"SUCCESS RATE (%)",showErrorBars:!0,showValueLabels:!0,compact:!0,data:[{label:"1 GENERATION",value:.3,error:.059,color:"rgba(65, 62, 62, 0.45)"},{label:"8 GENERATIONS",value:.45,error:.064,color:"rgba(65, 62, 62, 1.0)"}]},q={title:"HUMAN ACCEPTANCE OF GENERATED VIDEOS (\xb11 SE)",yAxisLabel:"ACCEPTANCE RATE (%)",showErrorBars:!0,series:[{key:"baseline",label:"1XWM NO EGO, NO UPSAMPLING",color:"rgba(65, 62, 62, 0.45)"},{key:"upsampled",label:"1XWM NO EGO",color:"rgba(65, 62, 62, 1.0)"},{key:"upsampled_ego",label:"1XWM",color:"rgba(255, 92, 0, 0.75)"}],groups:[{label:"IN DISTRIBUTION",abbrev:"IN-DIST",values:{baseline:{value:30.86,error:2.07},upsampled:{value:55.42,error:2.23},upsampled_ego:{value:51,error:2.24}}},{label:"NEW TASKS",abbrev:"NEW TASKS",values:{baseline:{value:54.11,error:2.23},upsampled:{value:65.58,error:2.14},upsampled_ego:{value:72.58,error:2}}},{label:"T2I",abbrev:"T2I",values:{baseline:{value:38.63,error:2.18},upsampled:{value:52.21,error:2.24},upsampled_ego:{value:56.6,error:2.22}}}]},Z={title:"1XWM REAL-WORLD ABLATION STUDIES (\xb11 SE)",yAxisLabel:"SUCCESS RATE (%)",xAxisRotate:!0,showErrorBars:!0,series:[{key:"no_cap_upsample",label:"1XWM NO EGO, NO UPSAMPLING",color:"rgba(65, 62, 62, 0.45)"},{key:"no_ego",label:"1XWM NO EGO",color:"rgba(65, 62, 62, 1.0)"},{key:"standard",label:"1XWM",color:"rgba(255, 92, 0, 0.75)"}],groups:[{label:"EVAL: STEAM THE SHIRT",abbrev:"STEAM SHIRT",values:{standard:{value:.93,error:.046},no_ego:{value:.33,error:.086},no_cap_upsample:{value:.07,error:.046}}},{label:"EVAL: GRAB BAG OF CHIPS",abbrev:"GRAB CHIPS",values:{standard:{value:.8,error:.073},no_ego:{value:.8,error:.073},no_cap_upsample:{value:.73,error:.081}}},{label:"EVAL: CLOSING THE SLIDING DOOR",abbrev:"SLIDING DOOR",values:{standard:{value:.77,error:.077},no_ego:{value:.37,error:.088},no_cap_upsample:{value:.2,error:.073}}},{label:"EVAL: IRON SHIRT",abbrev:"IRON SHIRT",values:{standard:{value:.67,error:.086},no_ego:{value:.63,error:.088},no_cap_upsample:{value:.43,error:.091}}},{label:"EVAL: WATERING CAN",abbrev:"WATERING CAN",values:{standard:{value:.6,error:.089},no_ego:{value:.2,error:.073},no_cap_upsample:{value:.6,error:.11}}},{label:"EVAL: SCRUB DISH WITH SPONGE",abbrev:"SCRUB DISH",values:{standard:{value:.2,error:.073},no_ego:{value:0,error:0},no_cap_upsample:{value:0,error:0}}}]},K={"graph-1":()=>(0,a.jsx)(f,{data:z}),"graph-2":()=>(0,a.jsx)(y,{data:F}),"graph-3":()=>(0,a.jsx)(w,{data:D}),"graph-4":()=>(0,a.jsx)(f,{data:P}),"graph-5":()=>(0,a.jsx)(w,{data:O}),"graph-6":()=>(0,a.jsx)(w,{data:G}),"graph-7":()=>(0,a.jsx)(w,{data:U}),"distribution-by-segment-count":()=>(0,a.jsx)(E,{data:Y}),"graph-9":()=>(0,a.jsx)(B,{data:X}),"graph-10":()=>(0,a.jsx)(A,{data:V}),"graph-11":()=>(0,a.jsx)(I,{data:q}),"graph-12":()=>(0,a.jsx)(I,{data:Z})};
1var J=l(82717),Q=l(21856),$=l(55386),ee=l(89508),et=l(32427),el=e=>{let{value:t,hideLabels:l}=e,{slides:o=[],isFullBleed:s=!0,showDescriptions:c=!1}=t||{},[u,p]=(0,n.useState)(0),[x,m]=(0,n.useState)(null),[h,b]=(0,n.useState)(!1),v=(0,n.useRef)([]),[f,g]=(0,n.useState)(new Set),[y,j]=(0,n.useState)(!1),w=function(e){let[t,l]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let t=window.matchMedia(e);l(t.matches);let a=e=>{l(e.matches)};return t.addEventListener("change",a),()=>{t.removeEventListener("change",a)}},[e]),t}("(max-width: 1023px)"),[S,k]=(0,n.useState)(!1),[N,E]=(0,et.Z)(),C=(0,n.useRef)([]),[M,A]=(0,n.useState)(0);(0,n.useEffect)(()=>{if(!c||!S)return;let e=C.current[u];e&&A(e.scrollHeight)},[u,c,S]);let R=(0,n.useCallback)(()=>{!h&&(null==o?void 0:o.length)&&(b(!0),m(u),p(u-1<0?o.length-1:u-1),setTimeout(()=>{let e=v.current[u];e&&(e.pause(),e.currentTime=0),m(null),b(!1)},600))},[h,u,null==o?void 0:o.length]),W=(0,n.useCallback)(()=>{!h&&(null==o?void 0:o.length)&&(b(!0),m(u),p(u+1>o.length-1?0:u+1),setTimeout(()=>{let e=v.current[u];e&&(e.pause(),e.currentTime=0),m(null),b(!1)},600))},[h,u,null==o?void 0:o.length]),[L,I]=(0,Q.Y)(.01,{rootMargin:"600px 0px"}),[T,_]=(0,Q.Y)(.01,{rootMargin:"0px"});(0,n.useEffect)(()=>{I&&!y&&j(!0)},[I,y]);let B=e=>{var t,l,a,i;return w&&(null===(l=e.videoMobile)||void 0===l?void 0:null===(t=l.asset)||void 0===t?void 0:t.playbackId)?e.videoMobile.asset.playbackId:(null===(i=e.video)||void 0===i?void 0:null===(a=i.asset)||void 0===a?void 0:a.playbackId)||""};(0,n.useEffect)(()=>{(null==o?void 0:o.length)&&o.forEach((e,t)=>{let l=v.current[t];l&&(t===u&&_?f.has(t)&&l.play().catch(()=>{}):l.pause())})},[u,_,o,f]);let z=e=>{let t=e===u,l=e===x;return t||l?t&&h?{opacity:1,zIndex:3,pointerEvents:"auto"}:l&&h?{opacity:0,zIndex:2,pointerEvents:"none"}:t?{opacity:1,zIndex:2,pointerEvents:"auto"}:{opacity:0,zIndex:1,pointerEvents:"none"}:{opacity:0,zIndex:1,pointerEvents:"none"}};return(null==o?void 0:o.length)?(0,a.jsx)("div",{className:(0,i.W)("w-full mt-[64px]",s?"px-[32px] max-w-[1440px] mx-auto":er),children:(0,a.jsx)("div",{ref:e=>{L.current=e,T.current=e},className:(0,i.W)("!relative w-full","rounded-[24px] overflow-hidden","aspect-w-1 aspect-h-2 lg:aspect-none lg:h-[672px]"),children:(0,a.jsx)("div",{children:(0,a.jsxs)(a.Fragment,{children:[!l&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{className:(0,i.W)("text-[12px] leading-[18px] text-white font-mono absolute z-[99] tracking-[0.1rem] uppercase","left-[16px] top-[calc(50%-32px)]","lg:top-[32px] lg:left-[32px]"),children:"WM"}),(0,a.jsx)("p",{className:(0,i.W)("text-[12px] leading-[18px] text-white font-mono absolute z-[99] tracking-[0.1rem] uppercase","left-[16px] bottom-[16px]","lg:top-[32px] lg:right-[32px] lg:left-auto lg:bottom-auto"),children:"REAL"})]}),(0,a.jsx)("div",{className:(0,i.W)("h-full absolute inset-0 overflow-hidden z-[1] rounded-[24px]"),children:o.map((e,t)=>{let l=B(e),o=z(t);return l?(0,a.jsx)("div",{className:(0,i.W)("absolute inset-0 w-full h-full transition-opacity duration-500 ease-in-out"),style:{opacity:o.opacity,zIndex:o.zIndex,pointerEvents:o.pointerEvents,backgroundColor:"#000"},children:(0,a.jsxs)("div",{className:(0,i.W)("relative w-full h-full"),children:[(0,a.jsx)(r(),{src:"https://image.mux.com/".concat(l,"/thumbnail.webp?width=1280&height=720&time=0"),alt:"video thumbnail",fill:!0,quality:100,priority:0===t,className:(0,i.W)("absolute inset-0 z-[2] w-full object-cover h-full transition-opacity duration-300",f.has(t)?"opacity-0":"opacity-100")}),0===t&&(0,a.jsx)(d.ZP,{ref:e=>{e&&(v.current[t]=e)},onCanPlay:()=>{f.has(t)||g(e=>new Set(e).add(t))},disableTracking:!0,thumbnailTime:0,playbackId:l,className:(0,i.W)("w-full h-full object-cover object-center pointer-events-none z-[1]"),loop:!0,muted:!0,streamType:"on-demand",autoPlay:0===u,playsInline:!0,preload:"auto",minResolution:"540p",style:{aspectRatio:16/9}}),0!==t&&y&&(0,a.jsx)(J.Z,{ref:e=>{e&&(v.current[t]=e)},onCanPlay:()=>{f.has(t)||g(e=>new Set(e).add(t))},disableTracking:!0,thumbnailTime:0,playbackId:l,className:(0,i.W)("w-full h-full object-cover object-center pointer-events-none z-[1]"),loop:!0,muted:!0,streamType:"on-demand",autoPlay:u===t,playsInl
1ine:!0,preload:"metadata",minResolution:"540p",style:{aspectRatio:16/9}})]})},t):null})}),(0,a.jsxs)("div",{className:(0,i.W)("!absolute z-[10] flex flex-col items-center max-w-[329px] mx-auto h-fit","!top-[24px] !left-[24px] !right-[24px]","bg-black/[0.16] backdrop-blur-[24px]","rounded-[30px] py-[10px] px-[24px]"),children:[(0,a.jsxs)("div",{className:(0,i.W)("flex justify-between gap-x-[24px] items-center w-full"),children:[(0,a.jsx)("button",{"aria-label":"Previous",onClick:R,className:(0,i.W)('relative after:content-[""] after:absolute after:w-full after:h-full after:p-[24px] after:left-[-18px] after:top-[-18px]',"hover:opacity-70 hover:transition-opacity duration-[0.25s]"),children:(0,a.jsx)("svg",{width:"8",height:"15",viewBox:"0 0 8 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M6.99919 1.32031L1 7.32113L6.99919 13.3203",stroke:"#F7F7F7",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,a.jsxs)("div",{onClick:c?()=>{c&&k(e=>!e)}:void 0,tabIndex:c?0:void 0,className:(0,i.W)("flex flex-col items-center justify-center",c&&"cursor-pointer","hover:opacity-70 hover:transition-opacity duration-[0.25s]"),children:[(0,a.jsx)($.E.div,{className:"overflow-hidden relative flex items-center justify-center min-w-[120px]",animate:{width:E.width>0?E.width:"auto"},transition:{type:"spring",stiffness:350,damping:55},children:(0,a.jsx)("div",{ref:N,className:"flex items-center justify-center w-fit",children:(0,a.jsx)(ee.M,{mode:"popLayout",initial:!1,children:(o&&o[u]?o[u].title:"").split("").map((e,t)=>(0,a.jsx)($.E.span,{initial:{opacity:0,filter:"blur(2px)"},animate:{opacity:1,filter:"blur(0px)",transition:{type:"spring",stiffness:350,damping:55,delay:.015*t}},exit:{opacity:0,filter:"blur(2px)",transition:{type:"spring",stiffness:500,damping:55}},className:"inline-block text-white text-[16px] leading-[130%] text-center",children:" "===e?"\xa0":e},"".concat(u,"-").concat(t,"-").concat(e)))})})}),!l&&(0,a.jsx)("span",{className:(0,i.W)("text-[9px] leading-[160%] tracking-[0.08em] text-white/[0.44] uppercase"),children:"Sample"})]}),(0,a.jsx)("button",{"aria-label":"Next",onClick:W,className:(0,i.W)('relative after:content-[""] after:absolute after:w-full after:h-full after:p-[24px] after:left-[-18px] after:top-[-18px]',"hover:opacity-70 hover:transition-opacity duration-[0.25s]"),children:(0,a.jsx)("svg",{width:"8",height:"15",viewBox:"0 0 8 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:(0,i.W)("rotate-[180deg]"),children:(0,a.jsx)("path",{d:"M6.99919 1.32031L1 7.32113L6.99919 13.3203",stroke:"#F7F7F7",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),c&&(0,a.jsx)($.E.div,{className:(0,i.W)("relative w-full overflow-hidden"),initial:{height:0,marginTop:0,paddingBottom:0},animate:{height:S?M||"auto":0,marginTop:S?16:0},transition:{duration:.3,ease:[.645,.045,.355,1]},children:o.map((e,t)=>(0,a.jsx)("p",{ref:e=>{C.current[t]=e},className:(0,i.W)("text-white text-[16px] leading-[130%] transition-opacity duration-300 delay-150 pb-[6px]","absolute top-0 left-0 right-0",t===u&&S?"opacity-100":"opacity-0 !delay-0"),children:e.description},t))})]})]})})})}):null};let ea=[{cell:44,cover:.34,color:!1,noise:.1,q:4,tone:e=>.62*Math.max(0,e-.32)},{cell:44,cover:.44,color:!1,noise:.06,q:16,tone:e=>Math.pow(e,.95)},{cell:12,cover:.55,color:!1,noise:.03,q:32,tone:e=>Math.pow(e,.95)},{cell:12,cover:.66,color:!0,noise:.02,q:0,tone:e=>Math.pow(e,.98)},{cell:9,cover:1.2,color:!0,noise:0,q:0,tone:e=>e}],ei=["RIGID GRIPPER","+ FORCE TRANSPARENCY","+ FINE MOTION","+ TACTILE SKIN","+ REFLEX & ROBUSTNESS"],eo=["<b>Rigid gripper.</b> Position-controlled, numb through its own joints. It can act â barely, blindly â and perceive almost nothing. The world is a dark patch.","<b>+ Force transparency.</b> Backdrivable tendons make every joint a sensor: press on the world and the answer comes back through the motor. The picture gains dynamic range â from a feather touch to a firm grip.","<b>+ Fine motion.</b> Now the hand can pose, trace, and probe: turn things over, follow an edge, pinch a thread. Fine structure appears â resolution.","<b>+ Tactile & shear skin.</b> Pressure, pressure change, slip â across the whole finger, not just a pad at the tip. The picture gains channels: now itâs cold milk, and shear says itâs starting to slide.","<b>+ Reflex & robustness.</b> Reflex, built to probe. Fast enough to re-grip a slip before it finishes; durable enough to touch everything, all day. Full coverage: it knows the glass is at the edge, <b>and it wonât spill the milk.</b>"],er=(0,i.W)("px-[32px]","md:mx-[auto]","lg:px-[0px] lg:max-w-[500px]","ml:max-w-[672px]"),en={types:{image:e=>{let{value:t}=e;return(0,a.jsxs)("figure",{children:[(0,a.jsx)(s,{src:(null==t?void 0:t.asset)?(0,c.i)(t).quality(100).width(2440).url():"",alt:String((null==t?void 0:t.alt)||""),width:2440,height:2440,className:(0,i.W)("mt-[64px] rounded-[24px]",(null==t?void 0:t.multiply)&&"mix-blend-multiply ",er)}),(null==t?void 0:t.caption)&&(0,a.jsx)("figcaption",{className:(0,i.W)("flex justify-start",er),children:(0,a.jsx)("span",{className:(0,i.W)("text-[12px] leading-[18px] text-[#8E8481] block max-w-[352px] mt-[12px]"),children:null==t?void 0:t.caption})})]})},embedHTML:e=>{let{value:t}=e;return(0,a.jsx)("div",{className:(0,i.W)("mb-[16px]",er),dangerouslySetInnerHTML:{__html:t.html}})},youtube:e=>{let{value:t}=e;if(!t.url)return;let l=function(e){let t=e.match(/(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|shorts\/))([^?&/]+)/);return t?t[1]:e.split("/").pop()}(t.url);return(0,a.jsx)("div",{className:(0,i.W)(er,"w-full"),children:(0,a.jsx)("div",{style:{padding:"56.25% 0 0 0",position:"relative"},className:(0,i.W)("mt-[80px]"),children:(0,a.jsx)("iframe",{src:"https://www.youtube.com/embed/".concat(l),style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
1 web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:(0,i.W)("")})})})},revealSlider:function(e){let{value:t}=e,[l,o]=(0,n.useState)(0),[r,s]=(0,n.useState)(null),[c,p]=(0,n.useState)(!1),[x,m]=(0,n.useState)(50),[h,b]=(0,n.useState)(!1),[v,f]=(0,n.useState)(new Set),g=(0,n.useRef)(null),y=(0,n.useRef)({}),{ref:j,inView:w}=(0,u.YD)(),S=(0,n.useCallback)(()=>{b(!0)},[]),k=(0,n.useCallback)(e=>{if(!h||!g.current)return;let t=g.current.getBoundingClientRect();m(Math.max(0,Math.min(100,(e.clientX-t.left)/t.width*100)))},[h]),N=(0,n.useCallback)(()=>{b(!1)},[]),E=(0,n.useCallback)(()=>{b(!0)},[]),C=(0,n.useCallback)(e=>{if(!h||!g.current)return;e.preventDefault();let t=e.touches[0],l=g.current.getBoundingClientRect();m(Math.max(0,Math.min(100,(t.clientX-l.left)/l.width*100)))},[h]),M=(0,n.useCallback)(()=>{b(!1)},[]);(0,n.useEffect)(()=>{if(h)return document.addEventListener("mousemove",k),document.addEventListener("mouseup",N),document.addEventListener("touchmove",C,{passive:!1}),document.addEventListener("touchend",M),document.addEventListener("touchcancel",M),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",N),document.removeEventListener("touchmove",C),document.removeEventListener("touchend",M),document.removeEventListener("touchcancel",M)}},[h,k,N,C,M]),(0,n.useEffect)(()=>{t.sliderData[l];let e="actual-".concat(l),a="projection-".concat(l),i=y.current[e],o=y.current[a];w?(i&&i.play().catch(e=>console.log("Video play failed:",e)),o&&o.play().catch(e=>console.log("Video play failed:",e))):(i&&i.pause(),o&&o.pause())},[w,l,v,t.sliderData]);let A=e=>{f(t=>new Set([...t,e]));let[t,a]=e.split("-");if(Number(a)===l&&w){let t=y.current[e];t&&t.play().catch(e=>console.log("Video play failed:",e))}},R=e=>{if(e===l||c)return;p(!0),s(l);let t="actual-".concat(l),a="projection-".concat(l),i=y.current[t],r=y.current[a];i&&i.pause(),r&&r.pause(),o(e);let n="actual-".concat(e),d="projection-".concat(e),u=y.current[n],x=y.current[d];w&&(u&&v.has(n)&&(u.currentTime=0,u.play().catch(e=>console.log("Video play failed:",e))),x&&v.has(d)&&(x.currentTime=0,x.play().catch(e=>console.log("Video play failed:",e)))),setTimeout(()=>{s(null),p(!1)},400)},W=e=>{let t=e===l,a=e===r;return t||a?t&&c?{opacity:1,zIndex:3,pointerEvents:"auto"}:a&&c?{opacity:0,zIndex:2,pointerEvents:"none"}:t?{opacity:1,zIndex:2,pointerEvents:"auto"}:{opacity:0,zIndex:1,pointerEvents:"none"}:{opacity:0,zIndex:1,pointerEvents:"none"}},L=(e,t,l)=>{var i,o,r;let n=null==e?void 0:null===(o=e.video)||void 0===o?void 0:null===(i=o.asset)||void 0===i?void 0:i.playbackId;return n?(0,a.jsx)(d.ZP,{ref:e=>{e&&(y.current[t]=e)},thumbnailTime:0,disableTracking:!0,playbackId:n,className:"w-full h-full object-cover",loop:!0,muted:!0,autoPlay:"muted",streamType:"on-demand",playsInline:!0,preload:"page",minResolution:"720p",onCanPlay:()=>A(t)}):(0,a.jsx)("div",{className:"w-full h-full bg-cover bg-center",style:{backgroundColor:"string"==typeof e?e:void 0,backgroundImage:(null==e?void 0:null===(r=e.asset)||void 0===r?void 0:r.url)?"url(".concat(e.asset.url,")"):void 0}})};return(0,a.jsxs)("div",{className:(0,i.W)("w-full mt-[64px]",er),ref:j,children:[(0,a.jsx)("div",{className:(0,i.W)("flex gap-x-[8px]"),children:null==t?void 0:t.sliderData.map((e,t)=>(0,a.jsx)("button",{onClick:()=>R(t),disabled:c,className:(0,i.W)("w-full py-[24px] text-[12px] leading-[160%] uppercase tracking-[0.1em] !text-gammaGrey font-mono border-t-[1px] transition-all duration-200","disabled:pointer-events-none",l===t?"border-gammaGrey":"border-gammaGrey/20"),children:e.Name},t))}),(0,a.jsxs)("div",{ref:g,className:"relative aspect-w-1 aspect-h-1 overflow-hidden rounded-[24px]",style:{userSelect:"none"},children:[t.sliderData.map((e,t)=>{let l=W(t),o="actual-".concat(t);return(0,a.jsxs)("div",{className:"absolute inset-0 w-full h-full flex items-center justify-center transition-opacity duration-300 ease-in-out",style:{backgroundColor:"string"==typeof e.MediaProjection?e.MediaProjection:void 0,opacity:l.opacity,zIndex:l.zIndex,pointerEvents:l.pointerEvents},children:[(0,a.jsx)("p",{className:(0,i.W)("absolute top-[11px] right-[16px] text-white text-[12px] leading-[160%] tracking-[0.1em] z-[2] w-fit h-fit uppercase"),children:"Generation"}),L(e.MediaProjection,o,t)]},o)}),t.sliderData.map((e,t)=>{let l=W(t),o="projection-".concat(t);return(0,a.jsxs)("div",{className:"absolute inset-0 w-full h-full flex items-center justify-center transition-opacity duration-300 ease-in-out",style:{backgroundColor:"string"==typeof e.MediaActual?e.MediaActual:void 0,clipPath:"inset(0 ".concat(100-x,"% 0 0)"),opacity:l.opacity,zIndex:l.zIndex+10,pointerEvents:l.pointerEvents},children:[(0,a.jsx)("p",{className:(0,i.W)("absolute top-[11px] left-[16px] text-white text-[12px] leading-[160%] tracking-[0.1em] z-[2] w-fit h-fit uppercase"),children:"Real"}),L(e.MediaActual,o,t)]},o)}),(0,a.jsxs)("div",{className:"absolute top-0 h-full cursor-col-resize flex items-center justify-center z-50",style:{left:"".concat(x,"%"),transform:"translateX(-50%)",width:"40px"},onMouseDown:S,onTouchStart:E,children:[(0,a.jsx)("div",{className:"w-[2px] h-full bg-black"}),(0,a.jsx)("div",{className:"absolute w-[20px] h-[60px] bg-white flex items-center justify-center shadow-lg cursor-col-resize revealSliderTabShadow"})]})]})]})},mediaTabs:function(e){var t,l,o,s,p,x,m,h,b,v,f,g;
1let[y,j]=(0,n.useState)(0),[w,S]=(0,n.useState)(null),[k,N]=(0,n.useState)(!1),E=(0,n.useRef)([]),{ref:C,inView:M}=(0,u.YD)();(0,n.useEffect)(()=>{var t,l,a;let i=null==e?void 0:null===(l=e.value)||void 0===l?void 0:null===(t=l.tabData)||void 0===t?void 0:t[y],o=(null==i?void 0:null===(a=i.tabMedia)||void 0===a?void 0:a.mediaType)==="video",r=E.current[y];r&&o&&(M?r.play().catch(e=>console.log("Video play failed:",e)):r.pause())},[M,y,null==e?void 0:null===(t=e.value)||void 0===t?void 0:t.tabData]);let A=t=>{var l,a,i,o,r,n;if(t===y||k)return;N(!0),S(y);let s=null==e?void 0:null===(a=e.value)||void 0===a?void 0:null===(l=a.tabData)||void 0===l?void 0:l[y],c=null==e?void 0:null===(o=e.value)||void 0===o?void 0:null===(i=o.tabData)||void 0===i?void 0:i[t],d=(null==s?void 0:null===(r=s.tabMedia)||void 0===r?void 0:r.mediaType)==="video",u=(null==c?void 0:null===(n=c.tabMedia)||void 0===n?void 0:n.mediaType)==="video",p=E.current[y];p&&d&&p.pause();let x=E.current[t];x&&u&&(x.currentTime=0,x.play()),j(t),setTimeout(()=>{var t,l,a;let i=null==e?void 0:null===(l=e.value)||void 0===l?void 0:null===(t=l.tabData)||void 0===t?void 0:t[w],o=(null==i?void 0:null===(a=i.tabMedia)||void 0===a?void 0:a.mediaType)==="video",r=E.current[w];r&&o&&(r.pause(),r.currentTime=0),S(null),N(!1)},400)},R=e=>{let t=e===y,l=e===w;return t||l?t&&k?{opacity:1,zIndex:3,pointerEvents:"auto"}:l&&k?{opacity:0,zIndex:2,pointerEvents:"none"}:t?{opacity:1,zIndex:2,pointerEvents:"auto"}:{opacity:0,zIndex:1,pointerEvents:"none"}:{opacity:0,zIndex:1,pointerEvents:"none"}};return(0,a.jsxs)("div",{className:(0,i.W)("w-full mt-[64px]",er),ref:C,children:[(0,a.jsx)("div",{className:(0,i.W)("flex gap-x-[8px]"),children:null==e?void 0:null===(l=e.value)||void 0===l?void 0:l.tabData.map((e,t)=>(0,a.jsx)("button",{onClick:()=>A(t),disabled:k,className:(0,i.W)("w-full py-[24px] text-[12px] leading-[160%] uppercase tracking-[0.1em] !text-gammaGrey font-mono border-t-[1px] transition-all duration-200","disabled:pointer-events-none",y===t?"border-gammaGrey":"border-gammaGrey/20"),children:e.Name},t))}),(0,a.jsxs)("div",{className:(0,i.W)("relative overflow-hidden w-full rounded-[24px]",(null==e?void 0:null===(o=e.value)||void 0===o?void 0:o.aspectRatio)=="16:9"&&"aspect-w-16 aspect-h-9",(null==e?void 0:null===(s=e.value)||void 0===s?void 0:s.aspectRatio)=="4:3"&&"aspect-w-4 aspect-h-3",(null==e?void 0:null===(p=e.value)||void 0===p?void 0:p.aspectRatio)=="1:1"&&"aspect-w-1 aspect-h-1"),children:[(null==e?void 0:null===(x=e.value)||void 0===x?void 0:x.videosLabel)&&(0,a.jsx)("p",{className:(0,i.W)("text-[12px] leading-[18px] text-white font-mono absolute z-[99] top-[24px] left-[24px] tracking-[0.1rem]"),children:null==e?void 0:null===(m=e.value)||void 0===m?void 0:m.videosLabel}),(null==e?void 0:null===(h=e.value)||void 0===h?void 0:h.showRealGenerationLabels)&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{className:(0,i.W)("text-[12px] leading-[18px] text-white font-mono absolute z-[99] top-[12px] left-[12px] tracking-[0.1rem] w-fit h-fit"),children:"REAL"}),(0,a.jsx)("p",{className:(0,i.W)("text-[12px] leading-[18px] text-white font-mono absolute z-[99] top-[12px] right-[12px] tracking-[0.1rem] w-fit h-fit !left-[unset]"),children:"GENERATION"})]}),e.value.tabData.map((e,t)=>{var l,i,o,n,s;let u=R(t),p=null===(l=e.tabMedia)||void 0===l?void 0:l.mediaType,x=(null===(n=e.tabMedia)||void 0===n?void 0:null===(o=n.video)||void 0===o?void 0:null===(i=o.asset)||void 0===i?void 0:i.playbackId)||"",m=null===(s=e.tabMedia)||void 0===s?void 0:s.image;return(0,a.jsx)("div",{className:"absolute inset-0 w-full h-full transition-opacity duration-300 ease-in-out",style:{opacity:u.opacity,zIndex:u.zIndex,pointerEvents:u.pointerEvents},children:"video"===p&&x?(0,a.jsx)(d.ZP,{ref:e=>{e&&(E.current[t]=e)},thumbnailTime:0,disableTracking:!0,playbackId:x,className:"w-full h-full object-cover",loop:!0,muted:!0,autoPlay:0===t&&"muted",streamType:"on-demand",playsInline:!0,preload:"auto",minResolution:"720p"}):"image"===p&&(null==m?void 0:m.asset)?(0,a.jsx)(r(),{src:(0,c.i)(m).width(1440).quality(90).url(),alt:m.alt||"",fill:!0,className:"object-cover"}):null},t)})]}),(null==e?void 0:null===(v=e.value)||void 0===v?void 0:null===(b=v.tabData[y])||void 0===b?void 0:b.videoCaption)&&(0,a.jsx)("div",{className:(0,i.W)("text-[12px] leading-[18px] text-[#8E8481] w-full mt-[12px] flex items-start justify-start"),children:(0,a.jsx)("p",{className:(0,i.W)("max-w-[432px]"),children:null==e?void 0:null===(g=e.value)||void 0===g?void 0:null===(f=g.tabData[y])||void 0===f?void 0:f.videoCaption})})]})},fullBleedMedia:e=>{var t,l,o,n,s,d,u,x,m,h,b,v,f;let{value:g}=e;return(0,a.jsxs)("figure",{className:(0,i.W)("w-fit px-[32px] h-auto mx-auto mt-[64px]",g.fullWidth&&"!w-full","xl:max-w-[2036px] xl:mx-auto",(null==g?void 0:g.multiply)&&"!mix-blend-multiply"),children:[(0,a.jsx)("div",{className:"overflow-hidden",children:(0,a.jsx)(p.Z,{media:g.fullBleedMedia,isRevealSlider:!0,className:(0,i.W)("scale-[1.01]",g.fullWidth&&"!w-full",(null==g?void 0:null===(t=g.fullBleedMedia)||void 0===t?void 0:t.mediaType)=="image"&&(null==g?void 0:null===(n=g.fullBleedMedia)||void 0===n?void 0:null===(o=n.mobileImage)||void 0===o?void 0:null===(l=o.asset)||void 0===l?void 0:l._ref)&&"hidden md:block")})}),(null==g?void 0:null===(s=g.fullBleedMedia)||void 0===s?void 0:s.mediaType)=="image"&&(null==g?void 0:null===(x=g.fullBleedMedia)||void 0===x?void 0:null===(u=x.mobileImage)||void 0===u?void 0:null===(d=u.asset)||void 0===d?void 0:d._ref)&&(0,a.jsx)(r(),{src:(0,c.i)(null==g?void 0:null===(m=g.fullBleedMedia)||void 0===m?void 0:m.mobileImage).url(),alt:null==g?void 0:null===(b=g.fullBleedMedia)||void 0===b?void 0:null===(h=b.mobileImage)||void 0===h?void 0:h.alt,width:1024,height:1024,className:(0,i.W)("object-cover w-full h-full md:hidden",g.fullWidth&&"!w-full",(null==g?void 0:null===(f=g.fullBleedMedia)||void 0===f?void 0:null===(v=f.mobileImage)||void 0===v?void 0:v.multiply)&&"mix-blend-multiply")}),(null==g?void 0:g.caption)&&(0,a.jsx)("figcaption",{className:(0,i.W)("flex justify-start",er),children:(0,a.jsx)("span",{className:(0,i.W)("text-[12px] leading-[18px] text-[#8E8481] block max-w-[352px] mt-[12px]"),children:g.caption})})]})},inlineVideo:e=>{var t,l,o,r,n,s,c;let{value:d}=e,u={video:null==d?void 0:null===(t=d.video)||void 0===t?void 0:t.videoMux,mediaType:"video"},p={aspectRatio:null};return(null==d?void 0:null===(l=d.video)||void 0===l?void 0:l.aspectRatio)==="16:9"?p={aspectRatio:16/9}:(null==d?void 0:null===(o=d.video)||void 0===o?void 0:o.aspectRatio)==="4:3"?p={aspectRatio:4/3}:(null==d?void 0:null===(r=d.video)||void 0===r?void 0:r.aspectRatio)==="1:1"&&(p={aspectRatio:1}),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:(0,i.W)("w-full px-[32px] mx-auto mt-[64px] flex flex-col",er),children:[(0,a.jsx)("div",{className:(0,i.W)("w-full overflow-hidden",(null==d?void 0:null===(n=d.video)||void 0===n?void 0:n.multiply)&&"mix-blend-multiply"),children:(0,a.jsx)(x.Z,{playbackId:u.video.asset.playbackId,className:(0,i.W)("object-cover w-full h-full scale-[1.02]"),needsOverlay:!1,containerClassName:(0,i.W)("w-full h-full"),style:p})}),(null==d?void 0:null===(s=d.video)||void 0===s?void 0:s.caption)&&(0,a.jsx)("div",{className:(0,i.W)("text-[12px] leading-[18px] text-[#8E8481] mt-[12px] flex items-start justify-start"),children:(0,a.jsx)("p",{className:(0,i.W)("max-w-[432px]"),children:null==d?void 0:null===(c=d.video)||void 0===c?void 0:c.caption})})]})})},interactiveGraph:function(e){let{value:t}=e,l=K[t.graphId];return l?(0,a.jsxs)("figure",{className:(0,i.W)("w-full mt-[32px]",er),children:[(0,a.jsx)(l,{}),t.caption&&(0,a.jsx)("figcaption",{className:"flex justify-start",children:(0,a.jsx)("span",{className:"text-[12px] leading-[18px] text-[#8E8481] block max-w-[352px] mt-[12px]",children:t.caption})})]}):null},videoSlider:el,videoSliderPlain:e=>(0,a.jsx)(el,{...e,hideLabels:!0}),worldPicture:function(e){let{value:t}=e,l=(0,n.useRef)(null),o=(0,n.useRef)(null),r=(0,n.useRef)(null),s=(0,n.useRef)(null),c=(0,n.useRef)(!1),d=(0,n.useRef)(0),p=(0,n.useRef)(!1),[x,m]=(0,n.use
1State)(0),{ref:h,inView:b}=(0,u.YD)({threshold:.5}),v=window.matchMedia("(prefers-reduced-motion: reduce)").matches,f=(null==t?void 0:t.figLabel)||"World-picture \xb7 assembled one subsystem at a time";(0,n.useEffect)(()=>{let e=document.createElement("canvas");e.width=880,e.height=495;let t=e.getContext("2d");t&&(!function(e){let t=e.createLinearGradient(0,0,0,297);t.addColorStop(0,"#7B6448"),t.addColorStop(1,"#5C4934"),e.fillStyle=t,e.fillRect(0,0,880,297),e.fillStyle="#EFD9A6",e.fillRect(57.2,37.125,180.39999999999998,198),e.fillStyle="#F7EDCB",e.fillRect(68.024,52.965,68.55199999999999,71.28),e.fillStyle="#5C4934",e.fillRect(141.988,37.125,10.823999999999998,198),e.fillRect(57.2,130.185,180.39999999999998,11.879999999999999),e.strokeStyle="#3E3122",e.lineWidth=9,e.strokeRect(57.2,37.125,180.39999999999998,198),e.fillStyle="#3E3122",e.fillRect(704,49.5,10.56,79.2),e.fillRect(743.6,49.5,10.56,64.35000000000001),e.fillRect(783.2,49.5,10.56,84.15),e.fillRect(695.2,42.075,110,8.91),e.fillStyle="#221B14",e.fillRect(0,297,880,198),e.fillStyle="#BE8A55",e.fillRect(0,269.77500000000003,629.1999999999999,54.44999999999999),e.fillStyle="#D5A167",e.fillRect(0,269.77500000000003,629.1999999999999,9.9),e.fillStyle="#7F5730",e.fillRect(0,324.225,629.1999999999999,495-324.225),e.fillStyle="#5B3D1F",e.fillRect(618.64,269.77500000000003,10.56,495-269.77500000000003);for(let t=0;t<6;t++)e.fillStyle=t%2?"#E9D8C4":"#BE4530",e.fillRect(250.79999999999998,324.225+19.8*t,83.6,19.8);e.fillStyle="#E7E0CF",e.beginPath(),e.ellipse(167.2,295.51500000000004,68.64,15.84,0,0,7),e.fill(),e.fillStyle="#9C6B33",[[-.028,-.008],[.006,-.016],[.026,.002],[-.004,.01]].forEach(t=>{e.beginPath(),e.ellipse(880*(.19+t[0]),269.77500000000003+495*(.052+t[1]),17.6,6.93,0,0,7),e.fill()}),e.fillStyle="#9C6B33",e.beginPath(),e.ellipse(497.19999999999993,299.475,18.48,6.435,0,0,7),e.fill();e.fillStyle="rgba(0,0,0,0.28)",e.beginPath(),e.ellipse(596.992,284.625,36.3,7.92,0,0,7),e.fill(),e.fillStyle="rgba(233,240,240,0.30)",e.fillRect(559.2399999999999,168.30000000000004,48.4,112.36499999999998);let l=168.30000000000004+112.36499999999998*.26;e.fillStyle="#F3F0E5",e.fillRect(559.2399999999999+2,l,44.4,280.665-l-1),e.fillStyle="#FCFAF3",e.beginPath(),e.ellipse(583.4399999999999,l,22.2,5.444999999999999,0,0,7),e.fill(),e.fillStyle="rgba(255,255,255,0.55)",e.fillRect(559.2399999999999+3,172.30000000000004,3.5,112.36499999999998-10),e.strokeStyle="rgba(250,250,245,0.65)",e.lineWidth=2,e.beginPath(),e.ellipse(583.4399999999999,168.30000000000004,24.2,5.444999999999999,0,0,7),e.stroke()}(t),o.current=t.getImageData(0,0,880,495).data)},[]);let g=(e,t)=>{let l=o.current;if(!l)return;let a=ea[t],i=(e,t,a)=>{let i=0,o=0,r=0,n=0,s=a>16?4:2,c=Math.min(880,e+a),d=Math.min(495,t+a);for(let a=t;a<d;a+=s)for(let t=e;t<c;t+=s){let e=(880*a+t)*4;i+=l[e],o+=l[e+1],r+=l[e+2],n++}return[i/n,o/n,r/n]};e.fillStyle="#07080A",e.fillRect(0,0,880,495);let r=Math.hypot(440,247.5);for(let t=0;t<495;t+=a.cell)for(let l=0;l<880;l+=a.cell){var n,s,c;let o,d,u;let p=Math.hypot(l+a.cell/2-440,t+a.cell/2-247.5)/r,x=a.cover>1?1:1-(n=a.cover-.06,s=a.cover+.07,(c=Math.min(1,Math.max(0,((c=p)-n)/(s-n))))*c*(3-2*c));if(x<=.02)continue;let m=i(l,t,a.cell),h=(.2126*m[0]+.7152*m[1]+.0722*m[2])/255,b=a.tone(h);if(a.noise&&(b+=(Math.random()-.5)*a.noise),a.q&&(b=Math.round(b*a.q)/a.q),b=Math.min(1,Math.max(0,b)),a.color){let e=b/Math.max(h,.02);o=Math.min(255,m[0]*e),d=Math.min(255,m[1]*e),u=Math.min(255,m[2]*e)}else o=d=u=255*b;e.globalAlpha=x,e.fillStyle="rgb("+(0|o)+","+(0|d)+","+(0|u)+")",e.fillRect(l,t,a.cell-1,a.cell-1)}e.globalAlpha=1};(0,n.useEffect)(()=>{d.current=x;let e=l.current;if(!e||!o.current)return;let t=e.getContext("2d");t&&g(t,x)},[x]),(0,n.useEffect)(()=>{let e=l.current,t=null==e?void 0:e.getContext("2d");if(!t||v)return;let a=()=>{r.current&&(clearInterval(r.current),r.current=null)};return b?r.current||(r.current=setInterval(()=>{ea[d.current].noise>0&&g(t,d.current)},140)):a(),a},[b,v]),(0,n.useEffect)(()=>{if(v||!b||p.current)return;p.current=!0;let e=0;return s.current=setInterval(()=>{if(c.current||++e>4){s.current&&clearInterval(s.current),s.current=null;return}m(e)},2400),()=>{s.current&&(clearInterval(s.current),s.current=null)}},[b,v]);let y=e=>{c.current=!0,s.current&&(clearInterval(s.current),s.current=null),m(e)};return(0,a.jsxs)("figure",{ref:h,className:(0,i.W)("flex w-full flex-col gap-[24px] mt-[64px]",er),children:[(0,a.jsx)("h2",{className:"mx-auto max-w-[420px] text-balance text-center font-mono text-[14px] font-normal uppercase leading-[1.4] tracking-[0.12em] text-[#413E3E]",children:f}),(0,a.jsx)("div",{className:"overflow-hidden rounded-[24px] bg-[#07080A]",children:(0,a.jsx)("canvas",{ref:l,width:880,height:495,className:"block h-auto w-full","aria-label":"Interactive simulated world-picture of a kitchen scene with a glass of milk near a table edge, improving as force transparency, degrees of freedom, tactile skin, and reflex and robustness are added"})}),(0,a.jsx)("div",{role:"group","aria-label":"World-picture stages, by hand subsystem",className:"grid grid-cols-2 gap-x-[8px] gap-y-[20px] smt:grid-cols-3 ml:grid-cols-5 ml:gap-y-0",children:ei.map((e,t)=>{let l=x===t;return(0,a.jsx)("button",{onClick:()=>y(t),"aria-pressed":l,className:(0,i.W)("flex w-full items-start justify-center border-t-[1px] pt-[16px] text-center font-mono text-[11px] uppercase leading-[140%] tracking-[0.12em] transition-all duration-200","focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#413E3E]",l?"border-[#413E3E] text-[#413E3E]":"border-[#413E3E]/20 text-[#413E3E]/45 hover:text-[#413E3E]"),children:e},t)})}),(0,a.jsx)("div",{className:"mx-auto grid max-w-[560px]",children:eo.map((e,t)=>(0,a.jsx)("p",{"aria-hidden":x!==t,className:(0,i.W)("col-start-1 row-start-1 text-center font-mono text-[11px] uppercase leading-[160%] tracking-[0.04em] text-[#413E3E]/80 transition-opacity duration-200 [&_b]:font-semibold [&_b]:text-[#413E3E] [&_strong]:font-semibold [&_strong]:text-[#413E3E]",x===t?"opacity-100":"pointer-events-none opacity-0"),dangerouslySetInnerHTML:{__html:e}},t))})]})},responsiveImage:e=>{let{value:t}=e,l=null==t?void 0:t.desktopImage,o=null==t?void 0:t.mobileImage;if(!(null==l?void 0:l.asset))return null;let r=!!(null==o?void 0:o.asset);return(0,a.jsxs)("figure",{children:[(0,a.jsx)("div",{className:(0,i.W)("mt-[64px]",r&&"hidden lg:block",er),children:(0,a.jsx)(s,{src:(0,c.i)(l).qual
1ity(100).width(2440).url(),alt:String((null==l?void 0:l.alt)||""),width:2440,height:2440,className:(0,i.W)("rounded-[24px] w-full h-auto")})}),r&&(0,a.jsx)("div",{className:(0,i.W)("mt-[64px] lg:hidden",er),children:(0,a.jsx)(s,{src:(0,c.i)(o).quality(100).width(1200).url(),alt:String((null==o?void 0:o.alt)||(null==l?void 0:l.alt)||""),width:1200,height:1200,className:(0,i.W)("rounded-[24px] w-full h-auto")})}),(null==t?void 0:t.caption)&&(0,a.jsx)("figcaption",{className:(0,i.W)("flex justify-start",er),children:(0,a.jsx)("span",{className:(0,i.W)("text-[12px] leading-[18px] text-[#8E8481] block max-w-[352px] mt-[12px]"),children:t.caption})})]})}},marks:{link:e=>{let{children:t,value:l}=e;return(0,a.jsx)("a",{href:l.href,className:(0,i.W)("underline text-discoveryDark/60"),children:t})},strong:e=>{let{children:t}=e;return(0,a.jsx)("span",{className:(0,i.W)("font-bold"),children:t})}},block:{normal:e=>{let{children:t}=e;return(0,a.jsx)("p",{className:(0,i.W)("text-[16px] leading-[26px] text-discoveryDark/60 w-full","lg:text-[18px] lg:leading-[28px]",er),children:t})},h2:e=>{let{children:t}=e;return(0,a.jsx)("h2",{className:(0,i.W)("text-[24px] leading-[28px] tracking-[-0.03em] mt-[64px] text-gammaGrey w-full","lg:text-[30px] lg:leading-[39px]",er),children:t})},h3:e=>{let{children:t}=e;return(0,a.jsx)("h3",{className:(0,i.W)("text-[16px] leading-[24px] tracking-[-0.03em] mt-[32px] text-gammaGrey w-full","lg:leading-[28px] lg:text-[18px]",er),children:t})},blockquote:e=>{let{children:t}=e;return(0,a.jsx)("blockquote",{className:(0,i.W)("text-[20px] leading-[24px] tracking-[-0.03em] mt-[32px] font-medium w-full","lg:leading-[28px]",er),children:t})}},list:{bullet:e=>{let{children:t}=e;return(0,a.jsx)("ul",{className:(0,i.W)("list-disc list-inside max-w-[888px] mx-auto flex flex-col gap-y-[0px] text-[16px] leading-[26px] px-[24px] text-black/75 w-full","lg:px-[0px] lg:text-[18px] lg:leading-[28px]",er),children:t})},number:e=>{let{children:t}=e;return(0,a.jsx)("ol",{className:(0,i.W)("list-none list-inside max-w-[888px] mx-auto w-full flex flex-col lg:w-paragraph-l-desktop px-[24px] text-black/75","lg:px-[0px]",er),children:t})}},listItem:{bullet:e=>{let{children:t}=e;return(0,a.jsxs)("li",{className:(0,i.W)("flex gap-x-[16px] items-start"),children:[(0,a.jsx)("span",{className:(0,i.W)("inline-block w-[6px] h-[6px] rounded-full bg-gammaGrey/60 flex-shrink-0 mt-[10px]")}),(0,a.jsx)("span",{className:(0,i.W)("inline-block text-gammaGrey/60"),children:t})]})},number:e=>{let{children:t,index:l}=e;return(0,a.jsxs)("li",{className:(0,i.W)("flex gap-x-[16px] items-start"),children:[(0,a.jsxs)("span",{className:(0,i.W)("body-copy text-gammaGrey/60"),children:[l+1,"."]}),(0,a.jsx)("span",{className:(0,i.W)("inline-block text-gammaGrey/60 body-copy","lg:body-copy-desktop"),children:t})]})}}}},98268:function(e,t,l){var a=l(85893),i=l(67294),o=l(25675),r=l.n(o),n=l(90512),s=l(3612);t.Z=e=>{let{media:t,className:l,containerClassName:o,needsGammaOverlay:c,needsBlurOverlay:d,priority:u,isRevealSlider:p,videoContainerClassName:x}=e,[m,h]=(0,i.useState)(16/9);if("image"===t.mediaType&&t.image){var b;let{url:e,metadata:i}=t.image.asset,{width:s,height:c}=i.dimensions;return(0,a.jsx)("div",{className:o,children:(0,a.jsx)(r(),{src:e||"/placeholder.svg",alt:t.image.alt,width:s,height:c,priority:u,className:(0,n.W)(l,"object-cover opacity-0 transition-opacity duration-300",(null==t?void 0:null===(b=t.image)||void 0===b?void 0:b.multiply)&&"mix-blend-multiply"),onLoadingComplete:e=>{e.classList.remove("opacity-0")}})})}return(null==t?void 0:t.mediaType)==="video"&&(null==t?void 0:t.video)?(0,a.jsxs)("div",{className:(0,n.W)("relative h-full",!p&&"lg:aspect-w-[720] lg:aspect-h-[880]",x),children:[c&&(0,a.jsx)("div",{className:(0,n.W)("absolute inset-0 w-full h-full bg-[#413E3E4D] z-[10]")}),d&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:(0,n.W)(" w-full videoBlur !h-[159px] z-[10] lg:hidden")}),(0,a.jsx)("div",{className:(0,n.W)(" w-full videoBg !h-[159px] z-[9] lg:hidden")})]}),(0,a.jsx)(s.Z,{playbackId:t.video.asset.playbackId,className:(0,n.W)(l),containerClassName:o})]}):null}},3612:function(e,t,l){var a=l(85893),i=l(67294),o=l(2491),r=l(90512),n=l(25675),s=l.n(n),c=l(99209);t.Z=e=>{let{playbackId:t,className:l,needsOverlay:n,containerClassName:d,isAboveFold:u,noLoop:p,isHomepageHero:x,cb:m,placeholderCB:h,onEndedCb:b,style:v,threshold:f=.01}=e,g=(0,i.useRef)(null),y=(0,i.useRef)(null),j=decodeURIComponent(t).replace(/[^\w-]/g,""),{setIntroRun:w}=(0,c.K)(e=>e),S=!!u||!!x,[k,N]=(0,i.useState)(S),[E,C]=(0,i.useState)(!1),[M,A]=(0,i.useState)(!1),R=(0,i.useCallback)(()=>{E||(C(!0),null==m||m(),setTimeout(()=>A(!0),300))},[E,m]),W=(0,i.useCallback)(()=>{x&&w(!0),null==b||b()},[x,w,b]);return(0,i.useEffect)(()=>
1{if(!S&&y.current){let e=new IntersectionObserver(e=>{e.forEach(e=>{N(e.isIntersecting)})},{threshold:f});return e.observe(y.current),()=>e.disconnect()}},[S,f]),(0,i.useEffect)(()=>{let e=g.current;e&&(k?e.play().catch(()=>{}):e.pause())},[k]),(0,a.jsxs)("div",{className:(0,r.W)("relative z-[1] w-full h-full pointer-events-none",d),ref:y,children:[n&&(0,a.jsx)("div",{className:(0,r.W)("absolute top-0 left-0 w-full h-full bg-black/[0.23] z-[2]","lg:bg-black/30")}),!M&&(0,a.jsx)(s(),{src:"https://image.mux.com/".concat(t,"/thumbnail.webp?width=1920&height=1080&time=0"),alt:"",fill:!0,priority:S,sizes:"100vw",onLoadingComplete:()=>null==h?void 0:h(),className:"absolute inset-0 z-[1] w-full h-full object-cover"}),(0,a.jsx)(o.ZP,{ref:g,playbackId:j,streamType:"on-demand",muted:!0,loop:!p,playsInline:!0,preload:"auto",onPlaying:R,onEnded:W,minResolution:"720p",style:v,className:(0,r.W)("transition-opacity duration-[0.25s] absolute w-full h-full inset-0 object-cover",E?"opacity-100":"opacity-0",l)})]})}},65906:function(e,t,l){var a=l(85893),i=l(67294),o=l(82717),r=l(90512),n=l(21856);t.Z=e=>{let{playbackId:t,className:l,needsOverlay:s,containerClassName:c,noLoop:d,style:u,needsControls:p,onEndedCb:x}=e,m=(0,i.useRef)(null),[h,b]=(0,n.Y)(.01),[v,f]=(0,i.useState)(!1),g=decodeURIComponent(t).replace(/[^\w-]/g,"");return(0,i.useEffect)(()=>{b&&!p&&f(!0)},[b]),(0,a.jsxs)("div",{ref:h,className:(0,r.W)("relative z-[1] w-full h-full pointer-events-none overflow-hidden",c),children:[s&&(0,a.jsx)("div",{className:(0,r.W)("absolute top-0 left-0 w-full h-full bg-black/[0.23] z-[2]","lg:bg-black/30")}),(0,a.jsx)(o.Z,{disableTracking:!0,ref:m,thumbnailTime:0,playbackId:g,className:(0,r.W)(l,p&&"mux-player-with-controls !touch-pan-y"),loop:!d,muted:!p,style:u,loading:"page",streamType:"on-demand",paused:!v,playsInline:!0,onEnded:()=>{x&&x()},minResolution:"720p",accentColor:"rgba(0, 0, 0,0.8)",primaryColor:"#f1f1f1",secondaryColor:"rgba(255, 255, 255, 0.0)"})]})}}}]);
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.