npm - @divami-artefacts/ai-design-system - Versions diffs - 1.0.52 → 1.0.54 - Mend

@divami-artefacts/ai-design-system 1.0.52 → 1.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react-dom/client`),t=require(`react`),n=require(`react/jsx-runtime`);function r({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`d3-chart ${t}`.trim(),children:e})}var i={bg:`#0C0E12`,bgL:`#0C1420`,sf:`#13161B`,bd:`#22262F`,blue:`#4C93D9`,cyan:`#36BFFA`,orange:`#EC772A`,red:`#EC772A`,green:`#5DA537`,purple:`#818FF8`,amber:`#EEBF3B`,teal:`#69DFE9`,tealDark:`#00818F`,t1:`#F7F9FA`,t2:`#B3B5B6`,t3:`#94979C`,t4:`#334155`},a={teal:[`#00818F`,`#69DFE9`],violet:[`#5B3CB1`,`#C8B6F3`],mint:[`#27837A`,`#81E8CE`],magenta:[`#8732A7`,`#E7A1F0`],sky:[`#0068BE`,`#8EC2F6`],blue:[`#084CF0`,`#8BA9FF`],purple:[`#5C42B8`,`#9DA5FD`],royal:[`#2556C8`,`#A9B1F8`],success:[`#58B21C`,`#97F558`],warning:[`#FFD974`,`#E4AA0D`],error:[`#EC8C42`,`#E46A0D`]},o={teal:`#69DFE9`,violet:`#C8B6F3`,mint:`#81E8CE`,magenta:`#E7A1F0`,sky:`#0068BE`,blue:`#084CF0`,purple:`#5C42B8`,royal:`#2556C8`,success:`#58B21C`,warning:`#E4AA0D`,error:`#E46A0D`},s=[i.blue,i.amber,i.purple,i.green,i.red],c=[i.teal,i.purple,i.amber,i.blue,i.green],l={font:`400 16px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#F7F7F7`,letterSpacing:`0px`},u={font:`500 16px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#F7F7F7`},d={font:`400 18px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#B3B5B6`,letterSpacing:`0px`};function f(e,t=1){let n=e.replace(`#`,``);return`rgba(${parseInt(n.substring(0,2),16)},${parseInt(n.substring(2,4),16)},${parseInt(n.substring(4,6),16)},${t})`}function p(e,t,n){return e+(t-e)n}function m(e,t,n){let r=e=>{let t=e.replace(`#`,``);return[parseInt(t.substring(0,2),16),parseInt(t.substring(2,4),16),parseInt(t.substring(4,6),16)]},[i,a,o]=r(e),[s,c,l]=r(t),u=e=>Math.max(0,Math.min(255,Math.round(e)));return[u(p(i,s,n)),u(p(a,c,n)),u(p(o,l,n))].map(e=>e.toString(16).padStart(2,`0`)).join(``).replace(/^/,`#`)}function h(e,t,n,r=2){e.width=tr,e.height=nr;let i=e.getContext(`2d`);return i.scale(r,r),i}function g(e,t,n,r,i,a=.3){let o=e.createRadialGradient(t,n,0,t,n,r);o.addColorStop(0,f(i,a)),o.addColorStop(1,f(i,0)),e.fillStyle=o,e.beginPath(),e.arc(t,n,r,0,Math.PI2),e.fill()}function _(e,t,n,r,a=50,o=f(i.blue,.05)){for(let i=0;i<a;i++)e.beginPath(),e.arc((Math.sin(r.001+i23).5+.5)t,(Math.cos(r8e-4+i37).5+.5)n,.6,0,Math.PI2),e.fillStyle=o,e.fill()}function v(e,t,n,r,i=.015){e.fillStyle=`rgba(0,0,0,${i})`;let a=r.5%6;for(let r=a;r<n;r+=3)e.fillRect(0,r,t,1)}function y(e,t,n,r,a=f(i.t1,.08)){e.strokeStyle=a,e.lineWidth=1,e.setLineDash([3,3]),e.beginPath(),e.moveTo(t,n),e.lineTo(t,r),e.stroke(),e.setLineDash([])}function b({visible:e,x:r,y:a,content:o,parentW:s,parentH:c}){let l=(0,t.useRef)(null);if((0,t.useLayoutEffect)(()=>{let t=l.current;if(!t)return;let n=t.offsetWidth,u=t.offsetHeight,d=s??400,f=c??800,p=r+14,m=a-u-14;p+n>d-4&&(p=r-n-14),m<4&&(m=a+14),p<4&&(p=4),m+u>f-4&&(m=f-u-4),t.style.transform=`translate(${p}px, ${m}px)`,t.style.opacity=e?`1`:`0`;let h=o&&typeof o==`object`&&o.color?o.color:i.blue;t.style.setProperty(`--tooltip-accent`,h??i.blue)},[e,r,a,s,o]),!o)return null;let u=typeof o==`object`,d=u?o.label:null,f=u?o.value:o,p=u?o.sublabel:null;return(0,n.jsxs)(`div`,{ref:l,style:{position:`absolute`,top:0,left:0,minWidth:80,pointerEvents:`none`,background:i.sf,border:`1px solid ${i.bd}`,borderLeft:`2px solid var(--tooltip-accent)`,borderRadius:6,padding:`8px 12px`,opacity:0,transition:`opacity 0.15s ease`,zIndex:20,fontFamily:`'Satoshi Variable', 'DM Sans', sans-serif`},children:[d&&(0,n.jsx)(`div`,{style:{fontSize:14,fontWeight:400,color:i.t2,marginBottom:3,whiteSpace:`nowrap`,lineHeight:`20px`},children:d}),f&&(0,n.jsx)(`div`,{style:{fontSize:16,fontWeight:500,color:i.t1,whiteSpace:`nowrap`,lineHeight:`22px`},children:f}),p&&(0,n.jsx)(`div`,{style:{fontSize:14,fontWeight:400,color:`var(--tooltip-accent)`,marginTop:3,whiteSpace:`nowrap`,lineHeight:`20px`},children:p})]})}function x(e,{width:n,height:r,onClick:i,enabled:a=!0}){let o=(0,t.useRef)({x:-1,y:-1,over:!1}),s=(0,t.useRef)(null),c=(0,t.useRef)([]),[l,u]=(0,t.useState)({visible:!1,x:0,y:0,content:null}),d=(0,t.useCallback)((e,t,n)=>{u({visible:!0,x:e,y:t,content:n})},[]),f=(0,t.useCallback)(()=>{u(e=>e.visible?{visible:!1,x:e.x,y:e.y,content:e.content}:e)},[]);return(0,t.useEffect)(()=>{let t=e.current;if(!t\|\|!a)return;let l=e=>{let i=t.getBoundingClientRect(),a=n/i.width,l=r/i.height;o.current.x=(e.clientX-i.left)a,o.current.y=(e.clientY-i.top)l,o.current.over=!0;let u=null,p=c.current;for(let e=p.length-1;e>=0;e--)if(p[e].test(o.current.x,o.current.y)){u=p[e];break}let m=s.current;s.current=u?u.id:null,t.style.cursor=u?`pointer`:`default`,u?d((e.clientX-i.left)a,(e.clientY-i.top)l,u.data):m&&f()},u=()=>{o.current={x:-1,y:-1,over:!1},s.current&&(s.current=null,t.style.cursor=`default`,f())},p=()=>{if(s.current&&i){let e=c.current.find(e=>e.id===s.current);e&&i(e.id,e.data)}};return t.addEventListener(`mousemove`,l),t.addEventListener(`mouseleave`,u),t.addEventListener(`click`,p),()=>{t.removeEventListener(`mousemove`,l),t.removeEventListener(`mouseleave`,u),t.removeEventListener(`click`,p)}},[e,n,r,a,i,d,f]),{mouseRef:o,hoveredRef:s,tooltip:l,showTooltip:d,hideTooltip:f,hitZonesRef:c}}function S(e,t,n,r,i,a){e.push({id:t,data:a,test:(e,t)=>(e-n)2+(t-r)2<=ii})}function C(e,t,n,r,i,a,o){e.push({id:t,data:o,test:(e,t)=>e>=n&&e<=n+i&&t>=r&&t<=r+a})}var w=e=>1-(1-e)3,T=e=>1-(1-e)4,E=e=>e===1?1:1-2(-10e),D=e=>{let t=1.70158;return 1+(t+1)(e-1)3+t(e-1)*2},O=(e,t=.04,n=.001)=>Math.sin(et)Math.exp(-Math.min(en,4)),k=(e,t,n,r=w)=>{let i=Math.min(.06,.5/n),a=ti,o=1-(n-1)i;return r(Math.max(0,Math.min((e-a)/o,1)))};function A(e,t,n=.12){e.forEach((r,i)=>{let a=i===t?1:0,o=r+(a-r)n;Math.abs(o-a)<.005?a===0?e.delete(i):e.set(i,1):e.set(i,o)}),t&&!e.has(t)&&e.set(t,0)}var j=760,M=250;function N({rows:e=[],variant:a,className:o,colors:s}){let c=(0,t.useRef)(null),l=(0,t.useRef)(new Map),u=(0,t.useRef)(0),{mouseRef:d,hoveredRef:p,tooltip:m,hitZonesRef:_}=x(c,{width:j,height:M});return(0,t.useEffect)(()=>{let t=c.current;if(!t)return;let n=h(t,j,M);u.current=0;let r=s?.line??i.blue,o=s?.point??i.blue,m=s?.axisLine??i.bd,v=s?.areaFill??i.blue,b={top:24,right:24,bottom:44,left:24},x=j-b.left-b.right,C=M-b.top-b.bottom,w,T=()=>{u.current++;let t=u.current;if(n.clearRect(0,0,j,M),e.length<2){w=requestAnimationFrame(T);return}let s=e.map(e=>e.pricing??0),c=Math.max(100,...s),h=t=>b.left+t/(e.length-1)x,D=e=>b.top+(1-e/c)C,k=E(Math.min(t/48,1)),N=Math.max(2,Math.floor(ke.length));A(l.current,p.current),_.current=[],n.strokeStyle=f(i.bd,.2),n.lineWidth=.5;for(let e=0;e<=4;e++){let t=b.top+e/4C;n.beginPath(),n.moveTo(b.left,t),n.lineTo(b.left+x,t),n.stroke()}if(n.strokeStyle=f(m,.4),n.lineWidth=1,n.setLineDash([]),n.beginPath(),n.moveTo(b.left,D(0)),n.lineTo(b.left+x,D(0)),n.stroke(),d.current.over&&p.current){let e=parseInt(p.current.split(`-`)[1]);isNaN(e)\|\|y(n,h(e),b.top,b.top+C)}if(a===`area`&&N>1){let t=n.createLinearGradient(0,b.top,0,b.top+C);t.addColorStop(0,f(v,.12)),t.addColorStop(1,f(v,0)),n.fillStyle=t,n.beginPath(),n.moveTo(h(0),b.top+C);for(let t=0;t<N;t++)n.lineTo(h(t),D(e[t].pricing??0));n.lineTo(h(N-1),b.top+C),n.closePath(),n.fill()}if(N>1){n.strokeStyle=f(r,.85),n.lineWidth=2,n.setLineDash([]),n.beginPath();for(let t=0;t<N;t++){let r=h(t),i=D(e[t].pricing??0);t===0?n.moveTo(r,i):n.lineTo(r,i)}n.stroke()}for(let r=0;r<N;r++){let s=h(r),c=D(e[r].pricing??0),u=`sc-${r}`,d=l.current.get(u)??0,p=r===e.length-1;S(_.current,u,s,c,12,{label:e[r].vendor,value:String(e[r].pricing??0),color:p?i.red:o}),d>0&&g(n,s,c,16d,o,.2d);let m=p?O(t,.05,5e-4):0,v=a===`area`?5:6;p?(n.shadowColor=f(i.red,.5),n.shadowBlur=(8+m4)(1+d.5),n.fillStyle=i.red,n.beginPath(),n.arc(s,c,(v+m1.5)(1+d.3),0,Math.PI2),n.fill(),n.shadowBlur=0):(n.fillStyle=f(o,.7+d.3),n.beginPath(),n.arc(s,c,v+d2,0,Math.PI2),n.fill()),n.font=`10px 'JetBrains Mono', monospace`,n.fillStyle=f(i.t3,.6+d.3),n.textAlign=`center`,n.fillText(e[r].vendor,s,M-14)}w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[e,a,s]),(0,n.jsx)(r,{className:o,children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:j,height:M},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`${a} chart`,style:{width:j,height:M,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...m,parentW:j,parentH:M})]})})}function P({rows:e=[],className:t,colors:r}){return(0,n.jsx)(N,{rows:e,variant:`area`,className:t,colors:r})}var F=760,I=280;function ee({rows:e=[],className:a,colors:o}){let c=(0,t.useRef)(null),l=(0,t.useRef)(new Map),u=(0,t.useRef)(0),{hoveredRef:d,tooltip:p,hitZonesRef:m}=x(c,{width:F,height:I});return(0,t.useEffect)(()=>{let t=c.current;if(!t)return;let n=h(t,F,I);u.current=0;let r=o?.bars??s,a=o?.axisLine??i.bd,p=o?.valueLabel??i.t2,_={top:24,right:24,bottom:56,left:24},v=I-_.top-_.bottom,y=(F-_.left-_.right)/Math.max(e.length,1),b=Math.max(100,...e.map(e=>e.pricing??0)),x=_.top+v,S,w=()=>{u.current++;let t=u.current;n.clearRect(0,0,F,I);let o=T(Math.min(t/48,1));A(l.current,d.current),m.current=[],n.strokeStyle=f(a,.4),n.lineWidth=1,n.setLineDash([]),n.beginPath(),n.moveTo(_.left,x),n.lineTo(F-_.right,x),n.stroke(),e.forEach((t,a)=>{let s=_.left+ay,c=k(o,a,e.length,T),u=b>0?(t.pricing??0)/bv:0,d=Math.max(u>0?4:0,uc),h=r[a%r.length],S=l.current.get(t.id??`bar-${a}`)??0;C(m.current,t.id??`bar-${a}`,s+4,x-d,y-8,d,{label:t.vendor,value:String(t.pricing??0),color:h}),d>0&&(S>0&&g(n,s+y/2,x-d/2,y.8,h,.12S),n.shadowColor=f(h,.2(S>0?S:0)),n.shadowBlur=S>0?6:0,n.fillStyle=f(h,.5+S.25),n.beginPath(),n.roundRect(s+4,x-d,y-8,d,[4,4,0,0]),n.fill(),n.shadowBlur=0,S>0&&(n.strokeStyle=f(h,.4S),n.lineWidth=1,n.beginPath(),n.roundRect(s+4,x-d,y-8,d,[4,4,0,0]),n.stroke())),c>.5&&d>0&&(n.globalAlpha=Math.min(1,(c-.5)2),n.font=`bold 10px 'JetBrains Mono', monospace`,n.fillStyle=S>0?h:f(p,.7),n.textAlign=`center`,n.fillText(String(t.pricing??``),s+y/2,x-d-6),n.globalAlpha=1),n.font=`${S>0?`bold `:``}9px 'JetBrains Mono', monospace`,n.fillStyle=S>0?h:f(i.t3,.6),n.textAlign=`center`,n.fillText(t.vendor,s+y/2,I-14)}),S=requestAnimationFrame(w)};return w(),()=>cancelAnimationFrame(S)},[e,o]),(0,n.jsx)(r,{className:a,children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:F,height:I},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`bar chart`,style:{width:F,height:I,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...p,parentW:F,parentH:I})]})})}function L({width:e,height:t,message:r=`No data available`,"data-testid":i}){return(0,n.jsx)(`div`,{"data-testid":i,style:{width:e,height:t,display:`flex`,alignItems:`center`,justifyContent:`center`,borderRadius:8,background:`rgba(255,255,255,0.03)`,color:`rgba(255,255,255,0.35)`,fontSize:14,fontFamily:`'Satoshi Variable', 'DM Sans', sans-serif`},children:r})}function te({expanded:e,onToggle:t,labelExpanded:r=`View Less`,labelCollapsed:i=`View More`,"data-testid":a}){return(0,n.jsxs)(`button`,{type:`button`,"data-testid":a,onClick:t,style:{display:`flex`,width:90,height:20,justifyContent:`center`,alignItems:`center`,gap:4,boxSizing:`border-box`,border:`none`,borderRadius:6,color:`#69DFE9`,fontSize:14,fontFamily:`'Satoshi Variable', 'DM Sans', sans-serif`,fontStyle:`normal`,fontWeight:400,lineHeight:`19.5px`,textAlign:`center`,cursor:`pointer`,userSelect:`none`},children:[e?r:i,(0,n.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 10 10`,fill:`none`,style:{transform:e?`rotate(180deg)`:`rotate(0deg)`},children:(0,n.jsx)(`path`,{d:`M2 3.5L5 6.5L8 3.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})]})}var ne=[{value:0xe8d4a51000,suffix:`T`,divisor:0xe8d4a51000},{value:1e9,suffix:`B`,divisor:1e9},{value:1e6,suffix:`M`,divisor:1e6},{value:1e3,suffix:`K`,divisor:1e3}];function R(e,t=1){let n=Math.abs(e),r=e<0?`-`:``;for(let e of ne)if(n>=e.value)return`${r}${(n/e.divisor).toFixed(t)}${e.suffix}`;return`${r}${n.toFixed(0)}`}var z=660,re=6,ie=30,ae=24,oe=24,se=8;function ce(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(r+`…`).width>n;)r=r.slice(0,-1);return r+`…`}function le({items:e=[],colorOffset:r=0,"data-testid":a}){let o=(0,t.useRef)(null),s=(0,t.useRef)(0),d=(0,t.useRef)(new Map),[p,m]=(0,t.useState)(!1),y=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),T=(0,t.useMemo)(()=>[...y].sort((e,t)=>(t.percentage??0)-(e.percentage??0)),[y]),E=(0,t.useMemo)(()=>p?T:T.slice(0,se),[T,p]),D=E.length,O=ae+oe+Dre+Math.max(0,D-1)ie,{hoveredRef:k,tooltip:A,hitZonesRef:j}=x(o,{width:z,height:O});return(0,t.useEffect)(()=>{let e=o.current;if(!e)return;let t=h(e,z,O);s.current=0;let n=z-150-100,a=c[r%c.length],p,m=()=>{s.current++;let e=s.current;t.clearRect(0,0,z,O),t.letterSpacing=l.letterSpacing,j.current=[],d.current.forEach((e,t)=>{let n=t===k.current?1:0,r=e+(n-e).12;Math.abs(r-n)<.005?n===0?d.current.delete(t):d.current.set(t,1):d.current.set(t,r)}),k.current&&!d.current.has(k.current)&&d.current.set(k.current,0),_(t,z,O,e,40,f(i.blue,.04));let r=Math.max(...E.map(e=>e.total??0),1);E.forEach((o,s)=>{let c=d.current.get(o.id)??0,p=ae+s(re+ie),m=t.createLinearGradient(150,0,150+n,0);m.addColorStop(0,f(i.tealDark,.55+c.1)),m.addColorStop(1,f(i.tealDark,.22+c.08)),t.fillStyle=m,t.beginPath(),t.rect(150,p,n,re),t.fill();let h=(o.total??0)/r,_=150+nMath.min(h,hw(Math.min(1,e.005)));if(_>152){let e=t.createLinearGradient(150,0,_,0);e.addColorStop(0,f(a,.55)),e.addColorStop(1,f(a,.9)),t.fillStyle=e,t.beginPath(),t.rect(150,p,_-150,re),t.fill()}c>0&&g(t,_,p+re/2,12c,a,.35c);let v={label:o.name,sublabel:o.totalLabel??(o.total==null?void 0:R(o.total)),color:a};C(j.current,o.id,0,p-ie/2,150+n,re+ie,v),S(j.current,o.id,_,p+re/2,10,v),t.font=u.font,t.fillStyle=c>0?f(a,1):f(i.t1,.85),t.textAlign=`left`,t.textBaseline=`middle`,t.fillText(R(o.total??0),150+n+12,p+re/2),t.font=l.font,t.fillStyle=c>0?f(a,1):l.color,t.textAlign=`right`,t.fillText(ce(t,o.name??o.abbreviation??``,134),142,p+re/2)}),v(t,z,O,e,.015),p=requestAnimationFrame(m)};return m(),()=>cancelAnimationFrame(p)},[E,O,r]),T.length===0?(0,n.jsx)(L,{width:z,height:160,"data-testid":a}):(0,n.jsxs)(`div`,{"data-testid":a,style:{width:z},children:[(0,n.jsxs)(`div`,{style:{position:`relative`},children:[(0,n.jsx)(`canvas`,{ref:o,role:`img`,"aria-label":`Commitment race — contractors ranked by commitment percentage`,style:{width:z,height:O,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...A,parentW:z,parentH:O})]}),y.length>se&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(te,{expanded:p,onToggle:()=>m(e=>!e)})})]})}var ue=480,de=310,fe=18,pe=[`#00818F`,`#5C42B8`,`#C87B0A`,`#2563EB`,`#166534`];function me(e,t,n){let r=t.split(` `),i=[],a=``;for(let t of r){let r=a?`${a} ${t}`:t;e.measureText(r).width>n&&a?(i.push(a),a=t):a=r}return a&&i.push(a),i}function he({confirmed:e,total:r,label:a,colorOffset:o=0,"data-testid":s}){let u=(0,t.useRef)(null),p=(0,t.useRef)(0);return(0,t.useEffect)(()=>{let t=u.current;if(!t)return;let n=h(t,ue,de);p.current=0;let s=o%c.length,m=c[s],_=pe[s],v=ue/2,y=Math.PI,b=2Math.PI,x=Math.PI,S,C=()=>{p.current++;let t=p.current;n.clearRect(0,0,ue,de),n.letterSpacing=l.letterSpacing;let o=w(Math.min(t/80,1)),s=D(Math.min(t/72,1)),c=Math.round((e??0)/(r\|\|1)100),u=y+c/100xo;n.beginPath(),n.arc(v,175,148,y,b),n.strokeStyle=f(m,.28),n.lineWidth=4,n.lineCap=`round`,n.stroke(),n.lineCap=`butt`,n.beginPath(),n.moveTo(v,175),n.arc(v,175,133,y,u),n.closePath(),n.fillStyle=f(_,.35o),n.fill();let h=v+Math.cos(u)148,T=175+Math.sin(u)148;g(n,h,T,10,m,.3o);let E=n.createLinearGradient(v+Math.cos(y)148,175+Math.sin(y)148,h,T);E.addColorStop(0,f(_,.9o)),E.addColorStop(1,f(m,1o)),n.beginPath(),n.arc(v,175,148,y,u),n.strokeStyle=E,n.lineWidth=4,n.lineCap=`round`,n.stroke(),n.lineCap=`butt`;let O=y+c/100xs,k=v+Math.cos(O)133,A=175+Math.sin(O)133,j=v-Math.cos(O)24,M=175-Math.sin(O)24,N=-Math.sin(O),P=Math.cos(O),F=2.5s;n.beginPath(),n.moveTo(k,A),n.lineTo(v+NF,175+PF),n.lineTo(j+N1,M+P1),n.lineTo(j-N1,M-P1),n.lineTo(v-NF,175-PF),n.closePath(),n.fillStyle=f(i.t1,s),n.fill(),n.beginPath(),n.arc(v,175,11,0,Math.PI2),n.strokeStyle=f(m,.85s),n.lineWidth=2,n.stroke(),n.beginPath(),n.arc(v,175,9,0,Math.PI2),n.fillStyle=i.t1,n.fill(),[[0,`0%`],[.5,`50%`],[1,`100%`]].forEach(([e,t])=>{let r=y+ex,i=e===1?184:168,a=v+Math.cos(r)i,o=175+Math.sin(r)i;n.font=l.font,n.fillStyle=l.color,n.textAlign=`center`,n.fillText(t,a,o+4)}),o>.4&&(n.globalAlpha=Math.min(1,(o-.4)/.4),n.font=`700 32px 'Satoshi Variable', 'DM Sans', sans-serif`,n.fillStyle=i.t1,n.textAlign=`center`,n.fillText(`${Math.round(cs)}%`,v,247),n.globalAlpha=1),o>.7&&a&&(n.globalAlpha=Math.min(1,(o-.7)/.3),n.font=d.font,n.fillStyle=d.color,n.textAlign=`center`,me(n,`${e??0} of ${r??0} ${a}`,ue-40).forEach((e,t)=>{n.fillText(e,v,287+tfe)}),n.globalAlpha=1),S=requestAnimationFrame(C)};return C(),()=>cancelAnimationFrame(S)},[e,r,a,o]),(0,n.jsx)(`div`,{"data-testid":s,style:{position:`relative`,width:ue,height:de},children:(0,n.jsx)(`canvas`,{ref:u,role:`img`,"aria-label":`Compensation event gauge — ${Math.round((e??0)/(r\|\|1)100)}% of NCEs confirmed as compensation events`,style:{width:ue,height:de,display:`block`}})})}function ge(e,n,r,i,a=!0,o={}){let s=(0,t.useRef)(0),{easing:c=w,durationFrames:l=48}=o;(0,t.useEffect)(()=>{let t=e.current;if(!t\|\|!n\|\|!r)return;let o=t.getContext(`2d`);if(!o)return;t.width=n2,t.height=r2,o.scale(2,2);let u;s.current=0;let d=()=>{s.current++;let e=s.current;o.clearRect(0,0,n,r);let t=a?Math.min(e/l,1):1;if(i(o,c(t),e),t<1)u=requestAnimationFrame(d);else{let e=()=>{s.current++,o.clearRect(0,0,n,r),i(o,1,s.current),u=requestAnimationFrame(e)};u=requestAnimationFrame(e)}};return d(),()=>cancelAnimationFrame(u)},[n,r,a])}var B=780,_e=234,ve=130,ye=52,be=[i.blue,i.amber,i.purple,i.green],xe=[`Base Value`,`Variations`,`Commitment`],Se=[`Base`,`Var`,`Commit`];function Ce({items:e=[],"data-testid":r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(new Map),{hoveredRef:s,tooltip:c,hitZonesRef:u}=x(a,{width:B,height:_e}),p=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),m=(0,t.useMemo)(()=>{let e=Math.max(...p.map(e=>e.base??0)),t=Math.max(...p.map(e=>e.variation??0));return p.map((n,r)=>{let i=B(.12+r.19),a=ve,o=Math.min(B.075,ye),s=be[r%be.length],c=[(n.base??0)/(e\|\|1)100,(n.variation??0)/(t\|\|1)100,n.percentage??0],l=[n.baseLabel??String(n.base??0),n.variationLabel??String(n.variation??0),`${n.percentage??0}%`],u=c.map((e,t)=>{let n=-Math.PI/2+t/xe.lengthMath.PI2,r=e/100,s=oMath.max(.08,r);return{name:xe[t],short:Se[t],label:l[t],val:Math.round(e),x:i+Math.cos(n)s,y:a+Math.sin(n)s,angle:n,norm:r}}),d=u.reduce((e,t)=>e+t.x,0)/u.length,f=u.reduce((e,t)=>e+t.y,0)/u.length,p=Math.sqrt(u.reduce((e,t)=>e+(t.x-d)2+(t.y-f)2,0)/u.length);return{...n,cx:i,cy:a,baseR:o,stars:u,scatter:p,color:s}})},[p]);return ge(a,B,_e,(e,t,n)=>{A(o.current,s.current),u.current=[],_(e,B,_e,n,30),m.forEach((t,r)=>{let a=t.color,s=`constellation-${r}`,c=o.current.get(s)??0;e.beginPath(),e.arc(t.cx,t.cy,t.baseR+5,0,Math.PI2),e.strokeStyle=f(i.bd,.08+.08c),e.lineWidth=.5,e.stroke(),e.beginPath(),t.stars.forEach((t,n)=>{n===0?e.moveTo(t.x,t.y):e.lineTo(t.x,t.y)}),e.closePath(),e.fillStyle=f(a,.04+.03c),e.fill(),e.strokeStyle=f(a,.15+.1c),e.lineWidth=.8,e.stroke(),t.stars.forEach((i,s)=>{let c=O(n,.05,5e-4).3+.7,d=3.5c,p=`star-${r}-${s}`,m=o.current.get(p)??0,h=e.createRadialGradient(i.x,i.y,0,i.x,i.y,d4);h.addColorStop(0,f(a,(.2+.1m)c)),h.addColorStop(1,f(a,0)),e.fillStyle=h,e.beginPath(),e.arc(i.x,i.y,d4,0,Math.PI2),e.fill(),e.beginPath(),e.arc(i.x,i.y,d+m2,0,Math.PI2),e.fillStyle=f(a,(.8+.2m)c),e.fill();let g=Math.sin(i.angle)<-.3;e.textAlign=`center`,e.textBaseline=`middle`,g?(e.font=l.font,e.fillStyle=f(a,.5+.15m),e.fillText(i.short,i.x,i.y-24),e.font=l.font,e.fillStyle=f(a,.8+.15m),e.fillText(i.label,i.x,i.y-11)):(e.font=l.font,e.fillStyle=f(a,.5+.15m),e.fillText(i.short,i.x,i.y+11),e.font=l.font,e.fillStyle=f(a,.8+.15m),e.fillText(i.label,i.x,i.y+24)),S(u.current,p,i.x,i.y,d4+2,{label:i.name,value:i.label,sublabel:t.abbreviation??t.name.slice(0,6),color:a})}),c>0&&g(e,t.cx,t.cy,16c,a,.15c),e.beginPath(),e.arc(t.cx,t.cy,t.baseR+12,0,Math.PI2),e.strokeStyle=f(a,.1+O(n,.03,5e-4).05),e.lineWidth=1,e.stroke(),e.font=l.font,e.textAlign=`center`,e.textBaseline=`alphabetic`,e.fillStyle=c>0?t.color:l.color,e.fillText(t.abbreviation??t.name.slice(0,6),t.cx,t.cy+t.baseR+26),S(u.current,s,t.cx,t.cy,t.baseR+5,{label:t.name,value:`${t.totalLabel??String(t.total??0)} total`,sublabel:`${t.percentage??0}% committed · scatter ${t.scatter.toFixed(1)}`,color:a})}),e.font=d.font,e.textAlign=`center`,e.textBaseline=`middle`,e.fillStyle=d.color,e.fillText(`▲ top = Base value · ▼▸ lower-right = Variations · ◂▼ lower-left = Commitment % · hover stars for details`,B/2,_e-14),v(e,B,_e,n,.012)},!0),m.length===0?(0,n.jsx)(L,{width:B,height:_e,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:B,height:_e},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Contract value breakdown per contractor — multi-KPI constellation chart`,style:{width:B,height:_e,display:`block`}}),(0,n.jsx)(b,{...c,parentW:B,parentH:_e})]})}var we=680,Te=220,Ee=8,De=[i.teal],V={left:8,right:100,top:16,bottom:38},Oe=150,H=6;function ke(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(r+`…`).width>n;)r=r.slice(0,-1);return r+`…`}function Ae(e){let t=Math.abs(e),n=e<0?`-`:``;return t>=1e6?`${n}£${(t/1e6).toFixed(1)}M`:t>=1e3?`${n}£${(t/1e3).toFixed(1)}K`:`${n}£${t.toFixed(0)}`}function je({data:e,"data-testid":r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(new Map),[s,c]=(0,t.useState)(!1),{items:p=[],totals:m}=e,h=p.filter(e=>typeof e==`object`&&!!e),_=[...h].sort((e,t)=>(t.total??0)-(e.total??0)),v=s?_:_.slice(0,Ee),y=v.length,S=Math.max(..._.map(e=>Math.abs(e.total??0)),1),w=yH+Math.max(0,y-1)38,E=V.top+V.bottom+w,D=we-V.left-Oe-V.right,O=h.length===0,{hoveredRef:j,tooltip:M,hitZonesRef:N}=x(a,{width:we,height:E});return ge(a,we,E,(e,t)=>{A(o.current,j.current),N.current=[],v.forEach((n,r)=>{let a=De[r%De.length],s=k(t,r,y,T),c=V.top+r(H+38),d=V.left+Oe,p=o.current.get(n.id)??0,m=Math.max(n.total??0,0)/SDs;if(e.font=l.font,e.fillStyle=p>0?a:l.color,e.textAlign=`right`,e.textBaseline=`middle`,e.fillText(ke(e,n.name??``,Oe-16),d-8,c+H/2),C(N.current,n.id,0,c,d,H,{label:n.name,value:`${n.totalLabel??Ae(n.total??0)} total`,sublabel:`Base ${n.baseLabel??Ae(n.base??0)} + Var ${n.variationLabel??Ae(n.variation??0)}`,color:a}),m>0){p>0&&g(e,d+m/2,c+H/2,m.15,i.teal,.12p);let t=e.createLinearGradient(d,0,d+m,0);t.addColorStop(0,f(i.tealDark,.85)),t.addColorStop(1,f(i.teal,1)),e.fillStyle=t,e.beginPath(),e.rect(d,c,m,H),e.fill()}let h=Ds,_=d+m,v=h-m;if(v>2){let t=e.createLinearGradient(_,0,d+h,0);t.addColorStop(0,f(i.tealDark,.55)),t.addColorStop(1,f(i.tealDark,.22)),e.fillStyle=t,e.beginPath(),e.rect(_,c,v,H),e.fill()}if(m>4){let t=d+m,n=c+H;e.strokeStyle=f(i.t4,.9s),e.lineWidth=4,e.beginPath(),e.moveTo(t,c),e.lineTo(t,n),e.stroke();let r=n+3,a={x:t,y:r},o={x:t+10,y:r+12},l={x:t-10,y:r+12};e.fillStyle=f(i.t1,s),e.beginPath(),e.moveTo((a.x+o.x)/2,(a.y+o.y)/2),e.arcTo(o.x,o.y,l.x,l.y,1),e.arcTo(l.x,l.y,a.x,a.y,1),e.arcTo(a.x,a.y,o.x,o.y,1),e.closePath(),e.fill()}s>.35&&(e.globalAlpha=Math.min(1,(s-.35)/.4),e.font=u.font,e.fillStyle=p>0?a:u.color,e.textAlign=`left`,e.textBaseline=`middle`,e.fillText(n.totalLabel??Ae(n.total??0),d+D+28,c+H/2),e.globalAlpha=1),C(N.current,n.id,d,c,Math.max(m,1),H,{label:n.name,value:n.totalLabel??Ae(n.total??0),sublabel:`${n.baseLabel??Ae(n.base??0)} + ${n.variationLabel??Ae(n.variation??0)}`,color:a})});let n=E-14;e.textBaseline=`middle`,e.font=d.font,e.textAlign=`left`;let r=e.createLinearGradient(V.left+Oe,0,V.left+Oe+14,0);r.addColorStop(0,f(i.tealDark,.85)),r.addColorStop(1,f(i.teal,1)),e.fillStyle=r,e.beginPath(),e.rect(V.left+Oe,n-6,12,12),e.fill(),e.fillStyle=d.color,e.fillText(`base value`,V.left+Oe+16,n),e.fillStyle=f(i.teal,.35),e.beginPath(),e.rect(V.left+Oe+160,n-6,12,12),e.fill(),e.fillStyle=d.color,e.fillText(`approved variations`,V.left+Oe+176,n),e.font=d.font,e.textAlign=`right`,e.fillStyle=d.color,e.fillText(`Portfolio: ${Ae(m?.total??0)}`,we-8,n)},!0,{easing:T}),O?(0,n.jsx)(L,{width:we,height:Te,message:`No contract data available`,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{width:we,transition:`all 0.25s ease`},children:[(0,n.jsxs)(`div`,{style:{position:`relative`},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Total contract value per contractor — horizontal bar chart`,style:{width:we,height:E,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...M,parentW:we,parentH:E})]}),h.length>Ee&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(te,{expanded:s,onToggle:()=>c(e=>!e)})})]})}var Me=780,U=240,Ne=12,Pe=10,Fe=5,Ie=(Me-2Ne-(Fe-1)Pe)/Fe;function Le({items:e=[],"data-testid":r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(0),c=(0,t.useRef)(new Map),d=[...(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e])].sort((e,t)=>(t.count??0)-(e.count??0)).slice(0,5),p=d.reduce((e,t)=>e+(t.count??0),0),m=Math.min(Fe,d.length),_=m>0?2Ne+mIe+(m-1)Pe:Me,{hoveredRef:y,tooltip:S,hitZonesRef:w}=x(a,{width:_,height:U});return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=h(e,_,U);o.current=0;let n=Ie,r=U.84,m=U.08,b=Ne,x,S=()=>{o.current++;let e=o.current;t.clearRect(0,0,_,U),t.letterSpacing=l.letterSpacing,w.current=[],c.current.forEach((e,t)=>{let n=t===y.current?1:0,r=e+(n-e).12;Math.abs(r-n)<.005?n===0?c.current.delete(t):c.current.set(t,1):c.current.set(t,r)}),y.current&&!c.current.has(y.current)&&c.current.set(y.current,0),d.forEach((a,o)=>{let l=o===0,d=o===0?i.red:o===1?i.amber:s[o%s.length],h=b+o(n+Pe),_=c.current.get(a.id)??0,v=_8,y=h-v/2,x=n+v,S=l?O(e,.04,3e-4).06+.06:0;t.fillStyle=f(d,.08+_.07),t.beginPath(),t.roundRect(y,m,x,r,6),t.fill(),t.strokeStyle=f(d,.2+_.4+S),t.lineWidth=l?1.5:1,t.stroke(),(_>.01\|\|l)&&g(t,y+x/2,m+r/2,x.55,d,S+_.14),t.font=u.font,t.textAlign=`left`,t.textBaseline=`top`,t.fillStyle=f(d,.5+_.35),t.fillText(`#${o+1}`,y+7,m+6);let T=Math.min(n.28,r.32,72),E=y+x/2,D=m+r.38,k=t.createRadialGradient(E,D-T.2,0,E,D,T);k.addColorStop(0,f(d,.5+_.2)),k.addColorStop(1,f(d,.2+_.1)),t.beginPath(),t.arc(E,D,T,0,Math.PI2),t.fillStyle=k,t.fill(),t.strokeStyle=f(d,.4+_.3),t.lineWidth=1,t.stroke(),t.font=u.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=f(i.t1,.9);let A=a.abbreviation??a.name??``,j=T1.7,M=A;for(;t.measureText(M).width>j&&M.length>1;)M=M.slice(0,-1);M!==A&&(M=M.slice(0,-1)+`…`),t.fillText(M,E,D);let N=a.count==null?null:R(a.count),P=a.label??N;if(P){t.font=u.font,t.textBaseline=`alphabetic`,t.fillStyle=f(d,.9+_.1);let e=x-16,n=P;for(;t.measureText(n).width>e&&n.length>1;)n=n.slice(0,-1);n!==P&&(n=n.slice(0,-1)+`…`),t.fillText(n,E,m+r.74)}let F=Math.round((a.count??0)/(p\|\|1)100);C(w.current,a.id,h,m,n,r,{label:a.name,value:`${P} · ${F}% of total`,sublabel:`Rank #${o+1}`,color:d})}),v(t,_,U,e,.015),x=requestAnimationFrame(S)};return S(),()=>cancelAnimationFrame(x)},[d,p,_]),d.length===0?(0,n.jsx)(L,{width:_,height:U,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:_,height:U},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Contractor rank — open EW count per contractor`,style:{width:_,height:U,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...S,parentW:_,parentH:U})]})}var W=680,G=260;function Re({items:e=[],"data-testid":r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(0),s=(0,t.useRef)(new Map),{hoveredRef:c,tooltip:u,hitZonesRef:d}=x(a,{width:W,height:G}),p=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=h(e,W,G);o.current=0;let n=p.length,r=Math.max(...p.map(e=>e.count),1),u=r,m=W.05,y=G.1,b=W.9/n,x=G.7/u,C=p.reduce((e,t)=>e+t.count,0),w,T=()=>{o.current++;let e=o.current;t.clearRect(0,0,W,G),d.current=[],s.current.forEach((e,t)=>{let n=t===c.current?1:0,r=e+(n-e).12;Math.abs(r-n)<.005?n===0?s.current.delete(t):s.current.set(t,1):s.current.set(t,r)}),c.current&&!s.current.has(c.current)&&s.current.set(c.current,0),_(t,W,G,e,40,f(i.blue,.04)),p.forEach((n,a)=>{let o=n.count===r,c=i.blue,p=s.current.get(`${n.category}-col`)??0;for(let i=0;i<u;i++){let l=m+ab+b/2,u=y+ix+x/2,h=Math.min(b,x).38;if(i>=r-n.count){let r=h(1+(O(e,.04,5e-4)+Math.sin(a.6+i1.2).3).12);(o\|\|p>.01)&&g(t,l,u,r3,c,(o?.2:.1)+p.1),t.beginPath(),t.arc(l,u,r,0,Math.PI2),t.fillStyle=f(c,o?.8:.5+p.2),t.fill();let m=`${n.category}-${i}`;S(d.current,m,l,u,h+4,{label:n.fullName,value:`${n.count} Early Warnings`,sublabel:`${Math.round(n.count/C100)}% of total`,color:c}),s.current.get(`${n.category}-col`)}else t.beginPath(),t.arc(l,u,1,0,Math.PI2),t.fillStyle=f(c,.08),t.fill()}let h=y+ux+16;t.font=l.font,t.textAlign=`center`,t.textBaseline=`alphabetic`,t.fillStyle=o?i.blue:f(i.t2,.65),t.fillText(n.category,m+ab+b/2,h)}),v(t,W,G,e,.015),w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[p]),p.length===0?(0,n.jsx)(L,{width:W,height:G,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:W,height:G},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Early Warning count by category — breathing dot grid`,style:{width:W,height:G,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...u,parentW:W,parentH:G})]})}function ze({rows:e=[],className:t,colors:r}){return(0,n.jsx)(N,{rows:e,variant:`line`,className:t,colors:r})}var Be=[`#4C93D9`,`#5DA537`,`#F3862C`,`#4F72C6`,`#A0B724`,`#EEBF3B`,`#3C45D1`],Ve={nodes:[{id:`supplier-x`,name:`Supplier X`,valueLabel:`Si +0.12%`},{id:`bf3-superheat`,name:`BF-3 Superheat`,valueLabel:`22°C (target 34)`},{id:`ccm3-solidification`,name:`CCM-3 Solidification`,valueLabel:`Rate deviation`},{id:`grade-risk`,name:`Grade Risk`,valueLabel:`Automotive 74%`}],links:[{source:`supplier-x`,target:`bf3-superheat`,value:92},{source:`bf3-superheat`,target:`ccm3-solidification`,value:87},{source:`ccm3-solidification`,target:`grade-risk`,value:74}]};function He({rows:e=[],className:t,colors:r}){let i=r?.slices??Be;return(0,n.jsx)(`div`,{className:[`d3-mini-bars`,t].filter(Boolean).join(` `),children:e.map(([e,t,r],a)=>(0,n.jsxs)(`div`,{className:`d3-mini-row`,children:[(0,n.jsx)(`span`,{children:e}),(0,n.jsx)(`div`,{className:`d3-mini-track`,children:(0,n.jsxs)(`svg`,{viewBox:`0 0 100 12`,className:`d3-mini-svg`,"aria-hidden":`true`,children:[(0,n.jsx)(`rect`,{x:`0`,y:`0`,width:`100`,height:`12`,rx:`6`,className:`d3-mini-track-fill`}),(0,n.jsx)(`rect`,{x:`0`,y:`0`,width:Math.max(0,Math.min(100,t)),height:`12`,rx:`6`,className:`d3-mini-fill tone-${a%Be.length}`,fill:i[a%i.length]})]})}),(0,n.jsx)(`span`,{children:r})]},`${e}-${a}`))})}var Ue=770,We=320,Ge=60,Ke=28;function qe({total:e=0,totalLabel:r,items:a=[],width:o=Ue,colorOffset:s=0,"data-testid":d}){let p=(0,t.useRef)(null),m=(0,t.useRef)(new Map),_=(0,t.useRef)(0),v=(0,t.useMemo)(()=>a.filter(e=>typeof e==`object`&&!!e),[a]),y=(0,t.useMemo)(()=>Math.max(We,Ge+Math.max(0,v.length-1)Ke),[v.length]),C=y,{hoveredRef:T,tooltip:E,hitZonesRef:D}=x(p,{width:o,height:y});return(0,t.useEffect)(()=>{let t=p.current;if(!t)return;let n=h(t,o,C);_.current=0;let a=y/2,d=o-200,b=Math.max(...v.map(e=>e.count??0),1),x=v.length>1?(y-60)/(v.length-1):0,E=d+22+10,O=v.map((e,t)=>({x:d,y:30+tx})),j,M=()=>{_.current++;let t=_.current;n.clearRect(0,0,o,C),n.letterSpacing=l.letterSpacing;let p=w(Math.min(t/72,1));A(m.current,T.current),D.current=[];let h=c[s%c.length],y=120+60Math.min(1,p2.5),x=n.createLinearGradient(120,0,y,0);x.addColorStop(0,f(h,.8)),x.addColorStop(1,f(h,.7)),n.beginPath(),n.moveTo(120,a),n.lineTo(y,a),n.strokeStyle=x,n.lineWidth=1.33,n.stroke(),v.forEach((t,r)=>{let o=k(p,r,v.length,w),s=O[r],c=m.current.get(t.id)??0;if(o<.01)return;let _=180+(d-180).35,y=a,x=180+(d-180).65,C=s.y;n.beginPath();for(let e=0;e<=40;e++){let t=e/40o,r=(1-t)3180+3(1-t)2t_+3(1-t)t2x+t*3s.x,i=(1-t)*3a+3(1-t)2ty+3(1-t)t2C+t*3s.y;e===0?n.moveTo(r,i):n.lineTo(r,i)}let T=n.createLinearGradient(180,a,s.x,s.y);if(T.addColorStop(0,f(h,c>0?1:.8)),T.addColorStop(1,f(h,c>0?1:.7)),n.strokeStyle=T,n.lineWidth=c>0?2:1.33,n.stroke(),o>.85){let r=Math.min(1,(o-.85)/.15),a=8+(t.count??0)/b14;g(n,s.x,s.y,a2,h,(.2+c.2)r),n.beginPath(),n.arc(s.x,s.y,ar,0,Math.PI2),n.fillStyle=f(h,r),n.fill();let d=R(t.count??0);S(D.current,t.id,s.x,s.y,a+8,{label:t.name,value:d,sublabel:`${Math.round((t.count??0)/(e\|\|1)100)}% of total`,color:h}),n.globalAlpha=r,n.font=l.font,n.textAlign=`left`;let p=t.abbreviation??t.name?.slice(0,6)??``,m=` ${R(t.count??0)}`,_=s.y+4;n.fillStyle=c>0?h:f(i.t2,.85),n.fillText(p,E,_);let v=n.measureText(p).width;n.font=u.font,n.fillStyle=c>0?h:i.t1,n.fillText(m,E+v,_),n.globalAlpha=1}});let N=32p,P=n.createRadialGradient(88,a,0,88,a,N);if(P.addColorStop(0,f(h,.02p)),P.addColorStop(.55,f(h,.02p)),P.addColorStop(1,f(h,.15p)),n.beginPath(),n.arc(88,a,N,0,Math.PI2),n.fillStyle=P,n.fill(),n.beginPath(),n.arc(88,a,N,0,Math.PI2),n.strokeStyle=f(h,.8p),n.lineWidth=1,n.stroke(),p>.4){n.globalAlpha=Math.min(1,(p-.4)/.4);let t=r??R(e,0);n.font=`500 16px 'Satoshi Variable', 'DM Sans', sans-serif`;let o=t;for(;n.measureText(o).width>54.4&&o.length>1;)o=o.slice(0,-1);o!==t&&(o=o.slice(0,-1)+`…`),n.fillStyle=i.t1,n.textAlign=`center`,n.textBaseline=`middle`,n.fillText(o,88,a),n.textBaseline=`alphabetic`,n.globalAlpha=1}S(D.current,`__root__`,88,a,32,{label:r??`Total`,value:R(e,0),sublabel:`${v.length} items`,color:h}),j=requestAnimationFrame(M)};return M(),()=>cancelAnimationFrame(j)},[e,r,v,y,o]),v.length===0?(0,n.jsx)(L,{width:o,height:We,"data-testid":d}):(0,n.jsxs)(`div`,{"data-testid":d,style:{position:`relative`,width:o,height:C},children:[(0,n.jsx)(`canvas`,{ref:p,role:`img`,"aria-label":`NCE fault tree — NCEs per contractor as branching tree`,style:{width:o,height:C,display:`block`}}),(0,n.jsx)(b,{...E,parentW:o,parentH:C})]})}var Je=192,Ye=Je,Xe=Je+80;function Ze({rows:e=[],variant:a,className:o,colors:c}){let l=(0,t.useRef)(null),u=(0,t.useRef)(new Map),d=(0,t.useRef)(0),p=c?.slices??s,{hoveredRef:_,tooltip:v,hitZonesRef:y}=x(l,{width:Ye,height:Xe});return(0,t.useEffect)(()=>{let t=l.current;if(!t)return;let n=h(t,Ye,Xe);d.current=0;let r=Ye/2,o=Je/2,s=Je.4,c=a===`donut`?Je.21:0,v=e.reduce((e,t)=>e+(t.pricing??0),0)\|\|1,b,x=()=>{d.current++;let t=d.current;n.clearRect(0,0,Ye,Xe);let l=1-(1-Math.min(t/48,1))*3;A(u.current,_.current),y.current=[];let h=-Math.PI/2;e.forEach((e,a)=>{let d=(e.pricing??0)/v,m=dMath.PI2l,_=h+m,b=p[a%p.length],x=u.current.get(e.id??`sl-${a}`)??0,C=h+m/2,w=(s+c)/2,T=r+Math.cos(C)w,E=o+Math.sin(C)w,D=(s-c)/2+8;S(y.current,e.id??`sl-${a}`,T,E,D,{label:e.vendor,value:`${e.pricing??0} (${Math.round(d100)}%)`,color:b}),x>0&&g(n,T,E,D2x,b,.2x);let k=O(t,.03,3e-4),A=s+x6+(x>0?k2:0);n.beginPath(),n.moveTo(r+Math.cos(h)c,o+Math.sin(h)c),n.arc(r,o,A,h,_),c>0?n.arc(r,o,c,_,h,!0):n.lineTo(r,o),n.closePath(),n.fillStyle=f(b,.7+x.2),n.fill(),n.strokeStyle=f(i.bg,.8),n.lineWidth=1.5,n.stroke(),h=_}),a===`donut`&&e.length>0&&g(n,r,o,c.8,i.blue,.06);let C=Je+12;e.forEach((e,t)=>{let r=p[t%p.length],a=(e.pricing??0)/v,o=u.current.get(e.id??`sl-${t}`)??0,s=C+t18;n.fillStyle=f(r,.8+o.2),n.fillRect(4,s-6,12,12),n.font=`9px 'JetBrains Mono', monospace`,n.fillStyle=f(i.t2,.7+o.2),n.textAlign=`left`,n.fillText(e.vendor,18,s+3.5),n.font=`bold 9px 'JetBrains Mono', monospace`,n.fillStyle=m(i.t3,r,o),n.textAlign=`right`,n.fillText(`${e.pricing??0} (${Math.round(a100)}%)`,Ye-4,s+3.5)}),b=requestAnimationFrame(x)};return x(),()=>cancelAnimationFrame(b)},[e,a,c,p]),(0,n.jsx)(r,{className:[`canvas-pie-frame`,o].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:Ye,height:Xe},children:[(0,n.jsx)(`canvas`,{ref:l,role:`img`,"aria-label":`${a} chart`,style:{width:Ye,height:Xe,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...v,parentW:Ye,parentH:Xe})]})})}function Qe(e,t,n,r){let i=new Set(t.map(e=>e.source)),a=new Set(t.map(e=>e.target)),o=new Map,s=[];for(e.forEach(e=>{i.has(e.id)&&!a.has(e.id)&&s.push({id:e.id,depth:0})});s.length>0;){let e=s.shift();if(!e)break;let{id:n,depth:r}=e;o.has(n)\|\|(o.set(n,r),t.filter(e=>e.source===n).forEach(e=>{o.has(e.target)\|\|s.push({id:e.target,depth:r+1})}))}let c=o.size>0?Math.max(...Array.from(o.values())):0;e.forEach(e=>{o.has(e.id)\|\|o.set(e.id,c+1)});let l=new Map;e.forEach(e=>{let t=o.get(e.id)??0;l.has(t)\|\|l.set(t,[]),l.get(t).push(e.id)});let u=Math.max(...Array.from(l.keys()))+1,d={left:100,right:80,top:40,bottom:40},f=new Map;return l.forEach((e,t)=>{let i=d.left+t/Math.max(u-1,1)(n-d.left-d.right),a=r-d.top-d.bottom,o=Math.max(24,(a-(e.length-1)12)/e.length),s=e.lengtho+(e.length-1)12,c=d.top+(a-s)/2;e.forEach((e,t)=>{f.set(e,{x:i-20/2,y:c+t(o+12),w:20,h:o})})}),f}function $e({nodes:e,links:a,width:o=960,height:c=280,ariaLabel:l,selectedEntity:u,className:d,colors:p}){let m=(0,t.useRef)(null),_=(0,t.useRef)(new Map),y=(0,t.useRef)(0),w=(0,t.useRef)([]),T=p?.nodes??s,E=p?.links??i.bd,D=p?.activeLinks??i.blue,k=p?.activeNodes??i.blue,j=(0,t.useMemo)(()=>Qe(e,a,o,c),[e,a,o,c]),{hoveredRef:M,tooltip:N,hitZonesRef:P}=x(m,{width:o,height:c});return(0,t.useEffect)(()=>{let t=m.current;if(!t)return;let n=h(t,o,c);y.current=0,w.current=[];let r=a.length>0?Math.max(...a.map(e=>e.value)):1,s,l=()=>{y.current++;let t=y.current;n.clearRect(0,0,o,c);let d=1-(1-Math.min(t/56,1))3;A(_.current,M.current),P.current=[],a.forEach((e,a)=>{let o=j.get(e.source),s=j.get(e.target);if(!o\|\|!s)return;let c=!!u&&(e.source===u\|\|e.target===u),l=c?D:E,p=c?.5:.2,m=Math.max(3,e.value/r36d),h=m/2,g=o.x+o.w,_=o.y+o.h/2,v=s.x,y=s.y+s.h/2,b=(g+v)/2;for(let e=0;e<30;e++){let r=e/30,i=(e+1)/30,o=1-r,s=1-i,c=oog+2orb+rrv,u=oo_+2or_+rry,d=ssg+2sib+iiv,m=ss_+2si_+iiy,x=O(t+r120+a40,.025,3e-4)1.2;n.beginPath(),n.moveTo(c,u-h+x),n.lineTo(d,m-h+x),n.lineTo(d,m+h+x),n.lineTo(c,u+h+x),n.closePath(),n.fillStyle=f(l,p(.5+r.5)),n.fill()}S(P.current,`link-${a}`,b,(_+y)/2,m+6,{label:`${e.source} → ${e.target}`,value:String(e.value),color:c?D:i.blue}),Math.random()<.08&&w.current.push({linkIdx:a,prog:0,speed:.006+Math.random().006,off:(Math.random()-.5)m.5,sz:1+Math.random()})}),e.forEach((e,r)=>{let a=j.get(e.id);if(!a)return;let o=u===e.id,s=M.current===`node-${r}`,c=_.current.get(`node-${r}`)??0,l=o?k:T[r%T.length];C(P.current,`node-${r}`,a.x,a.y,a.w,a.h,{label:e.name,value:e.valueLabel??e.id,color:l}),(c>0\|\|o)&&g(n,a.x+a.w/2,a.y+a.h/2,a.w2,l,.2Math.max(c,o?.6:0));let d=o?O(t,.03,3e-4).15:0;n.fillStyle=f(l,.6+c.25+d),n.beginPath(),n.roundRect(a.x,a.y,a.w,a.h,4),n.fill(),(o\|\|c>0)&&(n.strokeStyle=f(l,.5Math.max(c,o?1:0)),n.lineWidth=1,n.beginPath(),n.roundRect(a.x,a.y,a.w,a.h,4),n.stroke());let p=a.x+a.w+8;n.font=`${o\|\|s?`bold `:``}10px 'JetBrains Mono', monospace`,n.fillStyle=f(o?l:i.t2,.7+c.2),n.textAlign=`left`,n.fillText(e.name,p,a.y+a.h/2+4),e.valueLabel&&(n.font=`9px 'JetBrains Mono', monospace`,n.fillStyle=f(l,.5+c.2),n.fillText(e.valueLabel,p,a.y+a.h/2+17))}),w.current=w.current.filter(e=>{if(e.prog+=e.speed,e.prog>1)return!1;let t=a[e.linkIdx];if(!t)return!1;let r=j.get(t.source),o=j.get(t.target);if(!r\|\|!o)return!1;let s=r.x+r.w,c=r.y+r.h/2,l=o.x,u=o.y+o.h/2,d=(s+l)/2,m=1-e.prog,h=mms+2me.progd+e.proge.progl,g=mmc+2me.progc+e.proge.progu+e.off,_=Math.sin(e.progMath.PI).5,v=p?.links??i.blue;return n.beginPath(),n.arc(h,g,e.sz,0,Math.PI2),n.fillStyle=f(v,_),n.fill(),!0}),w.current.length>150&&(w.current=w.current.slice(-150)),v(n,o,c,t,.01),s=requestAnimationFrame(l)};return l(),()=>{cancelAnimationFrame(s),w.current=[]}},[e,a,o,c,u,p,j]),(0,n.jsx)(r,{className:[`canvas-sankey-frame`,d].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{role:`img`,"aria-label":l,style:{position:`relative`,width:o,height:c},children:[(0,n.jsx)(`canvas`,{ref:m,style:{width:o,height:c,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...N,parentW:o,parentH:c})]})})}var et=[{x:.13,y:.48},{x:.37,y:.28},{x:.63,y:.62},{x:.87,y:.38},{x:.25,y:.72},{x:.5,y:.18},{x:.75,y:.7},{x:.92,y:.22}],tt=[i.blue,i.orange,i.red,i.purple,i.green,i.amber,i.t2],nt=[26,24,24,26,22,22,22,22];function rt(e,t){let n=1-t;return{x:nnne.p0.x+3nnte.p1.x+3ntte.p2.x+ttte.p3.x,y:nnne.p0.y+3nnte.p1.y+3ntte.p2.y+ttte.p3.y}}function it(e,t){let n=1-t,r=3nn(e.p1.x-e.p0.x)+6nt(e.p2.x-e.p1.x)+3tt(e.p3.x-e.p2.x),i=3nn(e.p1.y-e.p0.y)+6nt(e.p2.y-e.p1.y)+3tt(e.p3.y-e.p2.y),a=Math.sqrt(rr+ii)\|\|1;return{x:-i/a,y:r/a}}function at(e,t){let n=t.x-e.x,r=t.y-e.y;return{p0:{x:e.x,y:e.y},p1:{x:e.x+n.3+r.15,y:e.y+r.3-n.15},p2:{x:t.x-n.3+r.08,y:t.y-r.3-n.08},p3:{x:t.x,y:t.y}}}function ot({nodes:e,links:r,width:a=960,height:o=280,selectedEntity:s}){let c=(0,t.useRef)(null),l=(0,t.useRef)(0),u=(0,t.useRef)([]),{hoveredRef:d,tooltip:p,hitZonesRef:y}=x(c,{width:a,height:o}),C=(0,t.useMemo)(()=>{let t=new Map;return e.forEach((e,n)=>t.set(e.id,n)),t},[e]),T=(0,t.useMemo)(()=>r.length>0?Math.max(...r.map(e=>e.value)):100,[r]),E=e=>T>1?e/100:e,D=(0,t.useMemo)(()=>e.map((e,t)=>{let n=et[t%et.length];return{id:e.id,label:e.name,sub:e.valueLabel??``,x:n.xa,y:n.yo,r:nt[t%nt.length],color:tt[t%tt.length]}}),[e,a,o]),k=(0,t.useMemo)(()=>r.map(e=>({fromIdx:C.get(e.source)??-1,toIdx:C.get(e.target)??-1,conf:E(e.value)})).filter(e=>e.fromIdx>=0&&e.toIdx>=0),[r,C]);return(0,t.useEffect)(()=>{let e=c.current;if(!e)return;let t=h(e,a,o);l.current=0,u.current=[];let n,r=()=>{l.current++;let e=l.current;if(t.clearRect(0,0,a,o),y.current=[],_(t,a,o,e,50,f(i.blue,.05)),k.forEach((e,n)=>{let r=D[e.fromIdx],a=D[e.toIdx];if(!r\|\|!a)return;let o=!!s&&(r.id===s\|\|a.id===s),c=m(r.color,a.color,.5),l=o?.18:.05,d=o?.25:.1,p=at(r,a);t.beginPath(),t.moveTo(p.p0.x,p.p0.y),t.bezierCurveTo(p.p1.x,p.p1.y,p.p2.x,p.p2.y,p.p3.x,p.p3.y),t.strokeStyle=f(c,l),t.lineWidth=16,t.lineCap=`round`,t.stroke(),t.strokeStyle=f(c,d),t.lineWidth=1.5,t.stroke();for(let t=0;t<e.conf2.5;t++)Math.random()<.45&&u.current.push({edgeIdx:n,t:0,speed:.003+Math.random().004,off:(Math.random()-.5)13,sz:.7+Math.random()2});let h=rt(p,.5),g=`${Math.round(e.conf100)}%`;t.font=`bold 12px 'JetBrains Mono', monospace`,t.textBaseline=`middle`;let _=t.measureText(g).width+14;t.fillStyle=`rgba(10,16,24,0.88)`,t.beginPath(),t.roundRect(h.x-_/2,h.y-11,_,22,6),t.fill(),t.strokeStyle=f(i.blue,.25),t.lineWidth=1,t.stroke(),t.fillStyle=f(i.blue,.9),t.textAlign=`center`,t.fillText(g,h.x,h.y)}),u.current=u.current.filter(e=>{if(e.t+=e.speed,e.t>1)return!1;let n=k[e.edgeIdx];if(!n)return!1;let r=D[n.fromIdx],i=D[n.toIdx];if(!r\|\|!i)return!1;let a=at(r,i),o=rt(a,e.t),s=it(a,e.t),c=o.x+s.xe.off,l=o.y+s.ye.off,u=Math.sin(e.tMath.PI).7,d=m(r.color,i.color,e.t);return g(t,c,l,e.sz3,d,u.1),t.beginPath(),t.arc(c,l,e.sz,0,Math.PI2),t.fillStyle=f(d,u),t.fill(),!0}),u.current.length>350&&(u.current=u.current.slice(-350)),D.forEach((n,r)=>{let a=s===n.id,o=d.current===`node-${r}`,c=O(e,.03,3e-4).1+1,l=n.rc(a?1.15:1);t.beginPath(),t.arc(n.x,n.y,l+6,0,Math.PI2),t.strokeStyle=f(n.color,a?.3:.1),t.lineWidth=a?1.5:.7,t.stroke(),g(t,n.x,n.y,l3,n.color,a?.22:.12);let u=t.createRadialGradient(n.x,n.y-l.2,0,n.x,n.y,l);if(u.addColorStop(0,f(n.color,a?1:.85)),u.addColorStop(1,f(n.color,a?.65:.45)),t.fillStyle=u,t.beginPath(),t.arc(n.x,n.y,l,0,Math.PI2),t.fill(),a\|\|r===D.length-1){let r=l+16,i=e.04,a=n.x+Math.cos(i)r,o=n.y+Math.sin(i)r;g(t,a,o,6,n.color,.3),t.beginPath(),t.arc(a,o,2,0,Math.PI2),t.fillStyle=f(n.color,.75),t.fill()}S(y.current,`node-${r}`,n.x,n.y,l+8,{label:n.label,value:n.sub\|\|n.id,color:n.color}),t.font=`${a\|\|o?`bold `:``}12px 'DM Sans', sans-serif`,t.textAlign=`center`,t.textBaseline=`alphabetic`,t.fillStyle=f(n.color,a?1:.9),t.fillText(n.label,n.x,n.y+l+18),n.sub&&(t.font=`10px 'JetBrains Mono', monospace`,t.fillStyle=f(i.t3,.65),t.fillText(n.sub,n.x,n.y+l+32))}),k.length>=2){let n=k.reduce((e,t)=>et.conf,1),r=o.92,s=a.12,c=a.76,l=w(Math.min(e.008,1));t.fillStyle=f(i.bd,.35),t.beginPath(),t.roundRect(s,r,c,5,3),t.fill(),t.fillStyle=f(i.orange,.6),t.beginPath(),t.roundRect(s,r,cnl,5,3),t.fill(),t.font=`bold 12px 'JetBrains Mono', monospace`,t.textAlign=`left`,t.textBaseline=`middle`,t.fillStyle=f(i.orange,.85),t.fillText(`${Math.round(n100)}% compound confidence`,s+cnl+10,r+2);let u=k.map(e=>e.conf.toFixed(2)).join(` × `);t.textAlign=`right`,t.font=`9px 'JetBrains Mono', monospace`,t.fillStyle=f(i.t4,.6),t.fillText(u,s-6,r+2)}v(t,a,o,e,.012),n=requestAnimationFrame(r)};return r(),()=>{cancelAnimationFrame(n),u.current=[]}},[D,k,a,o,s]),(0,n.jsxs)(`div`,{style:{position:`relative`,width:a,height:o},children:[(0,n.jsx)(`canvas`,{ref:c,style:{width:a,height:o,display:`block`,borderRadius:8},role:`img`,"aria-label":`causal flow diagram`}),(0,n.jsx)(b,{...p,parentW:a,parentH:o})]})}function st({selectedEntity:e,colors:t}){return(0,n.jsx)(ot,{nodes:Ve.nodes,links:Ve.links,width:960,height:280,selectedEntity:e})}function ct({rows:e=[],className:r,colors:i}){let{nodes:a,links:o}=(0,t.useMemo)(()=>{let t=e.slice(0,5);return{nodes:[{id:`score`,name:`Portfolio Score`},...t.map(e=>({id:e.id??e.vendor,name:e.vendor}))],links:t.map(e=>({source:e.id??e.vendor,target:`score`,value:Math.max(8,e.pricing??0)}))}},[e]);return(0,n.jsx)($e,{nodes:a,links:o,width:760,height:280,ariaLabel:`sankey chart`,className:r,colors:i})}var lt=780,ut=420;function dt({left:e,right:r,leftTitle:a=`Accepted`,rightTitle:o=`Submitted`,unit:s=`quotations`,"data-testid":c}){let u=(0,t.useRef)(null),d=(0,t.useRef)(0);return(0,t.useEffect)(()=>{let t=u.current;if(!t)return;let n=h(t,lt,ut);d.current=0;let c=lt/2,p=Math.abs(e.value??0),m=Math.abs(r.value??0),_=Math.max(p,m,1),v=(e.value-r.value)/(2_)14,y=Math.max(-14,Math.min(14,v)),b=(e,t,r,a,o)=>{let s=t-99/2,c=r+30,l=[0,0,10,10];n.save(),n.beginPath(),n.roundRect(s,c,99,a,l),n.clip();let u=f(e,.27o),d=f(e,0),p=n.createLinearGradient(s,0,s+25,0);p.addColorStop(0,u),p.addColorStop(1,d),n.fillStyle=p,n.fillRect(s,c,25,a);let m=n.createLinearGradient(s+99,0,s+99-25,0);m.addColorStop(0,u),m.addColorStop(1,d),n.fillStyle=m,n.fillRect(s+99-25,c,25,a);let h=n.createLinearGradient(0,c,0,c+25);h.addColorStop(0,u),h.addColorStop(1,d),n.fillStyle=h,n.fillRect(s,c,99,25);let g=n.createLinearGradient(0,c+a,0,c+a-25);g.addColorStop(0,u),g.addColorStop(1,d),n.fillStyle=g,n.fillRect(s,c+a-25,99,25),n.restore(),n.beginPath(),n.roundRect(s,c,99,a,l),n.strokeStyle=f(e,1o),n.lineWidth=1,n.stroke();let _=s+99/2,v=c-5;n.strokeStyle=f(i.t2,.5o),n.lineWidth=1,n.beginPath(),n.moveTo(t,r+4),n.lineTo(_,v),n.stroke(),n.beginPath(),n.moveTo(_,v),n.lineTo(_-10,c),n.stroke(),n.beginPath(),n.moveTo(_,v),n.lineTo(_+10,c),n.stroke(),n.beginPath(),n.arc(t,r,3,0,Math.PI2),n.fillStyle=f(i.t2,.7o),n.fill()},x,S=()=>{d.current++;let t=d.current;n.clearRect(0,0,lt,ut),n.letterSpacing=l.letterSpacing;let u=w(Math.min(t/80,1)),h=yD(Math.min(t/80,1))Math.PI/180,v={x:c-Math.cos(h)240,y:100+Math.sin(-h)240},C={x:c+Math.cos(h)240,y:100+Math.sin(h)240};n.strokeStyle=f(i.t2,.55u),n.lineWidth=1.5,n.beginPath(),n.moveTo(v.x,v.y),n.lineTo(C.x,C.y),n.stroke(),g(n,c,100,18,i.t2,.14u),n.beginPath(),n.arc(c,100,9u,0,Math.PI2),n.fillStyle=f(i.t2,.85u),n.fill();let T=Math.max(20,p/_95u),E=Math.max(20,m/_95u);if(b(i.green,v.x,v.y,T,u),b(i.amber,C.x,C.y,E,u),u>.5){n.globalAlpha=Math.min(1,(u-.5)/.5),n.textAlign=`center`,n.textBaseline=`top`;let t=v.y+30+T+14,c=C.y+30+E+14;n.font=`700 34px 'Satoshi Variable', 'DM Sans', sans-serif`,n.fillStyle=i.t1,n.fillText(e.label,v.x,t),n.font=l.font,n.fillStyle=l.color,n.fillText(`${a} ${e.count} ${s}`,v.x,t+42),n.font=`700 34px 'Satoshi Variable', 'DM Sans', sans-serif`,n.fillStyle=i.t1,n.fillText(r.label,C.x,c),n.font=l.font,n.fillStyle=l.color,n.fillText(`${o} ${r.count} ${s}`,C.x,c+42),n.globalAlpha=1,n.textBaseline=`alphabetic`}x=requestAnimationFrame(S)};return S(),()=>cancelAnimationFrame(x)},[e,r]),(0,n.jsx)(`div`,{"data-testid":c,style:{position:`relative`,width:lt,height:ut},children:(0,n.jsx)(`canvas`,{ref:u,role:`img`,"aria-label":`Quotation balance — accepted vs submitted quotation value`,style:{width:lt,height:ut,display:`block`,borderRadius:8}})})}var ft=780,pt=360;function mt({points:e=[],"data-testid":r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(new Map),s=(0,t.useRef)(0),{hoveredRef:c,tooltip:u,hitZonesRef:d}=x(a,{width:ft,height:pt}),p=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=h(e,ft,pt);s.current=0;let n=ft-64-48,r=pt-48-68,u=Math.max(...p.map(e=>e.count),1),m=p.length,_=m>1?n/(m-1):n,v=p.map((e,t)=>({x:64+t_,y:48+r-e.count/ur,point:e})),b,x=()=>{s.current++;let e=s.current;t.clearRect(0,0,ft,pt),t.letterSpacing=l.letterSpacing;let a=w(Math.min(e/72,1));A(o.current,c.current),d.current=[],[0,.25,.5,.75,1].forEach(e=>{let a=48+r-er;t.strokeStyle=f(i.bd,.18),t.lineWidth=1,t.setLineDash([3,5]),t.beginPath(),t.moveTo(64,a),t.lineTo(64+n,a),t.stroke(),t.setLineDash([]),t.font=l.font,t.fillStyle=l.color,t.textAlign=`right`,t.fillText(String(Math.round(ue)),58,a+3)}),t.save(),t.translate(12,48+r/2),t.rotate(-Math.PI/2),t.font=l.font,t.fillStyle=l.color,t.textAlign=`center`,t.fillText(`Count`,0,0),t.restore(),t.strokeStyle=f(i.bd,.3),t.lineWidth=1,t.setLineDash([]),t.beginPath(),t.moveTo(64,48+r),t.lineTo(64+n,48+r),t.stroke();let p=a(m-1),h=Math.floor(p)+1;if(h>=2){t.beginPath(),t.moveTo(v[0].x,48+r),t.lineTo(v[0].x,v[0].y);for(let e=1;e<h;e++){let n=p-Math.floor(p),r=e<h-1?v[e].x:v[e-1].x+(v[e].x-v[e-1].x)(e===Math.ceil(p)?n:1),i=e<h-1?v[e].y:v[e-1].y+(v[e].y-v[e-1].y)(e===Math.ceil(p)?n:1);t.lineTo(r,i)}let e=v[Math.min(h-1,m-1)];t.lineTo(e.x,48+r),t.closePath();let n=t.createLinearGradient(0,48,0,48+r);n.addColorStop(0,f(i.teal,.12)),n.addColorStop(1,f(i.teal,.02)),t.fillStyle=n,t.fill()}t.beginPath();for(let e=0;e<h;e++){let n=p-Math.floor(p),r=e===h-1&&e>0&&e===Math.ceil(p),i=e===0\|\|e<h-1?v[e].x:v[e-1].x+(v[e].x-v[e-1].x)(r?n:1),a=e===0\|\|e<h-1?v[e].y:v[e-1].y+(v[e].y-v[e-1].y)(r?n:1);e===0?t.moveTo(i,a):t.lineTo(i,a)}t.strokeStyle=f(i.teal,.85),t.lineWidth=2,t.stroke(),v.forEach((e,n)=>{if(n>=h)return;let a=`pt-${n}`,s=o.current.get(a)??0;S(d.current,a,e.x,e.y,10,{label:e.point.week,value:String(e.point.count),color:i.teal}),s>0&&y(t,e.x,48,48+r,f(i.teal,.15s));let c=e.point.count===u;(s>0\|\|c)&&g(t,e.x,e.y,14,i.teal,(c?.3:0)+s.25),t.beginPath(),t.arc(e.x,e.y,s>0?5:3.5,0,Math.PI2),t.fillStyle=f(i.teal,s>0?1:.8),t.fill(),(s>0\|\|c)&&(t.font=l.font,t.fillStyle=i.teal,t.textAlign=`center`,t.fillText(String(e.point.count),e.x,e.y-10)),t.font=l.font,t.fillStyle=s>0?i.teal:l.color,t.textAlign=`center`,t.fillText(e.point.week,e.x,pt-68+14)}),b=requestAnimationFrame(x)};return x(),()=>cancelAnimationFrame(b)},[p]),p.length<2?(0,n.jsx)(L,{width:ft,height:pt,"data-testid":r}):(0,n.jsx)(`div`,{"data-testid":r,className:`trend-scroll`,style:{width:`100%`,overflowX:`auto`},children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:ft,height:pt},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Trend chart — count over time`,style:{width:ft,height:pt,display:`block`}}),(0,n.jsx)(b,{...u,parentW:ft,parentH:pt})]})})}var ht=680,K=280,gt=80,_t=48,vt=64,yt=l.font,bt=12,xt=Math.PI2,St=72,Ct=20,wt=5e3;function Tt({points:e=[],colorOffset:r=0,"data-testid":a}){let o=(0,t.useRef)(null),s=(0,t.useRef)(null),u=(0,t.useRef)(0),d=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),p=(0,t.useMemo)(()=>{if(d.length<=1)return vt;let e=document.createElement(`canvas`).getContext(`2d`);if(!e)return vt;e.font=yt;let t=Math.max(1,Math.ceil(d.length/Ct)),n=Math.max(...d.filter((e,n)=>n%t===0).map(t=>e.measureText(t.week).width));return Math.max(vt,n+bt)},[d]),m=Math.round(p/2),g=_t+m+Math.max(0,d.length-1)p,_=Math.max(ht-gt,Math.min(g,wt)),{tooltip:v,hitZonesRef:y}=x(o,{width:_,height:K});return(0,t.useEffect)(()=>{let e=o.current;if(!e)return;let t=h(e,_,K),n=s.current?h(s.current,gt,K):null;u.current=0;let a=c[r%c.length],g=d.length<=St?St:Math.max(24,Math.round(St(St/d.length))),v=_-_t,b=K-42-54,x=d.length>0?d.map(e=>e.count):[0],C=Math.min(...x),T=Math.max(...x),E=T-C\|\|1,D=d.length,O=D>1?(v-m)/(D-1):v-m,k=Math.max(1,Math.ceil(p/O)),A=C<0,j=A?42+b- -C/Eb:42+b,M=d.map((e,t)=>({x:m+tO,y:42+b-(A?(e.count-C)/E:e.count/(T\|\|1))b,point:e}));if(n){n.clearRect(0,0,gt,K),n.letterSpacing=l.letterSpacing;let e=A?[C,C+E.25,C+E.5,C+E.75,T]:[0,T.25,T.5,T.75,T];e.forEach((t,r)=>{let i=r/(e.length-1),a=42+b-ib;n.font=l.font,n.fillStyle=l.color,n.textAlign=`right`,n.fillText(R(t),gt-6,a+3)}),n.save(),n.translate(12,42+b/2),n.rotate(-Math.PI/2),n.font=l.font,n.fillStyle=l.color,n.textAlign=`center`,n.fillText(`Count`,0,0),n.restore()}let N=t.createLinearGradient(0,42,0,42+b);N.addColorStop(0,f(a,.12)),N.addColorStop(1,f(a,.02));let P=0,F,I=e=>{t.font=yt,t.fillStyle=l.color,t.textAlign=`center`;for(let n=0;n<e;n++)n%k===0&&t.fillText(M[n].point.week,M[n].x,K-54+14)},ee=()=>{u.current++;let e=Math.min(u.current/g,1),n=w(e),r=e>=1;t.clearRect(0,0,_,K),t.letterSpacing=l.letterSpacing,(A?[0,.25,.5,.75,1]:[.25,.5,.75,1]).forEach(e=>{let n=42+b-eb;t.strokeStyle=f(i.bd,.18),t.lineWidth=1,t.setLineDash([3,5]),t.beginPath(),t.moveTo(0,n),t.lineTo(v,n),t.stroke(),t.setLineDash([])}),t.font=l.font,t.fillStyle=l.color,t.textAlign=`center`,t.fillText(`Period`,m+(v-m)/2,K-6),t.strokeStyle=f(i.bd,A?.5:.3),t.lineWidth=A?2:1,t.beginPath(),t.moveTo(m,A?j:42+b),t.lineTo(v,A?j:42+b),t.stroke();let o=n(D-1),s=Math.floor(o)+1;if(s>=2){let e=A?j:42+b;t.beginPath(),t.moveTo(M[0].x,e),t.lineTo(M[0].x,M[0].y);for(let e=1;e<s;e++){let n=o-Math.floor(o),r=e===s-1&&e===Math.ceil(o)&&n>0,i=r?M[e-1].x+(M[e].x-M[e-1].x)n:M[e].x,a=r?M[e-1].y+(M[e].y-M[e-1].y)n:M[e].y;t.lineTo(i,a)}t.lineTo(M[s-1].x,e),t.closePath(),t.fillStyle=N,t.fill()}t.beginPath();for(let e=0;e<s;e++){let n=o-Math.floor(o),r=e===s-1&&e>0&&e===Math.ceil(o)&&n>0,i=r?M[e-1].x+(M[e].x-M[e-1].x)n:M[e].x,a=r?M[e-1].y+(M[e].y-M[e-1].y)n:M[e].y;e===0?t.moveTo(i,a):t.lineTo(i,a)}t.strokeStyle=f(a,.85),t.lineWidth=2,t.stroke(),t.fillStyle=f(a,.8),t.beginPath();for(let e=0;e<s;e++)t.moveTo(M[e].x+3.5,M[e].y),t.arc(M[e].x,M[e].y,3.5,0,xt);if(t.fill(),s>P){y.current=[];for(let e=0;e<s;e++)S(y.current,`pt-${e}`,M[e].x,M[e].y,10,{label:M[e].point.week,value:String(M[e].point.count),color:a});P=s}r&&I(D),r\|\|(F=requestAnimationFrame(ee))};return ee(),()=>cancelAnimationFrame(F)},[d,_,p,y,r]),d.length<2?(0,n.jsx)(L,{width:ht,height:K,"data-testid":a}):(0,n.jsxs)(`div`,{"data-testid":a,style:{position:`relative`,width:`100%`,display:`flex`},children:[(0,n.jsx)(`canvas`,{ref:s,"aria-hidden":`true`,style:{width:gt,height:K,display:`block`,flexShrink:0}}),(0,n.jsx)(`div`,{className:`trend-scroll`,style:{flex:1,minWidth:0,overflowX:`auto`},children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:_,height:K},children:[(0,n.jsx)(`canvas`,{ref:o,role:`img`,"aria-label":`Trend chart — count over time`,style:{width:_,height:K,display:`block`}}),(0,n.jsx)(b,{...v,parentW:_,parentH:K})]})})]})}var Et=780,Dt=340,Ot=28,kt=4,At=148;function jt(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(`${r}…`).width>n;)r=r.slice(0,-1);return`${r}…`}function Mt({severities:e=[],colorOffset:r=0,"data-testid":a}){let o=(0,t.useRef)(null),s=(0,t.useRef)(new Map),u=(0,t.useRef)(0),d=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),p=d.length>0?Math.min(Et,2Ot+d.lengthAt):Et,{hoveredRef:m,tooltip:g,hitZonesRef:_}=x(o,{width:p,height:Dt});return(0,t.useEffect)(()=>{let e=o.current;if(!e)return;let t=h(e,p,Dt);u.current=0;let n=d.reduce((e,t)=>e+(t.count??0),0),a=Ot,g=Ot,v=p-a-g,y=Dt-54-54,b=v-Math.max(0,d.length-1)kt,x=d.map(e=>(e.count??0)/(n\|\|1)b),S=c[r%c.length],w,E=()=>{u.current++;let e=u.current;t.clearRect(0,0,p,Dt),t.letterSpacing=l.letterSpacing;let r=T(Math.min(e/60,1));A(s.current,m.current),_.current=[];let o=a;d.forEach((e,a)=>{let c=x[a]??0,u=s.current.get(e.severity)??0,d=o+c/2,p=c.78,m=cr,h=pr,g=d-h/2;if(m>0){let e=()=>{t.beginPath(),t.moveTo(g,54),t.lineTo(g+h,54),t.lineTo(o+m,54+y),t.lineTo(o,54+y),t.closePath()},n=o+c/2,i=54+y/2,a=Math.sqrt((c/2)2+(y/2)2),s=t.createRadialGradient(n,i,0,n,i,a);s.addColorStop(0,f(S,(.03+u.02)r)),s.addColorStop(.5,f(S,(.12+u.04)r)),s.addColorStop(1,f(S,(.28+u.08)r)),t.save(),e(),t.clip(),e(),t.fillStyle=s,t.fill(),t.restore(),e(),t.strokeStyle=f(S,.9r),t.lineWidth=1,t.stroke()}if(C(_.current,e.severity,o,54,c,y,{label:e.severity,value:R(e.count??0),sublabel:`${Math.round((e.count??0)/(n\|\|1)100)}%`,color:S}),r>.5){let a=Math.min(1,(r-.5)/.5),s=o+c/2;t.globalAlpha=a,t.font=l.font,t.fillStyle=u>0?S:f(i.t1,.65),t.textAlign=`center`,t.fillText(jt(t,e.severity,c-8),s,40),t.font=`600 22px 'Satoshi Variable', 'DM Sans', sans-serif`,t.fillStyle=f(i.t1,.92+u.08),t.fillText(R(e.count??0),s,54+y/2+8),t.font=l.font,t.fillStyle=u>0?S:f(i.t1,.5),t.fillText(`${Math.round((e.count??0)/(n\|\|1)100)}%`,s,54+y+22),t.globalAlpha=1}o+=c+kt}),w=requestAnimationFrame(E)};return E(),()=>cancelAnimationFrame(w)},[d,p,r]),d.length===0?(0,n.jsx)(L,{width:p,height:Dt,"data-testid":a}):(0,n.jsxs)(`div`,{"data-testid":a,style:{position:`relative`,width:p,height:Dt},children:[(0,n.jsx)(`canvas`,{ref:o,role:`img`,"aria-label":`Early Warning severity distribution — prism spectrum bands`,style:{width:p,height:Dt,display:`block`}}),(0,n.jsx)(b,{...g,parentW:p,parentH:Dt})]})}var q=300,J=280,Nt=100,Pt={Open:i.red,Submitted:i.amber,Closed:i.green};function Ft({segments:e=[],title:r,unitLabel:a=``,"data-testid":o}){let s=(0,t.useRef)(null),c=(0,t.useRef)(0),d=(0,t.useRef)(new Map),{hoveredRef:p,tooltip:m,hitZonesRef:y}=x(s,{width:q,height:J}),C=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=s.current;if(!e)return;let t=h(e,q,J);c.current=0;let n=q.5,o=J.56,m=Nt,b=C.reduce((e,t)=>e+(t.count??0),0),x=Math.max(...C.map(e=>e.count??0),1),w,T=()=>{c.current++;let e=c.current;t.clearRect(0,0,q,J),t.letterSpacing=l.letterSpacing,y.current=[],d.current.forEach((e,t)=>{let n=t===p.current?1:0,r=e+(n-e).12;Math.abs(r-n)<.005?n===0?d.current.delete(t):d.current.set(t,1):d.current.set(t,r)}),p.current&&!d.current.has(p.current)&&d.current.set(p.current,0),_(t,q,J,e,40,f(i.blue,.04)),C.forEach((r,a)=>{let s=a/3Math.PI2-Math.PI/2,c=n+Math.cos(s)m,l=o+Math.sin(s)m,d=Pt[r.status]??i.blue,p=2+r.count/x8;t.beginPath(),t.moveTo(n,o),t.lineTo(c,l),t.strokeStyle=f(d,.08),t.lineWidth=p2,t.stroke(),t.beginPath(),t.moveTo(n,o),t.lineTo(c,l),t.strokeStyle=f(d,.25),t.lineWidth=1,t.stroke();let h=(e.005+a.33)%1,_=n+(c-n)h,v=o+(l-o)h;g(t,_,v,6,d,.4),t.beginPath(),t.arc(_,v,2,0,Math.PI2),t.fillStyle=f(d,.8),t.fill();let y=(n+c)/2,b=(o+l)/2;t.font=u.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=f(d,.85),t.fillText(String(r.count),y,b)}),C.forEach((e,r)=>{let s=r/3Math.PI2-Math.PI/2,c=n+Math.cos(s)m,u=o+Math.sin(s)m,p=Pt[e.status]??i.blue,h=10+e.count/x18,_=d.current.get(e.status)??0;g(t,c,u,h2.5,p,.2+_.15);let v=t.createRadialGradient(c,u-h.2,0,c,u,h);v.addColorStop(0,f(p,.8+_.2)),v.addColorStop(1,f(p,.4+_.1)),t.beginPath(),t.arc(c,u,h,0,Math.PI2),t.fillStyle=v,t.fill(),t.font=`bold `+l.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=f(i.t1,.9),t.fillText(e.status,c,u),S(y.current,e.status,c,u,h+6,{label:e.status,value:a?`${e.count} ${a}`:String(e.count),sublabel:`${Math.round((e.count??0)/(b\|\|1)100)}%`,color:p})});let s=d.current.get(`center`)??0;g(t,n,o,36,i.t2,.2+s.15);let h=t.createRadialGradient(n,o-4,0,n,o,22);h.addColorStop(0,f(i.t2,.9)),h.addColorStop(1,f(i.t2,.5)),t.beginPath(),t.arc(n,o,22,0,Math.PI2),t.fillStyle=h,t.fill(),t.font=u.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=f(i.t1,.9),t.fillText(r??``,n,o-4),t.font=`bold `+l.font,t.fillStyle=i.t1,t.fillText(String(b),n,o+8),S(y.current,`center`,n,o,28,{label:r??`Total`,value:a?`${b} ${a}`:String(b),color:i.t2}),v(t,q,J,e,.015),w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[C,r,a]),C.length===0?(0,n.jsx)(L,{width:q,height:J,"data-testid":o}):(0,n.jsxs)(`div`,{"data-testid":o,style:{position:`relative`,width:q,height:J},children:[(0,n.jsx)(`canvas`,{ref:s,role:`img`,"aria-label":r??`EW status arc visualization`,style:{width:q,height:J,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...m,parentW:q,parentH:J})]})}var It=280,Y=96;function Lt({points:e=[],className:a,colors:o}){let s=(0,t.useRef)(null),c=(0,t.useRef)(new Map),l=(0,t.useRef)(0),u=(0,t.useMemo)(()=>e.filter(Array.isArray).map(([e,t])=>{let n=String(t).match(/-?\d+(\.\d+)?/);return{label:e,value:n?Number(n[0]):0}}),[e]),{mouseRef:d,hoveredRef:p,tooltip:m,hitZonesRef:_}=x(s,{width:It,height:Y});return(0,t.useEffect)(()=>{let e=s.current;if(!e)return;let t=h(e,It,Y);l.current=0;let n=o?.line??i.teal,r=o?.point??i.teal,a=o?.axisLine??i.bd,m,v=()=>{l.current++;let e=l.current;if(t.clearRect(0,0,It,Y),u.length<2){m=requestAnimationFrame(v);return}let o={left:12,right:12,top:16,bottom:20},s=It-o.left-o.right,h=Y-o.top-o.bottom,b=u.map(e=>e.value),x=Math.min(...b),C=Math.max(...b)-x\|\|1,w=e=>o.left+e/(u.length-1)s,T=e=>o.top+(1-(e-x)/C)h,E=1-(1-Math.min(e/48,1))*3,D=Math.max(2,Math.floor(Eu.length));if(A(c.current,p.current),_.current=[],t.strokeStyle=f(a,.3),t.lineWidth=.5,t.setLineDash([]),t.beginPath(),t.moveTo(o.left,Y-o.bottom),t.lineTo(It-o.right,Y-o.bottom),t.stroke(),t.font=`9px 'JetBrains Mono', monospace`,t.fillStyle=f(i.t4,.9),t.textAlign=`center`,u.forEach((e,n)=>{t.fillText(e.label.replace(`Day `,`D`),w(n),Y-4)}),d.current.over&&p.current){let e=parseInt(p.current.split(`-`)[1]);isNaN(e)\|\|y(t,w(e),o.top,o.top+h)}if(D>1){let e=t.createLinearGradient(0,o.top,0,o.top+h);e.addColorStop(0,f(n,.15)),e.addColorStop(1,f(n,0)),t.fillStyle=e,t.beginPath(),t.moveTo(w(0),o.top+h);for(let e=0;e<D;e++)t.lineTo(w(e),T(u[e].value));t.lineTo(w(D-1),o.top+h),t.closePath(),t.fill(),t.strokeStyle=f(n,.8),t.lineWidth=1.5,t.setLineDash([]),t.beginPath();for(let e=0;e<D;e++){let n=w(e),r=T(u[e].value);e===0?t.moveTo(n,r):t.lineTo(n,r)}t.stroke()}for(let e=0;e<D;e++){let n=w(e),a=T(u[e].value),o=`tp-${e}`,s=c.current.get(o)??0,l=e===u.length-1;S(_.current,o,n,a,10,{label:u[e].label,value:String(u[e].value),color:l?i.red:r}),s>0&&!l&&(g(t,n,a,12s,r,.2s),t.fillStyle=f(r,.8),t.beginPath(),t.arc(n,a,3+s2,0,Math.PI2),t.fill())}if(D>=u.length){let n=u.length-1,r=w(n),a=T(u[n].value),o=c.current.get(`tp-${n}`)??0,s=O(e,.05,5e-4),l=1+o.5;t.shadowColor=f(i.red,.5),t.shadowBlur=(8+s4)l,t.fillStyle=i.red,t.beginPath(),t.arc(r,a,(3.5+s1.5)l,0,Math.PI2),t.fill(),t.shadowBlur=0}m=requestAnimationFrame(v)};return v(),()=>cancelAnimationFrame(m)},[u,o]),(0,n.jsx)(r,{className:[`canvas-trend-frame`,a].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:It,height:Y},children:[(0,n.jsx)(`canvas`,{ref:s,role:`img`,"aria-label":`trend chart`,style:{width:It,height:Y,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...m,parentW:It,parentH:Y})]})})}function Rt(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(r+`…`).width>n;)r=r.slice(0,-1);return r+`…`}var X=680,zt=8,Z=6,Bt=8,Vt=Z2+Bt,Ht=36,Ut=16,Wt=48;function Gt({items:e=[],labelA:r=`Implemented`,labelB:a=`Unimplemented`,unit:o=`variations`,"data-testid":s}){let c=(0,t.useRef)(null),p=(0,t.useRef)(new Map),m=(0,t.useRef)(0),[_,v]=(0,t.useState)(!1),y=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),S=(0,t.useMemo)(()=>_?y:y.slice(0,zt),[y,_]),w=Ut+Wt+S.length(Vt+Ht)-Ht,{hoveredRef:E,tooltip:D,hitZonesRef:O}=x(c,{width:X,height:w});return(0,t.useEffect)(()=>{let e=c.current;if(!e)return;let t=h(e,X,w);m.current=0;let n=X-150-100,s=Math.max(...S.map(e=>e.implemented??0),...S.map(e=>e.unimplemented??0),1),_=S.length(Vt+Ht)-Ht,v=Ut+(w-Ut-Wt-_)/2,y,b=()=>{m.current++;let e=m.current;t.clearRect(0,0,X,w);let c=T(Math.min(e/60,1));A(p.current,E.current),O.current=[],S.forEach((e,d)=>{let m=k(c,d,S.length,T),h=v+d(Vt+Ht),_=h,y=h+Z+Bt,b=`${e.id}-impl`,x=`${e.id}-un`,w=p.current.get(b)??0,E=p.current.get(x)??0,D=(e.implemented??0)/snm,A=(e.unimplemented??0)/snm;if(t.font=l.font,t.fillStyle=w>0\|\|E>0?i.t1:i.t2,t.textAlign=`right`,t.textBaseline=`middle`,t.fillText(Rt(t,e.abbreviation??e.name??``,134),142,h+Vt/2),t.textBaseline=`alphabetic`,C(O.current,b,0,h,150,Vt,{label:e.name??e.abbreviation??``,value:`${R((e.implemented??0)+(e.unimplemented??0))} total ${o}`,sublabel:`${r}: ${R(e.implemented??0)} · ${a}: ${R(e.unimplemented??0)}`,color:i.green}),D>0){w>0&&g(t,150+D/2,_+Z/2,D.15,i.green,.18w);let e=t.createLinearGradient(150,0,150+D,0);e.addColorStop(0,f(i.green,.7)),e.addColorStop(1,f(i.green,1)),t.fillStyle=e,t.beginPath(),t.roundRect(150,_,D,Z,Z/2),t.fill()}if(C(O.current,b,150,_,Math.max(D,1),Z,{label:e.name,value:R(e.implemented??0),color:i.green}),m>.4&&(t.globalAlpha=Math.min(1,(m-.4)/.4),t.font=u.font,t.fillStyle=i.t1,t.textAlign=`left`,t.textBaseline=`middle`,t.fillText(R(e.implemented??0),150+D+16,_+Z/2),t.globalAlpha=1,t.textBaseline=`alphabetic`),A>0){E>0&&g(t,150+A/2,y+Z/2,A.15,i.amber,.18E);let e=t.createLinearGradient(150,0,150+A,0);e.addColorStop(0,f(i.amber,.5)),e.addColorStop(1,f(i.amber,.9)),t.fillStyle=e,t.beginPath(),t.roundRect(150,y,A,Z,Z/2),t.fill()}C(O.current,x,150,y,Math.max(A,1),Z,{label:e.name,value:R(e.unimplemented??0),color:i.amber}),m>.4&&(t.globalAlpha=Math.min(1,(m-.4)/.4),t.font=u.font,t.fillStyle=i.t1,t.textAlign=`left`,t.textBaseline=`middle`,t.fillText(R(e.unimplemented??0),150+A+16,y+Z/2),t.globalAlpha=1,t.textBaseline=`alphabetic`)});let h=v+_+28;t.font=d.font,t.textBaseline=`middle`,t.textAlign=`left`;let x=t.measureText(r).width,D=t.measureText(a).width,j=18+x,M=18+D,N=(X-(j+24+M))/2,P=t.createLinearGradient(N,0,N+12,0);P.addColorStop(0,f(i.green,.7)),P.addColorStop(1,f(i.green,1)),t.fillStyle=P,t.beginPath(),t.rect(N,h-6,12,12),t.fill(),t.fillStyle=d.color,t.fillText(r,N+12+6,h);let F=N+j+24,I=t.createLinearGradient(F,0,F+12,0);I.addColorStop(0,f(i.amber,.5)),I.addColorStop(1,f(i.amber,.9)),t.fillStyle=I,t.beginPath(),t.rect(F,h-6,12,12),t.fill(),t.fillStyle=d.color,t.fillText(a,F+12+6,h),t.textBaseline=`alphabetic`,y=requestAnimationFrame(b)};return b(),()=>cancelAnimationFrame(y)},[S,w]),y.length===0?(0,n.jsx)(L,{width:X,height:160,"data-testid":s}):(0,n.jsxs)(`div`,{"data-testid":s,style:{width:X},children:[(0,n.jsxs)(`div`,{style:{position:`relative`,width:X,height:w},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`Implemented vs unimplemented variations per contractor — split bar`,style:{width:X,height:w,display:`block`}}),(0,n.jsx)(b,{...D,parentW:X,parentH:w})]}),y.length>zt&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(te,{expanded:_,onToggle:()=>v(e=>!e)})})]})}var Kt=800,qt=360;function Jt({items:e=[],"data-testid":r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(new Map),c=(0,t.useRef)(0),{hoveredRef:d,tooltip:p,hitZonesRef:m}=x(a,{width:Kt,height:qt});return(0,t.useEffect)(()=>{let t=a.current;if(!t)return;let n=h(t,Kt,qt);c.current=0;let r=e.reduce((e,t)=>e+(t.base??0),0),p=e.reduce((e,t)=>e+(t.variation??0),0),_=e.reduce((e,t)=>e+(t.total??0),0),v=qt-20-26,y=v-6(e.length-1),b=20,x=e.map((e,t)=>{let n=Math.max(24,(e.total??0)/(_\|\|1)y),r={x:100-110/2,y:b,h:n,cy:b+n/2,c:e,color:s[t%s.length]};return b+=n+6,r}),S=y-14,T=Math.max(28,r/(_\|\|1)S),E=Math.max(18,p/(_\|\|1)S),D=20+(v-(T+E+14))/2,O={x:420-110/2,y:D,h:T,cy:D+T/2},j={x:420-110/2,y:D+T+14,h:E,cy:D+T+14+E/2},M={x:720-110/2,y:20,h:v,cy:20+v/2},N,P=()=>{c.current++;let t=c.current;n.clearRect(0,0,Kt,qt),n.letterSpacing=l.letterSpacing;let a=w(Math.min(t/80,1));if(A(o.current,d.current),m.current=[],e.forEach((t,i)=>{let s=x[i],c=k(a,i,e.length,w),l=o.current.get(t.id)??0;if(c<.01)return;let u=(t.base??0)/(t.total\|\|1),d=(t.variation??0)/(t.total\|\|1),f=s.hu,m=s.hd,h=s.y+f/2,g=s.y+f+m/2,_=Math.max(2,(t.base??0)/rT),v=Math.max(2,(t.variation??0)/pE),y=O.y+e.slice(0,i).reduce((e,t)=>e+(t.base??0)/rT,0)+_/2,b=j.y+e.slice(0,i).reduce((e,t)=>e+(t.variation??0)/pE,0)+v/2,S=l.2+.18;Yt(n,s.x+110,h,420-110/2,y,_c,s.color,S),Yt(n,s.x+110,g,420-110/2,b,vc,s.color,S.75)}),a>.3){let e=Math.min(1,(a-.3)/.7),t=M.y+r/_v/2,o=M.y+v-p/_v/2;Yt(n,475,O.cy,720-110/2,t,Te,i.blue,.25e),Yt(n,475,j.cy,720-110/2,o,Ee,i.amber,.22e)}if([`Contractors`,`Components`,`Total`].forEach((e,t)=>{let r=[100,420,720][t];n.font=l.font,n.fillStyle=l.color,n.textAlign=`center`,n.fillText(e,r,qt-8)}),e.forEach((t,r)=>{let s=x[r],c=k(a,r,e.length,w),u=o.current.get(t.id)??0;C(m.current,t.id,s.x,s.y,110,s.h,{label:t.name,value:t.totalLabel??String(t.total??0),sublabel:`${t.baseLabel??String(t.base??0)} + ${t.variationLabel??String(t.variation??0)}`,color:s.color}),u>0&&g(n,s.x+110/2,s.cy,110.6,s.color,.12u),n.fillStyle=f(s.color,(.3+u.15)c),n.strokeStyle=f(s.color,(.55+u.25)c),n.lineWidth=1,n.beginPath(),n.roundRect(s.x,s.y,110c,s.h,4),n.fill(),n.stroke(),c>.6&&s.h>=24&&(n.globalAlpha=Math.min(1,(c-.6)/.4),n.font=l.font,n.fillStyle=u>0?s.color:f(i.t2,.9),n.textAlign=`center`,n.textBaseline=`middle`,n.fillText(t.abbreviation??t.name?.slice(0,6)??``,s.x+110/2,s.h>=36?s.cy-5:s.cy),s.h>=36&&(n.font=`400 12px 'Satoshi Variable', 'DM Sans', sans-serif`,n.fillStyle=f(i.t3,.8),n.fillText(t.totalLabel??String(t.total??0),s.x+110/2,s.cy+7)),n.globalAlpha=1,n.textBaseline=`alphabetic`)}),a>.2){let e=Math.min(1,(a-.2)/.4);g(n,420,O.cy,30,i.blue,.1e),n.fillStyle=f(i.blue,.3e),n.strokeStyle=f(i.blue,.5e),n.lineWidth=1,n.beginPath(),n.roundRect(O.x,O.y,110,O.he,4),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=l.font,n.fillStyle=i.blue,n.textAlign=`center`,n.fillText(`Base Value`,420,O.cy-6),n.font=u.font,n.fillStyle=u.color,n.fillText(R(r),420,O.cy+8),n.globalAlpha=1,n.textBaseline=`alphabetic`,g(n,420,j.cy,24,i.amber,.1e),n.fillStyle=f(i.amber,.22e),n.strokeStyle=f(i.amber,.4e),n.beginPath(),n.roundRect(j.x,j.y,110,j.he,4),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=l.font,n.fillStyle=i.amber,n.textAlign=`center`,n.fillText(`Variations`,420,j.cy-4),n.font=u.font,n.fillStyle=u.color,n.fillText(R(p),420,j.cy+8),n.globalAlpha=1,n.textBaseline=`alphabetic`}if(a>.5){let e=Math.min(1,(a-.5)/.5);g(n,720,M.cy,44,i.blue,.2e),n.fillStyle=f(i.blue,.25e),n.strokeStyle=f(i.blue,.6e),n.lineWidth=1.5,n.beginPath(),n.roundRect(M.x,M.y,110,M.he,6),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=l.font,n.fillStyle=i.t2,n.textAlign=`center`,n.fillText(`Total Commitment`,720,M.cy-12),n.font=u.font,n.fillStyle=i.blue,n.fillText(R(_),720,M.cy+6),n.globalAlpha=1,n.textBaseline=`alphabetic`}N=requestAnimationFrame(P)};return P(),()=>cancelAnimationFrame(N)},[e]),(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:Kt,height:qt},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Weekly report flow — base value and variations per contractor flowing to total commitment`,style:{width:Kt,height:qt,display:`block`}}),(0,n.jsx)(b,{...p,parentW:Kt,parentH:qt})]})}function Yt(e,t,n,r,i,a,o,s){let c=(t+r)/2;e.beginPath(),e.moveTo(t,n-a/2),e.bezierCurveTo(c,n-a/2,c,i-a/2,r,i-a/2),e.lineTo(r,i+a/2),e.bezierCurveTo(c,i+a/2,c,n+a/2,t,n+a/2),e.closePath(),e.fillStyle=f(o,s),e.fill()}var Xt=680,Zt=160,Qt={left:8,right:90,top:16,bottom:16},$t=150,en=4,tn=48,nn=8;function rn(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(r+`…`).width>n;)r=r.slice(0,-1);return r+`…`}function an(e,t){let n=Math.abs(e),r=e<0?`-`:``;return n>=1e6?`${r}${t}${(n/1e6).toFixed(1)}M`:n>=1e3?`${r}${t}${(n/1e3).toFixed(1)}K`:`${r}${t}${n.toFixed(0)}`}function on({rows:e,valuePrefix:r=`$`,"data-testid":a}){let o=(0,t.useRef)(null),s=(0,t.useRef)(new Map),[c,d]=(0,t.useState)(!1),p=e.filter(e=>e!=null&&typeof e.value==`number`),m=c?p:p.slice(0,nn),h=m.length,_=Math.max(...p.map(e=>Math.abs(e.value)),1),v=Xt-Qt.left-$t-Qt.right,y=htn,S=Qt.top+Qt.bottom+y,{hoveredRef:w,tooltip:E,hitZonesRef:D}=x(o,{width:Xt,height:S});return ge(o,Xt,S,(e,t)=>{A(s.current,w.current),D.current=[],m.forEach((n,a)=>{let o=k(t,a,h,T),c=Qt.top+atn,d=c+(tn-en)/2,p=c+tn/2,m=Qt.left+$t,y=s.current.get(n.id)??0,b=Math.abs(n.value)/_vo,x=n.valueLabel??an(n.value,r);if(e.save(),e.font=l.font,e.fillStyle=y>0?i.cyan:l.color,e.textAlign=`right`,e.textBaseline=`middle`,e.fillText(rn(e,n.name,$t-16),m-8,p),C(D.current,n.id,0,c,m,tn,{label:n.name,value:x,color:i.cyan}),e.fillStyle=f(i.cyan,.1),e.beginPath(),e.roundRect(m,d,v,en,en/2),e.fill(),b>0){y>0&&g(e,m+b,d+en/2,b.25,i.cyan,.14y);let t=e.createLinearGradient(m,d,m+b,d);t.addColorStop(0,f(i.cyan,.2+y.05)),t.addColorStop(.55,f(i.cyan,.55+y.15)),t.addColorStop(1,f(i.cyan,.72+y.18)),e.fillStyle=t,e.beginPath(),e.roundRect(m,d,b,en,en/2),e.fill()}y>0&&b>0&&(e.strokeStyle=f(i.cyan,.6y),e.lineWidth=1,e.beginPath(),e.roundRect(m,d,b,en,en/2),e.stroke()),o>.35&&(e.globalAlpha=Math.min(1,(o-.35)/.4),e.font=u.font,e.fillStyle=y>0?i.cyan:u.color,e.textAlign=`right`,e.textBaseline=`middle`,e.fillText(x,Xt-8,p)),e.restore(),C(D.current,n.id,m,c,Math.max(b,1),tn,{label:n.name,value:x,color:i.cyan})})},!0,{easing:T}),p.length===0?(0,n.jsx)(L,{width:Xt,height:Zt,message:`No data available`,"data-testid":a}):(0,n.jsxs)(`div`,{"data-testid":a,style:{width:Xt},children:[(0,n.jsxs)(`div`,{style:{position:`relative`},children:[(0,n.jsx)(`canvas`,{ref:o,role:`img`,"aria-label":`Horizontal bar chart`,style:{width:Xt,height:S,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...E,parentW:Xt,parentH:S})]}),p.length>nn&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(te,{expanded:c,onToggle:()=>d(e=>!e),"data-testid":a?`${a}-toggle`:void 0})})]})}function sn({config:e,className:t,colorOffset:r=0}){return e.type===`line`?(0,n.jsx)(ze,{rows:e.rows,className:t}):e.type===`area`?(0,n.jsx)(P,{rows:e.rows,className:t}):e.type===`bar`?(0,n.jsx)(ee,{rows:e.rows,className:t}):e.type===`pie`?(0,n.jsx)(Ze,{rows:e.rows,variant:`pie`,className:t}):e.type===`donut`?(0,n.jsx)(Ze,{rows:e.rows,variant:`donut`,className:t}):e.type===`sankey`?(0,n.jsx)(ct,{rows:e.rows,className:t}):e.type===`flow`?(0,n.jsx)(st,{selectedEntity:e.selectedEntity,className:t}):e.type===`trend`?(0,n.jsx)(Lt,{points:e.points,className:t}):e.type===`mini-bars`?(0,n.jsx)(He,{rows:e.rows,className:t}):e.type===`stacked-horizontal-bar-chart`?(0,n.jsx)(je,{data:e.data??{items:e.items??[]}}):e.type===`multi-metric-constellation-chart`?(0,n.jsx)(Ce,{items:e.items}):e.type===`progress-race-chart`?(0,n.jsx)(le,{items:e.items,colorOffset:r}):e.type===`hub-and-spoke-radial-chart`?(0,n.jsx)(Ft,{segments:e.segments,title:e.title,unitLabel:e.unitLabel}):e.type===`dot-matrix-chart`?(0,n.jsx)(Re,{items:e.items}):e.type===`ranked-card-leaderboard`?(0,n.jsx)(Le,{items:e.items}):e.type===`proportional-band-chart`?(0,n.jsx)(Mt,{severities:e.severities,colorOffset:r}):e.type===`radial-fan-tree-chart`?(0,n.jsx)(qe,{total:e.total,totalLabel:e.totalLabel,items:e.items,colorOffset:r}):e.type===`semi-circular-gauge-chart`?(0,n.jsx)(he,{confirmed:e.confirmed,total:e.total,label:e.label,colorOffset:r}):e.type===`segmented-split-bar-chart`?(0,n.jsx)(Gt,{items:e.items,labelA:e.labelA,labelB:e.labelB,unit:e.unit}):e.type===`balance-scale-chart`?(0,n.jsx)(dt,{left:e.left,right:e.right,leftTitle:e.leftTitle,rightTitle:e.rightTitle,unit:e.unit}):e.type===`area-line-chart`?(0,n.jsx)(mt,{points:e.points}):e.type===`trend-view`?(0,n.jsx)(Tt,{points:e.points,colorOffset:r}):e.type===`weekly-flow`?(0,n.jsx)(Jt,{items:e.items}):e.type===`horizontal-bar-chart`?(0,n.jsx)(on,{rows:e.rows,valuePrefix:e.valuePrefix}):(0,n.jsx)(`div`,{className:`viz-empty`,children:`Visualization unavailable`})}var cn=[];function ln(e){try{return JSON.parse(decodeURIComponent(e))}catch{return null}}function un(){for(;cn.length;){let e=cn.pop();e&&e.unmount()}}function dn(){un(),document.querySelectorAll(`[data-d3-viz]`).forEach(t=>{let r=t.dataset.d3Viz;if(!r)return;let i=ln(r);if(!i)return;let a=(0,e.createRoot)(t);cn.push(a),a.render((0,n.jsx)(sn,{config:i}))})}function fn(e){return encodeURIComponent(JSON.stringify(e))}function pn({rows:e=[],className:t,colors:r}){return(0,n.jsx)(Ze,{rows:e,variant:`donut`,className:t,colors:r})}var Q={bg:`transparent`,border:`transparent`,t1:i.t1,t2:i.t2,t3:i.t3,t4:i.t4,red:i.red,amber:i.amber,green:i.green},$=`'Satoshi Variable', 'DM Sans', sans-serif`,mn={color:`#F7F7F7`,fontFamily:$,fontSize:24,fontWeight:500,lineHeight:`32px`},hn={color:`#B3B5B6`,fontFamily:$,fontSize:18,fontWeight:400,lineHeight:`20px`};function gn({items:e=[]}){let t=e.filter(e=>e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:20},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,width:286,minHeight:129,padding:`20px 16px`,flexShrink:0,border:`1px solid rgba(255,255,255,0.20)`,background:`rgba(255,255,255,0.05)`,boxShadow:`3.42px 3.42px 3.42px 0px rgba(0,0,0,0.30)`,boxSizing:`border-box`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:24,flex:1,minWidth:0},children:[(0,n.jsx)(`div`,{style:{...mn,color:`#FFFFFF`},children:e.value}),(0,n.jsx)(`div`,{style:{...hn,color:`rgba(255,255,255,0.70)`},children:e.label})]}),e.icon&&(0,n.jsx)(`div`,{style:{width:60,height:60,flexShrink:0,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,n.jsx)(`img`,{src:e.icon,width:60,height:60,alt:``,style:{objectFit:`contain`}})})]},t))})}function _n({items:e=[]}){let t=e.filter(e=>e.name??e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:12,padding:`10px 0px`,background:Q.bg,border:`1px solid ${Q.border}`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t2,background:`transparent`,padding:`2px 8px`,borderRadius:4,fontFamily:$,flexShrink:0},children:e.name}),(0,n.jsx)(`span`,{style:{...mn,fontSize:18,color:Q.t1,minWidth:70,flexShrink:0},children:e.value}),(0,n.jsx)(`span`,{style:{...hn,flex:1},children:e.kpiLabel})]},t))})}function vn({items:e=[]}){let t=e.filter(e=>e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:20},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,width:286,minHeight:129,padding:`20px 16px`,flexShrink:0,border:`1px solid rgba(255,255,255,0.20)`,background:`rgba(255,255,255,0.05)`,boxShadow:`3.42px 3.42px 3.42px 0px rgba(0,0,0,0.30)`,boxSizing:`border-box`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:24,flex:1,minWidth:0},children:[(0,n.jsx)(`div`,{style:{...mn,color:`#FFFFFF`},children:e.value}),(0,n.jsx)(`div`,{style:{...hn,color:`rgba(255,255,255,0.70)`},children:e.label})]}),e.icon&&(0,n.jsx)(`div`,{style:{width:60,height:60,flexShrink:0,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,n.jsx)(`img`,{src:e.icon,width:60,height:60,alt:``,style:{objectFit:`contain`}})})]},t))})}var yn={red:Q.red,amber:Q.amber,green:Q.green};function bn({items:e=[]}){let t=e.filter(e=>e.text);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:t.map((e,t)=>(yn[e.severity],(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`flex-start`,gap:10,padding:`10px 0px`,background:Q.bg,border:`1px solid ${Q.border}`},children:[(0,n.jsx)(`span`,{style:{width:7,height:7,borderRadius:`50%`,background:i.t2,flexShrink:0,marginTop:5}}),(0,n.jsx)(`span`,{style:{...hn,color:`#B3B5B6`},children:e.text})]},t)))})}function xn({min:e,max:t,unit:r,dots:a=[],chips:o=[]}){let s=a.filter(e=>e.name);if(s.length===0)return null;let c=t-e;return(0,n.jsxs)(`div`,{children:[(0,n.jsxs)(`div`,{style:{position:`relative`,height:90,padding:`10px 0px`},children:[(0,n.jsx)(`div`,{style:{position:`absolute`,top:38,left:8,right:8,height:2,background:`rgba(255,255,255,0.08)`,borderRadius:1}}),(0,n.jsxs)(`div`,{style:{position:`absolute`,top:43,left:0,fontSize:16,color:Q.t4,fontFamily:$},children:[e,r]}),(0,n.jsxs)(`div`,{style:{position:`absolute`,top:43,right:0,fontSize:16,color:Q.t4,fontFamily:$},children:[t,r]}),s.map((t,a)=>{let o=(t.val-e)/c100,s=t.color??i.blue,l=a%2==0;return(0,n.jsxs)(`div`,{style:{position:`absolute`,left:`${o}%`,top:0,transform:`translateX(-50%)`},children:[l&&(0,n.jsxs)(`div`,{style:{textAlign:`center`,marginBottom:2},children:[(0,n.jsx)(`div`,{style:{fontSize:18,color:s,fontFamily:$,whiteSpace:`nowrap`},children:t.name}),(0,n.jsxs)(`div`,{style:{fontSize:18,fontWeight:500,color:s,fontFamily:$,whiteSpace:`nowrap`},children:[t.val,r]})]}),(0,n.jsx)(`div`,{style:{width:10,height:10,borderRadius:`50%`,background:s,boxShadow:`0 0 8px ${s}70`,margin:l?`0 auto`:`26px auto 0`}}),!l&&(0,n.jsxs)(`div`,{style:{textAlign:`center`,marginTop:4},children:[(0,n.jsx)(`div`,{style:{fontSize:18,color:s,fontFamily:$,whiteSpace:`nowrap`},children:t.name}),(0,n.jsxs)(`div`,{style:{fontSize:18,fontWeight:500,color:s,fontFamily:$,whiteSpace:`nowrap`},children:[t.val,r]})]})]},a)})]}),o&&o.length>0&&(0,n.jsx)(vn,{items:o})]})}function Sn({leftPct:e,leftLabel:t,leftValue:r,leftColor:a,rightPct:o,rightLabel:s,rightValue:c,rightColor:l,chips:u}){if(!t&&!s)return null;let d=a??i.blue,f=l??i.blue;return(0,n.jsxs)(`div`,{children:[(0,n.jsxs)(`div`,{style:{display:`flex`,borderRadius:6,overflow:`hidden`,height:36,margin:`10px 0`},children:[(0,n.jsx)(`div`,{style:{width:`${e}%`,background:d+`38`,display:`flex`,alignItems:`center`,justifyContent:`flex-end`,paddingRight:12},children:(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t2,fontFamily:$},children:r})}),(0,n.jsx)(`div`,{style:{width:1,background:`rgba(255,255,255,0.12)`,flexShrink:0}}),(0,n.jsx)(`div`,{style:{width:`${o}%`,background:f+`2A`,display:`flex`,alignItems:`center`,paddingLeft:12},children:(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t2,fontFamily:$},children:c})})]}),(0,n.jsxs)(`div`,{style:{display:`flex`,marginBottom:u?4:0},children:[(0,n.jsx)(`div`,{style:{width:`${e}%`},children:(0,n.jsxs)(`span`,{style:{fontSize:18,color:d,fontFamily:$},children:[e,`% `,t]})}),(0,n.jsx)(`div`,{style:{width:`${o}%`,paddingLeft:10},children:(0,n.jsxs)(`span`,{style:{fontSize:18,color:f,fontFamily:$},children:[o,`% `,s]})})]}),u&&u.length>0&&(0,n.jsx)(vn,{items:u})]})}function Cn({pct:e,label:t,color:r,chips:a}){if(e==null&&!t)return null;let o=r??i.blue,s=2Math.PI30,c=s*(1-e/100);return(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:20},children:[(0,n.jsxs)(`div`,{style:{position:`relative`,flexShrink:0,width:80,height:80},children:[(0,n.jsxs)(`svg`,{width:80,height:80,style:{transform:`rotate(-90deg)`},children:[(0,n.jsx)(`circle`,{cx:40,cy:40,r:30,fill:`none`,stroke:`rgba(255,255,255,0.07)`,strokeWidth:8}),(0,n.jsx)(`circle`,{cx:40,cy:40,r:30,fill:`none`,stroke:o,strokeWidth:8,strokeDasharray:s,strokeDashoffset:c,strokeLinecap:`round`})]}),(0,n.jsx)(`div`,{style:{position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,textAlign:`center`},children:(0,n.jsxs)(`div`,{style:{fontSize:18,fontWeight:500,color:o,fontFamily:$},children:[e,`%`]})})]}),(0,n.jsxs)(`div`,{style:{flex:1},children:[(0,n.jsx)(`div`,{style:{...hn,padding:`10px 0px`},children:t}),a&&(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:a.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`baseline`,gap:8,padding:`10px 10px`,background:Q.bg,border:`1px solid ${Q.border}`,borderRadius:5},children:[(0,n.jsx)(`span`,{style:{...mn,color:Q.t2},children:e.value}),(0,n.jsx)(`span`,{style:{...mn,color:Q.t2,fontWeight:400,userSelect:`none`},children:`\|`}),(0,n.jsx)(`span`,{style:{...hn},children:e.label})]},t))})]})]})}function wn({items:e=[]}){let t=e.filter(e=>e.name??e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:10,padding:`10px 0px`,background:Q.bg,border:`1px solid ${Q.border}`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t2,background:`transparent`,padding:`2px 7px`,borderRadius:4,fontFamily:$,flexShrink:0,minWidth:62,textAlign:`center`},children:e.name}),(0,n.jsx)(`div`,{style:{flex:1,height:4,background:`rgba(255,255,255,0.07)`,borderRadius:0,overflow:`hidden`},children:(0,n.jsx)(`div`,{style:{height:`100%`,width:`${e.pct}%`,background:e.color??i.purple,borderRadius:0,opacity:.75}})}),(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:400,color:Q.t2,fontFamily:$,flexShrink:0,minWidth:320,textAlign:`right`},children:[e.value,e.badge,e.sublabel].filter(Boolean).join(` `)})]},t))})}var Tn={red:Q.red,amber:Q.amber,green:Q.green};function En({items:e=[]}){let t=e.filter(e=>e.text);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:t.map((e,t)=>{let r=Tn[e.severity];return(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`flex-start`,gap:10,padding:`9px 12px`,background:`transparent`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:r,background:r+`20`,padding:`2px 7px`,borderRadius:4,fontFamily:$,flexShrink:0},children:e.tag}),(0,n.jsx)(`span`,{style:{flex:1,...hn},children:e.text}),(0,n.jsx)(`span`,{style:{...hn,flexShrink:0,marginTop:1},children:e.date})]},t)})})}function Dn({columns:e=[],rows:t=[]}){return t.length===0?null:(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:10,padding:`0 0px 6px`,borderBottom:`1px solid ${Q.border}`},children:[(0,n.jsx)(`div`,{style:{minWidth:64}}),e.map((e,t)=>(0,n.jsx)(`div`,{style:{flex:1,fontSize:18,fontWeight:500,color:Q.t2,fontFamily:$,textTransform:`uppercase`,letterSpacing:.6},children:e},t))]}),t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:10,padding:`8px 0px`,background:Q.bg,border:`1px solid ${Q.border}`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t1,background:`transparent`,padding:`2px 8px`,borderRadius:4,fontFamily:$,flexShrink:0,minWidth:64,textAlign:`center`},children:e.label}),e.cells.map((e,t)=>(0,n.jsx)(`span`,{style:{flex:1,fontSize:18,fontWeight:500,color:Q.t2,fontFamily:$},children:e},t))]},t))]})}function On({block:e}){if(!e)return null;switch(e.type){case`stats`:return(0,n.jsx)(gn,{items:e.items});case`ranked`:return(0,n.jsx)(_n,{items:e.items});case`chips`:return(0,n.jsx)(vn,{items:e.items});case`badges`:return(0,n.jsx)(bn,{items:e.items});case`dot-strip`:return(0,n.jsx)(xn,{min:e.min,max:e.max,unit:e.unit,dots:e.dots,chips:e.chips});case`proportion`:return(0,n.jsx)(Sn,{leftPct:e.leftPct,leftLabel:e.leftLabel,leftValue:e.leftValue,leftColor:e.leftColor,rightPct:e.rightPct,rightLabel:e.rightLabel,rightValue:e.rightValue,rightColor:e.rightColor,chips:e.chips});case`ring`:return(0,n.jsx)(Cn,{pct:e.pct,label:e.label,color:e.color,chips:e.chips});case`scorecard-rows`:return(0,n.jsx)(wn,{items:e.items});case`flags-list`:return(0,n.jsx)(En,{items:e.items});case`comparison-rows`:return(0,n.jsx)(Dn,{columns:e.columns,rows:e.rows});default:return null}}var kn=`'Satoshi Variable', 'DM Sans', sans-serif`,An={color:`#C2C2C2`,fontFamily:kn,fontSize:18,fontWeight:400,lineHeight:1.65};function jn({text:e}){return(0,n.jsxs)(`div`,{style:{padding:`8px 0px`,border:`transparent`,borderRadius:5,background:`transparent`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:i.t1,fontFamily:kn,lineHeight:1.65,marginRight:8},children:`Takeaway`}),(0,n.jsx)(`span`,{style:{...An},children:e})]})}exports.AreaChart=P,exports.BarChart=ee,exports.CHART_PALETTE=c,exports.ChartFrame=r,exports.DonutChart=pn,exports.GRAD=a,exports.KeyHighlights=On,exports.LineChart=ze,exports.MiniBars=He,exports.PALETTE=s,exports.PieChart=Ze,exports.ProcessSankey=st,exports.RankingSankey=ct,exports.SOLID=o,exports.SankeySvg=$e,exports.SeriesChart=N,exports.Takeaway=jn,exports.Trend=Tt,exports.TrendChart=Lt,exports.VisualizationRenderer=sn,exports.cleanupVisualizationMounts=un,exports.hydrateVisualizationMounts=dn,exports.serializeVisualizationConfig=fn;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react-dom/client`),t=require(`react`),n=require(`react/jsx-runtime`);function r({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`d3-chart ${t}`.trim(),children:e})}var i={bg:`#0C0E12`,bgL:`#0C1420`,sf:`#13161B`,bd:`#22262F`,blue:`#4C93D9`,cyan:`#36BFFA`,orange:`#EC772A`,red:`#EC772A`,green:`#5DA537`,purple:`#818FF8`,amber:`#EEBF3B`,teal:`#69DFE9`,tealDark:`#00818F`,t1:`#F7F9FA`,t2:`#B3B5B6`,t3:`#94979C`,t4:`#334155`},a={teal:[`#00818F`,`#69DFE9`],violet:[`#5B3CB1`,`#C8B6F3`],mint:[`#27837A`,`#81E8CE`],magenta:[`#8732A7`,`#E7A1F0`],sky:[`#0068BE`,`#8EC2F6`],blue:[`#084CF0`,`#8BA9FF`],purple:[`#5C42B8`,`#9DA5FD`],royal:[`#2556C8`,`#A9B1F8`],success:[`#58B21C`,`#97F558`],warning:[`#FFD974`,`#E4AA0D`],error:[`#EC8C42`,`#E46A0D`]},o={teal:`#69DFE9`,violet:`#C8B6F3`,mint:`#81E8CE`,magenta:`#E7A1F0`,sky:`#0068BE`,blue:`#084CF0`,purple:`#5C42B8`,royal:`#2556C8`,success:`#58B21C`,warning:`#E4AA0D`,error:`#E46A0D`},s=[i.blue,i.amber,i.purple,i.green,i.red],c=[i.teal,i.purple,i.amber,i.blue,i.green],l={font:`400 16px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#F7F7F7`,letterSpacing:`0px`},u={font:`500 16px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#F7F7F7`},d={font:`400 18px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#B3B5B6`,letterSpacing:`0px`};function f(e,t=1){let n=e.replace(`#`,``);return`rgba(${parseInt(n.substring(0,2),16)},${parseInt(n.substring(2,4),16)},${parseInt(n.substring(4,6),16)},${t})`}function p(e,t,n){return e+(t-e)n}function m(e,t,n){let r=e=>{let t=e.replace(`#`,``);return[parseInt(t.substring(0,2),16),parseInt(t.substring(2,4),16),parseInt(t.substring(4,6),16)]},[i,a,o]=r(e),[s,c,l]=r(t),u=e=>Math.max(0,Math.min(255,Math.round(e)));return[u(p(i,s,n)),u(p(a,c,n)),u(p(o,l,n))].map(e=>e.toString(16).padStart(2,`0`)).join(``).replace(/^/,`#`)}function h(e,t,n,r=2){e.width=tr,e.height=nr;let i=e.getContext(`2d`);return i.scale(r,r),i}function g(e,t,n,r,i,a=.3){let o=e.createRadialGradient(t,n,0,t,n,r);o.addColorStop(0,f(i,a)),o.addColorStop(1,f(i,0)),e.fillStyle=o,e.beginPath(),e.arc(t,n,r,0,Math.PI2),e.fill()}function _(e,t,n,r,a=50,o=f(i.blue,.05)){for(let i=0;i<a;i++)e.beginPath(),e.arc((Math.sin(r.001+i23).5+.5)t,(Math.cos(r8e-4+i37).5+.5)n,.6,0,Math.PI2),e.fillStyle=o,e.fill()}function v(e,t,n,r,i=.015){e.fillStyle=`rgba(0,0,0,${i})`;let a=r.5%6;for(let r=a;r<n;r+=3)e.fillRect(0,r,t,1)}function y(e,t,n,r,a=f(i.t1,.08)){e.strokeStyle=a,e.lineWidth=1,e.setLineDash([3,3]),e.beginPath(),e.moveTo(t,n),e.lineTo(t,r),e.stroke(),e.setLineDash([])}function b({visible:e,x:r,y:a,content:o,parentW:s,parentH:c}){let l=(0,t.useRef)(null);if((0,t.useLayoutEffect)(()=>{let t=l.current;if(!t)return;let n=t.offsetWidth,u=t.offsetHeight,d=s??400,f=c??800,p=r+14,m=a-u-14;p+n>d-4&&(p=r-n-14),m<4&&(m=a+14),p<4&&(p=4),m+u>f-4&&(m=f-u-4),t.style.transform=`translate(${p}px, ${m}px)`,t.style.opacity=e?`1`:`0`;let h=o&&typeof o==`object`&&o.color?o.color:i.blue;t.style.setProperty(`--tooltip-accent`,h??i.blue)},[e,r,a,s,o]),!o)return null;let u=typeof o==`object`,d=u?o.label:null,f=u?o.value:o,p=u?o.sublabel:null;return(0,n.jsxs)(`div`,{ref:l,style:{position:`absolute`,top:0,left:0,minWidth:80,pointerEvents:`none`,background:i.sf,border:`1px solid ${i.bd}`,borderLeft:`2px solid var(--tooltip-accent)`,borderRadius:6,padding:`8px 12px`,opacity:0,transition:`opacity 0.15s ease`,zIndex:20,fontFamily:`'Satoshi Variable', 'DM Sans', sans-serif`},children:[d&&(0,n.jsx)(`div`,{style:{fontSize:14,fontWeight:400,color:i.t2,marginBottom:3,whiteSpace:`nowrap`,lineHeight:`20px`},children:d}),f&&(0,n.jsx)(`div`,{style:{fontSize:16,fontWeight:500,color:i.t1,whiteSpace:`nowrap`,lineHeight:`22px`},children:f}),p&&(0,n.jsx)(`div`,{style:{fontSize:14,fontWeight:400,color:`var(--tooltip-accent)`,marginTop:3,whiteSpace:`nowrap`,lineHeight:`20px`},children:p})]})}function x(e,{width:n,height:r,onClick:i,enabled:a=!0}){let o=(0,t.useRef)({x:-1,y:-1,over:!1}),s=(0,t.useRef)(null),c=(0,t.useRef)([]),[l,u]=(0,t.useState)({visible:!1,x:0,y:0,content:null}),d=(0,t.useCallback)((e,t,n)=>{u({visible:!0,x:e,y:t,content:n})},[]),f=(0,t.useCallback)(()=>{u(e=>e.visible?{visible:!1,x:e.x,y:e.y,content:e.content}:e)},[]);return(0,t.useEffect)(()=>{let t=e.current;if(!t\|\|!a)return;let l=e=>{let i=t.getBoundingClientRect(),a=n/i.width,l=r/i.height;o.current.x=(e.clientX-i.left)a,o.current.y=(e.clientY-i.top)l,o.current.over=!0;let u=null,p=c.current;for(let e=p.length-1;e>=0;e--)if(p[e].test(o.current.x,o.current.y)){u=p[e];break}let m=s.current;s.current=u?u.id:null,t.style.cursor=u?`pointer`:`default`,u?d((e.clientX-i.left)a,(e.clientY-i.top)l,u.data):m&&f()},u=()=>{o.current={x:-1,y:-1,over:!1},s.current&&(s.current=null,t.style.cursor=`default`,f())},p=()=>{if(s.current&&i){let e=c.current.find(e=>e.id===s.current);if(e){let a=t.getBoundingClientRect(),o=a.top+e.centerY(a.height/r),s=a.left+e.centerX(a.width/n),c=e.sourceY==null?void 0:a.top+e.sourceY(a.height/r);t.dispatchEvent(new CustomEvent(`viz-item-click`,{bubbles:!0,detail:{centerClientY:o,centerClientX:s,sourceClientY:c}})),i(e.id,e.data)}}};return t.addEventListener(`mousemove`,l),t.addEventListener(`mouseleave`,u),t.addEventListener(`click`,p),()=>{t.removeEventListener(`mousemove`,l),t.removeEventListener(`mouseleave`,u),t.removeEventListener(`click`,p)}},[e,n,r,a,i,d,f]),{mouseRef:o,hoveredRef:s,tooltip:l,showTooltip:d,hideTooltip:f,hitZonesRef:c}}function S(e,t,n,r,i,a,o){e.push({id:t,data:a,centerY:r,centerX:o??n,test:(e,t)=>(e-n)2+(t-r)2<=ii})}function C(e,t,n,r,i,a,o,s,c,l){e.push({id:t,data:o,centerY:s??r+a/2,centerX:c??n+i/2,sourceY:l,test:(e,t)=>e>=n&&e<=n+i&&t>=r&&t<=r+a})}var w=e=>1-(1-e)3,T=e=>1-(1-e)4,E=e=>e===1?1:1-2*(-10e),D=e=>{let t=1.70158;return 1+(t+1)(e-1)3+t(e-1)*2},O=(e,t=.04,n=.001)=>Math.sin(et)Math.exp(-Math.min(en,4)),k=(e,t,n,r=w)=>{let i=Math.min(.06,.5/n),a=ti,o=1-(n-1)i;return r(Math.max(0,Math.min((e-a)/o,1)))};function A(e,t,n=.12){e.forEach((r,i)=>{let a=i===t?1:0,o=r+(a-r)n;Math.abs(o-a)<.005?a===0?e.delete(i):e.set(i,1):e.set(i,o)}),t&&!e.has(t)&&e.set(t,0)}var j=760,M=250;function N({rows:e=[],variant:a,className:o,colors:s}){let c=(0,t.useRef)(null),l=(0,t.useRef)(new Map),u=(0,t.useRef)(0),{mouseRef:d,hoveredRef:p,tooltip:m,hitZonesRef:_}=x(c,{width:j,height:M});return(0,t.useEffect)(()=>{let t=c.current;if(!t)return;let n=h(t,j,M);u.current=0;let r=s?.line??i.blue,o=s?.point??i.blue,m=s?.axisLine??i.bd,v=s?.areaFill??i.blue,b={top:24,right:24,bottom:44,left:24},x=j-b.left-b.right,C=M-b.top-b.bottom,w,T=()=>{u.current++;let t=u.current;if(n.clearRect(0,0,j,M),e.length<2){w=requestAnimationFrame(T);return}let s=e.map(e=>e.pricing??0),c=Math.max(100,...s),h=t=>b.left+t/(e.length-1)x,D=e=>b.top+(1-e/c)C,k=E(Math.min(t/48,1)),N=Math.max(2,Math.floor(ke.length));A(l.current,p.current),_.current=[],n.strokeStyle=f(i.bd,.2),n.lineWidth=.5;for(let e=0;e<=4;e++){let t=b.top+e/4C;n.beginPath(),n.moveTo(b.left,t),n.lineTo(b.left+x,t),n.stroke()}if(n.strokeStyle=f(m,.4),n.lineWidth=1,n.setLineDash([]),n.beginPath(),n.moveTo(b.left,D(0)),n.lineTo(b.left+x,D(0)),n.stroke(),d.current.over&&p.current){let e=parseInt(p.current.split(`-`)[1]);isNaN(e)\|\|y(n,h(e),b.top,b.top+C)}if(a===`area`&&N>1){let t=n.createLinearGradient(0,b.top,0,b.top+C);t.addColorStop(0,f(v,.12)),t.addColorStop(1,f(v,0)),n.fillStyle=t,n.beginPath(),n.moveTo(h(0),b.top+C);for(let t=0;t<N;t++)n.lineTo(h(t),D(e[t].pricing??0));n.lineTo(h(N-1),b.top+C),n.closePath(),n.fill()}if(N>1){n.strokeStyle=f(r,.85),n.lineWidth=2,n.setLineDash([]),n.beginPath();for(let t=0;t<N;t++){let r=h(t),i=D(e[t].pricing??0);t===0?n.moveTo(r,i):n.lineTo(r,i)}n.stroke()}for(let r=0;r<N;r++){let s=h(r),c=D(e[r].pricing??0),u=`sc-${r}`,d=l.current.get(u)??0,p=r===e.length-1;S(_.current,u,s,c,12,{label:e[r].vendor,value:String(e[r].pricing??0),color:p?i.red:o}),d>0&&g(n,s,c,16d,o,.2d);let m=p?O(t,.05,5e-4):0,v=a===`area`?5:6;p?(n.shadowColor=f(i.red,.5),n.shadowBlur=(8+m4)(1+d.5),n.fillStyle=i.red,n.beginPath(),n.arc(s,c,(v+m1.5)(1+d.3),0,Math.PI2),n.fill(),n.shadowBlur=0):(n.fillStyle=f(o,.7+d.3),n.beginPath(),n.arc(s,c,v+d2,0,Math.PI2),n.fill()),n.font=`10px 'JetBrains Mono', monospace`,n.fillStyle=f(i.t3,.6+d.3),n.textAlign=`center`,n.fillText(e[r].vendor,s,M-14)}w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[e,a,s]),(0,n.jsx)(r,{className:o,children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:j,height:M},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`${a} chart`,style:{width:j,height:M,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...m,parentW:j,parentH:M})]})})}function P({rows:e=[],className:t,colors:r}){return(0,n.jsx)(N,{rows:e,variant:`area`,className:t,colors:r})}var F=760,I=280;function L({rows:e=[],className:a,colors:o}){let c=(0,t.useRef)(null),l=(0,t.useRef)(new Map),u=(0,t.useRef)(0),{hoveredRef:d,tooltip:p,hitZonesRef:m}=x(c,{width:F,height:I});return(0,t.useEffect)(()=>{let t=c.current;if(!t)return;let n=h(t,F,I);u.current=0;let r=o?.bars??s,a=o?.axisLine??i.bd,p=o?.valueLabel??i.t2,_={top:24,right:24,bottom:56,left:24},v=I-_.top-_.bottom,y=(F-_.left-_.right)/Math.max(e.length,1),b=Math.max(100,...e.map(e=>e.pricing??0)),x=_.top+v,S,w=()=>{u.current++;let t=u.current;n.clearRect(0,0,F,I);let o=T(Math.min(t/48,1));A(l.current,d.current),m.current=[],n.strokeStyle=f(a,.4),n.lineWidth=1,n.setLineDash([]),n.beginPath(),n.moveTo(_.left,x),n.lineTo(F-_.right,x),n.stroke(),e.forEach((t,a)=>{let s=_.left+ay,c=k(o,a,e.length,T),u=b>0?(t.pricing??0)/bv:0,d=Math.max(u>0?4:0,uc),h=r[a%r.length],S=l.current.get(t.id??`bar-${a}`)??0;C(m.current,t.id??`bar-${a}`,s+4,x-d,y-8,d,{label:t.vendor,value:String(t.pricing??0),color:h}),d>0&&(S>0&&g(n,s+y/2,x-d/2,y.8,h,.12S),n.shadowColor=f(h,.2(S>0?S:0)),n.shadowBlur=S>0?6:0,n.fillStyle=f(h,.5+S.25),n.beginPath(),n.roundRect(s+4,x-d,y-8,d,[4,4,0,0]),n.fill(),n.shadowBlur=0,S>0&&(n.strokeStyle=f(h,.4S),n.lineWidth=1,n.beginPath(),n.roundRect(s+4,x-d,y-8,d,[4,4,0,0]),n.stroke())),c>.5&&d>0&&(n.globalAlpha=Math.min(1,(c-.5)2),n.font=`bold 10px 'JetBrains Mono', monospace`,n.fillStyle=S>0?h:f(p,.7),n.textAlign=`center`,n.fillText(String(t.pricing??``),s+y/2,x-d-6),n.globalAlpha=1),n.font=`${S>0?`bold `:``}9px 'JetBrains Mono', monospace`,n.fillStyle=S>0?h:f(i.t3,.6),n.textAlign=`center`,n.fillText(t.vendor,s+y/2,I-14)}),S=requestAnimationFrame(w)};return w(),()=>cancelAnimationFrame(S)},[e,o]),(0,n.jsx)(r,{className:a,children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:F,height:I},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`bar chart`,style:{width:F,height:I,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...p,parentW:F,parentH:I})]})})}function R(e){let n=(0,t.useRef)(null),[r,i]=(0,t.useState)(e);return(0,t.useEffect)(()=>{let e=n.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect.width;t&&t>0&&i(Math.floor(t))});return t.observe(e),()=>t.disconnect()},[]),[n,r]}function z({width:e,height:t,message:r=`No data available`,testID:i}){return(0,n.jsx)(`div`,{"data-testid":i,style:{width:e,height:t,display:`flex`,alignItems:`center`,justifyContent:`center`,borderRadius:8,background:`rgba(255,255,255,0.03)`,color:`rgba(255,255,255,0.35)`,fontSize:14,fontFamily:`'Satoshi Variable', 'DM Sans', sans-serif`},children:r})}function ee({expanded:e,onToggle:t,labelExpanded:r=`View Less`,labelCollapsed:i=`View More`,testID:a}){return(0,n.jsxs)(`button`,{type:`button`,"data-testid":a,onClick:t,style:{display:`flex`,width:90,height:20,justifyContent:`center`,alignItems:`center`,gap:4,boxSizing:`border-box`,border:`none`,borderRadius:6,color:`#69DFE9`,fontSize:14,fontFamily:`'Satoshi Variable', 'DM Sans', sans-serif`,fontStyle:`normal`,fontWeight:400,lineHeight:`19.5px`,textAlign:`center`,cursor:`pointer`,userSelect:`none`},children:[e?r:i,(0,n.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 10 10`,fill:`none`,style:{transform:e?`rotate(180deg)`:`rotate(0deg)`},children:(0,n.jsx)(`path`,{d:`M2 3.5L5 6.5L8 3.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})]})}var B=[{value:0xe8d4a51000,suffix:`T`,divisor:0xe8d4a51000},{value:1e9,suffix:`B`,divisor:1e9},{value:1e6,suffix:`M`,divisor:1e6},{value:1e3,suffix:`K`,divisor:1e3}];function V(e,t=1){let n=Math.abs(e),r=e<0?`-`:``;for(let e of B)if(n>=e.value)return`${r}${(n/e.divisor).toFixed(t)}${e.suffix}`;return`${r}${n.toFixed(0)}`}var te=660,H=6,U=30,ne=U/2,re=U/2,ie=8;function ae(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(r+`…`).width>n;)r=r.slice(0,-1);return r+`…`}function oe({items:e=[],itemsByEntity:r,onItemClick:a,selectedId:o,colorOffset:s=0,testID:d}){let[p,m]=R(te),y=(0,t.useRef)(null),T=(0,t.useRef)(0),E=(0,t.useRef)(new Map),D=(0,t.useRef)(o);D.current=o;let O=(0,t.useRef)([]),k=(0,t.useCallback)((e,t)=>{let n=typeof t==`object`?t.label??e:e,r=O.current.find(t=>t.id===e);a?.(e,n,r?.subentity)},[a]),[A,j]=(0,t.useState)(!1),M=!!(o&&r?.[o]),N=M?r[o]:e,P=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),F=(0,t.useMemo)(()=>N.filter(e=>typeof e==`object`&&!!e),[N]),I=(0,t.useMemo)(()=>[...F].sort((e,t)=>(t.percentage??0)-(e.percentage??0)),[F]),L=(0,t.useMemo)(()=>A?I:I.slice(0,ie),[I,A]);O.current=L;let B=L.length,oe=ne+re+BH+Math.max(0,B-1)U,{hoveredRef:W,tooltip:se,hitZonesRef:ce}=x(y,{width:m,height:oe,onClick:a?k:void 0});return(0,t.useEffect)(()=>{let e=y.current;if(!e)return;let t=h(e,m,oe);T.current=0,t.font=l.font,t.letterSpacing=l.letterSpacing;let n=L.reduce((e,n)=>Math.max(e,t.measureText(n.name??n.abbreviation??``).width),0);t.font=u.font;let r=L.reduce((e,n)=>Math.max(e,t.measureText(V(n.total??0)).width),0),a=Math.max(Math.min(n+20,m.3),40),o=Math.max(r+20,28),d=m-a-o,p=c[s%c.length],b,x=()=>{T.current++;let e=T.current;t.clearRect(0,0,m,oe),t.letterSpacing=l.letterSpacing,ce.current=[],E.current.forEach((e,t)=>{let n=t===W.current?1:0,r=e+(n-e).12;Math.abs(r-n)<.005?n===0?E.current.delete(t):E.current.set(t,1):E.current.set(t,r)}),W.current&&!E.current.has(W.current)&&E.current.set(W.current,0),_(t,m,oe,e,40,f(i.blue,.04));let n=Math.max(...L.map(e=>e.total??0),1);L.forEach((r,o)=>{let s=E.current.get(r.id)??0,c=!M&&D.current&&r.id!==D.current?.2:1,m=ne+o(H+U),h=t.createLinearGradient(a,0,a+d,0);h.addColorStop(0,f(i.tealDark,.55+s.1)),h.addColorStop(1,f(i.tealDark,.22+s.08)),t.fillStyle=h,t.beginPath(),t.rect(a,m,d,H),t.fill();let _=(r.total??0)/n,v=a+dMath.min(_,_w(Math.min(1,e.005)));if(v>a+2){let e=t.createLinearGradient(a,0,v,0);e.addColorStop(0,f(p,.55c)),e.addColorStop(1,f(p,.9c)),t.fillStyle=e,t.beginPath(),t.rect(a,m,v-a,H),t.fill()}s>0&&g(t,v,m+H/2,12s,p,.35s);let y={label:r.name,sublabel:r.totalLabel??(r.total==null?void 0:V(r.total)),color:p};C(ce.current,r.id,0,m-U/2,a+d,H+U,y),S(ce.current,r.id,v,m+H/2,10,y),t.font=u.font,t.fillStyle=s>0?f(p,1c):f(i.t1,.85c),t.textAlign=`left`,t.textBaseline=`middle`,t.fillText(V(r.total??0),a+d+12,m+H/2),t.font=l.font,t.fillStyle=s>0?f(p,1c):f(i.t2,.85c),t.textAlign=`right`,t.fillText(ae(t,r.name??r.abbreviation??``,a-16),a-8,m+H/2)}),v(t,m,oe,e,.015),b=requestAnimationFrame(x)};return x(),()=>cancelAnimationFrame(b)},[L,oe,s,m]),I.length===0?(0,n.jsx)(`div`,{ref:p,style:{width:`100%`},children:(0,n.jsx)(z,{width:m,height:160,testID:d})}):(0,n.jsxs)(`div`,{ref:p,"data-testid":d,style:{width:`100%`},children:[(0,n.jsxs)(`div`,{style:{position:`relative`},children:[(0,n.jsx)(`canvas`,{ref:y,role:`img`,"aria-label":`Commitment race — contractors ranked by commitment percentage`,style:{width:`100%`,height:oe,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...se,parentW:m,parentH:oe})]}),P.length>ie&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(ee,{expanded:A,onToggle:()=>j(e=>!e)})})]})}var W=480,se=310,ce=18,le=[`#00818F`,`#5C42B8`,`#C87B0A`,`#2563EB`,`#166534`];function ue(e,t,n){let r=t.split(` `),i=[],a=``;for(let t of r){let r=a?`${a} ${t}`:t;e.measureText(r).width>n&&a?(i.push(a),a=t):a=r}return a&&i.push(a),i}function de({confirmed:e,total:r,label:a,colorOffset:o=0,selectedId:s,selectedLabel:u,gaugeByEntity:p,onItemClick:m,subentity:_,testID:v}){let y=(0,t.useRef)(null),S=(0,t.useRef)(0),T=s&&p?.[s]?p[s]:{confirmed:e,total:r},E=T.confirmed,O=T.total,k=(0,t.useCallback)(()=>{m?.(`confirmed`,a??`confirmed`,_)},[m,a,_]),{tooltip:A,hitZonesRef:j}=x(y,{width:W,height:se,onClick:m?k:void 0});return(0,t.useEffect)(()=>{let e=y.current;if(!e)return;let t=h(e,W,se);S.current=0;let n=o%c.length,r=c[n],s=le[n],u=W/2,p=Math.PI,m=2Math.PI,_=Math.PI,v,b=()=>{S.current++;let e=S.current;t.clearRect(0,0,W,se),t.letterSpacing=l.letterSpacing,j.current=[],C(j.current,`confirmed`,u-148,27,296,148,{label:a??`Confirmed`,value:`${V(E??0)} / ${V(O??0)}`,sublabel:`${Math.round((E??0)/(O\|\|1)100)}%`,color:r});let n=w(Math.min(e/80,1)),o=D(Math.min(e/72,1)),c=Math.round((E??0)/(O\|\|1)100),h=p+c/100_n;t.beginPath(),t.arc(u,175,148,p,m),t.strokeStyle=f(r,.28),t.lineWidth=4,t.lineCap=`round`,t.stroke(),t.lineCap=`butt`,t.beginPath(),t.moveTo(u,175),t.arc(u,175,133,p,h),t.closePath(),t.fillStyle=f(s,.35n),t.fill();let y=u+Math.cos(h)148,x=175+Math.sin(h)148;g(t,y,x,10,r,.3n);let T=t.createLinearGradient(u+Math.cos(p)148,175+Math.sin(p)148,y,x);T.addColorStop(0,f(s,.9n)),T.addColorStop(1,f(r,1n)),t.beginPath(),t.arc(u,175,148,p,h),t.strokeStyle=T,t.lineWidth=4,t.lineCap=`round`,t.stroke(),t.lineCap=`butt`;let k=p+c/100_o,A=u+Math.cos(k)133,M=175+Math.sin(k)133,N=u-Math.cos(k)24,P=175-Math.sin(k)24,F=-Math.sin(k),I=Math.cos(k),L=2.5o;t.beginPath(),t.moveTo(A,M),t.lineTo(u+FL,175+IL),t.lineTo(N+F1,P+I1),t.lineTo(N-F1,P-I1),t.lineTo(u-FL,175-IL),t.closePath(),t.fillStyle=f(i.t1,o),t.fill(),t.beginPath(),t.arc(u,175,11,0,Math.PI2),t.strokeStyle=f(r,.85o),t.lineWidth=2,t.stroke(),t.beginPath(),t.arc(u,175,9,0,Math.PI2),t.fillStyle=i.t1,t.fill(),[[0,`0%`],[.5,`50%`],[1,`100%`]].forEach(([e,n])=>{let r=p+e_,i=e===1?184:168,a=u+Math.cos(r)i,o=175+Math.sin(r)i;t.font=l.font,t.fillStyle=l.color,t.textAlign=`center`,t.fillText(n,a,o+4)}),n>.4&&(t.globalAlpha=Math.min(1,(n-.4)/.4),t.font=`700 32px 'Satoshi Variable', 'DM Sans', sans-serif`,t.fillStyle=i.t1,t.textAlign=`center`,t.fillText(`${Math.round(co)}%`,u,247),t.globalAlpha=1),n>.7&&a&&(t.globalAlpha=Math.min(1,(n-.7)/.3),t.font=d.font,t.fillStyle=d.color,t.textAlign=`center`,ue(t,`${V(E??0)} of ${V(O??0)} ${a}`,W-40).forEach((e,n)=>{t.fillText(e,u,287+nce)}),t.globalAlpha=1),v=requestAnimationFrame(b)};return b(),()=>cancelAnimationFrame(v)},[E,O,a,o,s,u]),(0,n.jsxs)(`div`,{"data-testid":v,style:{position:`relative`,width:`100%`,maxWidth:W,margin:`0 auto`},children:[(0,n.jsx)(`canvas`,{ref:y,role:`img`,"aria-label":`Compensation event gauge — ${Math.round((E??0)/(O\|\|1)100)}% of NCEs confirmed as compensation events`,style:{width:`100%`,aspectRatio:`${W} / ${se}`,display:`block`}}),(0,n.jsx)(b,{...A,parentW:W,parentH:se})]})}function fe(e,n,r,i,a=!0,o={}){let s=(0,t.useRef)(0),{easing:c=w,durationFrames:l=48}=o;(0,t.useEffect)(()=>{let t=e.current;if(!t\|\|!n\|\|!r)return;let o=t.getContext(`2d`);if(!o)return;t.width=n2,t.height=r2,o.scale(2,2);let u;s.current=0;let d=()=>{s.current++;let e=s.current;o.clearRect(0,0,n,r);let t=a?Math.min(e/l,1):1;if(i(o,c(t),e),t<1)u=requestAnimationFrame(d);else{let e=()=>{s.current++,o.clearRect(0,0,n,r),i(o,1,s.current),u=requestAnimationFrame(e)};u=requestAnimationFrame(e)}};return d(),()=>cancelAnimationFrame(u)},[n,r,a])}var G=780,pe=234,me=130,he=52,ge=[i.blue,i.amber,i.purple,i.green],_e=[`Base Value`,`Variations`,`Commitment`],ve=[`Base`,`Var`,`Commit`];function ye({items:e=[],testID:r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(new Map),{hoveredRef:s,tooltip:c,hitZonesRef:u}=x(a,{width:G,height:pe}),p=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),m=(0,t.useMemo)(()=>{let e=Math.max(...p.map(e=>e.base??0)),t=Math.max(...p.map(e=>e.variation??0));return p.map((n,r)=>{let i=G(.12+r.19),a=me,o=Math.min(G.075,he),s=ge[r%ge.length],c=[(n.base??0)/(e\|\|1)100,(n.variation??0)/(t\|\|1)100,n.percentage??0],l=[n.baseLabel??String(n.base??0),n.variationLabel??String(n.variation??0),`${n.percentage??0}%`],u=c.map((e,t)=>{let n=-Math.PI/2+t/_e.lengthMath.PI2,r=e/100,s=oMath.max(.08,r);return{name:_e[t],short:ve[t],label:l[t],val:Math.round(e),x:i+Math.cos(n)s,y:a+Math.sin(n)s,angle:n,norm:r}}),d=u.reduce((e,t)=>e+t.x,0)/u.length,f=u.reduce((e,t)=>e+t.y,0)/u.length,p=Math.sqrt(u.reduce((e,t)=>e+(t.x-d)2+(t.y-f)2,0)/u.length);return{...n,cx:i,cy:a,baseR:o,stars:u,scatter:p,color:s}})},[p]);return fe(a,G,pe,(e,t,n)=>{A(o.current,s.current),u.current=[],_(e,G,pe,n,30),m.forEach((t,r)=>{let a=t.color,s=`constellation-${r}`,c=o.current.get(s)??0;e.beginPath(),e.arc(t.cx,t.cy,t.baseR+5,0,Math.PI2),e.strokeStyle=f(i.bd,.08+.08c),e.lineWidth=.5,e.stroke(),e.beginPath(),t.stars.forEach((t,n)=>{n===0?e.moveTo(t.x,t.y):e.lineTo(t.x,t.y)}),e.closePath(),e.fillStyle=f(a,.04+.03c),e.fill(),e.strokeStyle=f(a,.15+.1c),e.lineWidth=.8,e.stroke(),t.stars.forEach((i,s)=>{let c=O(n,.05,5e-4).3+.7,d=3.5c,p=`star-${r}-${s}`,m=o.current.get(p)??0,h=e.createRadialGradient(i.x,i.y,0,i.x,i.y,d4);h.addColorStop(0,f(a,(.2+.1m)c)),h.addColorStop(1,f(a,0)),e.fillStyle=h,e.beginPath(),e.arc(i.x,i.y,d4,0,Math.PI2),e.fill(),e.beginPath(),e.arc(i.x,i.y,d+m2,0,Math.PI2),e.fillStyle=f(a,(.8+.2m)c),e.fill();let g=Math.sin(i.angle)<-.3;e.textAlign=`center`,e.textBaseline=`middle`,g?(e.font=l.font,e.fillStyle=f(a,.5+.15m),e.fillText(i.short,i.x,i.y-24),e.font=l.font,e.fillStyle=f(a,.8+.15m),e.fillText(i.label,i.x,i.y-11)):(e.font=l.font,e.fillStyle=f(a,.5+.15m),e.fillText(i.short,i.x,i.y+11),e.font=l.font,e.fillStyle=f(a,.8+.15m),e.fillText(i.label,i.x,i.y+24)),S(u.current,p,i.x,i.y,d4+2,{label:i.name,value:i.label,sublabel:t.abbreviation??t.name.slice(0,6),color:a})}),c>0&&g(e,t.cx,t.cy,16c,a,.15c),e.beginPath(),e.arc(t.cx,t.cy,t.baseR+12,0,Math.PI2),e.strokeStyle=f(a,.1+O(n,.03,5e-4).05),e.lineWidth=1,e.stroke(),e.font=l.font,e.textAlign=`center`,e.textBaseline=`alphabetic`,e.fillStyle=c>0?t.color:l.color,e.fillText(t.abbreviation??t.name.slice(0,6),t.cx,t.cy+t.baseR+26),S(u.current,s,t.cx,t.cy,t.baseR+5,{label:t.name,value:`${t.totalLabel??String(t.total??0)} total`,sublabel:`${t.percentage??0}% committed · scatter ${t.scatter.toFixed(1)}`,color:a})}),e.font=d.font,e.textAlign=`center`,e.textBaseline=`middle`,e.fillStyle=d.color,e.fillText(`▲ top = Base value · ▼▸ lower-right = Variations · ◂▼ lower-left = Commitment % · hover stars for details`,G/2,pe-14),v(e,G,pe,n,.012)},!0),m.length===0?(0,n.jsx)(z,{width:G,height:pe,testID:r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:G,height:pe},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Contract value breakdown per contractor — multi-KPI constellation chart`,style:{width:G,height:pe,display:`block`}}),(0,n.jsx)(b,{...c,parentW:G,parentH:pe})]})}var be=680,xe=220,Se=8,Ce=[i.teal],K={left:8,right:100,top:16,bottom:38},we=150,Te=6;function Ee(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(r+`…`).width>n;)r=r.slice(0,-1);return r+`…`}function De(e){let t=Math.abs(e),n=e<0?`-`:``;return t>=1e6?`${n}£${(t/1e6).toFixed(1)}M`:t>=1e3?`${n}£${(t/1e3).toFixed(1)}K`:`${n}£${t.toFixed(0)}`}function Oe({data:e,dataByEntity:r,onItemClick:a,selectedId:o,testID:s}){let[c,p]=R(be),m=(0,t.useRef)(null),h=(0,t.useRef)(new Map),_=(0,t.useRef)(o);_.current=o;let v=(0,t.useCallback)((e,t)=>{let n=typeof t==`object`?t.label??e:e,r=B.current.visibleItems.find(t=>t.id===e);a?.(e,n,r?.subentity)},[a]),[y,S]=(0,t.useState)(!1),w=!!(o&&r?.[o]),{items:E=[],totals:D}=w?r[o]:e,O=E.filter(e=>typeof e==`object`&&!!e),j=[...O].sort((e,t)=>(t.total??0)-(e.total??0)),M=y?j:j.slice(0,Se),N=M.length,P=Math.max(...j.map(e=>Math.abs(e.total??0)),1),F=NTe+Math.max(0,N-1)38,I=K.top+K.bottom+F,L=p-K.left-we-K.right,B=(0,t.useRef)({visibleItems:M,maxCommitment:P,totals:D,barArea:L,BAR_GAP:38,n:N,dynamicH:I,isDrillMode:w});B.current={visibleItems:M,maxCommitment:P,totals:D,barArea:L,BAR_GAP:38,n:N,dynamicH:I,isDrillMode:w};let V=(e.items??[]).filter(e=>typeof e==`object`&&!!e).length===0,{hoveredRef:te,tooltip:H,hitZonesRef:U}=x(m,{width:p,height:I,onClick:a?v:void 0});return fe(m,p,I,(e,t)=>{let{visibleItems:n,maxCommitment:r,totals:a,barArea:o,BAR_GAP:s,n:c,dynamicH:m,isDrillMode:v}=B.current;A(h.current,te.current),U.current=[],n.forEach((n,a)=>{let d=Ce[a%Ce.length],p=k(t,a,c,T),m=K.top+a(Te+s),y=K.left+we,b=h.current.get(n.id)??0,x=!v&&_.current&&n.id!==_.current?.2:1,S=Math.max(n.total??0,0)/rop;if(e.font=l.font,e.fillStyle=b>0?d:l.color,e.textAlign=`right`,e.textBaseline=`middle`,e.fillText(Ee(e,n.name??``,we-16),y-8,m+Te/2),C(U.current,n.id,0,m,y,Te,{label:n.name,value:`${n.totalLabel??De(n.total??0)} total`,sublabel:`Base ${n.baseLabel??De(n.base??0)} + Var ${n.variationLabel??De(n.variation??0)}`,color:d}),S>0){b>0&&g(e,y+S/2,m+Te/2,S.15,i.teal,.12b);let t=e.createLinearGradient(y,0,y+S,0);t.addColorStop(0,f(i.tealDark,.85x)),t.addColorStop(1,f(i.teal,1x)),e.fillStyle=t,e.beginPath(),e.rect(y,m,S,Te),e.fill()}let w=Lp,E=y+S,D=w-S;if(D>2){let t=e.createLinearGradient(E,0,y+w,0);t.addColorStop(0,f(i.tealDark,.55)),t.addColorStop(1,f(i.tealDark,.22)),e.fillStyle=t,e.beginPath(),e.rect(E,m,D,Te),e.fill()}if(S>4){let t=y+S,n=m+Te;e.strokeStyle=f(i.t4,.9p),e.lineWidth=4,e.beginPath(),e.moveTo(t,m),e.lineTo(t,n),e.stroke();let r=n+3,a={x:t,y:r},o={x:t+10,y:r+12},s={x:t-10,y:r+12};e.fillStyle=f(i.t1,p),e.beginPath(),e.moveTo((a.x+o.x)/2,(a.y+o.y)/2),e.arcTo(o.x,o.y,s.x,s.y,1),e.arcTo(s.x,s.y,a.x,a.y,1),e.arcTo(a.x,a.y,o.x,o.y,1),e.closePath(),e.fill()}p>.35&&(e.globalAlpha=Math.min(1,(p-.35)/.4)x,e.font=u.font,e.fillStyle=b>0?d:u.color,e.textAlign=`left`,e.textBaseline=`middle`,e.fillText(n.totalLabel??De(n.total??0),y+o+28,m+Te/2),e.globalAlpha=1),C(U.current,n.id,y,m,Math.max(S,1),Te,{label:n.name,value:n.totalLabel??De(n.total??0),sublabel:`${n.baseLabel??De(n.base??0)} + ${n.variationLabel??De(n.variation??0)}`,color:d})});let y=m-14;e.textBaseline=`middle`,e.font=d.font,e.textAlign=`left`;let b=e.createLinearGradient(K.left+we,0,K.left+we+14,0);b.addColorStop(0,f(i.tealDark,.85)),b.addColorStop(1,f(i.teal,1)),e.fillStyle=b,e.beginPath(),e.rect(K.left+we,y-6,12,12),e.fill(),e.fillStyle=d.color,e.fillText(`base value`,K.left+we+16,y),e.fillStyle=f(i.teal,.35),e.beginPath(),e.rect(K.left+we+160,y-6,12,12),e.fill(),e.fillStyle=d.color,e.fillText(`approved variations`,K.left+we+176,y),e.font=d.font,e.textAlign=`right`,e.fillStyle=d.color,e.fillText(`Portfolio: ${De(a?.total??0)}`,p-8,y)},!0,{easing:T}),V?(0,n.jsx)(`div`,{ref:c,style:{width:`100%`},children:(0,n.jsx)(z,{width:p,height:xe,message:`No contract data available`,testID:s})}):(0,n.jsxs)(`div`,{ref:c,"data-testid":s,style:{width:`100%`},children:[(0,n.jsxs)(`div`,{style:{position:`relative`},children:[(0,n.jsx)(`canvas`,{ref:m,role:`img`,"aria-label":`Total contract value per contractor — horizontal bar chart`,style:{width:`100%`,height:I,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...H,parentW:p,parentH:I})]}),O.length>Se&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(ee,{expanded:y,onToggle:()=>S(e=>!e)})})]})}var ke=780,Ae=240,je=12,Me=10,Ne=5;function Pe({items:e=[],onItemClick:r,testID:a}){let[o,c]=R(ke),d=(0,t.useRef)(null),p=(0,t.useRef)(0),m=(0,t.useRef)(new Map),_=[...(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e])].sort((e,t)=>(t.count??0)-(e.count??0)).slice(0,5),y=_.reduce((e,t)=>e+(t.count??0),0),S=(0,t.useRef)(_);S.current=_;let w=(0,t.useCallback)((e,t)=>{let n=typeof t==`object`?t.label??e:e,i=S.current.find(t=>t.id===e);r?.(e,n,i?.subentity)},[r]),T=Math.min(Ne,_.length),E=T>0?(c-2je-(T-1)Me)/T:(c-2je)/Ne,{hoveredRef:D,tooltip:k,hitZonesRef:A}=x(d,{width:c,height:Ae,onClick:r?w:void 0});return(0,t.useEffect)(()=>{let e=d.current;if(!e)return;let t=h(e,c,Ae);p.current=0;let n=Ae.84,r=Ae.08,a=je,o,b=()=>{p.current++;let e=p.current;t.clearRect(0,0,c,Ae),t.letterSpacing=l.letterSpacing,A.current=[],m.current.forEach((e,t)=>{let n=t===D.current?1:0,r=e+(n-e).12;Math.abs(r-n)<.005?n===0?m.current.delete(t):m.current.set(t,1):m.current.set(t,r)}),D.current&&!m.current.has(D.current)&&m.current.set(D.current,0),_.forEach((o,c)=>{let l=c===0,d=c===0?i.red:c===1?i.amber:s[c%s.length],p=a+c(E+Me),h=m.current.get(o.id)??0,_=h8,v=p-_/2,b=E+_,x=l?O(e,.04,3e-4).06+.06:0;t.fillStyle=f(d,.08+h.07),t.beginPath(),t.roundRect(v,r,b,n,6),t.fill(),t.strokeStyle=f(d,.2+h.4+x),t.lineWidth=l?1.5:1,t.stroke(),(h>.01\|\|l)&&g(t,v+b/2,r+n/2,b.55,d,x+h.14),t.font=u.font,t.textAlign=`left`,t.textBaseline=`top`,t.fillStyle=f(d,.5+h.35),t.fillText(`#${c+1}`,v+7,r+6);let S=Math.min(E.28,n.32,72),w=v+b/2,T=r+n.38,D=t.createRadialGradient(w,T-S.2,0,w,T,S);D.addColorStop(0,f(d,.5+h.2)),D.addColorStop(1,f(d,.2+h.1)),t.beginPath(),t.arc(w,T,S,0,Math.PI2),t.fillStyle=D,t.fill(),t.strokeStyle=f(d,.4+h.3),t.lineWidth=1,t.stroke(),t.font=u.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=f(i.t1,.9);let k=o.abbreviation??o.name??``,j=S1.7,M=k;for(;t.measureText(M).width>j&&M.length>1;)M=M.slice(0,-1);M!==k&&(M=M.slice(0,-1)+`…`),t.fillText(M,w,T);let N=o.count==null?null:V(o.count),P=o.label??N;if(P){t.font=u.font,t.textBaseline=`alphabetic`,t.fillStyle=f(d,.9+h.1);let e=b-16,i=P;for(;t.measureText(i).width>e&&i.length>1;)i=i.slice(0,-1);i!==P&&(i=i.slice(0,-1)+`…`),t.fillText(i,w,r+n.74)}let F=Math.round((o.count??0)/(y\|\|1)100);C(A.current,o.id,p,r,E,n,{label:o.name,value:`${P} · ${F}% of total`,sublabel:`Rank #${c+1}`,color:d})}),v(t,c,Ae,e,.015),o=requestAnimationFrame(b)};return b(),()=>cancelAnimationFrame(o)},[_,y,c]),_.length===0?(0,n.jsx)(z,{width:c,height:Ae,testID:a}):(0,n.jsxs)(`div`,{"data-testid":a,style:{position:`relative`,width:c,height:Ae},children:[(0,n.jsx)(`canvas`,{ref:d,role:`img`,"aria-label":`Contractor rank — open EW count per contractor`,style:{width:c,height:Ae,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...k,parentW:c,parentH:Ae})]})}var q=680,J=260;function Fe({items:e=[],testID:r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(0),s=(0,t.useRef)(new Map),{hoveredRef:c,tooltip:u,hitZonesRef:d}=x(a,{width:q,height:J}),p=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=h(e,q,J);o.current=0;let n=p.length,r=Math.max(...p.map(e=>e.count),1),u=r,m=q.05,y=J.1,b=q.9/n,x=J.7/u,C=p.reduce((e,t)=>e+t.count,0),w,T=()=>{o.current++;let e=o.current;t.clearRect(0,0,q,J),d.current=[],s.current.forEach((e,t)=>{let n=t===c.current?1:0,r=e+(n-e).12;Math.abs(r-n)<.005?n===0?s.current.delete(t):s.current.set(t,1):s.current.set(t,r)}),c.current&&!s.current.has(c.current)&&s.current.set(c.current,0),_(t,q,J,e,40,f(i.blue,.04)),p.forEach((n,a)=>{let o=n.count===r,c=i.blue,p=s.current.get(`${n.category}-col`)??0;for(let i=0;i<u;i++){let l=m+ab+b/2,u=y+ix+x/2,h=Math.min(b,x).38;if(i>=r-n.count){let r=h(1+(O(e,.04,5e-4)+Math.sin(a.6+i1.2).3).12);(o\|\|p>.01)&&g(t,l,u,r3,c,(o?.2:.1)+p.1),t.beginPath(),t.arc(l,u,r,0,Math.PI2),t.fillStyle=f(c,o?.8:.5+p.2),t.fill();let m=`${n.category}-${i}`;S(d.current,m,l,u,h+4,{label:n.fullName,value:`${n.count} Early Warnings`,sublabel:`${Math.round(n.count/C100)}% of total`,color:c}),s.current.get(`${n.category}-col`)}else t.beginPath(),t.arc(l,u,1,0,Math.PI2),t.fillStyle=f(c,.08),t.fill()}let h=y+ux+16;t.font=l.font,t.textAlign=`center`,t.textBaseline=`alphabetic`,t.fillStyle=o?i.blue:f(i.t2,.65),t.fillText(n.category,m+ab+b/2,h)}),v(t,q,J,e,.015),w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[p]),p.length===0?(0,n.jsx)(z,{width:q,height:J,testID:r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:q,height:J},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Early Warning count by category — breathing dot grid`,style:{width:q,height:J,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...u,parentW:q,parentH:J})]})}function Ie({rows:e=[],className:t,colors:r}){return(0,n.jsx)(N,{rows:e,variant:`line`,className:t,colors:r})}var Y={LINE:`line`,AREA:`area`,BAR:`bar`,PIE:`pie`,DONUT:`donut`,SANKEY:`sankey`,FLOW:`flow`,TREND:`trend`,MINI_BARS:`mini-bars`,STACKED_HORIZONTAL_BAR:`stacked-horizontal-bar-chart`,MULTI_METRIC_CONSTELLATION:`multi-metric-constellation-chart`,PROGRESS_RACE:`progress-race-chart`,HUB_AND_SPOKE_RADIAL:`hub-and-spoke-radial-chart`,DOT_MATRIX:`dot-matrix-chart`,RANKED_CARD_LEADERBOARD:`ranked-card-leaderboard`,PROPORTIONAL_BAND:`proportional-band-chart`,RADIAL_FAN_TREE:`radial-fan-tree-chart`,SEMI_CIRCULAR_GAUGE:`semi-circular-gauge-chart`,SEGMENTED_SPLIT_BAR:`segmented-split-bar-chart`,BALANCE_SCALE:`balance-scale-chart`,AREA_LINE:`area-line-chart`,TREND_VIEW:`trend-view`,WEEKLY_FLOW:`weekly-flow`,HORIZONTAL_BAR:`horizontal-bar-chart`},Le=[`#4C93D9`,`#5DA537`,`#F3862C`,`#4F72C6`,`#A0B724`,`#EEBF3B`,`#3C45D1`],Re={nodes:[{id:`supplier-x`,name:`Supplier X`,valueLabel:`Si +0.12%`},{id:`bf3-superheat`,name:`BF-3 Superheat`,valueLabel:`22°C (target 34)`},{id:`ccm3-solidification`,name:`CCM-3 Solidification`,valueLabel:`Rate deviation`},{id:`grade-risk`,name:`Grade Risk`,valueLabel:`Automotive 74%`}],links:[{source:`supplier-x`,target:`bf3-superheat`,value:92},{source:`bf3-superheat`,target:`ccm3-solidification`,value:87},{source:`ccm3-solidification`,target:`grade-risk`,value:74}]};function ze({rows:e=[],className:t,colors:r}){let i=r?.slices??Le;return(0,n.jsx)(`div`,{className:[`d3-mini-bars`,t].filter(Boolean).join(` `),children:e.map(([e,t,r],a)=>(0,n.jsxs)(`div`,{className:`d3-mini-row`,children:[(0,n.jsx)(`span`,{children:e}),(0,n.jsx)(`div`,{className:`d3-mini-track`,children:(0,n.jsxs)(`svg`,{viewBox:`0 0 100 12`,className:`d3-mini-svg`,"aria-hidden":`true`,children:[(0,n.jsx)(`rect`,{x:`0`,y:`0`,width:`100`,height:`12`,rx:`6`,className:`d3-mini-track-fill`}),(0,n.jsx)(`rect`,{x:`0`,y:`0`,width:Math.max(0,Math.min(100,t)),height:`12`,rx:`6`,className:`d3-mini-fill tone-${a%Le.length}`,fill:i[a%i.length]})]})}),(0,n.jsx)(`span`,{children:r})]},`${e}-${a}`))})}var Be=770,Ve=320,He=60,Ue=28;function We({total:e=0,totalLabel:r,items:a=[],dataByEntity:o,onItemClick:s,selectedId:d,colorOffset:p=0,testID:m}){let[_,v]=R(Be),y=(0,t.useRef)(null),C=(0,t.useRef)(new Map),T=(0,t.useRef)(0),E=(0,t.useRef)(d);E.current=d;let D=(0,t.useRef)([]),O=(0,t.useCallback)((e,t)=>{if(e===`__root__`)return;let n=typeof t==`object`?t.label??e:e,r=D.current.find(t=>t.id===e);s?.(e,n,r?.subentity)},[s]),j=!!(d&&o?.[d]),M=j?o[d]:null,N=M?M.total:e,P=M?M.totalLabel:r,F=M?M.items:a,I=(0,t.useMemo)(()=>F.filter(e=>typeof e==`object`&&!!e),[F]);D.current=I;let L=(0,t.useMemo)(()=>Math.max(Ve,He+Math.max(0,I.length-1)Ue),[I.length]),ee=L,{hoveredRef:B,tooltip:te,hitZonesRef:H}=x(y,{width:v,height:L,onClick:s?O:void 0});return(0,t.useEffect)(()=>{let e=y.current;if(!e)return;let t=h(e,v,ee);T.current=0;let n=L/2,r=v-140,a=Math.max(...I.map(e=>e.count??0),1),o=I.length>1?(L-60)/(I.length-1):0,s=r+22+10,d=I.map((e,t)=>({x:r,y:30+to})),m,_=()=>{T.current++;let e=T.current;t.clearRect(0,0,v,ee),t.letterSpacing=l.letterSpacing;let o=w(Math.min(e/72,1));A(C.current,B.current),H.current=[];let h=c[p%c.length],y=100+60Math.min(1,o2.5),b=t.createLinearGradient(100,0,y,0);b.addColorStop(0,f(h,.8)),b.addColorStop(1,f(h,.7)),t.beginPath(),t.moveTo(100,n),t.lineTo(y,n),t.strokeStyle=b,t.lineWidth=1.33,t.stroke(),I.forEach((e,c)=>{let p=k(o,c,I.length,w),m=d[c],_=C.current.get(e.id)??0,y=!j&&E.current&&e.id!==E.current?.15:1;if(p<.01)return;let b=160+(r-160).35,x=n,T=160+(r-160).65,D=m.y;t.beginPath();for(let e=0;e<=40;e++){let r=e/40p,i=(1-r)*3160+3(1-r)2rb+3(1-r)r2T+r*3m.x,a=(1-r)*3n+3(1-r)2rx+3(1-r)r2D+r*3m.y;e===0?t.moveTo(i,a):t.lineTo(i,a)}let O=t.createLinearGradient(160,n,m.x,m.y);if(O.addColorStop(0,f(h,(_>0?1:.8)y)),O.addColorStop(1,f(h,(_>0?1:.7)y)),t.strokeStyle=O,t.lineWidth=_>0?2:1.33,t.stroke(),p>.85){let n=Math.min(1,(p-.85)/.15),r=8+(e.count??0)/a14;g(t,m.x,m.y,r2,h,(.2+_.2)ny),t.beginPath(),t.arc(m.x,m.y,rn,0,Math.PI2),t.fillStyle=f(h,ny),t.fill();let o=V(e.count??0);S(H.current,e.id,m.x,m.y,r+8,{label:e.name,value:o,sublabel:`${Math.round((e.count??0)/(N\|\|1)100)}% of total`,color:h},v),t.globalAlpha=ny,t.font=l.font,t.textAlign=`left`;let c=e.abbreviation??e.name?.slice(0,6)??``,d=` ${V(e.count??0)}`,b=m.y+4;t.fillStyle=_>0?h:f(i.t2,.85),t.fillText(c,s,b);let x=t.measureText(c).width;t.font=u.font,t.fillStyle=_>0?h:i.t1,t.fillText(d,s+x,b),t.globalAlpha=1}});let x=40o,D=t.createRadialGradient(60,n,0,60,n,x);if(D.addColorStop(0,f(h,.02o)),D.addColorStop(.55,f(h,.02o)),D.addColorStop(1,f(h,.15o)),t.beginPath(),t.arc(60,n,x,0,Math.PI2),t.fillStyle=D,t.fill(),t.beginPath(),t.arc(60,n,x,0,Math.PI2),t.strokeStyle=f(h,.8o),t.lineWidth=1,t.stroke(),o>.4){t.globalAlpha=Math.min(1,(o-.4)/.4);let e=P??V(N,0);t.font=`500 16px 'Satoshi Variable', 'DM Sans', sans-serif`;let r=e;for(;t.measureText(r).width>68&&r.length>1;)r=r.slice(0,-1);r!==e&&(r=r.slice(0,-1)+`…`),t.fillStyle=i.t1,t.textAlign=`center`,t.textBaseline=`middle`,t.fillText(r,60,n),t.textBaseline=`alphabetic`,t.globalAlpha=1}S(H.current,`__root__`,60,n,40,{label:P??`Total`,value:V(N,0),sublabel:`${I.length} items`,color:h}),m=requestAnimationFrame(_)};return _(),()=>cancelAnimationFrame(m)},[N,P,I,L,v,j]),I.length===0?(0,n.jsx)(`div`,{ref:_,style:{width:`100%`},children:(0,n.jsx)(z,{width:v,height:Ve,testID:m})}):(0,n.jsxs)(`div`,{ref:_,"data-testid":m,style:{position:`relative`,width:`100%`,height:ee},children:[(0,n.jsx)(`canvas`,{ref:y,role:`img`,"aria-label":`NCE fault tree — NCEs per contractor as branching tree`,style:{width:`100%`,height:ee,display:`block`}}),(0,n.jsx)(b,{...te,parentW:v,parentH:ee})]})}var Ge=192,Ke=Ge,qe=Ge+80;function Je({rows:e=[],variant:a,className:o,colors:c}){let l=(0,t.useRef)(null),u=(0,t.useRef)(new Map),d=(0,t.useRef)(0),p=c?.slices??s,{hoveredRef:_,tooltip:v,hitZonesRef:y}=x(l,{width:Ke,height:qe});return(0,t.useEffect)(()=>{let t=l.current;if(!t)return;let n=h(t,Ke,qe);d.current=0;let r=Ke/2,o=Ge/2,s=Ge.4,c=a===`donut`?Ge.21:0,v=e.reduce((e,t)=>e+(t.pricing??0),0)\|\|1,b,x=()=>{d.current++;let t=d.current;n.clearRect(0,0,Ke,qe);let l=1-(1-Math.min(t/48,1))3;A(u.current,_.current),y.current=[];let h=-Math.PI/2;e.forEach((e,a)=>{let d=(e.pricing??0)/v,m=dMath.PI2l,_=h+m,b=p[a%p.length],x=u.current.get(e.id??`sl-${a}`)??0,C=h+m/2,w=(s+c)/2,T=r+Math.cos(C)w,E=o+Math.sin(C)w,D=(s-c)/2+8;S(y.current,e.id??`sl-${a}`,T,E,D,{label:e.vendor,value:`${e.pricing??0} (${Math.round(d100)}%)`,color:b}),x>0&&g(n,T,E,D2x,b,.2x);let k=O(t,.03,3e-4),A=s+x6+(x>0?k2:0);n.beginPath(),n.moveTo(r+Math.cos(h)c,o+Math.sin(h)c),n.arc(r,o,A,h,_),c>0?n.arc(r,o,c,_,h,!0):n.lineTo(r,o),n.closePath(),n.fillStyle=f(b,.7+x.2),n.fill(),n.strokeStyle=f(i.bg,.8),n.lineWidth=1.5,n.stroke(),h=_}),a===`donut`&&e.length>0&&g(n,r,o,c.8,i.blue,.06);let C=Ge+12;e.forEach((e,t)=>{let r=p[t%p.length],a=(e.pricing??0)/v,o=u.current.get(e.id??`sl-${t}`)??0,s=C+t18;n.fillStyle=f(r,.8+o.2),n.fillRect(4,s-6,12,12),n.font=`9px 'JetBrains Mono', monospace`,n.fillStyle=f(i.t2,.7+o.2),n.textAlign=`left`,n.fillText(e.vendor,18,s+3.5),n.font=`bold 9px 'JetBrains Mono', monospace`,n.fillStyle=m(i.t3,r,o),n.textAlign=`right`,n.fillText(`${e.pricing??0} (${Math.round(a100)}%)`,Ke-4,s+3.5)}),b=requestAnimationFrame(x)};return x(),()=>cancelAnimationFrame(b)},[e,a,c,p]),(0,n.jsx)(r,{className:[`canvas-pie-frame`,o].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:Ke,height:qe},children:[(0,n.jsx)(`canvas`,{ref:l,role:`img`,"aria-label":`${a} chart`,style:{width:Ke,height:qe,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...v,parentW:Ke,parentH:qe})]})})}function Ye(e,t,n,r){let i=new Set(t.map(e=>e.source)),a=new Set(t.map(e=>e.target)),o=new Map,s=[];for(e.forEach(e=>{i.has(e.id)&&!a.has(e.id)&&s.push({id:e.id,depth:0})});s.length>0;){let e=s.shift();if(!e)break;let{id:n,depth:r}=e;o.has(n)\|\|(o.set(n,r),t.filter(e=>e.source===n).forEach(e=>{o.has(e.target)\|\|s.push({id:e.target,depth:r+1})}))}let c=o.size>0?Math.max(...Array.from(o.values())):0;e.forEach(e=>{o.has(e.id)\|\|o.set(e.id,c+1)});let l=new Map;e.forEach(e=>{let t=o.get(e.id)??0;l.has(t)\|\|l.set(t,[]),l.get(t).push(e.id)});let u=Math.max(...Array.from(l.keys()))+1,d={left:100,right:80,top:40,bottom:40},f=new Map;return l.forEach((e,t)=>{let i=d.left+t/Math.max(u-1,1)(n-d.left-d.right),a=r-d.top-d.bottom,o=Math.max(24,(a-(e.length-1)12)/e.length),s=e.lengtho+(e.length-1)12,c=d.top+(a-s)/2;e.forEach((e,t)=>{f.set(e,{x:i-20/2,y:c+t(o+12),w:20,h:o})})}),f}function Xe({nodes:e,links:a,width:o=960,height:c=280,ariaLabel:l,selectedEntity:u,className:d,colors:p}){let m=(0,t.useRef)(null),_=(0,t.useRef)(new Map),y=(0,t.useRef)(0),w=(0,t.useRef)([]),T=p?.nodes??s,E=p?.links??i.bd,D=p?.activeLinks??i.blue,k=p?.activeNodes??i.blue,j=(0,t.useMemo)(()=>Ye(e,a,o,c),[e,a,o,c]),{hoveredRef:M,tooltip:N,hitZonesRef:P}=x(m,{width:o,height:c});return(0,t.useEffect)(()=>{let t=m.current;if(!t)return;let n=h(t,o,c);y.current=0,w.current=[];let r=a.length>0?Math.max(...a.map(e=>e.value)):1,s,l=()=>{y.current++;let t=y.current;n.clearRect(0,0,o,c);let d=1-(1-Math.min(t/56,1))3;A(_.current,M.current),P.current=[],a.forEach((e,a)=>{let o=j.get(e.source),s=j.get(e.target);if(!o\|\|!s)return;let c=!!u&&(e.source===u\|\|e.target===u),l=c?D:E,p=c?.5:.2,m=Math.max(3,e.value/r36d),h=m/2,g=o.x+o.w,_=o.y+o.h/2,v=s.x,y=s.y+s.h/2,b=(g+v)/2;for(let e=0;e<30;e++){let r=e/30,i=(e+1)/30,o=1-r,s=1-i,c=oog+2orb+rrv,u=oo_+2or_+rry,d=ssg+2sib+iiv,m=ss_+2si_+iiy,x=O(t+r120+a40,.025,3e-4)1.2;n.beginPath(),n.moveTo(c,u-h+x),n.lineTo(d,m-h+x),n.lineTo(d,m+h+x),n.lineTo(c,u+h+x),n.closePath(),n.fillStyle=f(l,p(.5+r.5)),n.fill()}S(P.current,`link-${a}`,b,(_+y)/2,m+6,{label:`${e.source} → ${e.target}`,value:String(e.value),color:c?D:i.blue}),Math.random()<.08&&w.current.push({linkIdx:a,prog:0,speed:.006+Math.random().006,off:(Math.random()-.5)m.5,sz:1+Math.random()})}),e.forEach((e,r)=>{let a=j.get(e.id);if(!a)return;let o=u===e.id,s=M.current===`node-${r}`,c=_.current.get(`node-${r}`)??0,l=o?k:T[r%T.length];C(P.current,`node-${r}`,a.x,a.y,a.w,a.h,{label:e.name,value:e.valueLabel??e.id,color:l}),(c>0\|\|o)&&g(n,a.x+a.w/2,a.y+a.h/2,a.w2,l,.2Math.max(c,o?.6:0));let d=o?O(t,.03,3e-4).15:0;n.fillStyle=f(l,.6+c.25+d),n.beginPath(),n.roundRect(a.x,a.y,a.w,a.h,4),n.fill(),(o\|\|c>0)&&(n.strokeStyle=f(l,.5Math.max(c,o?1:0)),n.lineWidth=1,n.beginPath(),n.roundRect(a.x,a.y,a.w,a.h,4),n.stroke());let p=a.x+a.w+8;n.font=`${o\|\|s?`bold `:``}10px 'JetBrains Mono', monospace`,n.fillStyle=f(o?l:i.t2,.7+c.2),n.textAlign=`left`,n.fillText(e.name,p,a.y+a.h/2+4),e.valueLabel&&(n.font=`9px 'JetBrains Mono', monospace`,n.fillStyle=f(l,.5+c.2),n.fillText(e.valueLabel,p,a.y+a.h/2+17))}),w.current=w.current.filter(e=>{if(e.prog+=e.speed,e.prog>1)return!1;let t=a[e.linkIdx];if(!t)return!1;let r=j.get(t.source),o=j.get(t.target);if(!r\|\|!o)return!1;let s=r.x+r.w,c=r.y+r.h/2,l=o.x,u=o.y+o.h/2,d=(s+l)/2,m=1-e.prog,h=mms+2me.progd+e.proge.progl,g=mmc+2me.progc+e.proge.progu+e.off,_=Math.sin(e.progMath.PI).5,v=p?.links??i.blue;return n.beginPath(),n.arc(h,g,e.sz,0,Math.PI2),n.fillStyle=f(v,_),n.fill(),!0}),w.current.length>150&&(w.current=w.current.slice(-150)),v(n,o,c,t,.01),s=requestAnimationFrame(l)};return l(),()=>{cancelAnimationFrame(s),w.current=[]}},[e,a,o,c,u,p,j]),(0,n.jsx)(r,{className:[`canvas-sankey-frame`,d].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{role:`img`,"aria-label":l,style:{position:`relative`,width:o,height:c},children:[(0,n.jsx)(`canvas`,{ref:m,style:{width:o,height:c,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...N,parentW:o,parentH:c})]})})}var Ze=[{x:.13,y:.48},{x:.37,y:.28},{x:.63,y:.62},{x:.87,y:.38},{x:.25,y:.72},{x:.5,y:.18},{x:.75,y:.7},{x:.92,y:.22}],Qe=[i.blue,i.orange,i.red,i.purple,i.green,i.amber,i.t2],$e=[26,24,24,26,22,22,22,22];function et(e,t){let n=1-t;return{x:nnne.p0.x+3nnte.p1.x+3ntte.p2.x+ttte.p3.x,y:nnne.p0.y+3nnte.p1.y+3ntte.p2.y+ttte.p3.y}}function tt(e,t){let n=1-t,r=3nn(e.p1.x-e.p0.x)+6nt(e.p2.x-e.p1.x)+3tt(e.p3.x-e.p2.x),i=3nn(e.p1.y-e.p0.y)+6nt(e.p2.y-e.p1.y)+3tt(e.p3.y-e.p2.y),a=Math.sqrt(rr+ii)\|\|1;return{x:-i/a,y:r/a}}function nt(e,t){let n=t.x-e.x,r=t.y-e.y;return{p0:{x:e.x,y:e.y},p1:{x:e.x+n.3+r.15,y:e.y+r.3-n.15},p2:{x:t.x-n.3+r.08,y:t.y-r.3-n.08},p3:{x:t.x,y:t.y}}}function rt({nodes:e,links:r,width:a=960,height:o=280,selectedEntity:s}){let c=(0,t.useRef)(null),l=(0,t.useRef)(0),u=(0,t.useRef)([]),{hoveredRef:d,tooltip:p,hitZonesRef:y}=x(c,{width:a,height:o}),C=(0,t.useMemo)(()=>{let t=new Map;return e.forEach((e,n)=>t.set(e.id,n)),t},[e]),T=(0,t.useMemo)(()=>r.length>0?Math.max(...r.map(e=>e.value)):100,[r]),E=e=>T>1?e/100:e,D=(0,t.useMemo)(()=>e.map((e,t)=>{let n=Ze[t%Ze.length];return{id:e.id,label:e.name,sub:e.valueLabel??``,x:n.xa,y:n.yo,r:$e[t%$e.length],color:Qe[t%Qe.length]}}),[e,a,o]),k=(0,t.useMemo)(()=>r.map(e=>({fromIdx:C.get(e.source)??-1,toIdx:C.get(e.target)??-1,conf:E(e.value)})).filter(e=>e.fromIdx>=0&&e.toIdx>=0),[r,C]);return(0,t.useEffect)(()=>{let e=c.current;if(!e)return;let t=h(e,a,o);l.current=0,u.current=[];let n,r=()=>{l.current++;let e=l.current;if(t.clearRect(0,0,a,o),y.current=[],_(t,a,o,e,50,f(i.blue,.05)),k.forEach((e,n)=>{let r=D[e.fromIdx],a=D[e.toIdx];if(!r\|\|!a)return;let o=!!s&&(r.id===s\|\|a.id===s),c=m(r.color,a.color,.5),l=o?.18:.05,d=o?.25:.1,p=nt(r,a);t.beginPath(),t.moveTo(p.p0.x,p.p0.y),t.bezierCurveTo(p.p1.x,p.p1.y,p.p2.x,p.p2.y,p.p3.x,p.p3.y),t.strokeStyle=f(c,l),t.lineWidth=16,t.lineCap=`round`,t.stroke(),t.strokeStyle=f(c,d),t.lineWidth=1.5,t.stroke();for(let t=0;t<e.conf2.5;t++)Math.random()<.45&&u.current.push({edgeIdx:n,t:0,speed:.003+Math.random().004,off:(Math.random()-.5)13,sz:.7+Math.random()2});let h=et(p,.5),g=`${Math.round(e.conf100)}%`;t.font=`bold 12px 'JetBrains Mono', monospace`,t.textBaseline=`middle`;let _=t.measureText(g).width+14;t.fillStyle=`rgba(10,16,24,0.88)`,t.beginPath(),t.roundRect(h.x-_/2,h.y-11,_,22,6),t.fill(),t.strokeStyle=f(i.blue,.25),t.lineWidth=1,t.stroke(),t.fillStyle=f(i.blue,.9),t.textAlign=`center`,t.fillText(g,h.x,h.y)}),u.current=u.current.filter(e=>{if(e.t+=e.speed,e.t>1)return!1;let n=k[e.edgeIdx];if(!n)return!1;let r=D[n.fromIdx],i=D[n.toIdx];if(!r\|\|!i)return!1;let a=nt(r,i),o=et(a,e.t),s=tt(a,e.t),c=o.x+s.xe.off,l=o.y+s.ye.off,u=Math.sin(e.tMath.PI).7,d=m(r.color,i.color,e.t);return g(t,c,l,e.sz3,d,u.1),t.beginPath(),t.arc(c,l,e.sz,0,Math.PI2),t.fillStyle=f(d,u),t.fill(),!0}),u.current.length>350&&(u.current=u.current.slice(-350)),D.forEach((n,r)=>{let a=s===n.id,o=d.current===`node-${r}`,c=O(e,.03,3e-4).1+1,l=n.rc(a?1.15:1);t.beginPath(),t.arc(n.x,n.y,l+6,0,Math.PI2),t.strokeStyle=f(n.color,a?.3:.1),t.lineWidth=a?1.5:.7,t.stroke(),g(t,n.x,n.y,l3,n.color,a?.22:.12);let u=t.createRadialGradient(n.x,n.y-l.2,0,n.x,n.y,l);if(u.addColorStop(0,f(n.color,a?1:.85)),u.addColorStop(1,f(n.color,a?.65:.45)),t.fillStyle=u,t.beginPath(),t.arc(n.x,n.y,l,0,Math.PI2),t.fill(),a\|\|r===D.length-1){let r=l+16,i=e.04,a=n.x+Math.cos(i)r,o=n.y+Math.sin(i)r;g(t,a,o,6,n.color,.3),t.beginPath(),t.arc(a,o,2,0,Math.PI2),t.fillStyle=f(n.color,.75),t.fill()}S(y.current,`node-${r}`,n.x,n.y,l+8,{label:n.label,value:n.sub\|\|n.id,color:n.color}),t.font=`${a\|\|o?`bold `:``}12px 'DM Sans', sans-serif`,t.textAlign=`center`,t.textBaseline=`alphabetic`,t.fillStyle=f(n.color,a?1:.9),t.fillText(n.label,n.x,n.y+l+18),n.sub&&(t.font=`10px 'JetBrains Mono', monospace`,t.fillStyle=f(i.t3,.65),t.fillText(n.sub,n.x,n.y+l+32))}),k.length>=2){let n=k.reduce((e,t)=>et.conf,1),r=o.92,s=a.12,c=a.76,l=w(Math.min(e.008,1));t.fillStyle=f(i.bd,.35),t.beginPath(),t.roundRect(s,r,c,5,3),t.fill(),t.fillStyle=f(i.orange,.6),t.beginPath(),t.roundRect(s,r,cnl,5,3),t.fill(),t.font=`bold 12px 'JetBrains Mono', monospace`,t.textAlign=`left`,t.textBaseline=`middle`,t.fillStyle=f(i.orange,.85),t.fillText(`${Math.round(n100)}% compound confidence`,s+cnl+10,r+2);let u=k.map(e=>e.conf.toFixed(2)).join(` × `);t.textAlign=`right`,t.font=`9px 'JetBrains Mono', monospace`,t.fillStyle=f(i.t4,.6),t.fillText(u,s-6,r+2)}v(t,a,o,e,.012),n=requestAnimationFrame(r)};return r(),()=>{cancelAnimationFrame(n),u.current=[]}},[D,k,a,o,s]),(0,n.jsxs)(`div`,{style:{position:`relative`,width:a,height:o},children:[(0,n.jsx)(`canvas`,{ref:c,style:{width:a,height:o,display:`block`,borderRadius:8},role:`img`,"aria-label":`causal flow diagram`}),(0,n.jsx)(b,{...p,parentW:a,parentH:o})]})}function it({selectedEntity:e,colors:t}){return(0,n.jsx)(rt,{nodes:Re.nodes,links:Re.links,width:960,height:280,selectedEntity:e})}function at({rows:e=[],className:r,colors:i}){let{nodes:a,links:o}=(0,t.useMemo)(()=>{let t=e.slice(0,5);return{nodes:[{id:`score`,name:`Portfolio Score`},...t.map(e=>({id:e.id??e.vendor,name:e.vendor}))],links:t.map(e=>({source:e.id??e.vendor,target:`score`,value:Math.max(8,e.pricing??0)}))}},[e]);return(0,n.jsx)(Xe,{nodes:a,links:o,width:760,height:280,ariaLabel:`sankey chart`,className:r,colors:i})}var ot=780,st=420;function ct({left:e,right:r,leftTitle:a=`Accepted`,rightTitle:o=`Submitted`,unit:s=`quotations`,selectedId:c,dataByEntity:u,onItemClick:d,testID:p}){let m=(0,t.useRef)(null),_=(0,t.useRef)(0),v=c&&u?.[c]?u[c]:{left:e,right:r},y=v.left,S=v.right,T=(0,t.useRef)({left:y,right:S,leftTitle:a,rightTitle:o});T.current={left:y,right:S,leftTitle:a,rightTitle:o};let E=(0,t.useRef)(c);E.current=c;let O=(0,t.useCallback)((e,t)=>{let n=typeof t==`object`?t.label??e:e,r=e===`left`?T.current.left:T.current.right;d?.(e,n,r?.subentity)},[d]),{hitZonesRef:k,tooltip:A,hoveredRef:j}=x(m,{width:ot,height:st,onClick:d?O:void 0});return(0,t.useEffect)(()=>{let e=m.current;if(!e)return;let t=h(e,ot,st);_.current=0;let n=ot/2,r=Math.abs(y.value??0),c=Math.abs(S.value??0),u=Math.max(r,c,1),d=(y.value-S.value)/(2u)14,p=Math.max(-14,Math.min(14,d)),v=(e,n,r,a,o)=>{let s=n-99/2,c=r+30,l=[0,0,10,10];t.save(),t.beginPath(),t.roundRect(s,c,99,a,l),t.clip();let u=f(e,.27o),d=f(e,0),p=t.createLinearGradient(s,0,s+25,0);p.addColorStop(0,u),p.addColorStop(1,d),t.fillStyle=p,t.fillRect(s,c,25,a);let m=t.createLinearGradient(s+99,0,s+99-25,0);m.addColorStop(0,u),m.addColorStop(1,d),t.fillStyle=m,t.fillRect(s+99-25,c,25,a);let h=t.createLinearGradient(0,c,0,c+25);h.addColorStop(0,u),h.addColorStop(1,d),t.fillStyle=h,t.fillRect(s,c,99,25);let g=t.createLinearGradient(0,c+a,0,c+a-25);g.addColorStop(0,u),g.addColorStop(1,d),t.fillStyle=g,t.fillRect(s,c+a-25,99,25),t.restore(),t.beginPath(),t.roundRect(s,c,99,a,l),t.strokeStyle=f(e,1o),t.lineWidth=1,t.stroke();let _=s+99/2,v=c-5;t.strokeStyle=f(i.t2,.5o),t.lineWidth=1,t.beginPath(),t.moveTo(n,r+4),t.lineTo(_,v),t.stroke(),t.beginPath(),t.moveTo(_,v),t.lineTo(_-10,c),t.stroke(),t.beginPath(),t.moveTo(_,v),t.lineTo(_+10,c),t.stroke(),t.beginPath(),t.arc(n,r,3,0,Math.PI2),t.fillStyle=f(i.t2,.7o),t.fill()},b,x=()=>{_.current++;let e=_.current;t.clearRect(0,0,ot,st),t.letterSpacing=l.letterSpacing,k.current=[];let d=w(Math.min(e/80,1)),m=pD(Math.min(e/80,1))Math.PI/180,h={x:n-Math.cos(m)240,y:100+Math.sin(-m)240},T={x:n+Math.cos(m)240,y:100+Math.sin(m)240};t.strokeStyle=f(i.t2,.55d),t.lineWidth=1.5,t.beginPath(),t.moveTo(h.x,h.y),t.lineTo(T.x,T.y),t.stroke(),g(t,n,100,18,i.t2,.14d),t.beginPath(),t.arc(n,100,9d,0,Math.PI2),t.fillStyle=f(i.t2,.85d),t.fill();let O=Math.max(20,r/u95d),A=Math.max(20,c/u95d),j=E.current===`right`?.2:1,M=E.current===`left`?.2:1;v(i.green,h.x,h.y,O,dj),v(i.amber,T.x,T.y,A,dM);let N=h.y+30+O,P=T.y+30+A;if(C(k.current,`left`,h.x-99/2,h.y+30,99,O+90,{label:a,value:y.label,sublabel:`${y.count} ${s}`,color:i.green},st,h.x,N+102),C(k.current,`right`,T.x-99/2,T.y+30,99,A+90,{label:o,value:S.label,sublabel:`${S.count} ${s}`,color:i.amber},st,T.x,P+102),d>.5){let e=Math.min(1,(d-.5)/.5);t.textAlign=`center`,t.textBaseline=`top`;let n=h.y+30+O+14,r=T.y+30+A+14;t.globalAlpha=ej,t.font=`700 34px 'Satoshi Variable', 'DM Sans', sans-serif`,t.fillStyle=i.t1,t.fillText(y.label,h.x,n),t.font=l.font,t.fillStyle=l.color,t.fillText(`${a} ${y.count} ${s}`,h.x,n+42),t.globalAlpha=eM,t.font=`700 34px 'Satoshi Variable', 'DM Sans', sans-serif`,t.fillStyle=i.t1,t.fillText(S.label,T.x,r),t.font=l.font,t.fillStyle=l.color,t.fillText(`${o} ${S.count} ${s}`,T.x,r+42),t.globalAlpha=1,t.textBaseline=`alphabetic`}b=requestAnimationFrame(x)};return x(),()=>cancelAnimationFrame(b)},[y,S]),(0,n.jsxs)(`div`,{"data-testid":p,style:{position:`relative`,width:`100%`,maxWidth:ot},children:[(0,n.jsx)(`canvas`,{ref:m,role:`img`,"aria-label":`Quotation balance — accepted vs submitted quotation value`,style:{width:`100%`,aspectRatio:`${ot} / ${st}`,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...A,parentW:ot,parentH:st})]})}var lt=780,ut=360;function dt({points:e=[],testID:r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(new Map),s=(0,t.useRef)(0),{hoveredRef:c,tooltip:u,hitZonesRef:d}=x(a,{width:lt,height:ut}),p=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=h(e,lt,ut);s.current=0;let n=lt-64-48,r=ut-48-68,u=Math.max(...p.map(e=>e.count),1),m=p.length,_=m>1?n/(m-1):n,v=p.map((e,t)=>({x:64+t_,y:48+r-e.count/ur,point:e})),b,x=()=>{s.current++;let e=s.current;t.clearRect(0,0,lt,ut),t.letterSpacing=l.letterSpacing;let a=w(Math.min(e/72,1));A(o.current,c.current),d.current=[],[0,.25,.5,.75,1].forEach(e=>{let a=48+r-er;t.strokeStyle=f(i.bd,.18),t.lineWidth=1,t.setLineDash([3,5]),t.beginPath(),t.moveTo(64,a),t.lineTo(64+n,a),t.stroke(),t.setLineDash([]),t.font=l.font,t.fillStyle=l.color,t.textAlign=`right`,t.fillText(String(Math.round(ue)),58,a+3)}),t.save(),t.translate(12,48+r/2),t.rotate(-Math.PI/2),t.font=l.font,t.fillStyle=l.color,t.textAlign=`center`,t.fillText(`Count`,0,0),t.restore(),t.strokeStyle=f(i.bd,.3),t.lineWidth=1,t.setLineDash([]),t.beginPath(),t.moveTo(64,48+r),t.lineTo(64+n,48+r),t.stroke();let p=a(m-1),h=Math.floor(p)+1;if(h>=2){t.beginPath(),t.moveTo(v[0].x,48+r),t.lineTo(v[0].x,v[0].y);for(let e=1;e<h;e++){let n=p-Math.floor(p),r=e<h-1?v[e].x:v[e-1].x+(v[e].x-v[e-1].x)(e===Math.ceil(p)?n:1),i=e<h-1?v[e].y:v[e-1].y+(v[e].y-v[e-1].y)(e===Math.ceil(p)?n:1);t.lineTo(r,i)}let e=v[Math.min(h-1,m-1)];t.lineTo(e.x,48+r),t.closePath();let n=t.createLinearGradient(0,48,0,48+r);n.addColorStop(0,f(i.teal,.12)),n.addColorStop(1,f(i.teal,.02)),t.fillStyle=n,t.fill()}t.beginPath();for(let e=0;e<h;e++){let n=p-Math.floor(p),r=e===h-1&&e>0&&e===Math.ceil(p),i=e===0\|\|e<h-1?v[e].x:v[e-1].x+(v[e].x-v[e-1].x)(r?n:1),a=e===0\|\|e<h-1?v[e].y:v[e-1].y+(v[e].y-v[e-1].y)(r?n:1);e===0?t.moveTo(i,a):t.lineTo(i,a)}t.strokeStyle=f(i.teal,.85),t.lineWidth=2,t.stroke(),v.forEach((e,n)=>{if(n>=h)return;let a=`pt-${n}`,s=o.current.get(a)??0;S(d.current,a,e.x,e.y,10,{label:e.point.week,value:String(e.point.count),color:i.teal}),s>0&&y(t,e.x,48,48+r,f(i.teal,.15s));let c=e.point.count===u;(s>0\|\|c)&&g(t,e.x,e.y,14,i.teal,(c?.3:0)+s.25),t.beginPath(),t.arc(e.x,e.y,s>0?5:3.5,0,Math.PI2),t.fillStyle=f(i.teal,s>0?1:.8),t.fill(),(s>0\|\|c)&&(t.font=l.font,t.fillStyle=i.teal,t.textAlign=`center`,t.fillText(String(e.point.count),e.x,e.y-10)),t.font=l.font,t.fillStyle=s>0?i.teal:l.color,t.textAlign=`center`,t.fillText(e.point.week,e.x,ut-68+14)}),b=requestAnimationFrame(x)};return x(),()=>cancelAnimationFrame(b)},[p]),p.length<2?(0,n.jsx)(z,{width:lt,height:ut,testID:r}):(0,n.jsx)(`div`,{"data-testid":r,className:`trend-scroll`,style:{width:`100%`,overflowX:`auto`},children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:lt,height:ut},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Trend chart — count over time`,style:{width:lt,height:ut,display:`block`}}),(0,n.jsx)(b,{...u,parentW:lt,parentH:ut})]})})}var ft=680,X=280,pt=80,mt=48,ht=64,gt=l.font,_t=12,vt=Math.PI2,yt=72,bt=20,xt=5e3;function St({points:e=[],selectedId:r,seriesByEntity:a,colorOffset:o=0,testID:s}){let u=(0,t.useRef)(null),d=(0,t.useRef)(null),p=(0,t.useRef)(0),m=r&&a?.[r]?a[r]:e,g=(0,t.useMemo)(()=>m.filter(e=>typeof e==`object`&&!!e),[m]),_=(0,t.useMemo)(()=>{if(g.length<=1)return ht;let e=document.createElement(`canvas`).getContext(`2d`);if(!e)return ht;e.font=gt;let t=Math.max(1,Math.ceil(g.length/bt)),n=Math.max(...g.filter((e,n)=>n%t===0).map(t=>e.measureText(t.week).width));return Math.max(ht,n+_t)},[g]),v=Math.round(_/2),y=mt+v+Math.max(0,g.length-1)_,C=Math.max(ft-pt,Math.min(y,xt)),{tooltip:T,hitZonesRef:E}=x(u,{width:C,height:X});return(0,t.useEffect)(()=>{let e=u.current;if(!e)return;let t=h(e,C,X),n=d.current?h(d.current,pt,X):null;p.current=0;let r=c[o%c.length],a=g.length<=yt?yt:Math.max(24,Math.round(yt(yt/g.length))),s=C-mt,m=X-42-54,y=g.length>0?g.map(e=>e.count):[0],b=Math.min(...y),x=Math.max(...y),T=x-b\|\|1,D=g.length,O=D>1?(s-v)/(D-1):0,k=Math.max(1,Math.ceil(_/O)),A=b<0,j=A?42+m- -b/Tm:42+m,M=v+(s-v)/2,N=g.map((e,t)=>({x:D===1?M:v+tO,y:42+m-(A?(e.count-b)/T:e.count/(x\|\|1))m,point:e}));if(n){n.clearRect(0,0,pt,X),n.letterSpacing=l.letterSpacing;let e=A?[b,b+T.25,b+T.5,b+T.75,x]:[0,x.25,x.5,x.75,x];e.forEach((t,r)=>{let i=r/(e.length-1),a=42+m-im;n.font=l.font,n.fillStyle=l.color,n.textAlign=`right`,n.fillText(V(t),pt-6,a+3)}),n.save(),n.translate(12,42+m/2),n.rotate(-Math.PI/2),n.font=l.font,n.fillStyle=l.color,n.textAlign=`center`,n.fillText(`Count`,0,0),n.restore()}let P=t.createLinearGradient(0,42,0,42+m);P.addColorStop(0,f(r,.12)),P.addColorStop(1,f(r,.02));let F=0,I,L=e=>{t.font=gt,t.fillStyle=l.color,t.textAlign=`center`;for(let n=0;n<e;n++)n%k===0&&t.fillText(N[n].point.week,N[n].x,X-54+14)},R=()=>{p.current++;let e=Math.min(p.current/a,1),n=w(e),o=e>=1;t.clearRect(0,0,C,X),t.letterSpacing=l.letterSpacing,(A?[0,.25,.5,.75,1]:[.25,.5,.75,1]).forEach(e=>{let n=42+m-em;t.strokeStyle=f(i.bd,.18),t.lineWidth=1,t.setLineDash([3,5]),t.beginPath(),t.moveTo(0,n),t.lineTo(s,n),t.stroke(),t.setLineDash([])}),t.font=l.font,t.fillStyle=l.color,t.textAlign=`center`,t.fillText(`Period`,v+(s-v)/2,X-6),t.strokeStyle=f(i.bd,A?.5:.3),t.lineWidth=A?2:1,t.beginPath(),t.moveTo(v,A?j:42+m),t.lineTo(s,A?j:42+m),t.stroke();let c=n(D-1),u=Math.floor(c)+1;if(u>=2){let e=A?j:42+m;t.beginPath(),t.moveTo(N[0].x,e),t.lineTo(N[0].x,N[0].y);for(let e=1;e<u;e++){let n=c-Math.floor(c),r=e===u-1&&e===Math.ceil(c)&&n>0,i=r?N[e-1].x+(N[e].x-N[e-1].x)n:N[e].x,a=r?N[e-1].y+(N[e].y-N[e-1].y)n:N[e].y;t.lineTo(i,a)}t.lineTo(N[u-1].x,e),t.closePath(),t.fillStyle=P,t.fill()}t.beginPath();for(let e=0;e<u;e++){let n=c-Math.floor(c),r=e===u-1&&e>0&&e===Math.ceil(c)&&n>0,i=r?N[e-1].x+(N[e].x-N[e-1].x)n:N[e].x,a=r?N[e-1].y+(N[e].y-N[e-1].y)n:N[e].y;e===0?t.moveTo(i,a):t.lineTo(i,a)}t.strokeStyle=f(r,.85),t.lineWidth=2,t.stroke(),t.fillStyle=f(r,.8),t.beginPath();for(let e=0;e<u;e++)t.moveTo(N[e].x+3.5,N[e].y),t.arc(N[e].x,N[e].y,3.5,0,vt);if(t.fill(),u>F){E.current=[];for(let e=0;e<u;e++)S(E.current,`pt-${e}`,N[e].x,N[e].y,10,{label:N[e].point.week,value:String(N[e].point.count),color:r});F=u}o&&L(D),o\|\|(I=requestAnimationFrame(R))};return R(),()=>cancelAnimationFrame(I)},[g,C,_,E,o]),g.length===0?(0,n.jsx)(z,{width:ft,height:X,testID:s}):(0,n.jsxs)(`div`,{"data-testid":s,style:{position:`relative`,width:`100%`,display:`flex`},children:[(0,n.jsx)(`canvas`,{ref:d,"aria-hidden":`true`,style:{width:pt,height:X,display:`block`,flexShrink:0}}),(0,n.jsx)(`div`,{className:`trend-scroll`,style:{flex:1,minWidth:0,overflowX:`auto`},children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:C,height:X},children:[(0,n.jsx)(`canvas`,{ref:u,role:`img`,"aria-label":`Trend chart — count over time`,style:{width:C,height:X,display:`block`}}),(0,n.jsx)(b,{...T,parentW:C,parentH:X})]})})]})}var Ct=780,wt=340,Tt=28,Et=4;function Dt(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(`${r}…`).width>n;)r=r.slice(0,-1);return`${r}…`}function Ot({severities:e=[],colorOffset:r=0,onItemClick:a,testID:o}){let[s,u]=R(Ct),d=(0,t.useRef)(null),p=(0,t.useRef)(new Map),m=(0,t.useRef)(0),g=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),_=(0,t.useRef)(g);_.current=g;let v=(0,t.useCallback)((e,t)=>{let n=typeof t==`object`?t.label??e:e,r=_.current.find(t=>t.severity===e);a?.(e,n,r?.subentity)},[a]),{hoveredRef:y,tooltip:S,hitZonesRef:w}=x(d,{width:u,height:wt,onClick:a?v:void 0});return(0,t.useEffect)(()=>{let e=d.current;if(!e)return;let t=h(e,u,wt);m.current=0;let n=g.reduce((e,t)=>e+(t.count??0),0),a=Tt,o=Tt,s=u-a-o,_=wt-54-54,v=s-Math.max(0,g.length-1)Et,b=g.map(e=>(e.count??0)/(n\|\|1)v),x=c[r%c.length],S,E=()=>{m.current++;let e=m.current;t.clearRect(0,0,u,wt),t.letterSpacing=l.letterSpacing;let r=T(Math.min(e/60,1));A(p.current,y.current),w.current=[];let o=a;g.forEach((e,a)=>{let s=b[a]??0,c=p.current.get(e.severity)??0,u=o+s/2,d=s.78,m=sr,h=dr,g=u-h/2;if(m>0){let e=()=>{t.beginPath(),t.moveTo(g,54),t.lineTo(g+h,54),t.lineTo(o+m,54+_),t.lineTo(o,54+_),t.closePath()},n=o+s/2,i=54+_/2,a=Math.sqrt((s/2)2+(_/2)2),l=t.createRadialGradient(n,i,0,n,i,a);l.addColorStop(0,f(x,(.03+c.02)r)),l.addColorStop(.5,f(x,(.12+c.04)r)),l.addColorStop(1,f(x,(.28+c.08)r)),t.save(),e(),t.clip(),e(),t.fillStyle=l,t.fill(),t.restore(),e(),t.strokeStyle=f(x,.9r),t.lineWidth=1,t.stroke()}if(C(w.current,e.severity,o,54,s,_,{label:e.severity,value:V(e.count??0),sublabel:`${Math.round((e.count??0)/(n\|\|1)100)}%`,color:x}),r>.5){let a=Math.min(1,(r-.5)/.5),u=o+s/2;t.globalAlpha=a,t.font=l.font,t.fillStyle=c>0?x:f(i.t1,.65),t.textAlign=`center`,t.fillText(Dt(t,e.severity,s-8),u,40),t.font=`600 22px 'Satoshi Variable', 'DM Sans', sans-serif`,t.fillStyle=f(i.t1,.92+c.08),t.fillText(V(e.count??0),u,54+_/2+8),t.font=l.font,t.fillStyle=c>0?x:f(i.t1,.5),t.fillText(`${Math.round((e.count??0)/(n\|\|1)100)}%`,u,54+_+22),t.globalAlpha=1}o+=s+Et}),S=requestAnimationFrame(E)};return E(),()=>cancelAnimationFrame(S)},[g,u,r]),g.length===0?(0,n.jsx)(`div`,{ref:s,style:{width:`100%`},children:(0,n.jsx)(z,{width:u,height:wt,testID:o})}):(0,n.jsxs)(`div`,{ref:s,"data-testid":o,style:{position:`relative`,width:`100%`,height:wt},children:[(0,n.jsx)(`canvas`,{ref:d,role:`img`,"aria-label":`Early Warning severity distribution — prism spectrum bands`,style:{width:`100%`,height:wt,display:`block`}}),(0,n.jsx)(b,{...S,parentW:u,parentH:wt})]})}var kt=300,At=280,jt=100,Mt={Open:i.red,Submitted:i.amber,Closed:i.green};function Nt({segments:e=[],title:r,unitLabel:a=``,testID:o}){let s=(0,t.useRef)(null),c=(0,t.useRef)(0),d=(0,t.useRef)(new Map),{hoveredRef:p,tooltip:m,hitZonesRef:y}=x(s,{width:kt,height:At}),C=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=s.current;if(!e)return;let t=h(e,kt,At);c.current=0;let n=kt.5,o=At.56,m=jt,b=C.reduce((e,t)=>e+(t.count??0),0),x=Math.max(...C.map(e=>e.count??0),1),w,T=()=>{c.current++;let e=c.current;t.clearRect(0,0,kt,At),t.letterSpacing=l.letterSpacing,y.current=[],d.current.forEach((e,t)=>{let n=t===p.current?1:0,r=e+(n-e).12;Math.abs(r-n)<.005?n===0?d.current.delete(t):d.current.set(t,1):d.current.set(t,r)}),p.current&&!d.current.has(p.current)&&d.current.set(p.current,0),_(t,kt,At,e,40,f(i.blue,.04)),C.forEach((r,a)=>{let s=a/3Math.PI2-Math.PI/2,c=n+Math.cos(s)m,l=o+Math.sin(s)m,d=Mt[r.status]??i.blue,p=2+r.count/x8;t.beginPath(),t.moveTo(n,o),t.lineTo(c,l),t.strokeStyle=f(d,.08),t.lineWidth=p2,t.stroke(),t.beginPath(),t.moveTo(n,o),t.lineTo(c,l),t.strokeStyle=f(d,.25),t.lineWidth=1,t.stroke();let h=(e.005+a.33)%1,_=n+(c-n)h,v=o+(l-o)h;g(t,_,v,6,d,.4),t.beginPath(),t.arc(_,v,2,0,Math.PI2),t.fillStyle=f(d,.8),t.fill();let y=(n+c)/2,b=(o+l)/2;t.font=u.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=f(d,.85),t.fillText(String(r.count),y,b)}),C.forEach((e,r)=>{let s=r/3Math.PI2-Math.PI/2,c=n+Math.cos(s)m,u=o+Math.sin(s)m,p=Mt[e.status]??i.blue,h=10+e.count/x18,_=d.current.get(e.status)??0;g(t,c,u,h2.5,p,.2+_.15);let v=t.createRadialGradient(c,u-h.2,0,c,u,h);v.addColorStop(0,f(p,.8+_.2)),v.addColorStop(1,f(p,.4+_.1)),t.beginPath(),t.arc(c,u,h,0,Math.PI2),t.fillStyle=v,t.fill(),t.font=`bold `+l.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=f(i.t1,.9),t.fillText(e.status,c,u),S(y.current,e.status,c,u,h+6,{label:e.status,value:a?`${e.count} ${a}`:String(e.count),sublabel:`${Math.round((e.count??0)/(b\|\|1)100)}%`,color:p})});let s=d.current.get(`center`)??0;g(t,n,o,36,i.t2,.2+s.15);let h=t.createRadialGradient(n,o-4,0,n,o,22);h.addColorStop(0,f(i.t2,.9)),h.addColorStop(1,f(i.t2,.5)),t.beginPath(),t.arc(n,o,22,0,Math.PI2),t.fillStyle=h,t.fill(),t.font=u.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=f(i.t1,.9),t.fillText(r??``,n,o-4),t.font=`bold `+l.font,t.fillStyle=i.t1,t.fillText(String(b),n,o+8),S(y.current,`center`,n,o,28,{label:r??`Total`,value:a?`${b} ${a}`:String(b),color:i.t2}),v(t,kt,At,e,.015),w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[C,r,a]),C.length===0?(0,n.jsx)(z,{width:kt,height:At,testID:o}):(0,n.jsxs)(`div`,{"data-testid":o,style:{position:`relative`,width:kt,height:At},children:[(0,n.jsx)(`canvas`,{ref:s,role:`img`,"aria-label":r??`EW status arc visualization`,style:{width:kt,height:At,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...m,parentW:kt,parentH:At})]})}var Pt=280,Ft=96;function It({points:e=[],className:a,colors:o}){let s=(0,t.useRef)(null),c=(0,t.useRef)(new Map),l=(0,t.useRef)(0),u=(0,t.useMemo)(()=>e.filter(Array.isArray).map(([e,t])=>{let n=String(t).match(/-?\d+(\.\d+)?/);return{label:e,value:n?Number(n[0]):0}}),[e]),{mouseRef:d,hoveredRef:p,tooltip:m,hitZonesRef:_}=x(s,{width:Pt,height:Ft});return(0,t.useEffect)(()=>{let e=s.current;if(!e)return;let t=h(e,Pt,Ft);l.current=0;let n=o?.line??i.teal,r=o?.point??i.teal,a=o?.axisLine??i.bd,m,v=()=>{l.current++;let e=l.current;if(t.clearRect(0,0,Pt,Ft),u.length<2){m=requestAnimationFrame(v);return}let o={left:12,right:12,top:16,bottom:20},s=Pt-o.left-o.right,h=Ft-o.top-o.bottom,b=u.map(e=>e.value),x=Math.min(...b),C=Math.max(...b)-x\|\|1,w=e=>o.left+e/(u.length-1)s,T=e=>o.top+(1-(e-x)/C)h,E=1-(1-Math.min(e/48,1))*3,D=Math.max(2,Math.floor(Eu.length));if(A(c.current,p.current),_.current=[],t.strokeStyle=f(a,.3),t.lineWidth=.5,t.setLineDash([]),t.beginPath(),t.moveTo(o.left,Ft-o.bottom),t.lineTo(Pt-o.right,Ft-o.bottom),t.stroke(),t.font=`9px 'JetBrains Mono', monospace`,t.fillStyle=f(i.t4,.9),t.textAlign=`center`,u.forEach((e,n)=>{t.fillText(e.label.replace(`Day `,`D`),w(n),Ft-4)}),d.current.over&&p.current){let e=parseInt(p.current.split(`-`)[1]);isNaN(e)\|\|y(t,w(e),o.top,o.top+h)}if(D>1){let e=t.createLinearGradient(0,o.top,0,o.top+h);e.addColorStop(0,f(n,.15)),e.addColorStop(1,f(n,0)),t.fillStyle=e,t.beginPath(),t.moveTo(w(0),o.top+h);for(let e=0;e<D;e++)t.lineTo(w(e),T(u[e].value));t.lineTo(w(D-1),o.top+h),t.closePath(),t.fill(),t.strokeStyle=f(n,.8),t.lineWidth=1.5,t.setLineDash([]),t.beginPath();for(let e=0;e<D;e++){let n=w(e),r=T(u[e].value);e===0?t.moveTo(n,r):t.lineTo(n,r)}t.stroke()}for(let e=0;e<D;e++){let n=w(e),a=T(u[e].value),o=`tp-${e}`,s=c.current.get(o)??0,l=e===u.length-1;S(_.current,o,n,a,10,{label:u[e].label,value:String(u[e].value),color:l?i.red:r}),s>0&&!l&&(g(t,n,a,12s,r,.2s),t.fillStyle=f(r,.8),t.beginPath(),t.arc(n,a,3+s2,0,Math.PI2),t.fill())}if(D>=u.length){let n=u.length-1,r=w(n),a=T(u[n].value),o=c.current.get(`tp-${n}`)??0,s=O(e,.05,5e-4),l=1+o.5;t.shadowColor=f(i.red,.5),t.shadowBlur=(8+s4)l,t.fillStyle=i.red,t.beginPath(),t.arc(r,a,(3.5+s1.5)l,0,Math.PI2),t.fill(),t.shadowBlur=0}m=requestAnimationFrame(v)};return v(),()=>cancelAnimationFrame(m)},[u,o]),(0,n.jsx)(r,{className:[`canvas-trend-frame`,a].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:Pt,height:Ft},children:[(0,n.jsx)(`canvas`,{ref:s,role:`img`,"aria-label":`trend chart`,style:{width:Pt,height:Ft,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...m,parentW:Pt,parentH:Ft})]})})}function Lt(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(r+`…`).width>n;)r=r.slice(0,-1);return r+`…`}var Rt=680,zt=8,Z=6,Bt=8,Vt=Z2+Bt,Ht=36,Ut=Ht/2,Wt=48;function Gt({items:e=[],itemsByEntity:r,onItemClick:a,selectedId:o,labelA:s=`Implemented`,labelB:c=`Unimplemented`,unit:p=`variations`,testID:m}){let[_,v]=R(Rt),y=(0,t.useRef)(null),S=(0,t.useRef)(new Map),w=(0,t.useRef)(0),E=(0,t.useRef)(o);E.current=o;let D=(0,t.useRef)([]),O=(0,t.useCallback)((e,t)=>{let n=e.replace(/-impl$\|-un$/,``),r=typeof t==`object`?t.label??n:n,i=D.current.find(e=>e.id===n);a?.(n,r,i?.subentity)},[a]),[j,M]=(0,t.useState)(!1),N=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),P=!!(o&&r?.[o]),F=P?r[o]:e,I=(0,t.useMemo)(()=>F.filter(e=>typeof e==`object`&&!!e),[F]),L=(0,t.useMemo)(()=>j?I:I.slice(0,zt),[I,j]);D.current=L;let B=Ut+Wt+L.length(Vt+Ht)-Ht,{hoveredRef:te,tooltip:H,hitZonesRef:U}=x(y,{width:v,height:B,onClick:a?O:void 0});return(0,t.useEffect)(()=>{let e=y.current;if(!e)return;let t=h(e,v,B);w.current=0,t.font=l.font;let n=L.reduce((e,n)=>Math.max(e,t.measureText(n.abbreviation??n.name??``).width),0);t.font=u.font;let r=L.reduce((e,n)=>Math.max(e,t.measureText(V(n.implemented??0)).width,t.measureText(V(n.unimplemented??0)).width),0),a=Math.max(Math.min(n+20,v.3),40),o=Math.max(r+24,32),m=v-a-o,_=Math.max(...L.map(e=>e.implemented??0),...L.map(e=>e.unimplemented??0),1),b=L.length(Vt+Ht)-Ht,x=Ut+(B-Ut-Wt-b)/2,D,O=()=>{w.current++;let e=w.current;t.clearRect(0,0,v,B);let n=T(Math.min(e/60,1));A(S.current,te.current),U.current=[],L.forEach((e,r)=>{let o=k(n,r,L.length,T),d=x+r(Vt+Ht),h=d,v=d+Z+Bt,y=`${e.id}-impl`,b=`${e.id}-un`,w=S.current.get(y)??0,D=S.current.get(b)??0,O=!P&&E.current&&e.id!==E.current?.2:1,A=(e.implemented??0)/_mo,j=(e.unimplemented??0)/_mo;if(t.font=l.font,t.fillStyle=w>0\|\|D>0?i.t1:i.t2,t.textAlign=`right`,t.textBaseline=`middle`,t.fillText(Lt(t,e.abbreviation??e.name??``,a-16),a-8,d+Vt/2),t.textBaseline=`alphabetic`,C(U.current,y,0,d,a,Vt,{label:e.name??e.abbreviation??``,value:`${V((e.implemented??0)+(e.unimplemented??0))} total ${p}`,sublabel:`${s}: ${V(e.implemented??0)} · ${c}: ${V(e.unimplemented??0)}`,color:i.green}),A>0){w>0&&g(t,a+A/2,h+Z/2,A.15,i.green,.18w);let e=t.createLinearGradient(a,0,a+A,0);e.addColorStop(0,f(i.green,.7O)),e.addColorStop(1,f(i.green,1O)),t.fillStyle=e,t.beginPath(),t.roundRect(a,h,A,Z,Z/2),t.fill()}if(C(U.current,y,a,h,Math.max(A,1),Z,{label:e.name,value:V(e.implemented??0),color:i.green}),o>.4&&(t.globalAlpha=Math.min(1,(o-.4)/.4),t.font=u.font,t.fillStyle=i.t1,t.textAlign=`left`,t.textBaseline=`middle`,t.fillText(V(e.implemented??0),a+A+16,h+Z/2),t.globalAlpha=1,t.textBaseline=`alphabetic`),j>0){D>0&&g(t,a+j/2,v+Z/2,j.15,i.amber,.18D);let e=t.createLinearGradient(a,0,a+j,0);e.addColorStop(0,f(i.amber,.5O)),e.addColorStop(1,f(i.amber,.9O)),t.fillStyle=e,t.beginPath(),t.roundRect(a,v,j,Z,Z/2),t.fill()}C(U.current,b,a,v,Math.max(j,1),Z,{label:e.name,value:V(e.unimplemented??0),color:i.amber}),o>.4&&(t.globalAlpha=Math.min(1,(o-.4)/.4),t.font=u.font,t.fillStyle=i.t1,t.textAlign=`left`,t.textBaseline=`middle`,t.fillText(V(e.unimplemented??0),a+j+16,v+Z/2),t.globalAlpha=1,t.textBaseline=`alphabetic`)});let r=x+b+28;t.font=d.font,t.textBaseline=`middle`,t.textAlign=`left`;let o=t.measureText(s).width,h=t.measureText(c).width,y=18+o,j=18+h,M=(v-(y+24+j))/2,N=t.createLinearGradient(M,0,M+12,0);N.addColorStop(0,f(i.green,.7)),N.addColorStop(1,f(i.green,1)),t.fillStyle=N,t.beginPath(),t.rect(M,r-6,12,12),t.fill(),t.fillStyle=d.color,t.fillText(s,M+12+6,r);let F=M+y+24,I=t.createLinearGradient(F,0,F+12,0);I.addColorStop(0,f(i.amber,.5)),I.addColorStop(1,f(i.amber,.9)),t.fillStyle=I,t.beginPath(),t.rect(F,r-6,12,12),t.fill(),t.fillStyle=d.color,t.fillText(c,F+12+6,r),t.textBaseline=`alphabetic`,D=requestAnimationFrame(O)};return O(),()=>cancelAnimationFrame(D)},[L,B,v]),N.length===0?(0,n.jsx)(`div`,{ref:_,style:{width:`100%`},children:(0,n.jsx)(z,{width:v,height:160,testID:m})}):(0,n.jsxs)(`div`,{ref:_,"data-testid":m,style:{width:`100%`},children:[(0,n.jsxs)(`div`,{style:{position:`relative`,height:B},children:[(0,n.jsx)(`canvas`,{ref:y,role:`img`,"aria-label":`Implemented vs unimplemented variations per contractor — split bar`,style:{width:`100%`,height:B,display:`block`}}),(0,n.jsx)(b,{...H,parentW:v,parentH:B})]}),N.length>zt&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(ee,{expanded:j,onToggle:()=>M(e=>!e)})})]})}var Kt=800,qt=360;function Jt({items:e=[],onItemClick:r,testID:a}){let[o,c]=R(Kt),d=(0,t.useRef)(null),p=(0,t.useRef)(new Map),m=(0,t.useRef)(0),_=(0,t.useRef)(e);_.current=e;let v=(0,t.useCallback)((e,t)=>{let n=typeof t==`object`?t.label??e:e,i=_.current.find(t=>t.id===e);r?.(e,n,i?.subentity)},[r]),{hoveredRef:y,tooltip:S,hitZonesRef:T}=x(d,{width:c,height:qt,onClick:r?v:void 0});return(0,t.useEffect)(()=>{let t=d.current;if(!t)return;let n=h(t,c,qt);m.current=0;let r=Math.round(c.125),a=Math.round(c.525),o=Math.round(c.9),_=Math.max(60,Math.round(c.1375)),v=e.reduce((e,t)=>e+(t.base??0),0),b=e.reduce((e,t)=>e+(t.variation??0),0),x=e.reduce((e,t)=>e+(t.total??0),0),S=qt-20-26,E=S-6(e.length-1),D=20,O=e.map((e,t)=>{let n=Math.max(24,(e.total??0)/(x\|\|1)E),i={x:r-_/2,y:D,h:n,cy:D+n/2,c:e,color:s[t%s.length]};return D+=n+6,i}),j=E-14,M=Math.max(28,v/(x\|\|1)j),N=Math.max(18,b/(x\|\|1)j),P=20+(S-(M+N+14))/2,F={x:a-_/2,y:P,h:M,cy:P+M/2},I={x:a-_/2,y:P+M+14,h:N,cy:P+M+14+N/2},L={x:o-_/2,y:20,h:S,cy:20+S/2},R,z=()=>{m.current++;let t=m.current;n.clearRect(0,0,c,qt),n.letterSpacing=l.letterSpacing;let s=w(Math.min(t/80,1));if(A(p.current,y.current),T.current=[],e.forEach((t,r)=>{let i=O[r],o=k(s,r,e.length,w),c=p.current.get(t.id)??0;if(o<.01)return;let l=(t.base??0)/(t.total\|\|1),u=(t.variation??0)/(t.total\|\|1),d=i.hl,f=i.hu,m=i.y+d/2,h=i.y+d+f/2,g=Math.max(2,(t.base??0)/vM),y=Math.max(2,(t.variation??0)/bN),x=F.y+e.slice(0,r).reduce((e,t)=>e+(t.base??0)/vM,0)+g/2,S=I.y+e.slice(0,r).reduce((e,t)=>e+(t.variation??0)/bN,0)+y/2,C=c.2+.18;Yt(n,i.x+_,m,a-_/2,x,go,i.color,C),Yt(n,i.x+_,h,a-_/2,S,yo,i.color,C.75)}),s>.3){let e=Math.min(1,(s-.3)/.7),t=L.y+v/xS/2,r=L.y+S-b/xS/2;Yt(n,a+_/2,F.cy,o-_/2,t,Me,i.blue,.25e),Yt(n,a+_/2,I.cy,o-_/2,r,Ne,i.amber,.22e)}if([`Contractors`,`Components`,`Total`].forEach((e,t)=>{let i=[r,a,o][t];n.font=l.font,n.fillStyle=l.color,n.textAlign=`center`,n.fillText(e,i,qt-8)}),e.forEach((t,r)=>{let a=O[r],o=k(s,r,e.length,w),c=p.current.get(t.id)??0;C(T.current,t.id,a.x,a.y,_,a.h,{label:t.name,value:t.totalLabel??String(t.total??0),sublabel:`${t.baseLabel??String(t.base??0)} + ${t.variationLabel??String(t.variation??0)}`,color:a.color}),c>0&&g(n,a.x+_/2,a.cy,_.6,a.color,.12c),n.fillStyle=f(a.color,(.3+c.15)o),n.strokeStyle=f(a.color,(.55+c.25)o),n.lineWidth=1,n.beginPath(),n.roundRect(a.x,a.y,_o,a.h,4),n.fill(),n.stroke(),o>.6&&a.h>=24&&(n.globalAlpha=Math.min(1,(o-.6)/.4),n.font=l.font,n.fillStyle=c>0?a.color:f(i.t2,.9),n.textAlign=`center`,n.textBaseline=`middle`,n.fillText(t.abbreviation??t.name?.slice(0,6)??``,a.x+_/2,a.h>=36?a.cy-5:a.cy),a.h>=36&&(n.font=`400 12px 'Satoshi Variable', 'DM Sans', sans-serif`,n.fillStyle=f(i.t3,.8),n.fillText(t.totalLabel??String(t.total??0),a.x+_/2,a.cy+7)),n.globalAlpha=1,n.textBaseline=`alphabetic`)}),s>.2){let e=Math.min(1,(s-.2)/.4);g(n,a,F.cy,30,i.blue,.1e),n.fillStyle=f(i.blue,.3e),n.strokeStyle=f(i.blue,.5e),n.lineWidth=1,n.beginPath(),n.roundRect(F.x,F.y,_,F.he,4),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=l.font,n.fillStyle=i.blue,n.textAlign=`center`,n.fillText(`Base Value`,a,F.cy-6),n.font=u.font,n.fillStyle=u.color,n.fillText(V(v),a,F.cy+8),n.globalAlpha=1,n.textBaseline=`alphabetic`,g(n,a,I.cy,24,i.amber,.1e),n.fillStyle=f(i.amber,.22e),n.strokeStyle=f(i.amber,.4e),n.beginPath(),n.roundRect(I.x,I.y,_,I.he,4),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=l.font,n.fillStyle=i.amber,n.textAlign=`center`,n.fillText(`Variations`,a,I.cy-4),n.font=u.font,n.fillStyle=u.color,n.fillText(V(b),a,I.cy+8),n.globalAlpha=1,n.textBaseline=`alphabetic`}if(s>.5){let e=Math.min(1,(s-.5)/.5);g(n,o,L.cy,44,i.blue,.2e),n.fillStyle=f(i.blue,.25e),n.strokeStyle=f(i.blue,.6e),n.lineWidth=1.5,n.beginPath(),n.roundRect(L.x,L.y,_,L.he,6),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=l.font,n.fillStyle=i.t2,n.textAlign=`center`,n.fillText(`Total Commitment`,o,L.cy-12),n.font=u.font,n.fillStyle=i.blue,n.fillText(V(x),o,L.cy+6),n.globalAlpha=1,n.textBaseline=`alphabetic`}R=requestAnimationFrame(z)};return z(),()=>cancelAnimationFrame(R)},[e,c]),(0,n.jsxs)(`div`,{ref:o,"data-testid":a,style:{position:`relative`,width:`100%`,height:qt},children:[(0,n.jsx)(`canvas`,{ref:d,role:`img`,"aria-label":`Weekly report flow — base value and variations per contractor flowing to total commitment`,style:{width:`100%`,height:qt,display:`block`}}),(0,n.jsx)(b,{...S,parentW:c,parentH:qt})]})}function Yt(e,t,n,r,i,a,o,s){let c=(t+r)/2;e.beginPath(),e.moveTo(t,n-a/2),e.bezierCurveTo(c,n-a/2,c,i-a/2,r,i-a/2),e.lineTo(r,i+a/2),e.bezierCurveTo(c,i+a/2,c,n+a/2,t,n+a/2),e.closePath(),e.fillStyle=f(o,s),e.fill()}var Xt=680,Zt=160,Qt={left:8,right:90,top:16,bottom:16},$t=150,en=4,tn=48,nn=8;function rn(e,t,n){if(e.measureText(t).width<=n)return t;let r=t;for(;r.length>0&&e.measureText(r+`…`).width>n;)r=r.slice(0,-1);return r+`…`}function an(e,t){let n=Math.abs(e),r=e<0?`-`:``;return n>=1e6?`${r}${t}${(n/1e6).toFixed(1)}M`:n>=1e3?`${r}${t}${(n/1e3).toFixed(1)}K`:`${r}${t}${n.toFixed(0)}`}function on({rows:e,valuePrefix:r=`$`,onItemClick:a,testID:o}){let[s,c]=R(Xt),d=(0,t.useRef)(null),p=(0,t.useRef)(new Map),[m,h]=(0,t.useState)(!1),_=(0,t.useRef)(e);_.current=e;let v=(0,t.useCallback)((e,t)=>{let n=typeof t==`object`?t.label??e:e,r=_.current.find(t=>t.id===e);a?.(e,n,r?.subentity)},[a]),y=e.filter(e=>e!=null&&typeof e.value==`number`),S=m?y:y.slice(0,nn),w=S.length,E=Math.max(...y.map(e=>Math.abs(e.value)),1),D=c-Qt.left-$t-Qt.right,O=wtn,j=Qt.top+Qt.bottom+O,{hoveredRef:M,tooltip:N,hitZonesRef:P}=x(d,{width:c,height:j,onClick:a?v:void 0});return fe(d,c,j,(e,t)=>{A(p.current,M.current),P.current=[],S.forEach((n,a)=>{let o=k(t,a,w,T),s=Qt.top+atn,d=s+(tn-en)/2,m=s+tn/2,h=Qt.left+$t,_=p.current.get(n.id)??0,v=Math.abs(n.value)/EDo,y=n.valueLabel??an(n.value,r);if(e.save(),e.font=l.font,e.fillStyle=_>0?i.cyan:l.color,e.textAlign=`right`,e.textBaseline=`middle`,e.fillText(rn(e,n.name,$t-16),h-8,m),C(P.current,n.id,0,s,h,tn,{label:n.name,value:y,color:i.cyan}),e.fillStyle=f(i.cyan,.1),e.beginPath(),e.roundRect(h,d,D,en,en/2),e.fill(),v>0){_>0&&g(e,h+v,d+en/2,v.25,i.cyan,.14_);let t=e.createLinearGradient(h,d,h+v,d);t.addColorStop(0,f(i.cyan,.2+_.05)),t.addColorStop(.55,f(i.cyan,.55+_.15)),t.addColorStop(1,f(i.cyan,.72+_.18)),e.fillStyle=t,e.beginPath(),e.roundRect(h,d,v,en,en/2),e.fill()}_>0&&v>0&&(e.strokeStyle=f(i.cyan,.6_),e.lineWidth=1,e.beginPath(),e.roundRect(h,d,v,en,en/2),e.stroke()),o>.35&&(e.globalAlpha=Math.min(1,(o-.35)/.4),e.font=u.font,e.fillStyle=_>0?i.cyan:u.color,e.textAlign=`right`,e.textBaseline=`middle`,e.fillText(y,c-8,m)),e.restore(),C(P.current,n.id,h,s,Math.max(v,1),tn,{label:n.name,value:y,color:i.cyan})})},!0,{easing:T}),y.length===0?(0,n.jsx)(`div`,{ref:s,style:{width:`100%`},children:(0,n.jsx)(z,{width:c,height:Zt,message:`No data available`,testID:o})}):(0,n.jsxs)(`div`,{ref:s,"data-testid":o,style:{width:`100%`},children:[(0,n.jsxs)(`div`,{style:{position:`relative`},children:[(0,n.jsx)(`canvas`,{ref:d,role:`img`,"aria-label":`Horizontal bar chart`,style:{width:`100%`,height:j,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...N,parentW:c,parentH:j})]}),y.length>nn&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(ee,{expanded:m,onToggle:()=>h(e=>!e),"data-testid":o?`${o}-toggle`:void 0})})]})}function sn({config:e,className:t,colorOffset:r=0,onItemClick:i,selectedId:a,listenerItems:o}){let s=o?void 0:a;if(e.type===Y.LINE)return(0,n.jsx)(Ie,{rows:e.rows,className:t});if(e.type===Y.AREA)return(0,n.jsx)(P,{rows:e.rows,className:t});if(e.type===Y.BAR)return(0,n.jsx)(L,{rows:e.rows,className:t});if(e.type===Y.PIE)return(0,n.jsx)(Je,{rows:e.rows,variant:`pie`,className:t});if(e.type===Y.DONUT)return(0,n.jsx)(Je,{rows:e.rows,variant:`donut`,className:t});if(e.type===Y.SANKEY)return(0,n.jsx)(at,{rows:e.rows,className:t});if(e.type===Y.FLOW)return(0,n.jsx)(it,{selectedEntity:e.selectedEntity,className:t});if(e.type===Y.TREND)return(0,n.jsx)(It,{points:e.points,className:t});if(e.type===Y.MINI_BARS)return(0,n.jsx)(ze,{rows:e.rows,className:t});if(e.type===Y.STACKED_HORIZONTAL_BAR){let t=e.data??{items:e.items??[]};return(0,n.jsx)(Oe,{data:o?{items:o}:t,dataByEntity:e.dataByEntity,onItemClick:i,selectedId:s})}if(e.type===Y.MULTI_METRIC_CONSTELLATION)return(0,n.jsx)(ye,{items:e.items});if(e.type===Y.PROGRESS_RACE)return(0,n.jsx)(oe,{items:o\|\|e.items,itemsByEntity:e.itemsByEntity,colorOffset:r,onItemClick:i,selectedId:s});if(e.type===Y.HUB_AND_SPOKE_RADIAL)return(0,n.jsx)(Nt,{segments:e.segments,title:e.title,unitLabel:e.unitLabel});if(e.type===Y.DOT_MATRIX)return(0,n.jsx)(Fe,{items:e.items});if(e.type===Y.RANKED_CARD_LEADERBOARD)return(0,n.jsx)(Pe,{items:o\|\|e.items,onItemClick:i});if(e.type===Y.PROPORTIONAL_BAND)return(0,n.jsx)(Ot,{severities:o\|\|e.severities,colorOffset:r,onItemClick:i});if(e.type===Y.RADIAL_FAN_TREE){let t=o&&!Array.isArray(o)?o:null,a=t?t.items:o\|\|e.items;return(0,n.jsx)(We,{total:t?t.total:o?o.reduce((e,t)=>e+(t.count??0),0):e.total,totalLabel:t?t.totalLabel:e.totalLabel,items:a,dataByEntity:e.dataByEntity,colorOffset:r,onItemClick:i,selectedId:s})}if(e.type===Y.SEMI_CIRCULAR_GAUGE){let t=Array.isArray(o)?o[0]:void 0;return(0,n.jsx)(de,{confirmed:t?Number(t.confirmed??0):e.confirmed,total:t?Number(t.total??1):e.total,label:e.label,gaugeByEntity:e.gaugeByEntity,colorOffset:r,selectedId:s,onItemClick:i,subentity:e.subentity})}return e.type===Y.SEGMENTED_SPLIT_BAR?(0,n.jsx)(Gt,{items:o\|\|e.items,itemsByEntity:e.itemsByEntity,labelA:e.labelA,labelB:e.labelB,unit:e.unit,onItemClick:i,selectedId:s}):e.type===Y.BALANCE_SCALE?(0,n.jsx)(ct,{left:e.left,right:e.right,leftTitle:e.leftTitle,rightTitle:e.rightTitle,unit:e.unit,dataByEntity:e.dataByEntity,onItemClick:i,selectedId:s}):e.type===Y.AREA_LINE?(0,n.jsx)(dt,{points:e.points}):e.type===Y.TREND_VIEW?(0,n.jsx)(St,{points:(o&&!Array.isArray(o)?o.points??[]:void 0)??e.points,colorOffset:r}):e.type===Y.WEEKLY_FLOW?(0,n.jsx)(Jt,{items:o\|\|e.items,onItemClick:i}):e.type===Y.HORIZONTAL_BAR?(0,n.jsx)(on,{rows:o\|\|e.rows,valuePrefix:e.valuePrefix,onItemClick:i}):(0,n.jsx)(`div`,{className:`viz-empty`,children:`Visualization unavailable`})}var cn=[];function ln(e){try{return JSON.parse(decodeURIComponent(e))}catch{return null}}function un(){for(;cn.length;){let e=cn.pop();e&&e.unmount()}}function dn(){un(),document.querySelectorAll(`[data-d3-viz]`).forEach(t=>{let r=t.dataset.d3Viz;if(!r)return;let i=ln(r);if(!i)return;let a=(0,e.createRoot)(t);cn.push(a),a.render((0,n.jsx)(sn,{config:i}))})}function fn(e){return encodeURIComponent(JSON.stringify(e))}function pn({rows:e=[],className:t,colors:r}){return(0,n.jsx)(Je,{rows:e,variant:`donut`,className:t,colors:r})}var Q={bg:`transparent`,border:`transparent`,t1:i.t1,t2:i.t2,t3:i.t3,t4:i.t4,red:i.red,amber:i.amber,green:i.green},$=`'Satoshi Variable', 'DM Sans', sans-serif`,mn={color:`#F7F7F7`,fontFamily:$,fontSize:24,fontWeight:500,lineHeight:`32px`},hn={color:`#B3B5B6`,fontFamily:$,fontSize:18,fontWeight:400,lineHeight:`20px`};function gn({items:e=[]}){let t=e.filter(e=>e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:20},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,width:286,minHeight:129,padding:`20px 16px`,flexShrink:0,border:`1px solid rgba(255,255,255,0.20)`,background:`rgba(255,255,255,0.05)`,boxShadow:`3.42px 3.42px 3.42px 0px rgba(0,0,0,0.30)`,boxSizing:`border-box`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:24,flex:1,minWidth:0},children:[(0,n.jsx)(`div`,{style:{...mn,color:`#FFFFFF`},children:e.value}),(0,n.jsx)(`div`,{style:{...hn,color:`rgba(255,255,255,0.70)`},children:e.label})]}),e.icon&&(0,n.jsx)(`div`,{style:{width:60,height:60,flexShrink:0,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,n.jsx)(`img`,{src:e.icon,width:60,height:60,alt:``,style:{objectFit:`contain`}})})]},t))})}function _n({items:e=[]}){let t=e.filter(e=>e.name??e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:12,padding:`10px 0px`,background:Q.bg,border:`1px solid ${Q.border}`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t2,background:`transparent`,padding:`2px 8px`,borderRadius:4,fontFamily:$,flexShrink:0},children:e.name}),(0,n.jsx)(`span`,{style:{...mn,fontSize:18,color:Q.t1,minWidth:70,flexShrink:0},children:e.value}),(0,n.jsx)(`span`,{style:{...hn,flex:1},children:e.kpiLabel})]},t))})}function vn({items:e=[]}){let t=e.filter(e=>e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:20},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,width:286,minHeight:129,padding:`20px 16px`,flexShrink:0,border:`1px solid rgba(255,255,255,0.20)`,background:`rgba(255,255,255,0.05)`,boxShadow:`3.42px 3.42px 3.42px 0px rgba(0,0,0,0.30)`,boxSizing:`border-box`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:24,flex:1,minWidth:0},children:[(0,n.jsx)(`div`,{style:{...mn,color:`#FFFFFF`},children:e.value}),(0,n.jsx)(`div`,{style:{...hn,color:`rgba(255,255,255,0.70)`},children:e.label})]}),e.icon&&(0,n.jsx)(`div`,{style:{width:60,height:60,flexShrink:0,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,n.jsx)(`img`,{src:e.icon,width:60,height:60,alt:``,style:{objectFit:`contain`}})})]},t))})}var yn={red:Q.red,amber:Q.amber,green:Q.green};function bn({items:e=[]}){let t=e.filter(e=>e.text);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:t.map((e,t)=>(yn[e.severity],(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`flex-start`,gap:10,padding:`10px 0px`,background:Q.bg,border:`1px solid ${Q.border}`},children:[(0,n.jsx)(`span`,{style:{width:7,height:7,borderRadius:`50%`,background:i.t2,flexShrink:0,marginTop:5}}),(0,n.jsx)(`span`,{style:{...hn,color:`#B3B5B6`},children:e.text})]},t)))})}function xn({min:e,max:t,unit:r,dots:a=[],chips:o=[]}){let s=a.filter(e=>e.name);if(s.length===0)return null;let c=t-e;return(0,n.jsxs)(`div`,{children:[(0,n.jsxs)(`div`,{style:{position:`relative`,height:90,padding:`10px 0px`},children:[(0,n.jsx)(`div`,{style:{position:`absolute`,top:38,left:8,right:8,height:2,background:`rgba(255,255,255,0.08)`,borderRadius:1}}),(0,n.jsxs)(`div`,{style:{position:`absolute`,top:43,left:0,fontSize:16,color:Q.t4,fontFamily:$},children:[e,r]}),(0,n.jsxs)(`div`,{style:{position:`absolute`,top:43,right:0,fontSize:16,color:Q.t4,fontFamily:$},children:[t,r]}),s.map((t,a)=>{let o=(t.val-e)/c100,s=t.color??i.blue,l=a%2==0;return(0,n.jsxs)(`div`,{style:{position:`absolute`,left:`${o}%`,top:0,transform:`translateX(-50%)`},children:[l&&(0,n.jsxs)(`div`,{style:{textAlign:`center`,marginBottom:2},children:[(0,n.jsx)(`div`,{style:{fontSize:18,color:s,fontFamily:$,whiteSpace:`nowrap`},children:t.name}),(0,n.jsxs)(`div`,{style:{fontSize:18,fontWeight:500,color:s,fontFamily:$,whiteSpace:`nowrap`},children:[t.val,r]})]}),(0,n.jsx)(`div`,{style:{width:10,height:10,borderRadius:`50%`,background:s,boxShadow:`0 0 8px ${s}70`,margin:l?`0 auto`:`26px auto 0`}}),!l&&(0,n.jsxs)(`div`,{style:{textAlign:`center`,marginTop:4},children:[(0,n.jsx)(`div`,{style:{fontSize:18,color:s,fontFamily:$,whiteSpace:`nowrap`},children:t.name}),(0,n.jsxs)(`div`,{style:{fontSize:18,fontWeight:500,color:s,fontFamily:$,whiteSpace:`nowrap`},children:[t.val,r]})]})]},a)})]}),o&&o.length>0&&(0,n.jsx)(vn,{items:o})]})}function Sn({leftPct:e,leftLabel:t,leftValue:r,leftColor:a,rightPct:o,rightLabel:s,rightValue:c,rightColor:l,chips:u}){if(!t&&!s)return null;let d=a??i.blue,f=l??i.blue;return(0,n.jsxs)(`div`,{children:[(0,n.jsxs)(`div`,{style:{display:`flex`,borderRadius:6,overflow:`hidden`,height:36,margin:`10px 0`},children:[(0,n.jsx)(`div`,{style:{width:`${e}%`,background:d+`38`,display:`flex`,alignItems:`center`,justifyContent:`flex-end`,paddingRight:12},children:(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t2,fontFamily:$},children:r})}),(0,n.jsx)(`div`,{style:{width:1,background:`rgba(255,255,255,0.12)`,flexShrink:0}}),(0,n.jsx)(`div`,{style:{width:`${o}%`,background:f+`2A`,display:`flex`,alignItems:`center`,paddingLeft:12},children:(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t2,fontFamily:$},children:c})})]}),(0,n.jsxs)(`div`,{style:{display:`flex`,marginBottom:u?4:0},children:[(0,n.jsx)(`div`,{style:{width:`${e}%`},children:(0,n.jsxs)(`span`,{style:{fontSize:18,color:d,fontFamily:$},children:[e,`% `,t]})}),(0,n.jsx)(`div`,{style:{width:`${o}%`,paddingLeft:10},children:(0,n.jsxs)(`span`,{style:{fontSize:18,color:f,fontFamily:$},children:[o,`% `,s]})})]}),u&&u.length>0&&(0,n.jsx)(vn,{items:u})]})}function Cn({pct:e,label:t,color:r,chips:a}){if(e==null&&!t)return null;let o=r??i.blue,s=2Math.PI30,c=s(1-e/100);return(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:20},children:[(0,n.jsxs)(`div`,{style:{position:`relative`,flexShrink:0,width:80,height:80},children:[(0,n.jsxs)(`svg`,{width:80,height:80,style:{transform:`rotate(-90deg)`},children:[(0,n.jsx)(`circle`,{cx:40,cy:40,r:30,fill:`none`,stroke:`rgba(255,255,255,0.07)`,strokeWidth:8}),(0,n.jsx)(`circle`,{cx:40,cy:40,r:30,fill:`none`,stroke:o,strokeWidth:8,strokeDasharray:s,strokeDashoffset:c,strokeLinecap:`round`})]}),(0,n.jsx)(`div`,{style:{position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,textAlign:`center`},children:(0,n.jsxs)(`div`,{style:{fontSize:18,fontWeight:500,color:o,fontFamily:$},children:[e,`%`]})})]}),(0,n.jsxs)(`div`,{style:{flex:1},children:[(0,n.jsx)(`div`,{style:{...hn,padding:`10px 0px`},children:t}),a&&(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:a.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`baseline`,gap:8,padding:`10px 10px`,background:Q.bg,border:`1px solid ${Q.border}`,borderRadius:5},children:[(0,n.jsx)(`span`,{style:{...mn,color:Q.t2},children:e.value}),(0,n.jsx)(`span`,{style:{...mn,color:Q.t2,fontWeight:400,userSelect:`none`},children:`\|`}),(0,n.jsx)(`span`,{style:{...hn},children:e.label})]},t))})]})]})}function wn({items:e=[]}){let t=e.filter(e=>e.name??e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:10,padding:`10px 0px`,background:Q.bg,border:`1px solid ${Q.border}`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t2,background:`transparent`,padding:`2px 7px`,borderRadius:4,fontFamily:$,flexShrink:0,minWidth:62,textAlign:`center`},children:e.name}),(0,n.jsx)(`div`,{style:{flex:1,height:4,background:`rgba(255,255,255,0.07)`,borderRadius:0,overflow:`hidden`},children:(0,n.jsx)(`div`,{style:{height:`100%`,width:`${e.pct}%`,background:e.color??i.purple,borderRadius:0,opacity:.75}})}),(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:400,color:Q.t2,fontFamily:$,flexShrink:0,minWidth:320,textAlign:`right`},children:[e.value,e.badge,e.sublabel].filter(Boolean).join(` `)})]},t))})}var Tn={red:Q.red,amber:Q.amber,green:Q.green};function En({items:e=[]}){let t=e.filter(e=>e.text);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:t.map((e,t)=>{let r=Tn[e.severity];return(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`flex-start`,gap:10,padding:`9px 12px`,background:`transparent`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:r,background:r+`20`,padding:`2px 7px`,borderRadius:4,fontFamily:$,flexShrink:0},children:e.tag}),(0,n.jsx)(`span`,{style:{flex:1,...hn},children:e.text}),(0,n.jsx)(`span`,{style:{...hn,flexShrink:0,marginTop:1},children:e.date})]},t)})})}function Dn({columns:e=[],rows:t=[]}){return t.length===0?null:(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:5},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:10,padding:`0 0px 6px`,borderBottom:`1px solid ${Q.border}`},children:[(0,n.jsx)(`div`,{style:{minWidth:64}}),e.map((e,t)=>(0,n.jsx)(`div`,{style:{flex:1,fontSize:18,fontWeight:500,color:Q.t2,fontFamily:$,textTransform:`uppercase`,letterSpacing:.6},children:e},t))]}),t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:10,padding:`8px 0px`,background:Q.bg,border:`1px solid ${Q.border}`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t1,background:`transparent`,padding:`2px 8px`,borderRadius:4,fontFamily:$,flexShrink:0,minWidth:64,textAlign:`center`},children:e.label}),e.cells.map((e,t)=>(0,n.jsx)(`span`,{style:{flex:1,fontSize:18,fontWeight:500,color:Q.t2,fontFamily:$},children:e},t))]},t))]})}function On({block:e}){if(!e)return null;switch(e.type){case`stats`:return(0,n.jsx)(gn,{items:e.items});case`ranked`:return(0,n.jsx)(_n,{items:e.items});case`chips`:return(0,n.jsx)(vn,{items:e.items});case`badges`:return(0,n.jsx)(bn,{items:e.items});case`dot-strip`:return(0,n.jsx)(xn,{min:e.min,max:e.max,unit:e.unit,dots:e.dots,chips:e.chips});case`proportion`:return(0,n.jsx)(Sn,{leftPct:e.leftPct,leftLabel:e.leftLabel,leftValue:e.leftValue,leftColor:e.leftColor,rightPct:e.rightPct,rightLabel:e.rightLabel,rightValue:e.rightValue,rightColor:e.rightColor,chips:e.chips});case`ring`:return(0,n.jsx)(Cn,{pct:e.pct,label:e.label,color:e.color,chips:e.chips});case`scorecard-rows`:return(0,n.jsx)(wn,{items:e.items});case`flags-list`:return(0,n.jsx)(En,{items:e.items});case`comparison-rows`:return(0,n.jsx)(Dn,{columns:e.columns,rows:e.rows});default:return null}}var kn=`'Satoshi Variable', 'DM Sans', sans-serif`,An={color:`#C2C2C2`,fontFamily:kn,fontSize:18,fontWeight:400,lineHeight:1.65};function jn({text:e}){return(0,n.jsxs)(`div`,{style:{padding:`8px 0px`,border:`transparent`,borderRadius:5,background:`transparent`},children:[(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:i.t1,fontFamily:kn,lineHeight:1.65,marginRight:8},children:`Takeaway`}),(0,n.jsx)(`span`,{style:{...An},children:e})]})}function Mn(e){return e.trim().toLowerCase().replace(/[^a-z0-9]+/g,`-`).replace(/^-\|-$/g,``)}var Nn=56;function Pn({items:e,colorOffset:r=0,title:i,"data-testid":a}){let[o,s]=(0,t.useState)(void 0),[c,l]=(0,t.useState)(void 0),[u,d]=(0,t.useState)(null),[f,p]=(0,t.useState)(null),[m,h]=(0,t.useState)(null),[g,_]=(0,t.useState)(null),[v,y]=(0,t.useState)(null),[b,x]=(0,t.useState)(0),[S,C]=(0,t.useState)(0),w=(0,t.useRef)(null);(0,t.useEffect)(()=>{let e=w.current;if(!e)return;let t=t=>{let{centerClientY:n,centerClientX:r,sourceClientY:i}=t.detail,a=e.getBoundingClientRect();h(n-a.top),_(r-a.left),y(i==null?null:i-a.top),x(a.height),C(a.width)};return e.addEventListener(`viz-item-click`,t),()=>e.removeEventListener(`viz-item-click`,t)},[]);let T=(0,t.useCallback)((e,t,n,r)=>{if(!(r!=null&&(!Array.isArray(r)\|\|r.length>0)))return;let i=Mn(t);s(t=>{let a=t===i?void 0:i;return l(a?n:void 0),a?(p(e),d(r)):(d(null),p(null)),a})},[]),E=(0,t.useCallback)(()=>{s(void 0),l(void 0),d(null),p(null),h(null),_(null),y(null)},[]),D=f!==null&&m!==null,O=m??b/2,k=e.length-1,A=S>0?(S-k*Nn)/e.length:null,j=t=>D&&f===t&&e[t]?.type===Y.BALANCE_SCALE;return(0,n.jsxs)(`div`,{className:`viz-group`,"data-testid":a,children:[i&&(0,n.jsx)(`div`,{className:`viz-group__title`,children:i}),(0,n.jsx)(`div`,{className:`viz-group__bar`,children:o?(0,n.jsx)(`button`,{type:`button`,className:`viz-group__reset-btn`,onClick:E,"aria-label":`Reset selection`,children:`✕ Reset`}):(0,n.jsx)(`span`,{className:`viz-group__hint`,children:`↑ Click a row to drill down`})}),(0,n.jsx)(`div`,{ref:w,className:`viz-group__charts`,children:e.flatMap((t,i)=>{let a=f===null?i===e.length-1:i!==f,s=j(i)&&g!==null&&v!==null&&A!==null,l=(0,n.jsxs)(`div`,{className:`viz-group__chart viz-group__chart--${t.type}${a?` viz-group__chart--listener`:``}`,children:[a&&(0,n.jsx)(`div`,{className:`viz-group__listener-label`,children:f===null?null:c}),(0,n.jsx)(sn,{config:t,colorOffset:r+i,onItemClick:(e,t,n)=>T(i,e,t,n),selectedId:o,listenerItems:i!==f&&u?u:void 0}),s&&(0,n.jsxs)(`svg`,{className:`viz-group__route-svg`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,n.jsx)(`line`,{x1:g-7,y1:v,x2:g+7,y2:v,className:`viz-group__connector-tick`}),(0,n.jsx)(`path`,{d:`M ${g} ${v} L ${g} ${O} H ${A}`,className:`viz-group__connector-path`})]})]},i);if(i===e.length-1)return[l];let d=f!==null&&f>i,p=d?-.7:Nn+.7,m=d?Nn-2:2,h=`M ${m} ${O} H ${p}`;return[l,(0,n.jsx)(`div`,{className:`viz-group__connector${D?` viz-group__connector--active`:``}`,children:(0,n.jsxs)(`svg`,{className:`viz-group__connector-svg`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[!s&&(0,n.jsx)(`line`,{x1:m,y1:O-7,x2:m,y2:O+7,className:`viz-group__connector-tick`}),(0,n.jsx)(`path`,{d:h,className:`viz-group__connector-path`}),(0,n.jsx)(`circle`,{cx:p,cy:O,r:`4`,className:`viz-group__connector-dot`})]})},`connector-${i}`)]})})]})}exports.AreaChart=P,exports.BarChart=L,exports.CHART_PALETTE=c,exports.ChartFrame=r,exports.DonutChart=pn,exports.GRAD=a,exports.KeyHighlights=On,exports.LineChart=Ie,exports.MiniBars=ze,exports.PALETTE=s,exports.PieChart=Je,exports.ProcessSankey=it,exports.RankingSankey=at,exports.SOLID=o,exports.SankeySvg=Xe,exports.SeriesChart=N,exports.Takeaway=jn,exports.Trend=St,exports.TrendChart=It,exports.VisualizationGroup=Pn,exports.VisualizationRenderer=sn,exports.cleanupVisualizationMounts=un,exports.hydrateVisualizationMounts=dn,exports.serializeVisualizationConfig=fn;

package/dist/index.d.ts CHANGED Viewed

@@ -13,5 +13,6 @@ export { Trend } from './components/trend/Trend';
 export { KeyHighlights } from './components/keyHighlights/KeyHighlights';
 export { Takeaway } from './components/keyHighlights/Takeaway';
 export { VisualizationRenderer } from './components/visualizationRenderer/VisualizationRenderer';
-export type { BaseVisualizationConfig, KeyHighlightBlock, MiniBarRow, PointPair, SankeyLinkData, SankeyNodeData, VizRow } from './types';
+export { VisualizationGroup } from './components/visualizationGroup/VisualizationGroup';
+export type { BaseVisualizationConfig, KeyHighlightBlock, MiniBarRow, PointPair, SankeyLinkData, SankeyNodeData, VizRow, VisualizationGroupProps } from './types';
 export { PALETTE, CHART_PALETTE, GRAD, SOLID } from './canvas/canvasUtils';