@divami-artefacts/ai-design-system 1.0.22 → 1.0.24

package/dist/index.js

@@ -126,33 +126,33 @@ function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
 		children: [
 			f && /* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 12,
+					fontSize: 14,
 					fontWeight: 400,
 					color: u.t2,
 					marginBottom: 3,
 					whiteSpace: "nowrap",
-					lineHeight: "18px"
+					lineHeight: "20px"
 				},
 				children: f
 			}),
 			/* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 14,
+					fontSize: 16,
 					fontWeight: 500,
 					color: u.t1,
 					whiteSpace: "nowrap",
-					lineHeight: "20px"
+					lineHeight: "22px"
 				},
 				children: p
 			}),
 			m && /* @__PURE__ */ s("div", {
 				style: {
-					fontSize: 12,
+					fontSize: 14,
 					fontWeight: 400,
 					color: "var(--tooltip-accent)",
 					marginTop: 3,
 					whiteSpace: "nowrap",
-					lineHeight: "18px"
+					lineHeight: "20px"
 				},
 				children: m
 			})
@@ -504,7 +504,11 @@ var L = 680, R = 42, oe = 10, se = 24, ce = 24, le = 8, ue = [
 	u.amber,
 	u.red
 ];
-function de({ items: e = [], "data-testid": t }) {
+function de(e) {
+	let t = Math.abs(e), n = e < 0 ? "-" : "";
+	return t >= 1e6 ? `${n}£${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${n}£${(t / 1e3).toFixed(1)}K` : `${n}£${t.toFixed(0)}`;
+}
+function fe({ items: e = [], "data-testid": t }) {
 	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
@@ -532,7 +536,7 @@ function de({ items: e = [], "data-testid": t }) {
 				let m = {
 					label: r.name,
 					value: `${r.percentage ?? 0}% commitment`,
-					sublabel: `Base: ${r.baseLabel ?? String(r.base ?? 0)} · Variations: ${r.variationLabel ?? String(r.variation ?? 0)}`,
+					sublabel: `Base: ${de(r.base ?? 0)} · Variations: ${de(r.variation ?? 0)}`,
 					color: o
 				};
 				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);
@@ -574,18 +578,18 @@ function de({ items: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/semiCircularGaugeChart/SemiCircularGaugeChart.tsx
-var fe = 480, pe = 340;
-function me({ value: e, confirmed: t, total: r, "data-testid": i }) {
+var pe = 480, me = 340;
+function he({ value: e, confirmed: t, total: r, "data-testid": i }) {
 	let o = a(null), c = a(0);
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let i = v(n, fe, pe);
+		let i = v(n, pe, me);
 		c.current = 0;
-		let a = fe / 2, s = Math.PI, l = 2 * Math.PI, d = Math.PI, p, g = () => {
+		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, fe, pe), i.letterSpacing = f.letterSpacing;
+			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(), [
 				{
@@ -645,16 +649,16 @@ function me({ value: e, confirmed: t, total: r, "data-testid": i }) {
 		"data-testid": i,
 		style: {
 			position: "relative",
-			width: fe,
-			height: pe
+			width: pe,
+			height: me
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: o,
 			role: "img",
 			"aria-label": `Compensation event gauge — ${e}% of NCEs confirmed as compensation events`,
 			style: {
-				width: fe,
-				height: pe,
+				width: pe,
+				height: me,
 				display: "block"
 			}
 		})
@@ -662,7 +666,7 @@ function me({ value: e, confirmed: t, total: r, "data-testid": i }) {
 }
 //#endregion
 //#region src/canvas/useCanvasLoop.ts
-function he(e, t, r, i, o = !0, s = {}) {
+function ge(e, t, r, i, o = !0, s = {}) {
 	let c = a(0), { easing: l = D, durationFrames: u = 48 } = s;
 	n(() => {
 		let n = e.current;
@@ -694,40 +698,40 @@ function he(e, t, r, i, o = !0, s = {}) {
 }
 //#endregion
 //#region src/components/multiMetricConstellationChart/MultiMetricConstellationChart.tsx
-var z = 780, ge = 234, _e = 130, ve = 52, ye = [
+var z = 780, _e = 234, ve = 130, ye = 52, be = [
 	u.blue,
 	u.amber,
 	u.purple,
 	u.green
-], be = [
+], xe = [
 	"Base Value",
 	"Variations",
 	"Commitment"
-], xe = [
+], Se = [
 	"Base",
 	"Var",
 	"Commit"
 ];
-function Se({ items: e = [], "data-testid": t }) {
+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: ge
+		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 = _e, o = Math.min(z * .075, ve), s = ye[r % ye.length], c = [
+			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
 			], l = [
-				n.baseLabel ?? String(n.base ?? 0),
-				n.variationLabel ?? String(n.variation ?? 0),
+				`£${n.base ?? 0}M`,
+				`£${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,
@@ -747,8 +751,8 @@ function Se({ items: e = [], "data-testid": t }) {
 			};
 		});
 	}, [p]);
-	return he(n, z, ge, (e, t, n) => {
-		N(r.current, o.current), d.current = [], b(e, z, ge, n, 30), g.forEach((t, i) => {
+	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 = 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);
@@ -764,21 +768,21 @@ function Se({ items: e = [], "data-testid": t }) {
 				});
 			}), 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.totalLabel ?? String(t.total ?? 0)} total`,
+				value: `£${t.total ?? 0}M total`,
 				sublabel: `${t.percentage ?? 0}% committed · scatter ${t.scatter.toFixed(1)}`,
 				color: a
 			});
-		}), 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, ge - 14), x(e, z, ge, n, .012);
+		}), 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: ge,
+		height: _e,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
 			width: z,
-			height: ge
+			height: _e
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: n,
@@ -786,19 +790,19 @@ function Se({ items: e = [], "data-testid": t }) {
 			"aria-label": "Contract value breakdown per contractor — multi-KPI constellation chart",
 			style: {
 				width: z,
-				height: ge,
+				height: _e,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			...l,
 			parentW: z,
-			parentH: ge
+			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.amber,
 	u.purple,
@@ -808,38 +812,48 @@ var Ce = 680, we = 220, Te = 8, Ee = [
 	right: 80,
 	top: 16,
 	bottom: 38
-}, De = 88, V = 18;
-function Oe({ data: e, "data-testid": t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), [i, l] = o(!1), { items: d = [], totals: g } = e, _ = d.filter((e) => typeof e == "object" && !!e), v = [..._].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), b = i ? v : v.slice(0, Te), x = b.length, S = Math.max(...v.map((e) => Math.abs(e.total ?? 0)), 1), T = Math.max(we, B.top + B.bottom + x * V + Math.max(0, x - 1) * 8), D = Ce - B.left - De - B.right, k = x > 1 ? (T - B.top - B.bottom - x * V) / (x - 1) : 0, A = _.length === 0, { hoveredRef: j, tooltip: P, hitZonesRef: F } = w(n, {
-		width: Ce,
+}, Oe = 150, V = 18;
+function ke(e, t, n) {
+	if (e.measureText(t).width <= n) return t;
+	let r = t;
+	for (; r.length > 0 && e.measureText(r + "…").width > n;) r = r.slice(0, -1);
+	return r + "…";
+}
+function Ae(e) {
+	let t = Math.abs(e), n = e < 0 ? "-" : "";
+	return t >= 1e6 ? `${n}£${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${n}£${(t / 1e3).toFixed(1)}K` : `${n}£${t.toFixed(0)}`;
+}
+function je({ data: e, "data-testid": t }) {
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), [i, l] = o(!1), { items: d = [], totals: g } = e, _ = d.filter((e) => typeof e == "object" && !!e), v = [..._].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), b = i ? v : v.slice(0, Ee), x = b.length, S = Math.max(...v.map((e) => Math.abs(e.total ?? 0)), 1), T = Math.max(Te, B.top + B.bottom + x * V + Math.max(0, x - 1) * 8), D = we - B.left - Oe - B.right, k = x > 1 ? (T - B.top - B.bottom - x * V) / (x - 1) : 0, A = _.length === 0, { hoveredRef: j, tooltip: P, hitZonesRef: F } = w(n, {
+		width: we,
 		height: T
 	});
-	return he(n, Ce, T, (e, t) => {
+	return ge(n, we, T, (e, t) => {
 		N(r.current, j.current), F.current = [], b.forEach((n, i) => {
-			let a = Ee[i % Ee.length], o = M(t, i, x, O), s = B.top + i * (V + k), c = B.left + De, l = r.current.get(n.id) ?? 0, d = Math.max(n.base ?? 0, 0), m = Math.max(n.total ?? 0, 0), g = d / S * D * o, _ = m / S * D * o, v = _ - g;
-			e.font = f.font, 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, D, V, 4), e.fill(), g > 0 && (l > 0 && y(e, c + g / 2, s + V / 2, g * .3, a, .1 * l), e.fillStyle = h(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, g, V, 4), e.fill()), v > 2 && (e.fillStyle = h(a, .22 + l * .08), e.beginPath(), e.roundRect(c + g, s, v, V, [
+			let a = De[i % De.length], o = M(t, i, x, O), s = B.top + i * (V + k), c = B.left + Oe, l = r.current.get(n.id) ?? 0, d = Math.max(n.base ?? 0, 0), m = Math.max(n.total ?? 0, 0), g = d / S * D * o, _ = m / S * D * o, v = _ - g;
+			e.font = f.font, e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(ke(e, n.name, Oe - 16), c - 8, s + V / 2), e.fillStyle = h(u.bd, .25), e.beginPath(), e.roundRect(c, s, D, V, 4), e.fill(), g > 0 && (l > 0 && y(e, c + g / 2, s + V / 2, g * .3, a, .1 * l), e.fillStyle = h(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, g, V, 4), e.fill()), v > 2 && (e.fillStyle = h(a, .22 + l * .08), e.beginPath(), e.roundRect(c + g, s, v, V, [
 				0,
 				4,
 				4,
 				0
-			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = h(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + g, s + 3), e.lineTo(c + g, s + V - 3), e.stroke(), e.setLineDash([])), l > 0 && _ > 0 && (e.strokeStyle = h(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, _, V, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = p.font, e.fillStyle = l > 0 ? a : p.color, e.textAlign = "left", e.textBaseline = "middle", e.fillText(n.totalLabel ?? String(n.total ?? 0), c + _ + 6, s + V / 2), e.globalAlpha = 1), E(F.current, n.id, c, s, Math.max(_, 1), V, {
+			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = h(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + g, s + 3), e.lineTo(c + g, s + V - 3), e.stroke(), e.setLineDash([])), l > 0 && _ > 0 && (e.strokeStyle = h(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, _, V, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = p.font, e.fillStyle = l > 0 ? a : p.color, e.textAlign = "left", e.textBaseline = "middle", e.fillText(Ae(n.total ?? 0), c + _ + 6, s + V / 2), e.globalAlpha = 1), E(F.current, n.id, c, s, Math.max(_, 1), V, {
 				label: n.name,
-				value: `${n.totalLabel ?? String(n.total ?? 0)} total`,
-				sublabel: `Base ${n.baseLabel ?? String(n.base ?? 0)} + Var ${n.variationLabel ?? String(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
+				value: `${Ae(n.total ?? 0)} total`,
+				sublabel: `Base ${Ae(n.base ?? 0)} + Var ${Ae(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
 				color: a
 			});
 		});
 		let n = T - 14;
-		e.textBaseline = "middle", e.font = m.font, e.textAlign = "left", e.fillStyle = h(u.blue, .5), e.beginPath(), e.roundRect(B.left + De, n - 3, 14, 6, 2), e.fill(), e.fillStyle = m.color, e.fillText("base value", B.left + De + 18, n), e.fillStyle = h(u.blue, .22), e.beginPath(), e.roundRect(B.left + De + 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 + De + 101, n - 3), e.lineTo(B.left + De + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = m.color, e.fillText("approved variations", B.left + De + 112, n), e.font = m.font, e.textAlign = "right", e.fillStyle = m.color, e.fillText(`Portfolio: ${String(g?.total ?? 0)}`, Ce - 8, n);
+		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: ${Ae(g?.total ?? 0)}`, we - 8, n);
 	}, !0, { easing: O }), A ? /* @__PURE__ */ s(I, {
-		width: Ce,
-		height: we,
+		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", {
@@ -849,17 +863,17 @@ function Oe({ data: e, "data-testid": t }) {
 				role: "img",
 				"aria-label": "Total contract value per contractor — horizontal bar chart",
 				style: {
-					width: Ce,
+					width: we,
 					height: T,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(C, {
 				...P,
-				parentW: Ce,
+				parentW: we,
 				parentH: T
 			})]
-		}), _.length > Te && /* @__PURE__ */ s("div", {
+		}), _.length > Ee && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
 				expanded: i,
@@ -870,94 +884,92 @@ function Oe({ data: e, "data-testid": t }) {
 }
 //#endregion
 //#region src/components/rankedCardLeaderboard/RankedCardLeaderboard.tsx
-var ke = 780, H = 240, Ae = 12, je = 10, Me = [
+var H = 780, U = 240, Me = 12, Ne = 10, Pe = [
 	"Highest exposure",
 	"Elevated risk",
 	"Moderate exposure",
 	"Moderate exposure",
 	"Low exposure"
 ];
-function Ne({ items: e = [], "data-testid": t }) {
+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: ke,
-		height: H
+		width: H,
+		height: U
 	}), 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 = v(e, ke, H);
+		let t = v(e, H, U);
 		o.current = 0;
-		let n = Math.min(5, b.length), i = (ke - 2 * Ae - (n - 1) * je) / n, a = H * .84, s = H * .08, c, g = () => {
+		let n = Math.min(5, b.length), i = (H - 2 * Me - 4 * Ne) / 5, a = U * .84, s = U * .08, c = n * i + (n - 1) * Ne, g = Math.round((H - c) / 2), C, w = () => {
 			o.current++;
 			let e = o.current;
-			t.clearRect(0, 0, ke, H), t.letterSpacing = f.letterSpacing, _.current = [], l.current.forEach((e, t) => {
+			t.clearRect(0, 0, H, U), 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);
 			}), 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 = Ae + r * (i + je), 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 o = r === 0, c = r === 0 ? u.red : r === 1 ? u.amber : d[r % d.length], f = g + r * (i + Ne), m = l.current.get(n.id) ?? 0, v = m * 8, b = f - v / 2, x = i + v, C = o ? j(e, .04, 3e-4) * .06 + .06 : 0;
+				t.fillStyle = h(c, .08 + m * .07), t.beginPath(), t.roundRect(b, s, x, a, 6), t.fill(), t.strokeStyle = h(c, .2 + m * .4 + C), t.lineWidth = o ? 1.5 : 1, t.stroke(), (m > .01 || o) && y(t, b + x / 2, s + a / 2, x * .55, c, C + m * .14), t.font = p.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = h(c, .5 + m * .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);
-				let k = n.label ?? String(n.count ?? 0);
-				t.font = p.font, t.textBaseline = "alphabetic", t.fillStyle = h(c, .9 + g * .1), t.fillText(k, T, s + a * .76), n.label || (t.font = f.font, t.fillStyle = f.color, t.fillText("open EWs", T, s + a * .88));
-				let A = Math.round((n.count ?? 0) / (S || 1) * 100), M = Me[r] ?? "Low exposure";
-				E(_.current, n.id, m, s, i, a, {
+				O.addColorStop(0, h(c, .5 + m * .2)), O.addColorStop(1, h(c, .2 + m * .1)), t.beginPath(), t.arc(T, D, w, 0, Math.PI * 2), t.fillStyle = O, t.fill(), t.strokeStyle = h(c, .4 + m * .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 + m * .1), t.fillText(String(n.count ?? 0), T, s + a * .76);
+				let k = Math.round((n.count ?? 0) / (S || 1) * 100), A = Pe[r] ?? "Low exposure";
+				E(_.current, n.id, f, s, i, a, {
 					label: n.name,
-					value: `${k} open · ${A}% of total`,
-					sublabel: `Rank #${r + 1} · ${M}`,
+					value: `${n.count ?? 0} · ${k}% of total`,
+					sublabel: `Rank #${r + 1} · ${A}`,
 					color: c
 				});
-			}), x(t, ke, H, e, .015), c = requestAnimationFrame(g);
+			}), x(t, H, U, e, .015), C = requestAnimationFrame(w);
 		};
-		return g(), () => cancelAnimationFrame(c);
+		return w(), () => cancelAnimationFrame(C);
 	}, [b, S]), b.length === 0 ? /* @__PURE__ */ s(I, {
-		width: ke,
-		height: H,
+		width: H,
+		height: U,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: ke,
-			height: H
+			width: H,
+			height: U
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
-			"aria-label": "Contractor rank — open EW count per contractor",
+			"aria-label": "Contractor rank — count per contractor",
 			style: {
-				width: ke,
-				height: H,
+				width: H,
+				height: U,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(C, {
 			...g,
-			parentW: ke,
-			parentH: H
+			parentW: H,
+			parentH: U
 		})]
 	});
 }
 //#endregion
 //#region src/components/dotMatrixChart/DotMatrixChart.tsx
-var U = 680, W = 260;
-function Pe({ items: e = [], "data-testid": t }) {
+var W = 680, G = 260;
+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
+		width: W,
+		height: G
 	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, U, W);
+		let t = v(e, W, G);
 		o.current = 0;
-		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 = () => {
+		let n = g.length, i = Math.max(...g.map((e) => e.count), 1), a = i, s = W * .05, c = G * .1, p = W * .9 / n, _ = G * .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), m.current = [], l.current.forEach((e, t) => {
+			t.clearRect(0, 0, W, G), 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), b(t, U, W, e, 40, h(u.blue, .04)), g.forEach((n, r) => {
+			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), b(t, W, G, 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 * p + p / 2, f = c + u * _ + _ / 2, v = Math.min(p, _) * .38;
@@ -975,40 +987,40 @@ function Pe({ items: e = [], "data-testid": t }) {
 				}
 				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);
+			}), x(t, W, G, e, .015), C = requestAnimationFrame(w);
 		};
 		return w(), () => cancelAnimationFrame(C);
 	}, [g]), g.length === 0 ? /* @__PURE__ */ s(I, {
-		width: U,
-		height: W,
+		width: W,
+		height: G,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: U,
-			height: W
+			width: W,
+			height: G
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Early Warning count by category — breathing dot grid",
 			style: {
-				width: U,
-				height: W,
+				width: W,
+				height: G,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(C, {
 			...p,
-			parentW: U,
-			parentH: W
+			parentW: W,
+			parentH: G
 		})]
 	});
 }
 //#endregion
 //#region src/components/lineChart/LineChart.tsx
-function Fe({ rows: e = [], className: t, colors: n }) {
+function Le({ rows: e = [], className: t, colors: n }) {
 	return /* @__PURE__ */ s(ee, {
 		rows: e,
 		variant: "line",
@@ -1018,7 +1030,7 @@ function Fe({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/constants.ts
-var Ie = [
+var Re = [
 	"#4C93D9",
 	"#5DA537",
 	"#F3862C",
@@ -1026,7 +1038,7 @@ var Ie = [
 	"#A0B724",
 	"#EEBF3B",
 	"#3C45D1"
-], Le = {
+], ze = {
 	nodes: [
 		{
 			id: "supplier-x",
@@ -1069,8 +1081,8 @@ var Ie = [
 };
 //#endregion
 //#region src/components/miniBars/MiniBars.tsx
-function Re({ rows: e = [], className: t, colors: n }) {
-	let r = n?.slices ?? Ie;
+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", {
@@ -1096,7 +1108,7 @@ function Re({ rows: e = [], className: t, colors: n }) {
 							width: Math.max(0, Math.min(100, t)),
 							height: "12",
 							rx: "6",
-							className: `d3-mini-fill tone-${i % Ie.length}`,
+							className: `d3-mini-fill tone-${i % Re.length}`,
 							fill: r[i % r.length]
 						})]
 					})
@@ -1108,101 +1120,98 @@ function Re({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/radialFanTreeChart/RadialFanTreeChart.tsx
-var ze = 680, Be = 320, Ve = 60, He = 28;
-function Ue({ total: e = 0, totalLabel: t, items: r = [], "data-testid": o }) {
-	let l = a(null), m = a(/* @__PURE__ */ new Map()), g = a(0), _ = i(() => r.filter((e) => typeof e == "object" && !!e), [r]), b = i(() => Math.max(Be, Ve + Math.max(0, _.length - 1) * He), [_.length]), { hoveredRef: x, tooltip: S, hitZonesRef: E } = w(l, {
-		width: ze,
-		height: b
+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 n = l.current;
-		if (!n) return;
-		let r = v(n, ze, b);
-		g.current = 0;
-		let i = b / 2, a = ze - 80, o = Math.max(..._.map((e) => e.count ?? 0)), s = (b - 60) / (_.length - 1), c = _.map((e, t) => ({
-			x: a,
+		let t = o.current;
+		if (!t) return;
+		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
-		})), S, C = () => {
-			g.current++;
-			let n = g.current;
-			r.clearRect(0, 0, ze, b), r.letterSpacing = f.letterSpacing;
-			let s = D(Math.min(n / 72, 1));
-			N(m.current, x.current), E.current = [], y(r, 88, i, 48 * s, u.blue, .15 * s), _.forEach((t, n) => {
-				let l = d[n % d.length], g = M(s, n, _.length, D), v = c[n], b = m.current.get(t.id) ?? 0, x = Math.max(1.5, (t.count ?? 0) / o * 6);
-				if (g < .01) return;
-				let S = 88 + (a - 88) * .4, C = i, w = 88 + (a - 88) * .6, O = v.y, k = g;
-				r.beginPath();
+		})), 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 * k, n = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * S + 3 * (1 - t) * t ** 2 * w + t ** 3 * v.x, a = (1 - t) ** 3 * i + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * O + t ** 3 * v.y;
-					e === 0 ? r.moveTo(n, a) : r.lineTo(n, a);
+					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 (r.strokeStyle = h(l, b > 0 ? .8 : .45), r.lineWidth = x * (b > 0 ? 1.3 : 1), r.stroke(), g > .85) {
-					let n = Math.min(1, (g - .85) / .15), i = 4 + (t.count ?? 0) / o * 12;
-					y(r, v.x, v.y, i * 2.5, l, (.25 + b * .2) * n), r.beginPath(), r.arc(v.x, v.y, i * n, 0, Math.PI * 2), r.fillStyle = h(l, (.7 + b * .2) * n), r.fill();
-					let a = t.label ?? String(t.count ?? 0);
-					T(E.current, t.id, v.x, v.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: `${a} NCEs raised`,
+						value: `${t.count ?? 0} NCEs raised`,
 						sublabel: `${Math.round((t.count ?? 0) / e * 100)}% of all NCEs`,
-						color: l
-					}), r.globalAlpha = n, r.font = f.font, r.textAlign = "left";
-					let s = t.abbreviation ?? t.name.slice(0, 6), c = ` ${a}`, d = v.x + i + 6, m = v.y + 4;
-					r.fillStyle = b > 0 ? l : h(u.t2, .85), r.fillText(s, d, m);
-					let _ = r.measureText(s).width;
-					r.font = p.font, r.fillStyle = b > 0 ? l : u.t1, r.fillText(c, d + _, m), r.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;
 				}
-			}), r.beginPath(), r.arc(88, i, 32 * s, 0, Math.PI * 2), r.fillStyle = u.bgL, r.fill(), r.strokeStyle = h(u.blue, .6 * s), r.lineWidth = 2, r.stroke(), s > .4 && (r.globalAlpha = Math.min(1, (s - .4) / .4), r.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", r.fillStyle = u.t1, r.textAlign = "center", r.fillText(t ?? String(e), 88, i + 5), r.font = f.font, r.fillStyle = f.color, r.fillText("NCEs", 88, i + 18), r.globalAlpha = 1), S = requestAnimationFrame(C);
+			}), 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 C(), () => cancelAnimationFrame(S);
+		return C(), () => cancelAnimationFrame(x);
 	}, [
 		e,
-		t,
-		_,
-		b
-	]), _.length === 0 ? /* @__PURE__ */ s(I, {
-		width: ze,
-		height: Be,
-		"data-testid": o
+		g,
+		_
+	]), g.length === 0 ? /* @__PURE__ */ s(I, {
+		width: Ve,
+		height: He,
+		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
-		"data-testid": o,
+		"data-testid": r,
 		style: {
 			position: "relative",
-			width: ze,
-			height: b
+			width: Ve,
+			height: _
 		},
 		children: [/* @__PURE__ */ s("canvas", {
-			ref: l,
+			ref: o,
 			role: "img",
 			"aria-label": "NCE fault tree — NCEs per contractor as branching tree",
 			style: {
-				width: ze,
-				height: b,
+				width: Ve,
+				height: _,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
-			...S,
-			parentW: ze,
-			parentH: b
+			...x,
+			parentW: Ve,
+			parentH: _
 		})]
 	});
 }
 //#endregion
 //#region src/components/pieChart/PieChart.tsx
-var We = 192, Ge = We, Ke = We + 80;
-function qe({ rows: e = [], variant: t, className: r, colors: i }) {
+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: Ge,
-		height: Ke
+		width: qe,
+		height: Je
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = v(n, Ge, Ke);
+		let r = v(n, qe, Je);
 		p.current = 0;
-		let i = Ge / 2, a = We / 2, s = We * .4, c = t === "donut" ? We * .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, Ge, Ke);
+			r.clearRect(0, 0, qe, Je);
 			let o = 1 - (1 - Math.min(n / 48, 1)) ** 3;
 			N(f.current, g.current), x.current = [];
 			let v = -Math.PI / 2;
@@ -1216,10 +1225,10 @@ function qe({ rows: e = [], variant: t, className: r, colors: i }) {
 				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 = We + 12;
+			let S = Ke + 12;
 			e.forEach((e, t) => {
 				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)}%)`, Ge - 4, o + 3.5);
+				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);
@@ -1233,30 +1242,30 @@ function qe({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Ge,
-				height: Ke
+				width: qe,
+				height: Je
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: Ge,
-					height: Ke,
+					width: qe,
+					height: Je,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(C, {
 				...b,
-				parentW: Ge,
-				parentH: Ke
+				parentW: qe,
+				parentH: Je
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/sankey/SankeySvg.tsx
-function Je(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({
@@ -1301,8 +1310,8 @@ function Je(e, t, n, r) {
 		});
 	}), f;
 }
-function Ye({ 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(() => Je(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,
@@ -1402,7 +1411,7 @@ function Ye({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 }
 //#endregion
 //#region src/canvas/CausalFlowCanvas.tsx
-var Xe = [
+var Qe = [
 	{
 		x: .13,
 		y: .48
@@ -1435,7 +1444,7 @@ var Xe = [
 		x: .92,
 		y: .22
 	}
-], Ze = [
+], $e = [
 	u.blue,
 	u.orange,
 	u.red,
@@ -1443,7 +1452,7 @@ var Xe = [
 	u.green,
 	u.amber,
 	u.t2
-], Qe = [
+], et = [
 	26,
 	24,
 	24,
@@ -1453,21 +1462,21 @@ var Xe = [
 	22,
 	22
 ];
-function $e(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 et(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 tt(e, t) {
+function rt(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	return {
 		p0: {
@@ -1488,7 +1497,7 @@ function tt(e, t) {
 		}
 	};
 }
-function nt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
+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
@@ -1496,15 +1505,15 @@ function nt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 		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, A = i(() => e.map((e, t) => {
-		let n = Xe[t % Xe.length];
+		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: Qe[t % Qe.length],
-			color: Ze[t % Ze.length]
+			r: et[t % et.length],
+			color: $e[t % $e.length]
 		};
 	}), [
 		e,
@@ -1526,7 +1535,7 @@ function nt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 			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 = _(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = tt(r, i);
+				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,
@@ -1535,7 +1544,7 @@ function nt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 					off: (Math.random() - .5) * 13,
 					sz: .7 + Math.random() * 2
 				});
-				let f = $e(d, .5), m = `${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 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);
@@ -1545,7 +1554,7 @@ function nt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 				if (!n) return !1;
 				let r = A[n.fromIdx], i = A[n.toIdx];
 				if (!r || !i) return !1;
-				let a = tt(r, i), o = $e(a, e.t), s = et(a, e.t), c = o.x + s.x * e.off, l = o.y + s.y * e.off, u = Math.sin(e.t * Math.PI) * .7, d = _(r.color, i.color, e.t);
+				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);
@@ -1602,10 +1611,10 @@ function nt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 }
 //#endregion
 //#region src/components/sankey/ProcessSankey.tsx
-function rt({ selectedEntity: e, colors: t }) {
-	return /* @__PURE__ */ s(nt, {
-		nodes: Le.nodes,
-		links: Le.links,
+function at({ selectedEntity: e, colors: t }) {
+	return /* @__PURE__ */ s(it, {
+		nodes: ze.nodes,
+		links: ze.links,
 		width: 960,
 		height: 280,
 		selectedEntity: e
@@ -1613,7 +1622,7 @@ function rt({ selectedEntity: e, colors: t }) {
 }
 //#endregion
 //#region src/components/sankey/RankingSankey.tsx
-function it({ 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 {
@@ -1631,7 +1640,7 @@ function it({ rows: e = [], className: t, colors: n }) {
 			}))
 		};
 	}, [e]);
-	return /* @__PURE__ */ s(Ye, {
+	return /* @__PURE__ */ s(Ze, {
 		nodes: r,
 		links: a,
 		width: 760,
@@ -1643,20 +1652,20 @@ function it({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/balanceScaleChart/BalanceScaleChart.tsx
-var at = 500, ot = 320;
-function st({ 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 = v(n, at, ot);
+		let r = v(n, st, ct);
 		o.current = 0;
-		let a = at / 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, at, ot), r.letterSpacing = f.letterSpacing;
+			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, ot - 80), r.stroke(), r.beginPath(), r.arc(a, 100, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
+			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
@@ -1682,23 +1691,23 @@ function st({ left: e, right: t, "data-testid": r }) {
 				6
 			]), r.fill(), r.stroke(), r.strokeStyle = h(u.t2, .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, ot - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
+			}), 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: at,
-			height: ot
+			width: st,
+			height: ct
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: i,
 			role: "img",
 			"aria-label": "Quotation balance — accepted vs submitted quotation value",
 			style: {
-				width: at,
-				height: ot,
+				width: st,
+				height: ct,
 				display: "block"
 			}
 		})
@@ -1706,25 +1715,25 @@ function st({ left: e, right: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/areaLineChart/AreaLineChart.tsx
-var ct = 680, G = 280;
-function lt({ points: e = [], "data-testid": t }) {
+var ut = 680, K = 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: ct,
-		height: G
+		width: ut,
+		height: K
 	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, ct, G);
+		let t = v(e, ut, K);
 		l.current = 0;
-		let n = ct - 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 = K - 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
 		})), _, b = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, ct, G), t.letterSpacing = f.letterSpacing;
+			t.clearRect(0, 0, ut, K), t.letterSpacing = f.letterSpacing;
 			let r = D(Math.min(e / 72, 1));
 			N(o.current, d.current), m.current = [], [
 				.25,
@@ -1734,7 +1743,7 @@ function lt({ points: e = [], "data-testid": t }) {
 			].forEach((e) => {
 				let r = 30 + i - e * i;
 				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();
+			}), 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, K - 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);
@@ -1762,13 +1771,13 @@ function lt({ points: e = [], "data-testid": t }) {
 					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) && 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);
+				(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, K - 54 + 14);
 			}), _ = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(_);
 	}, [g]), g.length < 2 ? /* @__PURE__ */ s(I, {
-		width: ct,
-		height: G,
+		width: ut,
+		height: K,
 		"data-testid": t
 	}) : /* @__PURE__ */ s("div", {
 		"data-testid": t,
@@ -1780,106 +1789,114 @@ function lt({ points: e = [], "data-testid": t }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: ct,
-				height: G
+				width: ut,
+				height: K
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: r,
 				role: "img",
 				"aria-label": "Trend chart — count over time",
 				style: {
-					width: ct,
-					height: G,
+					width: ut,
+					height: K,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(C, {
 				...p,
-				parentW: ct,
-				parentH: G
+				parentW: ut,
+				parentH: K
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var ut = 680, K = 280, dt = 54, ft = 28, pt = 64, mt = f.font, ht = 12;
-function gt({ points: e = [], "data-testid": t }) {
+var ft = 680, q = 280, pt = 54, mt = 28, ht = 64, gt = f.font, _t = 12, vt = Math.PI * 2, yt = 72, bt = 20, xt = 5e3;
+function St({ 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 pt;
+		if (d.length <= 1) return ht;
 		let e = document.createElement("canvas").getContext("2d");
-		if (!e) return pt;
-		e.font = mt;
-		let t = Math.max(...d.map((t) => e.measureText(t.week).width));
-		return Math.max(pt, t + ht);
-	}, [d]), m = Math.round(p / 2), g = Math.max(ut - dt, ft + m + Math.max(0, d.length - 1) * p), { tooltip: _, hitZonesRef: y } = w(r, {
-		width: g,
-		height: K
+		if (!e) return ht;
+		e.font = gt;
+		let t = Math.max(1, Math.ceil(d.length / bt)), n = Math.max(...d.filter((e, n) => n % t === 0).map((t) => e.measureText(t.week).width));
+		return Math.max(ht, n + _t);
+	}, [d]), m = Math.round(p / 2), g = mt + m + Math.max(0, d.length - 1) * p, _ = Math.max(ft - pt, Math.min(g, xt)), { tooltip: y, hitZonesRef: b } = w(r, {
+		width: _,
+		height: q
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, g, K), n = o.current ? v(o.current, dt, K) : null;
+		let t = v(e, _, q), n = o.current ? v(o.current, pt, q) : null;
 		l.current = 0;
-		let i = g - ft, a = K - 30 - 54, s = Math.max(...d.map((e) => e.count), 1), c = d.length, _ = c > 1 ? Math.max((i - m) / (c - 1), p) : i - m, b = d.map((e, t) => ({
-			x: m + t * _,
-			y: 30 + a - e.count / s * a,
+		let i = d.length <= yt ? yt : Math.max(24, Math.round(yt * (yt / d.length))), a = _ - mt, s = q - 30 - 54, c = Math.max(...d.map((e) => e.count), 1), g = d.length, y = g > 1 ? (a - m) / (g - 1) : a - m, x = Math.max(1, Math.ceil(p / y)), S = d.map((e, t) => ({
+			x: m + t * y,
+			y: 30 + s - e.count / c * s,
 			point: e
 		}));
-		n && (n.clearRect(0, 0, dt, K), n.letterSpacing = f.letterSpacing, [
+		n && (n.clearRect(0, 0, pt, q), n.letterSpacing = f.letterSpacing, [
 			.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)), dt - 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 x, S = () => {
+			let t = 30 + s - e * s;
+			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(c * e)), pt - 6, t + 3);
+		}), n.save(), n.translate(12, 30 + s / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore());
+		let C = t.createLinearGradient(0, 30, 0, 30 + s);
+		C.addColorStop(0, h(u.blue, .22)), C.addColorStop(1, h(u.blue, .02));
+		let w = 0, E, O = (e) => {
+			t.font = gt, t.fillStyle = f.color, t.textAlign = "center";
+			for (let n = 0; n < e; n++) n % x === 0 && t.fillText(S[n].point.week, S[n].x, q - 54 + 14);
+		}, k = () => {
 			l.current++;
-			let e = Math.min(l.current / 72, 1), n = D(e);
-			t.clearRect(0, 0, g, K), t.letterSpacing = f.letterSpacing, [
+			let e = Math.min(l.current / i, 1), n = D(e), r = e >= 1;
+			t.clearRect(0, 0, _, q), t.letterSpacing = f.letterSpacing, [
 				.25,
 				.5,
 				.75,
 				1
 			].forEach((e) => {
-				let n = 30 + a - e * a;
-				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", m + (i - m) / 2, K - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.beginPath(), t.moveTo(m, 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(b[0].x, 30 + a), t.lineTo(b[0].x, b[0].y);
-				for (let e = 1; e < o; e++) {
-					let n = r - Math.floor(r), i = e === o - 1 && e === Math.ceil(r) && n > 0, a = i ? b[e - 1].x + (b[e].x - b[e - 1].x) * n : b[e].x, s = i ? b[e - 1].y + (b[e].y - b[e - 1].y) * n : b[e].y;
-					t.lineTo(a, s);
+				let n = 30 + s - e * s;
+				t.strokeStyle = h(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(0, n), t.lineTo(a, n), t.stroke(), t.setLineDash([]);
+			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", m + (a - m) / 2, q - 6), t.strokeStyle = h(u.bd, .3), t.lineWidth = 1, t.beginPath(), t.moveTo(m, 30 + s), t.lineTo(a, 30 + s), t.stroke();
+			let o = n * (g - 1), c = Math.floor(o) + 1;
+			if (c >= 2) {
+				t.beginPath(), t.moveTo(S[0].x, 30 + s), t.lineTo(S[0].x, S[0].y);
+				for (let e = 1; e < c; e++) {
+					let n = o - Math.floor(o), r = e === c - 1 && e === Math.ceil(o) && n > 0, i = r ? S[e - 1].x + (S[e].x - S[e - 1].x) * n : S[e].x, a = r ? S[e - 1].y + (S[e].y - S[e - 1].y) * n : S[e].y;
+					t.lineTo(i, a);
 				}
-				t.lineTo(b[o - 1].x, 30 + a), t.closePath();
-				let e = t.createLinearGradient(0, 30, 0, 30 + a);
-				e.addColorStop(0, h(u.blue, .22)), e.addColorStop(1, h(u.blue, .02)), t.fillStyle = e, t.fill();
+				t.lineTo(S[c - 1].x, 30 + s), t.closePath(), t.fillStyle = C, 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) && n > 0, a = i ? b[e - 1].x + (b[e].x - b[e - 1].x) * n : b[e].x, s = i ? b[e - 1].y + (b[e].y - b[e - 1].y) * n : b[e].y;
-				e === 0 ? t.moveTo(a, s) : t.lineTo(a, s);
+			for (let e = 0; e < c; e++) {
+				let n = o - Math.floor(o), r = e === c - 1 && e > 0 && e === Math.ceil(o) && n > 0, i = r ? S[e - 1].x + (S[e].x - S[e - 1].x) * n : S[e].x, a = r ? S[e - 1].y + (S[e].y - S[e - 1].y) * n : S[e].y;
+				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 			}
-			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), y.current = [], b.forEach((e, n) => {
-				n >= o || (T(y.current, `pt-${n}`, e.x, e.y, 10, {
-					label: e.point.week,
-					value: `${e.point.count} submissions`,
-					sublabel: `£${e.point.value}M value`,
+			t.strokeStyle = h(u.blue, .85), t.lineWidth = 2, t.stroke(), t.fillStyle = h(u.blue, .8), t.beginPath();
+			for (let e = 0; e < c; e++) t.moveTo(S[e].x + 3.5, S[e].y), t.arc(S[e].x, S[e].y, 3.5, 0, vt);
+			if (t.fill(), c > w) {
+				b.current = [];
+				for (let e = 0; e < c; e++) T(b.current, `pt-${e}`, S[e].x, S[e].y, 10, {
+					label: S[e].point.week,
+					value: `${S[e].point.count} submissions`,
+					sublabel: `£${S[e].point.value}M value`,
 					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 = mt, t.fillStyle = f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, K - 54 + 14));
-			}), e < 1 && (x = requestAnimationFrame(S));
+				});
+				w = c;
+			}
+			r && O(g), r || (E = requestAnimationFrame(k));
 		};
-		return S(), () => cancelAnimationFrame(x);
+		return k(), () => cancelAnimationFrame(E);
 	}, [
 		d,
-		g,
+		_,
 		p,
-		y
+		b
 	]), d.length < 2 ? /* @__PURE__ */ s(I, {
-		width: ut,
-		height: K,
+		width: ft,
+		height: q,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
@@ -1892,8 +1909,8 @@ function gt({ points: e = [], "data-testid": t }) {
 			ref: o,
 			"aria-hidden": "true",
 			style: {
-				width: dt,
-				height: K,
+				width: pt,
+				height: q,
 				display: "block",
 				flexShrink: 0
 			}
@@ -1906,22 +1923,22 @@ function gt({ points: e = [], "data-testid": t }) {
 			children: /* @__PURE__ */ c("div", {
 				style: {
 					position: "relative",
-					width: g,
-					height: K
+					width: _,
+					height: q
 				},
 				children: [/* @__PURE__ */ s("canvas", {
 					ref: r,
 					role: "img",
 					"aria-label": "Trend chart — count over time",
 					style: {
-						width: g,
-						height: K,
+						width: _,
+						height: q,
 						display: "block"
 					}
 				}), /* @__PURE__ */ s(C, {
-					..._,
-					parentW: g,
-					parentH: K
+					...y,
+					parentW: _,
+					parentH: q
 				})]
 			})
 		})]
@@ -1929,38 +1946,38 @@ function gt({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/proportionalBandChart/ProportionalBandChart.tsx
-var q = 680, _t = 240;
-function vt(e, t, n) {
+var J = 680, Ct = 240;
+function wt(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 yt = {
+var Tt = {
 	Critical: u.red,
 	High: u.orange,
 	Medium: u.amber,
 	Low: u.green
 };
-function bt({ severities: e = [], "data-testid": t }) {
+function Et({ 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: _t
+		width: J,
+		height: Ct
 	}), _ = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, q, _t);
+		let t = v(e, J, Ct);
 		l.current = 0;
-		let n = _.reduce((e, t) => e + t.count, 0), i = q - 28 - 28, a = _t - 50 - 52, s = _.map((e) => e.count / n * i), c, m = () => {
+		let n = _.reduce((e, t) => e + t.count, 0), i = J - 28 - 28, a = Ct - 50 - 52, s = _.map((e) => e.count / n * i), c, m = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, q, _t), t.letterSpacing = f.letterSpacing;
+			t.clearRect(0, 0, J, Ct), 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.t2, .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([]);
+			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.t2, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(J / 2, 50), t.lineTo(J / 2, 50 + a), t.stroke(), t.setLineDash([]);
 			let v = 28;
 			_.forEach((e, i) => {
-				let c = yt[e.severity] ?? u.blue, l = s[i];
+				let c = Tt[e.severity] ?? u.blue, l = s[i];
 				l * r;
 				let d = o.current.get(e.severity) ?? 0, m = v + l / 2, _ = l * .85;
 				m - _ / 2;
@@ -1972,7 +1989,7 @@ function bt({ severities: e = [], "data-testid": t }) {
 					color: c
 				}), r > .5) {
 					let i = Math.min(1, (r - .5) / .5), o = v + l / 2;
-					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? c : h(c, .9), t.textAlign = "center", t.fillText(vt(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;
+					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? c : h(c, .9), t.textAlign = "center", t.fillText(wt(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;
 				}
 				v += l;
 			});
@@ -1981,64 +1998,64 @@ function bt({ severities: e = [], "data-testid": t }) {
 		};
 		return m(), () => cancelAnimationFrame(c);
 	}, [_]), _.length === 0 ? /* @__PURE__ */ s(I, {
-		width: q,
-		height: _t,
+		width: J,
+		height: Ct,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: q,
-			height: _t
+			width: J,
+			height: Ct
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
-				width: q,
-				height: _t,
+				width: J,
+				height: Ct,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			...m,
-			parentW: q,
-			parentH: _t
+			parentW: J,
+			parentH: Ct
 		})]
 	});
 }
 //#endregion
 //#region src/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.tsx
-var J = 460, Y = 300, xt = {
+var Y = 460, X = 300, Dt = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
-function St({ segments: e = [], title: t, "data-testid": r }) {
+function Ot({ 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
+		width: Y,
+		height: X
 	}), S = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = v(e, J, Y);
+		let t = v(e, Y, X);
 		l.current = 0;
-		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 = () => {
+		let n = Y * .5, r = X * .54, i = Y * .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), t.letterSpacing = f.letterSpacing, _.current = [], d.current.forEach((e, t) => {
+			t.clearRect(0, 0, Y, X), 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);
-			}), 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 = xt[a.status] ?? u.blue, m = 2 + a.count / s * 8;
+			}), m.current && !d.current.has(m.current) && d.current.set(m.current, 0), b(t, Y, X, 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 = Dt[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 = 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 = xt[e.status] ?? u.blue, g = 10 + e.count / s * 18, v = d.current.get(e.status) ?? 0;
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, p = r + Math.sin(c) * i, m = Dt[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, {
@@ -2055,41 +2072,41 @@ function St({ segments: e = [], title: t, "data-testid": r }) {
 				label: "Total EW Status",
 				value: `${a} Early Warnings`,
 				color: u.t2
-			}), x(t, J, Y, e, .015), c = requestAnimationFrame(g);
+			}), x(t, Y, X, e, .015), c = requestAnimationFrame(g);
 		};
 		return g(), () => cancelAnimationFrame(c);
 	}, [S, t]), S.length === 0 ? /* @__PURE__ */ s(I, {
-		width: J,
-		height: Y,
+		width: Y,
+		height: X,
 		"data-testid": r
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: J,
-			height: Y
+			width: Y,
+			height: X
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: o,
 			role: "img",
 			"aria-label": t ?? "EW status arc visualization",
 			style: {
-				width: J,
-				height: Y,
+				width: Y,
+				height: X,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(C, {
 			...g,
-			parentW: J,
-			parentH: Y
+			parentW: Y,
+			parentH: X
 		})]
 	});
 }
 //#endregion
 //#region src/components/trendChart/TrendChart.tsx
-var Ct = 280, X = 96;
-function wt({ points: e = [], className: t, colors: r }) {
+var kt = 280, Z = 96;
+function At({ 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 {
@@ -2097,18 +2114,18 @@ function wt({ points: e = [], className: t, colors: r }) {
 			value: n ? Number(n[0]) : 0
 		};
 	}), [e]), { mouseRef: m, hoveredRef: g, tooltip: _, hitZonesRef: b } = w(o, {
-		width: Ct,
-		height: X
+		width: kt,
+		height: Z
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = v(e, Ct, X);
+		let t = v(e, kt, Z);
 		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, Ct, X), p.length < 2) {
+			if (t.clearRect(0, 0, kt, Z), p.length < 2) {
 				s = requestAnimationFrame(c);
 				return;
 			}
@@ -2117,9 +2134,9 @@ function wt({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = Ct - 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(Ct - 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);
+			}, o = kt - r.left - r.right, l = Z - 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, Z - r.bottom), t.lineTo(kt - r.right, Z - 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), Z - 4);
 			}), m.current.over && g.current) {
 				let e = parseInt(g.current.split("-")[1]);
 				isNaN(e) || S(t, C(e), r.top, r.top + l);
@@ -2155,44 +2172,44 @@ function wt({ points: e = [], className: t, colors: r }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Ct,
-				height: X
+				width: kt,
+				height: Z
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": "trend chart",
 				style: {
-					width: Ct,
-					height: X,
+					width: kt,
+					height: Z,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(C, {
 				..._,
-				parentW: Ct,
-				parentH: X
+				parentW: kt,
+				parentH: Z
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/segmentedSplitBarChart/SegmentedSplitBarChart.tsx
-var Tt = 680, Et = 8, Dt = 26, Ot = 14, kt = 16, At = 32;
-function jt({ 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, Et), [b, g]), S = kt + At + x.length * (Dt + Ot) - Ot, { hoveredRef: T, tooltip: D, hitZonesRef: k } = w(r, {
-		width: Tt,
+var jt = 680, Mt = 8, Nt = 26, Pt = 14, Ft = 16, It = 32;
+function Lt({ 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, Mt), [b, g]), S = Ft + It + x.length * (Nt + Pt) - Pt, { hoveredRef: T, tooltip: D, hitZonesRef: k } = w(r, {
+		width: jt,
 		height: S
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, Tt, S);
+		let t = v(e, jt, S);
 		d.current = 0;
-		let n = kt, i = At, a = Dt, o = Ot, s = Tt - 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 = () => {
+		let n = Ft, i = It, a = Nt, o = Pt, s = jt - 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, Tt, S);
+			t.clearRect(0, 0, jt, 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;
@@ -2223,16 +2240,16 @@ function jt({ items: e = [], "data-testid": t }) {
 		};
 		return C(), () => cancelAnimationFrame(b);
 	}, [x, S]), b.length === 0 ? /* @__PURE__ */ s(I, {
-		width: Tt,
+		width: jt,
 		height: 160,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		style: { width: Tt },
+		style: { width: jt },
 		children: [/* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Tt,
+				width: jt,
 				height: S
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2240,16 +2257,16 @@ function jt({ items: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Implemented vs unimplemented variations per contractor — split bar",
 				style: {
-					width: Tt,
+					width: jt,
 					height: S,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(C, {
 				...D,
-				parentW: Tt,
+				parentW: jt,
 				parentH: S
 			})]
-		}), b.length > Et && /* @__PURE__ */ s("div", {
+		}), b.length > Mt && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
 				expanded: g,
@@ -2260,18 +2277,18 @@ function jt({ items: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
-var Mt = 800, Nt = 360;
-function Pt({ items: e = [], "data-testid": t }) {
+var Rt = 800, zt = 360;
+function Bt({ 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: Mt,
-		height: Nt
+		width: Rt,
+		height: zt
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = v(t, Mt, Nt);
+		let n = v(t, Rt, zt);
 		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), m = Nt - 20 - 26, _ = m - 6 * (e.length - 1), b = 20, x = e.map((e, t) => {
+		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 = zt - 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: b,
@@ -2299,16 +2316,16 @@ function Pt({ items: e = [], "data-testid": t }) {
 		}, j, P = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, Mt, Nt), n.letterSpacing = f.letterSpacing;
+			n.clearRect(0, 0, Rt, zt), 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 * 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;
-				Ft(n, c.x + 110, h, 420 - 110 / 2, y, _ * l, c.color, S), Ft(n, c.x + 110, g, 420 - 110 / 2, b, v * l, c.color, S * .75);
+				Vt(n, c.x + 110, h, 420 - 110 / 2, y, _ * l, c.color, S), Vt(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 = A.y + a / c * m / 2, i = A.y + m - s / c * m / 2;
-				Ft(n, 475, O.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), Ft(n, 475, k.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
+				Vt(n, 475, O.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), Vt(n, 475, k.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2320,15 +2337,15 @@ function Pt({ items: e = [], "data-testid": t }) {
 					420,
 					720
 				][t];
-				n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText(e, r, Nt - 8);
+				n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText(e, r, zt - 8);
 			}), e.forEach((t, a) => {
 				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.totalLabel ?? String(t.total ?? 0)} total commitment`,
-					sublabel: `Base ${t.baseLabel ?? String(t.base ?? 0)}  +  Variations ${t.variationLabel ?? String(t.variation ?? 0)}`,
+					value: `£${t.total ?? 0}M total commitment`,
+					sublabel: `Base £${t.base ?? 0}M  +  Variations £${t.variation ?? 0}M`,
 					color: o.color
-				}), 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.totalLabel ?? String(t.total ?? 0), 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);
 				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";
@@ -2344,33 +2361,33 @@ function Pt({ items: e = [], "data-testid": t }) {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: Mt,
-			height: Nt
+			width: Rt,
+			height: zt
 		},
 		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: Mt,
-				height: Nt,
+				width: Rt,
+				height: zt,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			...m,
-			parentW: Mt,
-			parentH: Nt
+			parentW: Rt,
+			parentH: zt
 		})]
 	});
 }
-function Ft(e, t, n, r, i, a, o, s) {
+function Vt(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 = h(o, s), e.fill();
 }
 //#endregion
 //#region src/components/visualizationRenderer/VisualizationRenderer.tsx
-function It({ config: e, className: t }) {
-	return e.type === "line" ? /* @__PURE__ */ s(Fe, {
+function Ht({ config: e, className: t }) {
+	return e.type === "line" ? /* @__PURE__ */ s(Le, {
 		rows: e.rows,
 		className: t
 	}) : e.type === "area" ? /* @__PURE__ */ s(te, {
@@ -2379,78 +2396,77 @@ function It({ config: e, className: t }) {
 	}) : e.type === "bar" ? /* @__PURE__ */ s(ie, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "pie" ? /* @__PURE__ */ s(qe, {
+	}) : e.type === "pie" ? /* @__PURE__ */ s(Ye, {
 		rows: e.rows,
 		variant: "pie",
 		className: t
-	}) : e.type === "donut" ? /* @__PURE__ */ s(qe, {
+	}) : e.type === "donut" ? /* @__PURE__ */ s(Ye, {
 		rows: e.rows,
 		variant: "donut",
 		className: t
-	}) : e.type === "sankey" ? /* @__PURE__ */ s(it, {
+	}) : e.type === "sankey" ? /* @__PURE__ */ s(ot, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "flow" ? /* @__PURE__ */ s(rt, {
+	}) : e.type === "flow" ? /* @__PURE__ */ s(at, {
 		selectedEntity: e.selectedEntity,
 		className: t
-	}) : e.type === "trend" ? /* @__PURE__ */ s(wt, {
+	}) : e.type === "trend" ? /* @__PURE__ */ s(At, {
 		points: e.points,
 		className: t
-	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(Re, {
+	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(Be, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Oe, { data: e.data }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(Se, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(de, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(St, {
+	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(je, { 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(Ot, {
 		segments: e.segments,
 		title: e.title
-	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Pe, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Ne, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(bt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(Ue, {
+	}) : 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(Et, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(Ge, {
 		total: e.total,
-		totalLabel: e.totalLabel,
 		items: e.items
-	}) : e.type === "semi-circular-gauge-chart" ? /* @__PURE__ */ s(me, {
+	}) : 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(jt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(st, {
+	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Lt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(lt, {
 		left: e.left,
 		right: e.right
-	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(lt, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(gt, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(Pt, { items: e.items }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(dt, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(St, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(Bt, { items: e.items }) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
 }
 //#endregion
 //#region src/utils/mounts.tsx
-var Lt = [];
-function Rt(e) {
+var Ut = [];
+function Wt(e) {
 	try {
 		return JSON.parse(decodeURIComponent(e));
 	} catch {
 		return null;
 	}
 }
-function zt() {
-	for (; Lt.length;) {
-		let e = Lt.pop();
+function Gt() {
+	for (; Ut.length;) {
+		let e = Ut.pop();
 		e && e.unmount();
 	}
 }
-function Bt() {
-	zt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
+function Kt() {
+	Gt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
 		let n = t.dataset.d3Viz;
 		if (!n) return;
-		let r = Rt(n);
+		let r = Wt(n);
 		if (!r) return;
 		let i = e(t);
-		Lt.push(i), i.render(/* @__PURE__ */ s(It, { config: r }));
+		Ut.push(i), i.render(/* @__PURE__ */ s(Ht, { config: r }));
 	});
 }
-function Vt(e) {
+function qt(e) {
 	return encodeURIComponent(JSON.stringify(e));
 }
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
-function Ht({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(qe, {
+function Jt({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(Ye, {
 		rows: e,
 		variant: "donut",
 		className: t,
@@ -2459,7 +2475,7 @@ function Ht({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/keyHighlights/KeyHighlights.tsx
-var Z = {
+var Q = {
 	bg: "transparent",
 	border: "transparent",
 	t1: u.t1,
@@ -2469,20 +2485,20 @@ var Z = {
 	red: u.red,
 	amber: u.amber,
 	green: u.green
-}, Q = "'Satoshi Variable', 'DM Sans', sans-serif", Ut = {
+}, $ = "'Satoshi Variable', 'DM Sans', sans-serif", Yt = {
 	color: "#F7F7F7",
-	fontFamily: Q,
+	fontFamily: $,
 	fontSize: 24,
 	fontWeight: 500,
 	lineHeight: "32px"
-}, $ = {
+}, Xt = {
 	color: "#C2C2C2",
-	fontFamily: Q,
+	fontFamily: $,
 	fontSize: 18,
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function Wt({ chips: e = [] }) {
+function Zt({ chips: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2497,20 +2513,20 @@ function Wt({ chips: e = [] }) {
 				alignItems: "baseline",
 				gap: 8,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`,
+				background: Q.bg,
+				border: `1px solid ${Q.border}`,
 				borderRadius: 5,
 				boxSizing: "border-box"
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
-					...Ut,
-					color: e.color ?? Z.t1
+					...Yt,
+					color: e.color ?? Q.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("span", {
 				style: {
-					...$,
+					...Xt,
 					flex: 1
 				},
 				children: e.label
@@ -2518,7 +2534,7 @@ function Wt({ chips: e = [] }) {
 		}, t))
 	});
 }
-function Gt({ items: e = [] }) {
+function Qt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2535,24 +2551,24 @@ function Gt({ items: e = [] }) {
 				padding: 24,
 				gap: 8,
 				flexShrink: 0,
-				border: `1px solid ${Z.border}`,
-				background: Z.bg,
+				border: `1px solid ${Q.border}`,
+				background: Q.bg,
 				boxSizing: "border-box"
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Ut,
-					color: e.color ?? Z.t1
+					...Yt,
+					color: e.color ?? Q.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("div", {
-				style: { ...$ },
+				style: { ...Xt },
 				children: e.label
 			})]
 		}, t))
 	});
 }
-function Kt({ items: e = [] }) {
+function $t({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2565,28 +2581,28 @@ function Kt({ items: e = [] }) {
 				alignItems: "center",
 				gap: 12,
 				padding: "9px 14px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`
+				background: Q.bg,
+				border: `1px solid ${Q.border}`
 			},
 			children: [
 				/* @__PURE__ */ s("span", {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: e.color ?? Z.t2,
-						background: (e.color ?? Z.t2) + "22",
+						color: e.color ?? Q.t2,
+						background: (e.color ?? Q.t2) + "22",
 						padding: "2px 8px",
 						borderRadius: 4,
-						fontFamily: Q,
+						fontFamily: $,
 						flexShrink: 0
 					},
 					children: e.name
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...Ut,
+						...Yt,
 						fontSize: 18,
-						color: e.color ?? Z.t1,
+						color: e.color ?? Q.t1,
 						minWidth: 70,
 						flexShrink: 0
 					},
@@ -2594,7 +2610,7 @@ function Kt({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...$,
+						...Xt,
 						flex: 1
 					},
 					children: e.kpiLabel
@@ -2603,7 +2619,7 @@ function Kt({ items: e = [] }) {
 		}, t))
 	});
 }
-function qt({ items: e = [] }) {
+function en({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2620,28 +2636,28 @@ function qt({ items: e = [] }) {
 				padding: 24,
 				gap: 8,
 				flexShrink: 0,
-				background: Z.bg,
+				background: Q.bg,
 				boxSizing: "border-box"
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Ut,
-					color: e.color ?? Z.t1
+					...Yt,
+					color: e.color ?? Q.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("div", {
-				style: { ...$ },
+				style: { ...Xt },
 				children: e.label
 			})]
 		}, t))
 	});
 }
-var Jt = {
-	red: Z.red,
-	amber: Z.amber,
-	green: Z.green
+var tn = {
+	red: Q.red,
+	amber: Q.amber,
+	green: Q.green
 };
-function Yt({ items: e = [] }) {
+function nn({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2649,15 +2665,15 @@ function Yt({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = Jt[e.severity];
+			let n = tn[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 10,
 					padding: "10px 14px",
-					background: Z.bg,
-					border: `1px solid ${Z.border}`
+					background: Q.bg,
+					border: `1px solid ${Q.border}`
 				},
 				children: [/* @__PURE__ */ s("span", { style: {
 					width: 7,
@@ -2667,14 +2683,14 @@ function Yt({ items: e = [] }) {
 					flexShrink: 0,
 					marginTop: 5
 				} }), /* @__PURE__ */ s("span", {
-					style: { ...$ },
+					style: { ...Xt },
 					children: e.text
 				})]
 			}, t);
 		})
 	});
 }
-function Xt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
+function rn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 	let a = t - e;
 	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
 		style: {
@@ -2698,8 +2714,8 @@ function Xt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 					top: 43,
 					left: 0,
 					fontSize: 16,
-					color: Z.t4,
-					fontFamily: Q
+					color: Q.t4,
+					fontFamily: $
 				},
 				children: [e, n]
 			}),
@@ -2709,8 +2725,8 @@ function Xt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 					top: 43,
 					right: 0,
 					fontSize: 16,
-					color: Z.t4,
-					fontFamily: Q
+					color: Q.t4,
+					fontFamily: $
 				},
 				children: [t, n]
 			}),
@@ -2733,7 +2749,7 @@ function Xt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 								style: {
 									fontSize: 18,
 									color: o,
-									fontFamily: Q,
+									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
 								children: t.name
@@ -2742,7 +2758,7 @@ function Xt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 									fontSize: 18,
 									fontWeight: 500,
 									color: o,
-									fontFamily: Q,
+									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
 								children: [t.val, n]
@@ -2765,7 +2781,7 @@ function Xt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 								style: {
 									fontSize: 18,
 									color: o,
-									fontFamily: Q,
+									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
 								children: t.name
@@ -2774,7 +2790,7 @@ function Xt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 									fontSize: 18,
 									fontWeight: 500,
 									color: o,
-									fontFamily: Q,
+									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
 								children: [t.val, n]
@@ -2784,9 +2800,9 @@ function Xt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 				}, r);
 			})
 		]
-	}), i && i.length > 0 && /* @__PURE__ */ s(Wt, { chips: i })] });
+	}), i && i.length > 0 && /* @__PURE__ */ s(Zt, { chips: i })] });
 }
-function Zt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
+function an({ 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", {
@@ -2812,7 +2828,7 @@ function Zt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 							fontSize: 18,
 							fontWeight: 500,
 							color: f,
-							fontFamily: Q
+							fontFamily: $
 						},
 						children: n
 					})
@@ -2835,7 +2851,7 @@ function Zt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 							fontSize: 18,
 							fontWeight: 500,
 							color: p,
-							fontFamily: Q
+							fontFamily: $
 						},
 						children: o
 					})
@@ -2853,7 +2869,7 @@ function Zt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 					style: {
 						fontSize: 18,
 						color: f,
-						fontFamily: Q
+						fontFamily: $
 					},
 					children: [
 						e,
@@ -2870,7 +2886,7 @@ function Zt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 					style: {
 						fontSize: 18,
 						color: p,
-						fontFamily: Q
+						fontFamily: $
 					},
 					children: [
 						i,
@@ -2880,10 +2896,10 @@ function Zt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				})
 			})]
 		}),
-		d && d.length > 0 && /* @__PURE__ */ s(Wt, { chips: d })
+		d && d.length > 0 && /* @__PURE__ */ s(Zt, { chips: d })
 	] });
 }
