@divami-artefacts/ai-design-system 1.0.11 → 1.0.13

package/dist/index.js

@@ -15,39 +15,43 @@ var u = {
 	bgL: "#0C1420",
 	sf: "#13161B",
 	bd: "#22262F",
-	blue: "#2970FF",
+	blue: "#4C93D9",
 	cyan: "#36BFFA",
-	orange: "#EF6820",
-	red: "#EF6820",
-	green: "#71B941",
-	purple: "#7A5AF8",
-	amber: "#FAC515",
-	t1: "#F7F7F7",
-	t2: "#C2C2C2",
+	orange: "#EC772A",
+	red: "#EC772A",
+	green: "#5DA537",
+	purple: "#818FF8",
+	amber: "#EEBF3B",
+	t1: "#F7F9FA",
+	t2: "#B3B5B6",
 	t3: "#94979C",
 	t4: "#334155"
 }, d = [
 	u.blue,
-	u.cyan,
 	u.amber,
 	u.purple,
 	u.green,
 	u.red
 ], f = {
 	font: "400 14px 'Satoshi Variable', 'DM Sans', sans-serif",
-	color: "#C2C2C2"
+	color: "#B3B5B6",
+	letterSpacing: "0px"
 }, p = {
-	font: "400 14px 'Satoshi Variable', 'DM Sans', sans-serif",
-	color: "#C2C2C2"
+	font: "500 14px 'Satoshi Variable', 'DM Sans', sans-serif",
+	color: "#F7F9FA"
+}, m = {
+	font: "400 16px 'Satoshi Variable', 'DM Sans', sans-serif",
+	color: "#B3B5B6",
+	letterSpacing: "0px"
 };
