@divami-artefacts/ai-design-system 1.0.47 → 1.0.49

package/dist/canvas/canvasUtils.d.ts

@@ -14,12 +14,44 @@ export declare const CC: {
     readonly green: "#5DA537";
     readonly purple: "#818FF8";
     readonly amber: "#EEBF3B";
+    readonly teal: "#69DFE9";
+    readonly tealDark: "#00818F";
     readonly t1: "#F7F9FA";
     readonly t2: "#B3B5B6";
     readonly t3: "#94979C";
     readonly t4: "#334155";
 };
+/** Gradient color pairs — [from, to] — from the design-system palette */
+export declare const GRAD: {
+    readonly teal: readonly ["#00818F", "#69DFE9"];
+    readonly violet: readonly ["#5B3CB1", "#C8B6F3"];
+    readonly mint: readonly ["#27837A", "#81E8CE"];
+    readonly magenta: readonly ["#8732A7", "#E7A1F0"];
+    readonly sky: readonly ["#0068BE", "#8EC2F6"];
+    readonly blue: readonly ["#084CF0", "#8BA9FF"];
+    readonly purple: readonly ["#5C42B8", "#9DA5FD"];
+    readonly royal: readonly ["#2556C8", "#A9B1F8"];
+    readonly success: readonly ["#58B21C", "#97F558"];
+    readonly warning: readonly ["#FFD974", "#E4AA0D"];
+    readonly error: readonly ["#EC8C42", "#E46A0D"];
+};
+/** Solid endpoint colors — from the design-system palette */
+export declare const SOLID: {
+    readonly teal: "#69DFE9";
+    readonly violet: "#C8B6F3";
+    readonly mint: "#81E8CE";
+    readonly magenta: "#E7A1F0";
+    readonly sky: "#0068BE";
+    readonly blue: "#084CF0";
+    readonly purple: "#5C42B8";
+    readonly royal: "#2556C8";
+    readonly success: "#58B21C";
+    readonly warning: "#E4AA0D";
+    readonly error: "#E46A0D";
+};
 export declare const PALETTE: ("#4C93D9" | "#EC772A" | "#5DA537" | "#818FF8" | "#EEBF3B")[];