-function Qt({ pct: e, label: t, color: n, chips: r }) {
+function on({ 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: {
@@ -2933,7 +2949,7 @@ function Qt({ pct: e, label: t, color: n, chips: r }) {
 						fontSize: 18,
 						fontWeight: 500,
 						color: i,
-						fontFamily: Q
+						fontFamily: $
 					},
 					children: [e, "%"]
 				})
@@ -2942,7 +2958,7 @@ function Qt({ pct: e, label: t, color: n, chips: r }) {
 			style: { flex: 1 },
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...$,
+					...Xt,
 					marginBottom: 10
 				},
 				children: t
@@ -2958,18 +2974,18 @@ function Qt({ pct: e, label: t, color: n, chips: r }) {
 						alignItems: "baseline",
 						gap: 8,
 						padding: "7px 10px",
-						background: Z.bg,
-						border: `1px solid ${Z.border}`,
+						background: Q.bg,
+						border: `1px solid ${Q.border}`,
 						borderRadius: 5
 					},
 					children: [/* @__PURE__ */ s("span", {
 						style: {
-							...Ut,
-							color: e.color ?? Z.t1
+							...Yt,
+							color: e.color ?? Q.t1
 						},
 						children: e.value
 					}), /* @__PURE__ */ s("span", {
-						style: { ...$ },
+						style: { ...Xt },
 						children: e.label
 					})]
 				}, t))