-function m(e, t = 1) {
+function h(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 h(e, t, n) {
+function g(e, t, n) {
 	return e + (t - e) * n;
 }
-function g(e, t, n) {
+function _(e, t, n) {
 	let r = (e) => {
 		let t = e.replace("#", "");
 		return [
@@ -57,34 +61,34 @@ function g(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(h(i, s, n)),
-		u(h(a, c, n)),
-		u(h(o, l, n))
+		u(g(i, s, n)),
+		u(g(a, c, n)),
+		u(g(o, l, n))
 	].map((e) => e.toString(16).padStart(2, "0")).join("").replace(/^/, "#");
 }
-function _(e, t, n, r = 2) {
+function v(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 v(e, t, n, r, i, a = .3) {
+function y(e, t, n, r, i, a = .3) {
 	let o = e.createRadialGradient(t, n, 0, t, n, r);
-	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();
+	o.addColorStop(0, h(i, a)), o.addColorStop(1, h(i, 0)), e.fillStyle = o, e.beginPath(), e.arc(t, n, r, 0, Math.PI * 2), e.fill();
 }
-function y(e, t, n, r, i = 50, a = m(u.blue, .05)) {
+function b(e, t, n, r, i = 50, a = h(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 b(e, t, n, r, i = .015) {
+function x(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 x(e, t, n, r, i = m(u.t1, .08)) {
+function S(e, t, n, r, i = h(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 S({ visible: e, x: t, y: n, content: i, parentW: o }) {
+function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
 	let l = a(null);
 	if (r(() => {
 		let r = l.current;
@@ -157,7 +161,7 @@ function S({ visible: e, x: t, y: n, content: i, parentW: o }) {
 }
 //#endregion
 //#region src/canvas/useCanvasInteraction.ts
-function C(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
+function w(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 	let l = a({
 		x: -1,
 		y: -1,
@@ -229,14 +233,14 @@ function C(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 		hitZonesRef: d
 	};
 }
-function w(e, t, n, r, i, a) {
+function T(e, t, n, r, i, a) {
 	e.push({
 		id: t,
 		data: a,
 		test: (e, t) => (e - n) ** 2 + (t - r) ** 2 <= i * i
 	});
 }
-function T(e, t, n, r, i, a, o) {
+function E(e, t, n, r, i, a, o) {
 	e.push({
 		id: t,
 		data: o,
@@ -245,14 +249,14 @@ function T(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/canvas/easing.ts
-var E = (e) => 1 - (1 - e) ** 3, D = (e) => 1 - (1 - e) ** 4, O = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), k = (e) => {
+var D = (e) => 1 - (1 - e) ** 3, O = (e) => 1 - (1 - e) ** 4, k = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), A = (e) => {
 	let t = 1.70158;
 	return 1 + (t + 1) * (e - 1) ** 3 + t * (e - 1) ** 2;
-}, A = (e, t = .04, n = .001) => Math.sin(e * t) * Math.exp(-Math.min(e * n, 4)), j = (e, t, n, r = E) => {
+}, j = (e, t = .04, n = .001) => Math.sin(e * t) * Math.exp(-Math.min(e * n, 4)), M = (e, t, n, r = D) => {
 	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 M(e, t, n = .12) {
+function N(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);
@@ -260,66 +264,66 @@ function M(e, t, n = .12) {
 }
 //#endregion
 //#region src/components/common/SeriesChart.tsx
-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
+var P = 760, F = 250;
+function ee({ rows: e = [], variant: t, className: r, colors: i }) {
+	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), { mouseRef: p, hoveredRef: m, tooltip: g, hitZonesRef: _ } = w(o, {
+		width: P,
+		height: F
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = _(n, ee, N);
+		let r = v(n, P, F);
 		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 = ee - g.left - g.right, S = N - g.top - g.bottom, C, T = () => {
+		}, b = P - g.left - g.right, x = F - g.top - g.bottom, C, w = () => {
 			f.current++;
 			let n = f.current;
-			if (r.clearRect(0, 0, ee, N), e.length < 2) {
-				C = requestAnimationFrame(T);
+			if (r.clearRect(0, 0, P, F), e.length < 2) {
+				C = requestAnimationFrame(w);
 				return;
 			}
-			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;
+			let i = e.map((e) => e.pricing ?? 0), o = Math.max(100, ...i), v = (t) => g.left + t / (e.length - 1) * b, E = (e) => g.top + (1 - e / o) * x, D = k(Math.min(n / 48, 1)), O = Math.max(2, Math.floor(D * e.length));
+			N(d.current, m.current), _.current = [], r.strokeStyle = h(u.bd, .2), r.lineWidth = .5;
 			for (let e = 0; e <= 4; e++) {
-				let t = g.top + e / 4 * S;
+				let t = g.top + e / 4 * x;
 				r.beginPath(), r.moveTo(g.left, t), r.lineTo(g.left + b, t), r.stroke();
 			}
-			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 (r.strokeStyle = h(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 && m.current) {
+				let e = parseInt(m.current.split("-")[1]);
+				isNaN(e) || S(r, v(e), g.top, g.top + x);
 			}
-			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 (t === "area" && O > 1) {
+				let t = r.createLinearGradient(0, g.top, 0, g.top + x);
+				t.addColorStop(0, h(l, .12)), t.addColorStop(1, h(l, 0)), r.fillStyle = t, r.beginPath(), r.moveTo(v(0), g.top + x);
+				for (let t = 0; t < O; t++) r.lineTo(v(t), E(e[t].pricing ?? 0));
+				r.lineTo(v(O - 1), g.top + x), r.closePath(), r.fill();
 			}
-			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);
+			if (O > 1) {
+				r.strokeStyle = h(a, .85), r.lineWidth = 2, r.setLineDash([]), r.beginPath();
+				for (let t = 0; t < O; t++) {
+					let n = v(t), i = E(e[t].pricing ?? 0);
 					t === 0 ? r.moveTo(n, i) : r.lineTo(n, i);
 				}
 				r.stroke();
 			}
-			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, {
+			for (let i = 0; i < O; i++) {
+				let a = v(i), o = E(e[i].pricing ?? 0), c = `sc-${i}`, l = d.current.get(c) ?? 0, f = i === e.length - 1;
+				T(_.current, c, a, o, 12, {
 					label: e[i].vendor,
 					value: String(e[i].pricing ?? 0),
 					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);
+				}), l > 0 && y(r, a, o, 16 * l, s, .2 * l);
+				let p = f ? j(n, .05, 5e-4) : 0, m = t === "area" ? 5 : 6;
+				f ? (r.shadowColor = h(u.red, .5), r.shadowBlur = (8 + p * 4) * (1 + l * .5), r.fillStyle = u.red, r.beginPath(), r.arc(a, o, (m + p * 1.5) * (1 + l * .3), 0, Math.PI * 2), r.fill(), r.shadowBlur = 0) : (r.fillStyle = h(s, .7 + l * .3), r.beginPath(), r.arc(a, o, m + l * 2, 0, Math.PI * 2), r.fill()), r.font = "10px 'JetBrains Mono', monospace", r.fillStyle = h(u.t3, .6 + l * .3), r.textAlign = "center", r.fillText(e[i].vendor, a, F - 14);
 			}
-			C = requestAnimationFrame(T);
+			C = requestAnimationFrame(w);
 		};
-		return T(), () => cancelAnimationFrame(C);
+		return w(), () => cancelAnimationFrame(C);
 	}, [
 		e,
 		t,
@@ -329,31 +333,31 @@ function te({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: ee,
-				height: N
+				width: P,
+				height: F
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: ee,
-					height: N,
+					width: P,
+					height: F,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(S, {
+			}), /* @__PURE__ */ s(C, {
 				...g,
-				parentW: ee,
-				parentH: N
+				parentW: P,
+				parentH: F
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/areaChart/AreaChart.tsx
-function ne({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(te, {
+function te({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(ee, {
 		rows: e,
 		variant: "area",
 		className: t,
@@ -362,44 +366,44 @@ function ne({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/barChart/BarChart.tsx
-var P = 760, re = 280;
+var ne = 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,
+	let i = a(null), o = a(/* @__PURE__ */ new Map()), f = a(0), { hoveredRef: p, tooltip: m, hitZonesRef: g } = w(i, {
+		width: ne,
 		height: re
 	});
 	return n(() => {
 		let t = i.current;
 		if (!t) return;
-		let n = _(t, P, re);
+		let n = v(t, ne, 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
-		}, 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 = () => {
+		}, m = re - l.top - l.bottom, _ = (ne - l.left - l.right) / Math.max(e.length, 1), b = Math.max(100, ...e.map((e) => e.pricing ?? 0)), x = l.top + m, 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, {
+			n.clearRect(0, 0, ne, re);
+			let r = O(Math.min(t / 48, 1));
+			N(o.current, p.current), g.current = [], n.strokeStyle = h(s, .4), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(l.left, x), n.lineTo(ne - l.right, x), n.stroke(), e.forEach((t, i) => {
+				let s = l.left + i * _, d = M(r, i, e.length, O), f = b > 0 ? (t.pricing ?? 0) / b * m : 0, p = Math.max(f > 0 ? 4 : 0, f * d), v = a[i % a.length], S = o.current.get(t.id ?? `bar-${i}`) ?? 0;
+				E(g.current, t.id ?? `bar-${i}`, s + 4, x - p, _ - 8, p, {
 					label: t.vendor,
 					value: String(t.pricing ?? 0),
-					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, [
+					color: v
+				}), p > 0 && (S > 0 && y(n, s + _ / 2, x - p / 2, _ * .8, v, .12 * S), n.shadowColor = h(v, .2 * (S > 0 ? S : 0)), n.shadowBlur = S > 0 ? 6 : 0, n.fillStyle = h(v, .5 + S * .25), n.beginPath(), n.roundRect(s + 4, x - p, _ - 8, p, [
 					4,
 					4,
 					0,
 					0
-				]), 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, [
+				]), n.fill(), n.shadowBlur = 0, S > 0 && (n.strokeStyle = h(v, .4 * S), n.lineWidth = 1, n.beginPath(), n.roundRect(s + 4, x - p, _ - 8, p, [
 					4,
 					4,
 					0,
 					0
-				]), 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);
+				]), 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 ? v : h(c, .7), n.textAlign = "center", n.fillText(String(t.pricing ?? ""), s + _ / 2, x - p - 6), n.globalAlpha = 1), n.font = `${S > 0 ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.fillStyle = S > 0 ? v : h(u.t3, .6), n.textAlign = "center", n.fillText(t.vendor, s + _ / 2, re - 14);
 			}), S = requestAnimationFrame(C);
 		};
 		return C(), () => cancelAnimationFrame(S);
@@ -408,7 +412,7 @@ function ie({ rows: e = [], className: t, colors: r }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: P,
+				width: ne,
 				height: re
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -416,14 +420,14 @@ function ie({ rows: e = [], className: t, colors: r }) {
 				role: "img",
 				"aria-label": "bar chart",
 				style: {
-					width: P,
+					width: ne,
 					height: re,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(S, {
-				...h,
-				parentW: P,
+			}), /* @__PURE__ */ s(C, {
+				...m,
+				parentW: ne,
 				parentH: re
 			})]
 		})
@@ -431,7 +435,7 @@ function ie({ rows: e = [], className: t, colors: r }) {
 }
 //#endregion
 //#region src/components/common/ChartEmptyState.tsx
-function F({ width: e, height: t, message: n = "No data available", "data-testid": r }) {
+function I({ width: e, height: t, message: n = "No data available", "data-testid": r }) {
 	return /* @__PURE__ */ s("div", {
 		"data-testid": r,
 		style: {
@@ -494,10 +498,9 @@ function ae({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCol
 }
 //#endregion
 //#region src/components/progressRaceChart/ProgressRaceChart.tsx
-var I = 680, L = 42, oe = 10, se = 24, ce = 24, le = 8, ue = [
+var L = 680, R = 42, oe = 10, se = 24, ce = 24, le = 8, ue = [
 	u.green,
 	u.blue,
-	u.cyan,
 	u.amber,
 	u.red
 ];
@@ -506,47 +509,47 @@ function de(e) {
 	return t >= 1e6 ? `${n}£${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${n}£${(t / 1e3).toFixed(1)}K` : `${n}£${t.toFixed(0)}`;
 }
 function fe({ items: e = [], "data-testid": t }) {
-	let r = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), [p, h] = o(!1), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), x = i(() => [...g].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), [g]), T = i(() => p ? x : x.slice(0, le), [x, p]), D = T.length, O = se + ce + D * L + Math.max(0, D - 1) * oe, { hoveredRef: k, tooltip: A, hitZonesRef: j } = C(r, {
-		width: I,
-		height: O
+	let r = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), [m, g] = o(!1), _ = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), S = i(() => [..._].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), [_]), E = i(() => m ? S : S.slice(0, le), [S, m]), O = E.length, k = se + ce + O * R + Math.max(0, O - 1) * oe, { hoveredRef: A, tooltip: j, hitZonesRef: M } = w(r, {
+		width: L,
+		height: k
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, I, O);
+		let t = v(e, L, k);
 		l.current = 0;
-		let n = I * .13, i = I * .08, a = I - n - i, o, s = () => {
+		let n = L * .13, i = L * .08, a = L - n - i, o, s = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, I, O), j.current = [], d.current.forEach((e, t) => {
-				let n = t === k.current ? 1 : 0, r = e + (n - e) * .12;
+			t.clearRect(0, 0, L, k), t.letterSpacing = f.letterSpacing, M.current = [], d.current.forEach((e, t) => {
+				let n = t === A.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? d.current.delete(t) : d.current.set(t, 1) : d.current.set(t, r);
-			}), k.current && !d.current.has(k.current) && d.current.set(k.current, 0), y(t, I, O, e, 40, m(u.blue, .04)), T.forEach((r, i) => {
-				let o = ue[i % ue.length], s = d.current.get(r.id) ?? 0, c = se + i * (L + oe);
-				t.fillStyle = m(o, .04 + s * .04), t.beginPath(), t.roundRect(n, c, a, L, 3), t.fill(), t.strokeStyle = m(o, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, c + L / 2), t.lineTo(n + a, c + L / 2), t.stroke(), t.setLineDash([]);
-				let l = (r.percentage ?? 0) / 100, u = n + a * Math.min(l, l * E(Math.min(1, e * .005)));
+			}), A.current && !d.current.has(A.current) && d.current.set(A.current, 0), b(t, L, k, e, 40, h(u.blue, .04)), E.forEach((r, i) => {
+				let o = ue[i % ue.length], s = d.current.get(r.id) ?? 0, c = se + i * (R + oe);
+				t.fillStyle = h(o, .04 + s * .04), t.beginPath(), t.roundRect(n, c, a, R, 3), t.fill(), t.strokeStyle = h(o, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, c + R / 2), t.lineTo(n + a, c + R / 2), t.stroke(), t.setLineDash([]);
+				let l = (r.percentage ?? 0) / 100, u = n + a * Math.min(l, l * D(Math.min(1, e * .005)));
 				if (u > n + 4) {
 					let e = t.createLinearGradient(n, 0, u, 0);
-					e.addColorStop(0, m(o, .02)), e.addColorStop(1, m(o, .25 + s * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(n, c + 2, u - n, L - 4, 2), t.fill();
+					e.addColorStop(0, h(o, .02)), e.addColorStop(1, h(o, .25 + s * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(n, c + 2, u - n, R - 4, 2), t.fill();
 				}
-				v(t, u, c + L / 2, 18 + s * 8, o, .3 + s * .2), t.beginPath(), t.arc(u, c + L / 2, 5 + s * 2, 0, Math.PI * 2), t.fillStyle = m(o, .9), t.fill();
-				let p = {
+				y(t, u, c + R / 2, 18 + s * 8, o, .3 + s * .2), t.beginPath(), t.arc(u, c + R / 2, 5 + s * 2, 0, Math.PI * 2), t.fillStyle = h(o, .9), t.fill();
+				let m = {
 					label: r.name,
 					value: `${r.percentage ?? 0}% commitment`,
 					sublabel: `Base: ${de(r.base ?? 0)} · Variations: ${de(r.variation ?? 0)}`,
 					color: o
 				};
-				w(j.current, r.id, u, c + L / 2, 14, p), t.font = "bold " + f.font, t.fillStyle = m(o, .9 + s * .1), t.textAlign = "left", t.textBaseline = "middle", t.fillText(`${r.percentage ?? 0}%`, u + 10, c + L / 2), t.font = `${s > 0 ? "bold " : ""}` + f.font, t.fillStyle = s > 0 ? o : f.color, t.textAlign = "right", t.fillText(r.abbreviation ?? r.name.slice(0, 6), n - 8, c + L / 2);
-			}), t.strokeStyle = m(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(n + a, se), t.lineTo(n + a, se + (D - 1) * (L + oe) + L), t.stroke(), b(t, I, O, e, .015), o = requestAnimationFrame(s);
+				T(M.current, r.id, u, c + R / 2, 14, m), t.font = p.font, t.fillStyle = h(o, .9 + s * .1), t.textAlign = "left", t.textBaseline = "middle", t.fillText(`${r.percentage ?? 0}%`, u + 10, c + R / 2), t.font = `${s > 0 ? "bold " : ""}` + f.font, t.fillStyle = s > 0 ? o : f.color, t.textAlign = "right", t.fillText(r.abbreviation ?? r.name.slice(0, 6), n - 8, c + R / 2);
+			}), t.strokeStyle = h(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(n + a, se), t.lineTo(n + a, se + (O - 1) * (R + oe) + R), t.stroke(), x(t, L, k, e, .015), o = requestAnimationFrame(s);
 		};
 		return s(), () => cancelAnimationFrame(o);
-	}, [T, O]), x.length === 0 ? /* @__PURE__ */ s(F, {
-		width: I,
+	}, [E, k]), S.length === 0 ? /* @__PURE__ */ s(I, {
+		width: L,
 		height: 160,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		style: { width: I },
+		style: { width: L },
 		children: [/* @__PURE__ */ c("div", {
 			style: { position: "relative" },
 			children: [/* @__PURE__ */ s("canvas", {
@@ -554,21 +557,21 @@ function fe({ items: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Commitment race — contractors ranked by commitment percentage",
 				style: {
-					width: I,
-					height: O,
+					width: L,
+					height: k,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(S, {
-				...A,
-				parentW: I,
-				parentH: O
+			}), /* @__PURE__ */ s(C, {
+				...j,
+				parentW: L,
+				parentH: k
 			})]
-		}), g.length > le && /* @__PURE__ */ s("div", {
+		}), _.length > le && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
-				expanded: p,
-				onToggle: () => h((e) => !e)
+				expanded: m,
+				onToggle: () => g((e) => !e)
 			})
 		})]
 	});
@@ -581,14 +584,14 @@ function he({ value: e, confirmed: t, total: r, "data-testid": i }) {
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let i = _(n, pe, me);
+		let i = v(n, pe, me);
 		c.current = 0;
-		let a = pe / 2, s = Math.PI, l = 2 * Math.PI, d = Math.PI, p, h = () => {
+		let a = pe / 2, s = Math.PI, l = 2 * Math.PI, d = Math.PI, p, g = () => {
 			c.current++;
 			let n = c.current;
-			i.clearRect(0, 0, pe, me);
-			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(), [
+			i.clearRect(0, 0, pe, me), i.letterSpacing = f.letterSpacing;
+			let o = D(Math.min(n / 80, 1)), _ = A(Math.min(n / 72, 1));
+			i.beginPath(), i.arc(a, 220, 120, s, l), i.strokeStyle = h(u.bd, .35), i.lineWidth = 46, i.stroke(), [
 				{
 					start: 0,
 					end: .33,
@@ -606,7 +609,7 @@ function he({ value: 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 = m(e.color, .12), i.lineWidth = 42, i.stroke();
+				i.beginPath(), i.arc(a, 220, 194 / 2, t, n), i.strokeStyle = h(e.color, .12), i.lineWidth = 42, i.stroke();
 			}), [
 				{
 					label: "Low",
@@ -622,22 +625,22 @@ function he({ value: 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 = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = m(u.t2, .55), i.textAlign = "center", i.fillText(e, n, r + 3);
+				i.font = f.font, i.fillStyle = h(u.t2, .55), i.textAlign = "center", i.fillText(e, n, r + 3);
 			});
-			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);
+			let v = s + e / 100 * d * o, b = e >= 66 ? u.green : e >= 33 ? u.amber : u.red;
+			y(i, a + Math.cos(v) * 194 / 2, 220 + Math.sin(v) * 194 / 2, 18, b, .35 * o), i.beginPath(), i.arc(a, 220, 194 / 2, s, v), i.strokeStyle = h(b, .7 * o), i.lineWidth = 38, i.lineCap = "round", i.stroke(), i.lineCap = "butt";
+			let x = s + e / 100 * d * _, S = a + Math.cos(x) * 82, C = 220 + Math.sin(x) * 82, w = a - Math.cos(x) * 14, T = 220 - Math.sin(x) * 14;
+			i.strokeStyle = h(b, .18 * _), i.lineWidth = 6, i.lineCap = "round", i.beginPath(), i.moveTo(w, T), i.lineTo(S, C), i.stroke(), i.strokeStyle = h(u.t1, .92 * _), i.lineWidth = 2, i.lineCap = "round", i.beginPath(), i.moveTo(w, T), i.lineTo(S, C), i.stroke(), i.beginPath(), i.arc(S, C, 3, 0, Math.PI * 2), i.fillStyle = h(b, .9 * _), i.fill(), y(i, a, 220, 20, b, .25 * _), i.beginPath(), i.arc(a, 220, 9, 0, Math.PI * 2), i.strokeStyle = h(b, .5 * _), 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 = b, i.textAlign = "center", i.fillText(`${Math.round(e * _)}%`, 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 = m.font, 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 = 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) {
+				if (i.strokeStyle = h(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 = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = m(u.t3, .45), i.textAlign = "center", i.fillText(`${e * 10}%`, n, r + 3);
+					i.font = f.font, i.fillStyle = h(u.t3, .45), i.textAlign = "center", i.fillText(`${e * 10}%`, n, r + 3);
 				}
 			}
-			p = requestAnimationFrame(h);
+			p = requestAnimationFrame(g);
 		};
-		return h(), () => cancelAnimationFrame(p);
+		return g(), () => cancelAnimationFrame(p);
 	}, [
 		e,
 		t,
@@ -664,7 +667,7 @@ function he({ value: e, confirmed: t, total: r, "data-testid": i }) {
 //#endregion
 //#region src/canvas/useCanvasLoop.ts
 function ge(e, t, r, i, o = !0, s = {}) {
-	let c = a(0), { easing: l = E, durationFrames: u = 48 } = s;
+	let c = a(0), { easing: l = D, durationFrames: u = 48 } = s;
 	n(() => {
 		let n = e.current;
 		if (!n || !t || !r) return;
@@ -695,29 +698,28 @@ function ge(e, t, r, i, o = !0, s = {}) {
 }
 //#endregion
 //#region src/components/multiMetricConstellationChart/MultiMetricConstellationChart.tsx
-var R = 780, z = 234, _e = 130, ve = 52, ye = [
+var z = 780, _e = 234, ve = 130, ye = 52, be = [
 	u.blue,
-	u.cyan,
 	u.amber,
 	u.purple,
 	u.green
-], be = [
+], xe = [
 	"Base Value",
 	"Variations",
 	"Commitment"
-], xe = [
+], Se = [
 	"Base",
 	"Var",
 	"Commit"
 ];
-function Se({ items: e = [], "data-testid": t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = C(n, {
-		width: R,
-		height: z
-	}), f = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), p = i(() => {
-		let e = Math.max(...f.map((e) => e.base ?? 0)), t = Math.max(...f.map((e) => e.variation ?? 0));
-		return f.map((n, r) => {
-			let i = R * (.12 + r * .19), a = _e, o = Math.min(R * .075, ve), s = ye[r % ye.length], c = [
+function Ce({ items: e = [], "data-testid": t }) {
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = w(n, {
+		width: z,
+		height: _e
+	}), p = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), g = i(() => {
+		let e = Math.max(...p.map((e) => e.base ?? 0)), t = Math.max(...p.map((e) => e.variation ?? 0));
+		return p.map((n, r) => {
+			let i = z * (.12 + r * .19), a = ve, o = Math.min(z * .075, ye), s = be[r % be.length], c = [
 				(n.base ?? 0) / (e || 1) * 100,
 				(n.variation ?? 0) / (t || 1) * 100,
 				n.percentage ?? 0
@@ -726,10 +728,10 @@ function Se({ items: e = [], "data-testid": t }) {
 				`£${n.variation ?? 0}M`,
 				`${n.percentage ?? 0}%`
 			], u = c.map((e, t) => {
-				let n = -Math.PI / 2 + t / be.length * Math.PI * 2, r = e / 100, s = o * Math.max(.08, r);
+				let n = -Math.PI / 2 + t / xe.length * Math.PI * 2, r = e / 100, s = o * Math.max(.08, r);
 				return {
-					name: be[t],
-					short: xe[t],
+					name: xe[t],
+					short: Se[t],
 					label: l[t],
 					val: Math.round(e),
 					x: i + Math.cos(n) * s,
@@ -748,61 +750,60 @@ function Se({ items: e = [], "data-testid": t }) {
 				color: s
 			};
 		});
-	}, [f]);
-	return ge(n, R, z, (e, t, n) => {
-		M(r.current, o.current), d.current = [], y(e, R, z, n, 30), p.forEach((t, i) => {
+	}, [p]);
+	return ge(n, z, _e, (e, t, n) => {
+		N(r.current, o.current), d.current = [], b(e, z, _e, n, 30), g.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 = m(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 = h(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 = 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 = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y - 24), e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y - 11)) : (e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y + 11), e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", 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, {
+			}), e.closePath(), e.fillStyle = h(a, .04 + .03 * s), e.fill(), e.strokeStyle = h(a, .15 + .1 * s), e.lineWidth = .8, e.stroke(), t.stars.forEach((o, s) => {
+				let c = j(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, h(a, (.2 + .1 * p) * c)), m.addColorStop(1, h(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 = h(a, (.8 + .2 * p) * c), e.fill();
+				let g = Math.sin(o.angle) < -.3;
+				e.textAlign = "center", e.textBaseline = "middle", g ? (e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = h(a, .5 + .15 * p), e.fillText(o.short, o.x, o.y - 24), e.font = f.font, e.fillStyle = h(a, .8 + .15 * p), e.fillText(o.label, o.x, o.y - 11)) : (e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = h(a, .5 + .15 * p), e.fillText(o.short, o.x, o.y + 11), e.font = f.font, e.fillStyle = h(a, .8 + .15 * p), e.fillText(o.label, o.x, o.y + 24)), T(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 && 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 = "500 14px 'Satoshi Variable', '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, {
+			}), s > 0 && y(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 = h(a, .1 + j(n, .03, 5e-4) * .05), e.lineWidth = 1, e.stroke(), e.font = f.font, e.textAlign = "center", e.textBaseline = "alphabetic", e.fillStyle = s > 0 ? t.color : f.color, e.fillText(t.abbreviation ?? t.name.slice(0, 6), t.cx, t.cy + t.baseR + 26), T(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 = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = u.t2, e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", R / 2, z - 14), b(e, R, z, n, .012);
-	}, !0), p.length === 0 ? /* @__PURE__ */ s(F, {
-		width: R,
-		height: z,
+		}), e.font = m.font, e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = m.color, e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", z / 2, _e - 14), x(e, z, _e, n, .012);
+	}, !0), g.length === 0 ? /* @__PURE__ */ s(I, {
+		width: z,
+		height: _e,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: R,
-			height: z
+			width: z,
+			height: _e
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: n,
 			role: "img",
 			"aria-label": "Contract value breakdown per contractor — multi-KPI constellation chart",
 			style: {
-				width: R,
-				height: z,
+				width: z,
+				height: _e,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(S, {
+		}), /* @__PURE__ */ s(C, {
 			...l,
-			parentW: R,
-			parentH: z
+			parentW: z,
+			parentH: _e
 		})]
 	});
 }
 //#endregion
 //#region src/components/stackedHorizontalBarChart/StackedHorizontalBarChart.tsx
-var Ce = 680, we = 220, Te = 8, Ee = [
+var we = 680, Te = 220, Ee = 8, De = [
 	u.blue,
-	u.cyan,
 	u.amber,
 	u.purple,
 	u.green
@@ -811,42 +812,42 @@ var Ce = 680, we = 220, Te = 8, Ee = [
 	right: 80,
 	top: 16,
 	bottom: 38
-}, De = 88, V = 18;
-function Oe(e) {
+}, Oe = 88, V = 18;
+function ke(e) {
 	let t = Math.abs(e), n = e < 0 ? "-" : "";
 	return t >= 1e6 ? `${n}£${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${n}£${(t / 1e3).toFixed(1)}K` : `${n}£${t.toFixed(0)}`;
 }
-function ke({ data: e, "data-testid": t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), [i, l] = o(!1), { items: d = [], totals: h } = e, g = d.filter((e) => typeof e == "object" && !!e), _ = [...g].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), y = i ? _ : _.slice(0, Te), b = y.length, x = Math.max(..._.map((e) => Math.abs(e.total ?? 0)), 1), w = Math.max(we, B.top + B.bottom + b * V + Math.max(0, b - 1) * 8), E = Ce - B.left - De - B.right, O = b > 1 ? (w - B.top - B.bottom - b * V) / (b - 1) : 0, k = g.length === 0, { hoveredRef: A, tooltip: ee, hitZonesRef: N } = C(n, {
-		width: Ce,
-		height: w
+function Ae({ data: e, "data-testid": t }) {
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), [i, l] = o(!1), { items: d = [], totals: p } = e, g = d.filter((e) => typeof e == "object" && !!e), _ = [...g].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), v = i ? _ : _.slice(0, Ee), b = v.length, x = Math.max(..._.map((e) => Math.abs(e.total ?? 0)), 1), S = Math.max(Te, B.top + B.bottom + b * V + Math.max(0, b - 1) * 8), T = we - B.left - Oe - B.right, D = b > 1 ? (S - B.top - B.bottom - b * V) / (b - 1) : 0, k = g.length === 0, { hoveredRef: A, tooltip: j, hitZonesRef: P } = w(n, {
+		width: we,
+		height: S
 	});
-	return ge(n, Ce, w, (e, t) => {
-		M(r.current, A.current), N.current = [], y.forEach((n, i) => {
-			let a = Ee[i % Ee.length], o = j(t, i, b, D), s = B.top + i * (V + O), c = B.left + De, l = r.current.get(n.id) ?? 0, d = Math.max(n.base ?? 0, 0), p = Math.max(n.total ?? 0, 0), h = d / x * E * o, g = p / x * E * o, _ = g - h;
-			e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(n.abbreviation ?? n.name.slice(0, 6), c - 8, s + V / 2), e.fillStyle = m(u.bd, .25), e.beginPath(), e.roundRect(c, s, E, V, 4), e.fill(), h > 0 && (l > 0 && v(e, c + h / 2, s + V / 2, h * .3, a, .1 * l), e.fillStyle = m(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, h, V, 4), e.fill()), _ > 2 && (e.fillStyle = m(a, .22 + l * .08), e.beginPath(), e.roundRect(c + h, s, _, V, [
+	return ge(n, we, S, (e, t) => {
+		N(r.current, A.current), P.current = [], v.forEach((n, i) => {
+			let a = De[i % De.length], o = M(t, i, b, O), s = B.top + i * (V + D), c = B.left + Oe, l = r.current.get(n.id) ?? 0, d = Math.max(n.base ?? 0, 0), p = Math.max(n.total ?? 0, 0), m = d / x * T * o, g = p / x * T * o, _ = g - m;
+			e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(n.abbreviation ?? n.name.slice(0, 6), c - 8, s + V / 2), e.fillStyle = h(u.bd, .25), e.beginPath(), e.roundRect(c, s, T, V, 4), e.fill(), m > 0 && (l > 0 && y(e, c + m / 2, s + V / 2, m * .3, a, .1 * l), e.fillStyle = h(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, m, V, 4), e.fill()), _ > 2 && (e.fillStyle = h(a, .22 + l * .08), e.beginPath(), e.roundRect(c + m, s, _, V, [
 				0,
 				4,
 				4,
 				0
-			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + h, s + 3), e.lineTo(c + h, s + V - 3), e.stroke(), e.setLineDash([])), l > 0 && g > 0 && (e.strokeStyle = m(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, g, V, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : "#F7F9FA", e.textAlign = "left", e.textBaseline = "middle", e.fillText(Oe(n.total ?? 0), c + g + 6, s + V / 2), e.globalAlpha = 1), T(N.current, n.id, c, s, Math.max(g, 1), V, {
+			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = h(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + m, s + 3), e.lineTo(c + m, s + V - 3), e.stroke(), e.setLineDash([])), l > 0 && g > 0 && (e.strokeStyle = h(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, g, V, 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 = l > 0 ? a : "#F7F9FA", e.textAlign = "left", e.textBaseline = "middle", e.fillText(ke(n.total ?? 0), c + g + 6, s + V / 2), e.globalAlpha = 1), E(P.current, n.id, c, s, Math.max(g, 1), V, {
 				label: n.name,
-				value: `${Oe(n.total ?? 0)} total`,
-				sublabel: `Base ${Oe(n.base ?? 0)} + Var ${Oe(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
+				value: `${ke(n.total ?? 0)} total`,
+				sublabel: `Base ${ke(n.base ?? 0)} + Var ${ke(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
 				color: a
 			});
 		});
-		let n = w - 14;
-		e.textBaseline = "middle", e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "left", e.fillStyle = m(u.cyan, .5), e.beginPath(), e.roundRect(B.left + De, n - 3, 14, 6, 2), e.fill(), e.fillStyle = p.color, e.fillText("base value", B.left + De + 18, n), e.fillStyle = m(u.cyan, .22), e.beginPath(), e.roundRect(B.left + De + 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(B.left + De + 101, n - 3), e.lineTo(B.left + De + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = p.color, e.fillText("approved variations", B.left + De + 112, n), e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "right", e.fillStyle = p.color, e.fillText(`Portfolio: ${Oe(h?.total ?? 0)}`, Ce - 8, n);
-	}, !0, { easing: D }), k ? /* @__PURE__ */ s(F, {
-		width: Ce,
-		height: we,
+		let n = S - 14;
+		e.textBaseline = "middle", e.font = m.font, e.textAlign = "left", e.fillStyle = h(u.blue, .5), e.beginPath(), e.roundRect(B.left + Oe, n - 3, 14, 6, 2), e.fill(), e.fillStyle = m.color, e.fillText("base value", B.left + Oe + 18, n), e.fillStyle = h(u.blue, .22), e.beginPath(), e.roundRect(B.left + Oe + 94, n - 3, 14, 6, 2), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = h(u.blue, .5), e.lineWidth = .5, e.beginPath(), e.moveTo(B.left + Oe + 101, n - 3), e.lineTo(B.left + Oe + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = m.color, e.fillText("approved variations", B.left + Oe + 112, n), e.font = m.font, e.textAlign = "right", e.fillStyle = m.color, e.fillText(`Portfolio: ${ke(p?.total ?? 0)}`, we - 8, n);
+	}, !0, { easing: O }), k ? /* @__PURE__ */ s(I, {
+		width: we,
+		height: Te,
 		message: "No contract data available",
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
-			width: Ce,
+			width: we,
 			transition: "all 0.25s ease"
 		},
 		children: [/* @__PURE__ */ c("div", {
@@ -856,17 +857,17 @@ function ke({ data: e, "data-testid": t }) {
 				role: "img",
 				"aria-label": "Total contract value per contractor — horizontal bar chart",
 				style: {
-					width: Ce,
-					height: w,
+					width: we,
+					height: S,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(S, {
-				...ee,
-				parentW: Ce,
-				parentH: w
+			}), /* @__PURE__ */ s(C, {
+				...j,
+				parentW: we,
+				parentH: S
 			})]
-		}), g.length > Te && /* @__PURE__ */ s("div", {
+		}), g.length > Ee && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
 				expanded: i,
@@ -877,53 +878,53 @@ function ke({ data: e, "data-testid": t }) {
 }
 //#endregion
 //#region src/components/rankedCardLeaderboard/RankedCardLeaderboard.tsx
-var Ae = 780, H = 240, je = 12, Me = 10, Ne = [
+var je = 780, H = 240, Me = 12, Ne = 10, Pe = [
 	"Highest exposure",
 	"Elevated risk",
 	"Moderate exposure",
 	"Moderate exposure",
 	"Low exposure"
 ];
-function Pe({ items: e = [], "data-testid": t }) {
-	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: p, tooltip: h, hitZonesRef: g } = C(r, {
-		width: Ae,
+function Fe({ items: e = [], "data-testid": t }) {
+	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: m, tooltip: g, hitZonesRef: _ } = w(r, {
+		width: je,
 		height: H
-	}), y = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), x = y.reduce((e, t) => e + (t.count ?? 0), 0);
+	}), b = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), S = b.reduce((e, t) => e + (t.count ?? 0), 0);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, Ae, H);
+		let t = v(e, je, H);
 		o.current = 0;
-		let n = Math.min(5, y.length), i = (Ae - 2 * je - (n - 1) * Me) / n, a = H * .84, s = H * .08, c, h = () => {
+		let n = Math.min(5, b.length), i = (je - 2 * Me - (n - 1) * Ne) / n, a = H * .84, s = H * .08, c, g = () => {
 			o.current++;
 			let e = o.current;
-			t.clearRect(0, 0, Ae, H), g.current = [], l.current.forEach((e, t) => {
-				let n = t === p.current ? 1 : 0, r = e + (n - e) * .12;
+			t.clearRect(0, 0, je, H), t.letterSpacing = f.letterSpacing, _.current = [], l.current.forEach((e, t) => {
+				let n = t === m.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);
-			}), p.current && !l.current.has(p.current) && l.current.set(p.current, 0), y.forEach((n, r) => {
-				let o = r === 0, c = r === 0 ? u.red : r === 1 ? u.amber : d[r % d.length], p = je + r * (i + Me), h = l.current.get(n.id) ?? 0, _ = h * 8, y = p - _ / 2, b = i + _, S = o ? A(e, .04, 3e-4) * .06 + .06 : 0;
-				t.fillStyle = m(c, .08 + h * .07), t.beginPath(), t.roundRect(y, s, b, a, 6), t.fill(), t.strokeStyle = m(c, .2 + h * .4 + S), t.lineWidth = o ? 1.5 : 1, t.stroke(), (h > .01 || o) && v(t, y + b / 2, s + a / 2, b * .55, c, S + h * .14), t.font = "bold " + f.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = m(c, .5 + h * .35), t.fillText(`#${r + 1}`, y + 7, s + 6);
-				let C = Math.min(i * .28, a * .32, 72), w = y + b / 2, E = s + a * .38, D = t.createRadialGradient(w, E - C * .2, 0, w, E, C);
-				D.addColorStop(0, m(c, .5 + h * .2)), D.addColorStop(1, m(c, .2 + h * .1)), t.beginPath(), t.arc(w, E, C, 0, Math.PI * 2), t.fillStyle = D, t.fill(), t.strokeStyle = m(c, .4 + h * .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(c, .9 + h * .1), t.fillText(String(n.count ?? 0), w, s + a * .76), t.font = f.font, t.fillStyle = f.color, t.fillText("open EWs", w, s + a * .88);
-				let O = Math.round((n.count ?? 0) / (x || 1) * 100), k = Ne[r] ?? "Low exposure";
-				T(g.current, n.id, p, s, i, a, {
+			}), m.current && !l.current.has(m.current) && l.current.set(m.current, 0), b.forEach((n, r) => {
+				let o = r === 0, c = r === 0 ? u.red : r === 1 ? u.amber : d[r % d.length], m = Me + r * (i + Ne), g = l.current.get(n.id) ?? 0, v = g * 8, b = m - v / 2, x = i + v, C = o ? j(e, .04, 3e-4) * .06 + .06 : 0;
+				t.fillStyle = h(c, .08 + g * .07), t.beginPath(), t.roundRect(b, s, x, a, 6), t.fill(), t.strokeStyle = h(c, .2 + g * .4 + C), t.lineWidth = o ? 1.5 : 1, t.stroke(), (g > .01 || o) && y(t, b + x / 2, s + a / 2, x * .55, c, C + g * .14), t.font = p.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = h(c, .5 + g * .35), t.fillText(`#${r + 1}`, b + 7, s + 6);
+				let w = Math.min(i * .28, a * .32, 72), T = b + x / 2, D = s + a * .38, O = t.createRadialGradient(T, D - w * .2, 0, T, D, w);
+				O.addColorStop(0, h(c, .5 + g * .2)), O.addColorStop(1, h(c, .2 + g * .1)), t.beginPath(), t.arc(T, D, w, 0, Math.PI * 2), t.fillStyle = O, t.fill(), t.strokeStyle = h(c, .4 + g * .3), t.lineWidth = 1, t.stroke(), t.font = p.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(u.t1, .9), t.fillText(n.abbreviation ?? n.name.slice(0, 6), T, D), t.font = p.font, t.textBaseline = "alphabetic", t.fillStyle = h(c, .9 + g * .1), t.fillText(String(n.count ?? 0), T, s + a * .76), t.font = f.font, t.fillStyle = f.color, t.fillText("open EWs", T, s + a * .88);
+				let k = Math.round((n.count ?? 0) / (S || 1) * 100), A = Pe[r] ?? "Low exposure";
+				E(_.current, n.id, m, s, i, a, {
 					label: n.name,
-					value: `${n.count ?? 0} open · ${O}% of total`,
-					sublabel: `Rank #${r + 1} · ${k}`,
+					value: `${n.count ?? 0} open · ${k}% of total`,
+					sublabel: `Rank #${r + 1} · ${A}`,
 					color: c
 				});
-			}), b(t, Ae, H, e, .015), c = requestAnimationFrame(h);
+			}), x(t, je, H, e, .015), c = requestAnimationFrame(g);
 		};
-		return h(), () => cancelAnimationFrame(c);
-	}, [y, x]), y.length === 0 ? /* @__PURE__ */ s(F, {
-		width: Ae,
+		return g(), () => cancelAnimationFrame(c);
+	}, [b, S]), b.length === 0 ? /* @__PURE__ */ s(I, {
+		width: je,
 		height: H,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: Ae,
+			width: je,
 			height: H
 		},
 		children: [/* @__PURE__ */ s("canvas", {
@@ -931,14 +932,14 @@ function Pe({ items: e = [], "data-testid": t }) {
 			role: "img",
 			"aria-label": "Contractor rank — open EW count per contractor",
 			style: {
-				width: Ae,
+				width: je,
 				height: H,
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(S, {
-			...h,
-			parentW: Ae,
+		}), /* @__PURE__ */ s(C, {
+			...g,
+			parentW: je,
 			parentH: H
 		})]
 	});
@@ -946,44 +947,44 @@ function Pe({ items: e = [], "data-testid": t }) {
 //#endregion
 //#region src/components/dotMatrixChart/DotMatrixChart.tsx
 var U = 680, W = 260;
-function Fe({ items: e = [], "data-testid": t }) {
-	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: f, hitZonesRef: p } = C(r, {
+function Ie({ items: e = [], "data-testid": t }) {
+	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: p, hitZonesRef: m } = w(r, {
 		width: U,
 		height: W
-	}), h = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
+	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, U, W);
+		let t = v(e, U, W);
 		o.current = 0;
-		let n = h.length, i = Math.max(...h.map((e) => e.count), 1), a = i, s = U * .05, c = W * .1, f = U * .9 / n, g = W * .7 / a, x = h.reduce((e, t) => e + t.count, 0), S, C = () => {
+		let n = g.length, i = Math.max(...g.map((e) => e.count), 1), a = i, s = U * .05, c = W * .1, p = U * .9 / n, _ = W * .7 / a, S = g.reduce((e, t) => e + t.count, 0), C, w = () => {
 			o.current++;
 			let e = o.current;
-			t.clearRect(0, 0, U, W), p.current = [], l.current.forEach((e, t) => {
+			t.clearRect(0, 0, U, W), m.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), y(t, U, W, e, 40, m(u.blue, .04)), h.forEach((n, r) => {
-				let o = n.count === i, d = o ? u.cyan : u.blue, h = l.current.get(`${n.category}-col`) ?? 0;
+			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), b(t, U, W, e, 40, h(u.blue, .04)), g.forEach((n, r) => {
+				let o = n.count === i, d = u.blue, g = l.current.get(`${n.category}-col`) ?? 0;
 				for (let u = 0; u < a; u++) {
-					let a = s + r * f + f / 2, _ = c + u * g + g / 2, y = Math.min(f, g) * .38;
+					let a = s + r * p + p / 2, f = c + u * _ + _ / 2, v = Math.min(p, _) * .38;
 					if (u >= i - n.count) {
-						let i = y * (1 + (A(e, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
-						(o || h > .01) && v(t, a, _, i * 3, d, (o ? .2 : .1) + h * .1), t.beginPath(), t.arc(a, _, i, 0, Math.PI * 2), t.fillStyle = m(d, o ? .8 : .5 + h * .2), t.fill();
+						let i = v * (1 + (j(e, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
+						(o || g > .01) && y(t, a, f, i * 3, d, (o ? .2 : .1) + g * .1), t.beginPath(), t.arc(a, f, i, 0, Math.PI * 2), t.fillStyle = h(d, o ? .8 : .5 + g * .2), t.fill();
 						let s = `${n.category}-${u}`;
-						w(p.current, s, a, _, y + 4, {
+						T(m.current, s, a, f, v + 4, {
 							label: n.fullName,
 							value: `${n.count} Early Warnings`,
-							sublabel: `${Math.round(n.count / x * 100)}% of total`,
+							sublabel: `${Math.round(n.count / S * 100)}% of total`,
 							color: d
 						}), l.current.get(`${n.category}-col`);
-					} else t.beginPath(), t.arc(a, _, 1, 0, Math.PI * 2), t.fillStyle = m(d, .08), t.fill();
+					} else t.beginPath(), t.arc(a, f, 1, 0, Math.PI * 2), t.fillStyle = h(d, .08), t.fill();
 				}
-				let _ = c + a * g + 16;
-				t.font = `${o ? "bold " : ""}14px 'Satoshi Variable', 'DM Sans', sans-serif`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = o ? u.cyan : m(u.t2, .65), t.fillText(n.category, s + r * f + f / 2, _);
-			}), b(t, U, W, e, .015), S = requestAnimationFrame(C);
+				let v = c + a * _ + 16;
+				t.font = f.font, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = o ? u.blue : h(u.t2, .65), t.fillText(n.category, s + r * p + p / 2, v);
+			}), x(t, U, W, e, .015), C = requestAnimationFrame(w);
 		};
-		return C(), () => cancelAnimationFrame(S);
-	}, [h]), h.length === 0 ? /* @__PURE__ */ s(F, {
+		return w(), () => cancelAnimationFrame(C);
+	}, [g]), g.length === 0 ? /* @__PURE__ */ s(I, {
 		width: U,
 		height: W,
 		"data-testid": t
@@ -1004,8 +1005,8 @@ function Fe({ items: e = [], "data-testid": t }) {
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(S, {
-			...f,
+		}), /* @__PURE__ */ s(C, {
+			...p,
 			parentW: U,
 			parentH: W
 		})]
@@ -1013,8 +1014,8 @@ function Fe({ items: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/lineChart/LineChart.tsx
-function Ie({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(te, {
+function Le({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(ee, {
 		rows: e,
 		variant: "line",
 		className: t,
@@ -1023,7 +1024,7 @@ function Ie({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/constants.ts
-var Le = [
+var Re = [
 	"#4C93D9",
 	"#5DA537",
 	"#F3862C",
@@ -1031,7 +1032,7 @@ var Le = [
 	"#A0B724",
 	"#EEBF3B",
 	"#3C45D1"
-], Re = {
+], ze = {
 	nodes: [
 		{
 			id: "supplier-x",
@@ -1074,8 +1075,8 @@ var Le = [
 };
 //#endregion
 //#region src/components/miniBars/MiniBars.tsx
-function ze({ rows: e = [], className: t, colors: n }) {
-	let r = n?.slices ?? Le;
+function Be({ rows: e = [], className: t, colors: n }) {
+	let r = n?.slices ?? Re;
 	return /* @__PURE__ */ s("div", {
 		className: ["d3-mini-bars", t].filter(Boolean).join(" "),
 		children: e.map(([e, t, n], i) => /* @__PURE__ */ c("div", {
@@ -1101,7 +1102,7 @@ function ze({ rows: e = [], className: t, colors: n }) {
 							width: Math.max(0, Math.min(100, t)),
 							height: "12",
 							rx: "6",
-							className: `d3-mini-fill tone-${i % Le.length}`,
+							className: `d3-mini-fill tone-${i % Re.length}`,
 							fill: r[i % r.length]
 						})]
 					})
@@ -1113,107 +1114,115 @@ function ze({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/radialFanTreeChart/RadialFanTreeChart.tsx
-var Be = 680, Ve = 320;
-function He({ total: e = 0, items: t = [], "data-testid": r }) {
-	let o = a(null), l = a(/* @__PURE__ */ new Map()), p = a(0), { hoveredRef: h, tooltip: g, hitZonesRef: y } = C(o, {
-		width: Be,
-		height: Ve
-	}), b = i(() => t.filter((e) => typeof e == "object" && !!e), [t]);
+var Ve = 680, He = 320, Ue = 60, We = 28;
+function Ge({ total: e = 0, items: t = [], "data-testid": r }) {
+	let o = a(null), l = a(/* @__PURE__ */ new Map()), m = a(0), g = i(() => t.filter((e) => typeof e == "object" && !!e), [t]), _ = i(() => Math.max(He, Ue + Math.max(0, g.length - 1) * We), [g.length]), { hoveredRef: b, tooltip: x, hitZonesRef: S } = w(o, {
+		width: Ve,
+		height: _
+	});
 	return n(() => {
 		let t = o.current;
 		if (!t) return;
-		let n = _(t, Be, Ve);
-		p.current = 0;
-		let r = Ve / 2, i = Be - 80, a = Math.max(...b.map((e) => e.count ?? 0)), s = (Ve - 60) / (b.length - 1), c = b.map((e, t) => ({
+		let n = v(t, Ve, _);
+		m.current = 0;
+		let r = _ / 2, i = Ve - 80, a = Math.max(...g.map((e) => e.count ?? 0)), s = (_ - 60) / (g.length - 1), c = g.map((e, t) => ({
 			x: i,
 			y: 30 + t * s
-		})), g, x = () => {
-			p.current++;
-			let t = p.current;
-			n.clearRect(0, 0, Be, Ve);
-			let o = E(Math.min(t / 72, 1));
-			M(l.current, h.current), y.current = [], v(n, 88, r, 48 * o, u.blue, .15 * o), b.forEach((t, s) => {
-				let p = d[s % d.length], h = j(o, s, b.length, E), g = c[s], _ = l.current.get(t.id) ?? 0, x = Math.max(1.5, (t.count ?? 0) / a * 6);
-				if (h < .01) return;
-				let S = 88 + (i - 88) * .4, C = r, T = 88 + (i - 88) * .6, D = g.y, O = h;
+		})), x, C = () => {
+			m.current++;
+			let t = m.current;
+			n.clearRect(0, 0, Ve, _), n.letterSpacing = f.letterSpacing;
+			let o = D(Math.min(t / 72, 1));
+			N(l.current, b.current), S.current = [], y(n, 88, r, 48 * o, u.blue, .15 * o), g.forEach((t, s) => {
+				let m = d[s % d.length], _ = M(o, s, g.length, D), v = c[s], b = l.current.get(t.id) ?? 0, x = Math.max(1.5, (t.count ?? 0) / a * 6);
+				if (_ < .01) return;
+				let C = 88 + (i - 88) * .4, w = r, E = 88 + (i - 88) * .6, O = v.y, k = _;
 				n.beginPath();
 				for (let e = 0; e <= 40; e++) {
-					let t = e / 40 * O, i = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * S + 3 * (1 - t) * t ** 2 * T + t ** 3 * g.x, a = (1 - t) ** 3 * r + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * D + t ** 3 * g.y;
+					let t = e / 40 * k, i = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * E + t ** 3 * v.x, a = (1 - t) ** 3 * r + 3 * (1 - t) ** 2 * t * w + 3 * (1 - t) * t ** 2 * O + t ** 3 * v.y;
 					e === 0 ? n.moveTo(i, a) : n.lineTo(i, a);
 				}
-				if (n.strokeStyle = m(p, _ > 0 ? .8 : .45), n.lineWidth = x * (_ > 0 ? 1.3 : 1), n.stroke(), h > .85) {
-					let r = Math.min(1, (h - .85) / .15), i = 4 + (t.count ?? 0) / a * 12;
-					v(n, g.x, g.y, i * 2.5, p, (.25 + _ * .2) * r), n.beginPath(), n.arc(g.x, g.y, i * r, 0, Math.PI * 2), n.fillStyle = m(p, (.7 + _ * .2) * r), n.fill(), w(y.current, t.id, g.x, g.y, i + 8, {
+				if (n.strokeStyle = h(m, b > 0 ? .8 : .45), n.lineWidth = x * (b > 0 ? 1.3 : 1), n.stroke(), _ > .85) {
+					let r = Math.min(1, (_ - .85) / .15), i = 4 + (t.count ?? 0) / a * 12;
+					y(n, v.x, v.y, i * 2.5, m, (.25 + b * .2) * r), n.beginPath(), n.arc(v.x, v.y, i * r, 0, Math.PI * 2), n.fillStyle = h(m, (.7 + b * .2) * r), n.fill(), T(S.current, t.id, v.x, v.y, i + 8, {
 						label: t.name,
 						value: `${t.count ?? 0} NCEs raised`,
 						sublabel: `${Math.round((t.count ?? 0) / e * 100)}% of all NCEs`,
-						color: p
-					}), n.globalAlpha = r, n.font = f.font, n.fillStyle = _ > 0 ? p : m(u.t2, .85), n.textAlign = "left", n.fillText(t.abbreviation ?? t.name.slice(0, 6), g.x + i + 6, g.y - 3), n.font = f.font, n.fillStyle = _ > 0 ? p : u.t1, n.fillText(String(t.count ?? 0), g.x + i + 6, g.y + 10), n.globalAlpha = 1;
+						color: m
+					}), n.globalAlpha = r, n.font = f.font, n.textAlign = "left";
+					let o = t.abbreviation ?? t.name.slice(0, 6), s = ` ${t.count ?? 0}`, c = v.x + i + 6, l = v.y + 4;
+					n.fillStyle = b > 0 ? m : h(u.t2, .85), n.fillText(o, c, l);
+					let d = n.measureText(o).width;
+					n.font = p.font, n.fillStyle = b > 0 ? m : u.t1, n.fillText(s, c + d, l), n.globalAlpha = 1;
 				}
-			}), n.beginPath(), n.arc(88, r, 32 * o, 0, Math.PI * 2), n.fillStyle = u.bgL, n.fill(), n.strokeStyle = m(u.blue, .6 * o), n.lineWidth = 2, n.stroke(), o > .4 && (n.globalAlpha = Math.min(1, (o - .4) / .4), n.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.t1, n.textAlign = "center", n.fillText(String(e), 88, r + 5), n.font = f.font, n.fillStyle = f.color, n.fillText("NCEs", 88, r + 18), n.globalAlpha = 1), g = requestAnimationFrame(x);
+			}), n.beginPath(), n.arc(88, r, 32 * o, 0, Math.PI * 2), n.fillStyle = u.bgL, n.fill(), n.strokeStyle = h(u.blue, .6 * o), n.lineWidth = 2, n.stroke(), o > .4 && (n.globalAlpha = Math.min(1, (o - .4) / .4), n.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.t1, n.textAlign = "center", n.fillText(String(e), 88, r + 5), n.font = f.font, n.fillStyle = f.color, n.fillText("NCEs", 88, r + 18), n.globalAlpha = 1), x = requestAnimationFrame(C);
 		};
-		return x(), () => cancelAnimationFrame(g);
-	}, [e, b]), b.length === 0 ? /* @__PURE__ */ s(F, {
-		width: Be,
-		height: Ve,
+		return C(), () => cancelAnimationFrame(x);
+	}, [
+		e,
+		g,
+		_
+	]), g.length === 0 ? /* @__PURE__ */ s(I, {
+		width: Ve,
+		height: He,
 		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: Be,
-			height: Ve
+			width: Ve,
+			height: _
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: o,
 			role: "img",
 			"aria-label": "NCE fault tree — NCEs per contractor as branching tree",
 			style: {
-				width: Be,
-				height: Ve,
+				width: Ve,
+				height: _,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(S, {
-			...g,
-			parentW: Be,
-			parentH: Ve
+		}), /* @__PURE__ */ s(C, {
+			...x,
+			parentW: Ve,
+			parentH: _
 		})]
 	});
 }
 //#endregion
 //#region src/components/pieChart/PieChart.tsx
-var Ue = 192, We = Ue, Ge = Ue + 80;
-function Ke({ 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: We,
-		height: Ge
+var Ke = 192, qe = Ke, Je = Ke + 80;
+function Ye({ rows: e = [], variant: t, className: r, colors: i }) {
+	let o = a(null), f = a(/* @__PURE__ */ new Map()), p = a(0), m = i?.slices ?? d, { hoveredRef: g, tooltip: b, hitZonesRef: x } = w(o, {
+		width: qe,
+		height: Je
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = _(n, We, Ge);
+		let r = v(n, qe, Je);
 		p.current = 0;
-		let i = We / 2, a = Ue / 2, s = Ue * .4, c = t === "donut" ? Ue * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, d, b = () => {
+		let i = qe / 2, a = Ke / 2, s = Ke * .4, c = t === "donut" ? Ke * .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, We, Ge);
+			r.clearRect(0, 0, qe, Je);
 			let o = 1 - (1 - Math.min(n / 48, 1)) ** 3;
-			M(f.current, y.current), x.current = [];
-			let _ = -Math.PI / 2;
+			N(f.current, g.current), x.current = [];
+			let v = -Math.PI / 2;
 			e.forEach((e, t) => {
-				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, {
+				let d = (e.pricing ?? 0) / l, p = d * Math.PI * 2 * o, g = v + p, _ = m[t % m.length], b = f.current.get(e.id ?? `sl-${t}`) ?? 0, S = v + p / 2, C = (s + c) / 2, w = i + Math.cos(S) * C, E = a + Math.sin(S) * C, D = (s - c) / 2 + 8;
+				T(x.current, e.id ?? `sl-${t}`, w, E, D, {
 					label: e.vendor,
 					value: `${e.pricing ?? 0} (${Math.round(d * 100)}%)`,
-					color: y
-				}), 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 = Ue + 12;
+					color: _
+				}), b > 0 && y(r, w, E, D * 2 * b, _, .2 * b);
+				let O = j(n, .03, 3e-4), k = s + b * 6 + (b > 0 ? O * 2 : 0);
+				r.beginPath(), r.moveTo(i + Math.cos(v) * c, a + Math.sin(v) * c), r.arc(i, a, k, v, g), c > 0 ? r.arc(i, a, c, g, v, !0) : r.lineTo(i, a), r.closePath(), r.fillStyle = h(_, .7 + b * .2), r.fill(), r.strokeStyle = h(u.bg, .8), r.lineWidth = 1.5, r.stroke(), v = g;
+			}), t === "donut" && e.length > 0 && y(r, i, a, c * .8, u.blue, .06);
+			let S = Ke + 12;
 			e.forEach((e, t) => {
-				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)}%)`, We - 4, o + 3.5);
+				let n = m[t % m.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 = h(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = h(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 = _(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, qe - 4, o + 3.5);
 			}), d = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(d);
@@ -1221,36 +1230,36 @@ function Ke({ rows: e = [], variant: t, className: r, colors: i }) {
 		e,
 		t,
 		i,
-		h
+		m
 	]), /* @__PURE__ */ s(l, {
 		className: ["canvas-pie-frame", r].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: We,
-				height: Ge
+				width: qe,
+				height: Je
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: We,
-					height: Ge,
+					width: qe,
+					height: Je,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(S, {
+			}), /* @__PURE__ */ s(C, {
 				...b,
-				parentW: We,
-				parentH: Ge
+				parentW: qe,
+				parentH: Je
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/sankey/SankeySvg.tsx
-function qe(e, t, n, r) {
+function Xe(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({
@@ -1295,38 +1304,38 @@ function qe(e, t, n, r) {
 		});
 	}), f;
 }
-function Je({ 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(() => qe(e, t, r, o), [
+function Ze({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f, selectedEntity: p, className: m, colors: g }) {
+	let _ = a(null), b = a(/* @__PURE__ */ new Map()), S = a(0), D = a([]), O = g?.nodes ?? d, k = g?.links ?? u.bd, A = g?.activeLinks ?? u.blue, M = g?.activeNodes ?? u.blue, P = i(() => Xe(e, t, r, o), [
 		e,
 		t,
 		r,
 		o
-	]), { hoveredRef: te, tooltip: ne, hitZonesRef: P } = C(y, {
+	]), { hoveredRef: F, tooltip: ee, hitZonesRef: te } = w(_, {
 		width: r,
 		height: o
 	});
 	return n(() => {
-		let n = y.current;
+		let n = _.current;
 		if (!n) return;
-		let i = _(n, r, o);
-		E.current = 0, D.current = [];
+		let i = v(n, r, o);
+		S.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;
+			S.current++;
+			let n = S.current;
 			i.clearRect(0, 0, r, o);
 			let l = 1 - (1 - Math.min(n / 56, 1)) ** 3;
-			M(x.current, te.current), P.current = [], t.forEach((e, t) => {
-				let r = N.get(e.source), o = N.get(e.target);
+			N(b.current, F.current), te.current = [], t.forEach((e, t) => {
+				let r = P.get(e.source), o = P.get(e.target);
 				if (!r || !o) return;
-				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;
+				let s = !!p && (e.source === p || e.target === p), c = s ? A : k, d = s ? .5 : .2, f = Math.max(3, e.value / a * 36 * l), m = 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, 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();
+					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 = j(n + r * 120 + t * 40, .025, 3e-4) * 1.2;
+					i.beginPath(), i.moveTo(l, u - m + x), i.lineTo(f, p - m + x), i.lineTo(f, p + m + x), i.lineTo(l, u + m + x), i.closePath(), i.fillStyle = h(c, d * (.5 + r * .5)), i.fill();
 				}
-				w(P.current, `link-${t}`, b, (_ + y) / 2, f + 6, {
+				T(te.current, `link-${t}`, b, (_ + y) / 2, f + 6, {
 					label: `${e.source} → ${e.target}`,
 					value: String(e.value),
-					color: s ? j : u.blue
+					color: s ? A : u.blue
 				}), Math.random() < .08 && D.current.push({
 					linkIdx: t,
 					prog: 0,
@@ -1335,27 +1344,27 @@ function Je({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 					sz: 1 + Math.random()
 				});
 			}), e.forEach((e, t) => {
-				let r = N.get(e.id);
+				let r = P.get(e.id);
 				if (!r) return;
-				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, {
+				let a = p === e.id, o = F.current === `node-${t}`, s = b.current.get(`node-${t}`) ?? 0, c = a ? M : O[t % O.length];
+				E(te.current, `node-${t}`, r.x, r.y, r.w, r.h, {
 					label: e.name,
 					value: e.valueLabel ?? e.id,
 					color: c
-				}), (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());
+				}), (s > 0 || a) && y(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 ? j(n, .03, 3e-4) * .15 : 0;
+				i.fillStyle = h(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 = h(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 = 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));
+				i.font = `${a || o ? "bold " : ""}10px 'JetBrains Mono', monospace`, i.fillStyle = h(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 = h(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 = N.get(n.source), a = N.get(n.target);
+				let r = P.get(n.source), a = P.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, 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);
+				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, m = 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.blue;
+				return i.beginPath(), i.arc(p, m, e.sz, 0, Math.PI * 2), i.fillStyle = h(v, _), i.fill(), !0;
+			}), D.current.length > 150 && (D.current = D.current.slice(-150)), x(i, r, o, n, .01), s = requestAnimationFrame(c);
 		};
 		return c(), () => {
 			cancelAnimationFrame(s), D.current = [];
@@ -1367,9 +1376,9 @@ function Je({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 		o,
 		p,
 		g,
-		N
+		P
 	]), /* @__PURE__ */ s(l, {
-		className: ["canvas-sankey-frame", h].filter(Boolean).join(" "),
+		className: ["canvas-sankey-frame", m].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ c("div", {
 			role: "img",
 			"aria-label": f,
@@ -1379,15 +1388,15 @@ function Je({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 				height: o
 			},
 			children: [/* @__PURE__ */ s("canvas", {
-				ref: y,
+				ref: _,
 				style: {
 					width: r,
 					height: o,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(S, {
-				...ne,
+			}), /* @__PURE__ */ s(C, {
+				...ee,
 				parentW: r,
 				parentH: o
 			})]
@@ -1396,7 +1405,7 @@ function Je({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 }
 //#endregion
 //#region src/canvas/CausalFlowCanvas.tsx
-var Ye = [
+var Qe = [
 	{
 		x: .13,
 		y: .48
@@ -1429,16 +1438,15 @@ var Ye = [
 		x: .92,
 		y: .22
 	}
-], Xe = [
+], $e = [
 	u.blue,
-	u.cyan,
 	u.orange,
 	u.red,
 	u.purple,
 	u.green,
 	u.amber,
 	u.t2
-], Ze = [
+], et = [
 	26,
 	24,
 	24,
@@ -1448,21 +1456,21 @@ var Ye = [
 	22,
 	22
 ];
-function Qe(e, t) {
+function tt(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 $e(e, t) {
+function nt(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 et(e, t) {
+function rt(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	return {
 		p0: {
@@ -1483,46 +1491,46 @@ function et(e, t) {
 		}
 	};
 }
-function tt({ 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, {
+function it({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
+	let d = a(null), f = a(0), p = a([]), { hoveredRef: m, tooltip: g, hitZonesRef: S } = w(d, {
 		width: r,
 		height: o
-	}), D = i(() => {
+	}), E = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e, n) => t.set(e.id, n)), t;
-	}, [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 = Ye[t % Ye.length];
+	}, [e]), O = i(() => t.length > 0 ? Math.max(...t.map((e) => e.value)) : 100, [t]), k = (e) => O > 1 ? e / 100 : e, A = i(() => e.map((e, t) => {
+		let n = Qe[t % Qe.length];
 		return {
 			id: e.id,
 			label: e.name,
 			sub: e.valueLabel ?? "",
 			x: n.x * r,
 			y: n.y * o,
-			r: Ze[t % Ze.length],
-			color: Xe[t % Xe.length]
+			r: et[t % et.length],
+			color: $e[t % $e.length]
 		};
 	}), [
 		e,
 		r,
 		o
 	]), M = i(() => t.map((e) => ({
-		fromIdx: D.get(e.source) ?? -1,
-		toIdx: D.get(e.target) ?? -1,
+		fromIdx: E.get(e.source) ?? -1,
+		toIdx: E.get(e.target) ?? -1,
 		conf: k(e.value)
-	})).filter((e) => e.fromIdx >= 0 && e.toIdx >= 0), [t, D]);
+	})).filter((e) => e.fromIdx >= 0 && e.toIdx >= 0), [t, E]);
 	return n(() => {
 		let e = d.current;
 		if (!e) return;
-		let t = _(e, r, o);
+		let t = v(e, r, o);
 		f.current = 0, p.current = [];
 		let n, i = () => {
 			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 (t.clearRect(0, 0, r, o), S.current = [], b(t, r, o, e, 50, h(u.blue, .05)), M.forEach((e, n) => {
+				let r = A[e.fromIdx], i = A[e.toIdx];
 				if (!r || !i) return;
-				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 = et(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();
+				let a = !!l && (r.id === l || i.id === l), o = _(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = rt(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 = h(o, s), t.lineWidth = 16, t.lineCap = "round", t.stroke(), t.strokeStyle = h(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,
@@ -1530,44 +1538,44 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 					off: (Math.random() - .5) * 13,
 					sz: .7 + Math.random() * 2
 				});
-				let f = Qe(d, .5), h = `${Math.round(e.conf * 100)}%`;
+				let f = tt(d, .5), m = `${Math.round(e.conf * 100)}%`;
 				t.font = "bold 12px 'JetBrains Mono', monospace", t.textBaseline = "middle";
-				let _ = t.measureText(h).width + 14;
-				t.fillStyle = "rgba(10,16,24,0.88)", t.beginPath(), t.roundRect(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);
+				let g = t.measureText(m).width + 14;
+				t.fillStyle = "rgba(10,16,24,0.88)", t.beginPath(), t.roundRect(f.x - g / 2, f.y - 11, g, 22, 6), t.fill(), t.strokeStyle = h(u.blue, .25), t.lineWidth = 1, t.stroke(), t.fillStyle = h(u.blue, .9), t.textAlign = "center", t.fillText(m, 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];
+				let r = A[n.fromIdx], i = A[n.toIdx];
 				if (!r || !i) return !1;
-				let a = et(r, i), o = Qe(a, e.t), s = $e(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 a = rt(r, i), o = tt(a, e.t), s = nt(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 = _(r.color, i.color, e.t);
+				return y(t, c, l, e.sz * 3, d, u * .1), t.beginPath(), t.arc(c, l, e.sz, 0, Math.PI * 2), t.fillStyle = h(d, u), t.fill(), !0;
+			}), p.current.length > 350 && (p.current = p.current.slice(-350)), A.forEach((n, r) => {
+				let i = l === n.id, a = m.current === `node-${r}`, o = j(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 = h(n.color, i ? .3 : .1), t.lineWidth = i ? 1.5 : .7, t.stroke(), y(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, 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) {
+				if (c.addColorStop(0, h(n.color, i ? 1 : .85)), c.addColorStop(1, h(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 === A.length - 1) {
 					let r = s + 16, i = e * .04, a = n.x + Math.cos(i) * r, o = n.y + Math.sin(i) * r;
-					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();
+					y(t, a, o, 6, n.color, .3), t.beginPath(), t.arc(a, o, 2, 0, Math.PI * 2), t.fillStyle = h(n.color, .75), t.fill();
 				}
-				w(T.current, `node-${r}`, n.x, n.y, s + 8, {
+				T(S.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 = 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));
+				}), t.font = `${i || a ? "bold " : ""}12px 'DM Sans', sans-serif`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = h(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 = h(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 = 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 n = M.reduce((e, t) => e * t.conf, 1), i = o * .92, a = r * .12, s = r * .76, c = D(Math.min(e * .008, 1));
+				t.fillStyle = h(u.bd, .35), t.beginPath(), t.roundRect(a, i, s, 5, 3), t.fill(), t.fillStyle = h(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 = h(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 = m(u.t4, .6), t.fillText(l, a - 6, i + 2);
+				t.textAlign = "right", t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = h(u.t4, .6), t.fillText(l, a - 6, i + 2);
 			}
-			b(t, r, o, e, .012), n = requestAnimationFrame(i);
+			x(t, r, o, e, .012), n = requestAnimationFrame(i);
 		};
 		return i(), () => {
 			cancelAnimationFrame(n), p.current = [];
 		};
 	}, [
-		j,
+		A,
 		M,
 		r,
 		o,
@@ -1588,8 +1596,8 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 			},
 			role: "img",
 			"aria-label": "causal flow diagram"
-		}), /* @__PURE__ */ s(S, {
-			...x,
+		}), /* @__PURE__ */ s(C, {
+			...g,
 			parentW: r,
 			parentH: o
 		})]
@@ -1597,10 +1605,10 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 }
 //#endregion
 //#region src/components/sankey/ProcessSankey.tsx
-function nt({ selectedEntity: e, colors: t }) {
-	return /* @__PURE__ */ s(tt, {
-		nodes: Re.nodes,
-		links: Re.links,
+function at({ selectedEntity: e, colors: t }) {
+	return /* @__PURE__ */ s(it, {
+		nodes: ze.nodes,
+		links: ze.links,
 		width: 960,
 		height: 280,
 		selectedEntity: e
@@ -1608,7 +1616,7 @@ function nt({ selectedEntity: e, colors: t }) {
 }
 //#endregion
 //#region src/components/sankey/RankingSankey.tsx
-function rt({ rows: e = [], className: t, colors: n }) {
+function ot({ rows: e = [], className: t, colors: n }) {
 	let { nodes: r, links: a } = i(() => {
 		let t = e.slice(0, 5);
 		return {
@@ -1626,7 +1634,7 @@ function rt({ rows: e = [], className: t, colors: n }) {
 			}))
 		};
 	}, [e]);
-	return /* @__PURE__ */ s(Je, {
+	return /* @__PURE__ */ s(Ze, {
 		nodes: r,
 		links: a,
 		width: 760,
@@ -1638,62 +1646,62 @@ function rt({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/balanceScaleChart/BalanceScaleChart.tsx
-var it = 500, at = 320;
-function ot({ left: e, right: t, "data-testid": r }) {
+var st = 500, ct = 320;
+function lt({ left: e, right: t, "data-testid": r }) {
 	let i = a(null), o = a(0);
 	return n(() => {
 		let n = i.current;
 		if (!n) return;
-		let r = _(n, it, at);
+		let r = v(n, st, ct);
 		o.current = 0;
-		let a = it / 2, s = Math.max(e.value, t.value), c = (e.value - t.value) / s * 14, l, d = () => {
+		let a = st / 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, it, at);
-			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, at - 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
-			}, g = {
-				x: a + Math.cos(p) * 160,
-				y: 100 + Math.sin(p) * 160
+			r.clearRect(0, 0, st, ct), r.letterSpacing = f.letterSpacing;
+			let i = D(Math.min(n / 80, 1)), g = c * A(Math.min(n / 80, 1)) * Math.PI / 180;
+			r.strokeStyle = h(u.bd, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(a, 100), r.lineTo(a, ct - 80), r.stroke(), r.beginPath(), r.arc(a, 100, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
+			let _ = {
+				x: a - Math.cos(g) * 160,
+				y: 100 + Math.sin(-g) * 160
+			}, v = {
+				x: a + Math.cos(g) * 160,
+				y: 100 + Math.sin(g) * 160
 			};
-			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, _, [
+			r.strokeStyle = h(u.t2, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(_.x, _.y), r.lineTo(v.x, v.y), r.stroke();
+			let b = Math.max(20, e.value / s * 100 * i), x = _.y + 18;
+			y(r, _.x, x + b / 2, 90 * .5, u.green, .18 * i), r.fillStyle = h(u.green, .5 * i), r.beginPath(), r.roundRect(_.x - 90 / 2, x, 90, b, [
 				0,
 				0,
 				6,
 				6
-			]), 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 'Satoshi Variable', 'DM Sans', sans-serif", 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, [
+			]), r.fill(), r.strokeStyle = h(u.green, .7 * i), r.lineWidth = 1.5, r.stroke(), r.strokeStyle = h(u.t3, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
+				r.beginPath(), r.moveTo(_.x + e, _.y + 4), r.lineTo(_.x + e, x), r.stroke();
+			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = p.font, r.fillStyle = u.green, r.textAlign = "center", r.fillText(e.label, _.x, x + b + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Accepted", _.x, x + b + 32), r.fillText(`${e.count} quotations`, _.x, x + b + 44), r.globalAlpha = 1);
+			let S = Math.max(20, t.value / s * 100 * i), C = v.y + 18;
+			r.fillStyle = h(u.amber, .3 * i), r.strokeStyle = h(u.amber, .5 * i), r.lineWidth = 1.5, r.beginPath(), r.roundRect(v.x - 90 / 2, C, 90, S, [
 				0,
 				0,
 				6,
 				6
-			]), 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 'Satoshi Variable', 'DM Sans', sans-serif", 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, at - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
+			]), r.fill(), r.stroke(), r.strokeStyle = h(u.t3, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
+				r.beginPath(), r.moveTo(v.x + e, v.y + 4), r.lineTo(v.x + e, C), r.stroke();
+			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = p.font, r.fillStyle = u.amber, r.textAlign = "center", r.fillText(t.label, v.x, C + S + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Submitted", v.x, C + S + 32), r.fillText(`${t.count} quotations`, v.x, C + S + 44), r.globalAlpha = 1), i > .85 && Math.abs(c) > 1 && (r.globalAlpha = Math.min(1, (i - .85) / .15) * .6, r.font = m.font, r.fillStyle = m.color, r.textAlign = "center", r.fillText(`${Math.abs(c).toFixed(1)}° tilt toward accepted`, a, ct - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
 		};
 		return d(), () => cancelAnimationFrame(l);
 	}, [e, t]), /* @__PURE__ */ s("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: it,
-			height: at
+			width: st,
+			height: ct
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: i,
 			role: "img",
 			"aria-label": "Quotation balance — accepted vs submitted quotation value",
 			style: {
-				width: it,
-				height: at,
+				width: st,
+				height: ct,
 				display: "block"
 			}
 		})
@@ -1701,35 +1709,35 @@ function ot({ left: e, right: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/areaLineChart/AreaLineChart.tsx
-var st = 680, G = 280;
-function ct({ points: e = [], "data-testid": t }) {
-	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: p, hitZonesRef: h } = C(r, {
-		width: st,
+var ut = 680, G = 280;
+function dt({ points: e = [], "data-testid": t }) {
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: p, hitZonesRef: m } = w(r, {
+		width: ut,
 		height: G
 	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, st, G);
+		let t = v(e, ut, G);
 		l.current = 0;
-		let n = st - 54 - 28, i = G - 30 - 54, a = Math.max(...g.map((e) => e.count), 1), s = g.length, c = s > 1 ? n / (s - 1) : n, p = g.map((e, t) => ({
+		let n = ut - 54 - 28, i = G - 30 - 54, a = Math.max(...g.map((e) => e.count), 1), s = g.length, c = s > 1 ? n / (s - 1) : n, p = g.map((e, t) => ({
 			x: 54 + t * c,
 			y: 30 + i - e.count / a * i,
 			point: e
-		})), y, b = () => {
+		})), _, b = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, st, G);
-			let r = E(Math.min(e / 72, 1));
-			M(o.current, d.current), h.current = [], [
+			t.clearRect(0, 0, ut, G), t.letterSpacing = f.letterSpacing;
+			let r = D(Math.min(e / 72, 1));
+			N(o.current, d.current), m.current = [], [
 				.25,
 				.5,
 				.75,
 				1
 			].forEach((e) => {
 				let r = 30 + i - e * i;
-				t.strokeStyle = m(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(54, r), t.lineTo(54 + n, r), t.stroke(), t.setLineDash([]), t.font = f.font, t.fillStyle = f.color, t.textAlign = "right", t.fillText(String(Math.round(a * e)), 48, r + 3);
-			}), t.save(), t.translate(12, 30 + i / 2), t.rotate(-Math.PI / 2), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Submissions", 0, 0), t.restore(), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Week", 54 + n / 2, G - 6), t.strokeStyle = m(u.bd, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(54, 30 + i), t.lineTo(54 + n, 30 + i), t.stroke();
+				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(54, r), t.lineTo(54 + n, r), t.stroke(), t.setLineDash([]), t.font = f.font, t.fillStyle = f.color, t.textAlign = "right", t.fillText(String(Math.round(a * e)), 48, r + 3);
+			}), t.save(), t.translate(12, 30 + i / 2), t.rotate(-Math.PI / 2), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Submissions", 0, 0), t.restore(), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Week", 54 + n / 2, G - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(54, 30 + i), t.lineTo(54 + n, 30 + i), t.stroke();
 			let c = r * (s - 1), g = Math.floor(c) + 1;
 			if (g >= 2) {
 				t.beginPath(), t.moveTo(p[0].x, 30 + i), t.lineTo(p[0].x, p[0].y);
@@ -1740,29 +1748,29 @@ function ct({ points: e = [], "data-testid": t }) {
 				let e = p[Math.min(g - 1, s - 1)];
 				t.lineTo(e.x, 30 + i), t.closePath();
 				let n = t.createLinearGradient(0, 30, 0, 30 + i);
-				n.addColorStop(0, m(u.cyan, .22)), n.addColorStop(1, m(u.cyan, .02)), t.fillStyle = n, t.fill();
+				n.addColorStop(0, h(u.blue, .22)), n.addColorStop(1, h(u.blue, .02)), t.fillStyle = n, t.fill();
 			}
 			t.beginPath();
 			for (let e = 0; e < g; e++) {
 				let n = c - Math.floor(c), r = e === g - 1 && e > 0 && e === Math.ceil(c), i = e === 0 || e < g - 1 ? p[e].x : p[e - 1].x + (p[e].x - p[e - 1].x) * (r ? n : 1), a = e === 0 || e < g - 1 ? p[e].y : p[e - 1].y + (p[e].y - p[e - 1].y) * (r ? n : 1);
 				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 			}
-			t.strokeStyle = m(u.cyan, .85), t.lineWidth = 2, t.stroke(), p.forEach((e, n) => {
+			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), p.forEach((e, n) => {
 				if (n >= g) return;
 				let r = `pt-${n}`, s = o.current.get(r) ?? 0;
-				w(h.current, r, e.x, e.y, 10, {
+				T(m.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
-				}), s > 0 && x(t, e.x, 30, 30 + i, m(u.cyan, .15 * s));
+					color: u.blue
+				}), s > 0 && S(t, e.x, 30, 30 + i, h(u.blue, .15 * s));
 				let c = e.point.count === a;
-				(s > 0 || c) && v(t, e.x, e.y, 14, u.cyan, (c ? .3 : 0) + s * .25), t.beginPath(), t.arc(e.x, e.y, s > 0 ? 5 : 3.5, 0, Math.PI * 2), t.fillStyle = m(u.cyan, s > 0 ? 1 : .8), t.fill(), (s > 0 || c) && (t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.cyan, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = s > 0 ? u.cyan : f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, G - 54 + 14);
-			}), y = requestAnimationFrame(b);
+				(s > 0 || c) && y(t, e.x, e.y, 14, u.blue, (c ? .3 : 0) + s * .25), t.beginPath(), t.arc(e.x, e.y, s > 0 ? 5 : 3.5, 0, Math.PI * 2), t.fillStyle = h(u.blue, s > 0 ? 1 : .8), t.fill(), (s > 0 || c) && (t.font = f.font, t.fillStyle = u.blue, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = f.font, t.fillStyle = s > 0 ? u.blue : f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, G - 54 + 14);
+			}), _ = requestAnimationFrame(b);
 		};
-		return b(), () => cancelAnimationFrame(y);
-	}, [g]), g.length < 2 ? /* @__PURE__ */ s(F, {
-		width: st,
+		return b(), () => cancelAnimationFrame(_);
+	}, [g]), g.length < 2 ? /* @__PURE__ */ s(I, {
+		width: ut,
 		height: G,
 		"data-testid": t
 	}) : /* @__PURE__ */ s("div", {
@@ -1775,7 +1783,7 @@ function ct({ points: e = [], "data-testid": t }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: st,
+				width: ut,
 				height: G
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -1783,13 +1791,13 @@ function ct({ points: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Trend chart — count over time",
 				style: {
-					width: st,
+					width: ut,
 					height: G,
 					display: "block"
 				}
-			}), /* @__PURE__ */ s(S, {
+			}), /* @__PURE__ */ s(C, {
 				...p,
-				parentW: st,
+				parentW: ut,
 				parentH: G
 			})]
 		})
@@ -1797,83 +1805,83 @@ function ct({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var lt = 680, K = 280, ut = 54, dt = 28, ft = 64, pt = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", mt = 12;
-function ht({ points: e = [], "data-testid": t }) {
+var ft = 680, K = 280, pt = 54, mt = 28, ht = 64, gt = f.font, _t = 12;
+function vt({ points: e = [], "data-testid": t }) {
 	let r = a(null), o = a(null), l = a(0), d = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), p = i(() => {
-		if (d.length <= 1) return ft;
+		if (d.length <= 1) return ht;
 		let e = document.createElement("canvas").getContext("2d");
-		if (!e) return ft;
-		e.font = pt;
+		if (!e) return ht;
+		e.font = gt;
 		let t = Math.max(...d.map((t) => e.measureText(t.week).width));
-		return Math.max(ft, t + mt);
-	}, [d]), h = Math.max(lt - ut, dt + Math.max(0, d.length - 1) * p), { tooltip: g, hitZonesRef: v } = C(r, {
-		width: h,
+		return Math.max(ht, t + _t);
+	}, [d]), m = Math.max(ft - pt, mt + Math.max(0, d.length - 1) * p), { tooltip: g, hitZonesRef: _ } = w(r, {
+		width: m,
 		height: K
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, h, K), n = o.current ? _(o.current, ut, K) : null;
+		let t = v(e, m, K), n = o.current ? v(o.current, pt, K) : null;
 		l.current = 0;
-		let i = h - dt, a = K - 30 - 54, s = Math.max(...d.map((e) => e.count), 1), c = d.length, g = c > 1 ? Math.max(i / (c - 1), p) : i, y = d.map((e, t) => ({
+		let i = m - mt, a = K - 30 - 54, s = Math.max(...d.map((e) => e.count), 1), c = d.length, g = c > 1 ? Math.max(i / (c - 1), p) : i, y = d.map((e, t) => ({
 			x: t * g,
 			y: 30 + a - e.count / s * a,
 			point: e
 		}));
-		n && (n.clearRect(0, 0, ut, K), n.fillStyle = u.bg, n.fillRect(0, 0, ut, K), [
+		n && (n.clearRect(0, 0, pt, K), n.letterSpacing = f.letterSpacing, n.fillStyle = u.bg, n.fillRect(0, 0, pt, K), [
 			.25,
 			.5,
 			.75,
 			1
 		].forEach((e) => {
 			let t = 30 + a - e * a;
-			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(s * e)), ut - 6, t + 3);
+			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(s * e)), pt - 6, t + 3);
 		}), n.save(), n.translate(12, 30 + a / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore());
 		let b, x = () => {
 			l.current++;
-			let e = Math.min(l.current / 72, 1), n = E(e);
-			t.clearRect(0, 0, h, K), [
+			let e = Math.min(l.current / 72, 1), n = D(e);
+			t.clearRect(0, 0, m, K), t.letterSpacing = f.letterSpacing, [
 				.25,
 				.5,
 				.75,
 				1
 			].forEach((e) => {
 				let n = 30 + a - e * a;
-				t.strokeStyle = m(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(0, n), t.lineTo(i, n), t.stroke(), t.setLineDash([]);
-			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", i / 2, K - 6), t.strokeStyle = m(u.bd, .3), t.lineWidth = 1, t.beginPath(), t.moveTo(0, 30 + a), t.lineTo(i, 30 + a), t.stroke();
+				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(0, n), t.lineTo(i, n), t.stroke(), t.setLineDash([]);
+			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", i / 2, K - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.beginPath(), t.moveTo(0, 30 + a), t.lineTo(i, 30 + a), t.stroke();
 			let r = n * (c - 1), o = Math.floor(r) + 1;
 			if (o >= 2) {
 				t.beginPath(), t.moveTo(y[0].x, 30 + a), t.lineTo(y[0].x, y[0].y);
 				for (let e = 1; e < o; e++) {
-					let n = r - Math.floor(r), i = e === o - 1 && e === Math.ceil(r), a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
+					let n = r - Math.floor(r), i = e === o - 1 && e === Math.ceil(r) && n > 0, a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
 					t.lineTo(a, s);
 				}
 				t.lineTo(y[o - 1].x, 30 + a), t.closePath();
 				let e = t.createLinearGradient(0, 30, 0, 30 + a);
-				e.addColorStop(0, m(u.cyan, .22)), e.addColorStop(1, m(u.cyan, .02)), t.fillStyle = e, t.fill();
+				e.addColorStop(0, h(u.blue, .22)), e.addColorStop(1, h(u.blue, .02)), t.fillStyle = e, t.fill();
 			}
 			t.beginPath();
 			for (let e = 0; e < o; e++) {
-				let n = r - Math.floor(r), i = e === o - 1 && e > 0 && e === Math.ceil(r), a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
+				let n = r - Math.floor(r), i = e === o - 1 && e > 0 && e === Math.ceil(r) && n > 0, a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
 				e === 0 ? t.moveTo(a, s) : t.lineTo(a, s);
 			}
-			t.strokeStyle = m(u.cyan, .85), t.lineWidth = 2, t.stroke(), v.current = [], y.forEach((e, n) => {
-				n >= o || (w(v.current, `pt-${n}`, e.x, e.y, 10, {
+			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), _.current = [], y.forEach((e, n) => {
+				n >= o || (T(_.current, `pt-${n}`, e.x, e.y, 10, {
 					label: e.point.week,
 					value: `${e.point.count} submissions`,
 					sublabel: `£${e.point.value}M value`,
-					color: u.cyan
-				}), t.beginPath(), t.arc(e.x, e.y, 3.5, 0, Math.PI * 2), t.fillStyle = m(u.cyan, .8), t.fill(), t.font = pt, t.fillStyle = f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, K - 54 + 14));
+					color: u.blue
+				}), t.beginPath(), t.arc(e.x, e.y, 3.5, 0, Math.PI * 2), t.fillStyle = h(u.blue, .8), t.fill(), t.font = gt, t.fillStyle = f.color, t.textAlign = n === 0 ? "left" : n === y.length - 1 ? "right" : "center", t.fillText(e.point.week, e.x, K - 54 + 14));
 			}), e < 1 && (b = requestAnimationFrame(x));
 		};
 		return x(), () => cancelAnimationFrame(b);
 	}, [
 		d,
-		h,
+		m,
 		p,
-		v
-	]), d.length < 2 ? /* @__PURE__ */ s(F, {
-		width: lt,
+		_
+	]), d.length < 2 ? /* @__PURE__ */ s(I, {
+		width: ft,
 		height: K,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
@@ -1887,7 +1895,7 @@ function ht({ points: e = [], "data-testid": t }) {
 			ref: o,
 			"aria-hidden": "true",
 			style: {
-				width: ut,
+				width: pt,
 				height: K,
 				display: "block",
 				flexShrink: 0
@@ -1901,7 +1909,7 @@ function ht({ points: e = [], "data-testid": t }) {
 			children: /* @__PURE__ */ c("div", {
 				style: {
 					position: "relative",
-					width: h,
+					width: m,
 					height: K
 				},
 				children: [/* @__PURE__ */ s("canvas", {
@@ -1909,13 +1917,13 @@ function ht({ points: e = [], "data-testid": t }) {
 					role: "img",
 					"aria-label": "Trend chart — count over time",
 					style: {
-						width: h,
+						width: m,
 						height: K,
 						display: "block"
 					}
-				}), /* @__PURE__ */ s(S, {
+				}), /* @__PURE__ */ s(C, {
 					...g,
-					parentW: h,
+					parentW: m,
 					parentH: K
 				})]
 			})
@@ -1924,60 +1932,67 @@ function ht({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/proportionalBandChart/ProportionalBandChart.tsx
-var q = 680, gt = 240, _t = {
+var q = 680, yt = 240;
+function bt(e, t, n) {
+	if (e.measureText(t).width <= n) return t;
+	let r = t;
+	for (; r.length > 0 && e.measureText(`${r}…`).width > n;) r = r.slice(0, -1);
+	return `${r}…`;
+}
+var xt = {
 	Critical: u.red,
 	High: u.orange,
 	Medium: u.amber,
 	Low: u.green
 };
-function vt({ severities: e = [], "data-testid": t }) {
-	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: p, hitZonesRef: h } = C(r, {
+function St({ severities: e = [], "data-testid": t }) {
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: m, hitZonesRef: g } = w(r, {
 		width: q,
-		height: gt
-	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
+		height: yt
+	}), _ = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, q, gt);
+		let t = v(e, q, yt);
 		l.current = 0;
-		let n = g.reduce((e, t) => e + t.count, 0), i = q - 28 - 28, a = gt - 50 - 52, s = g.map((e) => e.count / n * i), c, p = () => {
+		let n = _.reduce((e, t) => e + t.count, 0), i = q - 28 - 28, a = yt - 50 - 52, s = _.map((e) => e.count / n * i), c, m = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, q, gt);
-			let r = D(Math.min(e / 60, 1));
-			M(o.current, d.current), h.current = [], t.strokeStyle = m(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(28, 50, i, a), t.stroke(), t.strokeStyle = m(u.t4, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(q / 2, 50), t.lineTo(q / 2, 50 + a), t.stroke(), t.setLineDash([]);
-			let _ = 28;
-			g.forEach((e, i) => {
-				let c = _t[e.severity] ?? u.blue, l = s[i];
+			t.clearRect(0, 0, q, yt), t.letterSpacing = f.letterSpacing;
+			let r = O(Math.min(e / 60, 1));
+			N(o.current, d.current), g.current = [], t.strokeStyle = h(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(28, 50, i, a), t.stroke(), t.strokeStyle = h(u.t4, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(q / 2, 50), t.lineTo(q / 2, 50 + a), t.stroke(), t.setLineDash([]);
+			let v = 28;
+			_.forEach((e, i) => {
+				let c = xt[e.severity] ?? u.blue, l = s[i];
 				l * r;
-				let d = o.current.get(e.severity) ?? 0, p = _ + l / 2, g = l * .85;
-				p - g / 2;
-				let y = l * r, b = g * r, x = p - b / 2;
-				if (y > 0 && (d > 0 && v(t, _ + y / 2, 50 + a / 2, y * .4, c, .15 * d), t.beginPath(), t.moveTo(x, 50), t.lineTo(x + b, 50), t.lineTo(_ + y, 50 + a), t.lineTo(_, 50 + a), t.closePath(), t.fillStyle = m(c, .45 + d * .25), t.fill(), t.strokeStyle = m(c, (.5 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(x, 50), t.lineTo(x + b, 50), t.stroke(), t.strokeStyle = m(c, (.3 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(_, 50 + a), t.lineTo(_ + y, 50 + a), t.stroke()), T(h.current, e.severity, _, 50, l, a, {
+				let d = o.current.get(e.severity) ?? 0, m = v + l / 2, _ = l * .85;
+				m - _ / 2;
+				let b = l * r, x = _ * r, S = m - x / 2;
+				if (b > 0 && (d > 0 && y(t, v + b / 2, 50 + a / 2, b * .4, c, .15 * d), t.beginPath(), t.moveTo(S, 50), t.lineTo(S + x, 50), t.lineTo(v + b, 50 + a), t.lineTo(v, 50 + a), t.closePath(), t.fillStyle = h(c, .45 + d * .25), t.fill(), t.strokeStyle = h(c, (.5 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(S, 50), t.lineTo(S + x, 50), t.stroke(), t.strokeStyle = h(c, (.3 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(v, 50 + a), t.lineTo(v + b, 50 + a), t.stroke()), E(g.current, e.severity, v, 50, l, a, {
 					label: e.severity,
 					value: `${e.count} Early Warnings`,
 					sublabel: `${Math.round(e.count / n * 100)}% of all EWs`,
 					color: c
 				}), r > .5) {
-					let i = Math.min(1, (r - .5) / .5), o = _ + l / 2;
-					t.globalAlpha = i, t.font = "bold " + f.font, t.fillStyle = d > 0 ? c : m(c, .9), t.textAlign = "center", t.fillText(e.severity, o, 38), t.font = "bold " + f.font, t.fillStyle = d > 0 ? u.t1 : m(u.t1, .85), t.fillText(String(e.count), o, 50 + a / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? c : f.color, t.fillText(`${Math.round(e.count / n * 100)}%`, o, 50 + a + 18), t.globalAlpha = 1;
+					let i = Math.min(1, (r - .5) / .5), o = v + l / 2;
+					t.globalAlpha = i, t.font = "bold " + f.font, t.fillStyle = d > 0 ? c : h(c, .9), t.textAlign = "center", t.fillText(bt(t, e.severity, l - 12), o, 38), t.font = p.font, t.fillStyle = d > 0 ? u.t1 : h(u.t1, .85), t.fillText(String(e.count), o, 50 + a / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? c : f.color, t.fillText(`${Math.round(e.count / n * 100)}%`, o, 50 + a + 18), t.globalAlpha = 1;
 				}
-				_ += l;
+				v += l;
 			});
-			let y = t.createLinearGradient(28, 0, 28 + i, 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)), t.fillStyle = y, t.fillRect(28, 50, i * r, a), c = requestAnimationFrame(p);
+			let b = t.createLinearGradient(28, 0, 28 + i, 0);
+			b.addColorStop(0, h(u.red, .03)), b.addColorStop(.33, h(u.orange, .03)), b.addColorStop(.66, h(u.amber, .03)), b.addColorStop(1, h(u.green, .03)), t.fillStyle = b, t.fillRect(28, 50, i * r, a), c = requestAnimationFrame(m);
 		};
-		return p(), () => cancelAnimationFrame(c);
-	}, [g]), g.length === 0 ? /* @__PURE__ */ s(F, {
+		return m(), () => cancelAnimationFrame(c);
+	}, [_]), _.length === 0 ? /* @__PURE__ */ s(I, {
 		width: q,
-		height: gt,
+		height: yt,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
 			width: q,
-			height: gt
+			height: yt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
@@ -1985,68 +2000,68 @@ function vt({ severities: e = [], "data-testid": t }) {
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
 				width: q,
-				height: gt,
+				height: yt,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(S, {
-			...p,
+		}), /* @__PURE__ */ s(C, {
+			...m,
 			parentW: q,
-			parentH: gt
+			parentH: yt
 		})]
 	});
 }
 //#endregion
 //#region src/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.tsx
-var J = 460, Y = 300, yt = {
+var J = 460, Y = 300, Ct = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
-function bt({ segments: e = [], title: t, "data-testid": r }) {
-	let o = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), { hoveredRef: p, tooltip: h, hitZonesRef: g } = C(o, {
+function wt({ segments: e = [], title: t, "data-testid": r }) {
+	let o = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), { hoveredRef: m, tooltip: g, hitZonesRef: _ } = w(o, {
 		width: J,
 		height: Y
-	}), x = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
+	}), S = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = _(e, J, Y);
+		let t = v(e, J, Y);
 		l.current = 0;
-		let n = J * .5, r = Y * .54, i = J * .22, a = x.reduce((e, t) => e + t.count, 0), s = Math.max(...x.map((e) => e.count), 1), c, h = () => {
+		let n = J * .5, r = Y * .54, i = J * .22, a = S.reduce((e, t) => e + t.count, 0), s = Math.max(...S.map((e) => e.count), 1), c, g = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, J, Y), g.current = [], d.current.forEach((e, t) => {
-				let n = t === p.current ? 1 : 0, r = e + (n - e) * .12;
+			t.clearRect(0, 0, J, Y), t.letterSpacing = f.letterSpacing, _.current = [], d.current.forEach((e, t) => {
+				let n = t === m.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? d.current.delete(t) : d.current.set(t, 1) : d.current.set(t, r);
-			}), p.current && !d.current.has(p.current) && d.current.set(p.current, 0), y(t, J, Y, e, 40, m(u.blue, .04)), x.forEach((a, o) => {
-				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, d = r + Math.sin(c) * i, p = yt[a.status] ?? u.blue, h = 2 + a.count / s * 8;
-				t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = m(p, .08), t.lineWidth = h * 2, t.stroke(), t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = m(p, .25), t.lineWidth = 1, t.stroke();
-				let g = (e * .005 + o * .33) % 1, _ = n + (l - n) * g, y = r + (d - r) * g;
-				v(t, _, y, 6, p, .4), t.beginPath(), t.arc(_, y, 2, 0, Math.PI * 2), t.fillStyle = m(p, .8), t.fill();
+			}), m.current && !d.current.has(m.current) && d.current.set(m.current, 0), b(t, J, Y, e, 40, h(u.blue, .04)), S.forEach((a, o) => {
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, d = r + Math.sin(c) * i, f = Ct[a.status] ?? u.blue, m = 2 + a.count / s * 8;
+				t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = h(f, .08), t.lineWidth = m * 2, t.stroke(), t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = h(f, .25), t.lineWidth = 1, t.stroke();
+				let g = (e * .005 + o * .33) % 1, _ = n + (l - n) * g, v = r + (d - r) * g;
+				y(t, _, v, 6, f, .4), t.beginPath(), t.arc(_, v, 2, 0, Math.PI * 2), t.fillStyle = h(f, .8), t.fill();
 				let b = (n + l) / 2, x = (r + d) / 2;
-				t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(p, .85), t.fillText(String(a.count), b, x);
-			}), x.forEach((e, o) => {
-				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, p = r + Math.sin(c) * i, h = yt[e.status] ?? u.blue, _ = 10 + e.count / s * 18, y = d.current.get(e.status) ?? 0;
-				v(t, l, p, _ * 2.5, h, .2 + y * .15);
-				let b = t.createRadialGradient(l, p - _ * .2, 0, l, p, _);
-				b.addColorStop(0, m(h, .8 + y * .2)), b.addColorStop(1, m(h, .4 + y * .1)), t.beginPath(), t.arc(l, p, _, 0, Math.PI * 2), t.fillStyle = b, t.fill(), t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(u.t1, .9), t.fillText(e.status, l, p), w(g.current, e.status, l, p, _ + 6, {
+				t.font = p.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(f, .85), t.fillText(String(a.count), b, x);
+			}), S.forEach((e, o) => {
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, p = r + Math.sin(c) * i, m = Ct[e.status] ?? u.blue, g = 10 + e.count / s * 18, v = d.current.get(e.status) ?? 0;
+				y(t, l, p, g * 2.5, m, .2 + v * .15);
+				let b = t.createRadialGradient(l, p - g * .2, 0, l, p, g);
+				b.addColorStop(0, h(m, .8 + v * .2)), b.addColorStop(1, h(m, .4 + v * .1)), t.beginPath(), t.arc(l, p, g, 0, Math.PI * 2), t.fillStyle = b, t.fill(), t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(u.t1, .9), t.fillText(e.status, l, p), T(_.current, e.status, l, p, g + 6, {
 					label: e.status,
 					value: `${e.count} Early Warnings`,
 					sublabel: `${Math.round(e.count / a * 100)}%`,
-					color: h
+					color: m
 				});
 			});
 			let o = d.current.get("center") ?? 0;
-			v(t, n, r, 36, u.t3, .2 + o * .15);
-			let _ = t.createRadialGradient(n, r - 4, 0, n, r, 22);
-			_.addColorStop(0, m(u.t2, .9)), _.addColorStop(1, m(u.t3, .5)), t.beginPath(), t.arc(n, r, 22, 0, Math.PI * 2), t.fillStyle = _, t.fill(), t.font = f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(u.t1, .9), t.fillText("EW Status", n, r - 4), t.font = "bold " + f.font, t.fillStyle = u.t1, t.fillText(String(a), n, r + 8), w(g.current, "center", n, r, 28, {
+			y(t, n, r, 36, u.t3, .2 + o * .15);
+			let v = t.createRadialGradient(n, r - 4, 0, n, r, 22);
+			v.addColorStop(0, h(u.t2, .9)), v.addColorStop(1, h(u.t3, .5)), t.beginPath(), t.arc(n, r, 22, 0, Math.PI * 2), t.fillStyle = v, t.fill(), t.font = p.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = h(u.t1, .9), t.fillText("EW Status", n, r - 4), t.font = "bold " + f.font, t.fillStyle = u.t1, t.fillText(String(a), n, r + 8), T(_.current, "center", n, r, 28, {
 				label: "Total EW Status",
 				value: `${a} Early Warnings`,
 				color: u.t3
-			}), b(t, J, Y, e, .015), c = requestAnimationFrame(h);
+			}), x(t, J, Y, e, .015), c = requestAnimationFrame(g);
 		};
-		return h(), () => cancelAnimationFrame(c);
-	}, [x, t]), x.length === 0 ? /* @__PURE__ */ s(F, {
+		return g(), () => cancelAnimationFrame(c);
+	}, [S, t]), S.length === 0 ? /* @__PURE__ */ s(I, {
 		width: J,
 		height: Y,
 		"data-testid": r
@@ -2067,8 +2082,8 @@ function bt({ segments: e = [], title: t, "data-testid": r }) {
 				display: "block",
 				borderRadius: 8
 			}
-		}), /* @__PURE__ */ s(S, {
-			...h,
+		}), /* @__PURE__ */ s(C, {
+			...g,
 			parentW: J,
 			parentH: Y
 		})]
@@ -2076,27 +2091,27 @@ function bt({ segments: e = [], title: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/trendChart/TrendChart.tsx
-var xt = 280, X = 96;
-function St({ points: e = [], className: t, colors: r }) {
+var Tt = 280, X = 96;
+function Et({ 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: h, hoveredRef: g, tooltip: y, hitZonesRef: b } = C(o, {
-		width: xt,
+	}), [e]), { mouseRef: m, hoveredRef: g, tooltip: _, hitZonesRef: b } = w(o, {
+		width: Tt,
 		height: X
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = _(e, xt, X);
+		let t = v(e, Tt, X);
 		f.current = 0;
 		let n = r?.line ?? u.blue, i = r?.point ?? u.blue, a = r?.axisLine ?? u.bd, s, c = () => {
 			f.current++;
 			let e = f.current;
-			if (t.clearRect(0, 0, xt, X), p.length < 2) {
+			if (t.clearRect(0, 0, Tt, X), p.length < 2) {
 				s = requestAnimationFrame(c);
 				return;
 			}
@@ -2105,35 +2120,35 @@ function St({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = xt - r.left - r.right, l = X - 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, X - r.bottom), t.lineTo(xt - r.right, X - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = m(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
+			}, o = Tt - r.left - r.right, l = X - r.top - r.bottom, _ = p.map((e) => e.value), v = Math.min(..._), x = Math.max(..._) - v || 1, C = (e) => r.left + e / (p.length - 1) * o, w = (e) => r.top + (1 - (e - v) / x) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * p.length));
+			if (N(d.current, g.current), b.current = [], t.strokeStyle = h(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, X - r.bottom), t.lineTo(Tt - r.right, X - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = h(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
 				t.fillText(e.label.replace("Day ", "D"), C(n), X - 4);
-			}), h.current.over && g.current) {
+			}), m.current.over && g.current) {
 				let e = parseInt(g.current.split("-")[1]);
-				isNaN(e) || x(t, C(e), r.top, r.top + l);
+				isNaN(e) || S(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, 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();
+				e.addColorStop(0, h(n, .15)), e.addColorStop(1, h(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), w(p[e].value));
+				t.lineTo(C(D - 1), r.top + l), t.closePath(), t.fill(), t.strokeStyle = h(n, .8), t.lineWidth = 1.5, t.setLineDash([]), t.beginPath();
 				for (let e = 0; e < D; e++) {
-					let n = C(e), r = T(p[e].value);
+					let n = C(e), r = w(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(p[e].value), a = `tp-${e}`, o = d.current.get(a) ?? 0, s = e === p.length - 1;
-				w(b.current, a, n, r, 10, {
+				let n = C(e), r = w(p[e].value), a = `tp-${e}`, o = d.current.get(a) ?? 0, s = e === p.length - 1;
+				T(b.current, a, n, r, 10, {
 					label: p[e].label,
 					value: String(p[e].value),
 					color: s ? u.red : i
-				}), 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());
+				}), o > 0 && !s && (y(t, n, r, 12 * o, i, .2 * o), t.fillStyle = h(i, .8), t.beginPath(), t.arc(n, r, 3 + o * 2, 0, Math.PI * 2), t.fill());
 			}
 			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;
+				let n = p.length - 1, r = C(n), i = w(p[n].value), a = d.current.get(`tp-${n}`) ?? 0, o = j(e, .05, 5e-4), s = 1 + a * .5;
+				t.shadowColor = h(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);
 		};
@@ -2143,7 +2158,7 @@ function St({ points: e = [], className: t, colors: r }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: xt,
+				width: Tt,
 				height: X
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2151,14 +2166,14 @@ function St({ points: e = [], className: t, colors: r }) {
 				role: "img",
 				"aria-label": "trend chart",
 				style: {
-					width: xt,
+					width: Tt,
 					height: X,
 					display: "block",
 					borderRadius: 8
 				}
-			}), /* @__PURE__ */ s(S, {
-				...y,
-				parentW: xt,
+			}), /* @__PURE__ */ s(C, {
+				..._,
+				parentW: Tt,
 				parentH: X
 			})]
 		})
@@ -2166,137 +2181,137 @@ function St({ points: e = [], className: t, colors: r }) {
 }
 //#endregion
 //#region src/components/segmentedSplitBarChart/SegmentedSplitBarChart.tsx
-var Ct = 680, wt = 8, Tt = 26, Et = 14, Dt = 16, Ot = 32;
-function kt({ items: e = [], "data-testid": t }) {
-	let r = a(null), l = a(/* @__PURE__ */ new Map()), d = a(0), [f, h] = o(!1), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), y = i(() => f ? g : g.slice(0, wt), [g, f]), b = Dt + Ot + y.length * (Tt + Et) - Et, { hoveredRef: x, tooltip: w, hitZonesRef: E } = C(r, {
-		width: Ct,
-		height: b
+var Dt = 680, Ot = 8, kt = 26, At = 14, jt = 16, Mt = 32;
+function Nt({ items: e = [], "data-testid": t }) {
+	let r = a(null), l = a(/* @__PURE__ */ new Map()), d = a(0), [g, _] = o(!1), b = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), x = i(() => g ? b : b.slice(0, Ot), [b, g]), S = jt + Mt + x.length * (kt + At) - At, { hoveredRef: T, tooltip: D, hitZonesRef: k } = w(r, {
+		width: Dt,
+		height: S
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, Ct, b);
+		let t = v(e, Dt, S);
 		d.current = 0;
-		let n = Dt, i = Ot, a = Tt, o = Et, s = Ct - 60 - 28, c = Math.max(...y.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0))), f = y.length * (a + o) - o, h = n + (b - n - i - f) / 2, g, S = () => {
+		let n = jt, i = Mt, a = kt, o = At, s = Dt - 60 - 28, c = Math.max(...x.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0))), g = x.length * (a + o) - o, _ = n + (S - n - i - g) / 2, b, C = () => {
 			d.current++;
 			let e = d.current;
-			t.clearRect(0, 0, Ct, b);
-			let n = D(Math.min(e / 60, 1));
-			M(l.current, x.current), E.current = [], y.forEach((e, r) => {
-				let i = j(n, r, y.length, D), d = h + r * (a + o), f = (e.implemented ?? 0) + (e.unimplemented ?? 0), p = (e.implemented ?? 0) / c * s * i, g = (e.unimplemented ?? 0) / c * s * i, _ = `${e.id}-impl`, b = `${e.id}-un`, x = l.current.get(_) ?? 0, S = l.current.get(b) ?? 0;
-				T(E.current, _, 60, d, p || 1, a, {
+			t.clearRect(0, 0, Dt, S);
+			let n = O(Math.min(e / 60, 1));
+			N(l.current, T.current), k.current = [], x.forEach((e, r) => {
+				let i = M(n, r, x.length, O), d = _ + r * (a + o), m = (e.implemented ?? 0) + (e.unimplemented ?? 0), g = (e.implemented ?? 0) / c * s * i, v = (e.unimplemented ?? 0) / c * s * i, b = `${e.id}-impl`, S = `${e.id}-un`, C = l.current.get(b) ?? 0, w = l.current.get(S) ?? 0;
+				E(k.current, b, 60, d, g || 1, a, {
 					label: `${e.name} — Implemented`,
 					value: `${e.implemented ?? 0} variations`,
-					sublabel: `${Math.round((e.implemented ?? 0) / (f || 1) * 100)}% complete`,
+					sublabel: `${Math.round((e.implemented ?? 0) / (m || 1) * 100)}% complete`,
 					color: u.green
-				}), T(E.current, b, 60 + p, d, g || 1, a, {
+				}), E(k.current, S, 60 + g, d, v || 1, a, {
 					label: `${e.name} — Unimplemented`,
 					value: `${e.unimplemented ?? 0} variations`,
-					sublabel: `${Math.round((e.unimplemented ?? 0) / (f || 1) * 100)}% pending`,
+					sublabel: `${Math.round((e.unimplemented ?? 0) / (m || 1) * 100)}% pending`,
 					color: u.amber
-				}), t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t2, t.textAlign = "right", t.fillText(e.abbreviation ?? e.name.slice(0, 6), 52, d + a / 2 + 4), t.fillStyle = m(u.bd, .15), t.beginPath(), t.roundRect(60, d, f / c * s, a, 4), t.fill(), p > 0 && (x > 0 && v(t, 60 + p / 2, d + a / 2, p * .3, u.green, .12 * x), t.fillStyle = m(u.green, .6 + x * .2), t.beginPath(), t.roundRect(60, d, p, a, [
+				}), t.font = f.font, t.fillStyle = u.t2, t.textAlign = "right", t.fillText(e.abbreviation ?? e.name.slice(0, 6), 52, d + a / 2 + 4), t.fillStyle = h(u.bd, .15), t.beginPath(), t.roundRect(60, d, m / c * s, a, 4), t.fill(), g > 0 && (C > 0 && y(t, 60 + g / 2, d + a / 2, g * .3, u.green, .12 * C), t.fillStyle = h(u.green, .6 + C * .2), t.beginPath(), t.roundRect(60, d, g, a, [
 					4,
 					0,
 					0,
 					4
-				]), t.fill(), p > 28 && i > .5 && (t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = x > 0 ? u.green : u.t2, t.textAlign = "center", t.fillText(String(e.implemented ?? 0), 60 + p / 2, d + a / 2 + 4))), g > 0 && (S > 0 && v(t, 60 + p + g / 2, d + a / 2, g * .3, u.amber, .12 * S), t.fillStyle = m(u.amber, .18 + S * .18), t.strokeStyle = m(u.amber, .3 + S * .3), t.lineWidth = 1, t.beginPath(), t.roundRect(60 + p, d, g, a, [
+				]), t.fill(), g > 28 && i > .5 && (t.font = p.font, t.fillStyle = C > 0 ? u.green : u.t2, t.textAlign = "center", t.fillText(String(e.implemented ?? 0), 60 + g / 2, d + a / 2 + 4))), v > 0 && (w > 0 && y(t, 60 + g + v / 2, d + a / 2, v * .3, u.amber, .12 * w), t.fillStyle = h(u.amber, .18 + w * .18), t.strokeStyle = h(u.amber, .3 + w * .3), t.lineWidth = 1, t.beginPath(), t.roundRect(60 + g, d, v, a, [
 					0,
 					4,
 					4,
 					0
-				]), t.fill(), t.stroke(), g > 28 && i > .5 && (t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = S > 0 ? u.amber : u.t2, t.textAlign = "center", t.fillText(String(e.unimplemented ?? 0), 60 + p + g / 2, d + a / 2 + 4))), p > 0 && g > 0 && (t.strokeStyle = m(u.bg, .7), t.lineWidth = 2, t.beginPath(), t.moveTo(60 + p, d), t.lineTo(60 + p, d + a), t.stroke());
+				]), t.fill(), t.stroke(), v > 28 && i > .5 && (t.font = p.font, t.fillStyle = w > 0 ? u.amber : u.t2, t.textAlign = "center", t.fillText(String(e.unimplemented ?? 0), 60 + g + v / 2, d + a / 2 + 4))), g > 0 && v > 0 && (t.strokeStyle = h(u.bg, .7), t.lineWidth = 2, t.beginPath(), t.moveTo(60 + g, d), t.lineTo(60 + g, d + a), t.stroke());
 			});
-			let r = h + f + 24, i = 60 + s / 2;
-			t.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.textAlign = "right", t.fillStyle = u.green, t.fillText("■ Implemented", i - 10, r), t.textAlign = "left", t.fillStyle = p.color, t.fillText("■ Unimplemented", i + 10, r), g = requestAnimationFrame(S);
+			let r = _ + g + 24, i = 60 + s / 2;
+			t.font = m.font, t.textAlign = "right", t.fillStyle = u.green, t.fillText("■ Implemented", i - 10, r), t.textAlign = "left", t.fillStyle = m.color, t.fillText("■ Unimplemented", i + 10, r), b = requestAnimationFrame(C);
 		};
-		return S(), () => cancelAnimationFrame(g);
-	}, [y, b]), g.length === 0 ? /* @__PURE__ */ s(F, {
-		width: Ct,
+		return C(), () => cancelAnimationFrame(b);
+	}, [x, S]), b.length === 0 ? /* @__PURE__ */ s(I, {
+		width: Dt,
 		height: 160,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		style: { width: Ct },
+		style: { width: Dt },
 		children: [/* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Ct,
-				height: b
+				width: Dt,
+				height: S
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: r,
 				role: "img",
 				"aria-label": "Implemented vs unimplemented variations per contractor — split bar",
 				style: {
-					width: Ct,
-					height: b,
+					width: Dt,
+					height: S,
 					display: "block"
 				}
-			}), /* @__PURE__ */ s(S, {
-				...w,
-				parentW: Ct,
-				parentH: b
+			}), /* @__PURE__ */ s(C, {
+				...D,
+				parentW: Dt,
+				parentH: S
 			})]
-		}), g.length > wt && /* @__PURE__ */ s("div", {
+		}), b.length > Ot && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
-				expanded: f,
-				onToggle: () => h((e) => !e)
+				expanded: g,
+				onToggle: () => _((e) => !e)
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
-var At = 800, jt = 360;
-function Mt({ items: 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: At,
-		height: jt
+var Pt = 800, Ft = 360;
+function It({ items: e = [], "data-testid": t }) {
+	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: m, hitZonesRef: g } = w(r, {
+		width: Pt,
+		height: Ft
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = _(t, At, jt);
+		let n = v(t, Pt, Ft);
 		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), f = jt - 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 = {
+		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), m = Ft - 20 - 26, _ = m - 6 * (e.length - 1), b = 20, x = e.map((e, t) => {
+			let n = Math.max(24, (e.total ?? 0) / (c || 1) * _), r = {
 				x: 100 - 110 / 2,
-				y: g,
+				y: b,
 				h: n,
-				cy: g + n / 2,
+				cy: b + n / 2,
 				c: e,
 				color: d[t % d.length]
 			};
-			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 = {
+			return b += n + 6, r;
+		}), S = _ - 14, C = Math.max(28, a / c * S), w = Math.max(18, s / c * S), T = 20 + (m - (C + w + 14)) / 2, O = {
 			x: 420 - 110 / 2,
-			y: C,
-			h: x,
-			cy: C + x / 2
-		}, D = {
+			y: T,
+			h: C,
+			cy: T + C / 2
+		}, k = {
 			x: 420 - 110 / 2,
-			y: C + x + 14,
-			h: S,
-			cy: C + x + 14 + S / 2
-		}, O = {
+			y: T + C + 14,
+			h: w,
+			cy: T + C + 14 + w / 2
+		}, A = {
 			x: 720 - 110 / 2,
 			y: 20,
-			h: f,
-			cy: 20 + f / 2
-		}, k, A = () => {
+			h: m,
+			cy: 20 + m / 2
+		}, j, P = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, At, jt);
-			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;
+			n.clearRect(0, 0, Pt, Ft), n.letterSpacing = f.letterSpacing;
+			let r = D(Math.min(t / 80, 1));
+			if (N(i.current, l.current), g.current = [], e.forEach((t, o) => {
+				let c = x[o], l = M(r, o, e.length, D), 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 = 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;
-				Nt(n, c.x + 110, h, 420 - 110 / 2, b, _ * l, c.color, T), Nt(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 * C), v = Math.max(2, (t.variation ?? 0) / s * w), y = O.y + e.slice(0, o).reduce((e, t) => e + (t.base ?? 0) / a * C, 0) + _ / 2, b = k.y + e.slice(0, o).reduce((e, t) => e + (t.variation ?? 0) / s * w, 0) + v / 2, S = u * .2 + .18;
+				Lt(n, c.x + 110, h, 420 - 110 / 2, y, _ * l, c.color, S), Lt(n, c.x + 110, g, 420 - 110 / 2, b, v * l, c.color, S * .75);
 			}), r > .3) {
-				let e = Math.min(1, (r - .3) / .7), t = O.y + a / c * f / 2, i = O.y + f - s / c * f / 2;
-				Nt(n, 475, w.cy, 720 - 110 / 2, t, x * e, u.blue, .25 * e), Nt(n, 475, D.cy, 720 - 110 / 2, i, S * e, u.amber, .22 * e);
+				let e = Math.min(1, (r - .3) / .7), t = A.y + a / c * m / 2, i = A.y + m - s / c * m / 2;
+				Lt(n, 475, O.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), Lt(n, 475, k.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2308,136 +2323,136 @@ function Mt({ items: e = [], "data-testid": t }) {
 					420,
 					720
 				][t];
-				n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = m(u.t3, .5), n.textAlign = "center", n.fillText(e, r, jt - 8);
+				n.font = f.font, n.fillStyle = h(u.t3, .5), n.textAlign = "center", n.fillText(e, r, Ft - 8);
 			}), e.forEach((t, a) => {
-				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, {
+				let o = x[a], s = M(r, a, e.length, D), c = i.current.get(t.id) ?? 0;
+				E(g.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 && 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");
+				}), c > 0 && y(n, o.x + 110 / 2, o.cy, 110 * .6, o.color, .12 * c), n.fillStyle = h(o.color, (.3 + c * .15) * s), n.strokeStyle = h(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 = f.font, n.fillStyle = c > 0 ? o.color : h(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 = h(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);
-				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";
+				y(n, 420, O.cy, 30, u.blue, .1 * e), n.fillStyle = h(u.blue, .3 * e), n.strokeStyle = h(u.blue, .5 * e), n.lineWidth = 1, n.beginPath(), n.roundRect(O.x, O.y, 110, O.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = f.font, n.fillStyle = u.blue, n.textAlign = "center", n.fillText("Base Value", 420, O.cy - 6), n.font = p.font, n.fillStyle = p.color, n.fillText(`£${a}M`, 420, O.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic", y(n, 420, k.cy, 24, u.amber, .1 * e), n.fillStyle = h(u.amber, .22 * e), n.strokeStyle = h(u.amber, .4 * e), n.beginPath(), n.roundRect(k.x, k.y, 110, k.h * e, 4), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = f.font, n.fillStyle = u.amber, n.textAlign = "center", n.fillText("Variations", 420, k.cy - 4), n.font = p.font, n.fillStyle = p.color, n.fillText(`£${s}M`, 420, k.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
 			if (r > .5) {
 				let e = Math.min(1, (r - .5) / .5);
-				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";
+				y(n, 720, A.cy, 44, u.blue, .2 * e), n.fillStyle = h(u.blue, .25 * e), n.strokeStyle = h(u.blue, .6 * e), n.lineWidth = 1.5, n.beginPath(), n.roundRect(A.x, A.y, 110, A.h * e, 6), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = f.font, n.fillStyle = u.t2, n.textAlign = "center", n.fillText("Total Commitment", 720, A.cy - 12), n.font = p.font, n.fillStyle = u.blue, n.fillText(`£${c}M`, 720, A.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
-			k = requestAnimationFrame(A);
+			j = requestAnimationFrame(P);
 		};
-		return A(), () => cancelAnimationFrame(k);
+		return P(), () => cancelAnimationFrame(j);
 	}, [e]), /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: At,
-			height: jt
+			width: Pt,
+			height: Ft
 		},
 		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: At,
-				height: jt,
+				width: Pt,
+				height: Ft,
 				display: "block"
 			}
-		}), /* @__PURE__ */ s(S, {
-			...f,
-			parentW: At,
-			parentH: jt
+		}), /* @__PURE__ */ s(C, {
+			...m,
+			parentW: Pt,
+			parentH: Ft
 		})]
 	});
 }
-function Nt(e, t, n, r, i, a, o, s) {
+function Lt(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 = m(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 = h(o, s), e.fill();
 }
 //#endregion
 //#region src/components/visualizationRenderer/VisualizationRenderer.tsx
-function Pt({ config: e, className: t }) {
-	return e.type === "line" ? /* @__PURE__ */ s(Ie, {
+function Rt({ config: e, className: t }) {
+	return e.type === "line" ? /* @__PURE__ */ s(Le, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "area" ? /* @__PURE__ */ s(ne, {
+	}) : e.type === "area" ? /* @__PURE__ */ s(te, {
 		rows: e.rows,
 		className: t
 	}) : e.type === "bar" ? /* @__PURE__ */ s(ie, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "pie" ? /* @__PURE__ */ s(Ke, {
+	}) : e.type === "pie" ? /* @__PURE__ */ s(Ye, {
 		rows: e.rows,
 		variant: "pie",
 		className: t
-	}) : e.type === "donut" ? /* @__PURE__ */ s(Ke, {
+	}) : e.type === "donut" ? /* @__PURE__ */ s(Ye, {
 		rows: e.rows,
 		variant: "donut",
 		className: t
-	}) : e.type === "sankey" ? /* @__PURE__ */ s(rt, {
+	}) : e.type === "sankey" ? /* @__PURE__ */ s(ot, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "flow" ? /* @__PURE__ */ s(nt, {
+	}) : e.type === "flow" ? /* @__PURE__ */ s(at, {
 		selectedEntity: e.selectedEntity,
 		className: t
-	}) : e.type === "trend" ? /* @__PURE__ */ s(St, {
+	}) : e.type === "trend" ? /* @__PURE__ */ s(Et, {
 		points: e.points,
 		className: t
-	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(ze, {
+	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(Be, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(ke, { data: e.data }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(Se, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(fe, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(bt, {
+	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Ae, { data: e.data }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(Ce, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(fe, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(wt, {
 		segments: e.segments,
 		title: e.title
-	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Pe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(vt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(He, {
+	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Ie, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(St, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(Ge, {
 		total: e.total,
 		items: e.items
 	}) : e.type === "semi-circular-gauge-chart" ? /* @__PURE__ */ s(he, {
 		value: e.value,
 		confirmed: e.confirmed,
 		total: e.total
-	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(kt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(ot, {
+	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Nt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(lt, {
 		left: e.left,
 		right: e.right
-	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(ct, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(ht, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(Mt, { items: e.items }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(dt, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(vt, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(It, { items: e.items }) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
 }
 //#endregion
 //#region src/utils/mounts.tsx
-var Ft = [];
-function It(e) {
+var zt = [];
+function Bt(e) {
 	try {
 		return JSON.parse(decodeURIComponent(e));
 	} catch {
 		return null;
 	}
 }
-function Lt() {
-	for (; Ft.length;) {
-		let e = Ft.pop();
+function Vt() {
+	for (; zt.length;) {
+		let e = zt.pop();
 		e && e.unmount();
 	}
 }
-function Rt() {
-	Lt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
+function Ht() {
+	Vt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
 		let n = t.dataset.d3Viz;
 		if (!n) return;
-		let r = It(n);
+		let r = Bt(n);
 		if (!r) return;
 		let i = e(t);
-		Ft.push(i), i.render(/* @__PURE__ */ s(Pt, { config: r }));
+		zt.push(i), i.render(/* @__PURE__ */ s(Rt, { config: r }));
 	});
 }
-function zt(e) {
+function Ut(e) {
 	return encodeURIComponent(JSON.stringify(e));
 }
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
-function Bt({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(Ke, {
+function Wt({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(Ye, {
 		rows: e,
 		variant: "donut",
 		className: t,
@@ -2456,7 +2471,7 @@ var Z = {
 	red: u.red,
 	amber: u.amber,
 	green: u.green
-}, Q = "'Satoshi Variable', 'DM Sans', sans-serif", Vt = {
+}, Q = "'Satoshi Variable', 'DM Sans', sans-serif", Gt = {
 	color: "#F7F7F7",
 	fontFamily: Q,
 	fontSize: 24,
@@ -2469,7 +2484,7 @@ var Z = {
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function Ht({ chips: e = [] }) {
+function Kt({ chips: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2491,7 +2506,7 @@ function Ht({ chips: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
-					...Vt,
+					...Gt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2505,7 +2520,7 @@ function Ht({ chips: e = [] }) {
 		}, t))
 	});
 }
-function Ut({ items: e = [] }) {
+function qt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2528,7 +2543,7 @@ function Ut({ items: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Vt,
+					...Gt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2539,7 +2554,7 @@ function Ut({ items: e = [] }) {
 		}, t))
 	});
 }
-function Wt({ items: e = [] }) {
+function Jt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2571,7 +2586,7 @@ function Wt({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...Vt,
+						...Gt,
 						fontSize: 16,
 						color: e.color ?? Z.t1,
 						minWidth: 70,
@@ -2590,7 +2605,7 @@ function Wt({ items: e = [] }) {
 		}, t))
 	});
 }
-function Gt({ items: e = [] }) {
+function Yt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2613,7 +2628,7 @@ function Gt({ items: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Vt,
+					...Gt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2624,12 +2639,12 @@ function Gt({ items: e = [] }) {
 		}, t))
 	});
 }
-var Kt = {
+var Xt = {
 	red: Z.red,
 	amber: Z.amber,
 	green: Z.green
 };
-function qt({ items: e = [] }) {
+function Zt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2637,7 +2652,7 @@ function qt({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = Kt[e.severity];
+			let n = Xt[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -2662,7 +2677,7 @@ function qt({ items: e = [] }) {
 		})
 	});
 }
-function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
+function Qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 	let a = t - e;
 	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
 		style: {
@@ -2772,10 +2787,10 @@ function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 				}, r);
 			})
 		]
-	}), i && i.length > 0 && /* @__PURE__ */ s(Ht, { chips: i })] });
+	}), i && i.length > 0 && /* @__PURE__ */ s(Kt, { chips: i })] });
 }
-function Yt({ 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;
+function $t({ 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.blue;
 	return /* @__PURE__ */ c("div", { children: [
 		/* @__PURE__ */ c("div", {
 			style: {
@@ -2868,10 +2883,10 @@ function Yt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				})
 			})]
 		}),
-		d && d.length > 0 && /* @__PURE__ */ s(Ht, { chips: d })
+		d && d.length > 0 && /* @__PURE__ */ s(Kt, { chips: d })
 	] });
 }
-function Xt({ pct: e, label: t, color: n, chips: r }) {
+function en({ 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: {
@@ -2952,7 +2967,7 @@ function Xt({ pct: e, label: t, color: n, chips: r }) {
 					},
 					children: [/* @__PURE__ */ s("span", {
 						style: {
-							...Vt,
+							...Gt,
 							color: e.color ?? Z.t1
 						},
 						children: e.value
@@ -2965,16 +2980,16 @@ function Xt({ pct: e, label: t, color: n, chips: r }) {
 		})]
 	});
 }
-var Zt = {
+var tn = {
 	green: "#34D39918",
 	amber: "#FBBF2418",
 	red: "#F0606018"
-}, Qt = {
+}, nn = {
 	green: "#34D399",
 	amber: "#FBBF24",
 	red: "#F06060"
 };
-function $t({ items: e = [] }) {
+function rn({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -3038,8 +3053,8 @@ function $t({ items: e = [] }) {
 					style: {
 						fontSize: 16,
 						fontWeight: 600,
-						color: Qt[e.badgeSeverity],
-						background: Zt[e.badgeSeverity],
+						color: nn[e.badgeSeverity],
+						background: tn[e.badgeSeverity],
 						padding: "2px 7px",
 						borderRadius: 4,
 						fontFamily: Q,
@@ -3062,12 +3077,12 @@ function $t({ items: e = [] }) {
 		}, t))
 	});
 }
-var en = {
+var an = {
 	red: Z.red,
 	amber: Z.amber,
 	green: Z.green
 };
-function tn({ items: e = [] }) {
+function on({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -3075,7 +3090,7 @@ function tn({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = en[e.severity];
+			let n = an[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -3127,7 +3142,7 @@ function tn({ items: e = [] }) {
 		})
 	});
 }
-function nn({ columns: e = [], rows: t = [] }) {
+function sn({ columns: e = [], rows: t = [] }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -3190,7 +3205,7 @@ function nn({ columns: e = [], rows: t = [] }) {
 		}, t))]
 	});
 }
-function rn({ text: e }) {
+function cn({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			padding: "8px 12px",
@@ -3215,22 +3230,22 @@ function rn({ text: e }) {
 		})]
 	});
 }
-function an({ block: e }) {
+function ln({ block: e }) {
 	if (!e) return null;
 	let t = (() => {
 		switch (e.type) {
-			case "stats": return /* @__PURE__ */ s(Ut, { items: e.items });
-			case "ranked": return /* @__PURE__ */ s(Wt, { items: e.items });
-			case "chips": return /* @__PURE__ */ s(Gt, { items: e.items });
-			case "badges": return /* @__PURE__ */ s(qt, { items: e.items });
-			case "dot-strip": return /* @__PURE__ */ s(Jt, {
+			case "stats": return /* @__PURE__ */ s(qt, { items: e.items });
+			case "ranked": return /* @__PURE__ */ s(Jt, { items: e.items });
+			case "chips": return /* @__PURE__ */ s(Yt, { items: e.items });
+			case "badges": return /* @__PURE__ */ s(Zt, { items: e.items });
+			case "dot-strip": return /* @__PURE__ */ s(Qt, {
 				min: e.min,
 				max: e.max,
 				unit: e.unit,
 				dots: e.dots,
 				chips: e.chips
 			});
-			case "proportion": return /* @__PURE__ */ s(Yt, {
+			case "proportion": return /* @__PURE__ */ s($t, {
 				leftPct: e.leftPct,
 				leftLabel: e.leftLabel,
 				leftValue: e.leftValue,
@@ -3241,15 +3256,15 @@ function an({ block: e }) {
 				rightColor: e.rightColor,
 				chips: e.chips
 			});
-			case "ring": return /* @__PURE__ */ s(Xt, {
+			case "ring": return /* @__PURE__ */ s(en, {
 				pct: e.pct,
 				label: e.label,
 				color: e.color,
 				chips: e.chips
 			});
-			case "scorecard-rows": return /* @__PURE__ */ s($t, { items: e.items });
-			case "flags-list": return /* @__PURE__ */ s(tn, { items: e.items });
-			case "comparison-rows": return /* @__PURE__ */ s(nn, {
+			case "scorecard-rows": return /* @__PURE__ */ s(rn, { items: e.items });
+			case "flags-list": return /* @__PURE__ */ s(on, { items: e.items });
+			case "comparison-rows": return /* @__PURE__ */ s(sn, {
 				columns: e.columns,
 				rows: e.rows
 			});
@@ -3262,8 +3277,8 @@ function an({ block: e }) {
 			flexDirection: "column",
 			gap: 24
 		},
-		children: [t, /* @__PURE__ */ s(rn, { text: e.takeaway })]
+		children: [t, /* @__PURE__ */ s(cn, { text: e.takeaway })]
 	}) : t;
 }
 //#endregion
-export { ne as AreaChart, ie as BarChart, l as ChartFrame, Bt as DonutChart, an as KeyHighlights, Ie as LineChart, ze as MiniBars, Ke as PieChart, nt as ProcessSankey, rt as RankingSankey, Je as SankeySvg, te as SeriesChart, ht as Trend, St as TrendChart, Pt as VisualizationRenderer, Lt as cleanupVisualizationMounts, Rt as hydrateVisualizationMounts, zt as serializeVisualizationConfig };
+export { te as AreaChart, ie as BarChart, l as ChartFrame, Wt as DonutChart, ln as KeyHighlights, Le as LineChart, Be as MiniBars, Ye as PieChart, at as ProcessSankey, ot as RankingSankey, Ze as SankeySvg, ee as SeriesChart, vt as Trend, Et as TrendChart, Rt as VisualizationRenderer, Vt as cleanupVisualizationMounts, Ht as hydrateVisualizationMounts, Ut as serializeVisualizationConfig };