+/** Per-chart offset palette — offset 0 keeps the default teal, 1+ cycles through alternates */
+export declare const CHART_PALETTE: readonly ["#69DFE9", "#818FF8", "#EEBF3B", "#4C93D9", "#5DA537"];
 /**
  * Axis label style — applied to all x-axis and y-axis tick labels, titles, and legends.
  * Change once here to update every chart.

package/dist/components/contractsByAreaChart/index.d.ts

@@ -0,0 +1,2 @@
+export { HorizontalBarChart } from '../horizontalBarChart';
+export type { HorizontalBarRow, HorizontalBarChartProps } from '../horizontalBarChart';

package/dist/components/contractsByAreaChart/types.d.ts

@@ -0,0 +1 @@
+export type { HorizontalBarRow as ContractsByAreaRow, HorizontalBarChartProps as ContractsByAreaChartProps } from '../horizontalBarChart';

package/dist/components/horizontalBarChart/HorizontalBarChart.d.ts

@@ -0,0 +1,2 @@
+import { HorizontalBarChartProps } from './types';
+export declare function HorizontalBarChart({ rows, valuePrefix, 'data-testid': testId }: HorizontalBarChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/horizontalBarChart/index.d.ts

@@ -0,0 +1,2 @@
+export { HorizontalBarChart } from './HorizontalBarChart';
+export type { HorizontalBarRow, HorizontalBarChartProps } from './types';

package/dist/components/horizontalBarChart/types.d.ts

@@ -0,0 +1,11 @@
+export type HorizontalBarRow = {
+    id: string;
+    name: string;
+    value: number;
+    valueLabel?: string;
+};
+export type HorizontalBarChartProps = {
+    rows: HorizontalBarRow[];
+    valuePrefix?: string;
+    'data-testid'?: string;
+};

package/dist/components/progressRaceChart/ProgressRaceChart.d.ts

@@ -1,2 +1,2 @@
 import { ProgressRaceChartProps } from './types';
-export declare function ProgressRaceChart({ items: rawItems, 'data-testid': testId }: ProgressRaceChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressRaceChart({ items: rawItems, colorOffset, 'data-testid': testId }: ProgressRaceChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progressRaceChart/types.d.ts

@@ -1,5 +1,6 @@
 import { ContractorRow } from '../../types';
 export interface ProgressRaceChartProps {
     items: ContractorRow[];
+    colorOffset?: number;
     'data-testid'?: string;
 }

package/dist/components/proportionalBandChart/ProportionalBandChart.d.ts

@@ -1,2 +1,2 @@
 import { ProportionalBandChartProps } from './types';
-export declare function ProportionalBandChart({ severities: rawSeverities, 'data-testid': testId }: ProportionalBandChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProportionalBandChart({ severities: rawSeverities, colorOffset, 'data-testid': testId }: ProportionalBandChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/proportionalBandChart/types.d.ts

@@ -1,5 +1,6 @@
 import { EWSeverityRow } from '../../types';
 export interface ProportionalBandChartProps {
     severities: EWSeverityRow[];
+    colorOffset?: number;
     'data-testid'?: string;
 }

package/dist/components/radialFanTreeChart/RadialFanTreeChart.d.ts

@@ -1,2 +1,2 @@
 import { RadialFanTreeChartProps } from './types';
-export declare function RadialFanTreeChart({ total, totalLabel, items: rawByContractor, width, 'data-testid': testId }: RadialFanTreeChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadialFanTreeChart({ total, totalLabel, items: rawByContractor, width, colorOffset, 'data-testid': testId }: RadialFanTreeChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/radialFanTreeChart/types.d.ts

@@ -4,5 +4,6 @@ export interface RadialFanTreeChartProps {
     totalLabel?: string;
     items: NCEContractorRow[];
     width?: number;
+    colorOffset?: number;
     'data-testid'?: string;
 }

package/dist/components/semiCircularGaugeChart/SemiCircularGaugeChart.d.ts

@@ -1,2 +1,2 @@
 import { SemiCircularGaugeChartProps } from './types';
-export declare function SemiCircularGaugeChart({ confirmed, total, label, 'data-testid': testId }: SemiCircularGaugeChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function SemiCircularGaugeChart({ confirmed, total, label, colorOffset, 'data-testid': testId }: SemiCircularGaugeChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/semiCircularGaugeChart/types.d.ts

@@ -2,5 +2,6 @@ export interface SemiCircularGaugeChartProps {
     confirmed: number;
     total: number;
     label?: string;
+    colorOffset?: number;
     'data-testid'?: string;
 }

package/dist/components/trend/Trend.d.ts

@@ -1,2 +1,2 @@
 import { TrendProps } from './types';
-export declare function Trend({ points: rawPoints, 'data-testid': testId }: TrendProps): import("react/jsx-runtime").JSX.Element;
+export declare function Trend({ points: rawPoints, colorOffset, 'data-testid': testId }: TrendProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/trend/types.d.ts

@@ -1,5 +1,6 @@
 import { QuotationTrendPoint } from '../../types';
 export interface TrendProps {
     points: QuotationTrendPoint[];
+    colorOffset?: number;
     'data-testid'?: string;
 }

package/dist/components/visualizationRenderer/VisualizationRenderer.d.ts

@@ -1,2 +1,2 @@
 import { VisualizationRendererProps } from '../../types';
-export declare function VisualizationRenderer({ config, className }: VisualizationRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function VisualizationRenderer({ config, className, colorOffset }: VisualizationRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs

@@ -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`,t1:`#F7F9FA`,t2:`#B3B5B6`,t3:`#94979C`,t4:`#334155`},a=[i.blue,i.amber,i.purple,i.green,i.red],o={font:`400 16px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#F7F7F7`,letterSpacing:`0px`},s={font:`500 16px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#F7F7F7`},c={font:`400 18px 'Satoshi Variable', 'DM Sans', sans-serif`,color:`#B3B5B6`,letterSpacing:`0px`};function l(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 u(e,t,n){return e+(t-e)*n}function d(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),d=e=>Math.max(0,Math.min(255,Math.round(e)));return[d(u(i,s,n)),d(u(a,c,n)),d(u(o,l,n))].map(e=>e.toString(16).padStart(2,`0`)).join(``).replace(/^/,`#`)}function f(e,t,n,r=2){e.width=t*r,e.height=n*r;let i=e.getContext(`2d`);return i.scale(r,r),i}function p(e,t,n,r,i,a=.3){let o=e.createRadialGradient(t,n,0,t,n,r);o.addColorStop(0,l(i,a)),o.addColorStop(1,l(i,0)),e.fillStyle=o,e.beginPath(),e.arc(t,n,r,0,Math.PI*2),e.fill()}function m(e,t,n,r,a=50,o=l(i.blue,.05)){for(let i=0;i<a;i++)e.beginPath(),e.arc((Math.sin(r*.001+i*23)*.5+.5)*t,(Math.cos(r*8e-4+i*37)*.5+.5)*n,.6,0,Math.PI*2),e.fillStyle=o,e.fill()}function h(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 g(e,t,n,r,a=l(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 _({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 v(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 y(e,t,n,r,i,a){e.push({id:t,data:a,test:(e,t)=>(e-n)**2+(t-r)**2<=i*i})}function b(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 x=e=>1-(1-e)**3,S=e=>1-(1-e)**4,C=e=>e===1?1:1-2**(-10*e),w=e=>{let t=1.70158;return 1+(t+1)*(e-1)**3+t*(e-1)**2},T=(e,t=.04,n=.001)=>Math.sin(e*t)*Math.exp(-Math.min(e*n,4)),E=(e,t,n,r=x)=>{let i=Math.min(.06,.5/n),a=t*i,o=1-(n-1)*i;return r(Math.max(0,Math.min((e-a)/o,1)))};function D(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 O=760,k=250;function A({rows:e=[],variant:a,className:o,colors:s}){let c=(0,t.useRef)(null),u=(0,t.useRef)(new Map),d=(0,t.useRef)(0),{mouseRef:m,hoveredRef:h,tooltip:b,hitZonesRef:x}=v(c,{width:O,height:k});return(0,t.useEffect)(()=>{let t=c.current;if(!t)return;let n=f(t,O,k);d.current=0;let r=s?.line??i.blue,o=s?.point??i.blue,_=s?.axisLine??i.bd,v=s?.areaFill??i.blue,b={top:24,right:24,bottom:44,left:24},S=O-b.left-b.right,w=k-b.top-b.bottom,E,A=()=>{d.current++;let t=d.current;if(n.clearRect(0,0,O,k),e.length<2){E=requestAnimationFrame(A);return}let s=e.map(e=>e.pricing??0),c=Math.max(100,...s),f=t=>b.left+t/(e.length-1)*S,j=e=>b.top+(1-e/c)*w,M=C(Math.min(t/48,1)),N=Math.max(2,Math.floor(M*e.length));D(u.current,h.current),x.current=[],n.strokeStyle=l(i.bd,.2),n.lineWidth=.5;for(let e=0;e<=4;e++){let t=b.top+e/4*w;n.beginPath(),n.moveTo(b.left,t),n.lineTo(b.left+S,t),n.stroke()}if(n.strokeStyle=l(_,.4),n.lineWidth=1,n.setLineDash([]),n.beginPath(),n.moveTo(b.left,j(0)),n.lineTo(b.left+S,j(0)),n.stroke(),m.current.over&&h.current){let e=parseInt(h.current.split(`-`)[1]);isNaN(e)||g(n,f(e),b.top,b.top+w)}if(a===`area`&&N>1){let t=n.createLinearGradient(0,b.top,0,b.top+w);t.addColorStop(0,l(v,.12)),t.addColorStop(1,l(v,0)),n.fillStyle=t,n.beginPath(),n.moveTo(f(0),b.top+w);for(let t=0;t<N;t++)n.lineTo(f(t),j(e[t].pricing??0));n.lineTo(f(N-1),b.top+w),n.closePath(),n.fill()}if(N>1){n.strokeStyle=l(r,.85),n.lineWidth=2,n.setLineDash([]),n.beginPath();for(let t=0;t<N;t++){let r=f(t),i=j(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=f(r),c=j(e[r].pricing??0),d=`sc-${r}`,m=u.current.get(d)??0,h=r===e.length-1;y(x.current,d,s,c,12,{label:e[r].vendor,value:String(e[r].pricing??0),color:h?i.red:o}),m>0&&p(n,s,c,16*m,o,.2*m);let g=h?T(t,.05,5e-4):0,_=a===`area`?5:6;h?(n.shadowColor=l(i.red,.5),n.shadowBlur=(8+g*4)*(1+m*.5),n.fillStyle=i.red,n.beginPath(),n.arc(s,c,(_+g*1.5)*(1+m*.3),0,Math.PI*2),n.fill(),n.shadowBlur=0):(n.fillStyle=l(o,.7+m*.3),n.beginPath(),n.arc(s,c,_+m*2,0,Math.PI*2),n.fill()),n.font=`10px 'JetBrains Mono', monospace`,n.fillStyle=l(i.t3,.6+m*.3),n.textAlign=`center`,n.fillText(e[r].vendor,s,k-14)}E=requestAnimationFrame(A)};return A(),()=>cancelAnimationFrame(E)},[e,a,s]),(0,n.jsx)(r,{className:o,children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:O,height:k},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`${a} chart`,style:{width:O,height:k,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...b,parentW:O,parentH:k})]})})}function j({rows:e=[],className:t,colors:r}){return(0,n.jsx)(A,{rows:e,variant:`area`,className:t,colors:r})}var M=760,N=280;function P({rows:e=[],className:o,colors:s}){let c=(0,t.useRef)(null),u=(0,t.useRef)(new Map),d=(0,t.useRef)(0),{hoveredRef:m,tooltip:h,hitZonesRef:g}=v(c,{width:M,height:N});return(0,t.useEffect)(()=>{let t=c.current;if(!t)return;let n=f(t,M,N);d.current=0;let r=s?.bars??a,o=s?.axisLine??i.bd,h=s?.valueLabel??i.t2,_={top:24,right:24,bottom:56,left:24},v=N-_.top-_.bottom,y=(M-_.left-_.right)/Math.max(e.length,1),x=Math.max(100,...e.map(e=>e.pricing??0)),C=_.top+v,w,T=()=>{d.current++;let t=d.current;n.clearRect(0,0,M,N);let a=S(Math.min(t/48,1));D(u.current,m.current),g.current=[],n.strokeStyle=l(o,.4),n.lineWidth=1,n.setLineDash([]),n.beginPath(),n.moveTo(_.left,C),n.lineTo(M-_.right,C),n.stroke(),e.forEach((t,o)=>{let s=_.left+o*y,c=E(a,o,e.length,S),d=x>0?(t.pricing??0)/x*v:0,f=Math.max(d>0?4:0,d*c),m=r[o%r.length],w=u.current.get(t.id??`bar-${o}`)??0;b(g.current,t.id??`bar-${o}`,s+4,C-f,y-8,f,{label:t.vendor,value:String(t.pricing??0),color:m}),f>0&&(w>0&&p(n,s+y/2,C-f/2,y*.8,m,.12*w),n.shadowColor=l(m,.2*(w>0?w:0)),n.shadowBlur=w>0?6:0,n.fillStyle=l(m,.5+w*.25),n.beginPath(),n.roundRect(s+4,C-f,y-8,f,[4,4,0,0]),n.fill(),n.shadowBlur=0,w>0&&(n.strokeStyle=l(m,.4*w),n.lineWidth=1,n.beginPath(),n.roundRect(s+4,C-f,y-8,f,[4,4,0,0]),n.stroke())),c>.5&&f>0&&(n.globalAlpha=Math.min(1,(c-.5)*2),n.font=`bold 10px 'JetBrains Mono', monospace`,n.fillStyle=w>0?m:l(h,.7),n.textAlign=`center`,n.fillText(String(t.pricing??``),s+y/2,C-f-6),n.globalAlpha=1),n.font=`${w>0?`bold `:``}9px 'JetBrains Mono', monospace`,n.fillStyle=w>0?m:l(i.t3,.6),n.textAlign=`center`,n.fillText(t.vendor,s+y/2,N-14)}),w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[e,s]),(0,n.jsx)(r,{className:o,children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:M,height:N},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`bar chart`,style:{width:M,height:N,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...h,parentW:M,parentH:N})]})})}function F({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 ee({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:`#71B941`,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 I=660,L=42,te=10,ne=24,re=24,ie=8,ae=[i.green,i.blue,i.amber,i.red];function oe(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 se({items:e=[],"data-testid":r}){let a=(0,t.useRef)(null),c=(0,t.useRef)(0),u=(0,t.useRef)(new Map),[d,g]=(0,t.useState)(!1),S=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),C=(0,t.useMemo)(()=>[...S].sort((e,t)=>(t.percentage??0)-(e.percentage??0)),[S]),w=(0,t.useMemo)(()=>d?C:C.slice(0,ie),[C,d]),T=w.length,E=ne+re+T*L+Math.max(0,T-1)*te,{hoveredRef:D,tooltip:O,hitZonesRef:k}=v(a,{width:I,height:E});return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=f(e,I,E);c.current=0;let n=I*.08,r=I-150-n,d,g=()=>{c.current++;let e=c.current;t.clearRect(0,0,I,E),t.letterSpacing=o.letterSpacing,k.current=[],u.current.forEach((e,t)=>{let n=t===D.current?1:0,r=e+(n-e)*.12;Math.abs(r-n)<.005?n===0?u.current.delete(t):u.current.set(t,1):u.current.set(t,r)}),D.current&&!u.current.has(D.current)&&u.current.set(D.current,0),m(t,I,E,e,40,l(i.blue,.04)),w.forEach((n,i)=>{let a=ae[i%ae.length],c=u.current.get(n.id)??0,d=ne+i*(L+te);t.fillStyle=l(a,.04+c*.04),t.beginPath(),t.roundRect(150,d,r,L,3),t.fill(),t.strokeStyle=l(a,.08),t.lineWidth=1,t.setLineDash([4,4]),t.beginPath(),t.moveTo(150,d+L/2),t.lineTo(150+r,d+L/2),t.stroke(),t.setLineDash([]);let f=(n.percentage??0)/100,m=150+r*Math.min(f,f*x(Math.min(1,e*.005)));if(m>154){let e=t.createLinearGradient(150,0,m,0);e.addColorStop(0,l(a,.02)),e.addColorStop(1,l(a,.25+c*.15)),t.fillStyle=e,t.beginPath(),t.roundRect(150,d+2,m-150,L-4,2),t.fill()}p(t,m,d+L/2,18+c*8,a,.3+c*.2),t.beginPath(),t.arc(m,d+L/2,5+c*2,0,Math.PI*2),t.fillStyle=l(a,.9),t.fill();let h={label:n.name,value:`${n.percentage??0}%`,sublabel:n.totalLabel??(n.total==null?void 0:String(n.total)),color:a};b(k.current,n.id,0,d,150+r,L,h),y(k.current,n.id,m,d+L/2,14,h),t.font=s.font,t.fillStyle=l(a,.9+c*.1),t.textAlign=`left`,t.textBaseline=`middle`,t.fillText(`${n.percentage??0}%`,m+10,d+L/2),t.font=`${c>0?`bold `:``}`+o.font,t.fillStyle=c>0?a:o.color,t.textAlign=`right`,t.fillText(oe(t,n.abbreviation??n.name??``,134),142,d+L/2)}),t.strokeStyle=l(i.t3,.3),t.lineWidth=1,t.setLineDash([]),t.beginPath(),t.moveTo(150+r,ne),t.lineTo(150+r,ne+(T-1)*(L+te)+L),t.stroke(),h(t,I,E,e,.015),d=requestAnimationFrame(g)};return g(),()=>cancelAnimationFrame(d)},[w,E]),C.length===0?(0,n.jsx)(F,{width:I,height:160,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{width:I},children:[(0,n.jsxs)(`div`,{style:{position:`relative`},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Commitment race — contractors ranked by commitment percentage`,style:{width:I,height:E,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...O,parentW:I,parentH:E})]}),S.length>ie&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(ee,{expanded:d,onToggle:()=>g(e=>!e)})})]})}var ce=480,le=270,ue=18;function de(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 fe({confirmed:e,total:r,label:a,"data-testid":s}){let u=(0,t.useRef)(null),d=(0,t.useRef)(0);return(0,t.useEffect)(()=>{let t=u.current;if(!t)return;let n=f(t,ce,le);d.current=0;let s=ce/2,m=Math.PI,h=2*Math.PI,g=Math.PI,_,v=()=>{d.current++;let t=d.current;n.clearRect(0,0,ce,le),n.letterSpacing=o.letterSpacing;let u=x(Math.min(t/80,1)),f=w(Math.min(t/72,1));n.beginPath(),n.arc(s,155,120,m,h),n.strokeStyle=l(i.bd,.35),n.lineWidth=46,n.stroke(),[{start:0,end:.33,color:i.red},{start:.33,end:.66,color:i.amber},{start:.66,end:1,color:i.green}].forEach(e=>{let t=m+e.start*g,r=m+e.end*g;n.beginPath(),n.arc(s,155,194/2,t,r),n.strokeStyle=l(e.color,.12),n.lineWidth=42,n.stroke()});let y=Math.round((e??0)/(r||1)*100),b=m+y/100*g*u,S=y>=66?i.green:y>=33?i.amber:i.red;p(n,s+Math.cos(b)*194/2,155+Math.sin(b)*194/2,18,S,.35*u),n.beginPath(),n.arc(s,155,194/2,m,b),n.strokeStyle=l(S,.7*u),n.lineWidth=38,n.lineCap=`round`,n.stroke(),n.lineCap=`butt`;let C=m+y/100*g*f,T=s+Math.cos(C)*82,E=155+Math.sin(C)*82,D=s-Math.cos(C)*14,O=155-Math.sin(C)*14;n.strokeStyle=l(S,.18*f),n.lineWidth=6,n.lineCap=`round`,n.beginPath(),n.moveTo(D,O),n.lineTo(T,E),n.stroke(),n.strokeStyle=l(i.t1,.92*f),n.lineWidth=2,n.lineCap=`round`,n.beginPath(),n.moveTo(D,O),n.lineTo(T,E),n.stroke(),n.beginPath(),n.arc(T,E,3,0,Math.PI*2),n.fillStyle=l(S,.9*f),n.fill(),p(n,s,155,20,S,.25*f),n.beginPath(),n.arc(s,155,9,0,Math.PI*2),n.strokeStyle=l(S,.5*f),n.lineWidth=1.5,n.stroke(),n.beginPath(),n.arc(s,155,5,0,Math.PI*2),n.fillStyle=i.t1,n.fill(),u>.5&&(n.globalAlpha=Math.min(1,(u-.5)/.5),n.font=`500 24px 'Satoshi Variable', 'DM Sans', sans-serif`,n.fillStyle=S,n.textAlign=`center`,n.fillText(`${Math.round(y*f)}%`,s,117),n.globalAlpha=1),u>.7&&a&&(n.globalAlpha=Math.min(1,(u-.7)/.3),n.font=c.font,n.fillStyle=c.color,n.textAlign=`center`,de(n,`${e??0} of ${r??0} ${a}`,ce-40).forEach((e,t)=>{n.fillText(e,s,213+t*ue)}),n.globalAlpha=1);for(let e=0;e<=10;e++){let t=m+e/10*g;if(n.strokeStyle=l(i.bd,.5),n.lineWidth=e%5==0?1.5:.8,n.beginPath(),n.moveTo(s+Math.cos(t)*122,155+Math.sin(t)*122),n.lineTo(s+Math.cos(t)*128,155+Math.sin(t)*128),n.stroke(),e%5==0){let r=s+Math.cos(t)*138,i=155+Math.sin(t)*138;n.font=o.font,n.fillStyle=o.color,n.textAlign=`center`,n.fillText(`${e*10}%`,r,i+3)}}_=requestAnimationFrame(v)};return v(),()=>cancelAnimationFrame(_)},[e,r,a]),(0,n.jsx)(`div`,{"data-testid":s,style:{position:`relative`,width:ce,height:le},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:ce,height:le,display:`block`}})})}function pe(e,n,r,i,a=!0,o={}){let s=(0,t.useRef)(0),{easing:c=x,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=n*2,t.height=r*2,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 R=780,z=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=[],"data-testid":r}){let a=(0,t.useRef)(null),s=(0,t.useRef)(new Map),{hoveredRef:u,tooltip:d,hitZonesRef:f}=v(a,{width:R,height:z}),g=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),b=(0,t.useMemo)(()=>{let e=Math.max(...g.map(e=>e.base??0)),t=Math.max(...g.map(e=>e.variation??0));return g.map((n,r)=>{let i=R*(.12+r*.19),a=me,o=Math.min(R*.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.length*Math.PI*2,r=e/100,s=o*Math.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}})},[g]);return pe(a,R,z,(e,t,n)=>{D(s.current,u.current),f.current=[],m(e,R,z,n,30),b.forEach((t,r)=>{let a=t.color,c=`constellation-${r}`,u=s.current.get(c)??0;e.beginPath(),e.arc(t.cx,t.cy,t.baseR+5,0,Math.PI*2),e.strokeStyle=l(i.bd,.08+.08*u),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=l(a,.04+.03*u),e.fill(),e.strokeStyle=l(a,.15+.1*u),e.lineWidth=.8,e.stroke(),t.stars.forEach((i,c)=>{let u=T(n,.05,5e-4)*.3+.7,d=3.5*u,p=`star-${r}-${c}`,m=s.current.get(p)??0,h=e.createRadialGradient(i.x,i.y,0,i.x,i.y,d*4);h.addColorStop(0,l(a,(.2+.1*m)*u)),h.addColorStop(1,l(a,0)),e.fillStyle=h,e.beginPath(),e.arc(i.x,i.y,d*4,0,Math.PI*2),e.fill(),e.beginPath(),e.arc(i.x,i.y,d+m*2,0,Math.PI*2),e.fillStyle=l(a,(.8+.2*m)*u),e.fill();let g=Math.sin(i.angle)<-.3;e.textAlign=`center`,e.textBaseline=`middle`,g?(e.font=o.font,e.fillStyle=l(a,.5+.15*m),e.fillText(i.short,i.x,i.y-24),e.font=o.font,e.fillStyle=l(a,.8+.15*m),e.fillText(i.label,i.x,i.y-11)):(e.font=o.font,e.fillStyle=l(a,.5+.15*m),e.fillText(i.short,i.x,i.y+11),e.font=o.font,e.fillStyle=l(a,.8+.15*m),e.fillText(i.label,i.x,i.y+24)),y(f.current,p,i.x,i.y,d*4+2,{label:i.name,value:i.label,sublabel:t.abbreviation??t.name.slice(0,6),color:a})}),u>0&&p(e,t.cx,t.cy,16*u,a,.15*u),e.beginPath(),e.arc(t.cx,t.cy,t.baseR+12,0,Math.PI*2),e.strokeStyle=l(a,.1+T(n,.03,5e-4)*.05),e.lineWidth=1,e.stroke(),e.font=o.font,e.textAlign=`center`,e.textBaseline=`alphabetic`,e.fillStyle=u>0?t.color:o.color,e.fillText(t.abbreviation??t.name.slice(0,6),t.cx,t.cy+t.baseR+26),y(f.current,c,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=c.font,e.textAlign=`center`,e.textBaseline=`middle`,e.fillStyle=c.color,e.fillText(`▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details`,R/2,z-14),h(e,R,z,n,.012)},!0),b.length===0?(0,n.jsx)(F,{width:R,height:z,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:R,height:z},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Contract value breakdown per contractor — multi-KPI constellation chart`,style:{width:R,height:z,display:`block`}}),(0,n.jsx)(_,{...d,parentW:R,parentH:z})]})}var be=680,xe=220,Se=8,Ce=[i.blue,i.amber,i.purple,i.green],B={left:8,right:80,top:16,bottom:38},V=150,H=18;function we(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 Te(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 Ee({data:e,"data-testid":r}){let a=(0,t.useRef)(null),u=(0,t.useRef)(new Map),[d,f]=(0,t.useState)(!1),{items:m=[],totals:h}=e,g=m.filter(e=>typeof e==`object`&&!!e),y=[...g].sort((e,t)=>(t.total??0)-(e.total??0)),x=d?y:y.slice(0,Se),C=x.length,w=Math.max(...y.map(e=>Math.abs(e.total??0)),1),T=C*H+Math.max(0,C-1)*8,O=B.top+B.bottom+T,k=be-B.left-V-B.right,A=g.length===0,{hoveredRef:j,tooltip:M,hitZonesRef:N}=v(a,{width:be,height:O});return pe(a,be,O,(e,t)=>{D(u.current,j.current),N.current=[],x.forEach((n,r)=>{let a=Ce[r%Ce.length],c=E(t,r,C,S),d=B.top+r*(H+8),f=B.left+V,m=u.current.get(n.id)??0,h=Math.max(n.base??0,0),g=Math.max(n.total??0,0),_=h/w*k*c,v=g/w*k*c,y=v-_;e.font=o.font,e.fillStyle=m>0?a:o.color,e.textAlign=`right`,e.textBaseline=`middle`,e.fillText(we(e,n.name??``,V-16),f-8,d+H/2),b(N.current,n.id,0,d,f,H,{label:n.name,value:`${n.totalLabel??Te(n.total??0)} total`,sublabel:`Base ${n.baseLabel??Te(n.base??0)} + Var ${n.variationLabel??Te(n.variation??0)}`,color:a}),e.fillStyle=l(i.bd,.25),e.beginPath(),e.roundRect(f,d,k,H,4),e.fill(),_>0&&(m>0&&p(e,f+_/2,d+H/2,_*.3,a,.1*m),e.fillStyle=l(a,.5+m*.15),e.beginPath(),e.roundRect(f,d,_,H,4),e.fill()),y>2&&(e.fillStyle=l(a,.22+m*.08),e.beginPath(),e.roundRect(f+_,d,y,H,[0,4,4,0]),e.fill(),e.setLineDash([2,3]),e.strokeStyle=l(a,.55),e.lineWidth=1,e.beginPath(),e.moveTo(f+_,d+3),e.lineTo(f+_,d+H-3),e.stroke(),e.setLineDash([])),m>0&&v>0&&(e.strokeStyle=l(a,.5*m),e.lineWidth=1,e.setLineDash([]),e.beginPath(),e.roundRect(f,d,v,H,4),e.stroke()),c>.35&&(e.globalAlpha=Math.min(1,(c-.35)/.4),e.font=s.font,e.fillStyle=m>0?a:s.color,e.textAlign=`left`,e.textBaseline=`middle`,e.fillText(n.totalLabel??Te(n.total??0),f+v+6,d+H/2),e.globalAlpha=1),b(N.current,n.id,f,d,Math.max(v,1),H,{label:n.name,value:n.totalLabel??Te(n.total??0),sublabel:`${n.baseLabel??Te(n.base??0)} + ${n.variationLabel??Te(n.variation??0)}`,color:a})});let n=O-14;e.textBaseline=`middle`,e.font=c.font,e.textAlign=`left`,e.fillStyle=l(i.blue,.5),e.beginPath(),e.roundRect(B.left+V,n-3,14,6,2),e.fill(),e.fillStyle=c.color,e.fillText(`base value`,B.left+V+18,n),e.fillStyle=l(i.blue,.22),e.beginPath(),e.roundRect(B.left+V+94,n-3,14,6,2),e.fill(),e.setLineDash([2,3]),e.strokeStyle=l(i.blue,.5),e.lineWidth=.5,e.beginPath(),e.moveTo(B.left+V+101,n-3),e.lineTo(B.left+V+101,n+3),e.stroke(),e.setLineDash([]),e.fillStyle=c.color,e.fillText(`approved variations`,B.left+V+112,n),e.font=c.font,e.textAlign=`right`,e.fillStyle=c.color,e.fillText(`Portfolio: ${Te(h?.total??0)}`,be-8,n)},!0,{easing:S}),A?(0,n.jsx)(F,{width:be,height:xe,message:`No contract data available`,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{width:be,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:be,height:O,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...M,parentW:be,parentH:O})]}),g.length>Se&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(ee,{expanded:d,onToggle:()=>f(e=>!e)})})]})}var De=[{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 U(e,t=1){let n=Math.abs(e),r=e<0?`-`:``;for(let e of De)if(n>=e.value)return`${r}${(n/e.divisor).toFixed(t)}${e.suffix}`;return`${r}${n.toFixed(0)}`}var Oe=780,W=240,ke=12,Ae=10,je=5,Me=(Oe-2*ke-(je-1)*Ae)/je;function Ne({items:e=[],"data-testid":r}){let c=(0,t.useRef)(null),u=(0,t.useRef)(0),d=(0,t.useRef)(new Map),m=[...(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e])].sort((e,t)=>(t.count??0)-(e.count??0)).slice(0,5),g=m.reduce((e,t)=>e+(t.count??0),0),y=Math.min(je,m.length),x=y>0?2*ke+y*Me+(y-1)*Ae:Oe,{hoveredRef:S,tooltip:C,hitZonesRef:w}=v(c,{width:x,height:W});return(0,t.useEffect)(()=>{let e=c.current;if(!e)return;let t=f(e,x,W);u.current=0;let n=Me,r=W*.84,_=W*.08,v=ke,y,C=()=>{u.current++;let e=u.current;t.clearRect(0,0,x,W),t.letterSpacing=o.letterSpacing,w.current=[],d.current.forEach((e,t)=>{let n=t===S.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)}),S.current&&!d.current.has(S.current)&&d.current.set(S.current,0),m.forEach((o,c)=>{let u=c===0,f=c===0?i.red:c===1?i.amber:a[c%a.length],m=v+c*(n+Ae),h=d.current.get(o.id)??0,y=h*8,x=m-y/2,S=n+y,C=u?T(e,.04,3e-4)*.06+.06:0;t.fillStyle=l(f,.08+h*.07),t.beginPath(),t.roundRect(x,_,S,r,6),t.fill(),t.strokeStyle=l(f,.2+h*.4+C),t.lineWidth=u?1.5:1,t.stroke(),(h>.01||u)&&p(t,x+S/2,_+r/2,S*.55,f,C+h*.14),t.font=s.font,t.textAlign=`left`,t.textBaseline=`top`,t.fillStyle=l(f,.5+h*.35),t.fillText(`#${c+1}`,x+7,_+6);let E=Math.min(n*.28,r*.32,72),D=x+S/2,O=_+r*.38,k=t.createRadialGradient(D,O-E*.2,0,D,O,E);k.addColorStop(0,l(f,.5+h*.2)),k.addColorStop(1,l(f,.2+h*.1)),t.beginPath(),t.arc(D,O,E,0,Math.PI*2),t.fillStyle=k,t.fill(),t.strokeStyle=l(f,.4+h*.3),t.lineWidth=1,t.stroke(),t.font=s.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=l(i.t1,.9);let A=o.abbreviation??o.name??``,j=E*1.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,D,O);let N=o.count==null?null:U(o.count),P=o.label??N;if(P){t.font=s.font,t.textBaseline=`alphabetic`,t.fillStyle=l(f,.9+h*.1);let e=S-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,D,_+r*.74)}let F=Math.round((o.count??0)/(g||1)*100);b(w.current,o.id,m,_,n,r,{label:o.name,value:`${P} · ${F}% of total`,sublabel:`Rank #${c+1}`,color:f})}),h(t,x,W,e,.015),y=requestAnimationFrame(C)};return C(),()=>cancelAnimationFrame(y)},[m,g,x]),m.length===0?(0,n.jsx)(F,{width:x,height:W,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:x,height:W},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`Contractor rank — open EW count per contractor`,style:{width:x,height:W,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...C,parentW:x,parentH:W})]})}var G=680,K=260;function Pe({items:e=[],"data-testid":r}){let a=(0,t.useRef)(null),s=(0,t.useRef)(0),c=(0,t.useRef)(new Map),{hoveredRef:u,tooltip:d,hitZonesRef:g}=v(a,{width:G,height:K}),b=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=f(e,G,K);s.current=0;let n=b.length,r=Math.max(...b.map(e=>e.count),1),d=r,_=G*.05,v=K*.1,x=G*.9/n,S=K*.7/d,C=b.reduce((e,t)=>e+t.count,0),w,E=()=>{s.current++;let e=s.current;t.clearRect(0,0,G,K),g.current=[],c.current.forEach((e,t)=>{let n=t===u.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)}),u.current&&!c.current.has(u.current)&&c.current.set(u.current,0),m(t,G,K,e,40,l(i.blue,.04)),b.forEach((n,a)=>{let s=n.count===r,u=i.blue,f=c.current.get(`${n.category}-col`)??0;for(let i=0;i<d;i++){let o=_+a*x+x/2,d=v+i*S+S/2,m=Math.min(x,S)*.38;if(i>=r-n.count){let r=m*(1+(T(e,.04,5e-4)+Math.sin(a*.6+i*1.2)*.3)*.12);(s||f>.01)&&p(t,o,d,r*3,u,(s?.2:.1)+f*.1),t.beginPath(),t.arc(o,d,r,0,Math.PI*2),t.fillStyle=l(u,s?.8:.5+f*.2),t.fill();let h=`${n.category}-${i}`;y(g.current,h,o,d,m+4,{label:n.fullName,value:`${n.count} Early Warnings`,sublabel:`${Math.round(n.count/C*100)}% of total`,color:u}),c.current.get(`${n.category}-col`)}else t.beginPath(),t.arc(o,d,1,0,Math.PI*2),t.fillStyle=l(u,.08),t.fill()}let m=v+d*S+16;t.font=o.font,t.textAlign=`center`,t.textBaseline=`alphabetic`,t.fillStyle=s?i.blue:l(i.t2,.65),t.fillText(n.category,_+a*x+x/2,m)}),h(t,G,K,e,.015),w=requestAnimationFrame(E)};return E(),()=>cancelAnimationFrame(w)},[b]),b.length===0?(0,n.jsx)(F,{width:G,height:K,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:G,height:K},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Early Warning count by category — breathing dot grid`,style:{width:G,height:K,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...d,parentW:G,parentH:K})]})}function Fe({rows:e=[],className:t,colors:r}){return(0,n.jsx)(A,{rows:e,variant:`line`,className:t,colors:r})}var Ie=[`#4C93D9`,`#5DA537`,`#F3862C`,`#4F72C6`,`#A0B724`,`#EEBF3B`,`#3C45D1`],Le={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 Re({rows:e=[],className:t,colors:r}){let i=r?.slices??Ie;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%Ie.length}`,fill:i[a%i.length]})]})}),(0,n.jsx)(`span`,{children:r})]},`${e}-${a}`))})}var ze=770,Be=320,Ve=60,He=28;function Ue({total:e=0,totalLabel:r,items:c=[],width:u=ze,"data-testid":d}){let m=(0,t.useRef)(null),h=(0,t.useRef)(new Map),g=(0,t.useRef)(0),b=(0,t.useMemo)(()=>c.filter(e=>typeof e==`object`&&!!e),[c]),S=(0,t.useMemo)(()=>Math.max(Be,Ve+Math.max(0,b.length-1)*He),[b.length]),{hoveredRef:C,tooltip:w,hitZonesRef:T}=v(m,{width:u,height:S});return(0,t.useEffect)(()=>{let t=m.current;if(!t)return;let n=f(t,u,S);g.current=0;let c=S/2,d=u-200,_=Math.max(...b.map(e=>e.count??0),1),v=b.length>1?(S-60)/(b.length-1):0,w=b.map((e,t)=>({x:d,y:30+t*v})),O,k=()=>{g.current++;let t=g.current;n.clearRect(0,0,u,S),n.letterSpacing=o.letterSpacing;let f=x(Math.min(t/72,1));if(D(h.current,C.current),T.current=[],p(n,88,c,48*f,i.blue,.15*f),b.forEach((t,r)=>{let u=a[r%a.length],m=E(f,r,b.length,x),g=w[r],v=h.current.get(t.id)??0,S=Math.max(1.5,(t.count??0)/_*6);if(m<.01)return;let C=88+(d-88)*.4,D=c,O=88+(d-88)*.6,k=g.y,A=m;n.beginPath();for(let e=0;e<=40;e++){let t=e/40*A,r=(1-t)**3*88+3*(1-t)**2*t*C+3*(1-t)*t**2*O+t**3*g.x,i=(1-t)**3*c+3*(1-t)**2*t*D+3*(1-t)*t**2*k+t**3*g.y;e===0?n.moveTo(r,i):n.lineTo(r,i)}if(n.strokeStyle=l(u,v>0?.8:.45),n.lineWidth=S*(v>0?1.3:1),n.stroke(),m>.85){let r=Math.min(1,(m-.85)/.15),a=4+(t.count??0)/_*12;p(n,g.x,g.y,a*2.5,u,(.25+v*.2)*r),n.beginPath(),n.arc(g.x,g.y,a*r,0,Math.PI*2),n.fillStyle=l(u,(.7+v*.2)*r),n.fill();let c=U(t.count??0);y(T.current,t.id,g.x,g.y,a+8,{label:t.name,value:c,sublabel:`${Math.round((t.count??0)/(e||1)*100)}% of total`,color:u}),n.globalAlpha=r,n.font=o.font,n.textAlign=`left`;let d=t.abbreviation??t.name?.slice(0,6)??``,f=` ${U(t.count??0)}`,h=g.x+a+6,b=g.y+4;n.fillStyle=v>0?u:l(i.t2,.85),n.fillText(d,h,b);let x=n.measureText(d).width;n.font=s.font,n.fillStyle=v>0?u:i.t1,n.fillText(f,h+x,b),n.globalAlpha=1}}),n.beginPath(),n.arc(88,c,32*f,0,Math.PI*2),n.fillStyle=i.bgL,n.fill(),n.strokeStyle=l(i.blue,.6*f),n.lineWidth=2,n.stroke(),f>.4){n.globalAlpha=Math.min(1,(f-.4)/.4);let t=r??U(e,0);n.font=`500 16px 'Satoshi Variable', 'DM Sans', sans-serif`;let a=t;for(;n.measureText(a).width>54.4&&a.length>1;)a=a.slice(0,-1);a!==t&&(a=a.slice(0,-1)+`…`),n.fillStyle=i.t1,n.textAlign=`center`,n.textBaseline=`middle`,n.fillText(a,88,c),n.globalAlpha=1}y(T.current,`__root__`,88,c,32,{label:r??`Total`,value:U(e,0),sublabel:`${b.length} items`,color:i.blue}),O=requestAnimationFrame(k)};return k(),()=>cancelAnimationFrame(O)},[e,r,b,S,u]),b.length===0?(0,n.jsx)(F,{width:u,height:Be,"data-testid":d}):(0,n.jsxs)(`div`,{"data-testid":d,style:{position:`relative`,width:u,height:S},children:[(0,n.jsx)(`canvas`,{ref:m,role:`img`,"aria-label":`NCE fault tree — NCEs per contractor as branching tree`,style:{width:u,height:S,display:`block`}}),(0,n.jsx)(_,{...w,parentW:u,parentH:S})]})}var We=192,Ge=We,Ke=We+80;function qe({rows:e=[],variant:o,className:s,colors:c}){let u=(0,t.useRef)(null),m=(0,t.useRef)(new Map),h=(0,t.useRef)(0),g=c?.slices??a,{hoveredRef:b,tooltip:x,hitZonesRef:S}=v(u,{width:Ge,height:Ke});return(0,t.useEffect)(()=>{let t=u.current;if(!t)return;let n=f(t,Ge,Ke);h.current=0;let r=Ge/2,a=We/2,s=We*.4,c=o===`donut`?We*.21:0,_=e.reduce((e,t)=>e+(t.pricing??0),0)||1,v,x=()=>{h.current++;let t=h.current;n.clearRect(0,0,Ge,Ke);let u=1-(1-Math.min(t/48,1))**3;D(m.current,b.current),S.current=[];let f=-Math.PI/2;e.forEach((e,o)=>{let d=(e.pricing??0)/_,h=d*Math.PI*2*u,v=f+h,b=g[o%g.length],x=m.current.get(e.id??`sl-${o}`)??0,C=f+h/2,w=(s+c)/2,E=r+Math.cos(C)*w,D=a+Math.sin(C)*w,O=(s-c)/2+8;y(S.current,e.id??`sl-${o}`,E,D,O,{label:e.vendor,value:`${e.pricing??0} (${Math.round(d*100)}%)`,color:b}),x>0&&p(n,E,D,O*2*x,b,.2*x);let k=T(t,.03,3e-4),A=s+x*6+(x>0?k*2:0);n.beginPath(),n.moveTo(r+Math.cos(f)*c,a+Math.sin(f)*c),n.arc(r,a,A,f,v),c>0?n.arc(r,a,c,v,f,!0):n.lineTo(r,a),n.closePath(),n.fillStyle=l(b,.7+x*.2),n.fill(),n.strokeStyle=l(i.bg,.8),n.lineWidth=1.5,n.stroke(),f=v}),o===`donut`&&e.length>0&&p(n,r,a,c*.8,i.blue,.06);let C=We+12;e.forEach((e,t)=>{let r=g[t%g.length],a=(e.pricing??0)/_,o=m.current.get(e.id??`sl-${t}`)??0,s=C+t*18;n.beginPath(),n.arc(8,s,4,0,Math.PI*2),n.fillStyle=l(r,.8+o*.2),n.fill(),n.font=`9px 'JetBrains Mono', monospace`,n.fillStyle=l(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=d(i.t3,r,o),n.textAlign=`right`,n.fillText(`${e.pricing??0} (${Math.round(a*100)}%)`,Ge-4,s+3.5)}),v=requestAnimationFrame(x)};return x(),()=>cancelAnimationFrame(v)},[e,o,c,g]),(0,n.jsx)(r,{className:[`canvas-pie-frame`,s].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:Ge,height:Ke},children:[(0,n.jsx)(`canvas`,{ref:u,role:`img`,"aria-label":`${o} chart`,style:{width:Ge,height:Ke,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...x,parentW:Ge,parentH:Ke})]})})}function Je(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.length*o+(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 Ye({nodes:e,links:o,width:s=960,height:c=280,ariaLabel:u,selectedEntity:d,className:m,colors:g}){let x=(0,t.useRef)(null),S=(0,t.useRef)(new Map),C=(0,t.useRef)(0),w=(0,t.useRef)([]),E=g?.nodes??a,O=g?.links??i.bd,k=g?.activeLinks??i.blue,A=g?.activeNodes??i.blue,j=(0,t.useMemo)(()=>Je(e,o,s,c),[e,o,s,c]),{hoveredRef:M,tooltip:N,hitZonesRef:P}=v(x,{width:s,height:c});return(0,t.useEffect)(()=>{let t=x.current;if(!t)return;let n=f(t,s,c);C.current=0,w.current=[];let r=o.length>0?Math.max(...o.map(e=>e.value)):1,a,u=()=>{C.current++;let t=C.current;n.clearRect(0,0,s,c);let f=1-(1-Math.min(t/56,1))**3;D(S.current,M.current),P.current=[],o.forEach((e,a)=>{let o=j.get(e.source),s=j.get(e.target);if(!o||!s)return;let c=!!d&&(e.source===d||e.target===d),u=c?k:O,p=c?.5:.2,m=Math.max(3,e.value/r*36*f),h=m/2,g=o.x+o.w,_=o.y+o.h/2,v=s.x,b=s.y+s.h/2,x=(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=o*o*g+2*o*r*x+r*r*v,d=o*o*_+2*o*r*_+r*r*b,f=s*s*g+2*s*i*x+i*i*v,m=s*s*_+2*s*i*_+i*i*b,y=T(t+r*120+a*40,.025,3e-4)*1.2;n.beginPath(),n.moveTo(c,d-h+y),n.lineTo(f,m-h+y),n.lineTo(f,m+h+y),n.lineTo(c,d+h+y),n.closePath(),n.fillStyle=l(u,p*(.5+r*.5)),n.fill()}y(P.current,`link-${a}`,x,(_+b)/2,m+6,{label:`${e.source} → ${e.target}`,value:String(e.value),color:c?k: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=d===e.id,s=M.current===`node-${r}`,c=S.current.get(`node-${r}`)??0,u=o?A:E[r%E.length];b(P.current,`node-${r}`,a.x,a.y,a.w,a.h,{label:e.name,value:e.valueLabel??e.id,color:u}),(c>0||o)&&p(n,a.x+a.w/2,a.y+a.h/2,a.w*2,u,.2*Math.max(c,o?.6:0));let f=o?T(t,.03,3e-4)*.15:0;n.fillStyle=l(u,.6+c*.25+f),n.beginPath(),n.roundRect(a.x,a.y,a.w,a.h,4),n.fill(),(o||c>0)&&(n.strokeStyle=l(u,.5*Math.max(c,o?1:0)),n.lineWidth=1,n.beginPath(),n.roundRect(a.x,a.y,a.w,a.h,4),n.stroke());let m=a.x+a.w+8;n.font=`${o||s?`bold `:``}10px 'JetBrains Mono', monospace`,n.fillStyle=l(o?u:i.t2,.7+c*.2),n.textAlign=`left`,n.fillText(e.name,m,a.y+a.h/2+4),e.valueLabel&&(n.font=`9px 'JetBrains Mono', monospace`,n.fillStyle=l(u,.5+c*.2),n.fillText(e.valueLabel,m,a.y+a.h/2+17))}),w.current=w.current.filter(e=>{if(e.prog+=e.speed,e.prog>1)return!1;let t=o[e.linkIdx];if(!t)return!1;let r=j.get(t.source),a=j.get(t.target);if(!r||!a)return!1;let s=r.x+r.w,c=r.y+r.h/2,u=a.x,d=a.y+a.h/2,f=(s+u)/2,p=1-e.prog,m=p*p*s+2*p*e.prog*f+e.prog*e.prog*u,h=p*p*c+2*p*e.prog*c+e.prog*e.prog*d+e.off,_=Math.sin(e.prog*Math.PI)*.5,v=g?.links??i.blue;return n.beginPath(),n.arc(m,h,e.sz,0,Math.PI*2),n.fillStyle=l(v,_),n.fill(),!0}),w.current.length>150&&(w.current=w.current.slice(-150)),h(n,s,c,t,.01),a=requestAnimationFrame(u)};return u(),()=>{cancelAnimationFrame(a),w.current=[]}},[e,o,s,c,d,g,j]),(0,n.jsx)(r,{className:[`canvas-sankey-frame`,m].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{role:`img`,"aria-label":u,style:{position:`relative`,width:s,height:c},children:[(0,n.jsx)(`canvas`,{ref:x,style:{width:s,height:c,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...N,parentW:s,parentH:c})]})})}var Xe=[{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}],Ze=[i.blue,i.orange,i.red,i.purple,i.green,i.amber,i.t2],Qe=[26,24,24,26,22,22,22,22];function $e(e,t){let n=1-t;return{x:n*n*n*e.p0.x+3*n*n*t*e.p1.x+3*n*t*t*e.p2.x+t*t*t*e.p3.x,y:n*n*n*e.p0.y+3*n*n*t*e.p1.y+3*n*t*t*e.p2.y+t*t*t*e.p3.y}}function et(e,t){let n=1-t,r=3*n*n*(e.p1.x-e.p0.x)+6*n*t*(e.p2.x-e.p1.x)+3*t*t*(e.p3.x-e.p2.x),i=3*n*n*(e.p1.y-e.p0.y)+6*n*t*(e.p2.y-e.p1.y)+3*t*t*(e.p3.y-e.p2.y),a=Math.sqrt(r*r+i*i)||1;return{x:-i/a,y:r/a}}function tt(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 nt({nodes:e,links:r,width:a=960,height:o=280,selectedEntity:s}){let c=(0,t.useRef)(null),u=(0,t.useRef)(0),g=(0,t.useRef)([]),{hoveredRef:b,tooltip:S,hitZonesRef:C}=v(c,{width:a,height:o}),w=(0,t.useMemo)(()=>{let t=new Map;return e.forEach((e,n)=>t.set(e.id,n)),t},[e]),E=(0,t.useMemo)(()=>r.length>0?Math.max(...r.map(e=>e.value)):100,[r]),D=e=>E>1?e/100:e,O=(0,t.useMemo)(()=>e.map((e,t)=>{let n=Xe[t%Xe.length];return{id:e.id,label:e.name,sub:e.valueLabel??``,x:n.x*a,y:n.y*o,r:Qe[t%Qe.length],color:Ze[t%Ze.length]}}),[e,a,o]),k=(0,t.useMemo)(()=>r.map(e=>({fromIdx:w.get(e.source)??-1,toIdx:w.get(e.target)??-1,conf:D(e.value)})).filter(e=>e.fromIdx>=0&&e.toIdx>=0),[r,w]);return(0,t.useEffect)(()=>{let e=c.current;if(!e)return;let t=f(e,a,o);u.current=0,g.current=[];let n,r=()=>{u.current++;let e=u.current;if(t.clearRect(0,0,a,o),C.current=[],m(t,a,o,e,50,l(i.blue,.05)),k.forEach((e,n)=>{let r=O[e.fromIdx],a=O[e.toIdx];if(!r||!a)return;let o=!!s&&(r.id===s||a.id===s),c=d(r.color,a.color,.5),u=o?.18:.05,f=o?.25:.1,p=tt(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=l(c,u),t.lineWidth=16,t.lineCap=`round`,t.stroke(),t.strokeStyle=l(c,f),t.lineWidth=1.5,t.stroke();for(let t=0;t<e.conf*2.5;t++)Math.random()<.45&&g.current.push({edgeIdx:n,t:0,speed:.003+Math.random()*.004,off:(Math.random()-.5)*13,sz:.7+Math.random()*2});let m=$e(p,.5),h=`${Math.round(e.conf*100)}%`;t.font=`bold 12px 'JetBrains Mono', monospace`,t.textBaseline=`middle`;let _=t.measureText(h).width+14;t.fillStyle=`rgba(10,16,24,0.88)`,t.beginPath(),t.roundRect(m.x-_/2,m.y-11,_,22,6),t.fill(),t.strokeStyle=l(i.blue,.25),t.lineWidth=1,t.stroke(),t.fillStyle=l(i.blue,.9),t.textAlign=`center`,t.fillText(h,m.x,m.y)}),g.current=g.current.filter(e=>{if(e.t+=e.speed,e.t>1)return!1;let n=k[e.edgeIdx];if(!n)return!1;let r=O[n.fromIdx],i=O[n.toIdx];if(!r||!i)return!1;let a=tt(r,i),o=$e(a,e.t),s=et(a,e.t),c=o.x+s.x*e.off,u=o.y+s.y*e.off,f=Math.sin(e.t*Math.PI)*.7,m=d(r.color,i.color,e.t);return p(t,c,u,e.sz*3,m,f*.1),t.beginPath(),t.arc(c,u,e.sz,0,Math.PI*2),t.fillStyle=l(m,f),t.fill(),!0}),g.current.length>350&&(g.current=g.current.slice(-350)),O.forEach((n,r)=>{let a=s===n.id,o=b.current===`node-${r}`,c=T(e,.03,3e-4)*.1+1,u=n.r*c*(a?1.15:1);t.beginPath(),t.arc(n.x,n.y,u+6,0,Math.PI*2),t.strokeStyle=l(n.color,a?.3:.1),t.lineWidth=a?1.5:.7,t.stroke(),p(t,n.x,n.y,u*3,n.color,a?.22:.12);let d=t.createRadialGradient(n.x,n.y-u*.2,0,n.x,n.y,u);if(d.addColorStop(0,l(n.color,a?1:.85)),d.addColorStop(1,l(n.color,a?.65:.45)),t.fillStyle=d,t.beginPath(),t.arc(n.x,n.y,u,0,Math.PI*2),t.fill(),a||r===O.length-1){let r=u+16,i=e*.04,a=n.x+Math.cos(i)*r,o=n.y+Math.sin(i)*r;p(t,a,o,6,n.color,.3),t.beginPath(),t.arc(a,o,2,0,Math.PI*2),t.fillStyle=l(n.color,.75),t.fill()}y(C.current,`node-${r}`,n.x,n.y,u+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=l(n.color,a?1:.9),t.fillText(n.label,n.x,n.y+u+18),n.sub&&(t.font=`10px 'JetBrains Mono', monospace`,t.fillStyle=l(i.t3,.65),t.fillText(n.sub,n.x,n.y+u+32))}),k.length>=2){let n=k.reduce((e,t)=>e*t.conf,1),r=o*.92,s=a*.12,c=a*.76,u=x(Math.min(e*.008,1));t.fillStyle=l(i.bd,.35),t.beginPath(),t.roundRect(s,r,c,5,3),t.fill(),t.fillStyle=l(i.orange,.6),t.beginPath(),t.roundRect(s,r,c*n*u,5,3),t.fill(),t.font=`bold 12px 'JetBrains Mono', monospace`,t.textAlign=`left`,t.textBaseline=`middle`,t.fillStyle=l(i.orange,.85),t.fillText(`${Math.round(n*100)}% compound confidence`,s+c*n*u+10,r+2);let d=k.map(e=>e.conf.toFixed(2)).join(` × `);t.textAlign=`right`,t.font=`9px 'JetBrains Mono', monospace`,t.fillStyle=l(i.t4,.6),t.fillText(d,s-6,r+2)}h(t,a,o,e,.012),n=requestAnimationFrame(r)};return r(),()=>{cancelAnimationFrame(n),g.current=[]}},[O,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)(_,{...S,parentW:a,parentH:o})]})}function rt({selectedEntity:e,colors:t}){return(0,n.jsx)(nt,{nodes:Le.nodes,links:Le.links,width:960,height:280,selectedEntity:e})}function it({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)(Ye,{nodes:a,links:o,width:760,height:280,ariaLabel:`sankey chart`,className:r,colors:i})}var at=500,ot=280;function st({left:e,right:r,leftTitle:a=`Accepted`,rightTitle:c=`Submitted`,unit:u=`quotations`,"data-testid":d}){let m=(0,t.useRef)(null),h=(0,t.useRef)(0);return(0,t.useEffect)(()=>{let t=m.current;if(!t)return;let n=f(t,at,ot);h.current=0;let d=at/2,g=Math.abs(e.value??0),_=Math.abs(r.value??0),v=Math.max(g,_,1),y=(e.value-r.value)/(2*v)*14,b=Math.max(-14,Math.min(14,y)),S,C=()=>{h.current++;let t=h.current;n.clearRect(0,0,at,ot),n.letterSpacing=o.letterSpacing;let f=x(Math.min(t/80,1)),m=b*w(Math.min(t/80,1))*Math.PI/180;n.strokeStyle=l(i.bd,.5*f),n.lineWidth=2,n.beginPath(),n.moveTo(d,50),n.lineTo(d,180),n.stroke(),n.beginPath(),n.arc(d,50,5*f,0,Math.PI*2),n.fillStyle=i.t2,n.fill();let y={x:d-Math.cos(m)*160,y:50+Math.sin(-m)*160},T={x:d+Math.cos(m)*160,y:50+Math.sin(m)*160};n.strokeStyle=l(i.t2,.5*f),n.lineWidth=2,n.beginPath(),n.moveTo(y.x,y.y),n.lineTo(T.x,T.y),n.stroke();let E=Math.max(20,g/v*100*f),D=y.y+18;p(n,y.x,D+E/2,90*.5,i.green,.18*f),n.fillStyle=l(i.green,.5*f),n.beginPath(),n.roundRect(y.x-90/2,D,90,E,[0,0,6,6]),n.fill(),n.strokeStyle=l(i.green,.7*f),n.lineWidth=1.5,n.stroke(),n.strokeStyle=l(i.t2,.35*f),n.lineWidth=1,[-90/3,90/3].forEach(e=>{n.beginPath(),n.moveTo(y.x+e,y.y+4),n.lineTo(y.x+e,D),n.stroke()}),f>.5&&(n.globalAlpha=Math.min(1,(f-.5)/.5),n.font=s.font,n.fillStyle=i.green,n.textAlign=`center`,n.fillText(e.label,y.x,D+E+18),n.font=o.font,n.fillStyle=o.color,n.fillText(a,y.x,D+E+38),n.fillText(`${e.count} ${u}`,y.x,D+E+58),n.globalAlpha=1);let O=Math.max(20,_/v*100*f),k=T.y+18;n.fillStyle=l(i.amber,.3*f),n.strokeStyle=l(i.amber,.5*f),n.lineWidth=1.5,n.beginPath(),n.roundRect(T.x-90/2,k,90,O,[0,0,6,6]),n.fill(),n.stroke(),n.strokeStyle=l(i.t2,.35*f),n.lineWidth=1,[-90/3,90/3].forEach(e=>{n.beginPath(),n.moveTo(T.x+e,T.y+4),n.lineTo(T.x+e,k),n.stroke()}),f>.5&&(n.globalAlpha=Math.min(1,(f-.5)/.5),n.font=s.font,n.fillStyle=i.amber,n.textAlign=`center`,n.fillText(r.label,T.x,k+O+18),n.font=o.font,n.fillStyle=o.color,n.fillText(c,T.x,k+O+38),n.fillText(`${r.count} ${u}`,T.x,k+O+58),n.globalAlpha=1),S=requestAnimationFrame(C)};return C(),()=>cancelAnimationFrame(S)},[e,r]),(0,n.jsx)(`div`,{"data-testid":d,style:{position:`relative`,width:at,height:ot},children:(0,n.jsx)(`canvas`,{ref:m,role:`img`,"aria-label":`Quotation balance — accepted vs submitted quotation value`,style:{width:at,height:ot,display:`block`}})})}var ct=680,q=280;function lt({points:e=[],"data-testid":r}){let a=(0,t.useRef)(null),s=(0,t.useRef)(new Map),c=(0,t.useRef)(0),{hoveredRef:u,tooltip:d,hitZonesRef:m}=v(a,{width:ct,height:q}),h=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=f(e,ct,q);c.current=0;let n=ct-54-28,r=q-30-54,d=Math.max(...h.map(e=>e.count),1),_=h.length,v=_>1?n/(_-1):n,b=h.map((e,t)=>({x:54+t*v,y:30+r-e.count/d*r,point:e})),S,C=()=>{c.current++;let e=c.current;t.clearRect(0,0,ct,q),t.letterSpacing=o.letterSpacing;let a=x(Math.min(e/72,1));D(s.current,u.current),m.current=[],[.25,.5,.75,1].forEach(e=>{let a=30+r-e*r;t.strokeStyle=l(i.bd,.18),t.lineWidth=1,t.setLineDash([3,5]),t.beginPath(),t.moveTo(54,a),t.lineTo(54+n,a),t.stroke(),t.setLineDash([]),t.font=o.font,t.fillStyle=o.color,t.textAlign=`right`,t.fillText(String(Math.round(d*e)),48,a+3)}),t.save(),t.translate(12,30+r/2),t.rotate(-Math.PI/2),t.font=o.font,t.fillStyle=o.color,t.textAlign=`center`,t.fillText(`Submissions`,0,0),t.restore(),t.font=o.font,t.fillStyle=o.color,t.textAlign=`center`,t.fillText(`Week`,54+n/2,q-6),t.strokeStyle=l(i.bd,.3),t.lineWidth=1,t.setLineDash([]),t.beginPath(),t.moveTo(54,30+r),t.lineTo(54+n,30+r),t.stroke();let f=a*(_-1),h=Math.floor(f)+1;if(h>=2){t.beginPath(),t.moveTo(b[0].x,30+r),t.lineTo(b[0].x,b[0].y);for(let e=1;e<h;e++){let n=f-Math.floor(f),r=e<h-1?b[e].x:b[e-1].x+(b[e].x-b[e-1].x)*(e===Math.ceil(f)?n:1),i=e<h-1?b[e].y:b[e-1].y+(b[e].y-b[e-1].y)*(e===Math.ceil(f)?n:1);t.lineTo(r,i)}let e=b[Math.min(h-1,_-1)];t.lineTo(e.x,30+r),t.closePath();let n=t.createLinearGradient(0,30,0,30+r);n.addColorStop(0,l(i.blue,.22)),n.addColorStop(1,l(i.blue,.02)),t.fillStyle=n,t.fill()}t.beginPath();for(let e=0;e<h;e++){let n=f-Math.floor(f),r=e===h-1&&e>0&&e===Math.ceil(f),i=e===0||e<h-1?b[e].x:b[e-1].x+(b[e].x-b[e-1].x)*(r?n:1),a=e===0||e<h-1?b[e].y:b[e-1].y+(b[e].y-b[e-1].y)*(r?n:1);e===0?t.moveTo(i,a):t.lineTo(i,a)}t.strokeStyle=l(i.blue,.85),t.lineWidth=2,t.stroke(),b.forEach((e,n)=>{if(n>=h)return;let a=`pt-${n}`,c=s.current.get(a)??0;y(m.current,a,e.x,e.y,10,{label:e.point.week,value:String(e.point.count),color:i.blue}),c>0&&g(t,e.x,30,30+r,l(i.blue,.15*c));let u=e.point.count===d;(c>0||u)&&p(t,e.x,e.y,14,i.blue,(u?.3:0)+c*.25),t.beginPath(),t.arc(e.x,e.y,c>0?5:3.5,0,Math.PI*2),t.fillStyle=l(i.blue,c>0?1:.8),t.fill(),(c>0||u)&&(t.font=o.font,t.fillStyle=i.blue,t.textAlign=`center`,t.fillText(String(e.point.count),e.x,e.y-10)),t.font=o.font,t.fillStyle=c>0?i.blue:o.color,t.textAlign=`center`,t.fillText(e.point.week,e.x,q-54+14)}),S=requestAnimationFrame(C)};return C(),()=>cancelAnimationFrame(S)},[h]),h.length<2?(0,n.jsx)(F,{width:ct,height:q,"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:ct,height:q},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Trend chart — count over time`,style:{width:ct,height:q,display:`block`}}),(0,n.jsx)(_,{...d,parentW:ct,parentH:q})]})})}var ut=680,J=280,dt=80,ft=48,pt=64,mt=o.font,ht=12,gt=Math.PI*2,_t=72,vt=20,yt=5e3;function bt({points:e=[],"data-testid":r}){let a=(0,t.useRef)(null),s=(0,t.useRef)(null),c=(0,t.useRef)(0),u=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),d=(0,t.useMemo)(()=>{if(u.length<=1)return pt;let e=document.createElement(`canvas`).getContext(`2d`);if(!e)return pt;e.font=mt;let t=Math.max(1,Math.ceil(u.length/vt)),n=Math.max(...u.filter((e,n)=>n%t===0).map(t=>e.measureText(t.week).width));return Math.max(pt,n+ht)},[u]),p=Math.round(d/2),m=ft+p+Math.max(0,u.length-1)*d,h=Math.max(ut-dt,Math.min(m,yt)),{tooltip:g,hitZonesRef:b}=v(a,{width:h,height:J});return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=f(e,h,J),n=s.current?f(s.current,dt,J):null;c.current=0;let r=u.length<=_t?_t:Math.max(24,Math.round(_t*(_t/u.length))),m=h-ft,g=J-42-54,_=u.length>0?u.map(e=>e.count):[0],v=Math.min(..._),S=Math.max(..._),C=S-v||1,w=u.length,T=w>1?(m-p)/(w-1):m-p,E=Math.max(1,Math.ceil(d/T)),D=v<0,O=D?42+g- -v/C*g:42+g,k=u.map((e,t)=>({x:p+t*T,y:42+g-(D?(e.count-v)/C:e.count/(S||1))*g,point:e}));if(n){n.clearRect(0,0,dt,J),n.letterSpacing=o.letterSpacing;let e=D?[v,v+C*.25,v+C*.5,v+C*.75,S]:[0,S*.25,S*.5,S*.75,S];e.forEach((t,r)=>{let i=r/(e.length-1),a=42+g-i*g;n.font=o.font,n.fillStyle=o.color,n.textAlign=`right`,n.fillText(U(t),dt-6,a+3)}),n.save(),n.translate(12,42+g/2),n.rotate(-Math.PI/2),n.font=o.font,n.fillStyle=o.color,n.textAlign=`center`,n.fillText(`Count`,0,0),n.restore()}let A=t.createLinearGradient(0,42,0,42+g);A.addColorStop(0,l(i.blue,.22)),A.addColorStop(1,l(i.blue,.02));let j=0,M,N=e=>{t.font=mt,t.fillStyle=o.color,t.textAlign=`center`;for(let n=0;n<e;n++)n%E===0&&t.fillText(k[n].point.week,k[n].x,J-54+14)},P=()=>{c.current++;let e=Math.min(c.current/r,1),n=x(e),a=e>=1;t.clearRect(0,0,h,J),t.letterSpacing=o.letterSpacing,(D?[0,.25,.5,.75,1]:[.25,.5,.75,1]).forEach(e=>{let n=42+g-e*g;t.strokeStyle=l(i.bd,.18),t.lineWidth=1,t.setLineDash([3,5]),t.beginPath(),t.moveTo(0,n),t.lineTo(m,n),t.stroke(),t.setLineDash([])}),t.font=o.font,t.fillStyle=o.color,t.textAlign=`center`,t.fillText(`Period`,p+(m-p)/2,J-6),t.strokeStyle=l(i.bd,D?.5:.3),t.lineWidth=D?2:1,t.beginPath(),t.moveTo(p,D?O:42+g),t.lineTo(m,D?O:42+g),t.stroke();let s=n*(w-1),u=Math.floor(s)+1;if(u>=2){let e=D?O:42+g;t.beginPath(),t.moveTo(k[0].x,e),t.lineTo(k[0].x,k[0].y);for(let e=1;e<u;e++){let n=s-Math.floor(s),r=e===u-1&&e===Math.ceil(s)&&n>0,i=r?k[e-1].x+(k[e].x-k[e-1].x)*n:k[e].x,a=r?k[e-1].y+(k[e].y-k[e-1].y)*n:k[e].y;t.lineTo(i,a)}t.lineTo(k[u-1].x,e),t.closePath(),t.fillStyle=A,t.fill()}t.beginPath();for(let e=0;e<u;e++){let n=s-Math.floor(s),r=e===u-1&&e>0&&e===Math.ceil(s)&&n>0,i=r?k[e-1].x+(k[e].x-k[e-1].x)*n:k[e].x,a=r?k[e-1].y+(k[e].y-k[e-1].y)*n:k[e].y;e===0?t.moveTo(i,a):t.lineTo(i,a)}t.strokeStyle=l(i.blue,.85),t.lineWidth=2,t.stroke(),t.fillStyle=l(i.blue,.8),t.beginPath();for(let e=0;e<u;e++)t.moveTo(k[e].x+3.5,k[e].y),t.arc(k[e].x,k[e].y,3.5,0,gt);if(t.fill(),u>j){b.current=[];for(let e=0;e<u;e++)y(b.current,`pt-${e}`,k[e].x,k[e].y,10,{label:k[e].point.week,value:String(k[e].point.count),color:i.blue});j=u}a&&N(w),a||(M=requestAnimationFrame(P))};return P(),()=>cancelAnimationFrame(M)},[u,h,d,b]),u.length<2?(0,n.jsx)(F,{width:ut,height:J,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:`100%`,display:`flex`},children:[(0,n.jsx)(`canvas`,{ref:s,"aria-hidden":`true`,style:{width:dt,height:J,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:h,height:J},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Trend chart — count over time`,style:{width:h,height:J,display:`block`}}),(0,n.jsx)(_,{...g,parentW:h,parentH:J})]})})]})}var xt=680,St=240,Ct=28,wt=156;function Tt(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 Et={Critical:i.red,High:i.orange,Medium:i.amber,Low:i.green};function Dt({severities:e=[],"data-testid":r}){let a=(0,t.useRef)(null),c=(0,t.useRef)(new Map),u=(0,t.useRef)(0),d=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),m=d.length>0?Math.min(xt,2*Ct+d.length*wt):xt,{hoveredRef:h,tooltip:g,hitZonesRef:y}=v(a,{width:m,height:St});return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=f(e,m,St);u.current=0;let n=d.reduce((e,t)=>e+(t.count??0),0),r=Ct,g=Ct,_=m-r-g,v=St-50-52,x=d.map(e=>(e.count??0)/(n||1)*_),C,w=()=>{u.current++;let e=u.current;t.clearRect(0,0,m,St),t.letterSpacing=o.letterSpacing;let a=S(Math.min(e/60,1));D(c.current,h.current),y.current=[],t.strokeStyle=l(i.bd,.2),t.lineWidth=1,t.beginPath(),t.rect(r,50,_,v),t.stroke(),t.strokeStyle=l(i.t2,.15),t.lineWidth=1,t.setLineDash([4,4]),t.beginPath(),t.moveTo(m/2,50),t.lineTo(m/2,50+v),t.stroke(),t.setLineDash([]);let f=r;d.forEach((e,r)=>{let u=Et[e.severity]??i.blue,d=x[r],m=c.current.get(e.severity)??0,h=f+d/2,g=d*.85,_=d*a,S=g*a,C=h-S/2;if(_>0&&(m>0&&p(t,f+_/2,50+v/2,_*.4,u,.15*m),t.beginPath(),t.moveTo(C,50),t.lineTo(C+S,50),t.lineTo(f+_,50+v),t.lineTo(f,50+v),t.closePath(),t.fillStyle=l(u,.45+m*.25),t.fill(),t.strokeStyle=l(u,(.5+m*.3)*a),t.lineWidth=m>0?2:1,t.beginPath(),t.moveTo(C,50),t.lineTo(C+S,50),t.stroke(),t.strokeStyle=l(u,(.3+m*.3)*a),t.lineWidth=m>0?2:1,t.beginPath(),t.moveTo(f,50+v),t.lineTo(f+_,50+v),t.stroke()),b(y.current,e.severity,f,50,d,v,{label:e.severity,value:U(e.count??0),sublabel:`${Math.round((e.count??0)/(n||1)*100)}%`,color:u}),a>.5){let r=Math.min(1,(a-.5)/.5),c=f+d/2;t.globalAlpha=r,t.font=o.font,t.fillStyle=m>0?u:l(u,.9),t.textAlign=`center`,t.fillText(Tt(t,e.severity,d-12),c,38),t.font=s.font,t.fillStyle=m>0?i.t1:l(i.t1,.85),t.fillText(U(e.count??0),c,50+v/2+6),t.font=o.font,t.fillStyle=m>0?u:o.color,t.fillText(`${Math.round((e.count??0)/(n||1)*100)}%`,c,50+v+18),t.globalAlpha=1}f+=d});let g=t.createLinearGradient(r,0,r+_,0);g.addColorStop(0,l(i.red,.03)),g.addColorStop(.33,l(i.orange,.03)),g.addColorStop(.66,l(i.amber,.03)),g.addColorStop(1,l(i.green,.03)),t.fillStyle=g,t.fillRect(r,50,_*a,v),C=requestAnimationFrame(w)};return w(),()=>cancelAnimationFrame(C)},[d,m]),d.length===0?(0,n.jsx)(F,{width:m,height:St,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:m,height:St},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Early Warning severity distribution — prism spectrum bands`,style:{width:m,height:St,display:`block`}}),(0,n.jsx)(_,{...g,parentW:m,parentH:St})]})}var Y=300,X=280,Ot=100,kt={Open:i.red,Submitted:i.amber,Closed:i.green};function At({segments:e=[],title:r,unitLabel:a=``,"data-testid":c}){let u=(0,t.useRef)(null),d=(0,t.useRef)(0),g=(0,t.useRef)(new Map),{hoveredRef:b,tooltip:x,hitZonesRef:S}=v(u,{width:Y,height:X}),C=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]);return(0,t.useEffect)(()=>{let e=u.current;if(!e)return;let t=f(e,Y,X);d.current=0;let n=Y*.5,c=X*.56,_=Ot,v=C.reduce((e,t)=>e+(t.count??0),0),x=Math.max(...C.map(e=>e.count??0),1),w,T=()=>{d.current++;let e=d.current;t.clearRect(0,0,Y,X),t.letterSpacing=o.letterSpacing,S.current=[],g.current.forEach((e,t)=>{let n=t===b.current?1:0,r=e+(n-e)*.12;Math.abs(r-n)<.005?n===0?g.current.delete(t):g.current.set(t,1):g.current.set(t,r)}),b.current&&!g.current.has(b.current)&&g.current.set(b.current,0),m(t,Y,X,e,40,l(i.blue,.04)),C.forEach((r,a)=>{let o=a/3*Math.PI*2-Math.PI/2,u=n+Math.cos(o)*_,d=c+Math.sin(o)*_,f=kt[r.status]??i.blue,m=2+r.count/x*8;t.beginPath(),t.moveTo(n,c),t.lineTo(u,d),t.strokeStyle=l(f,.08),t.lineWidth=m*2,t.stroke(),t.beginPath(),t.moveTo(n,c),t.lineTo(u,d),t.strokeStyle=l(f,.25),t.lineWidth=1,t.stroke();let h=(e*.005+a*.33)%1,g=n+(u-n)*h,v=c+(d-c)*h;p(t,g,v,6,f,.4),t.beginPath(),t.arc(g,v,2,0,Math.PI*2),t.fillStyle=l(f,.8),t.fill();let y=(n+u)/2,b=(c+d)/2;t.font=s.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=l(f,.85),t.fillText(String(r.count),y,b)}),C.forEach((e,r)=>{let s=r/3*Math.PI*2-Math.PI/2,u=n+Math.cos(s)*_,d=c+Math.sin(s)*_,f=kt[e.status]??i.blue,m=10+e.count/x*18,h=g.current.get(e.status)??0;p(t,u,d,m*2.5,f,.2+h*.15);let b=t.createRadialGradient(u,d-m*.2,0,u,d,m);b.addColorStop(0,l(f,.8+h*.2)),b.addColorStop(1,l(f,.4+h*.1)),t.beginPath(),t.arc(u,d,m,0,Math.PI*2),t.fillStyle=b,t.fill(),t.font=`bold `+o.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=l(i.t1,.9),t.fillText(e.status,u,d),y(S.current,e.status,u,d,m+6,{label:e.status,value:a?`${e.count} ${a}`:String(e.count),sublabel:`${Math.round((e.count??0)/(v||1)*100)}%`,color:f})});let u=g.current.get(`center`)??0;p(t,n,c,36,i.t2,.2+u*.15);let f=t.createRadialGradient(n,c-4,0,n,c,22);f.addColorStop(0,l(i.t2,.9)),f.addColorStop(1,l(i.t2,.5)),t.beginPath(),t.arc(n,c,22,0,Math.PI*2),t.fillStyle=f,t.fill(),t.font=s.font,t.textAlign=`center`,t.textBaseline=`middle`,t.fillStyle=l(i.t1,.9),t.fillText(r??``,n,c-4),t.font=`bold `+o.font,t.fillStyle=i.t1,t.fillText(String(v),n,c+8),y(S.current,`center`,n,c,28,{label:r??`Total`,value:a?`${v} ${a}`:String(v),color:i.t2}),h(t,Y,X,e,.015),w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[C,r,a]),C.length===0?(0,n.jsx)(F,{width:Y,height:X,"data-testid":c}):(0,n.jsxs)(`div`,{"data-testid":c,style:{position:`relative`,width:Y,height:X},children:[(0,n.jsx)(`canvas`,{ref:u,role:`img`,"aria-label":r??`EW status arc visualization`,style:{width:Y,height:X,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...x,parentW:Y,parentH:X})]})}var jt=280,Z=96;function Mt({points:e=[],className:a,colors:o}){let s=(0,t.useRef)(null),c=(0,t.useRef)(new Map),u=(0,t.useRef)(0),d=(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:m,hoveredRef:h,tooltip:b,hitZonesRef:x}=v(s,{width:jt,height:Z});return(0,t.useEffect)(()=>{let e=s.current;if(!e)return;let t=f(e,jt,Z);u.current=0;let n=o?.line??i.blue,r=o?.point??i.blue,a=o?.axisLine??i.bd,_,v=()=>{u.current++;let e=u.current;if(t.clearRect(0,0,jt,Z),d.length<2){_=requestAnimationFrame(v);return}let o={left:12,right:12,top:16,bottom:20},s=jt-o.left-o.right,f=Z-o.top-o.bottom,b=d.map(e=>e.value),S=Math.min(...b),C=Math.max(...b)-S||1,w=e=>o.left+e/(d.length-1)*s,E=e=>o.top+(1-(e-S)/C)*f,O=1-(1-Math.min(e/48,1))**3,k=Math.max(2,Math.floor(O*d.length));if(D(c.current,h.current),x.current=[],t.strokeStyle=l(a,.3),t.lineWidth=.5,t.setLineDash([]),t.beginPath(),t.moveTo(o.left,Z-o.bottom),t.lineTo(jt-o.right,Z-o.bottom),t.stroke(),t.font=`9px 'JetBrains Mono', monospace`,t.fillStyle=l(i.t4,.9),t.textAlign=`center`,d.forEach((e,n)=>{t.fillText(e.label.replace(`Day `,`D`),w(n),Z-4)}),m.current.over&&h.current){let e=parseInt(h.current.split(`-`)[1]);isNaN(e)||g(t,w(e),o.top,o.top+f)}if(k>1){let e=t.createLinearGradient(0,o.top,0,o.top+f);e.addColorStop(0,l(n,.15)),e.addColorStop(1,l(n,0)),t.fillStyle=e,t.beginPath(),t.moveTo(w(0),o.top+f);for(let e=0;e<k;e++)t.lineTo(w(e),E(d[e].value));t.lineTo(w(k-1),o.top+f),t.closePath(),t.fill(),t.strokeStyle=l(n,.8),t.lineWidth=1.5,t.setLineDash([]),t.beginPath();for(let e=0;e<k;e++){let n=w(e),r=E(d[e].value);e===0?t.moveTo(n,r):t.lineTo(n,r)}t.stroke()}for(let e=0;e<k;e++){let n=w(e),a=E(d[e].value),o=`tp-${e}`,s=c.current.get(o)??0,u=e===d.length-1;y(x.current,o,n,a,10,{label:d[e].label,value:String(d[e].value),color:u?i.red:r}),s>0&&!u&&(p(t,n,a,12*s,r,.2*s),t.fillStyle=l(r,.8),t.beginPath(),t.arc(n,a,3+s*2,0,Math.PI*2),t.fill())}if(k>=d.length){let n=d.length-1,r=w(n),a=E(d[n].value),o=c.current.get(`tp-${n}`)??0,s=T(e,.05,5e-4),u=1+o*.5;t.shadowColor=l(i.red,.5),t.shadowBlur=(8+s*4)*u,t.fillStyle=i.red,t.beginPath(),t.arc(r,a,(3.5+s*1.5)*u,0,Math.PI*2),t.fill(),t.shadowBlur=0}_=requestAnimationFrame(v)};return v(),()=>cancelAnimationFrame(_)},[d,o]),(0,n.jsx)(r,{className:[`canvas-trend-frame`,a].filter(Boolean).join(` `),children:(0,n.jsxs)(`div`,{style:{position:`relative`,width:jt,height:Z},children:[(0,n.jsx)(`canvas`,{ref:s,role:`img`,"aria-label":`trend chart`,style:{width:jt,height:Z,display:`block`,borderRadius:8}}),(0,n.jsx)(_,{...b,parentW:jt,parentH:Z})]})})}function Nt(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 Pt=680,Ft=8,It=26,Lt=14,Rt=16,zt=32;function Bt({items:e=[],labelA:r=`Implemented`,labelB:a=`Unimplemented`,unit:u=`variations`,"data-testid":d}){let m=(0,t.useRef)(null),h=(0,t.useRef)(new Map),g=(0,t.useRef)(0),[y,x]=(0,t.useState)(!1),C=(0,t.useMemo)(()=>e.filter(e=>typeof e==`object`&&!!e),[e]),w=(0,t.useMemo)(()=>y?C:C.slice(0,Ft),[C,y]),T=Rt+zt+w.length*(It+Lt)-Lt,{hoveredRef:O,tooltip:k,hitZonesRef:A}=v(m,{width:Pt,height:T});return(0,t.useEffect)(()=>{let e=m.current;if(!e)return;let t=f(e,Pt,T);g.current=0;let n=Rt,d=zt,_=It,v=Lt,y=Pt-150-28,x=Math.max(...w.map(e=>(e.implemented??0)+(e.unimplemented??0)),1),C=w.length*(_+v)-v,k=n+(T-n-d-C)/2,j,M=()=>{g.current++;let e=g.current;t.clearRect(0,0,Pt,T);let n=S(Math.min(e/60,1));D(h.current,O.current),A.current=[],w.forEach((e,c)=>{let d=E(n,c,w.length,S),f=k+c*(_+v),m=(e.implemented??0)+(e.unimplemented??0),g=(e.implemented??0)/x*y*d,C=(e.unimplemented??0)/x*y*d,T=`${e.id}-impl`,D=`${e.id}-un`,O=h.current.get(T)??0,j=h.current.get(D)??0;b(A.current,T,150,f,g||1,_,{label:e.name,value:U(e.implemented??0),sublabel:`${Math.round((e.implemented??0)/(m||1)*100)}%`,color:i.green}),b(A.current,D,150+g,f,C||1,_,{label:e.name,value:U(e.unimplemented??0),sublabel:`${Math.round((e.unimplemented??0)/(m||1)*100)}%`,color:i.amber}),t.font=o.font,t.fillStyle=i.t2,t.textAlign=`right`,t.fillText(Nt(t,e.abbreviation??e.name??``,134),142,f+_/2+4),b(A.current,T,0,f,150,_,{label:e.name??e.abbreviation??``,value:`${U((e.implemented??0)+(e.unimplemented??0))} total ${u}`,sublabel:`${r}: ${U(e.implemented??0)} · ${a}: ${U(e.unimplemented??0)}`,color:i.green}),t.fillStyle=l(i.bd,.15),t.beginPath(),t.roundRect(150,f,m/x*y,_,4),t.fill(),g>0&&(O>0&&p(t,150+g/2,f+_/2,g*.3,i.green,.12*O),t.fillStyle=l(i.green,.6+O*.2),t.beginPath(),t.roundRect(150,f,g,_,[4,0,0,4]),t.fill(),g>28&&d>.5&&(t.font=s.font,t.fillStyle=O>0?i.green:i.t2,t.textAlign=`center`,t.fillText(U(e.implemented??0),150+g/2,f+_/2+4))),C>0&&(j>0&&p(t,150+g+C/2,f+_/2,C*.3,i.amber,.12*j),t.fillStyle=l(i.amber,.18+j*.18),t.strokeStyle=l(i.amber,.3+j*.3),t.lineWidth=1,t.beginPath(),t.roundRect(150+g,f,C,_,[0,4,4,0]),t.fill(),t.stroke(),C>28&&d>.5&&(t.font=s.font,t.fillStyle=j>0?i.amber:i.t2,t.textAlign=`center`,t.fillText(U(e.unimplemented??0),150+g+C/2,f+_/2+4))),g>0&&C>0&&(t.strokeStyle=l(i.bg,.7),t.lineWidth=2,t.beginPath(),t.moveTo(150+g,f),t.lineTo(150+g,f+_),t.stroke())});let d=k+C+24,f=150+y/2;t.font=c.font,t.textAlign=`right`,t.fillStyle=i.green,t.fillText(`■ ${r}`,f-10,d),t.textAlign=`left`,t.fillStyle=c.color,t.fillText(`■ ${a}`,f+10,d),j=requestAnimationFrame(M)};return M(),()=>cancelAnimationFrame(j)},[w,T]),C.length===0?(0,n.jsx)(F,{width:Pt,height:160,"data-testid":d}):(0,n.jsxs)(`div`,{"data-testid":d,style:{width:Pt},children:[(0,n.jsxs)(`div`,{style:{position:`relative`,width:Pt,height:T},children:[(0,n.jsx)(`canvas`,{ref:m,role:`img`,"aria-label":`Implemented vs unimplemented variations per contractor — split bar`,style:{width:Pt,height:T,display:`block`}}),(0,n.jsx)(_,{...k,parentW:Pt,parentH:T})]}),C.length>Ft&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(ee,{expanded:y,onToggle:()=>x(e=>!e)})})]})}var Vt=800,Ht=360;function Ut({items:e=[],"data-testid":r}){let c=(0,t.useRef)(null),u=(0,t.useRef)(new Map),d=(0,t.useRef)(0),{hoveredRef:m,tooltip:h,hitZonesRef:g}=v(c,{width:Vt,height:Ht});return(0,t.useEffect)(()=>{let t=c.current;if(!t)return;let n=f(t,Vt,Ht);d.current=0;let r=e.reduce((e,t)=>e+(t.base??0),0),h=e.reduce((e,t)=>e+(t.variation??0),0),_=e.reduce((e,t)=>e+(t.total??0),0),v=Ht-20-26,y=v-6*(e.length-1),S=20,C=e.map((e,t)=>{let n=Math.max(24,(e.total??0)/(_||1)*y),r={x:100-110/2,y:S,h:n,cy:S+n/2,c:e,color:a[t%a.length]};return S+=n+6,r}),w=y-14,T=Math.max(28,r/(_||1)*w),O=Math.max(18,h/(_||1)*w),k=20+(v-(T+O+14))/2,A={x:420-110/2,y:k,h:T,cy:k+T/2},j={x:420-110/2,y:k+T+14,h:O,cy:k+T+14+O/2},M={x:720-110/2,y:20,h:v,cy:20+v/2},N,P=()=>{d.current++;let t=d.current;n.clearRect(0,0,Vt,Ht),n.letterSpacing=o.letterSpacing;let a=x(Math.min(t/80,1));if(D(u.current,m.current),g.current=[],e.forEach((t,i)=>{let o=C[i],s=E(a,i,e.length,x),c=u.current.get(t.id)??0;if(s<.01)return;let l=(t.base??0)/(t.total||1),d=(t.variation??0)/(t.total||1),f=o.h*l,p=o.h*d,m=o.y+f/2,g=o.y+f+p/2,_=Math.max(2,(t.base??0)/r*T),v=Math.max(2,(t.variation??0)/h*O),y=A.y+e.slice(0,i).reduce((e,t)=>e+(t.base??0)/r*T,0)+_/2,b=j.y+e.slice(0,i).reduce((e,t)=>e+(t.variation??0)/h*O,0)+v/2,S=c*.2+.18;Wt(n,o.x+110,m,420-110/2,y,_*s,o.color,S),Wt(n,o.x+110,g,420-110/2,b,v*s,o.color,S*.75)}),a>.3){let e=Math.min(1,(a-.3)/.7),t=M.y+r/_*v/2,o=M.y+v-h/_*v/2;Wt(n,475,A.cy,720-110/2,t,T*e,i.blue,.25*e),Wt(n,475,j.cy,720-110/2,o,O*e,i.amber,.22*e)}if([`Contractors`,`Components`,`Total`].forEach((e,t)=>{let r=[100,420,720][t];n.font=o.font,n.fillStyle=o.color,n.textAlign=`center`,n.fillText(e,r,Ht-8)}),e.forEach((t,r)=>{let s=C[r],c=E(a,r,e.length,x),d=u.current.get(t.id)??0;b(g.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}),d>0&&p(n,s.x+110/2,s.cy,110*.6,s.color,.12*d),n.fillStyle=l(s.color,(.3+d*.15)*c),n.strokeStyle=l(s.color,(.55+d*.25)*c),n.lineWidth=1,n.beginPath(),n.roundRect(s.x,s.y,110*c,s.h,4),n.fill(),n.stroke(),c>.6&&s.h>=24&&(n.globalAlpha=Math.min(1,(c-.6)/.4),n.font=o.font,n.fillStyle=d>0?s.color:l(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=l(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);p(n,420,A.cy,30,i.blue,.1*e),n.fillStyle=l(i.blue,.3*e),n.strokeStyle=l(i.blue,.5*e),n.lineWidth=1,n.beginPath(),n.roundRect(A.x,A.y,110,A.h*e,4),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=o.font,n.fillStyle=i.blue,n.textAlign=`center`,n.fillText(`Base Value`,420,A.cy-6),n.font=s.font,n.fillStyle=s.color,n.fillText(U(r),420,A.cy+8),n.globalAlpha=1,n.textBaseline=`alphabetic`,p(n,420,j.cy,24,i.amber,.1*e),n.fillStyle=l(i.amber,.22*e),n.strokeStyle=l(i.amber,.4*e),n.beginPath(),n.roundRect(j.x,j.y,110,j.h*e,4),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=o.font,n.fillStyle=i.amber,n.textAlign=`center`,n.fillText(`Variations`,420,j.cy-4),n.font=s.font,n.fillStyle=s.color,n.fillText(U(h),420,j.cy+8),n.globalAlpha=1,n.textBaseline=`alphabetic`}if(a>.5){let e=Math.min(1,(a-.5)/.5);p(n,720,M.cy,44,i.blue,.2*e),n.fillStyle=l(i.blue,.25*e),n.strokeStyle=l(i.blue,.6*e),n.lineWidth=1.5,n.beginPath(),n.roundRect(M.x,M.y,110,M.h*e,6),n.fill(),n.stroke(),n.globalAlpha=e,n.textBaseline=`middle`,n.font=o.font,n.fillStyle=i.t2,n.textAlign=`center`,n.fillText(`Total Commitment`,720,M.cy-12),n.font=s.font,n.fillStyle=i.blue,n.fillText(U(_),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:Vt,height:Ht},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`Weekly report flow — base value and variations per contractor flowing to total commitment`,style:{width:Vt,height:Ht,display:`block`}}),(0,n.jsx)(_,{...h,parentW:Vt,parentH:Ht})]})}function Wt(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=l(o,s),e.fill()}function Gt({config:e,className:t}){return e.type===`line`?(0,n.jsx)(Fe,{rows:e.rows,className:t}):e.type===`area`?(0,n.jsx)(j,{rows:e.rows,className:t}):e.type===`bar`?(0,n.jsx)(P,{rows:e.rows,className:t}):e.type===`pie`?(0,n.jsx)(qe,{rows:e.rows,variant:`pie`,className:t}):e.type===`donut`?(0,n.jsx)(qe,{rows:e.rows,variant:`donut`,className:t}):e.type===`sankey`?(0,n.jsx)(it,{rows:e.rows,className:t}):e.type===`flow`?(0,n.jsx)(rt,{selectedEntity:e.selectedEntity,className:t}):e.type===`trend`?(0,n.jsx)(Mt,{points:e.points,className:t}):e.type===`mini-bars`?(0,n.jsx)(Re,{rows:e.rows,className:t}):e.type===`stacked-horizontal-bar-chart`?(0,n.jsx)(Ee,{data:e.data??{items:e.items??[]}}):e.type===`multi-metric-constellation-chart`?(0,n.jsx)(ye,{items:e.items}):e.type===`progress-race-chart`?(0,n.jsx)(se,{items:e.items}):e.type===`hub-and-spoke-radial-chart`?(0,n.jsx)(At,{segments:e.segments,title:e.title,unitLabel:e.unitLabel}):e.type===`dot-matrix-chart`?(0,n.jsx)(Pe,{items:e.items}):e.type===`ranked-card-leaderboard`?(0,n.jsx)(Ne,{items:e.items}):e.type===`proportional-band-chart`?(0,n.jsx)(Dt,{severities:e.severities}):e.type===`radial-fan-tree-chart`?(0,n.jsx)(Ue,{total:e.total,totalLabel:e.totalLabel,items:e.items}):e.type===`semi-circular-gauge-chart`?(0,n.jsx)(fe,{confirmed:e.confirmed,total:e.total,label:e.label}):e.type===`segmented-split-bar-chart`?(0,n.jsx)(Bt,{items:e.items,labelA:e.labelA,labelB:e.labelB,unit:e.unit}):e.type===`balance-scale-chart`?(0,n.jsx)(st,{left:e.left,right:e.right,leftTitle:e.leftTitle,rightTitle:e.rightTitle,unit:e.unit}):e.type===`area-line-chart`?(0,n.jsx)(lt,{points:e.points}):e.type===`trend-view`?(0,n.jsx)(bt,{points:e.points}):e.type===`weekly-flow`?(0,n.jsx)(Ut,{items:e.items}):(0,n.jsx)(`div`,{className:`viz-empty`,children:`Visualization unavailable`})}var Kt=[];function qt(e){try{return JSON.parse(decodeURIComponent(e))}catch{return null}}function Jt(){for(;Kt.length;){let e=Kt.pop();e&&e.unmount()}}function Yt(){Jt(),document.querySelectorAll(`[data-d3-viz]`).forEach(t=>{let r=t.dataset.d3Viz;if(!r)return;let i=qt(r);if(!i)return;let a=(0,e.createRoot)(t);Kt.push(a),a.render((0,n.jsx)(Gt,{config:i}))})}function Xt(e){return encodeURIComponent(JSON.stringify(e))}function Zt({rows:e=[],className:t,colors:r}){return(0,n.jsx)(qe,{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`,Qt={color:`#F7F7F7`,fontFamily:$,fontSize:24,fontWeight:500,lineHeight:`32px`},$t={color:`#B3B5B6`,fontFamily:$,fontSize:18,fontWeight:400,lineHeight:`20px`};function en({items:e=[]}){let t=e.filter(e=>e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,gap:8},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,justifyContent:`center`,alignItems:`flex-start`,width:260,height:120,padding:`10px 0`,gap:8,flexShrink:0,rowGap:16,border:`1px solid ${Q.border}`,background:Q.bg,boxSizing:`border-box`},children:[(0,n.jsx)(`div`,{style:{...Qt,color:Q.t1},children:e.value}),(0,n.jsx)(`div`,{style:{...$t},children:e.label})]},t))})}function tn({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:{...Qt,fontSize:18,color:Q.t1,minWidth:70,flexShrink:0},children:e.value}),(0,n.jsx)(`span`,{style:{...$t,flex:1},children:e.kpiLabel})]},t))})}function nn({items:e=[]}){let t=e.filter(e=>e.value);return t.length===0?null:(0,n.jsx)(`div`,{style:{display:`flex`,gap:8},children:t.map((e,t)=>(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,justifyContent:`center`,alignItems:`flex-start`,width:260,height:120,padding:`10px 0`,gap:8,flexShrink:0,background:Q.bg,boxSizing:`border-box`},children:[(0,n.jsx)(`div`,{style:{...Qt,color:Q.t1},children:e.value}),(0,n.jsx)(`div`,{style:{...$t},children:e.label})]},t))})}var rn={red:Q.red,amber:Q.amber,green:Q.green};function an({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)=>(rn[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:{...$t,color:`#B3B5B6`},children:e.text})]},t)))})}function on({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)/c*100,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)(nn,{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)(nn,{items:u})]})}function cn({pct:e,label:t,color:r,chips:a}){if(e==null&&!t)return null;let o=r??i.blue,s=2*Math.PI*30,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:{...$t,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:{...Qt,color:Q.t2},children:e.value}),(0,n.jsx)(`span`,{style:{...Qt,color:Q.t2,fontWeight:400,userSelect:`none`},children:`|`}),(0,n.jsx)(`span`,{style:{...$t},children:e.label})]},t))})]})]})}function ln({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:2,overflow:`hidden`},children:(0,n.jsx)(`div`,{style:{height:`100%`,width:`${e.pct}%`,background:e.color??Q.t2,borderRadius:2,opacity:.75}})}),(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:400,color:Q.t2,fontFamily:$,flexShrink:0,minWidth:52,textAlign:`right`},children:e.value}),e.badge&&(0,n.jsx)(`span`,{style:{fontSize:18,fontWeight:500,color:Q.t1,background:`transparent`,padding:`2px 7px`,borderRadius:4,fontFamily:$,flexShrink:0,minWidth:72,textAlign:`center`},children:e.badge}),e.sublabel&&(0,n.jsx)(`span`,{style:{...$t,flexShrink:0,minWidth:80,textAlign:`right`},children:e.sublabel})]},t))})}var un={red:Q.red,amber:Q.amber,green:Q.green};function dn({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=un[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,...$t},children:e.text}),(0,n.jsx)(`span`,{style:{...$t,flexShrink:0,marginTop:1},children:e.date})]},t)})})}function fn({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 pn({block:e}){if(!e)return null;switch(e.type){case`stats`:return(0,n.jsx)(en,{items:e.items});case`ranked`:return(0,n.jsx)(tn,{items:e.items});case`chips`:return(0,n.jsx)(nn,{items:e.items});case`badges`:return(0,n.jsx)(an,{items:e.items});case`dot-strip`:return(0,n.jsx)(on,{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)(ln,{items:e.items});case`flags-list`:return(0,n.jsx)(dn,{items:e.items});case`comparison-rows`:return(0,n.jsx)(fn,{columns:e.columns,rows:e.rows});default:return null}}var mn=`'Satoshi Variable', 'DM Sans', sans-serif`,hn={color:`#C2C2C2`,fontFamily:mn,fontSize:18,fontWeight:400,lineHeight:1.65};function gn({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:mn,lineHeight:1.65,marginRight:8},children:`Takeaway`}),(0,n.jsx)(`span`,{style:{...hn},children:e})]})}exports.AreaChart=j,exports.BarChart=P,exports.ChartFrame=r,exports.DonutChart=Zt,exports.KeyHighlights=pn,exports.LineChart=Fe,exports.MiniBars=Re,exports.PieChart=qe,exports.ProcessSankey=rt,exports.RankingSankey=it,exports.SankeySvg=Ye,exports.SeriesChart=A,exports.Takeaway=gn,exports.Trend=bt,exports.TrendChart=Mt,exports.VisualizationRenderer=Gt,exports.cleanupVisualizationMounts=Jt,exports.hydrateVisualizationMounts=Yt,exports.serializeVisualizationConfig=Xt;
+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=t*r,e.height=n*r;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.PI*2),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+i*23)*.5+.5)*t,(Math.cos(r*8e-4+i*37)*.5+.5)*n,.6,0,Math.PI*2),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<=i*i})}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**(-10*e),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(e*t)*Math.exp(-Math.min(e*n,4)),k=(e,t,n,r=w)=>{let i=Math.min(.06,.5/n),a=t*i,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(k*e.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/4*C;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,16*d,o,.2*d);let m=p?O(t,.05,5e-4):0,v=a===`area`?5:6;p?(n.shadowColor=f(i.red,.5),n.shadowBlur=(8+m*4)*(1+d*.5),n.fillStyle=i.red,n.beginPath(),n.arc(s,c,(v+m*1.5)*(1+d*.3),0,Math.PI*2),n.fill(),n.shadowBlur=0):(n.fillStyle=f(o,.7+d*.3),n.beginPath(),n.arc(s,c,v+d*2,0,Math.PI*2),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+a*y,c=k(o,a,e.length,T),u=b>0?(t.pricing??0)/b*v:0,d=Math.max(u>0?4:0,u*c),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,.12*S),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,.4*S),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 R=660,ne=6,re=30,ie=24,ae=24,oe=8;function se(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 ce({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,oe),[T,p]),D=E.length,O=ie+ae+D*ne+Math.max(0,D-1)*re,{hoveredRef:k,tooltip:A,hitZonesRef:j}=x(o,{width:R,height:O});return(0,t.useEffect)(()=>{let e=o.current;if(!e)return;let t=h(e,R,O);s.current=0;let n=R-150-80,a=c[r%c.length],p,m=()=>{s.current++;let e=s.current;t.clearRect(0,0,R,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,R,O,e,40,f(i.blue,.04)),E.forEach((r,o)=>{let s=d.current.get(r.id)??0,c=ie+o*(ne+re);t.fillStyle=f(i.t4,.5+s*.1),t.beginPath(),t.rect(150,c,n,ne),t.fill();let p=(r.percentage??0)/100,m=150+n*Math.min(p,p*w(Math.min(1,e*.005)));if(m>152){let e=t.createLinearGradient(150,0,m,0);e.addColorStop(0,f(a,.55)),e.addColorStop(1,f(a,.9)),t.fillStyle=e,t.beginPath(),t.rect(150,c,m-150,ne),t.fill()}s>0&&g(t,m,c+ne/2,12*s,a,.35*s);let h={label:r.name,value:`${r.percentage??0}%`,sublabel:r.totalLabel??(r.total==null?void 0:String(r.total)),color:a};C(j.current,r.id,0,c-re/2,150+n,ne+re,h),S(j.current,r.id,m,c+ne/2,10,h),t.font=u.font,t.fillStyle=s>0?f(a,1):f(i.t1,.85),t.textAlign=`left`,t.textBaseline=`middle`,t.fillText(`${r.percentage??0}%`,150+n+32,c+ne/2),t.font=l.font,t.fillStyle=s>0?f(a,1):l.color,t.textAlign=`right`,t.fillText(se(t,r.name??r.abbreviation??``,134),142,c+ne/2)}),v(t,R,O,e,.015),p=requestAnimationFrame(m)};return m(),()=>cancelAnimationFrame(p)},[E,O,r]),T.length===0?(0,n.jsx)(L,{width:R,height:160,"data-testid":a}):(0,n.jsxs)(`div`,{"data-testid":a,style:{width:R},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:R,height:O,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...A,parentW:R,parentH:O})]}),y.length>oe&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(te,{expanded:p,onToggle:()=>m(e=>!e)})})]})}var le=480,ue=310,de=18,fe=[`#00818F`,`#5C42B8`,`#C87B0A`,`#2563EB`,`#166534`];function pe(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 me({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,le,ue);p.current=0;let s=o%c.length,m=c[s],_=fe[s],v=le/2,y=Math.PI,b=2*Math.PI,x=Math.PI,S,C=()=>{p.current++;let t=p.current;n.clearRect(0,0,le,ue),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/100*x*o;n.beginPath(),n.arc(v,175,148,y,b),n.strokeStyle=f(m,.28),n.lineWidth=10,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(_,.35*o),n.fill();let h=v+Math.cos(u)*148,T=175+Math.sin(u)*148;g(n,h,T,10,m,.3*o);let E=n.createLinearGradient(v+Math.cos(y)*148,175+Math.sin(y)*148,h,T);E.addColorStop(0,f(_,.9*o)),E.addColorStop(1,f(m,1*o)),n.beginPath(),n.arc(v,175,148,y,u),n.strokeStyle=E,n.lineWidth=10,n.lineCap=`round`,n.stroke(),n.lineCap=`butt`;let O=y+c/100*x*s,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.5*s;n.beginPath(),n.moveTo(k,A),n.lineTo(v+N*F,175+P*F),n.lineTo(j+N*1,M+P*1),n.lineTo(j-N*1,M-P*1),n.lineTo(v-N*F,175-P*F),n.closePath(),n.fillStyle=f(i.t1,s),n.fill(),n.beginPath(),n.arc(v,175,11,0,Math.PI*2),n.strokeStyle=f(m,.85*s),n.lineWidth=2,n.stroke(),n.beginPath(),n.arc(v,175,9,0,Math.PI*2),n.fillStyle=i.t1,n.fill(),[[0,`0%`],[.5,`50%`],[1,`100%`]].forEach(([e,t])=>{let r=y+e*x,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(c*s)}%`,v,229),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`,pe(n,`${e??0} of ${r??0} ${a}`,le-40).forEach((e,t)=>{n.fillText(e,v,265+t*de)}),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:le,height:ue},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:le,height:ue,display:`block`}})})}function he(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=n*2,t.height=r*2,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 z=780,ge=234,_e=130,ve=52,ye=[i.blue,i.amber,i.purple,i.green],be=[`Base Value`,`Variations`,`Commitment`],xe=[`Base`,`Var`,`Commit`];function Se({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:z,height:ge}),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=z*(.12+r*.19),a=_e,o=Math.min(z*.075,ve),s=ye[r%ye.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/be.length*Math.PI*2,r=e/100,s=o*Math.max(.08,r);return{name:be[t],short:xe[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 he(a,z,ge,(e,t,n)=>{A(o.current,s.current),u.current=[],_(e,z,ge,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.PI*2),e.strokeStyle=f(i.bd,.08+.08*c),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+.03*c),e.fill(),e.strokeStyle=f(a,.15+.1*c),e.lineWidth=.8,e.stroke(),t.stars.forEach((i,s)=>{let c=O(n,.05,5e-4)*.3+.7,d=3.5*c,p=`star-${r}-${s}`,m=o.current.get(p)??0,h=e.createRadialGradient(i.x,i.y,0,i.x,i.y,d*4);h.addColorStop(0,f(a,(.2+.1*m)*c)),h.addColorStop(1,f(a,0)),e.fillStyle=h,e.beginPath(),e.arc(i.x,i.y,d*4,0,Math.PI*2),e.fill(),e.beginPath(),e.arc(i.x,i.y,d+m*2,0,Math.PI*2),e.fillStyle=f(a,(.8+.2*m)*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+.15*m),e.fillText(i.short,i.x,i.y-24),e.font=l.font,e.fillStyle=f(a,.8+.15*m),e.fillText(i.label,i.x,i.y-11)):(e.font=l.font,e.fillStyle=f(a,.5+.15*m),e.fillText(i.short,i.x,i.y+11),e.font=l.font,e.fillStyle=f(a,.8+.15*m),e.fillText(i.label,i.x,i.y+24)),S(u.current,p,i.x,i.y,d*4+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,16*c,a,.15*c),e.beginPath(),e.arc(t.cx,t.cy,t.baseR+12,0,Math.PI*2),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`,z/2,ge-14),v(e,z,ge,n,.012)},!0),m.length===0?(0,n.jsx)(L,{width:z,height:ge,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:z,height:ge},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Contract value breakdown per contractor — multi-KPI constellation chart`,style:{width:z,height:ge,display:`block`}}),(0,n.jsx)(b,{...c,parentW:z,parentH:ge})]})}var Ce=680,we=220,Te=8,Ee=[i.teal],B={left:8,right:100,top:16,bottom:38},V=150,H=6;function De(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(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 ke({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,Te),y=v.length,S=Math.max(..._.map(e=>Math.abs(e.total??0)),1),w=y*H+Math.max(0,y-1)*24,E=B.top+B.bottom+w,D=Ce-B.left-V-B.right,O=h.length===0,{hoveredRef:j,tooltip:M,hitZonesRef:N}=x(a,{width:Ce,height:E});return he(a,Ce,E,(e,t)=>{A(o.current,j.current),N.current=[],v.forEach((n,r)=>{let a=Ee[r%Ee.length],s=k(t,r,y,T),c=B.top+r*(H+24),d=B.left+V,p=o.current.get(n.id)??0,m=Math.max(n.base??0,0),h=Math.max(n.total??0,0),_=m/S*D*s,v=h/S*D*s;if(v-_,e.font=l.font,e.fillStyle=p>0?a:l.color,e.textAlign=`right`,e.textBaseline=`middle`,e.fillText(De(e,n.name??``,V-16),d-8,c+H/2),C(N.current,n.id,0,c,d,H,{label:n.name,value:`${n.totalLabel??Oe(n.total??0)} total`,sublabel:`Base ${n.baseLabel??Oe(n.base??0)} + Var ${n.variationLabel??Oe(n.variation??0)}`,color:a}),v>0){p>0&&g(e,d+v/2,c+H/2,v*.15,i.teal,.12*p);let t=e.createLinearGradient(d,0,d+v,0);t.addColorStop(0,f(i.tealDark,.85)),t.addColorStop(1,f(i.teal,1)),e.fillStyle=t,e.beginPath(),e.roundRect(d,c,v,H,H/2),e.fill()}let b=D-v*s;if(b>2){let t=d+v*s,n=e.createLinearGradient(t,0,d+D,0);n.addColorStop(0,f(i.tealDark,.35)),n.addColorStop(1,f(i.tealDark,.08)),e.fillStyle=n,e.beginPath(),e.roundRect(t,c,b,H,[0,H/2,H/2,0]),e.fill()}if(v>4){let t=d+v*s,n=c+H;e.fillStyle=f(i.t1,s),e.beginPath(),e.moveTo(t,n),e.lineTo(t-5,n+9),e.lineTo(t+5,n+9),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??Oe(n.total??0),d+D+28,c+H/2),e.globalAlpha=1),C(N.current,n.id,d,c,Math.max(v,1),H,{label:n.name,value:n.totalLabel??Oe(n.total??0),sublabel:`${n.baseLabel??Oe(n.base??0)} + ${n.variationLabel??Oe(n.variation??0)}`,color:a})});let n=E-14;e.textBaseline=`middle`,e.font=d.font,e.textAlign=`left`;let r=e.createLinearGradient(B.left+V,0,B.left+V+14,0);r.addColorStop(0,f(i.tealDark,.85)),r.addColorStop(1,f(i.teal,1)),e.fillStyle=r,e.beginPath(),e.roundRect(B.left+V,n-3,14,6,2),e.fill(),e.fillStyle=d.color,e.fillText(`base value`,B.left+V+18,n),e.fillStyle=f(i.teal,.35),e.beginPath(),e.roundRect(B.left+V+160,n-3,14,6,2),e.fill(),e.fillStyle=d.color,e.fillText(`approved variations`,B.left+V+178,n),e.font=d.font,e.textAlign=`right`,e.fillStyle=d.color,e.fillText(`Portfolio: ${Oe(m?.total??0)}`,Ce-8,n)},!0,{easing:T}),O?(0,n.jsx)(L,{width:Ce,height:we,message:`No contract data available`,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{width:Ce,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:Ce,height:E,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...M,parentW:Ce,parentH:E})]}),h.length>Te&&(0,n.jsx)(`div`,{style:{marginTop:8},children:(0,n.jsx)(te,{expanded:s,onToggle:()=>c(e=>!e)})})]})}var Ae=[{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 U(e,t=1){let n=Math.abs(e),r=e<0?`-`:``;for(let e of Ae)if(n>=e.value)return`${r}${(n/e.divisor).toFixed(t)}${e.suffix}`;return`${r}${n.toFixed(0)}`}var je=780,W=240,Me=12,Ne=10,Pe=5,Fe=(je-2*Me-(Pe-1)*Ne)/Pe;function Ie({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(Pe,d.length),_=m>0?2*Me+m*Fe+(m-1)*Ne:je,{hoveredRef:y,tooltip:S,hitZonesRef:w}=x(a,{width:_,height:W});return(0,t.useEffect)(()=>{let e=a.current;if(!e)return;let t=h(e,_,W);o.current=0;let n=Fe,r=W*.84,m=W*.08,b=Me,x,S=()=>{o.current++;let e=o.current;t.clearRect(0,0,_,W),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+Ne),_=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.PI*2),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=T*1.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:U(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,_,W,e,.015),x=requestAnimationFrame(S)};return S(),()=>cancelAnimationFrame(x)},[d,p,_]),d.length===0?(0,n.jsx)(L,{width:_,height:W,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:_,height:W},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Contractor rank — open EW count per contractor`,style:{width:_,height:W,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...S,parentW:_,parentH:W})]})}var G=680,K=260;function Le({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:G,height:K}),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,G,K);o.current=0;let n=p.length,r=Math.max(...p.map(e=>e.count),1),u=r,m=G*.05,y=K*.1,b=G*.9/n,x=K*.7/u,C=p.reduce((e,t)=>e+t.count,0),w,T=()=>{o.current++;let e=o.current;t.clearRect(0,0,G,K),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,G,K,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+a*b+b/2,u=y+i*x+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+i*1.2)*.3)*.12);(o||p>.01)&&g(t,l,u,r*3,c,(o?.2:.1)+p*.1),t.beginPath(),t.arc(l,u,r,0,Math.PI*2),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/C*100)}% of total`,color:c}),s.current.get(`${n.category}-col`)}else t.beginPath(),t.arc(l,u,1,0,Math.PI*2),t.fillStyle=f(c,.08),t.fill()}let h=y+u*x+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+a*b+b/2,h)}),v(t,G,K,e,.015),w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[p]),p.length===0?(0,n.jsx)(L,{width:G,height:K,"data-testid":r}):(0,n.jsxs)(`div`,{"data-testid":r,style:{position:`relative`,width:G,height:K},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Early Warning count by category — breathing dot grid`,style:{width:G,height:K,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...u,parentW:G,parentH:K})]})}function Re({rows:e=[],className:t,colors:r}){return(0,n.jsx)(N,{rows:e,variant:`line`,className:t,colors:r})}var ze=[`#4C93D9`,`#5DA537`,`#F3862C`,`#4F72C6`,`#A0B724`,`#EEBF3B`,`#3C45D1`],Be={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 Ve({rows:e=[],className:t,colors:r}){let i=r?.slices??ze;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%ze.length}`,fill:i[a%i.length]})]})}),(0,n.jsx)(`span`,{children:r})]},`${e}-${a}`))})}var He=770,Ue=320,We=60,Ge=28;function Ke({total:e=0,totalLabel:r,items:a=[],width:o=He,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(Ue,We+Math.max(0,v.length-1)*Ge),[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;Math.max(...v.map(e=>e.count??0),1);let b=v.length>1?(y-60)/(v.length-1):0,x=v.map((e,t)=>({x:d,y:30+t*b})),E,O=()=>{_.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];v.forEach((t,r)=>{let o=k(p,r,v.length,w),s=x[r],c=m.current.get(t.id)??0;if(o<.01)return;let _=Math.atan2(s.y-a,s.x-88),y=88+Math.cos(_)*32,b=a+Math.sin(_)*32,C=y+(d-y)*.4,T=b,E=y+(d-y)*.6,O=s.y,A=o;n.beginPath();for(let e=0;e<=40;e++){let t=e/40*A,r=(1-t)**3*y+3*(1-t)**2*t*C+3*(1-t)*t**2*E+t**3*s.x,i=(1-t)**3*b+3*(1-t)**2*t*T+3*(1-t)*t**2*O+t**3*s.y;e===0?n.moveTo(r,i):n.lineTo(r,i)}let j=n.createLinearGradient(y,b,s.x,s.y);if(j.addColorStop(0,f(h,c>0?1:.8)),j.addColorStop(1,f(h,c>0?1:.7)),n.strokeStyle=j,n.lineWidth=c>0?2:1.33,n.stroke(),o>.85){let r=Math.min(1,(o-.85)/.15);g(n,s.x,s.y,40,h,(.2+c*.2)*r),n.beginPath(),n.arc(s.x,s.y,20*r,0,Math.PI*2),n.fillStyle=f(h,r),n.fill();let a=U(t.count??0);S(D.current,t.id,s.x,s.y,28,{label:t.name,value:a,sublabel:`${Math.round((t.count??0)/(e||1)*100)}% of total`,color:h}),n.globalAlpha=r,n.font=l.font,n.textAlign=`left`;let d=t.abbreviation??t.name?.slice(0,6)??``,p=` ${U(t.count??0)}`,m=s.x+20+8,_=s.y+4;n.fillStyle=c>0?h:f(i.t2,.85),n.fillText(d,m,_);let v=n.measureText(d).width;n.font=u.font,n.fillStyle=c>0?h:i.t1,n.fillText(p,m+v,_),n.globalAlpha=1}});let y=32*p;if(n.beginPath(),n.arc(88,a,y,0,Math.PI*2),n.fillStyle=f(`#D9D9D9`,.01*p),n.fill(),n.save(),n.beginPath(),n.arc(88,a,y,0,Math.PI*2),n.clip(),n.shadowColor=f(h,.6*p),n.shadowBlur=19.88,n.strokeStyle=f(h,0),n.lineWidth=1,n.beginPath(),n.arc(88,a,y,0,Math.PI*2),n.stroke(),n.shadowColor=`transparent`,n.shadowBlur=0,n.restore(),n.beginPath(),n.arc(88,a,y,0,Math.PI*2),n.strokeStyle=f(h,.8*p),n.lineWidth=1,n.stroke(),p>.4){n.globalAlpha=Math.min(1,(p-.4)/.4);let t=r??U(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:U(e,0),sublabel:`${v.length} items`,color:h}),E=requestAnimationFrame(O)};return O(),()=>cancelAnimationFrame(E)},[e,r,v,y,o]),v.length===0?(0,n.jsx)(L,{width:o,height:Ue,"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 qe=192,Je=qe,Ye=qe+80;function Xe({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:Je,height:Ye});return(0,t.useEffect)(()=>{let t=l.current;if(!t)return;let n=h(t,Je,Ye);d.current=0;let r=Je/2,o=qe/2,s=qe*.4,c=a===`donut`?qe*.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,Je,Ye);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=d*Math.PI*2*l,_=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(d*100)}%)`,color:b}),x>0&&g(n,T,E,D*2*x,b,.2*x);let k=O(t,.03,3e-4),A=s+x*6+(x>0?k*2: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=qe+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+t*18;n.beginPath(),n.arc(8,s,4,0,Math.PI*2),n.fillStyle=f(r,.8+o*.2),n.fill(),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(a*100)}%)`,Je-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:Je,height:Ye},children:[(0,n.jsx)(`canvas`,{ref:l,role:`img`,"aria-label":`${a} chart`,style:{width:Je,height:Ye,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...v,parentW:Je,parentH:Ye})]})})}function Ze(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.length*o+(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 Qe({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)(()=>Ze(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/r*36*d),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=o*o*g+2*o*r*b+r*r*v,u=o*o*_+2*o*r*_+r*r*y,d=s*s*g+2*s*i*b+i*i*v,m=s*s*_+2*s*i*_+i*i*y,x=O(t+r*120+a*40,.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.w*2,l,.2*Math.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,.5*Math.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=m*m*s+2*m*e.prog*d+e.prog*e.prog*l,g=m*m*c+2*m*e.prog*c+e.prog*e.prog*u+e.off,_=Math.sin(e.prog*Math.PI)*.5,v=p?.links??i.blue;return n.beginPath(),n.arc(h,g,e.sz,0,Math.PI*2),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 $e=[{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}],et=[i.blue,i.orange,i.red,i.purple,i.green,i.amber,i.t2],tt=[26,24,24,26,22,22,22,22];function nt(e,t){let n=1-t;return{x:n*n*n*e.p0.x+3*n*n*t*e.p1.x+3*n*t*t*e.p2.x+t*t*t*e.p3.x,y:n*n*n*e.p0.y+3*n*n*t*e.p1.y+3*n*t*t*e.p2.y+t*t*t*e.p3.y}}function rt(e,t){let n=1-t,r=3*n*n*(e.p1.x-e.p0.x)+6*n*t*(e.p2.x-e.p1.x)+3*t*t*(e.p3.x-e.p2.x),i=3*n*n*(e.p1.y-e.p0.y)+6*n*t*(e.p2.y-e.p1.y)+3*t*t*(e.p3.y-e.p2.y),a=Math.sqrt(r*r+i*i)||1;return{x:-i/a,y:r/a}}function it(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 at({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=$e[t%$e.length];return{id:e.id,label:e.name,sub:e.valueLabel??``,x:n.x*a,y:n.y*o,r:tt[t%tt.length],color:et[t%et.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=it(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.conf*2.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=nt(p,.5),g=`${Math.round(e.conf*100)}%`;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=it(r,i),o=nt(a,e.t),s=rt(a,e.t),c=o.x+s.x*e.off,l=o.y+s.y*e.off,u=Math.sin(e.t*Math.PI)*.7,d=m(r.color,i.color,e.t);return g(t,c,l,e.sz*3,d,u*.1),t.beginPath(),t.arc(c,l,e.sz,0,Math.PI*2),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.r*c*(a?1.15:1);t.beginPath(),t.arc(n.x,n.y,l+6,0,Math.PI*2),t.strokeStyle=f(n.color,a?.3:.1),t.lineWidth=a?1.5:.7,t.stroke(),g(t,n.x,n.y,l*3,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.PI*2),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.PI*2),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)=>e*t.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,c*n*l,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(n*100)}% compound confidence`,s+c*n*l+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 ot({selectedEntity:e,colors:t}){return(0,n.jsx)(at,{nodes:Be.nodes,links:Be.links,width:960,height:280,selectedEntity:e})}function st({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)(Qe,{nodes:a,links:o,width:760,height:280,ariaLabel:`sankey chart`,className:r,colors:i})}var ct=780,lt=420;function ut({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,ct,lt);d.current=0;let c=ct/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.beginPath(),n.roundRect(s,c,99,a,l),n.fillStyle=f(i.t4,.92*o),n.fill(),n.save(),n.beginPath(),n.roundRect(s,c,99,a,l),n.clip();let u=f(e,.7*o),d=f(e,0),p=n.createLinearGradient(0,c+a,0,c+a-30);p.addColorStop(0,u),p.addColorStop(1,d),n.fillStyle=p,n.fillRect(s,c+a-30,99,30);let m=n.createLinearGradient(0,c,0,c+30);m.addColorStop(0,u),m.addColorStop(1,d),n.fillStyle=m,n.fillRect(s,c,99,30);let h=n.createLinearGradient(s,0,s+30,0);h.addColorStop(0,u),h.addColorStop(1,d),n.fillStyle=h,n.fillRect(s,c,30,a);let g=n.createLinearGradient(s+99,0,s+99-30,0);g.addColorStop(0,u),g.addColorStop(1,d),n.fillStyle=g,n.fillRect(s+99-30,c,30,a),n.restore(),n.beginPath(),n.roundRect(s,c,99,a,l),n.strokeStyle=f(e,1*o),n.lineWidth=1,n.stroke();let _=s+99/2,v=c-5;n.strokeStyle=f(i.t2,.5*o),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.PI*2),n.fillStyle=f(i.t2,.7*o),n.fill()},x,S=()=>{d.current++;let t=d.current;n.clearRect(0,0,ct,lt),n.letterSpacing=l.letterSpacing;let u=w(Math.min(t/80,1)),h=y*D(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,.55*u),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,.14*u),n.beginPath(),n.arc(c,100,9*u,0,Math.PI*2),n.fillStyle=f(i.t2,.85*u),n.fill();let T=Math.max(20,p/_*95*u),E=Math.max(20,m/_*95*u);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:ct,height:lt},children:(0,n.jsx)(`canvas`,{ref:u,role:`img`,"aria-label":`Quotation balance — accepted vs submitted quotation value`,style:{width:ct,height:lt,display:`block`,borderRadius:8}})})}var dt=780,ft=360;function pt({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:dt,height:ft}),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,dt,ft);s.current=0;let n=dt-64-48,r=ft-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/u*r,point:e})),b,x=()=>{s.current++;let e=s.current;t.clearRect(0,0,dt,ft),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-e*r;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(u*e)),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,.15*s));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.PI*2),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,ft-68+14)}),b=requestAnimationFrame(x)};return x(),()=>cancelAnimationFrame(b)},[p]),p.length<2?(0,n.jsx)(L,{width:dt,height:ft,"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:dt,height:ft},children:[(0,n.jsx)(`canvas`,{ref:a,role:`img`,"aria-label":`Trend chart — count over time`,style:{width:dt,height:ft,display:`block`}}),(0,n.jsx)(b,{...u,parentW:dt,parentH:ft})]})})}var mt=680,q=280,ht=80,gt=48,_t=64,vt=l.font,yt=12,bt=Math.PI*2,xt=72,St=20,Ct=5e3;function wt({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 _t;let e=document.createElement(`canvas`).getContext(`2d`);if(!e)return _t;e.font=vt;let t=Math.max(1,Math.ceil(d.length/St)),n=Math.max(...d.filter((e,n)=>n%t===0).map(t=>e.measureText(t.week).width));return Math.max(_t,n+yt)},[d]),m=Math.round(p/2),g=gt+m+Math.max(0,d.length-1)*p,_=Math.max(mt-ht,Math.min(g,Ct)),{tooltip:v,hitZonesRef:y}=x(o,{width:_,height:q});return(0,t.useEffect)(()=>{let e=o.current;if(!e)return;let t=h(e,_,q),n=s.current?h(s.current,ht,q):null;u.current=0;let a=c[r%c.length],g=d.length<=xt?xt:Math.max(24,Math.round(xt*(xt/d.length))),v=_-gt,b=q-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/E*b:42+b,M=d.map((e,t)=>({x:m+t*O,y:42+b-(A?(e.count-C)/E:e.count/(T||1))*b,point:e}));if(n){n.clearRect(0,0,ht,q),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-i*b;n.font=l.font,n.fillStyle=l.color,n.textAlign=`right`,n.fillText(U(t),ht-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=vt,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,q-54+14)},ee=()=>{u.current++;let e=Math.min(u.current/g,1),n=w(e),r=e>=1;t.clearRect(0,0,_,q),t.letterSpacing=l.letterSpacing,(A?[0,.25,.5,.75,1]:[.25,.5,.75,1]).forEach(e=>{let n=42+b-e*b;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,q-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,bt);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:mt,height:q,"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:ht,height:q,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:q},children:[(0,n.jsx)(`canvas`,{ref:o,role:`img`,"aria-label":`Trend chart — count over time`,style:{width:_,height:q,display:`block`}}),(0,n.jsx)(b,{...v,parentW:_,parentH:q})]})})]})}var Tt=780,Et=340,Dt=28,Ot=4,kt=148;function At(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 jt({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(Tt,2*Dt+d.length*kt):Tt,{hoveredRef:m,tooltip:g,hitZonesRef:_}=x(o,{width:p,height:Et});return(0,t.useEffect)(()=>{let e=o.current;if(!e)return;let t=h(e,p,Et);u.current=0;let n=d.reduce((e,t)=>e+(t.count??0),0),a=Dt,g=Dt,v=p-a-g,y=Et-54-54,b=v-Math.max(0,d.length-1)*Ot,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,Et),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=c*r,h=p*r,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()};e(),t.fillStyle=f(S,.06+u*.04),t.fill(),t.save(),e(),t.clip(),t.shadowColor=f(S,.302*r),t.shadowBlur=55,t.strokeStyle=f(S,.302*r),t.lineWidth=2,e(),t.stroke(),t.shadowColor=`transparent`,t.shadowBlur=0,t.restore(),e(),t.strokeStyle=f(S,.9*r),t.lineWidth=1,t.stroke()}if(C(_.current,e.severity,o,54,c,y,{label:e.severity,value:U(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(At(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(U(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+Ot}),w=requestAnimationFrame(E)};return E(),()=>cancelAnimationFrame(w)},[d,p,r]),d.length===0?(0,n.jsx)(L,{width:p,height:Et,"data-testid":a}):(0,n.jsxs)(`div`,{"data-testid":a,style:{position:`relative`,width:p,height:Et},children:[(0,n.jsx)(`canvas`,{ref:o,role:`img`,"aria-label":`Early Warning severity distribution — prism spectrum bands`,style:{width:p,height:Et,display:`block`}}),(0,n.jsx)(b,{...g,parentW:p,parentH:Et})]})}var J=300,Y=280,Mt=100,Nt={Open:i.red,Submitted:i.amber,Closed:i.green};function Pt({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:J,height:Y}),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,J,Y);c.current=0;let n=J*.5,o=Y*.56,m=Mt,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,J,Y),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,J,Y,e,40,f(i.blue,.04)),C.forEach((r,a)=>{let s=a/3*Math.PI*2-Math.PI/2,c=n+Math.cos(s)*m,l=o+Math.sin(s)*m,d=Nt[r.status]??i.blue,p=2+r.count/x*8;t.beginPath(),t.moveTo(n,o),t.lineTo(c,l),t.strokeStyle=f(d,.08),t.lineWidth=p*2,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.PI*2),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/3*Math.PI*2-Math.PI/2,c=n+Math.cos(s)*m,u=o+Math.sin(s)*m,p=Nt[e.status]??i.blue,h=10+e.count/x*18,_=d.current.get(e.status)??0;g(t,c,u,h*2.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.PI*2),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.PI*2),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,J,Y,e,.015),w=requestAnimationFrame(T)};return T(),()=>cancelAnimationFrame(w)},[C,r,a]),C.length===0?(0,n.jsx)(L,{width:J,height:Y,"data-testid":o}):(0,n.jsxs)(`div`,{"data-testid":o,style:{position:`relative`,width:J,height:Y},children:[(0,n.jsx)(`canvas`,{ref:s,role:`img`,"aria-label":r??`EW status arc visualization`,style:{width:J,height:Y,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...m,parentW:J,parentH:Y})]})}var Ft=280,X=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:Ft,height:X});return(0,t.useEffect)(()=>{let e=s.current;if(!e)return;let t=h(e,Ft,X);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,Ft,X),u.length<2){m=requestAnimationFrame(v);return}let o={left:12,right:12,top:16,bottom:20},s=Ft-o.left-o.right,h=X-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(E*u.length));if(A(c.current,p.current),_.current=[],t.strokeStyle=f(a,.3),t.lineWidth=.5,t.setLineDash([]),t.beginPath(),t.moveTo(o.left,X-o.bottom),t.lineTo(Ft-o.right,X-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),X-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,12*s,r,.2*s),t.fillStyle=f(r,.8),t.beginPath(),t.arc(n,a,3+s*2,0,Math.PI*2),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+s*4)*l,t.fillStyle=i.red,t.beginPath(),t.arc(r,a,(3.5+s*1.5)*l,0,Math.PI*2),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:Ft,height:X},children:[(0,n.jsx)(`canvas`,{ref:s,role:`img`,"aria-label":`trend chart`,style:{width:Ft,height:X,display:`block`,borderRadius:8}}),(0,n.jsx)(b,{...m,parentW:Ft,parentH:X})]})})}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=Z*2+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:Rt,height:w});return(0,t.useEffect)(()=>{let e=c.current;if(!e)return;let t=h(e,Rt,w);m.current=0;let n=Rt-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,Rt,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)/s*n*m,A=(e.unimplemented??0)/s*n*m;if(t.font=l.font,t.fillStyle=w>0||E>0?i.t1:i.t2,t.textAlign=`right`,t.textBaseline=`middle`,t.fillText(Lt(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:`${U((e.implemented??0)+(e.unimplemented??0))} total ${o}`,sublabel:`${r}: ${U(e.implemented??0)} · ${a}: ${U(e.unimplemented??0)}`,color:i.green}),D>0){w>0&&g(t,150+D/2,_+Z/2,D*.15,i.green,.18*w);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:U(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(U(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,.18*E);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:U(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(U(e.unimplemented??0),150+A+16,y+Z/2),t.globalAlpha=1,t.textBaseline=`alphabetic`)});let h=v+_+28,x=150+n/2;t.font=d.font,t.textBaseline=`middle`;let D=t.createLinearGradient(x-120,0,x-120+14,0);D.addColorStop(0,f(i.green,.7)),D.addColorStop(1,f(i.green,1)),t.fillStyle=D,t.beginPath(),t.roundRect(x-120,h-3,14,6,2),t.fill(),t.fillStyle=d.color,t.textAlign=`left`,t.fillText(r,x-120+14+6,h);let j=t.createLinearGradient(x+10,0,x+10+14,0);j.addColorStop(0,f(i.amber,.5)),j.addColorStop(1,f(i.amber,.9)),t.fillStyle=j,t.beginPath(),t.roundRect(x+10,h-3,14,6,2),t.fill(),t.fillStyle=d.color,t.fillText(a,x+10+14+6,h),t.textBaseline=`alphabetic`,y=requestAnimationFrame(b)};return b(),()=>cancelAnimationFrame(y)},[S,w]),y.length===0?(0,n.jsx)(L,{width:Rt,height:160,"data-testid":s}):(0,n.jsxs)(`div`,{"data-testid":s,style:{width:Rt},children:[(0,n.jsxs)(`div`,{style:{position:`relative`,width:Rt,height:w},children:[(0,n.jsx)(`canvas`,{ref:c,role:`img`,"aria-label":`Implemented vs unimplemented variations per contractor — split bar`,style:{width:Rt,height:w,display:`block`}}),(0,n.jsx)(b,{...D,parentW:Rt,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.h*u,m=s.h*d,h=s.y+f/2,g=s.y+f+m/2,_=Math.max(2,(t.base??0)/r*T),v=Math.max(2,(t.variation??0)/p*E),y=O.y+e.slice(0,i).reduce((e,t)=>e+(t.base??0)/r*T,0)+_/2,b=j.y+e.slice(0,i).reduce((e,t)=>e+(t.variation??0)/p*E,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,v*c,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,T*e,i.blue,.25*e),Yt(n,475,j.cy,720-110/2,o,E*e,i.amber,.22*e)}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,.12*u),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,110*c,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,.1*e),n.fillStyle=f(i.blue,.3*e),n.strokeStyle=f(i.blue,.5*e),n.lineWidth=1,n.beginPath(),n.roundRect(O.x,O.y,110,O.h*e,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(U(r),420,O.cy+8),n.globalAlpha=1,n.textBaseline=`alphabetic`,g(n,420,j.cy,24,i.amber,.1*e),n.fillStyle=f(i.amber,.22*e),n.strokeStyle=f(i.amber,.4*e),n.beginPath(),n.roundRect(j.x,j.y,110,j.h*e,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(U(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,.2*e),n.fillStyle=f(i.blue,.25*e),n.strokeStyle=f(i.blue,.6*e),n.lineWidth=1.5,n.beginPath(),n.roundRect(M.x,M.y,110,M.h*e,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(U(_),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=h*tn,S=Qt.top+Qt.bottom+y,{hoveredRef:w,tooltip:E,hitZonesRef:D}=x(o,{width:Xt,height:S});return he(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+a*tn,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)/_*v*o,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,.14*y);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,.6*y),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)(Re,{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)(Xe,{rows:e.rows,variant:`pie`,className:t}):e.type===`donut`?(0,n.jsx)(Xe,{rows:e.rows,variant:`donut`,className:t}):e.type===`sankey`?(0,n.jsx)(st,{rows:e.rows,className:t}):e.type===`flow`?(0,n.jsx)(ot,{selectedEntity:e.selectedEntity,className:t}):e.type===`trend`?(0,n.jsx)(It,{points:e.points,className:t}):e.type===`mini-bars`?(0,n.jsx)(Ve,{rows:e.rows,className:t}):e.type===`stacked-horizontal-bar-chart`?(0,n.jsx)(ke,{data:e.data??{items:e.items??[]}}):e.type===`multi-metric-constellation-chart`?(0,n.jsx)(Se,{items:e.items}):e.type===`progress-race-chart`?(0,n.jsx)(ce,{items:e.items,colorOffset:r}):e.type===`hub-and-spoke-radial-chart`?(0,n.jsx)(Pt,{segments:e.segments,title:e.title,unitLabel:e.unitLabel}):e.type===`dot-matrix-chart`?(0,n.jsx)(Le,{items:e.items}):e.type===`ranked-card-leaderboard`?(0,n.jsx)(Ie,{items:e.items}):e.type===`proportional-band-chart`?(0,n.jsx)(jt,{severities:e.severities,colorOffset:r}):e.type===`radial-fan-tree-chart`?(0,n.jsx)(Ke,{total:e.total,totalLabel:e.totalLabel,items:e.items,colorOffset:r}):e.type===`semi-circular-gauge-chart`?(0,n.jsx)(me,{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)(ut,{left:e.left,right:e.right,leftTitle:e.leftTitle,rightTitle:e.rightTitle,unit:e.unit}):e.type===`area-line-chart`?(0,n.jsx)(pt,{points:e.points}):e.type===`trend-view`?(0,n.jsx)(wt,{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)(Xe,{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)/c*100,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=2*Math.PI*30,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=Re,exports.MiniBars=Ve,exports.PALETTE=s,exports.PieChart=Xe,exports.ProcessSankey=ot,exports.RankingSankey=st,exports.SOLID=o,exports.SankeySvg=Qe,exports.SeriesChart=N,exports.Takeaway=jn,exports.Trend=wt,exports.TrendChart=It,exports.VisualizationRenderer=sn,exports.cleanupVisualizationMounts=un,exports.hydrateVisualizationMounts=dn,exports.serializeVisualizationConfig=fn;

package/dist/index.d.ts

@@ -14,3 +14,4 @@ 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 { PALETTE, CHART_PALETTE, GRAD, SOLID } from './canvas/canvasUtils';