@@ -2977,16 +2993,16 @@ function Qt({ pct: e, label: t, color: n, chips: r }) {
 		})]
 	});
 }
-var $t = {
+var sn = {
 	green: "#34D39918",
 	amber: "#FBBF2418",
 	red: "#F0606018"
-}, en = {
+}, cn = {
 	green: "#34D399",
 	amber: "#FBBF24",
 	red: "#F06060"
 };
-function tn({ items: e = [] }) {
+function ln({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2999,19 +3015,19 @@ function tn({ items: e = [] }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`
+				background: Q.bg,
+				border: `1px solid ${Q.border}`
 			},
 			children: [
 				/* @__PURE__ */ s("span", {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: e.color ?? Z.t2,
-						background: (e.color ?? Z.t2) + "1A",
+						color: e.color ?? Q.t2,
+						background: (e.color ?? Q.t2) + "1A",
 						padding: "2px 7px",
 						borderRadius: 4,
-						fontFamily: Q,
+						fontFamily: $,
 						flexShrink: 0,
 						minWidth: 62,
 						textAlign: "center"
@@ -3029,7 +3045,7 @@ function tn({ items: e = [] }) {
 					children: /* @__PURE__ */ s("div", { style: {
 						height: "100%",
 						width: `${e.pct}%`,
-						background: e.color ?? Z.t2,
+						background: e.color ?? Q.t2,
 						borderRadius: 2,
 						opacity: .75
 					} })
@@ -3038,8 +3054,8 @@ function tn({ items: e = [] }) {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: e.color ?? Z.t1,
-						fontFamily: Q,
+						color: e.color ?? Q.t1,
+						fontFamily: $,
 						flexShrink: 0,
 						minWidth: 52,
 						textAlign: "right"
@@ -3050,11 +3066,11 @@ function tn({ items: e = [] }) {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: en[e.badgeSeverity],
-						background: $t[e.badgeSeverity],
+						color: cn[e.badgeSeverity],
+						background: sn[e.badgeSeverity],
 						padding: "2px 7px",
 						borderRadius: 4,
-						fontFamily: Q,
+						fontFamily: $,
 						flexShrink: 0,
 						minWidth: 72,
 						textAlign: "center"
@@ -3063,7 +3079,7 @@ function tn({ items: e = [] }) {
 				}),
 				e.sublabel && /* @__PURE__ */ s("span", {
 					style: {
-						...$,
+						...Xt,
 						flexShrink: 0,
 						minWidth: 80,
 						textAlign: "right"
@@ -3074,12 +3090,12 @@ function tn({ items: e = [] }) {
 		}, t))
 	});
 }
-var nn = {
-	red: Z.red,
-	amber: Z.amber,
-	green: Z.green
+var un = {
+	red: Q.red,
+	amber: Q.amber,
+	green: Q.green
 };
-function rn({ items: e = [] }) {
+function dn({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -3087,7 +3103,7 @@ function rn({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = nn[e.severity];
+			let n = un[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -3109,7 +3125,7 @@ function rn({ items: e = [] }) {
 					/* @__PURE__ */ s("span", {
 						style: {
 							flex: 1,
-							...$
+							...Xt
 						},
 						children: e.text
 					}),
@@ -3121,14 +3137,14 @@ function rn({ items: e = [] }) {
 							background: n + "20",
 							padding: "2px 7px",
 							borderRadius: 4,
-							fontFamily: Q,
+							fontFamily: $,
 							flexShrink: 0
 						},
 						children: e.tag
 					}),
 					/* @__PURE__ */ s("span", {
 						style: {
-							...$,
+							...Xt,
 							flexShrink: 0,
 							marginTop: 1
 						},
@@ -3139,7 +3155,7 @@ function rn({ items: e = [] }) {
 		})
 	});
 }
-function an({ columns: e = [], rows: t = [] }) {
+function fn({ columns: e = [], rows: t = [] }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -3152,15 +3168,15 @@ function an({ columns: e = [], rows: t = [] }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "0 12px 6px",
-				borderBottom: `1px solid ${Z.border}`
+				borderBottom: `1px solid ${Q.border}`
 			},
 			children: [/* @__PURE__ */ s("div", { style: { minWidth: 64 } }), e.map((e, t) => /* @__PURE__ */ s("div", {
 				style: {
 					flex: 1,
 					fontSize: 18,
 					fontWeight: 500,
-					color: Z.t2,
-					fontFamily: Q,
+					color: Q.t2,
+					fontFamily: $,
 					textTransform: "uppercase",
 					letterSpacing: .6
 				},
@@ -3172,18 +3188,18 @@ function an({ columns: e = [], rows: t = [] }) {
 				alignItems: "center",
 				gap: 10,
 				padding: "8px 12px",
-				background: Z.bg,
-				border: `1px solid ${Z.border}`
+				background: Q.bg,
+				border: `1px solid ${Q.border}`
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
 					fontSize: 18,
 					fontWeight: 600,
-					color: Z.t2,
-					background: (e.color ?? Z.t4) + "1A",
+					color: Q.t2,
+					background: (e.color ?? Q.t4) + "1A",
 					padding: "2px 8px",
 					borderRadius: 4,
-					fontFamily: Q,
+					fontFamily: $,
 					flexShrink: 0,
 					minWidth: 64,
 					textAlign: "center"
@@ -3194,29 +3210,29 @@ function an({ columns: e = [], rows: t = [] }) {
 					flex: 1,
 					fontSize: 18,
 					fontWeight: 500,
-					color: e.color ?? Z.t1,
-					fontFamily: Q
+					color: e.color ?? Q.t1,
+					fontFamily: $
 				},
 				children: t
 			}, n))]
 		}, t))]
 	});
 }
-function on({ block: e }) {
+function pn({ block: e }) {
 	if (!e) return null;
 	switch (e.type) {
-		case "stats": return /* @__PURE__ */ s(Gt, { items: e.items });
-		case "ranked": return /* @__PURE__ */ s(Kt, { items: e.items });
-		case "chips": return /* @__PURE__ */ s(qt, { items: e.items });
-		case "badges": return /* @__PURE__ */ s(Yt, { items: e.items });
-		case "dot-strip": return /* @__PURE__ */ s(Xt, {
+		case "stats": return /* @__PURE__ */ s(Qt, { items: e.items });
+		case "ranked": return /* @__PURE__ */ s($t, { items: e.items });
+		case "chips": return /* @__PURE__ */ s(en, { items: e.items });
+		case "badges": return /* @__PURE__ */ s(nn, { items: e.items });
+		case "dot-strip": return /* @__PURE__ */ s(rn, {
 			min: e.min,
 			max: e.max,
 			unit: e.unit,
 			dots: e.dots,
 			chips: e.chips
 		});
-		case "proportion": return /* @__PURE__ */ s(Zt, {
+		case "proportion": return /* @__PURE__ */ s(an, {
 			leftPct: e.leftPct,
 			leftLabel: e.leftLabel,
 			leftValue: e.leftValue,
@@ -3227,15 +3243,15 @@ function on({ block: e }) {
 			rightColor: e.rightColor,
 			chips: e.chips
 		});
-		case "ring": return /* @__PURE__ */ s(Qt, {
+		case "ring": return /* @__PURE__ */ s(on, {
 			pct: e.pct,
 			label: e.label,
 			color: e.color,
 			chips: e.chips
 		});
-		case "scorecard-rows": return /* @__PURE__ */ s(tn, { items: e.items });
-		case "flags-list": return /* @__PURE__ */ s(rn, { items: e.items });
-		case "comparison-rows": return /* @__PURE__ */ s(an, {
+		case "scorecard-rows": return /* @__PURE__ */ s(ln, { items: e.items });
+		case "flags-list": return /* @__PURE__ */ s(dn, { items: e.items });
+		case "comparison-rows": return /* @__PURE__ */ s(fn, {
 			columns: e.columns,
 			rows: e.rows
 		});
@@ -3244,14 +3260,14 @@ function on({ block: e }) {
 }
 //#endregion
 //#region src/components/keyHighlights/Takeaway.tsx
-var sn = "'Satoshi Variable', 'DM Sans', sans-serif", cn = {
+var mn = "'Satoshi Variable', 'DM Sans', sans-serif", hn = {
 	color: "#C2C2C2",
-	fontFamily: sn,
+	fontFamily: mn,
 	fontSize: 18,
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function ln({ text: e }) {
+function gn({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			padding: "8px 0px",
@@ -3264,16 +3280,16 @@ function ln({ text: e }) {
 				fontSize: 18,
 				fontWeight: 500,
 				color: u.t1,
-				fontFamily: sn,
+				fontFamily: mn,
 				lineHeight: "20px",
 				marginRight: 8
 			},
 			children: "Takeaway"
 		}), /* @__PURE__ */ s("span", {
-			style: { ...cn },
+			style: { ...hn },
 			children: e
 		})]
 	});
 }
 //#endregion
-export { te as AreaChart, ie as BarChart, l as ChartFrame, Ht as DonutChart, on as KeyHighlights, Fe as LineChart, Re as MiniBars, qe as PieChart, rt as ProcessSankey, it as RankingSankey, Ye as SankeySvg, ee as SeriesChart, ln as Takeaway, gt as Trend, wt as TrendChart, It as VisualizationRenderer, zt as cleanupVisualizationMounts, Bt as hydrateVisualizationMounts, Vt as serializeVisualizationConfig };
+export { te as AreaChart, ie as BarChart, l as ChartFrame, Jt as DonutChart, pn as KeyHighlights, Le as LineChart, Be as MiniBars, Ye as PieChart, at as ProcessSankey, ot as RankingSankey, Ze as SankeySvg, ee as SeriesChart, gn as Takeaway, St as Trend, At as TrendChart, Ht as VisualizationRenderer, Gt as cleanupVisualizationMounts, Kt as hydrateVisualizationMounts, qt as serializeVisualizationConfig };