@divami-artefacts/ai-design-system 1.0.37 → 1.0.39

package/dist/index.js

@@ -88,15 +88,15 @@ function S(e, t, n, r, i = h(u.t1, .08)) {
 }
 //#endregion
 //#region src/canvas/CanvasTooltip.tsx
-function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
-	let l = a(null);
+function C({ visible: e, x: t, y: n, content: i, parentW: o, parentH: l }) {
+	let d = a(null);
 	if (r(() => {
-		let r = l.current;
+		let r = d.current;
 		if (!r) return;
-		let a = r.offsetWidth, s = t - a / 2, c = n - 58;
-		s < 4 && (s = 4), s + a > (o ?? 400) - 4 && (s = (o ?? 400) - a - 4), c < 4 && (c = n + 16), r.style.transform = `translate(${s}px, ${c}px)`, r.style.opacity = e ? "1" : "0";
-		let d = i && typeof i == "object" && i.color ? i.color : u.blue;
-		r.style.setProperty("--tooltip-accent", d ?? u.blue);
+		let a = r.offsetWidth, s = r.offsetHeight, c = o ?? 400, f = l ?? 800, p = t + 14, m = n - s - 14;
+		p + a > c - 4 && (p = t - a - 14), m < 4 && (m = n + 14), p < 4 && (p = 4), m + s > f - 4 && (m = f - s - 4), r.style.transform = `translate(${p}px, ${m}px)`, r.style.opacity = e ? "1" : "0";
+		let h = i && typeof i == "object" && i.color ? i.color : u.blue;
+		r.style.setProperty("--tooltip-accent", h ?? u.blue);
 	}, [
 		e,
 		t,
@@ -104,9 +104,9 @@ function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
 		o,
 		i
 	]), !i) return null;
-	let d = typeof i == "object", f = d ? i.label : null, p = d ? i.value : i, m = d ? i.sublabel : null;
+	let f = typeof i == "object", p = f ? i.label : null, m = f ? i.value : i, h = f ? i.sublabel : null;
 	return /* @__PURE__ */ c("div", {
-		ref: l,
+		ref: d,
 		style: {
 			position: "absolute",
 			top: 0,
@@ -124,7 +124,7 @@ function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
 			fontFamily: "'Satoshi Variable', 'DM Sans', sans-serif"
 		},
 		children: [
-			f && /* @__PURE__ */ s("div", {
+			p && /* @__PURE__ */ s("div", {
 				style: {
 					fontSize: 14,
 					fontWeight: 400,
@@ -133,7 +133,7 @@ function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
 					whiteSpace: "nowrap",
 					lineHeight: "20px"
 				},
-				children: f
+				children: p
 			}),
 			/* @__PURE__ */ s("div", {
 				style: {
@@ -143,9 +143,9 @@ function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
 					whiteSpace: "nowrap",
 					lineHeight: "22px"
 				},
-				children: p
+				children: m
 			}),
-			m && /* @__PURE__ */ s("div", {
+			h && /* @__PURE__ */ s("div", {
 				style: {
 					fontSize: 14,
 					fontWeight: 400,
@@ -154,7 +154,7 @@ function C({ visible: e, x: t, y: n, content: i, parentW: o }) {
 					whiteSpace: "nowrap",
 					lineHeight: "20px"
 				},
-				children: m
+				children: h
 			})
 		]
 	});
@@ -166,22 +166,20 @@ function w(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 		x: -1,
 		y: -1,
 		over: !1
-	}), u = a(null), d = a([]), f = a(null), [p, m] = o({
+	}), u = a(null), d = a([]), [f, p] = o({
 		visible: !1,
 		x: 0,
 		y: 0,
 		content: null
-	}), h = t((e, t, n) => {
-		f.current && clearTimeout(f.current), f.current = setTimeout(() => {
-			m({
-				visible: !0,
-				x: e,
-				y: t,
-				content: n
-			});
-		}, 30);
-	}, []), g = t(() => {
-		f.current && clearTimeout(f.current), m((e) => e.visible ? {
+	}), m = t((e, t, n) => {
+		p({
+			visible: !0,
+			x: e,
+			y: t,
+			content: n
+		});
+	}, []), h = t(() => {
+		p((e) => e.visible ? {
 			visible: !1,
 			x: e.x,
 			y: e.y,
@@ -200,13 +198,13 @@ function w(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 				break;
 			}
 			let f = u.current;
-			u.current = s ? s.id : null, t.style.cursor = s ? "pointer" : "default", s ? h((e.clientX - n.left) * a, (e.clientY - n.top) * o, s.data) : f && g();
+			u.current = s ? s.id : null, t.style.cursor = s ? "pointer" : "default", s ? m((e.clientX - n.left) * a, (e.clientY - n.top) * o, s.data) : f && h();
 		}, a = () => {
 			l.current = {
 				x: -1,
 				y: -1,
 				over: !1
-			}, u.current && (u.current = null, t.style.cursor = "default", g());
+			}, u.current && (u.current = null, t.style.cursor = "default", h());
 		}, o = () => {
 			if (u.current && s) {
 				let e = d.current.find((e) => e.id === u.current);
@@ -214,7 +212,7 @@ function w(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 			}
 		};
 		return t.addEventListener("mousemove", n), t.addEventListener("mouseleave", a), t.addEventListener("click", o), () => {
-			t.removeEventListener("mousemove", n), t.removeEventListener("mouseleave", a), t.removeEventListener("click", o), f.current && clearTimeout(f.current);
+			t.removeEventListener("mousemove", n), t.removeEventListener("mouseleave", a), t.removeEventListener("click", o);
 		};
 	}, [
 		e,
@@ -222,14 +220,14 @@ function w(e, { width: r, height: i, onClick: s, enabled: c = !0 }) {
 		i,
 		c,
 		s,
-		h,
-		g
+		m,
+		h
 	]), {
 		mouseRef: l,
 		hoveredRef: u,
-		tooltip: p,
-		showTooltip: h,
-		hideTooltip: g,
+		tooltip: f,
+		showTooltip: m,
+		hideTooltip: h,
 		hitZonesRef: d
 	};
 }
@@ -511,41 +509,40 @@ function ue(e, t, n) {
 	return r + "…";
 }
 function de({ 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, ce), [S, m]), O = E.length, k = oe + se + O * z + Math.max(0, O - 1) * ae, { hoveredRef: A, tooltip: j, hitZonesRef: M } = w(r, {
+	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)), [_]), O = i(() => m ? S : S.slice(0, ce), [S, m]), k = O.length, A = oe + se + k * z + Math.max(0, k - 1) * ae, { hoveredRef: j, tooltip: M, hitZonesRef: N } = w(r, {
 		width: R,
-		height: k
+		height: A
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, R, k);
+		let t = v(e, R, A);
 		l.current = 0;
-		let n = R * .13, i = R * .08, a = R - n - i, o, s = () => {
+		let n = R * .08, i = R - 150 - n, a, o = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, R, k), t.letterSpacing = f.letterSpacing, M.current = [], d.current.forEach((e, t) => {
-				let n = t === A.current ? 1 : 0, r = e + (n - e) * .12;
+			t.clearRect(0, 0, R, A), t.letterSpacing = f.letterSpacing, N.current = [], d.current.forEach((e, t) => {
+				let n = t === j.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);
-			}), A.current && !d.current.has(A.current) && d.current.set(A.current, 0), b(t, R, k, e, 40, h(u.blue, .04)), E.forEach((r, i) => {
-				let o = le[i % le.length], s = d.current.get(r.id) ?? 0, c = oe + i * (z + ae);
-				t.fillStyle = h(o, .04 + s * .04), t.beginPath(), t.roundRect(n, c, a, z, 3), t.fill(), t.strokeStyle = h(o, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, c + z / 2), t.lineTo(n + a, c + z / 2), t.stroke(), t.setLineDash([]);
-				let l = (r.percentage ?? 0) / 100, u = n + a * Math.min(l, l * D(Math.min(1, e * .005)));
-				if (u > n + 4) {
-					let e = t.createLinearGradient(n, 0, u, 0);
-					e.addColorStop(0, h(o, .02)), e.addColorStop(1, h(o, .25 + s * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(n, c + 2, u - n, z - 4, 2), t.fill();
+			}), j.current && !d.current.has(j.current) && d.current.set(j.current, 0), b(t, R, A, e, 40, h(u.blue, .04)), O.forEach((n, r) => {
+				let a = le[r % le.length], o = d.current.get(n.id) ?? 0, s = oe + r * (z + ae);
+				t.fillStyle = h(a, .04 + o * .04), t.beginPath(), t.roundRect(150, s, i, z, 3), t.fill(), t.strokeStyle = h(a, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(150, s + z / 2), t.lineTo(150 + i, s + z / 2), t.stroke(), t.setLineDash([]);
+				let c = (n.percentage ?? 0) / 100, l = 150 + i * Math.min(c, c * D(Math.min(1, e * .005)));
+				if (l > 154) {
+					let e = t.createLinearGradient(150, 0, l, 0);
+					e.addColorStop(0, h(a, .02)), e.addColorStop(1, h(a, .25 + o * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(150, s + 2, l - 150, z - 4, 2), t.fill();
 				}
-				y(t, u, c + z / 2, 18 + s * 8, o, .3 + s * .2), t.beginPath(), t.arc(u, c + z / 2, 5 + s * 2, 0, Math.PI * 2), t.fillStyle = h(o, .9), t.fill();
-				let m = {
-					label: r.name,
-					value: `${r.percentage ?? 0}% commitment`,
-					sublabel: `Base: ${r.baseLabel ?? String(r.base ?? 0)} · Variations: ${r.variationLabel ?? String(r.variation ?? 0)}`,
-					color: o
+				y(t, l, s + z / 2, 18 + o * 8, a, .3 + o * .2), t.beginPath(), t.arc(l, s + z / 2, 5 + o * 2, 0, Math.PI * 2), t.fillStyle = h(a, .9), t.fill();
+				let u = {
+					label: n.name,
+					value: `${n.percentage ?? 0}%`,
+					color: a
 				};
-				T(M.current, r.id, u, c + z / 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 + z / 2), t.font = `${s > 0 ? "bold " : ""}` + f.font, t.fillStyle = s > 0 ? o : f.color, t.textAlign = "right", t.fillText(ue(t, r.abbreviation ?? r.name ?? "", n - 16), n - 8, c + z / 2);
-			}), t.strokeStyle = h(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(n + a, oe), t.lineTo(n + a, oe + (O - 1) * (z + ae) + z), t.stroke(), x(t, R, k, e, .015), o = requestAnimationFrame(s);
+				E(N.current, n.id, 0, s, 150 + i, z, u), T(N.current, n.id, l, s + z / 2, 14, u), t.font = p.font, t.fillStyle = h(a, .9 + o * .1), t.textAlign = "left", t.textBaseline = "middle", t.fillText(`${n.percentage ?? 0}%`, l + 10, s + z / 2), t.font = `${o > 0 ? "bold " : ""}` + f.font, t.fillStyle = o > 0 ? a : f.color, t.textAlign = "right", t.fillText(ue(t, n.abbreviation ?? n.name ?? "", 134), 142, s + z / 2);
+			}), t.strokeStyle = h(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(150 + i, oe), t.lineTo(150 + i, oe + (k - 1) * (z + ae) + z), t.stroke(), x(t, R, A, e, .015), a = requestAnimationFrame(o);
 		};
-		return s(), () => cancelAnimationFrame(o);
-	}, [E, k]), S.length === 0 ? /* @__PURE__ */ s(L, {
+		return o(), () => cancelAnimationFrame(a);
+	}, [O, A]), S.length === 0 ? /* @__PURE__ */ s(L, {
 		width: R,
 		height: 160,
 		"data-testid": t
@@ -560,14 +557,14 @@ function de({ items: e = [], "data-testid": t }) {
 				"aria-label": "Commitment race — contractors ranked by commitment percentage",
 				style: {
 					width: R,
-					height: k,
+					height: A,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(C, {
-				...j,
+				...M,
 				parentW: R,
-				parentH: k
+				parentH: A
 			})]
 		}), _.length > ce && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
@@ -817,15 +814,20 @@ function Ae({ data: e, "data-testid": t }) {
 	return he(n, Ce, D, (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 = V.top + i * (H + 8), c = V.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 * k * o, _ = m / S * k * o, v = _ - g;
-			e.font = f.font, e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(Oe(e, n.name ?? "", De - 16), c - 8, s + H / 2), e.fillStyle = h(u.bd, .25), e.beginPath(), e.roundRect(c, s, k, H, 4), e.fill(), g > 0 && (l > 0 && y(e, c + g / 2, s + H / 2, g * .3, a, .1 * l), e.fillStyle = h(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, g, H, 4), e.fill()), v > 2 && (e.fillStyle = h(a, .22 + l * .08), e.beginPath(), e.roundRect(c + g, s, v, H, [
+			e.font = f.font, e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(Oe(e, n.name ?? "", De - 16), c - 8, s + H / 2), E(F.current, n.id, 0, s, c, H, {
+				label: n.name,
+				value: `${n.totalLabel ?? ke(n.total ?? 0)} total`,
+				sublabel: `Base ${n.baseLabel ?? ke(n.base ?? 0)} + Var ${n.variationLabel ?? ke(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
+				color: a
+			}), e.fillStyle = h(u.bd, .25), e.beginPath(), e.roundRect(c, s, k, H, 4), e.fill(), g > 0 && (l > 0 && y(e, c + g / 2, s + H / 2, g * .3, a, .1 * l), e.fillStyle = h(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, g, H, 4), e.fill()), v > 2 && (e.fillStyle = h(a, .22 + l * .08), e.beginPath(), e.roundRect(c + g, s, v, H, [
 				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 + H - 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, _, H, 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 ?? ke(n.total ?? 0), c + _ + 6, s + H / 2), e.globalAlpha = 1), E(F.current, n.id, c, s, Math.max(_, 1), H, {
 				label: n.name,
-				value: `${n.totalLabel ?? ke(n.total ?? 0)} total`,
-				sublabel: `Base ${n.baseLabel ?? ke(n.base ?? 0)} + Var ${n.variationLabel ?? ke(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
+				value: n.totalLabel ?? ke(n.total ?? 0),
+				sublabel: `${n.baseLabel ?? ke(n.base ?? 0)} + ${n.variationLabel ?? ke(n.variation ?? 0)} · ${n.percentage ?? 0}%`,
 				color: a
 			});
 		});
@@ -899,14 +901,8 @@ function U(e, t = 1) {
 }
 //#endregion
 //#region src/components/rankedCardLeaderboard/RankedCardLeaderboard.tsx
-var Me = 780, W = 240, Ne = 12, Pe = 10, Fe = 5, Ie = (Me - 2 * Ne - (Fe - 1) * Pe) / Fe, Le = [
-	"Highest exposure",
-	"Elevated risk",
-	"Moderate exposure",
-	"Moderate exposure",
-	"Low exposure"
-];
-function Re({ items: e = [], "data-testid": t }) {
+var Me = 780, W = 240, Ne = 12, Pe = 10, Fe = 5, Ie = (Me - 2 * Ne - (Fe - 1) * Pe) / Fe;
+function Le({ items: e = [], "data-testid": t }) {
 	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), m = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), g = m.reduce((e, t) => e + (t.count ?? 0), 0), _ = Math.min(Fe, m.length), b = _ > 0 ? 2 * Ne + _ * Ie + (_ - 1) * Pe : Me, { hoveredRef: S, tooltip: T, hitZonesRef: D } = w(r, {
 		width: b,
 		height: W
@@ -935,11 +931,11 @@ function Re({ items: e = [], "data-testid": t }) {
 				let F = x - 16, I = P;
 				for (; t.measureText(I).width > F && I.length > 1;) I = I.slice(0, -1);
 				I !== P && (I = I.slice(0, -1) + "…"), t.fillText(I, w, a + i * .74);
-				let ee = Math.round((r.count ?? 0) / (g || 1) * 100), te = Le[o] ?? "Low exposure";
+				let ee = Math.round((r.count ?? 0) / (g || 1) * 100);
 				E(D.current, r.id, m, a, n, i, {
 					label: r.name,
-					value: `${P} open · ${ee}% of total`,
-					sublabel: `Rank #${o + 1} · ${te}`,
+					value: `${P} · ${ee}% of total`,
+					sublabel: `Rank #${o + 1}`,
 					color: f
 				});
 			}), x(t, b, W, e, .015), c = requestAnimationFrame(_);
@@ -980,7 +976,7 @@ function Re({ items: e = [], "data-testid": t }) {
 //#endregion
 //#region src/components/dotMatrixChart/DotMatrixChart.tsx
 var G = 680, K = 260;
-function ze({ items: e = [], "data-testid": t }) {
+function Re({ 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: G,
 		height: K
@@ -1047,7 +1043,7 @@ function ze({ items: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/lineChart/LineChart.tsx
-function Be({ rows: e = [], className: t, colors: n }) {
+function ze({ rows: e = [], className: t, colors: n }) {
 	return /* @__PURE__ */ s(I, {
 		rows: e,
 		variant: "line",
@@ -1057,7 +1053,7 @@ function Be({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/constants.ts
-var Ve = [
+var Be = [
 	"#4C93D9",
 	"#5DA537",
 	"#F3862C",
@@ -1065,7 +1061,7 @@ var Ve = [
 	"#A0B724",
 	"#EEBF3B",
 	"#3C45D1"
-], He = {
+], Ve = {
 	nodes: [
 		{
 			id: "supplier-x",
@@ -1108,8 +1104,8 @@ var Ve = [
 };
 //#endregion
 //#region src/components/miniBars/MiniBars.tsx
-function Ue({ rows: e = [], className: t, colors: n }) {
-	let r = n?.slices ?? Ve;
+function He({ rows: e = [], className: t, colors: n }) {
+	let r = n?.slices ?? Be;
 	return /* @__PURE__ */ s("div", {
 		className: ["d3-mini-bars", t].filter(Boolean).join(" "),
 		children: e.map(([e, t, n], i) => /* @__PURE__ */ c("div", {
@@ -1135,7 +1131,7 @@ function Ue({ rows: e = [], className: t, colors: n }) {
 							width: Math.max(0, Math.min(100, t)),
 							height: "12",
 							rx: "6",
-							className: `d3-mini-fill tone-${i % Ve.length}`,
+							className: `d3-mini-fill tone-${i % Be.length}`,
 							fill: r[i % r.length]
 						})]
 					})
@@ -1147,9 +1143,9 @@ function Ue({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/radialFanTreeChart/RadialFanTreeChart.tsx
-var We = 770, Ge = 320, Ke = 60, qe = 28;
-function Je({ total: e = 0, totalLabel: t, items: r = [], width: o = We, "data-testid": l }) {
-	let m = a(null), g = a(/* @__PURE__ */ new Map()), _ = a(0), b = i(() => r.filter((e) => typeof e == "object" && !!e), [r]), x = i(() => Math.max(Ge, Ke + Math.max(0, b.length - 1) * qe), [b.length]), { hoveredRef: S, tooltip: E, hitZonesRef: O } = w(m, {
+var Ue = 770, We = 320, Ge = 60, Ke = 28;
+function qe({ total: e = 0, totalLabel: t, items: r = [], width: o = Ue, "data-testid": l }) {
+	let m = a(null), g = a(/* @__PURE__ */ new Map()), _ = a(0), b = i(() => r.filter((e) => typeof e == "object" && !!e), [r]), x = i(() => Math.max(We, Ge + Math.max(0, b.length - 1) * Ke), [b.length]), { hoveredRef: S, tooltip: E, hitZonesRef: O } = w(m, {
 		width: o,
 		height: x
 	});
@@ -1181,8 +1177,8 @@ function Je({ total: e = 0, totalLabel: t, items: r = [], width: o = We, "data-t
 					let a = U(t.count ?? 0);
 					T(O.current, t.id, _.x, _.y, i + 8, {
 						label: t.name,
-						value: `${a} NCEs raised`,
-						sublabel: `${Math.round((t.count ?? 0) / (e || 1) * 100)}% of all NCEs`,
+						value: a,
+						sublabel: `${Math.round((t.count ?? 0) / (e || 1) * 100)}% of total`,
 						color: o
 					}), r.globalAlpha = n, r.font = f.font, r.textAlign = "left";
 					let c = t.abbreviation ?? t.name?.slice(0, 6) ?? "", l = ` ${U(t.count ?? 0)}`, d = _.x + i + 6, g = _.y + 4;
@@ -1199,9 +1195,9 @@ function Je({ total: e = 0, totalLabel: t, items: r = [], width: o = We, "data-t
 				a !== n && (a = a.slice(0, -1) + "…"), r.fillStyle = u.t1, r.textAlign = "center", r.textBaseline = "middle", r.fillText(a, 88, i), r.globalAlpha = 1;
 			}
 			T(O.current, "__root__", 88, i, 32, {
-				label: "Total NCEs",
-				value: t ?? U(e, 0),
-				sublabel: `across ${b.length} contractors`,
+				label: t ?? "Total",
+				value: U(e, 0),
+				sublabel: `${b.length} items`,
 				color: u.blue
 			}), C = requestAnimationFrame(w);
 		};
@@ -1214,7 +1210,7 @@ function Je({ total: e = 0, totalLabel: t, items: r = [], width: o = We, "data-t
 		o
 	]), b.length === 0 ? /* @__PURE__ */ s(L, {
 		width: o,
-		height: Ge,
+		height: We,
 		"data-testid": l
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": l,
@@ -1241,21 +1237,21 @@ function Je({ total: e = 0, totalLabel: t, items: r = [], width: o = We, "data-t
 }
 //#endregion
 //#region src/components/pieChart/PieChart.tsx
-var Ye = 192, Xe = Ye, Ze = Ye + 80;
-function Qe({ rows: e = [], variant: t, className: r, colors: i }) {
+var Je = 192, Ye = Je, Xe = Je + 80;
+function Ze({ 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: Xe,
-		height: Ze
+		width: Ye,
+		height: Xe
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = v(n, Xe, Ze);
+		let r = v(n, Ye, Xe);
 		p.current = 0;
-		let i = Xe / 2, a = Ye / 2, s = Ye * .4, c = t === "donut" ? Ye * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, d, b = () => {
+		let i = Ye / 2, a = Je / 2, s = Je * .4, c = t === "donut" ? Je * .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, Xe, Ze);
+			r.clearRect(0, 0, Ye, Xe);
 			let o = 1 - (1 - Math.min(n / 48, 1)) ** 3;
 			N(f.current, g.current), x.current = [];
 			let v = -Math.PI / 2;
@@ -1269,10 +1265,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 = Ye + 12;
+			let S = Je + 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)}%)`, Xe - 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)}%)`, Ye - 4, o + 3.5);
 			}), d = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(d);
@@ -1286,30 +1282,30 @@ function Qe({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Xe,
-				height: Ze
+				width: Ye,
+				height: Xe
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: Xe,
-					height: Ze,
+					width: Ye,
+					height: Xe,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(C, {
 				...b,
-				parentW: Xe,
-				parentH: Ze
+				parentW: Ye,
+				parentH: Xe
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/sankey/SankeySvg.tsx
-function $e(e, t, n, r) {
+function Qe(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({
@@ -1354,8 +1350,8 @@ function $e(e, t, n, r) {
 		});
 	}), f;
 }
-function et({ 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(() => $e(e, t, r, o), [
+function $e({ 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(() => Qe(e, t, r, o), [
 		e,
 		t,
 		r,
@@ -1455,7 +1451,7 @@ function et({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 }
 //#endregion
 //#region src/canvas/CausalFlowCanvas.tsx
-var tt = [
+var et = [
 	{
 		x: .13,
 		y: .48
@@ -1488,7 +1484,7 @@ var tt = [
 		x: .92,
 		y: .22
 	}
-], nt = [
+], tt = [
 	u.blue,
 	u.orange,
 	u.red,
@@ -1496,7 +1492,7 @@ var tt = [
 	u.green,
 	u.amber,
 	u.t2
-], rt = [
+], nt = [
 	26,
 	24,
 	24,
@@ -1506,21 +1502,21 @@ var tt = [
 	22,
 	22
 ];
-function it(e, t) {
+function rt(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 at(e, t) {
+function it(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 ot(e, t) {
+function at(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	return {
 		p0: {
@@ -1541,7 +1537,7 @@ function ot(e, t) {
 		}
 	};
 }
-function st({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
+function ot({ 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
@@ -1549,15 +1545,15 @@ function st({ 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 = tt[t % tt.length];
+		let n = et[t % et.length];
 		return {
 			id: e.id,
 			label: e.name,
 			sub: e.valueLabel ?? "",
 			x: n.x * r,
 			y: n.y * o,
-			r: rt[t % rt.length],
-			color: nt[t % nt.length]
+			r: nt[t % nt.length],
+			color: tt[t % tt.length]
 		};
 	}), [
 		e,
@@ -1579,7 +1575,7 @@ function st({ 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 = ot(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 = at(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,
@@ -1588,7 +1584,7 @@ function st({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 					off: (Math.random() - .5) * 13,
 					sz: .7 + Math.random() * 2
 				});
-				let f = it(d, .5), m = `${Math.round(e.conf * 100)}%`;
+				let f = rt(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);
@@ -1598,7 +1594,7 @@ function st({ 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 = ot(r, i), o = it(a, e.t), s = at(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 = at(r, i), o = rt(a, e.t), s = it(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);
@@ -1655,10 +1651,10 @@ function st({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 }
 //#endregion
 //#region src/components/sankey/ProcessSankey.tsx
-function ct({ selectedEntity: e, colors: t }) {
-	return /* @__PURE__ */ s(st, {
-		nodes: He.nodes,
-		links: He.links,
+function st({ selectedEntity: e, colors: t }) {
+	return /* @__PURE__ */ s(ot, {
+		nodes: Ve.nodes,
+		links: Ve.links,
 		width: 960,
 		height: 280,
 		selectedEntity: e
@@ -1666,7 +1662,7 @@ function ct({ selectedEntity: e, colors: t }) {
 }
 //#endregion
 //#region src/components/sankey/RankingSankey.tsx
-function lt({ rows: e = [], className: t, colors: n }) {
+function ct({ rows: e = [], className: t, colors: n }) {
 	let { nodes: r, links: a } = i(() => {
 		let t = e.slice(0, 5);
 		return {
@@ -1684,7 +1680,7 @@ function lt({ rows: e = [], className: t, colors: n }) {
 			}))
 		};
 	}, [e]);
-	return /* @__PURE__ */ s(et, {
+	return /* @__PURE__ */ s($e, {
 		nodes: r,
 		links: a,
 		width: 760,
@@ -1696,18 +1692,18 @@ function lt({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/balanceScaleChart/BalanceScaleChart.tsx
-var ut = 500, dt = 210;
-function ft({ left: e, right: t, "data-testid": r }) {
+var lt = 500, ut = 210;
+function dt({ 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, ut, dt);
+		let r = v(n, lt, ut);
 		o.current = 0;
-		let a = ut / 2, s = Math.max(e.value ?? 0, t.value ?? 0, 1), c = (e.value - t.value) / s * 14, l, d = () => {
+		let a = lt / 2, s = Math.max(e.value ?? 0, t.value ?? 0, 1), c = (e.value - t.value) / s * 14, l, d = () => {
 			o.current++;
 			let n = o.current;
-			r.clearRect(0, 0, ut, dt), r.letterSpacing = f.letterSpacing;
+			r.clearRect(0, 0, lt, ut), r.letterSpacing = f.letterSpacing;
 			let i = D(Math.min(n / 80, 1)), m = 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, 20), r.lineTo(a, 150), r.stroke(), r.beginPath(), r.arc(a, 20, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
 			let g = {
@@ -1742,16 +1738,16 @@ function ft({ left: e, right: t, "data-testid": r }) {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: ut,
-			height: dt
+			width: lt,
+			height: ut
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: i,
 			role: "img",
 			"aria-label": "Quotation balance — accepted vs submitted quotation value",
 			style: {
-				width: ut,
-				height: dt,
+				width: lt,
+				height: ut,
 				display: "block"
 			}
 		})
@@ -1759,25 +1755,25 @@ function ft({ left: e, right: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/areaLineChart/AreaLineChart.tsx
-var pt = 680, q = 280;
-function mt({ points: e = [], "data-testid": t }) {
+var ft = 680, q = 280;
+function pt({ 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: pt,
+		width: ft,
 		height: q
 	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, pt, q);
+		let t = v(e, ft, q);
 		l.current = 0;
-		let n = pt - 54 - 28, i = q - 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 = ft - 54 - 28, i = q - 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, pt, q), t.letterSpacing = f.letterSpacing;
+			t.clearRect(0, 0, ft, q), t.letterSpacing = f.letterSpacing;
 			let r = D(Math.min(e / 72, 1));
 			N(o.current, d.current), m.current = [], [
 				.25,
@@ -1810,8 +1806,8 @@ function mt({ points: e = [], "data-testid": t }) {
 				let r = `pt-${n}`, s = o.current.get(r) ?? 0;
 				T(m.current, r, e.x, e.y, 10, {
 					label: e.point.week,
-					value: `${e.point.count} quotations submitted`,
-					sublabel: `£${e.point.value}M value`,
+					value: String(e.point.count),
+					sublabel: String(e.point.value),
 					color: u.blue
 				}), s > 0 && S(t, e.x, 30, 30 + i, h(u.blue, .15 * s));
 				let c = e.point.count === a;
@@ -1820,7 +1816,7 @@ function mt({ points: e = [], "data-testid": t }) {
 		};
 		return b(), () => cancelAnimationFrame(_);
 	}, [g]), g.length < 2 ? /* @__PURE__ */ s(L, {
-		width: pt,
+		width: ft,
 		height: q,
 		"data-testid": t
 	}) : /* @__PURE__ */ s("div", {
@@ -1833,7 +1829,7 @@ function mt({ points: e = [], "data-testid": t }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: pt,
+				width: ft,
 				height: q
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -1841,13 +1837,13 @@ function mt({ points: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Trend chart — count over time",
 				style: {
-					width: pt,
+					width: ft,
 					height: q,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(C, {
 				...p,
-				parentW: pt,
+				parentW: ft,
 				parentH: q
 			})]
 		})
@@ -1855,31 +1851,31 @@ function mt({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var ht = 680, J = 280, gt = 54, _t = 48, vt = 64, yt = f.font, bt = 12, xt = Math.PI * 2, St = 72, Ct = 20, wt = 5e3;
-function Tt({ points: e = [], "data-testid": t }) {
+var mt = 680, J = 280, ht = 54, gt = 48, _t = 64, vt = f.font, yt = 12, bt = Math.PI * 2, xt = 72, St = 20, Ct = 5e3;
+function wt({ 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 vt;
+		if (d.length <= 1) return _t;
 		let e = document.createElement("canvas").getContext("2d");
-		if (!e) return vt;
-		e.font = yt;
-		let t = Math.max(1, Math.ceil(d.length / Ct)), n = Math.max(...d.filter((e, n) => n % t === 0).map((t) => e.measureText(t.week).width));
-		return Math.max(vt, n + bt);
-	}, [d]), m = Math.round(p / 2), g = _t + m + Math.max(0, d.length - 1) * p, _ = Math.max(ht - gt, Math.min(g, wt)), { tooltip: y, hitZonesRef: b } = w(r, {
+		if (!e) return _t;
+		e.font = vt;
+		let t = Math.max(1, Math.ceil(d.length / St)), n = Math.max(...d.filter((e, n) => n % t === 0).map((t) => e.measureText(t.week).width));
+		return Math.max(_t, n + yt);
+	}, [d]), m = Math.round(p / 2), g = gt + m + Math.max(0, d.length - 1) * p, _ = Math.max(mt - ht, Math.min(g, Ct)), { tooltip: y, hitZonesRef: b } = w(r, {
 		width: _,
 		height: J
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, _, J), n = o.current ? v(o.current, gt, J) : null;
+		let t = v(e, _, J), n = o.current ? v(o.current, ht, J) : null;
 		l.current = 0;
-		let i = d.length <= St ? St : Math.max(24, Math.round(St * (St / d.length))), a = _ - _t, s = J - 42 - 54, c = d.length > 0 ? d.map((e) => e.count) : [0], g = Math.min(...c), y = Math.max(...c), x = y - g || 1, S = d.length, C = S > 1 ? (a - m) / (S - 1) : a - m, w = Math.max(1, Math.ceil(p / C)), E = g < 0, O = E ? 42 + s - -g / x * s : 42 + s, k = d.map((e, t) => ({
+		let i = d.length <= xt ? xt : Math.max(24, Math.round(xt * (xt / d.length))), a = _ - gt, s = J - 42 - 54, c = d.length > 0 ? d.map((e) => e.count) : [0], g = Math.min(...c), y = Math.max(...c), x = y - g || 1, S = d.length, C = S > 1 ? (a - m) / (S - 1) : a - m, w = Math.max(1, Math.ceil(p / C)), E = g < 0, O = E ? 42 + s - -g / x * s : 42 + s, k = d.map((e, t) => ({
 			x: m + t * C,
 			y: 42 + s - (e.count - g) / x * s,
 			point: e
 		}));
 		if (n) {
-			n.clearRect(0, 0, gt, J), n.letterSpacing = f.letterSpacing;
+			n.clearRect(0, 0, ht, J), n.letterSpacing = f.letterSpacing;
 			let e = E ? [
 				g,
 				g + x * .25,
@@ -1895,13 +1891,13 @@ function Tt({ points: e = [], "data-testid": t }) {
 			];
 			e.forEach((t, r) => {
 				let i = r / (e.length - 1), a = 42 + s - i * s;
-				n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(U(t), gt - 6, a + 3);
+				n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(U(t), ht - 6, a + 3);
 			}), n.save(), n.translate(12, 42 + 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 A = t.createLinearGradient(0, 42, 0, 42 + s);
 		A.addColorStop(0, h(u.blue, .22)), A.addColorStop(1, h(u.blue, .02));
 		let j = 0, M, N = (e) => {
-			t.font = yt, t.fillStyle = f.color, t.textAlign = "center";
+			t.font = vt, t.fillStyle = f.color, t.textAlign = "center";
 			for (let n = 0; n < e; n++) n % w === 0 && t.fillText(k[n].point.week, k[n].x, J - 54 + 14);
 		}, P = () => {
 			l.current++;
@@ -1937,13 +1933,13 @@ function Tt({ points: e = [], "data-testid": t }) {
 				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 			}
 			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(k[e].x + 3.5, k[e].y), t.arc(k[e].x, k[e].y, 3.5, 0, xt);
+			for (let e = 0; e < c; e++) t.moveTo(k[e].x + 3.5, k[e].y), t.arc(k[e].x, k[e].y, 3.5, 0, bt);
 			if (t.fill(), c > j) {
 				b.current = [];
 				for (let e = 0; e < c; e++) T(b.current, `pt-${e}`, k[e].x, k[e].y, 10, {
 					label: k[e].point.week,
-					value: `${k[e].point.count} submissions`,
-					sublabel: `£${k[e].point.value}M value`,
+					value: String(k[e].point.count),
+					sublabel: String(k[e].point.value),
 					color: u.blue
 				});
 				j = c;
@@ -1957,7 +1953,7 @@ function Tt({ points: e = [], "data-testid": t }) {
 		p,
 		b
 	]), d.length < 2 ? /* @__PURE__ */ s(L, {
-		width: ht,
+		width: mt,
 		height: J,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
@@ -1971,7 +1967,7 @@ function Tt({ points: e = [], "data-testid": t }) {
 			ref: o,
 			"aria-hidden": "true",
 			style: {
-				width: gt,
+				width: ht,
 				height: J,
 				display: "block",
 				flexShrink: 0
@@ -2009,46 +2005,46 @@ function Tt({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/proportionalBandChart/ProportionalBandChart.tsx
-var Et = 680, Dt = 240, Ot = 28, kt = 156;
-function At(e, t, n) {
+var Tt = 680, Et = 240, Dt = 28, Ot = 156;
+function kt(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 jt = {
+var At = {
 	Critical: u.red,
 	High: u.orange,
 	Medium: u.amber,
 	Low: u.green
 };
-function Mt({ severities: e = [], "data-testid": t }) {
-	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), d = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), m = d.length > 0 ? Math.min(Et, 2 * Ot + d.length * kt) : Et, { hoveredRef: g, tooltip: _, hitZonesRef: b } = w(r, {
+function jt({ severities: e = [], "data-testid": t }) {
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), d = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), m = d.length > 0 ? Math.min(Tt, 2 * Dt + d.length * Ot) : Tt, { hoveredRef: g, tooltip: _, hitZonesRef: b } = w(r, {
 		width: m,
-		height: Dt
+		height: Et
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, m, Dt);
+		let t = v(e, m, Et);
 		l.current = 0;
-		let n = d.reduce((e, t) => e + (t.count ?? 0), 0), i = Ot, a = Ot, s = m - i - a, c = Dt - 50 - 52, _ = d.map((e) => (e.count ?? 0) / (n || 1) * s), x, S = () => {
+		let n = d.reduce((e, t) => e + (t.count ?? 0), 0), i = Dt, a = Dt, s = m - i - a, c = Et - 50 - 52, _ = d.map((e) => (e.count ?? 0) / (n || 1) * s), x, S = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, m, Dt), t.letterSpacing = f.letterSpacing;
+			t.clearRect(0, 0, m, Et), t.letterSpacing = f.letterSpacing;
 			let r = O(Math.min(e / 60, 1));
 			N(o.current, g.current), b.current = [], t.strokeStyle = h(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(i, 50, s, c), t.stroke(), t.strokeStyle = h(u.t2, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(m / 2, 50), t.lineTo(m / 2, 50 + c), t.stroke(), t.setLineDash([]);
 			let a = i;
 			d.forEach((e, i) => {
-				let s = jt[e.severity] ?? u.blue, l = _[i], d = o.current.get(e.severity) ?? 0, m = a + l / 2, g = l * .85, v = l * r, x = g * r, S = m - x / 2;
+				let s = At[e.severity] ?? u.blue, l = _[i], d = o.current.get(e.severity) ?? 0, m = a + l / 2, g = l * .85, v = l * r, x = g * r, S = m - x / 2;
 				if (v > 0 && (d > 0 && y(t, a + v / 2, 50 + c / 2, v * .4, s, .15 * d), t.beginPath(), t.moveTo(S, 50), t.lineTo(S + x, 50), t.lineTo(a + v, 50 + c), t.lineTo(a, 50 + c), t.closePath(), t.fillStyle = h(s, .45 + d * .25), t.fill(), t.strokeStyle = h(s, (.5 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(S, 50), t.lineTo(S + x, 50), t.stroke(), t.strokeStyle = h(s, (.3 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(a, 50 + c), t.lineTo(a + v, 50 + c), t.stroke()), E(b.current, e.severity, a, 50, l, c, {
 					label: e.severity,
-					value: `${U(e.count ?? 0)} Early Warnings`,
-					sublabel: `${Math.round((e.count ?? 0) / (n || 1) * 100)}% of all EWs`,
+					value: U(e.count ?? 0),
+					sublabel: `${Math.round((e.count ?? 0) / (n || 1) * 100)}%`,
 					color: s
 				}), r > .5) {
 					let i = Math.min(1, (r - .5) / .5), o = a + l / 2;
-					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? s : h(s, .9), t.textAlign = "center", t.fillText(At(t, e.severity, l - 12), o, 38), t.font = p.font, t.fillStyle = d > 0 ? u.t1 : h(u.t1, .85), t.fillText(U(e.count ?? 0), o, 50 + c / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? s : f.color, t.fillText(`${Math.round((e.count ?? 0) / (n || 1) * 100)}%`, o, 50 + c + 18), t.globalAlpha = 1;
+					t.globalAlpha = i, t.font = f.font, t.fillStyle = d > 0 ? s : h(s, .9), t.textAlign = "center", t.fillText(kt(t, e.severity, l - 12), o, 38), t.font = p.font, t.fillStyle = d > 0 ? u.t1 : h(u.t1, .85), t.fillText(U(e.count ?? 0), o, 50 + c / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? s : f.color, t.fillText(`${Math.round((e.count ?? 0) / (n || 1) * 100)}%`, o, 50 + c + 18), t.globalAlpha = 1;
 				}
 				a += l;
 			});
@@ -2058,14 +2054,14 @@ function Mt({ severities: e = [], "data-testid": t }) {
 		return S(), () => cancelAnimationFrame(x);
 	}, [d, m]), d.length === 0 ? /* @__PURE__ */ s(L, {
 		width: m,
-		height: Dt,
+		height: Et,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
 			width: m,
-			height: Dt
+			height: Et
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
@@ -2073,24 +2069,24 @@ function Mt({ severities: e = [], "data-testid": t }) {
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
 				width: m,
-				height: Dt,
+				height: Et,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			..._,
 			parentW: m,
-			parentH: Dt
+			parentH: Et
 		})]
 	});
 }
 //#endregion
 //#region src/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.tsx
-var Y = 300, X = 280, Nt = 100, Pt = {
+var Y = 300, X = 280, Mt = 100, Nt = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
-function Ft({ segments: e = [], title: t, unitLabel: r = "", "data-testid": o }) {
+function Pt({ segments: e = [], title: t, unitLabel: r = "", "data-testid": o }) {
 	let l = a(null), d = a(0), m = a(/* @__PURE__ */ new Map()), { hoveredRef: g, tooltip: _, hitZonesRef: S } = w(l, {
 		width: Y,
 		height: X
@@ -2100,21 +2096,21 @@ function Ft({ segments: e = [], title: t, unitLabel: r = "", "data-testid": o })
 		if (!e) return;
 		let n = v(e, Y, X);
 		d.current = 0;
-		let i = Y * .5, a = X * .56, o = Nt, s = E.reduce((e, t) => e + (t.count ?? 0), 0), c = Math.max(...E.map((e) => e.count ?? 0), 1), _, C = () => {
+		let i = Y * .5, a = X * .56, o = Mt, s = E.reduce((e, t) => e + (t.count ?? 0), 0), c = Math.max(...E.map((e) => e.count ?? 0), 1), _, C = () => {
 			d.current++;
 			let e = d.current;
 			n.clearRect(0, 0, Y, X), n.letterSpacing = f.letterSpacing, S.current = [], m.current.forEach((e, t) => {
 				let n = t === g.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? m.current.delete(t) : m.current.set(t, 1) : m.current.set(t, r);
 			}), g.current && !m.current.has(g.current) && m.current.set(g.current, 0), b(n, Y, X, e, 40, h(u.blue, .04)), E.forEach((t, r) => {
-				let s = r / 3 * Math.PI * 2 - Math.PI / 2, l = i + Math.cos(s) * o, d = a + Math.sin(s) * o, f = Pt[t.status] ?? u.blue, m = 2 + t.count / c * 8;
+				let s = r / 3 * Math.PI * 2 - Math.PI / 2, l = i + Math.cos(s) * o, d = a + Math.sin(s) * o, f = Nt[t.status] ?? u.blue, m = 2 + t.count / c * 8;
 				n.beginPath(), n.moveTo(i, a), n.lineTo(l, d), n.strokeStyle = h(f, .08), n.lineWidth = m * 2, n.stroke(), n.beginPath(), n.moveTo(i, a), n.lineTo(l, d), n.strokeStyle = h(f, .25), n.lineWidth = 1, n.stroke();
 				let g = (e * .005 + r * .33) % 1, _ = i + (l - i) * g, v = a + (d - a) * g;
 				y(n, _, v, 6, f, .4), n.beginPath(), n.arc(_, v, 2, 0, Math.PI * 2), n.fillStyle = h(f, .8), n.fill();
 				let b = (i + l) / 2, x = (a + d) / 2;
 				n.font = p.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = h(f, .85), n.fillText(String(t.count), b, x);
 			}), E.forEach((e, t) => {
-				let l = t / 3 * Math.PI * 2 - Math.PI / 2, d = i + Math.cos(l) * o, p = a + Math.sin(l) * o, g = Pt[e.status] ?? u.blue, _ = 10 + e.count / c * 18, v = m.current.get(e.status) ?? 0;
+				let l = t / 3 * Math.PI * 2 - Math.PI / 2, d = i + Math.cos(l) * o, p = a + Math.sin(l) * o, g = Nt[e.status] ?? u.blue, _ = 10 + e.count / c * 18, v = m.current.get(e.status) ?? 0;
 				y(n, d, p, _ * 2.5, g, .2 + v * .15);
 				let b = n.createRadialGradient(d, p - _ * .2, 0, d, p, _);
 				b.addColorStop(0, h(g, .8 + v * .2)), b.addColorStop(1, h(g, .4 + v * .1)), n.beginPath(), n.arc(d, p, _, 0, Math.PI * 2), n.fillStyle = b, n.fill(), n.font = "bold " + f.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = h(u.t1, .9), n.fillText(e.status, d, p), T(S.current, e.status, d, p, _ + 6, {
@@ -2168,8 +2164,8 @@ function Ft({ segments: e = [], title: t, unitLabel: r = "", "data-testid": o })
 }
 //#endregion
 //#region src/components/trendChart/TrendChart.tsx
-var It = 280, Z = 96;
-function Lt({ points: e = [], className: t, colors: r }) {
+var Ft = 280, Z = 96;
+function It({ points: e = [], className: t, colors: r }) {
 	let o = a(null), d = a(/* @__PURE__ */ new Map()), f = a(0), p = i(() => e.filter(Array.isArray).map(([e, t]) => {
 		let n = String(t).match(/-?\d+(\.\d+)?/);
 		return {
@@ -2177,18 +2173,18 @@ function Lt({ points: e = [], className: t, colors: r }) {
 			value: n ? Number(n[0]) : 0
 		};
 	}), [e]), { mouseRef: m, hoveredRef: g, tooltip: _, hitZonesRef: b } = w(o, {
-		width: It,
+		width: Ft,
 		height: Z
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = v(e, It, Z);
+		let t = v(e, Ft, 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, It, Z), p.length < 2) {
+			if (t.clearRect(0, 0, Ft, Z), p.length < 2) {
 				s = requestAnimationFrame(c);
 				return;
 			}
@@ -2197,8 +2193,8 @@ function Lt({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = It - 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(It - 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) => {
+			}, o = Ft - 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(Ft - 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]);
@@ -2235,7 +2231,7 @@ function Lt({ points: e = [], className: t, colors: r }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: It,
+				width: Ft,
 				height: Z
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2243,14 +2239,14 @@ function Lt({ points: e = [], className: t, colors: r }) {
 				role: "img",
 				"aria-label": "trend chart",
 				style: {
-					width: It,
+					width: Ft,
 					height: Z,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(C, {
 				..._,
-				parentW: It,
+				parentW: Ft,
 				parentH: Z
 			})]
 		})
@@ -2258,67 +2254,72 @@ function Lt({ points: e = [], className: t, colors: r }) {
 }
 //#endregion
 //#region src/components/segmentedSplitBarChart/SegmentedSplitBarChart.tsx
-function Rt(e, t, n) {
+function Lt(e, t, n) {
 	if (e.measureText(t).width <= n) return t;
 	let r = t;
 	for (; r.length > 0 && e.measureText(r + "…").width > n;) r = r.slice(0, -1);
 	return r + "…";
 }
-var zt = 680, Bt = 8, Vt = 26, Ht = 14, Ut = 16, Wt = 32;
-function Gt({ 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, Bt), [b, g]), S = Ut + Wt + x.length * (Vt + Ht) - Ht, { hoveredRef: T, tooltip: D, hitZonesRef: k } = w(r, {
-		width: zt,
+var Rt = 680, zt = 8, Bt = 26, Vt = 14, Ht = 16, Ut = 32;
+function Wt({ 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, zt), [b, g]), S = Ht + Ut + x.length * (Bt + Vt) - Vt, { hoveredRef: T, tooltip: D, hitZonesRef: k } = w(r, {
+		width: Rt,
 		height: S
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = v(e, zt, S);
+		let t = v(e, Rt, S);
 		d.current = 0;
-		let n = Ut, i = Wt, a = Vt, o = Ht, s = zt - 60 - 28, c = Math.max(...x.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0)), 1), g = x.length * (a + o) - o, _ = n + (S - n - i - g) / 2, b, C = () => {
+		let n = Ht, i = Ut, a = Bt, o = Vt, s = Rt - 150 - 28, c = Math.max(...x.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0)), 1), g = x.length * (a + o) - o, _ = n + (S - n - i - g) / 2, b, C = () => {
 			d.current++;
 			let e = d.current;
-			t.clearRect(0, 0, zt, S);
+			t.clearRect(0, 0, Rt, S);
 			let n = O(Math.min(e / 60, 1));
 			N(l.current, T.current), k.current = [], x.forEach((e, r) => {
 				let i = M(n, r, x.length, O), d = _ + r * (a + o), m = (e.implemented ?? 0) + (e.unimplemented ?? 0), g = (e.implemented ?? 0) / c * s * i, v = (e.unimplemented ?? 0) / c * s * i, b = `${e.id}-impl`, S = `${e.id}-un`, C = l.current.get(b) ?? 0, w = l.current.get(S) ?? 0;
-				E(k.current, b, 60, d, g || 1, a, {
-					label: `${e.name} — Implemented`,
-					value: `${U(e.implemented ?? 0)} variations`,
-					sublabel: `${Math.round((e.implemented ?? 0) / (m || 1) * 100)}% complete`,
+				E(k.current, b, 150, d, g || 1, a, {
+					label: e.name,
+					value: U(e.implemented ?? 0),
+					sublabel: `${Math.round((e.implemented ?? 0) / (m || 1) * 100)}%`,
 					color: u.green
-				}), E(k.current, S, 60 + g, d, v || 1, a, {
-					label: `${e.name} — Unimplemented`,
-					value: `${U(e.unimplemented ?? 0)} variations`,
-					sublabel: `${Math.round((e.unimplemented ?? 0) / (m || 1) * 100)}% pending`,
+				}), E(k.current, S, 150 + g, d, v || 1, a, {
+					label: e.name,
+					value: U(e.unimplemented ?? 0),
+					sublabel: `${Math.round((e.unimplemented ?? 0) / (m || 1) * 100)}%`,
 					color: u.amber
-				}), t.font = f.font, t.fillStyle = u.t2, t.textAlign = "right", t.fillText(Rt(t, e.abbreviation ?? e.name ?? "", 44), 52, d + a / 2 + 4), t.fillStyle = h(u.bd, .15), t.beginPath(), t.roundRect(60, d, m / c * s, a, 4), t.fill(), g > 0 && (C > 0 && y(t, 60 + g / 2, d + a / 2, g * .3, u.green, .12 * C), t.fillStyle = h(u.green, .6 + C * .2), t.beginPath(), t.roundRect(60, d, g, a, [
+				}), t.font = f.font, t.fillStyle = u.t2, t.textAlign = "right", t.fillText(Lt(t, e.abbreviation ?? e.name ?? "", 134), 142, d + a / 2 + 4), E(k.current, b, 0, d, 150, a, {
+					label: e.name ?? e.abbreviation ?? "",
+					value: `${U((e.implemented ?? 0) + (e.unimplemented ?? 0))} total variations`,
+					sublabel: `Implemented: ${U(e.implemented ?? 0)} · Pending: ${U(e.unimplemented ?? 0)}`,
+					color: u.green
+				}), t.fillStyle = h(u.bd, .15), t.beginPath(), t.roundRect(150, d, m / c * s, a, 4), t.fill(), g > 0 && (C > 0 && y(t, 150 + g / 2, d + a / 2, g * .3, u.green, .12 * C), t.fillStyle = h(u.green, .6 + C * .2), t.beginPath(), t.roundRect(150, d, g, a, [
 					4,
 					0,
 					0,
 					4
-				]), t.fill(), g > 28 && i > .5 && (t.font = p.font, t.fillStyle = C > 0 ? u.green : u.t2, t.textAlign = "center", t.fillText(U(e.implemented ?? 0), 60 + g / 2, d + a / 2 + 4))), v > 0 && (w > 0 && y(t, 60 + g + v / 2, d + a / 2, v * .3, u.amber, .12 * w), t.fillStyle = h(u.amber, .18 + w * .18), t.strokeStyle = h(u.amber, .3 + w * .3), t.lineWidth = 1, t.beginPath(), t.roundRect(60 + g, d, v, a, [
+				]), t.fill(), g > 28 && i > .5 && (t.font = p.font, t.fillStyle = C > 0 ? u.green : u.t2, t.textAlign = "center", t.fillText(U(e.implemented ?? 0), 150 + g / 2, d + a / 2 + 4))), v > 0 && (w > 0 && y(t, 150 + g + v / 2, d + a / 2, v * .3, u.amber, .12 * w), t.fillStyle = h(u.amber, .18 + w * .18), t.strokeStyle = h(u.amber, .3 + w * .3), t.lineWidth = 1, t.beginPath(), t.roundRect(150 + g, d, v, a, [
 					0,
 					4,
 					4,
 					0
-				]), t.fill(), t.stroke(), v > 28 && i > .5 && (t.font = p.font, t.fillStyle = w > 0 ? u.amber : u.t2, t.textAlign = "center", t.fillText(U(e.unimplemented ?? 0), 60 + g + v / 2, d + a / 2 + 4))), g > 0 && v > 0 && (t.strokeStyle = h(u.bg, .7), t.lineWidth = 2, t.beginPath(), t.moveTo(60 + g, d), t.lineTo(60 + g, d + a), t.stroke());
+				]), t.fill(), t.stroke(), v > 28 && i > .5 && (t.font = p.font, t.fillStyle = w > 0 ? u.amber : u.t2, t.textAlign = "center", t.fillText(U(e.unimplemented ?? 0), 150 + g + v / 2, d + a / 2 + 4))), g > 0 && v > 0 && (t.strokeStyle = h(u.bg, .7), t.lineWidth = 2, t.beginPath(), t.moveTo(150 + g, d), t.lineTo(150 + g, d + a), t.stroke());
 			});
-			let r = _ + g + 24, i = 60 + s / 2;
+			let r = _ + g + 24, i = 150 + s / 2;
 			t.font = m.font, t.textAlign = "right", t.fillStyle = u.green, t.fillText("■ Implemented", i - 10, r), t.textAlign = "left", t.fillStyle = m.color, t.fillText("■ Unimplemented", i + 10, r), b = requestAnimationFrame(C);
 		};
 		return C(), () => cancelAnimationFrame(b);
 	}, [x, S]), b.length === 0 ? /* @__PURE__ */ s(L, {
-		width: zt,
+		width: Rt,
 		height: 160,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		style: { width: zt },
+		style: { width: Rt },
 		children: [/* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: zt,
+				width: Rt,
 				height: S
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2326,16 +2327,16 @@ function Gt({ items: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Implemented vs unimplemented variations per contractor — split bar",
 				style: {
-					width: zt,
+					width: Rt,
 					height: S,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(C, {
 				...D,
-				parentW: zt,
+				parentW: Rt,
 				parentH: S
 			})]
-		}), b.length > Bt && /* @__PURE__ */ s("div", {
+		}), b.length > zt && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ie, {
 				expanded: g,
@@ -2346,18 +2347,18 @@ function Gt({ items: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
-var Kt = 800, qt = 360;
-function Jt({ items: e = [], "data-testid": t }) {
+var Gt = 800, Kt = 360;
+function qt({ 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: Kt,
-		height: qt
+		width: Gt,
+		height: Kt
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = v(t, Kt, qt);
+		let n = v(t, Gt, Kt);
 		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 = qt - 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 = Kt - 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,
@@ -2385,16 +2386,16 @@ function Jt({ items: e = [], "data-testid": t }) {
 		}, j, P = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, Kt, qt), n.letterSpacing = f.letterSpacing;
+			n.clearRect(0, 0, Gt, Kt), 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;
-				Yt(n, c.x + 110, h, 420 - 110 / 2, y, _ * l, c.color, S), Yt(n, c.x + 110, g, 420 - 110 / 2, b, v * l, c.color, S * .75);
+				Jt(n, c.x + 110, h, 420 - 110 / 2, y, _ * l, c.color, S), Jt(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;
-				Yt(n, 475, O.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), Yt(n, 475, k.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
+				Jt(n, 475, O.cy, 720 - 110 / 2, t, C * e, u.blue, .25 * e), Jt(n, 475, k.cy, 720 - 110 / 2, i, w * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2406,22 +2407,22 @@ function Jt({ items: e = [], "data-testid": t }) {
 					420,
 					720
 				][t];
-				n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText(e, r, qt - 8);
+				n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText(e, r, Kt - 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.totalLabel ?? String(t.total ?? 0),
+					sublabel: `${t.baseLabel ?? String(t.base ?? 0)} + ${t.variationLabel ?? String(t.variation ?? 0)}`,
 					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");
 			}), 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";
+				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(U(a), 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(U(s), 420, k.cy + 8), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
 			if (r > .5) {
 				let e = Math.min(1, (r - .5) / .5);
-				y(n, 720, A.cy, 44, u.blue, .2 * e), n.fillStyle = h(u.blue, .25 * e), n.strokeStyle = h(u.blue, .6 * e), n.lineWidth = 1.5, n.beginPath(), n.roundRect(A.x, A.y, 110, A.h * e, 6), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = f.font, n.fillStyle = u.t2, n.textAlign = "center", n.fillText("Total Commitment", 720, A.cy - 12), n.font = p.font, n.fillStyle = u.blue, n.fillText(`£${c}M`, 720, A.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
+				y(n, 720, A.cy, 44, u.blue, .2 * e), n.fillStyle = h(u.blue, .25 * e), n.strokeStyle = h(u.blue, .6 * e), n.lineWidth = 1.5, n.beginPath(), n.roundRect(A.x, A.y, 110, A.h * e, 6), n.fill(), n.stroke(), n.globalAlpha = e, n.textBaseline = "middle", n.font = f.font, n.fillStyle = u.t2, n.textAlign = "center", n.fillText("Total Commitment", 720, A.cy - 12), n.font = p.font, n.fillStyle = u.blue, n.fillText(U(c), 720, A.cy + 6), n.globalAlpha = 1, n.textBaseline = "alphabetic";
 			}
 			j = requestAnimationFrame(P);
 		};
@@ -2430,33 +2431,33 @@ function Jt({ items: e = [], "data-testid": t }) {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: Kt,
-			height: qt
+			width: Gt,
+			height: Kt
 		},
 		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: Kt,
-				height: qt,
+				width: Gt,
+				height: Kt,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(C, {
 			...m,
-			parentW: Kt,
-			parentH: qt
+			parentW: Gt,
+			parentH: Kt
 		})]
 	});
 }
-function Yt(e, t, n, r, i, a, o, s) {
+function Jt(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 Xt({ config: e, className: t }) {
-	return e.type === "line" ? /* @__PURE__ */ s(Be, {
+function Yt({ config: e, className: t }) {
+	return e.type === "line" ? /* @__PURE__ */ s(ze, {
 		rows: e.rows,
 		className: t
 	}) : e.type === "area" ? /* @__PURE__ */ s(ee, {
@@ -2465,31 +2466,31 @@ function Xt({ config: e, className: t }) {
 	}) : e.type === "bar" ? /* @__PURE__ */ s(re, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "pie" ? /* @__PURE__ */ s(Qe, {
+	}) : e.type === "pie" ? /* @__PURE__ */ s(Ze, {
 		rows: e.rows,
 		variant: "pie",
 		className: t
-	}) : e.type === "donut" ? /* @__PURE__ */ s(Qe, {
+	}) : e.type === "donut" ? /* @__PURE__ */ s(Ze, {
 		rows: e.rows,
 		variant: "donut",
 		className: t
-	}) : e.type === "sankey" ? /* @__PURE__ */ s(lt, {
+	}) : e.type === "sankey" ? /* @__PURE__ */ s(ct, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "flow" ? /* @__PURE__ */ s(ct, {
+	}) : e.type === "flow" ? /* @__PURE__ */ s(st, {
 		selectedEntity: e.selectedEntity,
 		className: t
-	}) : e.type === "trend" ? /* @__PURE__ */ s(Lt, {
+	}) : e.type === "trend" ? /* @__PURE__ */ s(It, {
 		points: e.points,
 		className: t
-	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(Ue, {
+	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(He, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Ae, { 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(Ft, {
+	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(Ae, { 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(Pt, {
 		segments: e.segments,
 		title: e.title,
 		unitLabel: e.unitLabel
-	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(ze, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Re, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(Mt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(Je, {
+	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Re, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Le, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(jt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(qe, {
 		total: e.total,
 		totalLabel: e.totalLabel,
 		items: e.items
@@ -2497,47 +2498,47 @@ function Xt({ config: e, className: t }) {
 		confirmed: e.confirmed,
 		total: e.total,
 		label: e.label
-	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Gt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(ft, {
+	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Wt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(dt, {
 		left: e.left,
 		right: e.right
-	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(mt, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(Tt, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(Jt, { items: e.items }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(pt, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(wt, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(qt, { items: e.items }) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
 }
 //#endregion
 //#region src/utils/mounts.tsx
-var Zt = [];
-function Qt(e) {
+var Xt = [];
+function Zt(e) {
 	try {
 		return JSON.parse(decodeURIComponent(e));
 	} catch {
 		return null;
 	}
 }
-function $t() {
-	for (; Zt.length;) {
-		let e = Zt.pop();
+function Qt() {
+	for (; Xt.length;) {
+		let e = Xt.pop();
 		e && e.unmount();
 	}
 }
-function en() {
-	$t(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
+function $t() {
+	Qt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
 		let n = t.dataset.d3Viz;
 		if (!n) return;
-		let r = Qt(n);
+		let r = Zt(n);
 		if (!r) return;
 		let i = e(t);
-		Zt.push(i), i.render(/* @__PURE__ */ s(Xt, { config: r }));
+		Xt.push(i), i.render(/* @__PURE__ */ s(Yt, { config: r }));
 	});
 }
-function tn(e) {
+function en(e) {
 	return encodeURIComponent(JSON.stringify(e));
 }
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
-function nn({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(Qe, {
+function tn({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(Ze, {
 		rows: e,
 		variant: "donut",
 		className: t,
@@ -2556,26 +2557,27 @@ var Q = {
 	red: u.red,
 	amber: u.amber,
 	green: u.green
-}, $ = "'Satoshi Variable', 'DM Sans', sans-serif", rn = {
+}, $ = "'Satoshi Variable', 'DM Sans', sans-serif", nn = {
 	color: "#F7F7F7",
 	fontFamily: $,
 	fontSize: 24,
 	fontWeight: 500,
 	lineHeight: "32px"
-}, an = {
+}, rn = {
 	color: "#C2C2C2",
 	fontFamily: $,
 	fontSize: 18,
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function on({ items: e = [] }) {
-	return /* @__PURE__ */ s("div", {
+function an({ items: e = [] }) {
+	let t = e.filter((e) => e.value);
+	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
 			gap: 8
 		},
-		children: e.map((e, t) => /* @__PURE__ */ c("div", {
+		children: t.map((e, t) => /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
@@ -2592,25 +2594,26 @@ function on({ items: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...rn,
+					...nn,
 					color: Q.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("div", {
-				style: { ...an },
+				style: { ...rn },
 				children: e.label
 			})]
 		}, t))
 	});
 }
-function sn({ items: e = [] }) {
-	return /* @__PURE__ */ s("div", {
+function on({ items: e = [] }) {
+	let t = e.filter((e) => e.name ?? e.value);
+	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 5
 		},
-		children: e.map((e, t) => /* @__PURE__ */ c("div", {
+		children: t.map((e, t) => /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -2635,7 +2638,7 @@ function sn({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...rn,
+						...nn,
 						fontSize: 18,
 						color: Q.t1,
 						minWidth: 70,
@@ -2645,7 +2648,7 @@ function sn({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...an,
+						...rn,
 						flex: 1
 					},
 					children: e.kpiLabel
@@ -2654,13 +2657,14 @@ function sn({ items: e = [] }) {
 		}, t))
 	});
 }
-function cn({ items: e = [] }) {
-	return /* @__PURE__ */ s("div", {
+function sn({ items: e = [] }) {
+	let t = e.filter((e) => e.value);
+	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
 			gap: 8
 		},
-		children: e.map((e, t) => /* @__PURE__ */ c("div", {
+		children: t.map((e, t) => /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
@@ -2676,30 +2680,31 @@ function cn({ items: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...rn,
+					...nn,
 					color: Q.t1
 				},
 				children: e.value
 			}), /* @__PURE__ */ s("div", {
-				style: { ...an },
+				style: { ...rn },
 				children: e.label
 			})]
 		}, t))
 	});
 }
-var ln = {
+var cn = {
 	red: Q.red,
 	amber: Q.amber,
 	green: Q.green
 };
-function un({ items: e = [] }) {
-	return /* @__PURE__ */ s("div", {
+function ln({ items: e = [] }) {
+	let t = e.filter((e) => e.text);
+	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 5
 		},
-		children: e.map((e, t) => (ln[e.severity], /* @__PURE__ */ c("div", {
+		children: t.map((e, t) => (cn[e.severity], /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				alignItems: "flex-start",
@@ -2716,14 +2721,16 @@ function un({ items: e = [] }) {
 				flexShrink: 0,
 				marginTop: 5
 			} }), /* @__PURE__ */ s("span", {
-				style: { ...an },
+				style: { ...rn },
 				children: e.text
 			})]
 		}, t)))
 	});
 }
-function dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
-	let a = t - e;
+function un({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
+	let a = r.filter((e) => e.name);
+	if (a.length === 0) return null;
+	let o = t - e;
 	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
 		style: {
 			position: "relative",
@@ -2762,8 +2769,8 @@ function dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 				},
 				children: [t, n]
 			}),
-			r.map((t, r) => {
-				let i = (t.val - e) / a * 100, o = t.color ?? u.blue, l = r % 2 == 0;
+			a.map((t, r) => {
+				let i = (t.val - e) / o * 100, a = t.color ?? u.blue, l = r % 2 == 0;
 				return /* @__PURE__ */ c("div", {
 					style: {
 						position: "absolute",
@@ -2780,7 +2787,7 @@ function dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 							children: [/* @__PURE__ */ s("div", {
 								style: {
 									fontSize: 18,
-									color: o,
+									color: a,
 									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
@@ -2789,7 +2796,7 @@ function dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 								style: {
 									fontSize: 18,
 									fontWeight: 500,
-									color: o,
+									color: a,
 									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
@@ -2800,8 +2807,8 @@ function dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 							width: 10,
 							height: 10,
 							borderRadius: "50%",
-							background: o,
-							boxShadow: `0 0 8px ${o}70`,
+							background: a,
+							boxShadow: `0 0 8px ${a}70`,
 							margin: l ? "0 auto" : "26px auto 0"
 						} }),
 						!l && /* @__PURE__ */ c("div", {
@@ -2812,7 +2819,7 @@ function dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 							children: [/* @__PURE__ */ s("div", {
 								style: {
 									fontSize: 18,
-									color: o,
+									color: a,
 									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
@@ -2821,7 +2828,7 @@ function dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 								style: {
 									fontSize: 18,
 									fontWeight: 500,
-									color: o,
+									color: a,
 									fontFamily: $,
 									whiteSpace: "nowrap"
 								},
@@ -2832,9 +2839,10 @@ function dn({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 				}, r);
 			})
 		]
-	}), i && i.length > 0 && /* @__PURE__ */ s(cn, { items: i })] });
+	}), i && i.length > 0 && /* @__PURE__ */ s(sn, { items: i })] });
 }
-function fn({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
+function dn({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
+	if (!t && !a) return null;
 	let f = r ?? u.blue, p = l ?? u.blue;
 	return /* @__PURE__ */ c("div", { children: [
 		/* @__PURE__ */ c("div", {
@@ -2928,10 +2936,11 @@ function fn({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				})
 			})]
 		}),
-		d && d.length > 0 && /* @__PURE__ */ s(cn, { items: d })
+		d && d.length > 0 && /* @__PURE__ */ s(sn, { items: d })
 	] });
 }
-function pn({ pct: e, label: t, color: n, chips: r }) {
+function fn({ pct: e, label: t, color: n, chips: r }) {
+	if (e == null && !t) return null;
 	let i = n ?? u.blue, a = 2 * Math.PI * 30, o = a * (1 - e / 100);
 	return /* @__PURE__ */ c("div", {
 		style: {
@@ -2990,7 +2999,7 @@ function pn({ pct: e, label: t, color: n, chips: r }) {
 			style: { flex: 1 },
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...an,
+					...rn,
 					padding: "10px 0px"
 				},
 				children: t
@@ -3013,14 +3022,14 @@ function pn({ pct: e, label: t, color: n, chips: r }) {
 					children: [
 						/* @__PURE__ */ s("span", {
 							style: {
-								...rn,
+								...nn,
 								color: Q.t2
 							},
 							children: e.value
 						}),
 						/* @__PURE__ */ s("span", {
 							style: {
-								...rn,
+								...nn,
 								color: Q.t2,
 								fontWeight: 400,
 								userSelect: "none"
@@ -3028,7 +3037,7 @@ function pn({ pct: e, label: t, color: n, chips: r }) {
 							children: "|"
 						}),
 						/* @__PURE__ */ s("span", {
-							style: { ...an },
+							style: { ...rn },
 							children: e.label
 						})
 					]
@@ -3037,23 +3046,24 @@ function pn({ pct: e, label: t, color: n, chips: r }) {
 		})]
 	});
 }
-var mn = {
+var pn = {
 	green: "#34D39918",
 	amber: "#FBBF2418",
 	red: "#F0606018"
-}, hn = {
+}, mn = {
 	green: "#34D399",
 	amber: "#FBBF24",
 	red: "#F06060"
 };
-function gn({ items: e = [] }) {
-	return /* @__PURE__ */ s("div", {
+function hn({ items: e = [] }) {
+	let t = e.filter((e) => e.name ?? e.value);
+	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 5
 		},
-		children: e.map((e, t) => /* @__PURE__ */ c("div", {
+		children: t.map((e, t) => /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -3110,8 +3120,8 @@ function gn({ items: e = [] }) {
 					style: {
 						fontSize: 18,
 						fontWeight: 500,
-						color: hn[e.badgeSeverity],
-						background: mn[e.badgeSeverity],
+						color: mn[e.badgeSeverity],
+						background: pn[e.badgeSeverity],
 						padding: "2px 7px",
 						borderRadius: 4,
 						fontFamily: $,
@@ -3123,7 +3133,7 @@ function gn({ items: e = [] }) {
 				}),
 				e.sublabel && /* @__PURE__ */ s("span", {
 					style: {
-						...an,
+						...rn,
 						flexShrink: 0,
 						minWidth: 80,
 						textAlign: "right"
@@ -3134,20 +3144,21 @@ function gn({ items: e = [] }) {
 		}, t))
 	});
 }
-var _n = {
+var gn = {
 	red: Q.red,
 	amber: Q.amber,
 	green: Q.green
 };
-function vn({ items: e = [] }) {
-	return /* @__PURE__ */ s("div", {
+function _n({ items: e = [] }) {
+	let t = e.filter((e) => e.text);
+	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 5
 		},
-		children: e.map((e, t) => {
-			let n = _n[e.severity];
+		children: t.map((e, t) => {
+			let n = gn[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -3173,13 +3184,13 @@ function vn({ items: e = [] }) {
 					/* @__PURE__ */ s("span", {
 						style: {
 							flex: 1,
-							...an
+							...rn
 						},
 						children: e.text
 					}),
 					/* @__PURE__ */ s("span", {
 						style: {
-							...an,
+							...rn,
 							flexShrink: 0,
 							marginTop: 1
 						},
@@ -3190,8 +3201,8 @@ function vn({ items: e = [] }) {
 		})
 	});
 }
-function yn({ columns: e = [], rows: t = [] }) {
-	return /* @__PURE__ */ c("div", {
+function vn({ columns: e = [], rows: t = [] }) {
+	return t.length === 0 ? null : /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -3253,21 +3264,21 @@ function yn({ columns: e = [], rows: t = [] }) {
 		}, t))]
 	});
 }
-function bn({ block: e }) {
+function yn({ block: e }) {
 	if (!e) return null;
 	switch (e.type) {
-		case "stats": return /* @__PURE__ */ s(on, { items: e.items });
-		case "ranked": return /* @__PURE__ */ s(sn, { items: e.items });
-		case "chips": return /* @__PURE__ */ s(cn, { items: e.items });
-		case "badges": return /* @__PURE__ */ s(un, { items: e.items });
-		case "dot-strip": return /* @__PURE__ */ s(dn, {
+		case "stats": return /* @__PURE__ */ s(an, { items: e.items });
+		case "ranked": return /* @__PURE__ */ s(on, { items: e.items });
+		case "chips": return /* @__PURE__ */ s(sn, { items: e.items });
+		case "badges": return /* @__PURE__ */ s(ln, { items: e.items });
+		case "dot-strip": return /* @__PURE__ */ s(un, {
 			min: e.min,
 			max: e.max,
 			unit: e.unit,
 			dots: e.dots,
 			chips: e.chips
 		});
-		case "proportion": return /* @__PURE__ */ s(fn, {
+		case "proportion": return /* @__PURE__ */ s(dn, {
 			leftPct: e.leftPct,
 			leftLabel: e.leftLabel,
 			leftValue: e.leftValue,
@@ -3278,15 +3289,15 @@ function bn({ block: e }) {
 			rightColor: e.rightColor,
 			chips: e.chips
 		});
-		case "ring": return /* @__PURE__ */ s(pn, {
+		case "ring": return /* @__PURE__ */ s(fn, {
 			pct: e.pct,
 			label: e.label,
 			color: e.color,
 			chips: e.chips
 		});
-		case "scorecard-rows": return /* @__PURE__ */ s(gn, { items: e.items });
-		case "flags-list": return /* @__PURE__ */ s(vn, { items: e.items });
-		case "comparison-rows": return /* @__PURE__ */ s(yn, {
+		case "scorecard-rows": return /* @__PURE__ */ s(hn, { items: e.items });
+		case "flags-list": return /* @__PURE__ */ s(_n, { items: e.items });
+		case "comparison-rows": return /* @__PURE__ */ s(vn, {
 			columns: e.columns,
 			rows: e.rows
 		});
@@ -3295,14 +3306,14 @@ function bn({ block: e }) {
 }
 //#endregion
 //#region src/components/keyHighlights/Takeaway.tsx
-var xn = "'Satoshi Variable', 'DM Sans', sans-serif", Sn = {
+var bn = "'Satoshi Variable', 'DM Sans', sans-serif", xn = {
 	color: "#C2C2C2",
-	fontFamily: xn,
+	fontFamily: bn,
 	fontSize: 18,
 	fontWeight: 400,
 	lineHeight: 1.65
 };
-function Cn({ text: e }) {
+function Sn({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			padding: "8px 0px",
@@ -3315,16 +3326,16 @@ function Cn({ text: e }) {
 				fontSize: 18,
 				fontWeight: 500,
 				color: u.t1,
-				fontFamily: xn,
+				fontFamily: bn,
 				lineHeight: 1.65,
 				marginRight: 8
 			},
 			children: "Takeaway"
 		}), /* @__PURE__ */ s("span", {
-			style: { ...Sn },
+			style: { ...xn },
 			children: e
 		})]
 	});
 }
 //#endregion
-export { ee as AreaChart, re as BarChart, l as ChartFrame, nn as DonutChart, bn as KeyHighlights, Be as LineChart, Ue as MiniBars, Qe as PieChart, ct as ProcessSankey, lt as RankingSankey, et as SankeySvg, I as SeriesChart, Cn as Takeaway, Tt as Trend, Lt as TrendChart, Xt as VisualizationRenderer, $t as cleanupVisualizationMounts, en as hydrateVisualizationMounts, tn as serializeVisualizationConfig };
+export { ee as AreaChart, re as BarChart, l as ChartFrame, tn as DonutChart, yn as KeyHighlights, ze as LineChart, He as MiniBars, Ze as PieChart, st as ProcessSankey, ct as RankingSankey, $e as SankeySvg, I as SeriesChart, Sn as Takeaway, wt as Trend, It as TrendChart, Yt as VisualizationRenderer, Qt as cleanupVisualizationMounts, $t as hydrateVisualizationMounts, en as serializeVisualizationConfig };