@divami-artefacts/ai-design-system 1.0.3 → 1.0.5

package/dist/index.js

@@ -11,20 +11,20 @@ function l({ children: e, className: t = "" }) {
 //#endregion
 //#region src/canvas/canvasUtils.ts
 var u = {
-	bg: "#070B12",
+	bg: "#0C0E12",
 	bgL: "#0C1420",
-	sf: "#111B28",
-	bd: "#1C2D42",
-	blue: "#3B8BF6",
-	cyan: "#22D3EE",
-	orange: "#F0813A",
-	red: "#F06060",
-	green: "#34D399",
-	purple: "#A78BFA",
-	amber: "#FBBF24",
-	t1: "#F1F5F9",
-	t2: "#94A3B8",
-	t3: "#64748B",
+	sf: "#13161B",
+	bd: "#22262F",
+	blue: "#2970FF",
+	cyan: "#36BFFA",
+	orange: "#EF6820",
+	red: "#D92D20",
+	green: "#16B364",
+	purple: "#7A5AF8",
+	amber: "#FAC515",
+	t1: "#F7F7F7",
+	t2: "#94979C",
+	t3: "#94979C",
 	t4: "#334155"
 }, d = [
 	u.blue,
@@ -33,15 +33,21 @@ var u = {
 	u.purple,
 	u.green,
 	u.red
-];
-function f(e, t = 1) {
+], f = {
+	font: "400 12px 'Satoshi Variable', 'DM Sans', sans-serif",
+	color: u.t2
+}, p = {
+	font: "400 12px 'Satoshi Variable', 'DM Sans', sans-serif",
+	color: u.t2
+};
+function m(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) {
+function h(e, t, n) {
 	return e + (t - e) * n;
 }
-function m(e, t, n) {
+function g(e, t, n) {
 	let r = (e) => {
 		let t = e.replace("#", "");
 		return [
@@ -51,34 +57,34 @@ function m(e, t, n) {
 		];
 	}, [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))
+		u(h(i, s, n)),
+		u(h(a, c, n)),
+		u(h(o, l, n))
 	].map((e) => e.toString(16).padStart(2, "0")).join("").replace(/^/, "#");
 }
-function h(e, t, n, r = 2) {
+function _(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) {
+function v(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();
+	o.addColorStop(0, m(i, a)), o.addColorStop(1, m(i, 0)), e.fillStyle = o, e.beginPath(), e.arc(t, n, r, 0, Math.PI * 2), e.fill();
 }
-function _(e, t, n, r, i = 50, a = f(u.blue, .05)) {
+function y(e, t, n, r, i = 50, a = m(u.blue, .05)) {
 	for (let o = 0; o < i; o++) e.beginPath(), e.arc((Math.sin(r * .001 + o * 23) * .5 + .5) * t, (Math.cos(r * 8e-4 + o * 37) * .5 + .5) * n, .6, 0, Math.PI * 2), e.fillStyle = a, e.fill();
 }
-function v(e, t, n, r, i = .015) {
+function b(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, i = f(u.t1, .08)) {
+function x(e, t, n, r, i = m(u.t1, .08)) {
 	e.strokeStyle = i, e.lineWidth = 1, e.setLineDash([3, 3]), e.beginPath(), e.moveTo(t, n), e.lineTo(t, r), e.stroke(), e.setLineDash([]);
 }
 //#endregion
 //#region src/canvas/CanvasTooltip.tsx
-function b({ visible: e, x: t, y: n, content: i, parentW: o }) {
+function S({ visible: e, x: t, y: n, content: i, parentW: o }) {
 	let l = a(null);
 	if (r(() => {
 		let r = l.current;
@@ -107,38 +113,42 @@ function b({ visible: e, x: t, y: n, content: i, parentW: o }) {
 			border: `1px solid ${u.bd}`,
 			borderLeft: "2px solid var(--tooltip-accent)",
 			borderRadius: 6,
-			padding: "6px 10px",
+			padding: "8px 12px",
 			opacity: 0,
 			transition: "opacity 0.15s ease",
 			zIndex: 20,
-			fontFamily: "'JetBrains Mono', monospace"
+			fontFamily: "'Satoshi Variable', 'DM Sans', sans-serif"
 		},
 		children: [
 			f && /* @__PURE__ */ s("div", {
 				style: {
-					fontFamily: "'DM Sans', sans-serif",
-					fontSize: 10,
-					color: u.t3,
-					marginBottom: 2,
-					whiteSpace: "nowrap"
+					fontSize: 12,
+					fontWeight: 400,
+					color: u.t2,
+					marginBottom: 3,
+					whiteSpace: "nowrap",
+					lineHeight: "18px"
 				},
 				children: f
 			}),
 			/* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 11,
+					fontSize: 14,
+					fontWeight: 500,
 					color: u.t1,
-					fontWeight: 600,
-					whiteSpace: "nowrap"
+					whiteSpace: "nowrap",
+					lineHeight: "20px"
 				},
 				children: p
 			}),
 			m && /* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 9,
+					fontSize: 12,
+					fontWeight: 400,
 					color: "var(--tooltip-accent)",
-					marginTop: 2,
-					whiteSpace: "nowrap"
+					marginTop: 3,
+					whiteSpace: "nowrap",
+					lineHeight: "18px"
 				},
 				children: m
 			})
@@ -147,7 +157,7 @@ function b({ visible: e, x: t, y: n, content: i, parentW: o }) {
 }
 //#endregion
 //#region src/canvas/useCanvasInteraction.ts
-function x(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
+function C(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 	let l = a({
 		x: -1,
 		y: -1,
@@ -219,14 +229,14 @@ function x(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 		hitZonesRef: d
 	};
 }
-function S(e, t, n, r, i, a) {
+function w(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) {
+function T(e, t, n, r, i, a, o) {
 	e.push({
 		id: t,
 		data: o,
@@ -235,14 +245,14 @@ function C(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/canvas/easing.ts
-var w = (e) => 1 - (1 - e) ** 3, T = (e) => 1 - (1 - e) ** 4, E = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), D = (e) => {
+var E = (e) => 1 - (1 - e) ** 3, D = (e) => 1 - (1 - e) ** 4, O = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), k = (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) => {
+}, A = (e, t = .04, n = .001) => Math.sin(e * t) * Math.exp(-Math.min(e * n, 4)), j = (e, t, n, r = E) => {
 	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) {
+function M(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);
@@ -250,66 +260,66 @@ function A(e, t, n = .12) {
 }
 //#endregion
 //#region src/components/common/SeriesChart.tsx
-var j = 760, M = 250;
-function N({ rows: e = [], variant: t, className: r, colors: i }) {
-	let o = a(null), d = a(/* @__PURE__ */ new Map()), p = a(0), { mouseRef: m, hoveredRef: _, tooltip: v, hitZonesRef: C } = x(o, {
-		width: j,
-		height: M
+var ee = 760, N = 250;
+function te({ rows: e = [], variant: t, className: r, colors: i }) {
+	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), { mouseRef: p, hoveredRef: h, tooltip: g, hitZonesRef: y } = C(o, {
+		width: ee,
+		height: N
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = h(n, j, M);
-		p.current = 0;
-		let a = i?.line ?? u.blue, s = i?.point ?? u.blue, c = i?.axisLine ?? u.bd, l = i?.areaFill ?? u.blue, v = {
+		let r = _(n, ee, N);
+		f.current = 0;
+		let a = i?.line ?? u.blue, s = i?.point ?? u.blue, c = i?.axisLine ?? u.bd, l = i?.areaFill ?? u.blue, g = {
 			top: 24,
 			right: 24,
 			bottom: 44,
 			left: 24
-		}, b = j - v.left - v.right, x = M - v.top - v.bottom, w, T = () => {
-			p.current++;
-			let n = p.current;
-			if (r.clearRect(0, 0, j, M), e.length < 2) {
-				w = requestAnimationFrame(T);
+		}, b = ee - g.left - g.right, S = N - g.top - g.bottom, C, T = () => {
+			f.current++;
+			let n = f.current;
+			if (r.clearRect(0, 0, ee, N), e.length < 2) {
+				C = requestAnimationFrame(T);
 				return;
 			}
-			let i = e.map((e) => e.pricing ?? 0), o = Math.max(100, ...i), h = (t) => v.left + t / (e.length - 1) * b, D = (e) => v.top + (1 - e / o) * x, k = E(Math.min(n / 48, 1)), N = Math.max(2, Math.floor(k * e.length));
-			A(d.current, _.current), C.current = [], r.strokeStyle = f(u.bd, .2), r.lineWidth = .5;
+			let i = e.map((e) => e.pricing ?? 0), o = Math.max(100, ...i), _ = (t) => g.left + t / (e.length - 1) * b, E = (e) => g.top + (1 - e / o) * S, D = O(Math.min(n / 48, 1)), k = Math.max(2, Math.floor(D * e.length));
+			M(d.current, h.current), y.current = [], r.strokeStyle = m(u.bd, .2), r.lineWidth = .5;
 			for (let e = 0; e <= 4; e++) {
-				let t = v.top + e / 4 * x;
-				r.beginPath(), r.moveTo(v.left, t), r.lineTo(v.left + b, t), r.stroke();
+				let t = g.top + e / 4 * S;
+				r.beginPath(), r.moveTo(g.left, t), r.lineTo(g.left + b, t), r.stroke();
 			}
-			if (r.strokeStyle = f(c, .4), r.lineWidth = 1, r.setLineDash([]), r.beginPath(), r.moveTo(v.left, D(0)), r.lineTo(v.left + b, D(0)), r.stroke(), m.current.over && _.current) {
-				let e = parseInt(_.current.split("-")[1]);
-				isNaN(e) || y(r, h(e), v.top, v.top + x);
+			if (r.strokeStyle = m(c, .4), r.lineWidth = 1, r.setLineDash([]), r.beginPath(), r.moveTo(g.left, E(0)), r.lineTo(g.left + b, E(0)), r.stroke(), p.current.over && h.current) {
+				let e = parseInt(h.current.split("-")[1]);
+				isNaN(e) || x(r, _(e), g.top, g.top + S);
 			}
-			if (t === "area" && N > 1) {
-				let t = r.createLinearGradient(0, v.top, 0, v.top + x);
-				t.addColorStop(0, f(l, .12)), t.addColorStop(1, f(l, 0)), r.fillStyle = t, r.beginPath(), r.moveTo(h(0), v.top + x);
-				for (let t = 0; t < N; t++) r.lineTo(h(t), D(e[t].pricing ?? 0));
-				r.lineTo(h(N - 1), v.top + x), r.closePath(), r.fill();
+			if (t === "area" && k > 1) {
+				let t = r.createLinearGradient(0, g.top, 0, g.top + S);
+				t.addColorStop(0, m(l, .12)), t.addColorStop(1, m(l, 0)), r.fillStyle = t, r.beginPath(), r.moveTo(_(0), g.top + S);
+				for (let t = 0; t < k; t++) r.lineTo(_(t), E(e[t].pricing ?? 0));
+				r.lineTo(_(k - 1), g.top + S), r.closePath(), r.fill();
 			}
-			if (N > 1) {
-				r.strokeStyle = f(a, .85), r.lineWidth = 2, r.setLineDash([]), r.beginPath();
-				for (let t = 0; t < N; t++) {
-					let n = h(t), i = D(e[t].pricing ?? 0);
+			if (k > 1) {
+				r.strokeStyle = m(a, .85), r.lineWidth = 2, r.setLineDash([]), r.beginPath();
+				for (let t = 0; t < k; t++) {
+					let n = _(t), i = E(e[t].pricing ?? 0);
 					t === 0 ? r.moveTo(n, i) : r.lineTo(n, i);
 				}
 				r.stroke();
 			}
-			for (let i = 0; i < N; i++) {
-				let a = h(i), o = D(e[i].pricing ?? 0), c = `sc-${i}`, l = d.current.get(c) ?? 0, p = i === e.length - 1;
-				S(C.current, c, a, o, 12, {
+			for (let i = 0; i < k; i++) {
+				let a = _(i), o = E(e[i].pricing ?? 0), c = `sc-${i}`, l = d.current.get(c) ?? 0, f = i === e.length - 1;
+				w(y.current, c, a, o, 12, {
 					label: e[i].vendor,
 					value: String(e[i].pricing ?? 0),
-					color: p ? u.red : s
-				}), l > 0 && g(r, a, o, 16 * l, s, .2 * l);
-				let m = p ? O(n, .05, 5e-4) : 0, _ = t === "area" ? 5 : 6;
-				p ? (r.shadowColor = f(u.red, .5), r.shadowBlur = (8 + m * 4) * (1 + l * .5), r.fillStyle = u.red, r.beginPath(), r.arc(a, o, (_ + m * 1.5) * (1 + l * .3), 0, Math.PI * 2), r.fill(), r.shadowBlur = 0) : (r.fillStyle = f(s, .7 + l * .3), r.beginPath(), r.arc(a, o, _ + l * 2, 0, Math.PI * 2), r.fill()), r.font = "10px 'JetBrains Mono', monospace", r.fillStyle = f(u.t3, .6 + l * .3), r.textAlign = "center", r.fillText(e[i].vendor, a, M - 14);
+					color: f ? u.red : s
+				}), l > 0 && v(r, a, o, 16 * l, s, .2 * l);
+				let p = f ? A(n, .05, 5e-4) : 0, h = t === "area" ? 5 : 6;
+				f ? (r.shadowColor = m(u.red, .5), r.shadowBlur = (8 + p * 4) * (1 + l * .5), r.fillStyle = u.red, r.beginPath(), r.arc(a, o, (h + p * 1.5) * (1 + l * .3), 0, Math.PI * 2), r.fill(), r.shadowBlur = 0) : (r.fillStyle = m(s, .7 + l * .3), r.beginPath(), r.arc(a, o, h + l * 2, 0, Math.PI * 2), r.fill()), r.font = "10px 'JetBrains Mono', monospace", r.fillStyle = m(u.t3, .6 + l * .3), r.textAlign = "center", r.fillText(e[i].vendor, a, N - 14);
 			}
-			w = requestAnimationFrame(T);
+			C = requestAnimationFrame(T);
 		};
-		return T(), () => cancelAnimationFrame(w);
+		return T(), () => cancelAnimationFrame(C);
 	}, [
 		e,
 		t,
@@ -319,31 +329,31 @@ function N({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: j,
-				height: M
+				width: ee,
+				height: N
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: j,
-					height: M,
+					width: ee,
+					height: N,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(b, {
-				...v,
-				parentW: j,
-				parentH: M
+			}), /* @__PURE__ */ s(S, {
+				...g,
+				parentW: ee,
+				parentH: N
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/areaChart/AreaChart.tsx
-function ee({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(N, {
+function ne({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(te, {
 		rows: e,
 		variant: "area",
 		className: t,
@@ -352,54 +362,54 @@ function ee({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/barChart/BarChart.tsx
-var P = 760, F = 280;
-function te({ rows: e = [], className: t, colors: r }) {
-	let i = a(null), o = a(/* @__PURE__ */ new Map()), p = a(0), { hoveredRef: m, tooltip: _, hitZonesRef: v } = x(i, {
+var P = 760, re = 280;
+function ie({ rows: e = [], className: t, colors: r }) {
+	let i = a(null), o = a(/* @__PURE__ */ new Map()), f = a(0), { hoveredRef: p, tooltip: h, hitZonesRef: g } = C(i, {
 		width: P,
-		height: F
+		height: re
 	});
 	return n(() => {
 		let t = i.current;
 		if (!t) return;
-		let n = h(t, P, F);
-		p.current = 0;
+		let n = _(t, P, re);
+		f.current = 0;
 		let a = r?.bars ?? d, s = r?.axisLine ?? u.bd, c = r?.valueLabel ?? u.t2, l = {
 			top: 24,
 			right: 24,
 			bottom: 56,
 			left: 24
-		}, _ = F - l.top - l.bottom, y = (P - l.left - l.right) / Math.max(e.length, 1), b = Math.max(100, ...e.map((e) => e.pricing ?? 0)), x = l.top + _, S, w = () => {
-			p.current++;
-			let t = p.current;
-			n.clearRect(0, 0, P, F);
-			let r = T(Math.min(t / 48, 1));
-			A(o.current, m.current), v.current = [], n.strokeStyle = f(s, .4), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(l.left, x), n.lineTo(P - l.right, x), n.stroke(), e.forEach((t, i) => {
-				let s = l.left + i * y, d = k(r, i, e.length, T), p = b > 0 ? (t.pricing ?? 0) / b * _ : 0, m = Math.max(p > 0 ? 4 : 0, p * d), h = a[i % a.length], S = o.current.get(t.id ?? `bar-${i}`) ?? 0;
-				C(v.current, t.id ?? `bar-${i}`, s + 4, x - m, y - 8, m, {
+		}, h = re - l.top - l.bottom, y = (P - l.left - l.right) / Math.max(e.length, 1), b = Math.max(100, ...e.map((e) => e.pricing ?? 0)), x = l.top + h, S, C = () => {
+			f.current++;
+			let t = f.current;
+			n.clearRect(0, 0, P, re);
+			let r = D(Math.min(t / 48, 1));
+			M(o.current, p.current), g.current = [], n.strokeStyle = m(s, .4), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(l.left, x), n.lineTo(P - l.right, x), n.stroke(), e.forEach((t, i) => {
+				let s = l.left + i * y, d = j(r, i, e.length, D), f = b > 0 ? (t.pricing ?? 0) / b * h : 0, p = Math.max(f > 0 ? 4 : 0, f * d), _ = a[i % a.length], S = o.current.get(t.id ?? `bar-${i}`) ?? 0;
+				T(g.current, t.id ?? `bar-${i}`, s + 4, x - p, y - 8, p, {
 					label: t.vendor,
 					value: String(t.pricing ?? 0),
-					color: h
-				}), m > 0 && (S > 0 && g(n, s + y / 2, x - m / 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 - m, y - 8, m, [
+					color: _
+				}), p > 0 && (S > 0 && v(n, s + y / 2, x - p / 2, y * .8, _, .12 * S), n.shadowColor = m(_, .2 * (S > 0 ? S : 0)), n.shadowBlur = S > 0 ? 6 : 0, n.fillStyle = m(_, .5 + S * .25), n.beginPath(), n.roundRect(s + 4, x - p, y - 8, p, [
 					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 - m, y - 8, m, [
+				]), n.fill(), n.shadowBlur = 0, S > 0 && (n.strokeStyle = m(_, .4 * S), n.lineWidth = 1, n.beginPath(), n.roundRect(s + 4, x - p, y - 8, p, [
 					4,
 					4,
 					0,
 					0
-				]), n.stroke())), d > .5 && m > 0 && (n.globalAlpha = Math.min(1, (d - .5) * 2), n.font = "bold 10px 'JetBrains Mono', monospace", n.fillStyle = S > 0 ? h : f(c, .7), n.textAlign = "center", n.fillText(String(t.pricing ?? ""), s + y / 2, x - m - 6), n.globalAlpha = 1), n.font = `${S > 0 ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.fillStyle = S > 0 ? h : f(u.t3, .6), n.textAlign = "center", n.fillText(t.vendor, s + y / 2, F - 14);
-			}), S = requestAnimationFrame(w);
+				]), n.stroke())), d > .5 && p > 0 && (n.globalAlpha = Math.min(1, (d - .5) * 2), n.font = "bold 10px 'JetBrains Mono', monospace", n.fillStyle = S > 0 ? _ : m(c, .7), n.textAlign = "center", n.fillText(String(t.pricing ?? ""), s + y / 2, x - p - 6), n.globalAlpha = 1), n.font = `${S > 0 ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.fillStyle = S > 0 ? _ : m(u.t3, .6), n.textAlign = "center", n.fillText(t.vendor, s + y / 2, re - 14);
+			}), S = requestAnimationFrame(C);
 		};
-		return w(), () => cancelAnimationFrame(S);
+		return C(), () => cancelAnimationFrame(S);
 	}, [e, r]), /* @__PURE__ */ s(l, {
 		className: t,
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
 				width: P,
-				height: F
+				height: re
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: i,
@@ -407,100 +417,100 @@ function te({ rows: e = [], className: t, colors: r }) {
 				"aria-label": "bar chart",
 				style: {
 					width: P,
-					height: F,
+					height: re,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(b, {
-				..._,
+			}), /* @__PURE__ */ s(S, {
+				...h,
 				parentW: P,
-				parentH: F
+				parentH: re
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/commitmentRace/CommitmentRace.tsx
-var I = 680, L = 300, ne = [
+var F = 680, I = 300, ae = [
 	u.green,
 	u.blue,
 	u.cyan,
 	u.amber,
 	u.red
 ];
-function re({ contractors: e = [], "data-testid": t }) {
-	let r = a(null), i = a(0), o = a(/* @__PURE__ */ new Map()), l = [...e].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), { hoveredRef: d, tooltip: p, hitZonesRef: m } = x(r, {
-		width: I,
-		height: L
+function oe({ contractors: e = [], "data-testid": t }) {
+	let r = a(null), i = a(0), o = a(/* @__PURE__ */ new Map()), l = [...e].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), { hoveredRef: d, tooltip: p, hitZonesRef: h } = C(r, {
+		width: F,
+		height: I
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = h(e, I, L);
+		let t = _(e, F, I);
 		i.current = 0;
-		let n = I * .13, a = I * .08, s = L * .08, c = L * .14, p = I - n - a, y, b = () => {
+		let n = F * .13, a = F * .08, s = I * .08, c = I * .14, p = F - n - a, g, x = () => {
 			i.current++;
 			let e = i.current;
-			t.clearRect(0, 0, I, L), m.current = [], o.current.forEach((e, t) => {
+			t.clearRect(0, 0, F, I), h.current = [], o.current.forEach((e, t) => {
 				let n = t === d.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? o.current.delete(t) : o.current.set(t, 1) : o.current.set(t, r);
-			}), d.current && !o.current.has(d.current) && o.current.set(d.current, 0), _(t, I, L, e, 40, f(u.blue, .04)), l.forEach((r, i) => {
-				let a = ne[i % ne.length], l = o.current.get(r.id) ?? 0, d = s + i * (c + 10);
-				t.fillStyle = f(a, .04 + l * .04), t.beginPath(), t.roundRect(n, d, p, c, 3), t.fill(), t.strokeStyle = f(a, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, d + c / 2), t.lineTo(n + p, d + c / 2), t.stroke(), t.setLineDash([]);
-				let h = (r.percentage ?? 0) / 100, _ = n + p * Math.min(h, h * w(Math.min(1, e * .005)));
-				if (_ > n + 4) {
-					let e = t.createLinearGradient(n, 0, _, 0);
-					e.addColorStop(0, f(a, .02)), e.addColorStop(1, f(a, .25 + l * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(n, d + 2, _ - n, c - 4, 2), t.fill();
+			}), d.current && !o.current.has(d.current) && o.current.set(d.current, 0), y(t, F, I, e, 40, m(u.blue, .04)), l.forEach((r, i) => {
+				let a = ae[i % ae.length], l = o.current.get(r.id) ?? 0, u = s + i * (c + 10);
+				t.fillStyle = m(a, .04 + l * .04), t.beginPath(), t.roundRect(n, u, p, c, 3), t.fill(), t.strokeStyle = m(a, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, u + c / 2), t.lineTo(n + p, u + c / 2), t.stroke(), t.setLineDash([]);
+				let d = (r.percentage ?? 0) / 100, g = n + p * Math.min(d, d * E(Math.min(1, e * .005)));
+				if (g > n + 4) {
+					let e = t.createLinearGradient(n, 0, g, 0);
+					e.addColorStop(0, m(a, .02)), e.addColorStop(1, m(a, .25 + l * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(n, u + 2, g - n, c - 4, 2), t.fill();
 				}
-				g(t, _, d + c / 2, 18 + l * 8, a, .3 + l * .2), t.beginPath(), t.arc(_, d + c / 2, 5 + l * 2, 0, Math.PI * 2), t.fillStyle = f(a, .9), t.fill(), S(m.current, r.id, _, d + c / 2, 14, {
+				v(t, g, u + c / 2, 18 + l * 8, a, .3 + l * .2), t.beginPath(), t.arc(g, u + c / 2, 5 + l * 2, 0, Math.PI * 2), t.fillStyle = m(a, .9), t.fill(), w(h.current, r.id, g, u + c / 2, 14, {
 					label: r.name,
 					value: `${r.percentage ?? 0}% commitment`,
 					sublabel: `Base: £${r.base ?? 0}M · Variations: £${r.variation ?? 0}M`,
 					color: a
-				}), t.font = "bold 10px 'JetBrains Mono', monospace", t.fillStyle = f(a, .9 + l * .1), t.textAlign = "left", t.textBaseline = "middle", t.fillText(`${r.percentage ?? 0}%`, _ + 10, d + c / 2), t.font = `${l > 0 ? "bold " : ""}10px 'JetBrains Mono', monospace`, t.fillStyle = l > 0 ? a : f(u.t2, .8), t.textAlign = "right", t.fillText(r.abbreviation ?? r.name.slice(0, 6), n - 8, d + c / 2);
-			}), t.strokeStyle = f(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(n + p, s), t.lineTo(n + p, s + (l.length - 1) * (c + 10) + c), t.stroke(), v(t, I, L, e, .015), y = requestAnimationFrame(b);
+				}), t.font = "bold " + f.font, t.fillStyle = m(a, .9 + l * .1), t.textAlign = "left", t.textBaseline = "middle", t.fillText(`${r.percentage ?? 0}%`, g + 10, u + c / 2), t.font = `${l > 0 ? "bold " : ""}` + f.font, t.fillStyle = l > 0 ? a : f.color, t.textAlign = "right", t.fillText(r.abbreviation ?? r.name.slice(0, 6), n - 8, u + c / 2);
+			}), t.strokeStyle = m(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(n + p, s), t.lineTo(n + p, s + (l.length - 1) * (c + 10) + c), t.stroke(), b(t, F, I, e, .015), g = requestAnimationFrame(x);
 		};
-		return b(), () => cancelAnimationFrame(y);
+		return x(), () => cancelAnimationFrame(g);
 	}, [l]), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: I,
-			height: L
+			width: F,
+			height: I
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Commitment race — contractors ranked by commitment percentage",
 			style: {
-				width: I,
-				height: L,
+				width: F,
+				height: I,
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(b, {
+		}), /* @__PURE__ */ s(S, {
 			...p,
-			parentW: I,
-			parentH: L
+			parentW: F,
+			parentH: I
 		})]
 	});
 }
 //#endregion
 //#region src/components/compensationGauge/CompensationGauge.tsx
-var ie = 480, ae = 340;
-function oe({ pct: e, confirmed: t, total: r, "data-testid": i }) {
+var se = 480, ce = 340;
+function le({ pct: e, confirmed: t, total: r, "data-testid": i }) {
 	let o = a(null), c = a(0);
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let i = h(n, ie, ae);
+		let i = _(n, se, ce);
 		c.current = 0;
-		let a = ie / 2, s = Math.PI, l = 2 * Math.PI, d = Math.PI, p, m = () => {
+		let a = se / 2, s = Math.PI, l = 2 * Math.PI, d = Math.PI, p, h = () => {
 			c.current++;
 			let n = c.current;
-			i.clearRect(0, 0, ie, ae);
-			let o = w(Math.min(n / 80, 1)), h = D(Math.min(n / 72, 1));
-			i.beginPath(), i.arc(a, 220, 120, s, l), i.strokeStyle = f(u.bd, .35), i.lineWidth = 46, i.stroke(), [
+			i.clearRect(0, 0, se, ce);
+			let o = E(Math.min(n / 80, 1)), g = k(Math.min(n / 72, 1));
+			i.beginPath(), i.arc(a, 220, 120, s, l), i.strokeStyle = m(u.bd, .35), i.lineWidth = 46, i.stroke(), [
 				{
 					start: 0,
 					end: .33,
@@ -518,7 +528,7 @@ function oe({ pct: e, confirmed: t, total: r, "data-testid": i }) {
 				}
 			].forEach((e) => {
 				let t = s + e.start * d, n = s + e.end * d;
-				i.beginPath(), i.arc(a, 220, 194 / 2, t, n), i.strokeStyle = f(e.color, .12), i.lineWidth = 42, i.stroke();
+				i.beginPath(), i.arc(a, 220, 194 / 2, t, n), i.strokeStyle = m(e.color, .12), i.lineWidth = 42, i.stroke();
 			}), [
 				{
 					label: "Low",
@@ -534,22 +544,22 @@ function oe({ pct: e, confirmed: t, total: r, "data-testid": i }) {
 				}
 			].forEach(({ label: e, angle: t }) => {
 				let n = a + Math.cos(t) * 166, r = 220 + Math.sin(t) * 166;
-				i.font = "13px 'JetBrains Mono', monospace", i.fillStyle = f(u.t3, .55), i.textAlign = "center", i.fillText(e, n, r + 3);
+				i.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = m(u.t3, .55), i.textAlign = "center", i.fillText(e, n, r + 3);
 			});
-			let _ = s + e / 100 * d * o, v = e >= 66 ? u.green : e >= 33 ? u.amber : u.red;
-			g(i, a + Math.cos(_) * 194 / 2, 220 + Math.sin(_) * 194 / 2, 18, v, .35 * o), i.beginPath(), i.arc(a, 220, 194 / 2, s, _), i.strokeStyle = f(v, .7 * o), i.lineWidth = 38, i.lineCap = "round", i.stroke(), i.lineCap = "butt";
-			let y = s + e / 100 * d * h, b = a + Math.cos(y) * 82, x = 220 + Math.sin(y) * 82, S = a - Math.cos(y) * 14, C = 220 - Math.sin(y) * 14;
-			i.strokeStyle = f(v, .18 * h), i.lineWidth = 6, i.lineCap = "round", i.beginPath(), i.moveTo(S, C), i.lineTo(b, x), i.stroke(), i.strokeStyle = f(u.t1, .92 * h), i.lineWidth = 2, i.lineCap = "round", i.beginPath(), i.moveTo(S, C), i.lineTo(b, x), i.stroke(), i.beginPath(), i.arc(b, x, 3, 0, Math.PI * 2), i.fillStyle = f(v, .9 * h), i.fill(), g(i, a, 220, 20, v, .25 * h), i.beginPath(), i.arc(a, 220, 9, 0, Math.PI * 2), i.strokeStyle = f(v, .5 * h), i.lineWidth = 1.5, i.stroke(), i.beginPath(), i.arc(a, 220, 5, 0, Math.PI * 2), i.fillStyle = u.t1, i.fill(), o > .5 && (i.globalAlpha = Math.min(1, (o - .5) / .5), i.font = "bold 22px 'JetBrains Mono', monospace", i.fillStyle = v, i.textAlign = "center", i.fillText(`${Math.round(e * h)}%`, a, 182), i.globalAlpha = 1), o > .7 && (i.globalAlpha = Math.min(1, (o - .7) / .3), i.font = "13px 'JetBrains Mono', monospace", i.fillStyle = u.t2, i.textAlign = "center", i.fillText("NCEs confirmed", a, 252), i.font = "bold 11px 'JetBrains Mono', monospace", i.fillStyle = u.t2, i.fillText(`${t} of ${r} NCEs are confirmed compensation events`, a, 272), i.globalAlpha = 1);
+			let _ = s + e / 100 * d * o, y = e >= 66 ? u.green : e >= 33 ? u.amber : u.red;
+			v(i, a + Math.cos(_) * 194 / 2, 220 + Math.sin(_) * 194 / 2, 18, y, .35 * o), i.beginPath(), i.arc(a, 220, 194 / 2, s, _), i.strokeStyle = m(y, .7 * o), i.lineWidth = 38, i.lineCap = "round", i.stroke(), i.lineCap = "butt";
+			let b = s + e / 100 * d * g, x = a + Math.cos(b) * 82, S = 220 + Math.sin(b) * 82, C = a - Math.cos(b) * 14, w = 220 - Math.sin(b) * 14;
+			i.strokeStyle = m(y, .18 * g), i.lineWidth = 6, i.lineCap = "round", i.beginPath(), i.moveTo(C, w), i.lineTo(x, S), i.stroke(), i.strokeStyle = m(u.t1, .92 * g), i.lineWidth = 2, i.lineCap = "round", i.beginPath(), i.moveTo(C, w), i.lineTo(x, S), i.stroke(), i.beginPath(), i.arc(x, S, 3, 0, Math.PI * 2), i.fillStyle = m(y, .9 * g), i.fill(), v(i, a, 220, 20, y, .25 * g), i.beginPath(), i.arc(a, 220, 9, 0, Math.PI * 2), i.strokeStyle = m(y, .5 * g), i.lineWidth = 1.5, i.stroke(), i.beginPath(), i.arc(a, 220, 5, 0, Math.PI * 2), i.fillStyle = u.t1, i.fill(), o > .5 && (i.globalAlpha = Math.min(1, (o - .5) / .5), i.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = y, i.textAlign = "center", i.fillText(`${Math.round(e * g)}%`, a, 182), i.globalAlpha = 1), o > .7 && (i.globalAlpha = Math.min(1, (o - .7) / .3), i.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = f.color, i.textAlign = "center", i.fillText("NCEs confirmed", a, 252), i.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = f.color, i.fillText(`${t} of ${r} NCEs are confirmed compensation events`, a, 272), i.globalAlpha = 1);
 			for (let e = 0; e <= 10; e++) {
 				let t = s + e / 10 * d;
-				if (i.strokeStyle = f(u.bd, .5), i.lineWidth = e % 5 == 0 ? 1.5 : .8, i.beginPath(), i.moveTo(a + Math.cos(t) * 122, 220 + Math.sin(t) * 122), i.lineTo(a + Math.cos(t) * 128, 220 + Math.sin(t) * 128), i.stroke(), e % 5 == 0) {
+				if (i.strokeStyle = m(u.bd, .5), i.lineWidth = e % 5 == 0 ? 1.5 : .8, i.beginPath(), i.moveTo(a + Math.cos(t) * 122, 220 + Math.sin(t) * 122), i.lineTo(a + Math.cos(t) * 128, 220 + Math.sin(t) * 128), i.stroke(), e % 5 == 0) {
 					let n = a + Math.cos(t) * 138, r = 220 + Math.sin(t) * 138;
-					i.font = "11px 'JetBrains Mono', monospace", i.fillStyle = f(u.t3, .45), i.textAlign = "center", i.fillText(`${e * 10}%`, n, r + 3);
+					i.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = m(u.t3, .45), i.textAlign = "center", i.fillText(`${e * 10}%`, n, r + 3);
 				}
 			}
-			p = requestAnimationFrame(m);
+			p = requestAnimationFrame(h);
 		};
-		return m(), () => cancelAnimationFrame(p);
+		return h(), () => cancelAnimationFrame(p);
 	}, [
 		e,
 		t,
@@ -558,16 +568,16 @@ function oe({ pct: e, confirmed: t, total: r, "data-testid": i }) {
 		"data-testid": i,
 		style: {
 			position: "relative",
-			width: ie,
-			height: ae
+			width: se,
+			height: ce
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: o,
 			role: "img",
 			"aria-label": `Compensation event gauge — ${e}% of NCEs confirmed as compensation events`,
 			style: {
-				width: ie,
-				height: ae,
+				width: se,
+				height: ce,
 				display: "block"
 			}
 		})
@@ -575,8 +585,8 @@ function oe({ pct: e, confirmed: t, total: r, "data-testid": i }) {
 }
 //#endregion
 //#region src/canvas/useCanvasLoop.ts
-function se(e, t, r, i, o = !0, s = {}) {
-	let c = a(0), { easing: l = w, durationFrames: u = 48 } = s;
+function ue(e, t, r, i, o = !0, s = {}) {
+	let c = a(0), { easing: l = E, durationFrames: u = 48 } = s;
 	n(() => {
 		let n = e.current;
 		if (!n || !t || !r) return;
@@ -607,29 +617,29 @@ function se(e, t, r, i, o = !0, s = {}) {
 }
 //#endregion
 //#region src/components/contractBars/ContractBars.tsx
-var R = 780, ce = 234, le = 130, ue = 52, de = [
+var L = 780, R = 234, de = 130, fe = 52, pe = [
 	u.blue,
 	u.cyan,
 	u.amber,
 	u.purple,
 	u.green
-], fe = [
+], me = [
 	"Base Value",
 	"Variations",
 	"Commitment"
-], pe = [
+], he = [
 	"Base",
 	"Var",
 	"Commit"
 ];
-function me({ contractors: e, "data-testid": t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = x(n, {
-		width: R,
-		height: ce
-	}), p = i(() => {
+function ge({ contractors: e = [], "data-testid": t }) {
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = C(n, {
+		width: L,
+		height: R
+	}), f = i(() => {
 		let t = Math.max(...e.map((e) => e.base ?? 0)), n = Math.max(...e.map((e) => e.variation ?? 0));
 		return e.map((e, r) => {
-			let i = R * (.12 + r * .19), a = le, o = Math.min(R * .075, ue), s = de[r % de.length], c = [
+			let i = L * (.12 + r * .19), a = de, o = Math.min(L * .075, fe), s = pe[r % pe.length], c = [
 				(e.base ?? 0) / (t || 1) * 100,
 				(e.variation ?? 0) / (n || 1) * 100,
 				e.percentage ?? 0
@@ -638,10 +648,10 @@ function me({ contractors: e, "data-testid": t }) {
 				`£${e.variation ?? 0}M`,
 				`${e.percentage ?? 0}%`
 			], u = c.map((e, t) => {
-				let n = -Math.PI / 2 + t / fe.length * Math.PI * 2, r = e / 100, s = o * Math.max(.08, r);
+				let n = -Math.PI / 2 + t / me.length * Math.PI * 2, r = e / 100, s = o * Math.max(.08, r);
 				return {
-					name: fe[t],
-					short: pe[t],
+					name: me[t],
+					short: he[t],
 					label: l[t],
 					val: Math.round(e),
 					x: i + Math.cos(n) * s,
@@ -661,54 +671,54 @@ function me({ contractors: e, "data-testid": t }) {
 			};
 		});
 	}, [e]);
-	return se(n, R, ce, (e, t, n) => {
-		A(r.current, o.current), d.current = [], _(e, R, ce, n, 30), p.forEach((t, i) => {
+	return ue(n, L, R, (e, t, n) => {
+		M(r.current, o.current), d.current = [], y(e, L, R, n, 30), f.forEach((t, i) => {
 			let a = t.color, o = `constellation-${i}`, s = r.current.get(o) ?? 0;
-			e.beginPath(), e.arc(t.cx, t.cy, t.baseR + 5, 0, Math.PI * 2), e.strokeStyle = f(u.bd, .08 + .08 * s), e.lineWidth = .5, e.stroke(), e.beginPath(), t.stars.forEach((t, n) => {
+			e.beginPath(), e.arc(t.cx, t.cy, t.baseR + 5, 0, Math.PI * 2), e.strokeStyle = m(u.bd, .08 + .08 * s), 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 * s), e.fill(), e.strokeStyle = f(a, .15 + .1 * s), e.lineWidth = .8, e.stroke(), t.stars.forEach((o, s) => {
-				let c = O(n, .05, 5e-4) * .3 + .7, l = 3.5 * c, u = `star-${i}-${s}`, p = r.current.get(u) ?? 0, m = e.createRadialGradient(o.x, o.y, 0, o.x, o.y, l * 4);
-				m.addColorStop(0, f(a, (.2 + .1 * p) * c)), m.addColorStop(1, f(a, 0)), e.fillStyle = m, e.beginPath(), e.arc(o.x, o.y, l * 4, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(o.x, o.y, l + p * 2, 0, Math.PI * 2), e.fillStyle = f(a, (.8 + .2 * p) * c), e.fill();
+			}), e.closePath(), e.fillStyle = m(a, .04 + .03 * s), e.fill(), e.strokeStyle = m(a, .15 + .1 * s), e.lineWidth = .8, e.stroke(), t.stars.forEach((o, s) => {
+				let c = A(n, .05, 5e-4) * .3 + .7, l = 3.5 * c, u = `star-${i}-${s}`, f = r.current.get(u) ?? 0, p = e.createRadialGradient(o.x, o.y, 0, o.x, o.y, l * 4);
+				p.addColorStop(0, m(a, (.2 + .1 * f) * c)), p.addColorStop(1, m(a, 0)), e.fillStyle = p, e.beginPath(), e.arc(o.x, o.y, l * 4, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(o.x, o.y, l + f * 2, 0, Math.PI * 2), e.fillStyle = m(a, (.8 + .2 * f) * c), e.fill();
 				let h = Math.sin(o.angle) < -.3;
-				e.textAlign = "center", e.textBaseline = "middle", h ? (e.font = "8px 'DM Sans', sans-serif", e.fillStyle = f(a, .5 + .15 * p), e.fillText(o.short, o.x, o.y - 24), e.font = "bold 11px 'JetBrains Mono', monospace", e.fillStyle = f(a, .8 + .15 * p), e.fillText(o.label, o.x, o.y - 11)) : (e.font = "8px 'DM Sans', sans-serif", e.fillStyle = f(a, .5 + .15 * p), e.fillText(o.short, o.x, o.y + 11), e.font = "bold 11px 'JetBrains Mono', monospace", e.fillStyle = f(a, .8 + .15 * p), e.fillText(o.label, o.x, o.y + 24)), S(d.current, u, o.x, o.y, l * 4 + 2, {
+				e.textAlign = "center", e.textBaseline = "middle", h ? (e.font = "8px 'DM Sans', sans-serif", e.fillStyle = m(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y - 24), e.font = "bold 11px 'JetBrains Mono', monospace", e.fillStyle = m(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y - 11)) : (e.font = "8px 'DM Sans', sans-serif", e.fillStyle = m(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y + 11), e.font = "bold 11px 'JetBrains Mono', monospace", e.fillStyle = m(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y + 24)), w(d.current, u, o.x, o.y, l * 4 + 2, {
 					label: o.name,
 					value: o.label,
 					sublabel: t.abbreviation ?? t.name.slice(0, 6),
 					color: a
 				});
-			}), s > 0 && g(e, t.cx, t.cy, 16 * s, a, .15 * s), 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 = "bold 11px 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "alphabetic", e.fillStyle = f(u.t2, .65 + s * .25), e.fillText(t.abbreviation ?? t.name.slice(0, 6), t.cx, t.cy + t.baseR + 26), S(d.current, o, t.cx, t.cy, t.baseR + 5, {
+			}), s > 0 && v(e, t.cx, t.cy, 16 * s, a, .15 * s), e.beginPath(), e.arc(t.cx, t.cy, t.baseR + 12, 0, Math.PI * 2), e.strokeStyle = m(a, .1 + A(n, .03, 5e-4) * .05), e.lineWidth = 1, e.stroke(), e.font = "bold 11px 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "alphabetic", e.fillStyle = m(u.t2, .65 + s * .25), e.fillText(t.abbreviation ?? t.name.slice(0, 6), t.cx, t.cy + t.baseR + 26), w(d.current, o, t.cx, t.cy, t.baseR + 5, {
 				label: t.name,
 				value: `£${t.total ?? 0}M total`,
 				sublabel: `${t.percentage ?? 0}% committed · scatter ${t.scatter.toFixed(1)}`,
 				color: a
 			});
-		}), e.font = "11px 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = f(u.t4, .55), e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", R / 2, ce - 14), v(e, R, ce, n, .012);
+		}), e.font = "11px 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = m(u.t4, .55), e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", L / 2, R - 14), b(e, L, R, n, .012);
 	}, !0), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: R,
-			height: ce
+			width: L,
+			height: R
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: n,
 			role: "img",
 			"aria-label": "Contract value breakdown per contractor — multi-KPI constellation chart",
 			style: {
-				width: R,
-				height: ce,
+				width: L,
+				height: R,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(b, {
+		}), /* @__PURE__ */ s(S, {
 			...l,
-			parentW: R,
-			parentH: ce
+			parentW: L,
+			parentH: R
 		})]
 	});
 }
 //#endregion
 //#region src/components/contractValueOrb/ContractValueOrb.tsx
-var he = 680, ge = 220, _e = [
+var _e = 680, ve = 220, ye = [
 	u.blue,
 	u.cyan,
 	u.amber,
@@ -719,98 +729,98 @@ var he = 680, ge = 220, _e = [
 	right: 64,
 	top: 16,
 	bottom: 38
-}, ve = 88, B = 18;
-function ye({ data: e, "data-testid": t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: i, tooltip: o, hitZonesRef: l } = x(n, {
-		width: he,
-		height: ge
-	}), { contractors: d = [], totals: p } = e, m = d.length, h = Math.max(...d.map((e) => e.total ?? 0), 1), _ = he - z.left - ve - z.right, v = m > 1 ? (ge - z.top - z.bottom - m * B) / (m - 1) : 0;
-	return se(n, he, ge, (e, t) => {
-		A(r.current, i.current), l.current = [], d.forEach((n, i) => {
-			let a = _e[i % _e.length], o = k(t, i, m, T), s = z.top + i * (B + v), c = z.left + ve, d = r.current.get(n.id) ?? 0, p = (n.base ?? 0) / h * _ * o, y = (n.total ?? 0) / h * _ * o, b = y - p;
-			e.font = `${d > 0 ? "bold " : ""}10px 'DM Sans', sans-serif`, e.fillStyle = d > 0 ? a : f(u.t2, .8), e.textAlign = "right", e.textBaseline = "middle", e.fillText(n.abbreviation ?? n.name.slice(0, 6), c - 8, s + B / 2), e.fillStyle = f(u.bd, .25), e.beginPath(), e.roundRect(c, s, _, B, 4), e.fill(), p > 0 && (d > 0 && g(e, c + p / 2, s + B / 2, p * .3, a, .1 * d), e.fillStyle = f(a, .5 + d * .15), e.beginPath(), e.roundRect(c, s, p, B, 4), e.fill()), b > 2 && (e.fillStyle = f(a, .22 + d * .08), e.beginPath(), e.roundRect(c + p, s, b, B, [
+}, be = 88, B = 18;
+function xe({ data: e, "data-testid": t }) {
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: i, tooltip: o, hitZonesRef: l } = C(n, {
+		width: _e,
+		height: ve
+	}), { contractors: d = [], totals: h } = e, g = d.length, _ = Math.max(...d.map((e) => e.total ?? 0), 1), y = _e - z.left - be - z.right, b = g > 1 ? (ve - z.top - z.bottom - g * B) / (g - 1) : 0;
+	return ue(n, _e, ve, (e, t) => {
+		M(r.current, i.current), l.current = [], d.forEach((n, i) => {
+			let a = ye[i % ye.length], o = j(t, i, g, D), s = z.top + i * (B + b), c = z.left + be, d = r.current.get(n.id) ?? 0, p = (n.base ?? 0) / _ * y * o, h = (n.total ?? 0) / _ * y * o, x = h - p;
+			e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = d > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(n.abbreviation ?? n.name.slice(0, 6), c - 8, s + B / 2), e.fillStyle = m(u.bd, .25), e.beginPath(), e.roundRect(c, s, y, B, 4), e.fill(), p > 0 && (d > 0 && v(e, c + p / 2, s + B / 2, p * .3, a, .1 * d), e.fillStyle = m(a, .5 + d * .15), e.beginPath(), e.roundRect(c, s, p, B, 4), e.fill()), x > 2 && (e.fillStyle = m(a, .22 + d * .08), e.beginPath(), e.roundRect(c + p, s, x, B, [
 				0,
 				4,
 				4,
 				0
-			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = f(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + p, s + 3), e.lineTo(c + p, s + B - 3), e.stroke(), e.setLineDash([])), d > 0 && y > 0 && (e.strokeStyle = f(a, .5 * d), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, y, B, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = "bold 9px 'JetBrains Mono', monospace", e.fillStyle = d > 0 ? a : u.t2, e.textAlign = "left", e.textBaseline = "middle", e.fillText(`£${n.total ?? 0}M`, c + y + 6, s + B / 2), e.globalAlpha = 1), C(l.current, n.id, c, s, Math.max(y, 1), B, {
+			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + p, s + 3), e.lineTo(c + p, s + B - 3), e.stroke(), e.setLineDash([])), d > 0 && h > 0 && (e.strokeStyle = m(a, .5 * d), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, h, B, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = d > 0 ? a : u.t2, e.textAlign = "left", e.textBaseline = "middle", e.fillText(`£${n.total ?? 0}M`, c + h + 6, s + B / 2), e.globalAlpha = 1), T(l.current, n.id, c, s, Math.max(h, 1), B, {
 				label: n.name,
 				value: `£${n.total ?? 0}M total`,
 				sublabel: `Base £${n.base ?? 0}M + Var £${n.variation ?? 0}M · ${n.percentage ?? 0}% committed`,
 				color: a
 			});
 		});
-		let n = ge - 14;
-		e.textBaseline = "middle", e.font = "7px 'DM Sans', sans-serif", e.textAlign = "left", e.fillStyle = f(u.cyan, .5), e.beginPath(), e.roundRect(z.left + ve, n - 3, 14, 6, 2), e.fill(), e.fillStyle = f(u.t3, .45), e.fillText("base value", z.left + ve + 18, n), e.fillStyle = f(u.cyan, .22), e.beginPath(), e.roundRect(z.left + ve + 94, n - 3, 14, 6, 2), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = f(u.cyan, .5), e.lineWidth = .5, e.beginPath(), e.moveTo(z.left + ve + 101, n - 3), e.lineTo(z.left + ve + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = f(u.t3, .45), e.fillText("approved variations", z.left + ve + 112, n), e.font = "bold 8px 'JetBrains Mono', monospace", e.textAlign = "right", e.fillStyle = f(u.t2, .6), e.fillText(`Portfolio: £${p?.total ?? 0}M`, he - 8, n);
-	}, !0, { easing: T }), /* @__PURE__ */ c("div", {
+		let n = ve - 14;
+		e.textBaseline = "middle", e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "left", e.fillStyle = m(u.cyan, .5), e.beginPath(), e.roundRect(z.left + be, n - 3, 14, 6, 2), e.fill(), e.fillStyle = p.color, e.fillText("base value", z.left + be + 18, n), e.fillStyle = m(u.cyan, .22), e.beginPath(), e.roundRect(z.left + be + 94, n - 3, 14, 6, 2), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(u.cyan, .5), e.lineWidth = .5, e.beginPath(), e.moveTo(z.left + be + 101, n - 3), e.lineTo(z.left + be + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = p.color, e.fillText("approved variations", z.left + be + 112, n), e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "right", e.fillStyle = p.color, e.fillText(`Portfolio: £${h?.total ?? 0}M`, _e - 8, n);
+	}, !0, { easing: D }), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: he,
-			height: ge
+			width: _e,
+			height: ve
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: n,
 			role: "img",
 			"aria-label": "Total contract value per contractor — horizontal bar chart",
 			style: {
-				width: he,
-				height: ge,
+				width: _e,
+				height: ve,
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(b, {
+		}), /* @__PURE__ */ s(S, {
 			...o,
-			parentW: he,
-			parentH: ge
+			parentW: _e,
+			parentH: ve
 		})]
 	});
 }
 //#endregion
 //#region src/components/contractorRank/ContractorRank.tsx
-var be = 780, V = 240, xe = 12, Se = 10, Ce = [
+var Se = 780, V = 240, Ce = 12, we = 10, Te = [
 	"Highest exposure",
 	"Elevated risk",
 	"Moderate exposure",
 	"Moderate exposure",
 	"Low exposure"
 ];
-function we({ contractors: e, "data-testid": t }) {
-	let r = a(null), i = a(0), o = a(/* @__PURE__ */ new Map()), { hoveredRef: l, tooltip: d, hitZonesRef: p } = x(r, {
-		width: be,
+function Ee({ contractors: e = [], "data-testid": t }) {
+	let r = a(null), i = a(0), o = a(/* @__PURE__ */ new Map()), { hoveredRef: l, tooltip: p, hitZonesRef: h } = C(r, {
+		width: Se,
 		height: V
-	}), m = [...e].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), _ = m.reduce((e, t) => e + (t.count ?? 0), 0);
+	}), g = [...e].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), y = g.reduce((e, t) => e + (t.count ?? 0), 0);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = h(e, be, V);
+		let t = _(e, Se, V);
 		i.current = 0;
-		let n = Math.min(5, m.length), a = (be - 2 * xe - (n - 1) * Se) / n, s = V * .84, c = V * .08, d, y = () => {
+		let n = Math.min(5, g.length), a = (Se - 2 * Ce - (n - 1) * we) / n, s = V * .84, c = V * .08, p, x = () => {
 			i.current++;
 			let e = i.current;
-			t.clearRect(0, 0, be, V), p.current = [], o.current.forEach((e, t) => {
+			t.clearRect(0, 0, Se, V), h.current = [], o.current.forEach((e, t) => {
 				let n = t === l.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? o.current.delete(t) : o.current.set(t, 1) : o.current.set(t, r);
-			}), l.current && !o.current.has(l.current) && o.current.set(l.current, 0), m.forEach((n, r) => {
-				let i = r === 0, l = i ? u.red : r === 1 ? u.amber : u.blue, d = xe + r * (a + Se), m = o.current.get(n.id) ?? 0, h = m * 8, v = d - h / 2, y = a + h, b = i ? O(e, .04, 3e-4) * .06 + .06 : 0;
-				t.fillStyle = f(l, .08 + m * .07), t.beginPath(), t.roundRect(v, c, y, s, 6), t.fill(), t.strokeStyle = f(l, .2 + m * .4 + b), t.lineWidth = i ? 1.5 : 1, t.stroke(), (m > .01 || i) && g(t, v + y / 2, c + s / 2, y * .55, l, b + m * .14), t.font = "bold 8px 'JetBrains Mono', monospace", t.textAlign = "left", t.textBaseline = "top", t.fillStyle = f(l, .5 + m * .35), t.fillText(`#${r + 1}`, v + 7, c + 6);
-				let x = a * .28, S = v + y / 2, w = c + s * .38, T = t.createRadialGradient(S, w - x * .2, 0, S, w, x);
-				T.addColorStop(0, f(l, .5 + m * .2)), T.addColorStop(1, f(l, .2 + m * .1)), t.beginPath(), t.arc(S, w, x, 0, Math.PI * 2), t.fillStyle = T, t.fill(), t.strokeStyle = f(l, .4 + m * .3), t.lineWidth = 1, t.stroke(), t.font = `bold ${Math.min(10, a * .11)}px 'JetBrains Mono', monospace`, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = f(u.t1, .9), t.fillText(n.abbreviation ?? n.name.slice(0, 6), S, w), t.font = `bold ${Math.min(18, a * .18)}px 'JetBrains Mono', monospace`, t.textBaseline = "alphabetic", t.fillStyle = f(l, .9 + m * .1), t.fillText(String(n.count ?? 0), S, c + s * .76), t.font = "8px 'JetBrains Mono', monospace", t.fillStyle = f(u.t2, .6), t.fillText("open EWs", S, c + s * .88);
-				let E = Math.round((n.count ?? 0) / (_ || 1) * 100), D = Ce[r] ?? "Low exposure";
-				C(p.current, n.id, d, c, a, s, {
+			}), l.current && !o.current.has(l.current) && o.current.set(l.current, 0), g.forEach((n, r) => {
+				let i = r === 0, l = r === 0 ? u.red : r === 1 ? u.amber : d[r % d.length], p = Ce + r * (a + we), g = o.current.get(n.id) ?? 0, _ = g * 8, b = p - _ / 2, x = a + _, S = i ? A(e, .04, 3e-4) * .06 + .06 : 0;
+				t.fillStyle = m(l, .08 + g * .07), t.beginPath(), t.roundRect(b, c, x, s, 6), t.fill(), t.strokeStyle = m(l, .2 + g * .4 + S), t.lineWidth = i ? 1.5 : 1, t.stroke(), (g > .01 || i) && v(t, b + x / 2, c + s / 2, x * .55, l, S + g * .14), t.font = "bold " + f.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = m(l, .5 + g * .35), t.fillText(`#${r + 1}`, b + 7, c + 6);
+				let C = Math.min(a * .28, s * .32, 72), w = b + x / 2, E = c + s * .38, D = t.createRadialGradient(w, E - C * .2, 0, w, E, C);
+				D.addColorStop(0, m(l, .5 + g * .2)), D.addColorStop(1, m(l, .2 + g * .1)), t.beginPath(), t.arc(w, E, C, 0, Math.PI * 2), t.fillStyle = D, t.fill(), t.strokeStyle = m(l, .4 + g * .3), t.lineWidth = 1, t.stroke(), t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(u.t1, .9), t.fillText(n.abbreviation ?? n.name.slice(0, 6), w, E), t.font = "bold 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.textBaseline = "alphabetic", t.fillStyle = m(l, .9 + g * .1), t.fillText(String(n.count ?? 0), w, c + s * .76), t.font = f.font, t.fillStyle = f.color, t.fillText("open EWs", w, c + s * .88);
+				let O = Math.round((n.count ?? 0) / (y || 1) * 100), k = Te[r] ?? "Low exposure";
+				T(h.current, n.id, p, c, a, s, {
 					label: n.name,
-					value: `${n.count ?? 0} open · ${E}% of total`,
-					sublabel: `Rank #${r + 1} · ${D}`,
+					value: `${n.count ?? 0} open · ${O}% of total`,
+					sublabel: `Rank #${r + 1} · ${k}`,
 					color: l
 				});
-			}), v(t, be, V, e, .015), d = requestAnimationFrame(y);
+			}), b(t, Se, V, e, .015), p = requestAnimationFrame(x);
 		};
-		return y(), () => cancelAnimationFrame(d);
-	}, [m, _]), /* @__PURE__ */ c("div", {
+		return x(), () => cancelAnimationFrame(p);
+	}, [g, y]), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: be,
+			width: Se,
 			height: V
 		},
 		children: [/* @__PURE__ */ s("canvas", {
@@ -818,14 +828,14 @@ function we({ contractors: e, "data-testid": t }) {
 			role: "img",
 			"aria-label": "Contractor rank — open EW count per contractor",
 			style: {
-				width: be,
+				width: Se,
 				height: V,
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(b, {
-			...d,
-			parentW: be,
+		}), /* @__PURE__ */ s(S, {
+			...p,
+			parentW: Se,
 			parentH: V
 		})]
 	});
@@ -833,43 +843,43 @@ function we({ contractors: e, "data-testid": t }) {
 //#endregion
 //#region src/components/ewCategory/EWCategory.tsx
 var H = 680, U = 260;
-function Te({ categories: e, "data-testid": t }) {
-	let r = a(null), i = a(0), o = a(/* @__PURE__ */ new Map()), { hoveredRef: l, tooltip: d, hitZonesRef: p } = x(r, {
+function De({ categories: e = [], "data-testid": t }) {
+	let r = a(null), i = a(0), o = a(/* @__PURE__ */ new Map()), { hoveredRef: l, tooltip: d, hitZonesRef: f } = C(r, {
 		width: H,
 		height: U
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = h(t, H, U);
+		let n = _(t, H, U);
 		i.current = 0;
-		let a = e.length, s = Math.max(...e.map((e) => e.count), 1), c = s, d = H * .05, m = U * .1, y = H * .9 / a, b = U * .7 / c, x = e.reduce((e, t) => e + t.count, 0), C, w = () => {
+		let a = e.length, s = Math.max(...e.map((e) => e.count), 1), c = s, d = H * .05, p = U * .1, h = H * .9 / a, g = U * .7 / c, x = e.reduce((e, t) => e + t.count, 0), S, C = () => {
 			i.current++;
 			let t = i.current;
-			n.clearRect(0, 0, H, U), p.current = [], o.current.forEach((e, t) => {
+			n.clearRect(0, 0, H, U), f.current = [], o.current.forEach((e, t) => {
 				let n = t === l.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? o.current.delete(t) : o.current.set(t, 1) : o.current.set(t, r);
-			}), l.current && !o.current.has(l.current) && o.current.set(l.current, 0), _(n, H, U, t, 40, f(u.blue, .04)), e.forEach((e, r) => {
+			}), l.current && !o.current.has(l.current) && o.current.set(l.current, 0), y(n, H, U, t, 40, m(u.blue, .04)), e.forEach((e, r) => {
 				let i = e.count === s, a = i ? u.cyan : u.blue, l = o.current.get(`${e.category}-col`) ?? 0;
 				for (let u = 0; u < c; u++) {
-					let c = d + r * y + y / 2, h = m + u * b + b / 2, _ = Math.min(y, b) * .38;
+					let c = d + r * h + h / 2, _ = p + u * g + g / 2, y = Math.min(h, g) * .38;
 					if (u >= s - e.count) {
-						let s = _ * (1 + (O(t, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
-						(i || l > .01) && g(n, c, h, s * 3, a, (i ? .2 : .1) + l * .1), n.beginPath(), n.arc(c, h, s, 0, Math.PI * 2), n.fillStyle = f(a, i ? .8 : .5 + l * .2), n.fill();
+						let s = y * (1 + (A(t, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
+						(i || l > .01) && v(n, c, _, s * 3, a, (i ? .2 : .1) + l * .1), n.beginPath(), n.arc(c, _, s, 0, Math.PI * 2), n.fillStyle = m(a, i ? .8 : .5 + l * .2), n.fill();
 						let d = `${e.category}-${u}`;
-						S(p.current, d, c, h, _ + 4, {
+						w(f.current, d, c, _, y + 4, {
 							label: e.fullName,
 							value: `${e.count} Early Warnings`,
 							sublabel: `${Math.round(e.count / x * 100)}% of total`,
 							color: a
 						}), o.current.get(`${e.category}-col`);
-					} else n.beginPath(), n.arc(c, h, 1, 0, Math.PI * 2), n.fillStyle = f(a, .08), n.fill();
+					} else n.beginPath(), n.arc(c, _, 1, 0, Math.PI * 2), n.fillStyle = m(a, .08), n.fill();
 				}
-				let h = m + c * b + 16;
-				n.font = `${i ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.textAlign = "center", n.textBaseline = "alphabetic", n.fillStyle = i ? u.cyan : f(u.t2, .65), n.fillText(e.category, d + r * y + y / 2, h);
-			}), v(n, H, U, t, .015), C = requestAnimationFrame(w);
+				let _ = p + c * g + 16;
+				n.font = `${i ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.textAlign = "center", n.textBaseline = "alphabetic", n.fillStyle = i ? u.cyan : m(u.t2, .65), n.fillText(e.category, d + r * h + h / 2, _);
+			}), b(n, H, U, t, .015), S = requestAnimationFrame(C);
 		};
-		return w(), () => cancelAnimationFrame(C);
+		return C(), () => cancelAnimationFrame(S);
 	}, [e]), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
@@ -887,7 +897,7 @@ function Te({ categories: e, "data-testid": t }) {
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(b, {
+		}), /* @__PURE__ */ s(S, {
 			...d,
 			parentW: H,
 			parentH: U
@@ -896,8 +906,8 @@ function Te({ categories: e, "data-testid": t }) {
 }
 //#endregion
 //#region src/components/lineChart/LineChart.tsx
-function Ee({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(N, {
+function Oe({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(te, {
 		rows: e,
 		variant: "line",
 		className: t,
@@ -906,14 +916,16 @@ function Ee({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/constants.ts
-var De = [
-	"#6bbcff",
-	"#5fe6dd",
-	"#d7bc6d",
-	"#95a9ff",
-	"#7fb58a",
-	"#ee8a8a"
-], Oe = {
+var ke = [
+	"#36BFFA",
+	"#16B364",
+	"#D444F1",
+	"#FAC515",
+	"#2970FF",
+	"#7A5AF8",
+	"#EF6820",
+	"#D92D20"
+], Ae = {
 	nodes: [
 		{
 			id: "supplier-x",
@@ -956,8 +968,8 @@ var De = [
 };
 //#endregion
 //#region src/components/miniBars/MiniBars.tsx
-function ke({ rows: e = [], className: t, colors: n }) {
-	let r = n?.slices ?? De;
+function je({ rows: e = [], className: t, colors: n }) {
+	let r = n?.slices ?? ke;
 	return /* @__PURE__ */ s("div", {
 		className: ["d3-mini-bars", t].filter(Boolean).join(" "),
 		children: e.map(([e, t, n], i) => /* @__PURE__ */ c("div", {
@@ -983,7 +995,7 @@ function ke({ rows: e = [], className: t, colors: n }) {
 							width: Math.max(0, Math.min(100, t)),
 							height: "12",
 							rx: "6",
-							className: `d3-mini-fill tone-${i % De.length}`,
+							className: `d3-mini-fill tone-${i % ke.length}`,
 							fill: r[i % r.length]
 						})]
 					})
@@ -995,103 +1007,103 @@ function ke({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/nceTree/NCETree.tsx
-var Ae = 680, W = 320;
-function je({ total: e = 0, byContractor: t = [], "data-testid": r }) {
-	let i = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: p, tooltip: m, hitZonesRef: _ } = x(i, {
-		width: Ae,
-		height: W
+var Me = 680, Ne = 320;
+function Pe({ total: e = 0, byContractor: t = [], "data-testid": r }) {
+	let i = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: p, tooltip: h, hitZonesRef: g } = C(i, {
+		width: Me,
+		height: Ne
 	});
 	return n(() => {
 		let n = i.current;
 		if (!n) return;
-		let r = h(n, Ae, W);
+		let r = _(n, Me, Ne);
 		l.current = 0;
-		let a = W / 2, s = Ae - 80, c = Math.max(...t.map((e) => e.count ?? 0)), m = (W - 60) / (t.length - 1), v = t.map((e, t) => ({
+		let a = Ne / 2, s = Me - 80, c = Math.max(...t.map((e) => e.count ?? 0)), h = (Ne - 60) / (t.length - 1), y = t.map((e, t) => ({
 			x: s,
-			y: 30 + t * m
-		})), y, b = () => {
+			y: 30 + t * h
+		})), b, x = () => {
 			l.current++;
 			let n = l.current;
-			r.clearRect(0, 0, Ae, W);
-			let i = w(Math.min(n / 72, 1));
-			A(o.current, p.current), _.current = [], g(r, 88, a, 48 * i, u.blue, .15 * i), t.forEach((n, l) => {
-				let p = d[l % d.length], m = k(i, l, t.length, w), h = v[l], y = o.current.get(n.id) ?? 0, b = Math.max(1.5, (n.count ?? 0) / c * 6);
-				if (m < .01) return;
-				let x = 88 + (s - 88) * .4, C = a, T = 88 + (s - 88) * .6, E = h.y, D = m;
+			r.clearRect(0, 0, Me, Ne);
+			let i = E(Math.min(n / 72, 1));
+			M(o.current, p.current), g.current = [], v(r, 88, a, 48 * i, u.blue, .15 * i), t.forEach((n, l) => {
+				let p = d[l % d.length], h = j(i, l, t.length, E), _ = y[l], b = o.current.get(n.id) ?? 0, x = Math.max(1.5, (n.count ?? 0) / c * 6);
+				if (h < .01) return;
+				let S = 88 + (s - 88) * .4, C = a, T = 88 + (s - 88) * .6, D = _.y, O = h;
 				r.beginPath();
 				for (let e = 0; e <= 40; e++) {
-					let t = e / 40 * D, n = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * x + 3 * (1 - t) * t ** 2 * T + t ** 3 * h.x, i = (1 - t) ** 3 * a + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * E + t ** 3 * h.y;
+					let t = e / 40 * O, n = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * S + 3 * (1 - t) * t ** 2 * T + t ** 3 * _.x, i = (1 - t) ** 3 * a + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * D + t ** 3 * _.y;
 					e === 0 ? r.moveTo(n, i) : r.lineTo(n, i);
 				}
-				if (r.strokeStyle = f(p, y > 0 ? .8 : .45), r.lineWidth = b * (y > 0 ? 1.3 : 1), r.stroke(), m > .85) {
-					let t = Math.min(1, (m - .85) / .15), i = 4 + (n.count ?? 0) / c * 12;
-					g(r, h.x, h.y, i * 2.5, p, (.25 + y * .2) * t), r.beginPath(), r.arc(h.x, h.y, i * t, 0, Math.PI * 2), r.fillStyle = f(p, (.7 + y * .2) * t), r.fill(), S(_.current, n.id, h.x, h.y, i + 8, {
+				if (r.strokeStyle = m(p, b > 0 ? .8 : .45), r.lineWidth = x * (b > 0 ? 1.3 : 1), r.stroke(), h > .85) {
+					let t = Math.min(1, (h - .85) / .15), i = 4 + (n.count ?? 0) / c * 12;
+					v(r, _.x, _.y, i * 2.5, p, (.25 + b * .2) * t), r.beginPath(), r.arc(_.x, _.y, i * t, 0, Math.PI * 2), r.fillStyle = m(p, (.7 + b * .2) * t), r.fill(), w(g.current, n.id, _.x, _.y, i + 8, {
 						label: n.name,
 						value: `${n.count ?? 0} NCEs raised`,
 						sublabel: `${Math.round((n.count ?? 0) / e * 100)}% of all NCEs`,
 						color: p
-					}), r.globalAlpha = t, r.font = "bold 9px 'JetBrains Mono', monospace", r.fillStyle = y > 0 ? p : f(u.t2, .85), r.textAlign = "left", r.fillText(n.abbreviation ?? n.name.slice(0, 6), h.x + i + 6, h.y - 3), r.font = "bold 11px 'JetBrains Mono', monospace", r.fillStyle = y > 0 ? p : u.t1, r.fillText(String(n.count ?? 0), h.x + i + 6, h.y + 10), r.globalAlpha = 1;
+					}), r.globalAlpha = t, r.font = f.font, r.fillStyle = b > 0 ? p : m(u.t2, .85), r.textAlign = "left", r.fillText(n.abbreviation ?? n.name.slice(0, 6), _.x + i + 6, _.y - 3), r.font = f.font, r.fillStyle = b > 0 ? p : u.t1, r.fillText(String(n.count ?? 0), _.x + i + 6, _.y + 10), r.globalAlpha = 1;
 				}
-			}), r.beginPath(), r.arc(88, a, 32 * i, 0, Math.PI * 2), r.fillStyle = u.bgL, r.fill(), r.strokeStyle = f(u.blue, .6 * i), r.lineWidth = 2, r.stroke(), i > .4 && (r.globalAlpha = Math.min(1, (i - .4) / .4), r.font = "bold 18px 'JetBrains Mono', monospace", r.fillStyle = u.t1, r.textAlign = "center", r.fillText(String(e), 88, a + 5), r.font = "8px 'JetBrains Mono', monospace", r.fillStyle = u.t3, r.fillText("NCEs", 88, a + 18), r.globalAlpha = 1), y = requestAnimationFrame(b);
+			}), r.beginPath(), r.arc(88, a, 32 * i, 0, Math.PI * 2), r.fillStyle = u.bgL, r.fill(), r.strokeStyle = m(u.blue, .6 * i), r.lineWidth = 2, r.stroke(), i > .4 && (r.globalAlpha = Math.min(1, (i - .4) / .4), r.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", r.fillStyle = u.t1, r.textAlign = "center", r.fillText(String(e), 88, a + 5), r.font = f.font, r.fillStyle = f.color, r.fillText("NCEs", 88, a + 18), r.globalAlpha = 1), b = requestAnimationFrame(x);
 		};
-		return b(), () => cancelAnimationFrame(y);
+		return x(), () => cancelAnimationFrame(b);
 	}, [e, t]), /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: Ae,
-			height: W
+			width: Me,
+			height: Ne
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: i,
 			role: "img",
 			"aria-label": "NCE fault tree — NCEs per contractor as branching tree",
 			style: {
-				width: Ae,
-				height: W,
+				width: Me,
+				height: Ne,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(b, {
-			...m,
-			parentW: Ae,
-			parentH: W
+		}), /* @__PURE__ */ s(S, {
+			...h,
+			parentW: Me,
+			parentH: Ne
 		})]
 	});
 }
 //#endregion
 //#region src/components/pieChart/PieChart.tsx
-var Me = 192, Ne = Me, Pe = Me + 80;
-function Fe({ rows: e = [], variant: t, className: r, colors: i }) {
-	let o = a(null), p = a(/* @__PURE__ */ new Map()), _ = a(0), v = i?.slices ?? d, { hoveredRef: y, tooltip: C, hitZonesRef: w } = x(o, {
-		width: Ne,
-		height: Pe
+var Fe = 192, Ie = Fe, Le = Fe + 80;
+function Re({ rows: e = [], variant: t, className: r, colors: i }) {
+	let o = a(null), f = a(/* @__PURE__ */ new Map()), p = a(0), h = i?.slices ?? d, { hoveredRef: y, tooltip: b, hitZonesRef: x } = C(o, {
+		width: Ie,
+		height: Le
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = h(n, Ne, Pe);
-		_.current = 0;
-		let i = Ne / 2, a = Me / 2, s = Me * .4, c = t === "donut" ? Me * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, d, b = () => {
-			_.current++;
-			let n = _.current;
-			r.clearRect(0, 0, Ne, Pe);
+		let r = _(n, Ie, Le);
+		p.current = 0;
+		let i = Ie / 2, a = Fe / 2, s = Fe * .4, c = t === "donut" ? Fe * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, d, b = () => {
+			p.current++;
+			let n = p.current;
+			r.clearRect(0, 0, Ie, Le);
 			let o = 1 - (1 - Math.min(n / 48, 1)) ** 3;
-			A(p.current, y.current), w.current = [];
-			let h = -Math.PI / 2;
+			M(f.current, y.current), x.current = [];
+			let _ = -Math.PI / 2;
 			e.forEach((e, t) => {
-				let d = (e.pricing ?? 0) / l, m = d * Math.PI * 2 * o, _ = h + m, y = v[t % v.length], b = p.current.get(e.id ?? `sl-${t}`) ?? 0, x = h + m / 2, C = (s + c) / 2, T = i + Math.cos(x) * C, E = a + Math.sin(x) * C, D = (s - c) / 2 + 8;
-				S(w.current, e.id ?? `sl-${t}`, T, E, D, {
+				let d = (e.pricing ?? 0) / l, p = d * Math.PI * 2 * o, g = _ + p, y = h[t % h.length], b = f.current.get(e.id ?? `sl-${t}`) ?? 0, S = _ + p / 2, C = (s + c) / 2, T = i + Math.cos(S) * C, E = a + Math.sin(S) * C, D = (s - c) / 2 + 8;
+				w(x.current, e.id ?? `sl-${t}`, T, E, D, {
 					label: e.vendor,
 					value: `${e.pricing ?? 0} (${Math.round(d * 100)}%)`,
 					color: y
-				}), b > 0 && g(r, T, E, D * 2 * b, y, .2 * b);
-				let k = O(n, .03, 3e-4), A = s + b * 6 + (b > 0 ? k * 2 : 0);
-				r.beginPath(), r.moveTo(i + Math.cos(h) * c, a + Math.sin(h) * c), r.arc(i, a, A, h, _), c > 0 ? r.arc(i, a, c, _, h, !0) : r.lineTo(i, a), r.closePath(), r.fillStyle = f(y, .7 + b * .2), r.fill(), r.strokeStyle = f(u.bg, .8), r.lineWidth = 1.5, r.stroke(), h = _;
-			}), t === "donut" && e.length > 0 && g(r, i, a, c * .8, u.blue, .06);
-			let x = Me + 12;
+				}), b > 0 && v(r, T, E, D * 2 * b, y, .2 * b);
+				let O = A(n, .03, 3e-4), k = s + b * 6 + (b > 0 ? O * 2 : 0);
+				r.beginPath(), r.moveTo(i + Math.cos(_) * c, a + Math.sin(_) * c), r.arc(i, a, k, _, g), c > 0 ? r.arc(i, a, c, g, _, !0) : r.lineTo(i, a), r.closePath(), r.fillStyle = m(y, .7 + b * .2), r.fill(), r.strokeStyle = m(u.bg, .8), r.lineWidth = 1.5, r.stroke(), _ = g;
+			}), t === "donut" && e.length > 0 && v(r, i, a, c * .8, u.blue, .06);
+			let S = Fe + 12;
 			e.forEach((e, t) => {
-				let n = v[t % v.length], i = (e.pricing ?? 0) / l, a = p.current.get(e.id ?? `sl-${t}`) ?? 0, o = x + t * 18;
-				r.beginPath(), r.arc(8, o, 4, 0, Math.PI * 2), r.fillStyle = f(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = f(u.t2, .7 + a * .2), r.textAlign = "left", r.fillText(e.vendor, 18, o + 3.5), r.font = "bold 9px 'JetBrains Mono', monospace", r.fillStyle = m(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, Ne - 4, o + 3.5);
+				let n = h[t % h.length], i = (e.pricing ?? 0) / l, a = f.current.get(e.id ?? `sl-${t}`) ?? 0, o = S + t * 18;
+				r.beginPath(), r.arc(8, o, 4, 0, Math.PI * 2), r.fillStyle = m(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = m(u.t2, .7 + a * .2), r.textAlign = "left", r.fillText(e.vendor, 18, o + 3.5), r.font = "bold 9px 'JetBrains Mono', monospace", r.fillStyle = g(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, Ie - 4, o + 3.5);
 			}), d = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(d);
@@ -1099,36 +1111,36 @@ function Fe({ rows: e = [], variant: t, className: r, colors: i }) {
 		e,
 		t,
 		i,
-		v
+		h
 	]), /* @__PURE__ */ s(l, {
 		className: ["canvas-pie-frame", r].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Ne,
-				height: Pe
+				width: Ie,
+				height: Le
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: Ne,
-					height: Pe,
+					width: Ie,
+					height: Le,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(b, {
-				...C,
-				parentW: Ne,
-				parentH: Pe
+			}), /* @__PURE__ */ s(S, {
+				...b,
+				parentW: Ie,
+				parentH: Le
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/sankey/SankeySvg.tsx
-function Ie(e, t, n, r) {
+function ze(e, t, n, r) {
 	let i = new Set(t.map((e) => e.source)), a = new Set(t.map((e) => e.target)), o = /* @__PURE__ */ new Map(), s = [];
 	for (e.forEach((e) => {
 		i.has(e.id) && !a.has(e.id) && s.push({
@@ -1173,67 +1185,67 @@ function Ie(e, t, n, r) {
 		});
 	}), f;
 }
-function Le({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: p, selectedEntity: m, className: _, colors: y }) {
-	let w = a(null), T = a(/* @__PURE__ */ new Map()), E = a(0), D = a([]), k = y?.nodes ?? d, j = y?.links ?? u.bd, M = y?.activeLinks ?? u.blue, N = y?.activeNodes ?? u.blue, ee = i(() => Ie(e, t, r, o), [
+function Be({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f, selectedEntity: p, className: h, colors: g }) {
+	let y = a(null), x = a(/* @__PURE__ */ new Map()), E = a(0), D = a([]), O = g?.nodes ?? d, k = g?.links ?? u.bd, j = g?.activeLinks ?? u.blue, ee = g?.activeNodes ?? u.blue, N = i(() => ze(e, t, r, o), [
 		e,
 		t,
 		r,
 		o
-	]), { hoveredRef: P, tooltip: F, hitZonesRef: te } = x(w, {
+	]), { hoveredRef: te, tooltip: ne, hitZonesRef: P } = C(y, {
 		width: r,
 		height: o
 	});
 	return n(() => {
-		let n = w.current;
+		let n = y.current;
 		if (!n) return;
-		let i = h(n, r, o);
+		let i = _(n, r, o);
 		E.current = 0, D.current = [];
 		let a = t.length > 0 ? Math.max(...t.map((e) => e.value)) : 1, s, c = () => {
 			E.current++;
 			let n = E.current;
 			i.clearRect(0, 0, r, o);
 			let l = 1 - (1 - Math.min(n / 56, 1)) ** 3;
-			A(T.current, P.current), te.current = [], t.forEach((e, t) => {
-				let r = ee.get(e.source), o = ee.get(e.target);
+			M(x.current, te.current), P.current = [], t.forEach((e, t) => {
+				let r = N.get(e.source), o = N.get(e.target);
 				if (!r || !o) return;
-				let s = !!m && (e.source === m || e.target === m), c = s ? M : j, d = s ? .5 : .2, p = Math.max(3, e.value / a * 36 * l), h = p / 2, g = r.x + r.w, _ = r.y + r.h / 2, v = o.x, y = o.y + o.h / 2, b = (g + v) / 2;
+				let s = !!p && (e.source === p || e.target === p), c = s ? j : k, d = s ? .5 : .2, f = Math.max(3, e.value / a * 36 * l), h = f / 2, g = r.x + r.w, _ = r.y + r.h / 2, v = o.x, y = o.y + o.h / 2, b = (g + v) / 2;
 				for (let e = 0; e < 30; e++) {
-					let r = e / 30, a = (e + 1) / 30, o = 1 - r, s = 1 - a, l = o * o * g + 2 * o * r * b + r * r * v, u = o * o * _ + 2 * o * r * _ + r * r * y, p = s * s * g + 2 * s * a * b + a * a * v, m = s * s * _ + 2 * s * a * _ + a * a * y, x = O(n + r * 120 + t * 40, .025, 3e-4) * 1.2;
-					i.beginPath(), i.moveTo(l, u - h + x), i.lineTo(p, m - h + x), i.lineTo(p, m + h + x), i.lineTo(l, u + h + x), i.closePath(), i.fillStyle = f(c, d * (.5 + r * .5)), i.fill();
+					let r = e / 30, a = (e + 1) / 30, o = 1 - r, s = 1 - a, l = o * o * g + 2 * o * r * b + r * r * v, u = o * o * _ + 2 * o * r * _ + r * r * y, f = s * s * g + 2 * s * a * b + a * a * v, p = s * s * _ + 2 * s * a * _ + a * a * y, x = A(n + r * 120 + t * 40, .025, 3e-4) * 1.2;
+					i.beginPath(), i.moveTo(l, u - h + x), i.lineTo(f, p - h + x), i.lineTo(f, p + h + x), i.lineTo(l, u + h + x), i.closePath(), i.fillStyle = m(c, d * (.5 + r * .5)), i.fill();
 				}
-				S(te.current, `link-${t}`, b, (_ + y) / 2, p + 6, {
+				w(P.current, `link-${t}`, b, (_ + y) / 2, f + 6, {
 					label: `${e.source} → ${e.target}`,
 					value: String(e.value),
-					color: s ? M : u.blue
+					color: s ? j : u.blue
 				}), Math.random() < .08 && D.current.push({
 					linkIdx: t,
 					prog: 0,
 					speed: .006 + Math.random() * .006,
-					off: (Math.random() - .5) * p * .5,
+					off: (Math.random() - .5) * f * .5,
 					sz: 1 + Math.random()
 				});
 			}), e.forEach((e, t) => {
-				let r = ee.get(e.id);
+				let r = N.get(e.id);
 				if (!r) return;
-				let a = m === e.id, o = P.current === `node-${t}`, s = T.current.get(`node-${t}`) ?? 0, c = a ? N : k[t % k.length];
-				C(te.current, `node-${t}`, r.x, r.y, r.w, r.h, {
+				let a = p === e.id, o = te.current === `node-${t}`, s = x.current.get(`node-${t}`) ?? 0, c = a ? ee : O[t % O.length];
+				T(P.current, `node-${t}`, r.x, r.y, r.w, r.h, {
 					label: e.name,
 					value: e.valueLabel ?? e.id,
 					color: c
-				}), (s > 0 || a) && g(i, r.x + r.w / 2, r.y + r.h / 2, r.w * 2, c, .2 * Math.max(s, a ? .6 : 0));
-				let l = a ? O(n, .03, 3e-4) * .15 : 0;
-				i.fillStyle = f(c, .6 + s * .25 + l), i.beginPath(), i.roundRect(r.x, r.y, r.w, r.h, 4), i.fill(), (a || s > 0) && (i.strokeStyle = f(c, .5 * Math.max(s, a ? 1 : 0)), i.lineWidth = 1, i.beginPath(), i.roundRect(r.x, r.y, r.w, r.h, 4), i.stroke());
+				}), (s > 0 || a) && v(i, r.x + r.w / 2, r.y + r.h / 2, r.w * 2, c, .2 * Math.max(s, a ? .6 : 0));
+				let l = a ? A(n, .03, 3e-4) * .15 : 0;
+				i.fillStyle = m(c, .6 + s * .25 + l), i.beginPath(), i.roundRect(r.x, r.y, r.w, r.h, 4), i.fill(), (a || s > 0) && (i.strokeStyle = m(c, .5 * Math.max(s, a ? 1 : 0)), i.lineWidth = 1, i.beginPath(), i.roundRect(r.x, r.y, r.w, r.h, 4), i.stroke());
 				let d = r.x + r.w + 8;
-				i.font = `${a || o ? "bold " : ""}10px 'JetBrains Mono', monospace`, i.fillStyle = f(a ? c : u.t2, .7 + s * .2), i.textAlign = "left", i.fillText(e.name, d, r.y + r.h / 2 + 4), e.valueLabel && (i.font = "9px 'JetBrains Mono', monospace", i.fillStyle = f(c, .5 + s * .2), i.fillText(e.valueLabel, d, r.y + r.h / 2 + 17));
+				i.font = `${a || o ? "bold " : ""}10px 'JetBrains Mono', monospace`, i.fillStyle = m(a ? c : u.t2, .7 + s * .2), i.textAlign = "left", i.fillText(e.name, d, r.y + r.h / 2 + 4), e.valueLabel && (i.font = "9px 'JetBrains Mono', monospace", i.fillStyle = m(c, .5 + s * .2), i.fillText(e.valueLabel, d, r.y + r.h / 2 + 17));
 			}), D.current = D.current.filter((e) => {
 				if (e.prog += e.speed, e.prog > 1) return !1;
 				let n = t[e.linkIdx];
 				if (!n) return !1;
-				let r = ee.get(n.source), a = ee.get(n.target);
+				let r = N.get(n.source), a = N.get(n.target);
 				if (!r || !a) return !1;
-				let o = r.x + r.w, s = r.y + r.h / 2, c = a.x, l = a.y + a.h / 2, d = (o + c) / 2, p = 1 - e.prog, m = p * p * o + 2 * p * e.prog * d + e.prog * e.prog * c, h = p * p * s + 2 * p * e.prog * s + e.prog * e.prog * l + e.off, g = Math.sin(e.prog * Math.PI) * .5, _ = y?.links ?? u.cyan;
-				return i.beginPath(), i.arc(m, h, e.sz, 0, Math.PI * 2), i.fillStyle = f(_, g), i.fill(), !0;
-			}), D.current.length > 150 && (D.current = D.current.slice(-150)), v(i, r, o, n, .01), s = requestAnimationFrame(c);
+				let o = r.x + r.w, s = r.y + r.h / 2, c = a.x, l = a.y + a.h / 2, d = (o + c) / 2, f = 1 - e.prog, p = f * f * o + 2 * f * e.prog * d + e.prog * e.prog * c, h = f * f * s + 2 * f * e.prog * s + e.prog * e.prog * l + e.off, _ = Math.sin(e.prog * Math.PI) * .5, v = g?.links ?? u.cyan;
+				return i.beginPath(), i.arc(p, h, e.sz, 0, Math.PI * 2), i.fillStyle = m(v, _), i.fill(), !0;
+			}), D.current.length > 150 && (D.current = D.current.slice(-150)), b(i, r, o, n, .01), s = requestAnimationFrame(c);
 		};
 		return c(), () => {
 			cancelAnimationFrame(s), D.current = [];
@@ -1243,29 +1255,29 @@ function Le({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: p,
 		t,
 		r,
 		o,
-		m,
-		y,
-		ee
+		p,
+		g,
+		N
 	]), /* @__PURE__ */ s(l, {
-		className: ["canvas-sankey-frame", _].filter(Boolean).join(" "),
+		className: ["canvas-sankey-frame", h].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ c("div", {
 			role: "img",
-			"aria-label": p,
+			"aria-label": f,
 			style: {
 				position: "relative",
 				width: r,
 				height: o
 			},
 			children: [/* @__PURE__ */ s("canvas", {
-				ref: w,
+				ref: y,
 				style: {
 					width: r,
 					height: o,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(b, {
-				...F,
+			}), /* @__PURE__ */ s(S, {
+				...ne,
 				parentW: r,
 				parentH: o
 			})]
@@ -1274,7 +1286,7 @@ function Le({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: p,
 }
 //#endregion
 //#region src/canvas/CausalFlowCanvas.tsx
-var Re = [
+var Ve = [
 	{
 		x: .13,
 		y: .48
@@ -1307,7 +1319,7 @@ var Re = [
 		x: .92,
 		y: .22
 	}
-], ze = [
+], He = [
 	u.blue,
 	u.cyan,
 	u.orange,
@@ -1316,7 +1328,7 @@ var Re = [
 	u.green,
 	u.amber,
 	u.t2
-], Be = [
+], Ue = [
 	26,
 	24,
 	24,
@@ -1326,21 +1338,21 @@ var Re = [
 	22,
 	22
 ];
-function Ve(e, t) {
+function We(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 He(e, t) {
+function Ge(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 Ue(e, t) {
+function Ke(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	return {
 		p0: {
@@ -1361,23 +1373,23 @@ function Ue(e, t) {
 		}
 	};
 }
-function We({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
-	let d = a(null), p = a(0), y = a([]), { hoveredRef: C, tooltip: T, hitZonesRef: E } = x(d, {
+function qe({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
+	let d = a(null), f = a(0), p = a([]), { hoveredRef: h, tooltip: x, hitZonesRef: T } = C(d, {
 		width: r,
 		height: o
 	}), D = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e, n) => t.set(e.id, n)), t;
-	}, [e]), k = i(() => t.length > 0 ? Math.max(...t.map((e) => e.value)) : 100, [t]), A = (e) => k > 1 ? e / 100 : e, j = i(() => e.map((e, t) => {
-		let n = Re[t % Re.length];
+	}, [e]), O = i(() => t.length > 0 ? Math.max(...t.map((e) => e.value)) : 100, [t]), k = (e) => O > 1 ? e / 100 : e, j = i(() => e.map((e, t) => {
+		let n = Ve[t % Ve.length];
 		return {
 			id: e.id,
 			label: e.name,
 			sub: e.valueLabel ?? "",
 			x: n.x * r,
 			y: n.y * o,
-			r: Be[t % Be.length],
-			color: ze[t % ze.length]
+			r: Ue[t % Ue.length],
+			color: He[t % He.length]
 		};
 	}), [
 		e,
@@ -1386,63 +1398,63 @@ function We({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 	]), M = i(() => t.map((e) => ({
 		fromIdx: D.get(e.source) ?? -1,
 		toIdx: D.get(e.target) ?? -1,
-		conf: A(e.value)
+		conf: k(e.value)
 	})).filter((e) => e.fromIdx >= 0 && e.toIdx >= 0), [t, D]);
 	return n(() => {
 		let e = d.current;
 		if (!e) return;
-		let t = h(e, r, o);
-		p.current = 0, y.current = [];
+		let t = _(e, r, o);
+		f.current = 0, p.current = [];
 		let n, i = () => {
-			p.current++;
-			let e = p.current;
-			if (t.clearRect(0, 0, r, o), E.current = [], _(t, r, o, e, 50, f(u.blue, .05)), M.forEach((e, n) => {
+			f.current++;
+			let e = f.current;
+			if (t.clearRect(0, 0, r, o), T.current = [], y(t, r, o, e, 50, m(u.blue, .05)), M.forEach((e, n) => {
 				let r = j[e.fromIdx], i = j[e.toIdx];
 				if (!r || !i) return;
-				let a = !!l && (r.id === l || i.id === l), o = m(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = Ue(r, i);
-				t.beginPath(), t.moveTo(d.p0.x, d.p0.y), t.bezierCurveTo(d.p1.x, d.p1.y, d.p2.x, d.p2.y, d.p3.x, d.p3.y), t.strokeStyle = f(o, s), t.lineWidth = 16, t.lineCap = "round", t.stroke(), t.strokeStyle = f(o, c), t.lineWidth = 1.5, t.stroke();
-				for (let t = 0; t < e.conf * 2.5; t++) Math.random() < .45 && y.current.push({
+				let a = !!l && (r.id === l || i.id === l), o = g(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = Ke(r, i);
+				t.beginPath(), t.moveTo(d.p0.x, d.p0.y), t.bezierCurveTo(d.p1.x, d.p1.y, d.p2.x, d.p2.y, d.p3.x, d.p3.y), t.strokeStyle = m(o, s), t.lineWidth = 16, t.lineCap = "round", t.stroke(), t.strokeStyle = m(o, c), t.lineWidth = 1.5, t.stroke();
+				for (let t = 0; t < e.conf * 2.5; t++) Math.random() < .45 && p.current.push({
 					edgeIdx: n,
 					t: 0,
 					speed: .003 + Math.random() * .004,
 					off: (Math.random() - .5) * 13,
 					sz: .7 + Math.random() * 2
 				});
-				let p = Ve(d, .5), h = `${Math.round(e.conf * 100)}%`;
+				let f = We(d, .5), h = `${Math.round(e.conf * 100)}%`;
 				t.font = "bold 12px 'JetBrains Mono', monospace", t.textBaseline = "middle";
-				let g = t.measureText(h).width + 14;
-				t.fillStyle = "rgba(10,16,24,0.88)", t.beginPath(), t.roundRect(p.x - g / 2, p.y - 11, g, 22, 6), t.fill(), t.strokeStyle = f(u.cyan, .25), t.lineWidth = 1, t.stroke(), t.fillStyle = f(u.cyan, .9), t.textAlign = "center", t.fillText(h, p.x, p.y);
-			}), y.current = y.current.filter((e) => {
+				let _ = t.measureText(h).width + 14;
+				t.fillStyle = "rgba(10,16,24,0.88)", t.beginPath(), t.roundRect(f.x - _ / 2, f.y - 11, _, 22, 6), t.fill(), t.strokeStyle = m(u.cyan, .25), t.lineWidth = 1, t.stroke(), t.fillStyle = m(u.cyan, .9), t.textAlign = "center", t.fillText(h, f.x, f.y);
+			}), p.current = p.current.filter((e) => {
 				if (e.t += e.speed, e.t > 1) return !1;
 				let n = M[e.edgeIdx];
 				if (!n) return !1;
 				let r = j[n.fromIdx], i = j[n.toIdx];
 				if (!r || !i) return !1;
-				let a = Ue(r, i), o = Ve(a, e.t), s = He(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;
-			}), y.current.length > 350 && (y.current = y.current.slice(-350)), j.forEach((n, r) => {
-				let i = l === n.id, a = C.current === `node-${r}`, o = O(e, .03, 3e-4) * .1 + 1, s = n.r * o * (i ? 1.15 : 1);
-				t.beginPath(), t.arc(n.x, n.y, s + 6, 0, Math.PI * 2), t.strokeStyle = f(n.color, i ? .3 : .1), t.lineWidth = i ? 1.5 : .7, t.stroke(), g(t, n.x, n.y, s * 3, n.color, i ? .22 : .12);
+				let a = Ke(r, i), o = We(a, e.t), s = Ge(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 = g(r.color, i.color, e.t);
+				return v(t, c, l, e.sz * 3, d, u * .1), t.beginPath(), t.arc(c, l, e.sz, 0, Math.PI * 2), t.fillStyle = m(d, u), t.fill(), !0;
+			}), p.current.length > 350 && (p.current = p.current.slice(-350)), j.forEach((n, r) => {
+				let i = l === n.id, a = h.current === `node-${r}`, o = A(e, .03, 3e-4) * .1 + 1, s = n.r * o * (i ? 1.15 : 1);
+				t.beginPath(), t.arc(n.x, n.y, s + 6, 0, Math.PI * 2), t.strokeStyle = m(n.color, i ? .3 : .1), t.lineWidth = i ? 1.5 : .7, t.stroke(), v(t, n.x, n.y, s * 3, n.color, i ? .22 : .12);
 				let c = t.createRadialGradient(n.x, n.y - s * .2, 0, n.x, n.y, s);
-				if (c.addColorStop(0, f(n.color, i ? 1 : .85)), c.addColorStop(1, f(n.color, i ? .65 : .45)), t.fillStyle = c, t.beginPath(), t.arc(n.x, n.y, s, 0, Math.PI * 2), t.fill(), i || r === j.length - 1) {
+				if (c.addColorStop(0, m(n.color, i ? 1 : .85)), c.addColorStop(1, m(n.color, i ? .65 : .45)), t.fillStyle = c, t.beginPath(), t.arc(n.x, n.y, s, 0, Math.PI * 2), t.fill(), i || r === j.length - 1) {
 					let r = s + 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();
+					v(t, a, o, 6, n.color, .3), t.beginPath(), t.arc(a, o, 2, 0, Math.PI * 2), t.fillStyle = m(n.color, .75), t.fill();
 				}
-				S(E.current, `node-${r}`, n.x, n.y, s + 8, {
+				w(T.current, `node-${r}`, n.x, n.y, s + 8, {
 					label: n.label,
 					value: n.sub || n.id,
 					color: n.color
-				}), t.font = `${i || a ? "bold " : ""}12px 'DM Sans', sans-serif`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = f(n.color, i ? 1 : .9), t.fillText(n.label, n.x, n.y + s + 18), n.sub && (t.font = "10px 'JetBrains Mono', monospace", t.fillStyle = f(u.t3, .65), t.fillText(n.sub, n.x, n.y + s + 32));
+				}), t.font = `${i || a ? "bold " : ""}12px 'DM Sans', sans-serif`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = m(n.color, i ? 1 : .9), t.fillText(n.label, n.x, n.y + s + 18), n.sub && (t.font = "10px 'JetBrains Mono', monospace", t.fillStyle = m(u.t3, .65), t.fillText(n.sub, n.x, n.y + s + 32));
 			}), M.length >= 2) {
-				let n = M.reduce((e, t) => e * t.conf, 1), i = o * .92, a = r * .12, s = r * .76, c = w(Math.min(e * .008, 1));
-				t.fillStyle = f(u.bd, .35), t.beginPath(), t.roundRect(a, i, s, 5, 3), t.fill(), t.fillStyle = f(u.orange, .6), t.beginPath(), t.roundRect(a, i, s * n * c, 5, 3), t.fill(), t.font = "bold 12px 'JetBrains Mono', monospace", t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = f(u.orange, .85), t.fillText(`${Math.round(n * 100)}% compound confidence`, a + s * n * c + 10, i + 2);
+				let n = M.reduce((e, t) => e * t.conf, 1), i = o * .92, a = r * .12, s = r * .76, c = E(Math.min(e * .008, 1));
+				t.fillStyle = m(u.bd, .35), t.beginPath(), t.roundRect(a, i, s, 5, 3), t.fill(), t.fillStyle = m(u.orange, .6), t.beginPath(), t.roundRect(a, i, s * n * c, 5, 3), t.fill(), t.font = "bold 12px 'JetBrains Mono', monospace", t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = m(u.orange, .85), t.fillText(`${Math.round(n * 100)}% compound confidence`, a + s * n * c + 10, i + 2);
 				let l = M.map((e) => e.conf.toFixed(2)).join(" × ");
-				t.textAlign = "right", t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = f(u.t4, .6), t.fillText(l, a - 6, i + 2);
+				t.textAlign = "right", t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = m(u.t4, .6), t.fillText(l, a - 6, i + 2);
 			}
-			v(t, r, o, e, .012), n = requestAnimationFrame(i);
+			b(t, r, o, e, .012), n = requestAnimationFrame(i);
 		};
 		return i(), () => {
-			cancelAnimationFrame(n), y.current = [];
+			cancelAnimationFrame(n), p.current = [];
 		};
 	}, [
 		j,
@@ -1466,8 +1478,8 @@ function We({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 			},
 			role: "img",
 			"aria-label": "causal flow diagram"
-		}), /* @__PURE__ */ s(b, {
-			...T,
+		}), /* @__PURE__ */ s(S, {
+			...x,
 			parentW: r,
 			parentH: o
 		})]
@@ -1475,10 +1487,10 @@ function We({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 }
 //#endregion
 //#region src/components/sankey/ProcessSankey.tsx
-function Ge({ selectedEntity: e, colors: t }) {
-	return /* @__PURE__ */ s(We, {
-		nodes: Oe.nodes,
-		links: Oe.links,
+function Je({ selectedEntity: e, colors: t }) {
+	return /* @__PURE__ */ s(qe, {
+		nodes: Ae.nodes,
+		links: Ae.links,
 		width: 960,
 		height: 280,
 		selectedEntity: e
@@ -1486,7 +1498,7 @@ function Ge({ selectedEntity: e, colors: t }) {
 }
 //#endregion
 //#region src/components/sankey/RankingSankey.tsx
-function Ke({ rows: e = [], className: t, colors: n }) {
+function Ye({ rows: e = [], className: t, colors: n }) {
 	let { nodes: r, links: a } = i(() => {
 		let t = e.slice(0, 5);
 		return {
@@ -1504,7 +1516,7 @@ function Ke({ rows: e = [], className: t, colors: n }) {
 			}))
 		};
 	}, [e]);
-	return /* @__PURE__ */ s(Le, {
+	return /* @__PURE__ */ s(Be, {
 		nodes: r,
 		links: a,
 		width: 760,
@@ -1516,62 +1528,62 @@ function Ke({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/quotationBalance/QuotationBalance.tsx
-var qe = 500, Je = 320;
-function Ye({ accepted: e, submitted: t, "data-testid": r }) {
+var Xe = 500, Ze = 320;
+function Qe({ accepted: e, submitted: t, "data-testid": r }) {
 	let i = a(null), o = a(0);
 	return n(() => {
 		let n = i.current;
 		if (!n) return;
-		let r = h(n, qe, Je);
+		let r = _(n, Xe, Ze);
 		o.current = 0;
-		let a = qe / 2, s = Math.max(e.value, t.value), c = (e.value - t.value) / s * 14, l, d = () => {
+		let a = Xe / 2, s = Math.max(e.value, t.value), c = (e.value - t.value) / s * 14, l, d = () => {
 			o.current++;
 			let n = o.current;
-			r.clearRect(0, 0, qe, Je);
-			let i = w(Math.min(n / 80, 1)), p = c * D(Math.min(n / 80, 1)) * Math.PI / 180;
-			r.strokeStyle = f(u.bd, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(a, 100), r.lineTo(a, Je - 80), r.stroke(), r.beginPath(), r.arc(a, 100, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
-			let m = {
+			r.clearRect(0, 0, Xe, Ze);
+			let i = E(Math.min(n / 80, 1)), p = c * k(Math.min(n / 80, 1)) * Math.PI / 180;
+			r.strokeStyle = m(u.bd, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(a, 100), r.lineTo(a, Ze - 80), r.stroke(), r.beginPath(), r.arc(a, 100, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
+			let h = {
 				x: a - Math.cos(p) * 160,
 				y: 100 + Math.sin(-p) * 160
-			}, h = {
+			}, g = {
 				x: a + Math.cos(p) * 160,
 				y: 100 + Math.sin(p) * 160
 			};
-			r.strokeStyle = f(u.t2, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(m.x, m.y), r.lineTo(h.x, h.y), r.stroke();
-			let _ = Math.max(20, e.value / s * 100 * i), v = m.y + 18;
-			g(r, m.x, v + _ / 2, 90 * .5, u.green, .18 * i), r.fillStyle = f(u.green, .5 * i), r.beginPath(), r.roundRect(m.x - 90 / 2, v, 90, _, [
+			r.strokeStyle = m(u.t2, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(h.x, h.y), r.lineTo(g.x, g.y), r.stroke();
+			let _ = Math.max(20, e.value / s * 100 * i), y = h.y + 18;
+			v(r, h.x, y + _ / 2, 90 * .5, u.green, .18 * i), r.fillStyle = m(u.green, .5 * i), r.beginPath(), r.roundRect(h.x - 90 / 2, y, 90, _, [
 				0,
 				0,
 				6,
 				6
-			]), r.fill(), r.strokeStyle = f(u.green, .7 * i), r.lineWidth = 1.5, r.stroke(), r.strokeStyle = f(u.t3, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
-				r.beginPath(), r.moveTo(m.x + e, m.y + 4), r.lineTo(m.x + e, v), r.stroke();
-			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = "bold 14px 'JetBrains Mono', monospace", r.fillStyle = u.green, r.textAlign = "center", r.fillText(e.label, m.x, v + _ + 18), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = u.t2, r.fillText("Accepted", m.x, v + _ + 32), r.fillText(`${e.count} quotations`, m.x, v + _ + 44), r.globalAlpha = 1);
-			let y = Math.max(20, t.value / s * 100 * i), b = h.y + 18;
-			r.fillStyle = f(u.amber, .3 * i), r.strokeStyle = f(u.amber, .5 * i), r.lineWidth = 1.5, r.beginPath(), r.roundRect(h.x - 90 / 2, b, 90, y, [
+			]), r.fill(), r.strokeStyle = m(u.green, .7 * i), r.lineWidth = 1.5, r.stroke(), r.strokeStyle = m(u.t3, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
+				r.beginPath(), r.moveTo(h.x + e, h.y + 4), r.lineTo(h.x + e, y), r.stroke();
+			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = "bold 14px 'JetBrains Mono', monospace", r.fillStyle = u.green, r.textAlign = "center", r.fillText(e.label, h.x, y + _ + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Accepted", h.x, y + _ + 32), r.fillText(`${e.count} quotations`, h.x, y + _ + 44), r.globalAlpha = 1);
+			let b = Math.max(20, t.value / s * 100 * i), x = g.y + 18;
+			r.fillStyle = m(u.amber, .3 * i), r.strokeStyle = m(u.amber, .5 * i), r.lineWidth = 1.5, r.beginPath(), r.roundRect(g.x - 90 / 2, x, 90, b, [
 				0,
 				0,
 				6,
 				6
-			]), r.fill(), r.stroke(), r.strokeStyle = f(u.t3, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
-				r.beginPath(), r.moveTo(h.x + e, h.y + 4), r.lineTo(h.x + e, b), r.stroke();
-			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = "bold 14px 'JetBrains Mono', monospace", r.fillStyle = u.amber, r.textAlign = "center", r.fillText(t.label, h.x, b + y + 18), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = u.t2, r.fillText("Submitted", h.x, b + y + 32), r.fillText(`${t.count} quotations`, h.x, b + y + 44), r.globalAlpha = 1), i > .85 && Math.abs(c) > 1 && (r.globalAlpha = Math.min(1, (i - .85) / .15) * .6, r.font = "8px 'JetBrains Mono', monospace", r.fillStyle = u.t3, r.textAlign = "center", r.fillText(`${Math.abs(c).toFixed(1)}° tilt toward accepted`, a, Je - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
+			]), r.fill(), r.stroke(), r.strokeStyle = m(u.t3, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
+				r.beginPath(), r.moveTo(g.x + e, g.y + 4), r.lineTo(g.x + e, x), r.stroke();
+			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = "bold 14px 'JetBrains Mono', monospace", r.fillStyle = u.amber, r.textAlign = "center", r.fillText(t.label, g.x, x + b + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Submitted", g.x, x + b + 32), r.fillText(`${t.count} quotations`, g.x, x + b + 44), r.globalAlpha = 1), i > .85 && Math.abs(c) > 1 && (r.globalAlpha = Math.min(1, (i - .85) / .15) * .6, r.font = f.font, r.fillStyle = f.color, r.textAlign = "center", r.fillText(`${Math.abs(c).toFixed(1)}° tilt toward accepted`, a, Ze - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
 		};
 		return d(), () => cancelAnimationFrame(l);
 	}, [e, t]), /* @__PURE__ */ s("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: qe,
-			height: Je
+			width: Xe,
+			height: Ze
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: i,
 			role: "img",
 			"aria-label": "Quotation balance — accepted vs submitted quotation value",
 			style: {
-				width: qe,
-				height: Je,
+				width: Xe,
+				height: Ze,
 				display: "block"
 			}
 		})
@@ -1579,141 +1591,251 @@ function Ye({ accepted: e, submitted: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/quotationTrend/QuotationTrend.tsx
-var Xe = 680, G = 280;
-function Ze({ trend: e = [], "data-testid": t }) {
-	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: d, hitZonesRef: p } = x(r, {
-		width: Xe,
-		height: G
+var $e = 680, W = 280;
+function et({ trend: e = [], "data-testid": t }) {
+	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: d, hitZonesRef: p } = C(r, {
+		width: $e,
+		height: W
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = h(t, Xe, G);
+		let n = _(t, $e, W);
 		o.current = 0;
-		let a = Xe - 54 - 28, s = G - 30 - 54, c = Math.max(...e.map((e) => e.count)), d = e.length, m = d > 1 ? a / (d - 1) : a, _ = e.map((e, t) => ({
-			x: 54 + t * m,
+		let a = $e - 54 - 28, s = W - 30 - 54, c = Math.max(...e.map((e) => e.count), 1), d = e.length, h = d > 1 ? a / (d - 1) : a, g = e.map((e, t) => ({
+			x: 54 + t * h,
 			y: 30 + s - e.count / c * s,
 			point: e
-		})), v, b = () => {
+		})), y, b = () => {
 			o.current++;
 			let e = o.current;
-			n.clearRect(0, 0, Xe, G);
-			let t = w(Math.min(e / 72, 1));
-			A(i.current, l.current), p.current = [], [
+			n.clearRect(0, 0, $e, W);
+			let t = E(Math.min(e / 72, 1));
+			M(i.current, l.current), p.current = [], [
 				.25,
 				.5,
 				.75,
 				1
 			].forEach((e) => {
 				let t = 30 + s - e * s;
-				n.strokeStyle = f(u.bd, .18), n.lineWidth = 1, n.setLineDash([3, 5]), n.beginPath(), n.moveTo(54, t), n.lineTo(54 + a, t), n.stroke(), n.setLineDash([]), n.font = "10px 'JetBrains Mono', monospace", n.fillStyle = f(u.t4, .6), n.textAlign = "right", n.fillText(String(Math.round(c * e)), 48, t + 3);
-			}), n.save(), n.translate(12, 30 + s / 2), n.rotate(-Math.PI / 2), n.font = "11px 'JetBrains Mono', monospace", n.fillStyle = f(u.t3, .5), n.textAlign = "center", n.fillText("Submissions", 0, 0), n.restore(), n.font = "11px 'JetBrains Mono', monospace", n.fillStyle = f(u.t3, .5), n.textAlign = "center", n.fillText("Week", 54 + a / 2, G - 6), n.strokeStyle = f(u.bd, .3), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(54, 30 + s), n.lineTo(54 + a, 30 + s), n.stroke();
-			let r = t * (d - 1), m = Math.floor(r) + 1;
-			if (m >= 2) {
-				n.beginPath(), n.moveTo(_[0].x, 30 + s), n.lineTo(_[0].x, _[0].y);
-				for (let e = 1; e < m; e++) {
-					let t = r - Math.floor(r), i = e < m - 1 ? _[e].x : _[e - 1].x + (_[e].x - _[e - 1].x) * (e === Math.ceil(r) ? t : 1), a = e < m - 1 ? _[e].y : _[e - 1].y + (_[e].y - _[e - 1].y) * (e === Math.ceil(r) ? t : 1);
+				n.strokeStyle = m(u.bd, .18), n.lineWidth = 1, n.setLineDash([3, 5]), n.beginPath(), n.moveTo(54, t), n.lineTo(54 + a, t), n.stroke(), n.setLineDash([]), n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(c * e)), 48, t + 3);
+			}), n.save(), n.translate(12, 30 + s / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Submissions", 0, 0), n.restore(), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Week", 54 + a / 2, W - 6), n.strokeStyle = m(u.bd, .3), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(54, 30 + s), n.lineTo(54 + a, 30 + s), n.stroke();
+			let r = t * (d - 1), h = Math.floor(r) + 1;
+			if (h >= 2) {
+				n.beginPath(), n.moveTo(g[0].x, 30 + s), n.lineTo(g[0].x, g[0].y);
+				for (let e = 1; e < h; e++) {
+					let t = r - Math.floor(r), i = e < h - 1 ? g[e].x : g[e - 1].x + (g[e].x - g[e - 1].x) * (e === Math.ceil(r) ? t : 1), a = e < h - 1 ? g[e].y : g[e - 1].y + (g[e].y - g[e - 1].y) * (e === Math.ceil(r) ? t : 1);
 					n.lineTo(i, a);
 				}
-				let e = _[Math.min(m - 1, d - 1)];
+				let e = g[Math.min(h - 1, d - 1)];
 				n.lineTo(e.x, 30 + s), n.closePath();
 				let t = n.createLinearGradient(0, 30, 0, 30 + s);
-				t.addColorStop(0, f(u.cyan, .22)), t.addColorStop(1, f(u.cyan, .02)), n.fillStyle = t, n.fill();
+				t.addColorStop(0, m(u.cyan, .22)), t.addColorStop(1, m(u.cyan, .02)), n.fillStyle = t, n.fill();
 			}
 			n.beginPath();
-			for (let e = 0; e < m; e++) {
-				let t = r - Math.floor(r), i = e === m - 1 && e > 0 && e === Math.ceil(r), a = e === 0 || e < m - 1 ? _[e].x : _[e - 1].x + (_[e].x - _[e - 1].x) * (i ? t : 1), o = e === 0 || e < m - 1 ? _[e].y : _[e - 1].y + (_[e].y - _[e - 1].y) * (i ? t : 1);
+			for (let e = 0; e < h; e++) {
+				let t = r - Math.floor(r), i = e === h - 1 && e > 0 && e === Math.ceil(r), a = e === 0 || e < h - 1 ? g[e].x : g[e - 1].x + (g[e].x - g[e - 1].x) * (i ? t : 1), o = e === 0 || e < h - 1 ? g[e].y : g[e - 1].y + (g[e].y - g[e - 1].y) * (i ? t : 1);
 				e === 0 ? n.moveTo(a, o) : n.lineTo(a, o);
 			}
-			n.strokeStyle = f(u.cyan, .85), n.lineWidth = 2, n.stroke(), _.forEach((e, t) => {
-				if (t >= m) return;
+			n.strokeStyle = m(u.cyan, .85), n.lineWidth = 2, n.stroke(), g.forEach((e, t) => {
+				if (t >= h) return;
 				let r = `pt-${t}`, a = i.current.get(r) ?? 0;
-				S(p.current, r, e.x, e.y, 10, {
+				w(p.current, r, e.x, e.y, 10, {
 					label: e.point.week,
 					value: `${e.point.count} quotations submitted`,
 					sublabel: `£${e.point.value}M value`,
 					color: u.cyan
-				}), a > 0 && y(n, e.x, 30, 30 + s, f(u.cyan, .15 * a));
+				}), a > 0 && x(n, e.x, 30, 30 + s, m(u.cyan, .15 * a));
 				let o = e.point.count === c;
-				(a > 0 || o) && g(n, e.x, e.y, 14, u.cyan, (o ? .3 : 0) + a * .25), n.beginPath(), n.arc(e.x, e.y, a > 0 ? 5 : 3.5, 0, Math.PI * 2), n.fillStyle = f(u.cyan, a > 0 ? 1 : .8), n.fill(), (a > 0 || o) && (n.font = "bold 10px 'JetBrains Mono', monospace", n.fillStyle = u.cyan, n.textAlign = "center", n.fillText(String(e.point.count), e.x, e.y - 10)), n.font = "10px 'JetBrains Mono', monospace", n.fillStyle = a > 0 ? u.cyan : f(u.t3, .6), n.textAlign = "center", n.fillText(e.point.week, e.x, G - 54 + 14);
-			}), v = requestAnimationFrame(b);
+				(a > 0 || o) && v(n, e.x, e.y, 14, u.cyan, (o ? .3 : 0) + a * .25), n.beginPath(), n.arc(e.x, e.y, a > 0 ? 5 : 3.5, 0, Math.PI * 2), n.fillStyle = m(u.cyan, a > 0 ? 1 : .8), n.fill(), (a > 0 || o) && (n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.cyan, n.textAlign = "center", n.fillText(String(e.point.count), e.x, e.y - 10)), n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = a > 0 ? u.cyan : f.color, n.textAlign = "center", n.fillText(e.point.week, e.x, W - 54 + 14);
+			}), y = requestAnimationFrame(b);
 		};
-		return b(), () => cancelAnimationFrame(v);
-	}, [e]), /* @__PURE__ */ c("div", {
+		return b(), () => cancelAnimationFrame(y);
+	}, [e]), /* @__PURE__ */ s("div", {
 		"data-testid": t,
+		className: "trend-scroll",
 		style: {
-			position: "relative",
-			width: Xe,
-			height: G
+			width: "100%",
+			overflowX: "auto"
 		},
-		children: [/* @__PURE__ */ s("canvas", {
-			ref: r,
-			role: "img",
-			"aria-label": "Quotation submission trend — weekly count over 12 weeks",
+		children: /* @__PURE__ */ c("div", {
 			style: {
-				width: Xe,
-				height: G,
-				display: "block"
+				position: "relative",
+				width: $e,
+				height: W
+			},
+			children: [/* @__PURE__ */ s("canvas", {
+				ref: r,
+				role: "img",
+				"aria-label": "Trend chart — count over time",
+				style: {
+					width: $e,
+					height: W,
+					display: "block"
+				}
+			}), /* @__PURE__ */ s(S, {
+				...d,
+				parentW: $e,
+				parentH: W
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/trend/Trend.tsx
+var tt = 680, G = 280, nt = 54, rt = 28, it = 64, at = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", ot = 12;
+function st({ trend: e = [], "data-testid": t }) {
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), d = i(() => {
+		if (e.length <= 1) return it;
+		let t = document.createElement("canvas").getContext("2d");
+		if (!t) return it;
+		t.font = at;
+		let n = Math.max(...e.map((e) => t.measureText(e.week).width));
+		return Math.max(it, n + ot);
+	}, [e]), p = Math.max(tt, nt + rt + Math.max(0, e.length - 1) * d), { hoveredRef: h, tooltip: g, hitZonesRef: y } = C(r, {
+		width: p,
+		height: G
+	});
+	return n(() => {
+		let t = r.current;
+		if (!t) return;
+		let n = _(t, p, G);
+		l.current = 0;
+		let i = nt, a = rt, s = p - i - a, c = G - 30 - 54, g = Math.max(...e.map((e) => e.count), 1), b = e.length, S = b > 1 ? Math.max(s / (b - 1), d) : s, C = e.map((e, t) => ({
+			x: i + t * S,
+			y: 30 + c - e.count / g * c,
+			point: e
+		})), T, D = () => {
+			l.current++;
+			let e = l.current;
+			n.clearRect(0, 0, p, G);
+			let t = E(Math.min(e / 72, 1));
+			M(o.current, h.current), y.current = [], [
+				.25,
+				.5,
+				.75,
+				1
+			].forEach((e) => {
+				let t = 30 + c - e * c;
+				n.strokeStyle = m(u.bd, .18), n.lineWidth = 1, n.setLineDash([3, 5]), n.beginPath(), n.moveTo(i, t), n.lineTo(i + s, t), n.stroke(), n.setLineDash([]), n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(g * e)), i - 6, t + 3);
+			}), n.save(), n.translate(12, 30 + c / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore(), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Period", i + s / 2, G - 6), n.strokeStyle = m(u.bd, .3), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(i, 30 + c), n.lineTo(i + s, 30 + c), n.stroke();
+			let r = t * (b - 1), a = Math.floor(r) + 1;
+			if (a >= 2) {
+				n.beginPath(), n.moveTo(C[0].x, 30 + c), n.lineTo(C[0].x, C[0].y);
+				for (let e = 1; e < a; e++) {
+					let t = r - Math.floor(r), i = e < a - 1 ? C[e].x : C[e - 1].x + (C[e].x - C[e - 1].x) * (e === Math.ceil(r) ? t : 1), o = e < a - 1 ? C[e].y : C[e - 1].y + (C[e].y - C[e - 1].y) * (e === Math.ceil(r) ? t : 1);
+					n.lineTo(i, o);
+				}
+				let e = C[Math.min(a - 1, b - 1)];
+				n.lineTo(e.x, 30 + c), n.closePath();
+				let t = n.createLinearGradient(0, 30, 0, 30 + c);
+				t.addColorStop(0, m(u.cyan, .22)), t.addColorStop(1, m(u.cyan, .02)), n.fillStyle = t, n.fill();
 			}
-		}), /* @__PURE__ */ s(b, {
-			...d,
-			parentW: Xe,
-			parentH: G
-		})]
+			n.beginPath();
+			for (let e = 0; e < a; e++) {
+				let t = r - Math.floor(r), i = e === a - 1 && e > 0 && e === Math.ceil(r), o = e === 0 || e < a - 1 ? C[e].x : C[e - 1].x + (C[e].x - C[e - 1].x) * (i ? t : 1), s = e === 0 || e < a - 1 ? C[e].y : C[e - 1].y + (C[e].y - C[e - 1].y) * (i ? t : 1);
+				e === 0 ? n.moveTo(o, s) : n.lineTo(o, s);
+			}
+			n.strokeStyle = m(u.cyan, .85), n.lineWidth = 2, n.stroke(), C.forEach((e, t) => {
+				if (t >= a) return;
+				let r = `pt-${t}`, i = o.current.get(r) ?? 0;
+				w(y.current, r, e.x, e.y, 10, {
+					label: e.point.week,
+					value: `${e.point.count} submissions`,
+					sublabel: `£${e.point.value}M value`,
+					color: u.cyan
+				}), i > 0 && x(n, e.x, 30, 30 + c, m(u.cyan, .15 * i));
+				let s = e.point.count === g;
+				(i > 0 || s) && v(n, e.x, e.y, 14, u.cyan, (s ? .3 : 0) + i * .25), n.beginPath(), n.arc(e.x, e.y, i > 0 ? 5 : 3.5, 0, Math.PI * 2), n.fillStyle = m(u.cyan, i > 0 ? 1 : .8), n.fill(), (i > 0 || s) && (n.font = at, n.fillStyle = u.cyan, n.textAlign = "center", n.fillText(String(e.point.count), e.x, e.y - 10)), n.font = at, n.fillStyle = i > 0 ? u.cyan : f.color, n.textAlign = "center", n.fillText(e.point.week, e.x, G - 54 + 14);
+			}), T = requestAnimationFrame(D);
+		};
+		return D(), () => cancelAnimationFrame(T);
+	}, [
+		e,
+		p,
+		d
+	]), /* @__PURE__ */ s("div", {
+		"data-testid": t,
+		className: "trend-scroll",
+		style: {
+			width: "100%",
+			overflowX: "auto"
+		},
+		children: /* @__PURE__ */ c("div", {
+			style: {
+				position: "relative",
+				width: p,
+				height: G
+			},
+			children: [/* @__PURE__ */ s("canvas", {
+				ref: r,
+				role: "img",
+				"aria-label": "Trend chart — count over time",
+				style: {
+					width: p,
+					height: G,
+					display: "block"
+				}
+			}), /* @__PURE__ */ s(S, {
+				...g,
+				parentW: p,
+				parentH: G
+			})]
+		})
 	});
 }
 //#endregion
 //#region src/components/severityBands/SeverityBands.tsx
-var K = 680, Qe = 240, $e = {
+var K = 680, ct = 240, lt = {
 	Critical: u.red,
 	High: u.orange,
 	Medium: u.amber,
 	Low: u.green
 };
-function et({ severities: e, "data-testid": t }) {
-	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: d, hitZonesRef: p } = x(r, {
+function ut({ severities: e = [], "data-testid": t }) {
+	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: d, hitZonesRef: p } = C(r, {
 		width: K,
-		height: Qe
+		height: ct
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = h(t, K, Qe);
+		let n = _(t, K, ct);
 		o.current = 0;
-		let a = e.reduce((e, t) => e + t.count, 0), s = K - 28 - 28, c = Qe - 50 - 52, d = e.map((e) => e.count / a * s), m, _ = () => {
+		let a = e.reduce((e, t) => e + t.count, 0), s = K - 28 - 28, c = ct - 50 - 52, d = e.map((e) => e.count / a * s), h, g = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, K, Qe);
-			let r = T(Math.min(t / 60, 1));
-			A(i.current, l.current), p.current = [], n.strokeStyle = f(u.bd, .2), n.lineWidth = 1, n.beginPath(), n.rect(28, 50, s, c), n.stroke(), n.strokeStyle = f(u.t4, .15), n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(K / 2, 50), n.lineTo(K / 2, 50 + c), n.stroke(), n.setLineDash([]);
-			let h = 28;
+			n.clearRect(0, 0, K, ct);
+			let r = D(Math.min(t / 60, 1));
+			M(i.current, l.current), p.current = [], n.strokeStyle = m(u.bd, .2), n.lineWidth = 1, n.beginPath(), n.rect(28, 50, s, c), n.stroke(), n.strokeStyle = m(u.t4, .15), n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(K / 2, 50), n.lineTo(K / 2, 50 + c), n.stroke(), n.setLineDash([]);
+			let _ = 28;
 			e.forEach((e, t) => {
-				let o = $e[e.severity] ?? u.blue, s = d[t];
+				let o = lt[e.severity] ?? u.blue, s = d[t];
 				s * r;
-				let l = i.current.get(e.severity) ?? 0, m = h + s / 2, _ = s * .85;
-				m - _ / 2;
-				let v = s * r, y = _ * r, b = m - y / 2;
-				if (v > 0 && (l > 0 && g(n, h + v / 2, 50 + c / 2, v * .4, o, .15 * l), n.beginPath(), n.moveTo(b, 50), n.lineTo(b + y, 50), n.lineTo(h + v, 50 + c), n.lineTo(h, 50 + c), n.closePath(), n.fillStyle = f(o, .45 + l * .25), n.fill(), n.strokeStyle = f(o, (.5 + l * .3) * r), n.lineWidth = l > 0 ? 2 : 1, n.beginPath(), n.moveTo(b, 50), n.lineTo(b + y, 50), n.stroke(), n.strokeStyle = f(o, (.3 + l * .3) * r), n.lineWidth = l > 0 ? 2 : 1, n.beginPath(), n.moveTo(h, 50 + c), n.lineTo(h + v, 50 + c), n.stroke()), C(p.current, e.severity, h, 50, s, c, {
+				let l = i.current.get(e.severity) ?? 0, h = _ + s / 2, g = s * .85;
+				h - g / 2;
+				let y = s * r, b = g * r, x = h - b / 2;
+				if (y > 0 && (l > 0 && v(n, _ + y / 2, 50 + c / 2, y * .4, o, .15 * l), n.beginPath(), n.moveTo(x, 50), n.lineTo(x + b, 50), n.lineTo(_ + y, 50 + c), n.lineTo(_, 50 + c), n.closePath(), n.fillStyle = m(o, .45 + l * .25), n.fill(), n.strokeStyle = m(o, (.5 + l * .3) * r), n.lineWidth = l > 0 ? 2 : 1, n.beginPath(), n.moveTo(x, 50), n.lineTo(x + b, 50), n.stroke(), n.strokeStyle = m(o, (.3 + l * .3) * r), n.lineWidth = l > 0 ? 2 : 1, n.beginPath(), n.moveTo(_, 50 + c), n.lineTo(_ + y, 50 + c), n.stroke()), T(p.current, e.severity, _, 50, s, c, {
 					label: e.severity,
 					value: `${e.count} Early Warnings`,
 					sublabel: `${Math.round(e.count / a * 100)}% of all EWs`,
 					color: o
 				}), r > .5) {
-					let t = Math.min(1, (r - .5) / .5), i = h + s / 2;
-					n.globalAlpha = t, n.font = "bold 10px 'JetBrains Mono', monospace", n.fillStyle = l > 0 ? o : f(o, .9), n.textAlign = "center", n.fillText(e.severity, i, 38), n.font = `bold ${s > 80 ? "18" : "13"}px 'JetBrains Mono', monospace`, n.fillStyle = l > 0 ? u.t1 : f(u.t1, .85), n.fillText(String(e.count), i, 50 + c / 2 + 6), n.font = "9px 'JetBrains Mono', monospace", n.fillStyle = l > 0 ? o : f(u.t3, .7), n.fillText(`${Math.round(e.count / a * 100)}%`, i, 50 + c + 18), n.globalAlpha = 1;
+					let t = Math.min(1, (r - .5) / .5), i = _ + s / 2;
+					n.globalAlpha = t, n.font = "bold " + f.font, n.fillStyle = l > 0 ? o : m(o, .9), n.textAlign = "center", n.fillText(e.severity, i, 38), n.font = "bold " + f.font, n.fillStyle = l > 0 ? u.t1 : m(u.t1, .85), n.fillText(String(e.count), i, 50 + c / 2 + 6), n.font = f.font, n.fillStyle = l > 0 ? o : f.color, n.fillText(`${Math.round(e.count / a * 100)}%`, i, 50 + c + 18), n.globalAlpha = 1;
 				}
-				h += s;
+				_ += s;
 			});
-			let v = n.createLinearGradient(28, 0, 28 + s, 0);
-			v.addColorStop(0, f(u.red, .03)), v.addColorStop(.33, f(u.orange, .03)), v.addColorStop(.66, f(u.amber, .03)), v.addColorStop(1, f(u.green, .03)), n.fillStyle = v, n.fillRect(28, 50, s * r, c), m = requestAnimationFrame(_);
+			let y = n.createLinearGradient(28, 0, 28 + s, 0);
+			y.addColorStop(0, m(u.red, .03)), y.addColorStop(.33, m(u.orange, .03)), y.addColorStop(.66, m(u.amber, .03)), y.addColorStop(1, m(u.green, .03)), n.fillStyle = y, n.fillRect(28, 50, s * r, c), h = requestAnimationFrame(g);
 		};
-		return _(), () => cancelAnimationFrame(m);
+		return g(), () => cancelAnimationFrame(h);
 	}, [e]), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
 			width: K,
-			height: Qe
+			height: ct
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
@@ -1721,67 +1843,67 @@ function et({ severities: e, "data-testid": t }) {
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
 				width: K,
-				height: Qe,
+				height: ct,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(b, {
+		}), /* @__PURE__ */ s(S, {
 			...d,
 			parentW: K,
-			parentH: Qe
+			parentH: ct
 		})]
 	});
 }
 //#endregion
 //#region src/components/statusArc/StatusArc.tsx
-var q = 460, J = 300, tt = {
+var q = 460, J = 300, dt = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
-function nt({ segments: e, title: t, "data-testid": r }) {
-	let i = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: p, hitZonesRef: m } = x(i, {
+function ft({ segments: e = [], title: t, "data-testid": r }) {
+	let i = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: p, hitZonesRef: h } = C(i, {
 		width: q,
 		height: J
 	});
 	return n(() => {
 		let t = i.current;
 		if (!t) return;
-		let n = h(t, q, J);
+		let n = _(t, q, J);
 		o.current = 0;
-		let r = q * .5, a = J * .54, s = q * .22, c = e.reduce((e, t) => e + t.count, 0), p = Math.max(...e.map((e) => e.count), 1), y, b = () => {
+		let r = q * .5, a = J * .54, s = q * .22, c = e.reduce((e, t) => e + t.count, 0), p = Math.max(...e.map((e) => e.count), 1), g, x = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, q, J), m.current = [], l.current.forEach((e, t) => {
+			n.clearRect(0, 0, q, J), h.current = [], l.current.forEach((e, t) => {
 				let n = t === d.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? l.current.delete(t) : l.current.set(t, 1) : l.current.set(t, r);
-			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), _(n, q, J, t, 40, f(u.blue, .04)), e.forEach((e, i) => {
-				let o = i / 3 * Math.PI * 2 - Math.PI / 2, c = r + Math.cos(o) * s, l = a + Math.sin(o) * s, d = tt[e.status] ?? u.blue, m = 2 + e.count / p * 8;
-				n.beginPath(), n.moveTo(r, a), n.lineTo(c, l), n.strokeStyle = f(d, .08), n.lineWidth = m * 2, n.stroke(), n.beginPath(), n.moveTo(r, a), n.lineTo(c, l), n.strokeStyle = f(d, .25), n.lineWidth = 1, n.stroke();
-				let h = (t * .005 + i * .33) % 1, _ = r + (c - r) * h, v = a + (l - a) * h;
-				g(n, _, v, 6, d, .4), n.beginPath(), n.arc(_, v, 2, 0, Math.PI * 2), n.fillStyle = f(d, .8), n.fill();
-				let y = (r + c) / 2, b = (a + l) / 2;
-				n.font = "bold 9px 'JetBrains Mono', monospace", n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = f(d, .85), n.fillText(String(e.count), y, b);
+			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), y(n, q, J, t, 40, m(u.blue, .04)), e.forEach((e, i) => {
+				let o = i / 3 * Math.PI * 2 - Math.PI / 2, c = r + Math.cos(o) * s, l = a + Math.sin(o) * s, d = dt[e.status] ?? u.blue, h = 2 + e.count / p * 8;
+				n.beginPath(), n.moveTo(r, a), n.lineTo(c, l), n.strokeStyle = m(d, .08), n.lineWidth = h * 2, n.stroke(), n.beginPath(), n.moveTo(r, a), n.lineTo(c, l), n.strokeStyle = m(d, .25), n.lineWidth = 1, n.stroke();
+				let g = (t * .005 + i * .33) % 1, _ = r + (c - r) * g, y = a + (l - a) * g;
+				v(n, _, y, 6, d, .4), n.beginPath(), n.arc(_, y, 2, 0, Math.PI * 2), n.fillStyle = m(d, .8), n.fill();
+				let b = (r + c) / 2, x = (a + l) / 2;
+				n.font = "bold " + f.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = m(d, .85), n.fillText(String(e.count), b, x);
 			}), e.forEach((e, t) => {
-				let i = t / 3 * Math.PI * 2 - Math.PI / 2, o = r + Math.cos(i) * s, d = a + Math.sin(i) * s, h = tt[e.status] ?? u.blue, _ = 10 + e.count / p * 18, v = l.current.get(e.status) ?? 0;
-				g(n, o, d, _ * 2.5, h, .2 + v * .15);
-				let y = n.createRadialGradient(o, d - _ * .2, 0, o, d, _);
-				y.addColorStop(0, f(h, .8 + v * .2)), y.addColorStop(1, f(h, .4 + v * .1)), n.beginPath(), n.arc(o, d, _, 0, Math.PI * 2), n.fillStyle = y, n.fill(), n.font = "bold 9px 'JetBrains Mono', monospace", n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = f(u.t1, .9), n.fillText(e.status, o, d), S(m.current, e.status, o, d, _ + 6, {
+				let i = t / 3 * Math.PI * 2 - Math.PI / 2, o = r + Math.cos(i) * s, d = a + Math.sin(i) * s, g = dt[e.status] ?? u.blue, _ = 10 + e.count / p * 18, y = l.current.get(e.status) ?? 0;
+				v(n, o, d, _ * 2.5, g, .2 + y * .15);
+				let b = n.createRadialGradient(o, d - _ * .2, 0, o, d, _);
+				b.addColorStop(0, m(g, .8 + y * .2)), b.addColorStop(1, m(g, .4 + y * .1)), n.beginPath(), n.arc(o, d, _, 0, Math.PI * 2), n.fillStyle = b, n.fill(), n.font = "bold " + f.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = m(u.t1, .9), n.fillText(e.status, o, d), w(h.current, e.status, o, d, _ + 6, {
 					label: e.status,
 					value: `${e.count} Early Warnings`,
 					sublabel: `${Math.round(e.count / c * 100)}%`,
-					color: h
+					color: g
 				});
 			});
 			let i = l.current.get("center") ?? 0;
-			g(n, r, a, 36, u.t3, .2 + i * .15);
-			let h = n.createRadialGradient(r, a - 4, 0, r, a, 22);
-			h.addColorStop(0, f(u.t2, .9)), h.addColorStop(1, f(u.t3, .5)), n.beginPath(), n.arc(r, a, 22, 0, Math.PI * 2), n.fillStyle = h, n.fill(), n.font = "bold 8px 'JetBrains Mono', monospace", n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = f(u.t1, .9), n.fillText("EW Status", r, a - 4), n.font = "bold 10px 'JetBrains Mono', monospace", n.fillStyle = u.t1, n.fillText(String(c), r, a + 8), S(m.current, "center", r, a, 28, {
+			v(n, r, a, 36, u.t3, .2 + i * .15);
+			let _ = n.createRadialGradient(r, a - 4, 0, r, a, 22);
+			_.addColorStop(0, m(u.t2, .9)), _.addColorStop(1, m(u.t3, .5)), n.beginPath(), n.arc(r, a, 22, 0, Math.PI * 2), n.fillStyle = _, n.fill(), n.font = f.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = m(u.t1, .9), n.fillText("EW Status", r, a - 4), n.font = "bold " + f.font, n.fillStyle = u.t1, n.fillText(String(c), r, a + 8), w(h.current, "center", r, a, 28, {
 				label: "Total EW Status",
 				value: `${c} Early Warnings`,
 				color: u.t3
-			}), v(n, q, J, t, .015), y = requestAnimationFrame(b);
+			}), b(n, q, J, t, .015), g = requestAnimationFrame(x);
 		};
-		return b(), () => cancelAnimationFrame(y);
+		return x(), () => cancelAnimationFrame(g);
 	}, [e, t]), /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
@@ -1799,7 +1921,7 @@ function nt({ segments: e, title: t, "data-testid": r }) {
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(b, {
+		}), /* @__PURE__ */ s(S, {
 			...p,
 			parentW: q,
 			parentH: J
@@ -1808,27 +1930,27 @@ function nt({ segments: e, title: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/trendChart/TrendChart.tsx
-var Y = 280, X = 96;
-function rt({ points: e = [], className: t, colors: r }) {
-	let o = a(null), d = a(/* @__PURE__ */ new Map()), p = a(0), m = i(() => e.map(([e, t]) => {
+var pt = 280, Y = 96;
+function mt({ points: e = [], className: t, colors: r }) {
+	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), p = i(() => e.map(([e, t]) => {
 		let n = String(t).match(/-?\d+(\.\d+)?/);
 		return {
 			label: e,
 			value: n ? Number(n[0]) : 0
 		};
-	}), [e]), { mouseRef: _, hoveredRef: v, tooltip: C, hitZonesRef: w } = x(o, {
-		width: Y,
-		height: X
+	}), [e]), { mouseRef: h, hoveredRef: g, tooltip: y, hitZonesRef: b } = C(o, {
+		width: pt,
+		height: Y
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = h(e, Y, X);
-		p.current = 0;
+		let t = _(e, pt, Y);
+		f.current = 0;
 		let n = r?.line ?? u.blue, i = r?.point ?? u.blue, a = r?.axisLine ?? u.bd, s, c = () => {
-			p.current++;
-			let e = p.current;
-			if (t.clearRect(0, 0, Y, X), m.length < 2) {
+			f.current++;
+			let e = f.current;
+			if (t.clearRect(0, 0, pt, Y), p.length < 2) {
 				s = requestAnimationFrame(c);
 				return;
 			}
@@ -1837,185 +1959,185 @@ function rt({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = Y - r.left - r.right, l = X - r.top - r.bottom, h = m.map((e) => e.value), b = Math.min(...h), x = Math.max(...h) - b || 1, C = (e) => r.left + e / (m.length - 1) * o, T = (e) => r.top + (1 - (e - b) / x) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * m.length));
-			if (A(d.current, v.current), w.current = [], t.strokeStyle = f(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, X - r.bottom), t.lineTo(Y - r.right, X - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = f(u.t4, .9), t.textAlign = "center", m.forEach((e, n) => {
-				t.fillText(e.label.replace("Day ", "D"), C(n), X - 4);
-			}), _.current.over && v.current) {
-				let e = parseInt(v.current.split("-")[1]);
-				isNaN(e) || y(t, C(e), r.top, r.top + l);
+			}, o = pt - r.left - r.right, l = Y - r.top - r.bottom, _ = p.map((e) => e.value), y = Math.min(..._), S = Math.max(..._) - y || 1, C = (e) => r.left + e / (p.length - 1) * o, T = (e) => r.top + (1 - (e - y) / S) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * p.length));
+			if (M(d.current, g.current), b.current = [], t.strokeStyle = m(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, Y - r.bottom), t.lineTo(pt - r.right, Y - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = m(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
+				t.fillText(e.label.replace("Day ", "D"), C(n), Y - 4);
+			}), h.current.over && g.current) {
+				let e = parseInt(g.current.split("-")[1]);
+				isNaN(e) || x(t, C(e), r.top, r.top + l);
 			}
 			if (D > 1) {
 				let e = t.createLinearGradient(0, r.top, 0, r.top + l);
-				e.addColorStop(0, f(n, .15)), e.addColorStop(1, f(n, 0)), t.fillStyle = e, t.beginPath(), t.moveTo(C(0), r.top + l);
-				for (let e = 0; e < D; e++) t.lineTo(C(e), T(m[e].value));
-				t.lineTo(C(D - 1), r.top + l), t.closePath(), t.fill(), t.strokeStyle = f(n, .8), t.lineWidth = 1.5, t.setLineDash([]), t.beginPath();
+				e.addColorStop(0, m(n, .15)), e.addColorStop(1, m(n, 0)), t.fillStyle = e, t.beginPath(), t.moveTo(C(0), r.top + l);
+				for (let e = 0; e < D; e++) t.lineTo(C(e), T(p[e].value));
+				t.lineTo(C(D - 1), r.top + l), t.closePath(), t.fill(), t.strokeStyle = m(n, .8), t.lineWidth = 1.5, t.setLineDash([]), t.beginPath();
 				for (let e = 0; e < D; e++) {
-					let n = C(e), r = T(m[e].value);
+					let n = C(e), r = T(p[e].value);
 					e === 0 ? t.moveTo(n, r) : t.lineTo(n, r);
 				}
 				t.stroke();
 			}
 			for (let e = 0; e < D; e++) {
-				let n = C(e), r = T(m[e].value), a = `tp-${e}`, o = d.current.get(a) ?? 0, s = e === m.length - 1;
-				S(w.current, a, n, r, 10, {
-					label: m[e].label,
-					value: String(m[e].value),
+				let n = C(e), r = T(p[e].value), a = `tp-${e}`, o = d.current.get(a) ?? 0, s = e === p.length - 1;
+				w(b.current, a, n, r, 10, {
+					label: p[e].label,
+					value: String(p[e].value),
 					color: s ? u.red : i
-				}), o > 0 && !s && (g(t, n, r, 12 * o, i, .2 * o), t.fillStyle = f(i, .8), t.beginPath(), t.arc(n, r, 3 + o * 2, 0, Math.PI * 2), t.fill());
+				}), o > 0 && !s && (v(t, n, r, 12 * o, i, .2 * o), t.fillStyle = m(i, .8), t.beginPath(), t.arc(n, r, 3 + o * 2, 0, Math.PI * 2), t.fill());
 			}
-			if (D >= m.length) {
-				let n = m.length - 1, r = C(n), i = T(m[n].value), a = d.current.get(`tp-${n}`) ?? 0, o = O(e, .05, 5e-4), s = 1 + a * .5;
-				t.shadowColor = f(u.red, .5), t.shadowBlur = (8 + o * 4) * s, t.fillStyle = u.red, t.beginPath(), t.arc(r, i, (3.5 + o * 1.5) * s, 0, Math.PI * 2), t.fill(), t.shadowBlur = 0;
+			if (D >= p.length) {
+				let n = p.length - 1, r = C(n), i = T(p[n].value), a = d.current.get(`tp-${n}`) ?? 0, o = A(e, .05, 5e-4), s = 1 + a * .5;
+				t.shadowColor = m(u.red, .5), t.shadowBlur = (8 + o * 4) * s, t.fillStyle = u.red, t.beginPath(), t.arc(r, i, (3.5 + o * 1.5) * s, 0, Math.PI * 2), t.fill(), t.shadowBlur = 0;
 			}
 			s = requestAnimationFrame(c);
 		};
 		return c(), () => cancelAnimationFrame(s);
-	}, [m, r]), /* @__PURE__ */ s(l, {
+	}, [p, r]), /* @__PURE__ */ s(l, {
 		className: ["canvas-trend-frame", t].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Y,
-				height: X
+				width: pt,
+				height: Y
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": "trend chart",
 				style: {
-					width: Y,
-					height: X,
+					width: pt,
+					height: Y,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(b, {
-				...C,
-				parentW: Y,
-				parentH: X
+			}), /* @__PURE__ */ s(S, {
+				...y,
+				parentW: pt,
+				parentH: Y
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/variationSplit/VariationSplit.tsx
-var it = 680, at = 320;
-function ot({ contractors: e = [], "data-testid": t }) {
-	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: p, hitZonesRef: m } = x(r, {
-		width: it,
-		height: at
+var ht = 680, gt = 320;
+function _t({ contractors: e = [], "data-testid": t }) {
+	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: f, hitZonesRef: h } = C(r, {
+		width: ht,
+		height: gt
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = h(t, it, at);
+		let n = _(t, ht, gt);
 		o.current = 0;
-		let a = it - 60 - 28, s = Math.max(...e.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0))), c = e.length * 40 - 14, p = 16 + (at - 16 - 32 - c) / 2, _, v = () => {
+		let a = ht - 60 - 28, s = Math.max(...e.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0))), c = e.length * 40 - 14, f = 16 + (gt - 16 - 32 - c) / 2, g, y = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, it, at);
-			let r = T(Math.min(t / 60, 1));
-			A(i.current, l.current), m.current = [], e.forEach((t, o) => {
-				let c = d[o % d.length], l = k(r, o, e.length, T), h = p + o * 40, _ = (t.implemented ?? 0) + (t.unimplemented ?? 0), v = (t.implemented ?? 0) / s * a * l, y = (t.unimplemented ?? 0) / s * a * l, b = `${t.id}-impl`, x = `${t.id}-un`, S = i.current.get(b) ?? 0, w = i.current.get(x) ?? 0;
-				C(m.current, b, 60, h, v || 1, 26, {
+			n.clearRect(0, 0, ht, gt);
+			let r = D(Math.min(t / 60, 1));
+			M(i.current, l.current), h.current = [], e.forEach((t, o) => {
+				let c = d[o % d.length], l = j(r, o, e.length, D), p = f + o * 40, g = (t.implemented ?? 0) + (t.unimplemented ?? 0), _ = (t.implemented ?? 0) / s * a * l, y = (t.unimplemented ?? 0) / s * a * l, b = `${t.id}-impl`, x = `${t.id}-un`, S = i.current.get(b) ?? 0, C = i.current.get(x) ?? 0;
+				T(h.current, b, 60, p, _ || 1, 26, {
 					label: `${t.name} — Implemented`,
 					value: `${t.implemented ?? 0} variations`,
-					sublabel: `${Math.round((t.implemented ?? 0) / (_ || 1) * 100)}% complete`,
+					sublabel: `${Math.round((t.implemented ?? 0) / (g || 1) * 100)}% complete`,
 					color: u.green
-				}), C(m.current, x, 60 + v, h, y || 1, 26, {
+				}), T(h.current, x, 60 + _, p, y || 1, 26, {
 					label: `${t.name} — Unimplemented`,
 					value: `${t.unimplemented ?? 0} variations`,
-					sublabel: `${Math.round((t.unimplemented ?? 0) / (_ || 1) * 100)}% pending`,
+					sublabel: `${Math.round((t.unimplemented ?? 0) / (g || 1) * 100)}% pending`,
 					color: u.amber
-				}), n.font = "9px 'JetBrains Mono', monospace", n.fillStyle = f(c, .85), n.textAlign = "right", n.fillText(t.abbreviation ?? t.name.slice(0, 6), 52, h + 26 / 2 + 4), n.fillStyle = f(u.bd, .15), n.beginPath(), n.roundRect(60, h, _ / s * a, 26, 4), n.fill(), v > 0 && (S > 0 && g(n, 60 + v / 2, h + 26 / 2, v * .3, u.green, .12 * S), n.fillStyle = f(u.green, .6 + S * .2), n.beginPath(), n.roundRect(60, h, v, 26, [
+				}), n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = m(c, .85), n.textAlign = "right", n.fillText(t.abbreviation ?? t.name.slice(0, 6), 52, p + 26 / 2 + 4), n.fillStyle = m(u.bd, .15), n.beginPath(), n.roundRect(60, p, g / s * a, 26, 4), n.fill(), _ > 0 && (S > 0 && v(n, 60 + _ / 2, p + 26 / 2, _ * .3, u.green, .12 * S), n.fillStyle = m(u.green, .6 + S * .2), n.beginPath(), n.roundRect(60, p, _, 26, [
 					4,
 					0,
 					0,
 					4
-				]), n.fill(), v > 28 && l > .5 && (n.font = "bold 10px 'JetBrains Mono', monospace", n.fillStyle = S > 0 ? u.green : f(u.t1, .8), n.textAlign = "center", n.fillText(String(t.implemented ?? 0), 60 + v / 2, h + 26 / 2 + 4))), y > 0 && (w > 0 && g(n, 60 + v + y / 2, h + 26 / 2, y * .3, u.amber, .12 * w), n.fillStyle = f(u.amber, .18 + w * .18), n.strokeStyle = f(u.amber, .3 + w * .3), n.lineWidth = 1, n.beginPath(), n.roundRect(60 + v, h, y, 26, [
+				]), n.fill(), _ > 28 && l > .5 && (n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = S > 0 ? u.green : m(u.t1, .8), n.textAlign = "center", n.fillText(String(t.implemented ?? 0), 60 + _ / 2, p + 26 / 2 + 4))), y > 0 && (C > 0 && v(n, 60 + _ + y / 2, p + 26 / 2, y * .3, u.amber, .12 * C), n.fillStyle = m(u.amber, .18 + C * .18), n.strokeStyle = m(u.amber, .3 + C * .3), n.lineWidth = 1, n.beginPath(), n.roundRect(60 + _, p, y, 26, [
 					0,
 					4,
 					4,
 					0
-				]), n.fill(), n.stroke(), y > 28 && l > .5 && (n.font = `${w > 0 ? "bold " : ""}10px 'JetBrains Mono', monospace`, n.fillStyle = w > 0 ? u.amber : f(u.t3, .8), n.textAlign = "center", n.fillText(String(t.unimplemented ?? 0), 60 + v + y / 2, h + 26 / 2 + 4))), v > 0 && y > 0 && (n.strokeStyle = f(u.bg, .7), n.lineWidth = 2, n.beginPath(), n.moveTo(60 + v, h), n.lineTo(60 + v, h + 26), n.stroke());
+				]), n.fill(), n.stroke(), y > 28 && l > .5 && (n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = C > 0 ? u.amber : m(u.t3, .8), n.textAlign = "center", n.fillText(String(t.unimplemented ?? 0), 60 + _ + y / 2, p + 26 / 2 + 4))), _ > 0 && y > 0 && (n.strokeStyle = m(u.bg, .7), n.lineWidth = 2, n.beginPath(), n.moveTo(60 + _, p), n.lineTo(60 + _, p + 26), n.stroke());
 			});
-			let h = p + c + 24, y = 60 + a / 2;
-			n.font = "9px 'JetBrains Mono', monospace", n.textAlign = "right", n.fillStyle = u.green, n.fillText("■ Implemented", y - 10, h), n.textAlign = "left", n.fillStyle = f(u.t3, .7), n.fillText("■ Unimplemented", y + 10, h), _ = requestAnimationFrame(v);
+			let _ = f + c + 24, b = 60 + a / 2;
+			n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.textAlign = "right", n.fillStyle = u.green, n.fillText("■ Implemented", b - 10, _), n.textAlign = "left", n.fillStyle = p.color, n.fillText("■ Unimplemented", b + 10, _), g = requestAnimationFrame(y);
 		};
-		return v(), () => cancelAnimationFrame(_);
+		return y(), () => cancelAnimationFrame(g);
 	}, [e]), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: it,
-			height: at
+			width: ht,
+			height: gt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Implemented vs unimplemented variations per contractor — split bar",
 			style: {
-				width: it,
-				height: at,
+				width: ht,
+				height: gt,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(b, {
-			...p,
-			parentW: it,
-			parentH: at
+		}), /* @__PURE__ */ s(S, {
+			...f,
+			parentW: ht,
+			parentH: gt
 		})]
 	});
 }
 //#endregion
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
-var st = 800, ct = 360;
-function lt({ contractors: e = [], "data-testid": t }) {
-	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: p, hitZonesRef: m } = x(r, {
-		width: st,
-		height: ct
+var vt = 800, yt = 360;
+function bt({ contractors: e = [], "data-testid": t }) {
+	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: f, hitZonesRef: p } = C(r, {
+		width: vt,
+		height: yt
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = h(t, st, ct);
+		let n = _(t, vt, yt);
 		o.current = 0;
-		let a = e.reduce((e, t) => e + (t.base ?? 0), 0), s = e.reduce((e, t) => e + (t.variation ?? 0), 0), c = e.reduce((e, t) => e + (t.total ?? 0), 0), p = ct - 20 - 26, _ = p - 6 * (e.length - 1), v = 20, y = e.map((e, t) => {
-			let n = Math.max(24, (e.total ?? 0) / (c || 1) * _), r = {
+		let a = e.reduce((e, t) => e + (t.base ?? 0), 0), s = e.reduce((e, t) => e + (t.variation ?? 0), 0), c = e.reduce((e, t) => e + (t.total ?? 0), 0), f = yt - 20 - 26, h = f - 6 * (e.length - 1), g = 20, y = e.map((e, t) => {
+			let n = Math.max(24, (e.total ?? 0) / (c || 1) * h), r = {
 				x: 100 - 110 / 2,
-				y: v,
+				y: g,
 				h: n,
-				cy: v + n / 2,
+				cy: g + n / 2,
 				c: e,
 				color: d[t % d.length]
 			};
-			return v += n + 6, r;
-		}), b = _ - 14, x = Math.max(28, a / c * b), S = Math.max(18, s / c * b), T = 20 + (p - (x + S + 14)) / 2, E = {
+			return g += n + 6, r;
+		}), b = h - 14, x = Math.max(28, a / c * b), S = Math.max(18, s / c * b), C = 20 + (f - (x + S + 14)) / 2, w = {
 			x: 420 - 110 / 2,
-			y: T,
+			y: C,
 			h: x,
-			cy: T + x / 2
+			cy: C + x / 2
 		}, D = {
 			x: 420 - 110 / 2,
-			y: T + x + 14,
+			y: C + x + 14,
 			h: S,
-			cy: T + x + 14 + S / 2
+			cy: C + x + 14 + S / 2
 		}, O = {
 			x: 720 - 110 / 2,
 			y: 20,
-			h: p,
-			cy: 20 + p / 2
-		}, j, M = () => {
+			h: f,
+			cy: 20 + f / 2
+		}, k, A = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, st, ct);
-			let r = w(Math.min(t / 80, 1));
-			if (A(i.current, l.current), m.current = [], e.forEach((t, o) => {
-				let c = y[o], l = k(r, o, e.length, w), u = i.current.get(t.id) ?? 0;
+			n.clearRect(0, 0, vt, yt);
+			let r = E(Math.min(t / 80, 1));
+			if (M(i.current, l.current), p.current = [], e.forEach((t, o) => {
+				let c = y[o], l = j(r, o, e.length, E), u = i.current.get(t.id) ?? 0;
 				if (l < .01) return;
-				let d = (t.base ?? 0) / (t.total || 1), f = (t.variation ?? 0) / (t.total || 1), p = c.h * d, m = c.h * f, h = c.y + p / 2, g = c.y + p + m / 2, _ = Math.max(2, (t.base ?? 0) / a * x), v = Math.max(2, (t.variation ?? 0) / s * S), b = E.y + e.slice(0, o).reduce((e, t) => e + (t.base ?? 0) / a * x, 0) + _ / 2, C = D.y + e.slice(0, o).reduce((e, t) => e + (t.variation ?? 0) / s * S, 0) + v / 2, T = u * .2 + .18;
-				ut(n, c.x + 110, h, 420 - 110 / 2, b, _ * l, c.color, T), ut(n, c.x + 110, g, 420 - 110 / 2, C, v * l, c.color, T * .75);
+				let d = (t.base ?? 0) / (t.total || 1), f = (t.variation ?? 0) / (t.total || 1), p = c.h * d, m = c.h * f, h = c.y + p / 2, g = c.y + p + m / 2, _ = Math.max(2, (t.base ?? 0) / a * x), v = Math.max(2, (t.variation ?? 0) / s * S), b = w.y + e.slice(0, o).reduce((e, t) => e + (t.base ?? 0) / a * x, 0) + _ / 2, C = D.y + e.slice(0, o).reduce((e, t) => e + (t.variation ?? 0) / s * S, 0) + v / 2, T = u * .2 + .18;
+				xt(n, c.x + 110, h, 420 - 110 / 2, b, _ * l, c.color, T), xt(n, c.x + 110, g, 420 - 110 / 2, C, v * l, c.color, T * .75);
 			}), r > .3) {
-				let e = Math.min(1, (r - .3) / .7), t = O.y + a / c * p / 2, i = O.y + p - s / c * p / 2;
-				ut(n, 475, E.cy, 720 - 110 / 2, t, x * e, u.blue, .25 * e), ut(n, 475, D.cy, 720 - 110 / 2, i, S * e, u.amber, .22 * e);
+				let e = Math.min(1, (r - .3) / .7), t = O.y + a / c * f / 2, i = O.y + f - s / c * f / 2;
+				xt(n, 475, w.cy, 720 - 110 / 2, t, x * e, u.blue, .25 * e), xt(n, 475, D.cy, 720 - 110 / 2, i, S * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2027,136 +2149,136 @@ function lt({ contractors: e = [], "data-testid": t }) {
 					420,
 					720
 				][t];
-				n.font = "9px 'JetBrains Mono', monospace", n.fillStyle = f(u.t3, .5), n.textAlign = "center", n.fillText(e, r, ct - 8);
+				n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = m(u.t3, .5), n.textAlign = "center", n.fillText(e, r, yt - 8);
 			}), e.forEach((t, a) => {
-				let o = y[a], s = k(r, a, e.length, w), c = i.current.get(t.id) ?? 0;
-				C(m.current, t.id, o.x, o.y, 110, o.h, {
+				let o = y[a], s = j(r, a, e.length, E), c = i.current.get(t.id) ?? 0;
+				T(p.current, t.id, o.x, o.y, 110, o.h, {
 					label: t.name,
 					value: `£${t.total ?? 0}M total commitment`,
 					sublabel: `Base £${t.base ?? 0}M  +  Variations £${t.variation ?? 0}M`,
 					color: o.color
-				}), c > 0 && g(n, o.x + 110 / 2, o.cy, 110 * .6, o.color, .12 * c), n.fillStyle = f(o.color, (.3 + c * .15) * s), n.strokeStyle = f(o.color, (.55 + c * .25) * s), n.lineWidth = 1, n.beginPath(), n.roundRect(o.x, o.y, 110 * s, o.h, 4), n.fill(), n.stroke(), s > .6 && o.h >= 24 && (n.globalAlpha = Math.min(1, (s - .6) / .4), n.font = `${c > 0 ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.fillStyle = c > 0 ? o.color : f(u.t2, .9), n.textAlign = "center", n.textBaseline = "middle", n.fillText(t.abbreviation ?? t.name.slice(0, 6), o.x + 110 / 2, o.h >= 36 ? o.cy - 5 : o.cy), o.h >= 36 && (n.font = "8px 'JetBrains Mono', monospace", n.fillStyle = f(u.t3, .8), n.fillText(`£${t.total ?? 0}M`, o.x + 110 / 2, o.cy + 7)), n.globalAlpha = 1, n.textBaseline = "alphabetic");
+				}), c > 0 && v(n, o.x + 110 / 2, o.cy, 110 * .6, o.color, .12 * c), n.fillStyle = m(o.color, (.3 + c * .15) * s), n.strokeStyle = m(o.color, (.55 + c * .25) * s), n.lineWidth = 1, n.beginPath(), n.roundRect(o.x, o.y, 110 * s, o.h, 4), n.fill(), n.stroke(), s > .6 && o.h >= 24 && (n.globalAlpha = Math.min(1, (s - .6) / .4), n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = c > 0 ? o.color : m(u.t2, .9), n.textAlign = "center", n.textBaseline = "middle", n.fillText(t.abbreviation ?? t.name.slice(0, 6), o.x + 110 / 2, o.h >= 36 ? o.cy - 5 : o.cy), o.h >= 36 && (n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = m(u.t3, .8), n.fillText(`£${t.total ?? 0}M`, o.x + 110 / 2, o.cy + 7)), n.globalAlpha = 1, n.textBaseline = "alphabetic");
 			}), r > .2) {
 				let e = Math.min(1, (r - .2) / .4);
-				g(n, 420, E.cy, 30, u.blue, .1 * e), n.fillStyle = f(u.blue, .3 * e), n.strokeStyle = f(u.blue, .5 * e), n.lineWidth = 1, n.beginPath(), n.roundRect(E.x, E.y, 110, E.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = "bold 9px 'JetBrains Mono', monospace", n.fillStyle = u.blue, n.textAlign = "center", n.fillText("Base Value", 420, E.cy - 6), n.font = "10px 'JetBrains Mono', monospace", n.fillStyle = u.t1, n.fillText(`£${a}M`, 420, E.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic", g(n, 420, D.cy, 24, u.amber, .1 * e), n.fillStyle = f(u.amber, .22 * e), n.strokeStyle = f(u.amber, .4 * e), n.beginPath(), n.roundRect(D.x, D.y, 110, D.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = "bold 9px 'JetBrains Mono', monospace", n.fillStyle = u.amber, n.textAlign = "center", n.fillText("Variations", 420, D.cy - 4), n.font = "10px 'JetBrains Mono', monospace", n.fillStyle = u.t1, n.fillText(`£${s}M`, 420, D.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic";
+				v(n, 420, w.cy, 30, u.blue, .1 * e), n.fillStyle = m(u.blue, .3 * e), n.strokeStyle = m(u.blue, .5 * e), n.lineWidth = 1, n.beginPath(), n.roundRect(w.x, w.y, 110, w.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.blue, n.textAlign = "center", n.fillText("Base Value", 420, w.cy - 6), n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.t1, n.fillText(`£${a}M`, 420, w.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic", v(n, 420, D.cy, 24, u.amber, .1 * e), n.fillStyle = m(u.amber, .22 * e), n.strokeStyle = m(u.amber, .4 * e), n.beginPath(), n.roundRect(D.x, D.y, 110, D.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.amber, n.textAlign = "center", n.fillText("Variations", 420, D.cy - 4), n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.t1, n.fillText(`£${s}M`, 420, D.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
 			if (r > .5) {
 				let e = Math.min(1, (r - .5) / .5);
-				g(n, 720, O.cy, 44, u.cyan, .2 * e), n.fillStyle = f(u.cyan, .25 * e), n.strokeStyle = f(u.cyan, .6 * e), n.lineWidth = 1.5, n.beginPath(), n.roundRect(O.x, O.y, 110, O.h * e, 6), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = "9px 'JetBrains Mono', monospace", n.fillStyle = u.t2, n.textAlign = "center", n.fillText("Total Commitment", 720, O.cy - 12), n.font = "bold 16px 'JetBrains Mono', monospace", n.fillStyle = u.cyan, n.fillText(`£${c}M`, 720, O.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
+				v(n, 720, O.cy, 44, u.cyan, .2 * e), n.fillStyle = m(u.cyan, .25 * e), n.strokeStyle = m(u.cyan, .6 * e), n.lineWidth = 1.5, n.beginPath(), n.roundRect(O.x, O.y, 110, O.h * e, 6), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.t2, n.textAlign = "center", n.fillText("Total Commitment", 720, O.cy - 12), n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.cyan, n.fillText(`£${c}M`, 720, O.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
-			j = requestAnimationFrame(M);
+			k = requestAnimationFrame(A);
 		};
-		return M(), () => cancelAnimationFrame(j);
+		return A(), () => cancelAnimationFrame(k);
 	}, [e]), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: st,
-			height: ct
+			width: vt,
+			height: yt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Weekly report flow — base value and variations per contractor flowing to total commitment",
 			style: {
-				width: st,
-				height: ct,
+				width: vt,
+				height: yt,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(b, {
-			...p,
-			parentW: st,
-			parentH: ct
+		}), /* @__PURE__ */ s(S, {
+			...f,
+			parentW: vt,
+			parentH: yt
 		})]
 	});
 }
-function ut(e, t, n, r, i, a, o, s) {
+function xt(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();
+	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 = m(o, s), e.fill();
 }
 //#endregion
 //#region src/components/visualizationRenderer/VisualizationRenderer.tsx
-function dt({ config: e, className: t }) {
-	return e.type === "line" ? /* @__PURE__ */ s(Ee, {
+function St({ config: e, className: t }) {
+	return e.type === "line" ? /* @__PURE__ */ s(Oe, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "area" ? /* @__PURE__ */ s(ee, {
+	}) : e.type === "area" ? /* @__PURE__ */ s(ne, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "bar" ? /* @__PURE__ */ s(te, {
+	}) : e.type === "bar" ? /* @__PURE__ */ s(ie, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "pie" ? /* @__PURE__ */ s(Fe, {
+	}) : e.type === "pie" ? /* @__PURE__ */ s(Re, {
 		rows: e.rows,
 		variant: "pie",
 		className: t
-	}) : e.type === "donut" ? /* @__PURE__ */ s(Fe, {
+	}) : e.type === "donut" ? /* @__PURE__ */ s(Re, {
 		rows: e.rows,
 		variant: "donut",
 		className: t
-	}) : e.type === "sankey" ? /* @__PURE__ */ s(Ke, {
+	}) : e.type === "sankey" ? /* @__PURE__ */ s(Ye, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "flow" ? /* @__PURE__ */ s(Ge, {
+	}) : e.type === "flow" ? /* @__PURE__ */ s(Je, {
 		selectedEntity: e.selectedEntity,
 		className: t
-	}) : e.type === "trend" ? /* @__PURE__ */ s(rt, {
+	}) : e.type === "trend" ? /* @__PURE__ */ s(mt, {
 		points: e.points,
 		className: t
-	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(ke, {
+	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(je, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "contract-value-orb" ? /* @__PURE__ */ s(ye, { data: e.data }) : e.type === "contract-bars" ? /* @__PURE__ */ s(me, { contractors: e.contractors }) : e.type === "commitment-race" ? /* @__PURE__ */ s(re, { contractors: e.contractors }) : e.type === "status-arc" ? /* @__PURE__ */ s(nt, {
+	}) : e.type === "contract-value-orb" ? /* @__PURE__ */ s(xe, { data: e.data }) : e.type === "contract-bars" ? /* @__PURE__ */ s(ge, { contractors: e.contractors }) : e.type === "commitment-race" ? /* @__PURE__ */ s(oe, { contractors: e.contractors }) : e.type === "status-arc" ? /* @__PURE__ */ s(ft, {
 		segments: e.segments,
 		title: e.title
-	}) : e.type === "ew-category" ? /* @__PURE__ */ s(Te, { categories: e.categories }) : e.type === "contractor-rank" ? /* @__PURE__ */ s(we, { contractors: e.contractors }) : e.type === "severity-bands" ? /* @__PURE__ */ s(et, { severities: e.severities }) : e.type === "nce-tree" ? /* @__PURE__ */ s(je, {
+	}) : e.type === "ew-category" ? /* @__PURE__ */ s(De, { categories: e.categories }) : e.type === "contractor-rank" ? /* @__PURE__ */ s(Ee, { contractors: e.contractors }) : e.type === "severity-bands" ? /* @__PURE__ */ s(ut, { severities: e.severities }) : e.type === "nce-tree" ? /* @__PURE__ */ s(Pe, {
 		total: e.total,
 		byContractor: e.byContractor
-	}) : e.type === "compensation-gauge" ? /* @__PURE__ */ s(oe, {
+	}) : e.type === "compensation-gauge" ? /* @__PURE__ */ s(le, {
 		pct: e.pct,
 		confirmed: e.confirmed,
 		total: e.total
-	}) : e.type === "variation-split" ? /* @__PURE__ */ s(ot, { contractors: e.contractors }) : e.type === "quotation-balance" ? /* @__PURE__ */ s(Ye, {
+	}) : e.type === "variation-split" ? /* @__PURE__ */ s(_t, { contractors: e.contractors }) : e.type === "quotation-balance" ? /* @__PURE__ */ s(Qe, {
 		accepted: e.accepted,
 		submitted: e.submitted
-	}) : e.type === "quotation-trend" ? /* @__PURE__ */ s(Ze, { trend: e.trend }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(lt, { contractors: e.contractors }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "quotation-trend" ? /* @__PURE__ */ s(et, { trend: e.trend }) : e.type === "trend-view" ? /* @__PURE__ */ s(st, { trend: e.trend }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(bt, { contractors: e.contractors }) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
 }
 //#endregion
 //#region src/utils/mounts.tsx
-var ft = [];
-function pt(e) {
+var Ct = [];
+function wt(e) {
 	try {
 		return JSON.parse(decodeURIComponent(e));
 	} catch {
 		return null;
 	}
 }
-function mt() {
-	for (; ft.length;) {
-		let e = ft.pop();
+function Tt() {
+	for (; Ct.length;) {
+		let e = Ct.pop();
 		e && e.unmount();
 	}
 }
-function ht() {
-	mt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
+function Et() {
+	Tt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
 		let n = t.dataset.d3Viz;
 		if (!n) return;
-		let r = pt(n);
+		let r = wt(n);
 		if (!r) return;
 		let i = e(t);
-		ft.push(i), i.render(/* @__PURE__ */ s(dt, { config: r }));
+		Ct.push(i), i.render(/* @__PURE__ */ s(St, { config: r }));
 	});
 }
-function gt(e) {
+function Dt(e) {
 	return encodeURIComponent(JSON.stringify(e));
 }
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
-function _t({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(Fe, {
+function Ot({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(Re, {
 		rows: e,
 		variant: "donut",
 		className: t,
@@ -2165,18 +2287,30 @@ function _t({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/keyHighlights/KeyHighlights.tsx
-var Z = {
-	bg: "rgba(255,255,255,0.025)",
-	border: "rgba(28,45,66,0.9)",
-	t1: "#F1F5F9",
-	t2: "#CBD5E1",
-	t3: "#94A3B8",
-	t4: "#64748B",
-	red: "#F06060",
-	amber: "#FBBF24",
-	green: "#34D399"
-}, Q = "'JetBrains Mono', monospace", $ = "'DM Sans', sans-serif";
-function vt({ chips: e }) {
+var X = {
+	bg: u.sf,
+	border: u.bd,
+	t1: u.t1,
+	t2: u.t2,
+	t3: u.t3,
+	t4: u.t4,
+	red: u.red,
+	amber: u.amber,
+	green: u.green
+}, Z = "'JetBrains Mono', monospace", Q = "'Satoshi Variable', 'DM Sans', sans-serif", kt = {
+	color: "#F7F7F7",
+	fontFamily: Q,
+	fontSize: 24,
+	fontWeight: 500,
+	lineHeight: "32px"
+}, $ = {
+	color: "#CECFD2",
+	fontFamily: Q,
+	fontSize: 14,
+	fontWeight: 400,
+	lineHeight: "20px"
+};
+function At({ chips: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2190,31 +2324,27 @@ function vt({ chips: e }) {
 				alignItems: "baseline",
 				gap: 8,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`,
+				background: X.bg,
+				border: `1px solid ${X.border}`,
 				borderRadius: 5
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
-					fontSize: 13,
-					fontWeight: 700,
-					color: e.color ?? Z.t1,
-					fontFamily: Q
+					...kt,
+					color: e.color ?? X.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("span", {
 				style: {
-					fontSize: 11,
-					color: Z.t4,
-					fontFamily: $,
-					lineHeight: 1.4
+					...$,
+					flex: 1
 				},
 				children: e.label
 			})]
 		}, t))
 	});
 }
-function yt({ items: e }) {
+function jt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2224,35 +2354,27 @@ function yt({ items: e }) {
 			style: {
 				flex: 1,
 				padding: "12px 16px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`,
-				borderTop: `2px solid ${e.color ?? Z.t4}`,
-				borderRadius: 7,
-				textAlign: "center"
+				border: `1px solid ${X.border}`,
+				background: X.bg,
+				textAlign: "left"
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 22,
-					fontWeight: 700,
-					color: e.color ?? Z.t1,
-					fontFamily: Q,
-					lineHeight: 1.15
+					...kt,
+					color: e.color ?? X.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 11,
-					color: Z.t4,
-					fontFamily: $,
-					marginTop: 5,
-					lineHeight: 1.45
+					...$,
+					marginTop: 5
 				},
 				children: e.label
 			})]
 		}, t))
 	});
 }
-function bt({ items: e }) {
+function Mt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2265,9 +2387,9 @@ function bt({ items: e }) {
 				alignItems: "center",
 				gap: 12,
 				padding: "9px 14px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`,
-				borderLeft: `3px solid ${e.color}`,
+				background: X.bg,
+				border: `1px solid ${X.border}`,
+				borderLeft: `3px solid ${e.color ?? X.t2}`,
 				borderRadius: 6
 			},
 			children: [
@@ -2275,21 +2397,19 @@ function bt({ items: e }) {
 					style: {
 						fontSize: 11,
 						fontWeight: 600,
-						color: e.color,
-						background: e.color + "22",
+						color: e.color ?? X.t2,
+						background: (e.color ?? X.t2) + "22",
 						padding: "2px 8px",
 						borderRadius: 4,
-						fontFamily: $,
+						fontFamily: Q,
 						flexShrink: 0
 					},
 					children: e.name
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						fontSize: 18,
-						fontWeight: 700,
-						color: e.color,
-						fontFamily: Q,
+						...kt,
+						color: e.color ?? X.t1,
 						minWidth: 70,
 						flexShrink: 0
 					},
@@ -2297,11 +2417,8 @@ function bt({ items: e }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						fontSize: 11,
-						color: Z.t4,
-						fontFamily: $,
-						flex: 1,
-						lineHeight: 1.45
+						...$,
+						flex: 1
 					},
 					children: e.kpiLabel
 				})
@@ -2309,7 +2426,7 @@ function bt({ items: e }) {
 		}, t))
 	});
 }
-function xt({ items: e }) {
+function Nt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2319,38 +2436,31 @@ function xt({ items: e }) {
 			style: {
 				flex: 1,
 				padding: "14px 16px",
-				background: Z.bg,
-				border: `1px solid ${e.color ? e.color + "30" : Z.border}`,
-				borderRadius: 7
+				background: X.bg,
+				border: `1px solid ${e.color ? e.color + "30" : X.border}`
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 26,
-					fontWeight: 700,
-					color: e.color ?? Z.t1,
-					fontFamily: Q,
-					lineHeight: 1.1
+					...kt,
+					color: e.color ?? X.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 14,
-					color: Z.t4,
-					fontFamily: $,
-					marginTop: 6,
-					lineHeight: 1.5
+					...$,
+					marginTop: 6
 				},
 				children: e.label
 			})]
 		}, t))
 	});
 }
-var St = {
-	red: Z.red,
-	amber: Z.amber,
-	green: Z.green
+var Pt = {
+	red: X.red,
+	amber: X.amber,
+	green: X.green
 };
-function Ct({ items: e }) {
+function Ft({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2358,17 +2468,15 @@ function Ct({ items: e }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = St[e.severity];
+			let n = Pt[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 10,
 					padding: "10px 14px",
-					background: n + "0C",
-					border: `1px solid ${n}28`,
-					borderLeft: `3px solid ${n}`,
-					borderRadius: 6
+					background: u.sf,
+					border: `1px solid ${X.border}`
 				},
 				children: [/* @__PURE__ */ s("span", { style: {
 					width: 7,
@@ -2378,19 +2486,14 @@ function Ct({ items: e }) {
 					flexShrink: 0,
 					marginTop: 5
 				} }), /* @__PURE__ */ s("span", {
-					style: {
-						fontSize: 12,
-						color: Z.t2,
-						fontFamily: $,
-						lineHeight: 1.6
-					},
+					style: { ...$ },
 					children: e.text
 				})]
 			}, t);
 		})
 	});
 }
-function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
+function It({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 	let a = t - e;
 	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
 		style: {
@@ -2414,8 +2517,8 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 					top: 43,
 					left: 0,
 					fontSize: 9,
-					color: Z.t4,
-					fontFamily: Q
+					color: X.t4,
+					fontFamily: Z
 				},
 				children: [e, n]
 			}),
@@ -2425,13 +2528,13 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 					top: 43,
 					right: 0,
 					fontSize: 9,
-					color: Z.t4,
-					fontFamily: Q
+					color: X.t4,
+					fontFamily: Z
 				},
 				children: [t, n]
 			}),
 			r.map((t, r) => {
-				let i = (t.val - e) / a * 100, o = r % 2 == 0;
+				let i = (t.val - e) / a * 100, o = t.color ?? u.blue, l = r % 2 == 0;
 				return /* @__PURE__ */ c("div", {
 					style: {
 						position: "absolute",
@@ -2440,7 +2543,7 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 						transform: "translateX(-50%)"
 					},
 					children: [
-						o && /* @__PURE__ */ c("div", {
+						l && /* @__PURE__ */ c("div", {
 							style: {
 								textAlign: "center",
 								marginBottom: 2
@@ -2448,8 +2551,8 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 							children: [/* @__PURE__ */ s("div", {
 								style: {
 									fontSize: 9,
-									color: t.color,
-									fontFamily: $,
+									color: o,
+									fontFamily: Q,
 									whiteSpace: "nowrap"
 								},
 								children: t.name
@@ -2457,8 +2560,8 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 								style: {
 									fontSize: 9,
 									fontWeight: 700,
-									color: t.color,
-									fontFamily: Q,
+									color: o,
+									fontFamily: Z,
 									whiteSpace: "nowrap"
 								},
 								children: [t.val, n]
@@ -2468,11 +2571,11 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 							width: 10,
 							height: 10,
 							borderRadius: "50%",
-							background: t.color,
-							boxShadow: `0 0 8px ${t.color}70`,
-							margin: o ? "0 auto" : "26px auto 0"
+							background: o,
+							boxShadow: `0 0 8px ${o}70`,
+							margin: l ? "0 auto" : "26px auto 0"
 						} }),
-						!o && /* @__PURE__ */ c("div", {
+						!l && /* @__PURE__ */ c("div", {
 							style: {
 								textAlign: "center",
 								marginTop: 4
@@ -2480,8 +2583,8 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 							children: [/* @__PURE__ */ s("div", {
 								style: {
 									fontSize: 9,
-									color: t.color,
-									fontFamily: $,
+									color: o,
+									fontFamily: Q,
 									whiteSpace: "nowrap"
 								},
 								children: t.name
@@ -2489,8 +2592,8 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 								style: {
 									fontSize: 9,
 									fontWeight: 700,
-									color: t.color,
-									fontFamily: Q,
+									color: o,
+									fontFamily: Z,
 									whiteSpace: "nowrap"
 								},
 								children: [t.val, n]
@@ -2500,9 +2603,10 @@ function wt({ min: e, max: t, unit: n, dots: r, chips: i }) {
 				}, r);
 			})
 		]
-	}), i && i.length > 0 && /* @__PURE__ */ s(vt, { chips: i })] });
+	}), i && i.length > 0 && /* @__PURE__ */ s(At, { chips: i })] });
 }
-function Tt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: u }) {
+function Lt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
+	let f = r ?? u.blue, p = l ?? u.cyan;
 	return /* @__PURE__ */ c("div", { children: [
 		/* @__PURE__ */ c("div", {
 			style: {
@@ -2516,7 +2620,7 @@ function Tt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				/* @__PURE__ */ s("div", {
 					style: {
 						width: `${e}%`,
-						background: r + "38",
+						background: f + "38",
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "flex-end",
@@ -2526,8 +2630,8 @@ function Tt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 						style: {
 							fontSize: 12,
 							fontWeight: 700,
-							color: r,
-							fontFamily: Q
+							color: f,
+							fontFamily: Z
 						},
 						children: n
 					})
@@ -2540,7 +2644,7 @@ function Tt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				/* @__PURE__ */ s("div", {
 					style: {
 						width: `${i}%`,
-						background: l + "2A",
+						background: p + "2A",
 						display: "flex",
 						alignItems: "center",
 						paddingLeft: 12
@@ -2549,8 +2653,8 @@ function Tt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 						style: {
 							fontSize: 12,
 							fontWeight: 700,
-							color: l,
-							fontFamily: Q
+							color: p,
+							fontFamily: Z
 						},
 						children: o
 					})
@@ -2560,15 +2664,15 @@ function Tt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 		/* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
-				marginBottom: u ? 4 : 0
+				marginBottom: d ? 4 : 0
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: { width: `${e}%` },
 				children: /* @__PURE__ */ c("span", {
 					style: {
 						fontSize: 10,
-						color: r,
-						fontFamily: $
+						color: f,
+						fontFamily: Q
 					},
 					children: [
 						e,
@@ -2584,8 +2688,8 @@ function Tt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				children: /* @__PURE__ */ c("span", {
 					style: {
 						fontSize: 10,
-						color: l,
-						fontFamily: $
+						color: p,
+						fontFamily: Q
 					},
 					children: [
 						i,
@@ -2595,11 +2699,11 @@ function Tt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				})
 			})]
 		}),
-		u && u.length > 0 && /* @__PURE__ */ s(vt, { chips: u })
+		d && d.length > 0 && /* @__PURE__ */ s(At, { chips: d })
 	] });
 }
-function Et({ pct: e, label: t, color: n, chips: r }) {
-	let i = 2 * Math.PI * 30, a = i * (1 - e / 100);
+function Rt({ pct: e, label: t, color: n, chips: r }) {
+	let i = n ?? u.blue, a = 2 * Math.PI * 30, o = a * (1 - e / 100);
 	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -2629,10 +2733,10 @@ function Et({ pct: e, label: t, color: n, chips: r }) {
 					cy: 40,
 					r: 30,
 					fill: "none",
-					stroke: n,
+					stroke: i,
 					strokeWidth: 8,
-					strokeDasharray: i,
-					strokeDashoffset: a,
+					strokeDasharray: a,
+					strokeDashoffset: o,
 					strokeLinecap: "round"
 				})]
 			}), /* @__PURE__ */ s("div", {
@@ -2647,8 +2751,8 @@ function Et({ pct: e, label: t, color: n, chips: r }) {
 					style: {
 						fontSize: 15,
 						fontWeight: 700,
-						color: n,
-						fontFamily: Q
+						color: i,
+						fontFamily: Z
 					},
 					children: [e, "%"]
 				})
@@ -2657,11 +2761,8 @@ function Et({ pct: e, label: t, color: n, chips: r }) {
 			style: { flex: 1 },
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 12,
-					color: Z.t3,
-					fontFamily: $,
-					marginBottom: 10,
-					lineHeight: 1.5
+					...$,
+					marginBottom: 10
 				},
 				children: t
 			}), r && /* @__PURE__ */ s("div", {
@@ -2676,25 +2777,18 @@ function Et({ pct: e, label: t, color: n, chips: r }) {
 						alignItems: "baseline",
 						gap: 8,
 						padding: "7px 10px",
-						background: Z.bg,
-						border: `1px solid ${Z.border}`,
+						background: X.bg,
+						border: `1px solid ${X.border}`,
 						borderRadius: 5
 					},
 					children: [/* @__PURE__ */ s("span", {
 						style: {
-							fontSize: 13,
-							fontWeight: 700,
-							color: e.color ?? Z.t1,
-							fontFamily: Q
+							...kt,
+							color: e.color ?? X.t1
 						},
 						children: e.value
 					}), /* @__PURE__ */ s("span", {
-						style: {
-							fontSize: 11,
-							color: Z.t4,
-							fontFamily: $,
-							lineHeight: 1.4
-						},
+						style: { ...$ },
 						children: e.label
 					})]
 				}, t))
@@ -2702,16 +2796,16 @@ function Et({ pct: e, label: t, color: n, chips: r }) {
 		})]
 	});
 }
-var Dt = {
+var zt = {
 	green: "#34D39918",
 	amber: "#FBBF2418",
 	red: "#F0606018"
-}, Ot = {
+}, Bt = {
 	green: "#34D399",
 	amber: "#FBBF24",
 	red: "#F06060"
 };
-function kt({ items: e }) {
+function Vt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2724,9 +2818,9 @@ function kt({ items: e }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`,
-				borderLeft: `3px solid ${e.color}`,
+				background: X.bg,
+				border: `1px solid ${X.border}`,
+				borderLeft: `3px solid ${e.color ?? X.t2}`,
 				borderRadius: 6
 			},
 			children: [
@@ -2734,11 +2828,11 @@ function kt({ items: e }) {
 					style: {
 						fontSize: 11,
 						fontWeight: 600,
-						color: e.color,
-						background: e.color + "1A",
+						color: e.color ?? X.t2,
+						background: (e.color ?? X.t2) + "1A",
 						padding: "2px 7px",
 						borderRadius: 4,
-						fontFamily: $,
+						fontFamily: Q,
 						flexShrink: 0,
 						minWidth: 62,
 						textAlign: "center"
@@ -2756,7 +2850,7 @@ function kt({ items: e }) {
 					children: /* @__PURE__ */ s("div", { style: {
 						height: "100%",
 						width: `${e.pct}%`,
-						background: e.color,
+						background: e.color ?? X.t2,
 						borderRadius: 2,
 						opacity: .75
 					} })
@@ -2765,8 +2859,8 @@ function kt({ items: e }) {
 					style: {
 						fontSize: 13,
 						fontWeight: 700,
-						color: e.color,
-						fontFamily: Q,
+						color: e.color ?? X.t1,
+						fontFamily: Z,
 						flexShrink: 0,
 						minWidth: 52,
 						textAlign: "right"
@@ -2777,11 +2871,11 @@ function kt({ items: e }) {
 					style: {
 						fontSize: 10,
 						fontWeight: 600,
-						color: Ot[e.badgeSeverity],
-						background: Dt[e.badgeSeverity],
+						color: Bt[e.badgeSeverity],
+						background: zt[e.badgeSeverity],
 						padding: "2px 7px",
 						borderRadius: 4,
-						fontFamily: $,
+						fontFamily: Q,
 						flexShrink: 0,
 						minWidth: 72,
 						textAlign: "center"
@@ -2790,9 +2884,7 @@ function kt({ items: e }) {
 				}),
 				e.sublabel && /* @__PURE__ */ s("span", {
 					style: {
-						fontSize: 10,
-						color: Z.t4,
-						fontFamily: $,
+						...$,
 						flexShrink: 0,
 						minWidth: 80,
 						textAlign: "right"
@@ -2803,12 +2895,12 @@ function kt({ items: e }) {
 		}, t))
 	});
 }
-var At = {
-	red: Z.red,
-	amber: Z.amber,
-	green: Z.green
+var Ht = {
+	red: X.red,
+	amber: X.amber,
+	green: X.green
 };
-function jt({ items: e }) {
+function Ut({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2816,7 +2908,7 @@ function jt({ items: e }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = At[e.severity];
+			let n = Ht[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -2840,10 +2932,7 @@ function jt({ items: e }) {
 					/* @__PURE__ */ s("span", {
 						style: {
 							flex: 1,
-							fontSize: 12,
-							color: Z.t2,
-							fontFamily: $,
-							lineHeight: 1.5
+							...$
 						},
 						children: e.text
 					}),
@@ -2855,16 +2944,14 @@ function jt({ items: e }) {
 							background: n + "20",
 							padding: "2px 7px",
 							borderRadius: 4,
-							fontFamily: $,
+							fontFamily: Q,
 							flexShrink: 0
 						},
 						children: e.tag
 					}),
 					/* @__PURE__ */ s("span", {
 						style: {
-							fontSize: 10,
-							color: Z.t4,
-							fontFamily: Q,
+							...$,
 							flexShrink: 0,
 							marginTop: 1
 						},
@@ -2875,7 +2962,7 @@ function jt({ items: e }) {
 		})
 	});
 }
-function Mt({ columns: e, rows: t }) {
+function Wt({ columns: e = [], rows: t = [] }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -2888,15 +2975,15 @@ function Mt({ columns: e, rows: t }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "0 12px 6px",
-				borderBottom: `1px solid ${Z.border}`
+				borderBottom: `1px solid ${X.border}`
 			},
 			children: [/* @__PURE__ */ s("div", { style: { minWidth: 64 } }), e.map((e, t) => /* @__PURE__ */ s("div", {
 				style: {
 					flex: 1,
 					fontSize: 9,
 					fontWeight: 600,
-					color: Z.t4,
-					fontFamily: $,
+					color: X.t4,
+					fontFamily: Q,
 					textTransform: "uppercase",
 					letterSpacing: .6
 				},
@@ -2908,20 +2995,20 @@ function Mt({ columns: e, rows: t }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`,
-				borderLeft: `3px solid ${e.color ?? Z.t4}`,
+				background: X.bg,
+				border: `1px solid ${X.border}`,
+				borderLeft: `3px solid ${e.color ?? X.t4}`,
 				borderRadius: 6
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
 					fontSize: 11,
 					fontWeight: 600,
-					color: e.color ?? Z.t2,
-					background: (e.color ?? Z.t4) + "1A",
+					color: e.color ?? X.t2,
+					background: (e.color ?? X.t4) + "1A",
 					padding: "2px 8px",
 					borderRadius: 4,
-					fontFamily: $,
+					fontFamily: Q,
 					flexShrink: 0,
 					minWidth: 64,
 					textAlign: "center"
@@ -2932,62 +3019,56 @@ function Mt({ columns: e, rows: t }) {
 					flex: 1,
 					fontSize: 13,
 					fontWeight: 700,
-					color: e.color ?? Z.t1,
-					fontFamily: Q
+					color: e.color ?? X.t1,
+					fontFamily: Z
 				},
 				children: t
 			}, n))]
 		}, t))]
 	});
 }
-function Nt({ text: e }) {
+function Gt({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			marginTop: 10,
 			padding: "8px 12px",
-			background: "rgba(255,255,255,0.015)",
-			border: `1px solid ${Z.border}`,
-			borderLeft: "2px solid rgba(100,116,139,0.35)",
-			borderRadius: 5
+			border: `1px solid ${u.bd}`,
+			borderLeft: "4px solid #FFAE43",
+			borderRadius: 5,
+			background: `linear-gradient(90deg, rgba(255, 174, 67, 0.10) -48.4%, rgba(19, 22, 27, 0.10) 83.98%), ${u.sf}`
 		},
 		children: [/* @__PURE__ */ s("span", {
 			style: {
-				fontSize: 10,
-				fontWeight: 700,
-				color: Z.t4,
-				fontFamily: $,
-				letterSpacing: .5,
-				textTransform: "uppercase",
+				fontSize: 14,
+				fontWeight: 500,
+				color: u.t1,
+				fontFamily: Q,
+				lineHeight: "20px",
 				marginRight: 8
 			},
 			children: "Takeaway"
 		}), /* @__PURE__ */ s("span", {
-			style: {
-				fontSize: 11,
-				color: Z.t3,
-				fontFamily: $,
-				lineHeight: 1.6
-			},
+			style: { ...$ },
 			children: e
 		})]
 	});
 }
-function Pt({ block: e }) {
+function Kt({ block: e }) {
 	if (!e) return null;
 	let t = (() => {
 		switch (e.type) {
-			case "stats": return /* @__PURE__ */ s(yt, { items: e.items });
-			case "ranked": return /* @__PURE__ */ s(bt, { items: e.items });
-			case "chips": return /* @__PURE__ */ s(xt, { items: e.items });
-			case "badges": return /* @__PURE__ */ s(Ct, { items: e.items });
-			case "dot-strip": return /* @__PURE__ */ s(wt, {
+			case "stats": return /* @__PURE__ */ s(jt, { items: e.items });
+			case "ranked": return /* @__PURE__ */ s(Mt, { items: e.items });
+			case "chips": return /* @__PURE__ */ s(Nt, { items: e.items });
+			case "badges": return /* @__PURE__ */ s(Ft, { items: e.items });
+			case "dot-strip": return /* @__PURE__ */ s(It, {
 				min: e.min,
 				max: e.max,
 				unit: e.unit,
 				dots: e.dots,
 				chips: e.chips
 			});
-			case "proportion": return /* @__PURE__ */ s(Tt, {
+			case "proportion": return /* @__PURE__ */ s(Lt, {
 				leftPct: e.leftPct,
 				leftLabel: e.leftLabel,
 				leftValue: e.leftValue,
@@ -2998,22 +3079,22 @@ function Pt({ block: e }) {
 				rightColor: e.rightColor,
 				chips: e.chips
 			});
-			case "ring": return /* @__PURE__ */ s(Et, {
+			case "ring": return /* @__PURE__ */ s(Rt, {
 				pct: e.pct,
 				label: e.label,
 				color: e.color,
 				chips: e.chips
 			});
-			case "scorecard-rows": return /* @__PURE__ */ s(kt, { items: e.items });
-			case "flags-list": return /* @__PURE__ */ s(jt, { items: e.items });
-			case "comparison-rows": return /* @__PURE__ */ s(Mt, {
+			case "scorecard-rows": return /* @__PURE__ */ s(Vt, { items: e.items });
+			case "flags-list": return /* @__PURE__ */ s(Ut, { items: e.items });
+			case "comparison-rows": return /* @__PURE__ */ s(Wt, {
 				columns: e.columns,
 				rows: e.rows
 			});
 			default: return null;
 		}
 	})();
-	return e.takeaway ? /* @__PURE__ */ c("div", { children: [t, /* @__PURE__ */ s(Nt, { text: e.takeaway })] }) : t;
+	return e.takeaway ? /* @__PURE__ */ c("div", { children: [t, /* @__PURE__ */ s(Gt, { text: e.takeaway })] }) : t;
 }
 //#endregion
-export { ee as AreaChart, te as BarChart, l as ChartFrame, _t as DonutChart, Pt as KeyHighlights, Ee as LineChart, ke as MiniBars, Fe as PieChart, Ge as ProcessSankey, Ke as RankingSankey, Le as SankeySvg, N as SeriesChart, rt as TrendChart, dt as VisualizationRenderer, mt as cleanupVisualizationMounts, ht as hydrateVisualizationMounts, gt as serializeVisualizationConfig };
+export { ne as AreaChart, ie as BarChart, l as ChartFrame, Ot as DonutChart, Kt as KeyHighlights, Oe as LineChart, je as MiniBars, Re as PieChart, Je as ProcessSankey, Ye as RankingSankey, Be as SankeySvg, te as SeriesChart, st as Trend, mt as TrendChart, St as VisualizationRenderer, Tt as cleanupVisualizationMounts, Et as hydrateVisualizationMounts, Dt as serializeVisualizationConfig };