@divami-artefacts/ai-design-system 1.0.7 → 1.0.9

package/dist/index.js

@@ -430,6 +430,26 @@ function ie({ rows: e = [], className: t, colors: r }) {
 	});
 }
 //#endregion
+//#region src/components/common/ChartEmptyState.tsx
+function F({ width: e, height: t, message: n = "No data available", "data-testid": r }) {
+	return /* @__PURE__ */ s("div", {
+		"data-testid": r,
+		style: {
+			width: e,
+			height: t,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			borderRadius: 8,
+			background: "rgba(255,255,255,0.03)",
+			color: "rgba(255,255,255,0.35)",
+			fontSize: 14,
+			fontFamily: "'Satoshi Variable', 'DM Sans', sans-serif"
+		},
+		children: n
+	});
+}
+//#endregion
 //#region src/components/common/ToggleButton.tsx
 function ae({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCollapsed: r = "View More", "data-testid": i }) {
 	return /* @__PURE__ */ c("button", {
@@ -473,8 +493,8 @@ function ae({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCol
 	});
 }
 //#endregion
-//#region src/components/commitmentRace/CommitmentRace.tsx
-var F = 680, I = 42, oe = 10, se = 24, ce = 24, le = 8, ue = [
+//#region src/components/progressRaceChart/ProgressRaceChart.tsx
+var I = 680, L = 42, oe = 10, se = 24, ce = 24, le = 8, ue = [
 	u.green,
 	u.blue,
 	u.cyan,
@@ -485,44 +505,48 @@ 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({ contractors: e = [], "data-testid": t }) {
-	let r = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), [p, h] = o(!1), g = i(() => [...e].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), [e]), x = i(() => p ? g : g.slice(0, le), [g, p]), T = x.length, D = se + ce + T * I + Math.max(0, T - 1) * oe, { hoveredRef: O, tooltip: k, hitZonesRef: A } = C(r, {
-		width: F,
-		height: D
+function fe({ items: e = [], "data-testid": t }) {
+	let r = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), [p, h] = o(!1), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), x = i(() => [...g].sort((e, t) => (t.percentage ?? 0) - (e.percentage ?? 0)), [g]), T = i(() => p ? x : x.slice(0, le), [x, p]), D = T.length, O = se + ce + D * L + Math.max(0, D - 1) * oe, { hoveredRef: k, tooltip: A, hitZonesRef: j } = C(r, {
+		width: I,
+		height: O
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, F, D);
+		let t = _(e, I, O);
 		l.current = 0;
-		let n = F * .13, i = F * .08, a = F - n - i, o, s = () => {
+		let n = I * .13, i = I * .08, a = I - n - i, o, s = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, F, D), A.current = [], d.current.forEach((e, t) => {
-				let n = t === O.current ? 1 : 0, r = e + (n - e) * .12;
+			t.clearRect(0, 0, I, O), j.current = [], d.current.forEach((e, t) => {
+				let n = t === k.current ? 1 : 0, r = e + (n - e) * .12;
 				Math.abs(r - n) < .005 ? n === 0 ? d.current.delete(t) : d.current.set(t, 1) : d.current.set(t, r);
-			}), O.current && !d.current.has(O.current) && d.current.set(O.current, 0), y(t, F, D, e, 40, m(u.blue, .04)), x.forEach((r, i) => {
-				let o = ue[i % ue.length], s = d.current.get(r.id) ?? 0, c = se + i * (I + oe);
-				t.fillStyle = m(o, .04 + s * .04), t.beginPath(), t.roundRect(n, c, a, I, 3), t.fill(), t.strokeStyle = m(o, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, c + I / 2), t.lineTo(n + a, c + I / 2), t.stroke(), t.setLineDash([]);
+			}), k.current && !d.current.has(k.current) && d.current.set(k.current, 0), y(t, I, O, e, 40, m(u.blue, .04)), T.forEach((r, i) => {
+				let o = ue[i % ue.length], s = d.current.get(r.id) ?? 0, c = se + i * (L + oe);
+				t.fillStyle = m(o, .04 + s * .04), t.beginPath(), t.roundRect(n, c, a, L, 3), t.fill(), t.strokeStyle = m(o, .08), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, c + L / 2), t.lineTo(n + a, c + L / 2), t.stroke(), t.setLineDash([]);
 				let l = (r.percentage ?? 0) / 100, u = n + a * Math.min(l, l * E(Math.min(1, e * .005)));
 				if (u > n + 4) {
 					let e = t.createLinearGradient(n, 0, u, 0);
-					e.addColorStop(0, m(o, .02)), e.addColorStop(1, m(o, .25 + s * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(n, c + 2, u - n, I - 4, 2), t.fill();
+					e.addColorStop(0, m(o, .02)), e.addColorStop(1, m(o, .25 + s * .15)), t.fillStyle = e, t.beginPath(), t.roundRect(n, c + 2, u - n, L - 4, 2), t.fill();
 				}
-				v(t, u, c + I / 2, 18 + s * 8, o, .3 + s * .2), t.beginPath(), t.arc(u, c + I / 2, 5 + s * 2, 0, Math.PI * 2), t.fillStyle = m(o, .9), t.fill();
+				v(t, u, c + L / 2, 18 + s * 8, o, .3 + s * .2), t.beginPath(), t.arc(u, c + L / 2, 5 + s * 2, 0, Math.PI * 2), t.fillStyle = m(o, .9), t.fill();
 				let p = {
 					label: r.name,
 					value: `${r.percentage ?? 0}% commitment`,
 					sublabel: `Base: ${de(r.base ?? 0)} · Variations: ${de(r.variation ?? 0)}`,
 					color: o
 				};
-				w(A.current, r.id, u, c + I / 2, 14, p), t.font = "bold " + f.font, t.fillStyle = m(o, .9 + s * .1), t.textAlign = "left", t.textBaseline = "middle", t.fillText(`${r.percentage ?? 0}%`, u + 10, c + I / 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 + I / 2);
-			}), t.strokeStyle = m(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(n + a, se), t.lineTo(n + a, se + (T - 1) * (I + oe) + I), t.stroke(), b(t, F, D, e, .015), o = requestAnimationFrame(s);
+				w(j.current, r.id, u, c + L / 2, 14, p), t.font = "bold " + f.font, t.fillStyle = m(o, .9 + s * .1), t.textAlign = "left", t.textBaseline = "middle", t.fillText(`${r.percentage ?? 0}%`, u + 10, c + L / 2), t.font = `${s > 0 ? "bold " : ""}` + f.font, t.fillStyle = s > 0 ? o : f.color, t.textAlign = "right", t.fillText(r.abbreviation ?? r.name.slice(0, 6), n - 8, c + L / 2);
+			}), t.strokeStyle = m(u.t3, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(n + a, se), t.lineTo(n + a, se + (D - 1) * (L + oe) + L), t.stroke(), b(t, I, O, e, .015), o = requestAnimationFrame(s);
 		};
 		return s(), () => cancelAnimationFrame(o);
-	}, [x, D]), /* @__PURE__ */ c("div", {
+	}, [T, O]), x.length === 0 ? /* @__PURE__ */ s(F, {
+		width: I,
+		height: 160,
+		"data-testid": t
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		style: { width: F },
+		style: { width: I },
 		children: [/* @__PURE__ */ c("div", {
 			style: { position: "relative" },
 			children: [/* @__PURE__ */ s("canvas", {
@@ -530,17 +554,17 @@ function fe({ contractors: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Commitment race — contractors ranked by commitment percentage",
 				style: {
-					width: F,
-					height: D,
+					width: I,
+					height: O,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(S, {
-				...k,
-				parentW: F,
-				parentH: D
+				...A,
+				parentW: I,
+				parentH: O
 			})]
-		}), e.length > le && /* @__PURE__ */ s("div", {
+		}), g.length > le && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
 				expanded: p,
@@ -550,9 +574,9 @@ function fe({ contractors: e = [], "data-testid": t }) {
 	});
 }
 //#endregion
-//#region src/components/compensationGauge/CompensationGauge.tsx
+//#region src/components/semiCircularGaugeChart/SemiCircularGaugeChart.tsx
 var pe = 480, me = 340;
-function he({ pct: e, confirmed: t, total: r, "data-testid": i }) {
+function he({ value: e, confirmed: t, total: r, "data-testid": i }) {
 	let o = a(null), c = a(0);
 	return n(() => {
 		let n = o.current;
@@ -670,42 +694,42 @@ function ge(e, t, r, i, o = !0, s = {}) {
 	]);
 }
 //#endregion
-//#region src/components/contractBars/ContractBars.tsx
-var L = 780, _e = 234, ve = 130, ye = 52, be = [
+//#region src/components/multiMetricConstellationChart/MultiMetricConstellationChart.tsx
+var R = 780, z = 234, _e = 130, ve = 52, ye = [
 	u.blue,
 	u.cyan,
 	u.amber,
 	u.purple,
 	u.green
-], xe = [
+], be = [
 	"Base Value",
 	"Variations",
 	"Commitment"
-], Se = [
+], xe = [
 	"Base",
 	"Var",
 	"Commit"
 ];
-function Ce({ contractors: e = [], "data-testid": t }) {
+function Se({ items: e = [], "data-testid": t }) {
 	let n = a(null), r = a(/* @__PURE__ */ new Map()), { hoveredRef: o, tooltip: l, hitZonesRef: d } = C(n, {
-		width: L,
-		height: _e
-	}), f = i(() => {
-		let t = Math.max(...e.map((e) => e.base ?? 0)), n = Math.max(...e.map((e) => e.variation ?? 0));
-		return e.map((e, r) => {
-			let i = L * (.12 + r * .19), a = ve, o = Math.min(L * .075, ye), s = be[r % be.length], c = [
-				(e.base ?? 0) / (t || 1) * 100,
-				(e.variation ?? 0) / (n || 1) * 100,
-				e.percentage ?? 0
+		width: R,
+		height: z
+	}), f = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), p = i(() => {
+		let e = Math.max(...f.map((e) => e.base ?? 0)), t = Math.max(...f.map((e) => e.variation ?? 0));
+		return f.map((n, r) => {
+			let i = R * (.12 + r * .19), a = _e, o = Math.min(R * .075, ve), s = ye[r % ye.length], c = [
+				(n.base ?? 0) / (e || 1) * 100,
+				(n.variation ?? 0) / (t || 1) * 100,
+				n.percentage ?? 0
 			], l = [
-				`£${e.base ?? 0}M`,
-				`£${e.variation ?? 0}M`,
-				`${e.percentage ?? 0}%`
+				`£${n.base ?? 0}M`,
+				`£${n.variation ?? 0}M`,
+				`${n.percentage ?? 0}%`
 			], u = c.map((e, t) => {
-				let n = -Math.PI / 2 + t / xe.length * Math.PI * 2, r = e / 100, s = o * Math.max(.08, r);
+				let n = -Math.PI / 2 + t / be.length * Math.PI * 2, r = e / 100, s = o * Math.max(.08, r);
 				return {
-					name: xe[t],
-					short: Se[t],
+					name: be[t],
+					short: xe[t],
 					label: l[t],
 					val: Math.round(e),
 					x: i + Math.cos(n) * s,
@@ -715,7 +739,7 @@ function Ce({ contractors: e = [], "data-testid": t }) {
 				};
 			}), d = u.reduce((e, t) => e + t.x, 0) / u.length, f = u.reduce((e, t) => e + t.y, 0) / u.length, p = Math.sqrt(u.reduce((e, t) => e + (t.x - d) ** 2 + (t.y - f) ** 2, 0) / u.length);
 			return {
-				...e,
+				...n,
 				cx: i,
 				cy: a,
 				baseR: o,
@@ -724,9 +748,9 @@ function Ce({ contractors: e = [], "data-testid": t }) {
 				color: s
 			};
 		});
-	}, [e]);
-	return ge(n, L, _e, (e, t, n) => {
-		M(r.current, o.current), d.current = [], y(e, L, _e, n, 30), f.forEach((t, i) => {
+	}, [f]);
+	return ge(n, R, z, (e, t, n) => {
+		M(r.current, o.current), d.current = [], y(e, R, z, n, 30), p.forEach((t, i) => {
 			let a = t.color, o = `constellation-${i}`, s = r.current.get(o) ?? 0;
 			e.beginPath(), e.arc(t.cx, t.cy, t.baseR + 5, 0, Math.PI * 2), e.strokeStyle = m(u.bd, .08 + .08 * s), e.lineWidth = .5, e.stroke(), e.beginPath(), t.stars.forEach((t, n) => {
 				n === 0 ? e.moveTo(t.x, t.y) : e.lineTo(t.x, t.y);
@@ -746,74 +770,83 @@ function Ce({ contractors: e = [], "data-testid": t }) {
 				sublabel: `${t.percentage ?? 0}% committed · scatter ${t.scatter.toFixed(1)}`,
 				color: a
 			});
-		}), e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = u.t2, e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", L / 2, _e - 14), b(e, L, _e, n, .012);
-	}, !0), /* @__PURE__ */ c("div", {
+		}), e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = u.t2, e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", R / 2, z - 14), b(e, R, z, n, .012);
+	}, !0), p.length === 0 ? /* @__PURE__ */ s(F, {
+		width: R,
+		height: z,
+		"data-testid": t
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: L,
-			height: _e
+			width: R,
+			height: z
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: n,
 			role: "img",
 			"aria-label": "Contract value breakdown per contractor — multi-KPI constellation chart",
 			style: {
-				width: L,
-				height: _e,
+				width: R,
+				height: z,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(S, {
 			...l,
-			parentW: L,
-			parentH: _e
+			parentW: R,
+			parentH: z
 		})]
 	});
 }
 //#endregion
-//#region src/components/contractValueOrb/ContractValueOrb.tsx
-var we = 680, Te = 220, Ee = 8, De = [
+//#region src/components/stackedHorizontalBarChart/StackedHorizontalBarChart.tsx
+var Ce = 680, we = 220, Te = 8, Ee = [
 	u.blue,
 	u.cyan,
 	u.amber,
 	u.purple,
 	u.green
-], R = {
+], B = {
 	left: 8,
 	right: 80,
 	top: 16,
 	bottom: 38
-}, Oe = 88, z = 18;
-function ke(e) {
+}, De = 88, V = 18;
+function Oe(e) {
 	let t = Math.abs(e), n = e < 0 ? "-" : "";
 	return t >= 1e6 ? `${n}£${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${n}£${(t / 1e3).toFixed(1)}K` : `${n}£${t.toFixed(0)}`;
 }
-function Ae({ data: e, "data-testid": t }) {
-	let n = a(null), r = a(/* @__PURE__ */ new Map()), [i, l] = o(!1), { contractors: d = [], totals: h } = e, g = [...d].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), _ = i ? g : g.slice(0, Ee), y = _.length, b = Math.max(...g.map((e) => Math.abs(e.total ?? 0)), 1), x = Math.max(Te, R.top + R.bottom + y * z + Math.max(0, y - 1) * 8), w = we - R.left - Oe - R.right, E = y > 1 ? (x - R.top - R.bottom - y * z) / (y - 1) : 0, { hoveredRef: O, tooltip: k, hitZonesRef: A } = C(n, {
-		width: we,
-		height: x
+function ke({ data: e, "data-testid": t }) {
+	let n = a(null), r = a(/* @__PURE__ */ new Map()), [i, l] = o(!1), { items: d = [], totals: h } = e, g = d.filter((e) => typeof e == "object" && !!e), _ = [...g].sort((e, t) => (t.total ?? 0) - (e.total ?? 0)), y = i ? _ : _.slice(0, Te), b = y.length, x = Math.max(..._.map((e) => Math.abs(e.total ?? 0)), 1), w = Math.max(we, B.top + B.bottom + b * V + Math.max(0, b - 1) * 8), E = Ce - B.left - De - B.right, O = b > 1 ? (w - B.top - B.bottom - b * V) / (b - 1) : 0, k = g.length === 0, { hoveredRef: A, tooltip: ee, hitZonesRef: N } = C(n, {
+		width: Ce,
+		height: w
 	});
-	return ge(n, we, x, (e, t) => {
-		M(r.current, O.current), A.current = [], _.forEach((n, i) => {
-			let a = De[i % De.length], o = j(t, i, y, D), s = R.top + i * (z + E), c = R.left + Oe, l = r.current.get(n.id) ?? 0, d = Math.max(n.base ?? 0, 0), p = Math.max(n.total ?? 0, 0), h = d / b * w * o, g = p / b * w * o, _ = g - h;
-			e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(n.abbreviation ?? n.name.slice(0, 6), c - 8, s + z / 2), e.fillStyle = m(u.bd, .25), e.beginPath(), e.roundRect(c, s, w, z, 4), e.fill(), h > 0 && (l > 0 && v(e, c + h / 2, s + z / 2, h * .3, a, .1 * l), e.fillStyle = m(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, h, z, 4), e.fill()), _ > 2 && (e.fillStyle = m(a, .22 + l * .08), e.beginPath(), e.roundRect(c + h, s, _, z, [
+	return ge(n, Ce, w, (e, t) => {
+		M(r.current, A.current), N.current = [], y.forEach((n, i) => {
+			let a = Ee[i % Ee.length], o = j(t, i, b, D), s = B.top + i * (V + O), c = B.left + De, l = r.current.get(n.id) ?? 0, d = Math.max(n.base ?? 0, 0), p = Math.max(n.total ?? 0, 0), h = d / x * E * o, g = p / x * E * o, _ = g - h;
+			e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(n.abbreviation ?? n.name.slice(0, 6), c - 8, s + V / 2), e.fillStyle = m(u.bd, .25), e.beginPath(), e.roundRect(c, s, E, V, 4), e.fill(), h > 0 && (l > 0 && v(e, c + h / 2, s + V / 2, h * .3, a, .1 * l), e.fillStyle = m(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, h, V, 4), e.fill()), _ > 2 && (e.fillStyle = m(a, .22 + l * .08), e.beginPath(), e.roundRect(c + h, s, _, V, [
 				0,
 				4,
 				4,
 				0
-			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + h, s + 3), e.lineTo(c + h, s + z - 3), e.stroke(), e.setLineDash([])), l > 0 && g > 0 && (e.strokeStyle = m(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, g, z, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : u.t1, e.textAlign = "left", e.textBaseline = "middle", e.fillText(ke(n.total ?? 0), c + g + 6, s + z / 2), e.globalAlpha = 1), T(A.current, n.id, c, s, Math.max(g, 1), z, {
+			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + h, s + 3), e.lineTo(c + h, s + V - 3), e.stroke(), e.setLineDash([])), l > 0 && g > 0 && (e.strokeStyle = m(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, g, V, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : u.t1, e.textAlign = "left", e.textBaseline = "middle", e.fillText(Oe(n.total ?? 0), c + g + 6, s + V / 2), e.globalAlpha = 1), T(N.current, n.id, c, s, Math.max(g, 1), V, {
 				label: n.name,
-				value: `${ke(n.total ?? 0)} total`,
-				sublabel: `Base ${ke(n.base ?? 0)} + Var ${ke(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
+				value: `${Oe(n.total ?? 0)} total`,
+				sublabel: `Base ${Oe(n.base ?? 0)} + Var ${Oe(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
 				color: a
 			});
 		});
-		let n = x - 14;
-		e.textBaseline = "middle", e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "left", e.fillStyle = m(u.cyan, .5), e.beginPath(), e.roundRect(R.left + Oe, n - 3, 14, 6, 2), e.fill(), e.fillStyle = p.color, e.fillText("base value", R.left + Oe + 18, n), e.fillStyle = m(u.cyan, .22), e.beginPath(), e.roundRect(R.left + Oe + 94, n - 3, 14, 6, 2), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(u.cyan, .5), e.lineWidth = .5, e.beginPath(), e.moveTo(R.left + Oe + 101, n - 3), e.lineTo(R.left + Oe + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = p.color, e.fillText("approved variations", R.left + Oe + 112, n), e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "right", e.fillStyle = p.color, e.fillText(`Portfolio: ${ke(h?.total ?? 0)}`, we - 8, n);
-	}, !0, { easing: D }), /* @__PURE__ */ c("div", {
+		let n = w - 14;
+		e.textBaseline = "middle", e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "left", e.fillStyle = m(u.cyan, .5), e.beginPath(), e.roundRect(B.left + De, n - 3, 14, 6, 2), e.fill(), e.fillStyle = p.color, e.fillText("base value", B.left + De + 18, n), e.fillStyle = m(u.cyan, .22), e.beginPath(), e.roundRect(B.left + De + 94, n - 3, 14, 6, 2), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(u.cyan, .5), e.lineWidth = .5, e.beginPath(), e.moveTo(B.left + De + 101, n - 3), e.lineTo(B.left + De + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = p.color, e.fillText("approved variations", B.left + De + 112, n), e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "right", e.fillStyle = p.color, e.fillText(`Portfolio: ${Oe(h?.total ?? 0)}`, Ce - 8, n);
+	}, !0, { easing: D }), k ? /* @__PURE__ */ s(F, {
+		width: Ce,
+		height: we,
+		message: "No contract data available",
+		"data-testid": t
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
-			width: we,
+			width: Ce,
 			transition: "all 0.25s ease"
 		},
 		children: [/* @__PURE__ */ c("div", {
@@ -823,17 +856,17 @@ function Ae({ data: e, "data-testid": t }) {
 				role: "img",
 				"aria-label": "Total contract value per contractor — horizontal bar chart",
 				style: {
-					width: we,
-					height: x,
+					width: Ce,
+					height: w,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(S, {
-				...k,
-				parentW: we,
-				parentH: x
+				...ee,
+				parentW: Ce,
+				parentH: w
 			})]
-		}), d.length > Ee && /* @__PURE__ */ s("div", {
+		}), g.length > Te && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
 				expanded: i,
@@ -843,130 +876,138 @@ function Ae({ data: e, "data-testid": t }) {
 	});
 }
 //#endregion
-//#region src/components/contractorRank/ContractorRank.tsx
-var B = 780, V = 240, je = 12, Me = 10, Ne = [
+//#region src/components/rankedCardLeaderboard/RankedCardLeaderboard.tsx
+var Ae = 780, H = 240, je = 12, Me = 10, Ne = [
 	"Highest exposure",
 	"Elevated risk",
 	"Moderate exposure",
 	"Moderate exposure",
 	"Low exposure"
 ];
-function Pe({ contractors: e = [], "data-testid": t }) {
-	let r = a(null), i = a(0), o = a(/* @__PURE__ */ new Map()), { hoveredRef: l, tooltip: p, hitZonesRef: h } = C(r, {
-		width: B,
-		height: V
-	}), g = [...e].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), y = g.reduce((e, t) => e + (t.count ?? 0), 0);
+function Pe({ items: e = [], "data-testid": t }) {
+	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: p, tooltip: h, hitZonesRef: g } = C(r, {
+		width: Ae,
+		height: H
+	}), y = [...i(() => e.filter((e) => typeof e == "object" && !!e), [e])].sort((e, t) => (t.count ?? 0) - (e.count ?? 0)).slice(0, 5), x = y.reduce((e, t) => e + (t.count ?? 0), 0);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, B, V);
-		i.current = 0;
-		let n = Math.min(5, g.length), a = (B - 2 * je - (n - 1) * Me) / n, s = V * .84, c = V * .08, p, x = () => {
-			i.current++;
-			let e = i.current;
-			t.clearRect(0, 0, B, V), h.current = [], o.current.forEach((e, t) => {
-				let n = t === l.current ? 1 : 0, r = e + (n - e) * .12;
-				Math.abs(r - n) < .005 ? n === 0 ? o.current.delete(t) : o.current.set(t, 1) : o.current.set(t, r);
-			}), l.current && !o.current.has(l.current) && o.current.set(l.current, 0), g.forEach((n, r) => {
-				let i = r === 0, l = r === 0 ? u.red : r === 1 ? u.amber : d[r % d.length], p = je + r * (a + Me), g = o.current.get(n.id) ?? 0, _ = g * 8, b = p - _ / 2, x = a + _, S = i ? A(e, .04, 3e-4) * .06 + .06 : 0;
-				t.fillStyle = m(l, .08 + g * .07), t.beginPath(), t.roundRect(b, c, x, s, 6), t.fill(), t.strokeStyle = m(l, .2 + g * .4 + S), t.lineWidth = i ? 1.5 : 1, t.stroke(), (g > .01 || i) && v(t, b + x / 2, c + s / 2, x * .55, l, S + g * .14), t.font = "bold " + f.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = m(l, .5 + g * .35), t.fillText(`#${r + 1}`, b + 7, c + 6);
-				let C = Math.min(a * .28, s * .32, 72), w = b + x / 2, E = c + s * .38, D = t.createRadialGradient(w, E - C * .2, 0, w, E, C);
-				D.addColorStop(0, m(l, .5 + g * .2)), D.addColorStop(1, m(l, .2 + g * .1)), t.beginPath(), t.arc(w, E, C, 0, Math.PI * 2), t.fillStyle = D, t.fill(), t.strokeStyle = m(l, .4 + g * .3), t.lineWidth = 1, t.stroke(), t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(u.t1, .9), t.fillText(n.abbreviation ?? n.name.slice(0, 6), w, E), t.font = "bold 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.textBaseline = "alphabetic", t.fillStyle = m(l, .9 + g * .1), t.fillText(String(n.count ?? 0), w, c + s * .76), t.font = f.font, t.fillStyle = f.color, t.fillText("open EWs", w, c + s * .88);
-				let O = Math.round((n.count ?? 0) / (y || 1) * 100), k = Ne[r] ?? "Low exposure";
-				T(h.current, n.id, p, c, a, s, {
+		let t = _(e, Ae, H);
+		o.current = 0;
+		let n = Math.min(5, y.length), i = (Ae - 2 * je - (n - 1) * Me) / n, a = H * .84, s = H * .08, c, h = () => {
+			o.current++;
+			let e = o.current;
+			t.clearRect(0, 0, Ae, H), g.current = [], l.current.forEach((e, t) => {
+				let n = t === p.current ? 1 : 0, r = e + (n - e) * .12;
+				Math.abs(r - n) < .005 ? n === 0 ? l.current.delete(t) : l.current.set(t, 1) : l.current.set(t, r);
+			}), p.current && !l.current.has(p.current) && l.current.set(p.current, 0), y.forEach((n, r) => {
+				let o = r === 0, c = r === 0 ? u.red : r === 1 ? u.amber : d[r % d.length], p = je + r * (i + Me), h = l.current.get(n.id) ?? 0, _ = h * 8, y = p - _ / 2, b = i + _, S = o ? A(e, .04, 3e-4) * .06 + .06 : 0;
+				t.fillStyle = m(c, .08 + h * .07), t.beginPath(), t.roundRect(y, s, b, a, 6), t.fill(), t.strokeStyle = m(c, .2 + h * .4 + S), t.lineWidth = o ? 1.5 : 1, t.stroke(), (h > .01 || o) && v(t, y + b / 2, s + a / 2, b * .55, c, S + h * .14), t.font = "bold " + f.font, t.textAlign = "left", t.textBaseline = "top", t.fillStyle = m(c, .5 + h * .35), t.fillText(`#${r + 1}`, y + 7, s + 6);
+				let C = Math.min(i * .28, a * .32, 72), w = y + b / 2, E = s + a * .38, D = t.createRadialGradient(w, E - C * .2, 0, w, E, C);
+				D.addColorStop(0, m(c, .5 + h * .2)), D.addColorStop(1, m(c, .2 + h * .1)), t.beginPath(), t.arc(w, E, C, 0, Math.PI * 2), t.fillStyle = D, t.fill(), t.strokeStyle = m(c, .4 + h * .3), t.lineWidth = 1, t.stroke(), t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(u.t1, .9), t.fillText(n.abbreviation ?? n.name.slice(0, 6), w, E), t.font = "bold 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.textBaseline = "alphabetic", t.fillStyle = m(c, .9 + h * .1), t.fillText(String(n.count ?? 0), w, s + a * .76), t.font = f.font, t.fillStyle = f.color, t.fillText("open EWs", w, s + a * .88);
+				let O = Math.round((n.count ?? 0) / (x || 1) * 100), k = Ne[r] ?? "Low exposure";
+				T(g.current, n.id, p, s, i, a, {
 					label: n.name,
 					value: `${n.count ?? 0} open · ${O}% of total`,
 					sublabel: `Rank #${r + 1} · ${k}`,
-					color: l
+					color: c
 				});
-			}), b(t, B, V, e, .015), p = requestAnimationFrame(x);
+			}), b(t, Ae, H, e, .015), c = requestAnimationFrame(h);
 		};
-		return x(), () => cancelAnimationFrame(p);
-	}, [g, y]), /* @__PURE__ */ c("div", {
+		return h(), () => cancelAnimationFrame(c);
+	}, [y, x]), y.length === 0 ? /* @__PURE__ */ s(F, {
+		width: Ae,
+		height: H,
+		"data-testid": t
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: B,
-			height: V
+			width: Ae,
+			height: H
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Contractor rank — open EW count per contractor",
 			style: {
-				width: B,
-				height: V,
+				width: Ae,
+				height: H,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(S, {
-			...p,
-			parentW: B,
-			parentH: V
+			...h,
+			parentW: Ae,
+			parentH: H
 		})]
 	});
 }
 //#endregion
-//#region src/components/ewCategory/EWCategory.tsx
-var H = 680, U = 260;
-function Fe({ categories: e = [], "data-testid": t }) {
-	let r = a(null), i = a(0), o = a(/* @__PURE__ */ new Map()), { hoveredRef: l, tooltip: d, hitZonesRef: f } = C(r, {
-		width: H,
-		height: U
-	});
+//#region src/components/dotMatrixChart/DotMatrixChart.tsx
+var U = 680, W = 260;
+function Fe({ items: e = [], "data-testid": t }) {
+	let r = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: f, hitZonesRef: p } = C(r, {
+		width: U,
+		height: W
+	}), h = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
-		let t = r.current;
-		if (!t) return;
-		let n = _(t, H, U);
-		i.current = 0;
-		let a = e.length, s = Math.max(...e.map((e) => e.count), 1), c = s, d = H * .05, p = U * .1, h = H * .9 / a, g = U * .7 / c, x = e.reduce((e, t) => e + t.count, 0), S, C = () => {
-			i.current++;
-			let t = i.current;
-			n.clearRect(0, 0, H, U), f.current = [], o.current.forEach((e, t) => {
-				let n = t === l.current ? 1 : 0, r = e + (n - e) * .12;
-				Math.abs(r - n) < .005 ? n === 0 ? o.current.delete(t) : o.current.set(t, 1) : o.current.set(t, r);
-			}), l.current && !o.current.has(l.current) && o.current.set(l.current, 0), y(n, H, U, t, 40, m(u.blue, .04)), e.forEach((e, r) => {
-				let i = e.count === s, a = i ? u.cyan : u.blue, l = o.current.get(`${e.category}-col`) ?? 0;
-				for (let u = 0; u < c; u++) {
-					let c = d + r * h + h / 2, _ = p + u * g + g / 2, y = Math.min(h, g) * .38;
-					if (u >= s - e.count) {
-						let s = y * (1 + (A(t, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
-						(i || l > .01) && v(n, c, _, s * 3, a, (i ? .2 : .1) + l * .1), n.beginPath(), n.arc(c, _, s, 0, Math.PI * 2), n.fillStyle = m(a, i ? .8 : .5 + l * .2), n.fill();
-						let d = `${e.category}-${u}`;
-						w(f.current, d, c, _, y + 4, {
-							label: e.fullName,
-							value: `${e.count} Early Warnings`,
-							sublabel: `${Math.round(e.count / x * 100)}% of total`,
-							color: a
-						}), o.current.get(`${e.category}-col`);
-					} else n.beginPath(), n.arc(c, _, 1, 0, Math.PI * 2), n.fillStyle = m(a, .08), n.fill();
+		let e = r.current;
+		if (!e) return;
+		let t = _(e, U, W);
+		o.current = 0;
+		let n = h.length, i = Math.max(...h.map((e) => e.count), 1), a = i, s = U * .05, c = W * .1, f = U * .9 / n, g = W * .7 / a, x = h.reduce((e, t) => e + t.count, 0), S, C = () => {
+			o.current++;
+			let e = o.current;
+			t.clearRect(0, 0, U, W), p.current = [], l.current.forEach((e, t) => {
+				let n = t === d.current ? 1 : 0, r = e + (n - e) * .12;
+				Math.abs(r - n) < .005 ? n === 0 ? l.current.delete(t) : l.current.set(t, 1) : l.current.set(t, r);
+			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), y(t, U, W, e, 40, m(u.blue, .04)), h.forEach((n, r) => {
+				let o = n.count === i, d = o ? u.cyan : u.blue, h = l.current.get(`${n.category}-col`) ?? 0;
+				for (let u = 0; u < a; u++) {
+					let a = s + r * f + f / 2, _ = c + u * g + g / 2, y = Math.min(f, g) * .38;
+					if (u >= i - n.count) {
+						let i = y * (1 + (A(e, .04, 5e-4) + Math.sin(r * .6 + u * 1.2) * .3) * .12);
+						(o || h > .01) && v(t, a, _, i * 3, d, (o ? .2 : .1) + h * .1), t.beginPath(), t.arc(a, _, i, 0, Math.PI * 2), t.fillStyle = m(d, o ? .8 : .5 + h * .2), t.fill();
+						let s = `${n.category}-${u}`;
+						w(p.current, s, a, _, y + 4, {
+							label: n.fullName,
+							value: `${n.count} Early Warnings`,
+							sublabel: `${Math.round(n.count / x * 100)}% of total`,
+							color: d
+						}), l.current.get(`${n.category}-col`);
+					} else t.beginPath(), t.arc(a, _, 1, 0, Math.PI * 2), t.fillStyle = m(d, .08), t.fill();
 				}
-				let _ = p + c * g + 16;
-				n.font = `${i ? "bold " : ""}9px 'JetBrains Mono', monospace`, n.textAlign = "center", n.textBaseline = "alphabetic", n.fillStyle = i ? u.cyan : m(u.t2, .65), n.fillText(e.category, d + r * h + h / 2, _);
-			}), b(n, H, U, t, .015), S = requestAnimationFrame(C);
+				let _ = c + a * g + 16;
+				t.font = `${o ? "bold " : ""}9px 'JetBrains Mono', monospace`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = o ? u.cyan : m(u.t2, .65), t.fillText(n.category, s + r * f + f / 2, _);
+			}), b(t, U, W, e, .015), S = requestAnimationFrame(C);
 		};
 		return C(), () => cancelAnimationFrame(S);
-	}, [e]), /* @__PURE__ */ c("div", {
+	}, [h]), h.length === 0 ? /* @__PURE__ */ s(F, {
+		width: U,
+		height: W,
+		"data-testid": t
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: H,
-			height: U
+			width: U,
+			height: W
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Early Warning count by category — breathing dot grid",
 			style: {
-				width: H,
-				height: U,
+				width: U,
+				height: W,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(S, {
-			...d,
-			parentW: H,
-			parentH: U
+			...f,
+			parentW: U,
+			parentH: W
 		})]
 	});
 }
@@ -1072,48 +1113,52 @@ function ze({ rows: e = [], className: t, colors: n }) {
 	});
 }
 //#endregion
-//#region src/components/nceTree/NCETree.tsx
+//#region src/components/radialFanTreeChart/RadialFanTreeChart.tsx
 var Be = 680, Ve = 320;
-function He({ total: e = 0, byContractor: t = [], "data-testid": r }) {
-	let i = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: p, tooltip: h, hitZonesRef: g } = C(i, {
+function He({ total: e = 0, items: t = [], "data-testid": r }) {
+	let o = a(null), l = a(/* @__PURE__ */ new Map()), p = a(0), { hoveredRef: h, tooltip: g, hitZonesRef: y } = C(o, {
 		width: Be,
 		height: Ve
-	});
+	}), b = i(() => t.filter((e) => typeof e == "object" && !!e), [t]);
 	return n(() => {
-		let n = i.current;
-		if (!n) return;
-		let r = _(n, Be, Ve);
-		l.current = 0;
-		let a = Ve / 2, s = Be - 80, c = Math.max(...t.map((e) => e.count ?? 0)), h = (Ve - 60) / (t.length - 1), y = t.map((e, t) => ({
-			x: s,
-			y: 30 + t * h
-		})), b, x = () => {
-			l.current++;
-			let n = l.current;
-			r.clearRect(0, 0, Be, Ve);
-			let i = E(Math.min(n / 72, 1));
-			M(o.current, p.current), g.current = [], v(r, 88, a, 48 * i, u.blue, .15 * i), t.forEach((n, l) => {
-				let p = d[l % d.length], h = j(i, l, t.length, E), _ = y[l], b = o.current.get(n.id) ?? 0, x = Math.max(1.5, (n.count ?? 0) / c * 6);
+		let t = o.current;
+		if (!t) return;
+		let n = _(t, Be, Ve);
+		p.current = 0;
+		let r = Ve / 2, i = Be - 80, a = Math.max(...b.map((e) => e.count ?? 0)), s = (Ve - 60) / (b.length - 1), c = b.map((e, t) => ({
+			x: i,
+			y: 30 + t * s
+		})), g, x = () => {
+			p.current++;
+			let t = p.current;
+			n.clearRect(0, 0, Be, Ve);
+			let o = E(Math.min(t / 72, 1));
+			M(l.current, h.current), y.current = [], v(n, 88, r, 48 * o, u.blue, .15 * o), b.forEach((t, s) => {
+				let p = d[s % d.length], h = j(o, s, b.length, E), g = c[s], _ = l.current.get(t.id) ?? 0, x = Math.max(1.5, (t.count ?? 0) / a * 6);
 				if (h < .01) return;
-				let S = 88 + (s - 88) * .4, C = a, T = 88 + (s - 88) * .6, D = _.y, O = h;
-				r.beginPath();
+				let S = 88 + (i - 88) * .4, C = r, T = 88 + (i - 88) * .6, D = g.y, O = h;
+				n.beginPath();
 				for (let e = 0; e <= 40; e++) {
-					let t = e / 40 * O, n = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * S + 3 * (1 - t) * t ** 2 * T + t ** 3 * _.x, i = (1 - t) ** 3 * a + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * D + t ** 3 * _.y;
-					e === 0 ? r.moveTo(n, i) : r.lineTo(n, i);
+					let t = e / 40 * O, i = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * S + 3 * (1 - t) * t ** 2 * T + t ** 3 * g.x, a = (1 - t) ** 3 * r + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * D + t ** 3 * g.y;
+					e === 0 ? n.moveTo(i, a) : n.lineTo(i, a);
 				}
-				if (r.strokeStyle = m(p, b > 0 ? .8 : .45), r.lineWidth = x * (b > 0 ? 1.3 : 1), r.stroke(), h > .85) {
-					let t = Math.min(1, (h - .85) / .15), i = 4 + (n.count ?? 0) / c * 12;
-					v(r, _.x, _.y, i * 2.5, p, (.25 + b * .2) * t), r.beginPath(), r.arc(_.x, _.y, i * t, 0, Math.PI * 2), r.fillStyle = m(p, (.7 + b * .2) * t), r.fill(), w(g.current, n.id, _.x, _.y, i + 8, {
-						label: n.name,
-						value: `${n.count ?? 0} NCEs raised`,
-						sublabel: `${Math.round((n.count ?? 0) / e * 100)}% of all NCEs`,
+				if (n.strokeStyle = m(p, _ > 0 ? .8 : .45), n.lineWidth = x * (_ > 0 ? 1.3 : 1), n.stroke(), h > .85) {
+					let r = Math.min(1, (h - .85) / .15), i = 4 + (t.count ?? 0) / a * 12;
+					v(n, g.x, g.y, i * 2.5, p, (.25 + _ * .2) * r), n.beginPath(), n.arc(g.x, g.y, i * r, 0, Math.PI * 2), n.fillStyle = m(p, (.7 + _ * .2) * r), n.fill(), w(y.current, t.id, g.x, g.y, i + 8, {
+						label: t.name,
+						value: `${t.count ?? 0} NCEs raised`,
+						sublabel: `${Math.round((t.count ?? 0) / e * 100)}% of all NCEs`,
 						color: p
-					}), r.globalAlpha = t, r.font = f.font, r.fillStyle = b > 0 ? p : m(u.t2, .85), r.textAlign = "left", r.fillText(n.abbreviation ?? n.name.slice(0, 6), _.x + i + 6, _.y - 3), r.font = f.font, r.fillStyle = b > 0 ? p : u.t1, r.fillText(String(n.count ?? 0), _.x + i + 6, _.y + 10), r.globalAlpha = 1;
+					}), n.globalAlpha = r, n.font = f.font, n.fillStyle = _ > 0 ? p : m(u.t2, .85), n.textAlign = "left", n.fillText(t.abbreviation ?? t.name.slice(0, 6), g.x + i + 6, g.y - 3), n.font = f.font, n.fillStyle = _ > 0 ? p : u.t1, n.fillText(String(t.count ?? 0), g.x + i + 6, g.y + 10), n.globalAlpha = 1;
 				}
-			}), r.beginPath(), r.arc(88, a, 32 * i, 0, Math.PI * 2), r.fillStyle = u.bgL, r.fill(), r.strokeStyle = m(u.blue, .6 * i), r.lineWidth = 2, r.stroke(), i > .4 && (r.globalAlpha = Math.min(1, (i - .4) / .4), r.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", r.fillStyle = u.t1, r.textAlign = "center", r.fillText(String(e), 88, a + 5), r.font = f.font, r.fillStyle = f.color, r.fillText("NCEs", 88, a + 18), r.globalAlpha = 1), b = requestAnimationFrame(x);
+			}), n.beginPath(), n.arc(88, r, 32 * o, 0, Math.PI * 2), n.fillStyle = u.bgL, n.fill(), n.strokeStyle = m(u.blue, .6 * o), n.lineWidth = 2, n.stroke(), o > .4 && (n.globalAlpha = Math.min(1, (o - .4) / .4), n.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.t1, n.textAlign = "center", n.fillText(String(e), 88, r + 5), n.font = f.font, n.fillStyle = f.color, n.fillText("NCEs", 88, r + 18), n.globalAlpha = 1), g = requestAnimationFrame(x);
 		};
-		return x(), () => cancelAnimationFrame(b);
-	}, [e, t]), /* @__PURE__ */ c("div", {
+		return x(), () => cancelAnimationFrame(g);
+	}, [e, b]), b.length === 0 ? /* @__PURE__ */ s(F, {
+		width: Be,
+		height: Ve,
+		"data-testid": r
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
@@ -1121,7 +1166,7 @@ function He({ total: e = 0, byContractor: t = [], "data-testid": r }) {
 			height: Ve
 		},
 		children: [/* @__PURE__ */ s("canvas", {
-			ref: i,
+			ref: o,
 			role: "img",
 			"aria-label": "NCE fault tree — NCEs per contractor as branching tree",
 			style: {
@@ -1130,7 +1175,7 @@ function He({ total: e = 0, byContractor: t = [], "data-testid": r }) {
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(S, {
-			...h,
+			...g,
 			parentW: Be,
 			parentH: Ve
 		})]
@@ -1593,9 +1638,9 @@ function rt({ rows: e = [], className: t, colors: n }) {
 	});
 }
 //#endregion
-//#region src/components/quotationBalance/QuotationBalance.tsx
+//#region src/components/balanceScaleChart/BalanceScaleChart.tsx
 var it = 500, at = 320;
-function ot({ accepted: e, submitted: t, "data-testid": r }) {
+function ot({ left: e, right: t, "data-testid": r }) {
 	let i = a(null), o = a(0);
 	return n(() => {
 		let n = i.current;
@@ -1656,68 +1701,72 @@ function ot({ accepted: e, submitted: t, "data-testid": r }) {
 	});
 }
 //#endregion
-//#region src/components/quotationTrend/QuotationTrend.tsx
-var st = 680, W = 280;
-function ct({ trend: e = [], "data-testid": t }) {
-	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: d, hitZonesRef: p } = C(r, {
+//#region src/components/areaLineChart/AreaLineChart.tsx
+var st = 680, G = 280;
+function ct({ points: e = [], "data-testid": t }) {
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: p, hitZonesRef: h } = C(r, {
 		width: st,
-		height: W
-	});
+		height: G
+	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
-		let t = r.current;
-		if (!t) return;
-		let n = _(t, st, W);
-		o.current = 0;
-		let a = st - 54 - 28, s = W - 30 - 54, c = Math.max(...e.map((e) => e.count), 1), d = e.length, h = d > 1 ? a / (d - 1) : a, g = e.map((e, t) => ({
-			x: 54 + t * h,
-			y: 30 + s - e.count / c * s,
+		let e = r.current;
+		if (!e) return;
+		let t = _(e, st, G);
+		l.current = 0;
+		let n = st - 54 - 28, i = G - 30 - 54, a = Math.max(...g.map((e) => e.count), 1), s = g.length, c = s > 1 ? n / (s - 1) : n, p = g.map((e, t) => ({
+			x: 54 + t * c,
+			y: 30 + i - e.count / a * i,
 			point: e
 		})), y, b = () => {
-			o.current++;
-			let e = o.current;
-			n.clearRect(0, 0, st, W);
-			let t = E(Math.min(e / 72, 1));
-			M(i.current, l.current), p.current = [], [
+			l.current++;
+			let e = l.current;
+			t.clearRect(0, 0, st, G);
+			let r = E(Math.min(e / 72, 1));
+			M(o.current, d.current), h.current = [], [
 				.25,
 				.5,
 				.75,
 				1
 			].forEach((e) => {
-				let t = 30 + s - e * s;
-				n.strokeStyle = m(u.bd, .18), n.lineWidth = 1, n.setLineDash([3, 5]), n.beginPath(), n.moveTo(54, t), n.lineTo(54 + a, t), n.stroke(), n.setLineDash([]), n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(c * e)), 48, t + 3);
-			}), n.save(), n.translate(12, 30 + s / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Submissions", 0, 0), n.restore(), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Week", 54 + a / 2, W - 6), n.strokeStyle = m(u.bd, .3), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(54, 30 + s), n.lineTo(54 + a, 30 + s), n.stroke();
-			let r = t * (d - 1), h = Math.floor(r) + 1;
-			if (h >= 2) {
-				n.beginPath(), n.moveTo(g[0].x, 30 + s), n.lineTo(g[0].x, g[0].y);
-				for (let e = 1; e < h; e++) {
-					let t = r - Math.floor(r), i = e < h - 1 ? g[e].x : g[e - 1].x + (g[e].x - g[e - 1].x) * (e === Math.ceil(r) ? t : 1), a = e < h - 1 ? g[e].y : g[e - 1].y + (g[e].y - g[e - 1].y) * (e === Math.ceil(r) ? t : 1);
-					n.lineTo(i, a);
+				let r = 30 + i - e * i;
+				t.strokeStyle = m(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(54, r), t.lineTo(54 + n, r), t.stroke(), t.setLineDash([]), t.font = f.font, t.fillStyle = f.color, t.textAlign = "right", t.fillText(String(Math.round(a * e)), 48, r + 3);
+			}), t.save(), t.translate(12, 30 + i / 2), t.rotate(-Math.PI / 2), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Submissions", 0, 0), t.restore(), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Week", 54 + n / 2, G - 6), t.strokeStyle = m(u.bd, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(54, 30 + i), t.lineTo(54 + n, 30 + i), t.stroke();
+			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);
+				for (let e = 1; e < g; e++) {
+					let n = c - Math.floor(c), r = e < g - 1 ? p[e].x : p[e - 1].x + (p[e].x - p[e - 1].x) * (e === Math.ceil(c) ? n : 1), i = e < g - 1 ? p[e].y : p[e - 1].y + (p[e].y - p[e - 1].y) * (e === Math.ceil(c) ? n : 1);
+					t.lineTo(r, i);
 				}
-				let e = g[Math.min(h - 1, d - 1)];
-				n.lineTo(e.x, 30 + s), n.closePath();
-				let t = n.createLinearGradient(0, 30, 0, 30 + s);
-				t.addColorStop(0, m(u.cyan, .22)), t.addColorStop(1, m(u.cyan, .02)), n.fillStyle = t, n.fill();
+				let e = p[Math.min(g - 1, s - 1)];
+				t.lineTo(e.x, 30 + i), t.closePath();
+				let n = t.createLinearGradient(0, 30, 0, 30 + i);
+				n.addColorStop(0, m(u.cyan, .22)), n.addColorStop(1, m(u.cyan, .02)), t.fillStyle = n, t.fill();
 			}
-			n.beginPath();
-			for (let e = 0; e < h; e++) {
-				let t = r - Math.floor(r), i = e === h - 1 && e > 0 && e === Math.ceil(r), a = e === 0 || e < h - 1 ? g[e].x : g[e - 1].x + (g[e].x - g[e - 1].x) * (i ? t : 1), o = e === 0 || e < h - 1 ? g[e].y : g[e - 1].y + (g[e].y - g[e - 1].y) * (i ? t : 1);
-				e === 0 ? n.moveTo(a, o) : n.lineTo(a, o);
+			t.beginPath();
+			for (let e = 0; e < g; e++) {
+				let n = c - Math.floor(c), r = e === g - 1 && e > 0 && e === Math.ceil(c), i = e === 0 || e < g - 1 ? p[e].x : p[e - 1].x + (p[e].x - p[e - 1].x) * (r ? n : 1), a = e === 0 || e < g - 1 ? p[e].y : p[e - 1].y + (p[e].y - p[e - 1].y) * (r ? n : 1);
+				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 			}
-			n.strokeStyle = m(u.cyan, .85), n.lineWidth = 2, n.stroke(), g.forEach((e, t) => {
-				if (t >= h) return;
-				let r = `pt-${t}`, a = i.current.get(r) ?? 0;
-				w(p.current, r, e.x, e.y, 10, {
+			t.strokeStyle = m(u.cyan, .85), t.lineWidth = 2, t.stroke(), p.forEach((e, n) => {
+				if (n >= g) return;
+				let r = `pt-${n}`, s = o.current.get(r) ?? 0;
+				w(h.current, r, e.x, e.y, 10, {
 					label: e.point.week,
 					value: `${e.point.count} quotations submitted`,
 					sublabel: `£${e.point.value}M value`,
 					color: u.cyan
-				}), a > 0 && x(n, e.x, 30, 30 + s, m(u.cyan, .15 * a));
-				let o = e.point.count === c;
-				(a > 0 || o) && v(n, e.x, e.y, 14, u.cyan, (o ? .3 : 0) + a * .25), n.beginPath(), n.arc(e.x, e.y, a > 0 ? 5 : 3.5, 0, Math.PI * 2), n.fillStyle = m(u.cyan, a > 0 ? 1 : .8), n.fill(), (a > 0 || o) && (n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.cyan, n.textAlign = "center", n.fillText(String(e.point.count), e.x, e.y - 10)), n.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = a > 0 ? u.cyan : f.color, n.textAlign = "center", n.fillText(e.point.week, e.x, W - 54 + 14);
+				}), s > 0 && x(t, e.x, 30, 30 + i, m(u.cyan, .15 * s));
+				let c = e.point.count === a;
+				(s > 0 || c) && v(t, e.x, e.y, 14, u.cyan, (c ? .3 : 0) + s * .25), t.beginPath(), t.arc(e.x, e.y, s > 0 ? 5 : 3.5, 0, Math.PI * 2), t.fillStyle = m(u.cyan, s > 0 ? 1 : .8), t.fill(), (s > 0 || c) && (t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.cyan, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = s > 0 ? u.cyan : f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, G - 54 + 14);
 			}), y = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(y);
-	}, [e]), /* @__PURE__ */ s("div", {
+	}, [g]), g.length < 2 ? /* @__PURE__ */ s(F, {
+		width: st,
+		height: G,
+		"data-testid": t
+	}) : /* @__PURE__ */ s("div", {
 		"data-testid": t,
 		className: "trend-scroll",
 		style: {
@@ -1728,7 +1777,7 @@ function ct({ trend: e = [], "data-testid": t }) {
 			style: {
 				position: "relative",
 				width: st,
-				height: W
+				height: G
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: r,
@@ -1736,171 +1785,210 @@ function ct({ trend: e = [], "data-testid": t }) {
 				"aria-label": "Trend chart — count over time",
 				style: {
 					width: st,
-					height: W,
+					height: G,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(S, {
-				...d,
+				...p,
 				parentW: st,
-				parentH: W
+				parentH: G
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var lt = 680, G = 280, ut = 54, dt = 28, ft = 64, pt = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", mt = 12;
-function ht({ trend: e = [], "data-testid": t }) {
-	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), d = i(() => {
-		if (e.length <= 1) return ft;
-		let t = document.createElement("canvas").getContext("2d");
-		if (!t) return ft;
-		t.font = pt;
-		let n = Math.max(...e.map((e) => t.measureText(e.week).width));
-		return Math.max(ft, n + mt);
-	}, [e]), p = Math.max(lt, ut + dt + Math.max(0, e.length - 1) * d), { hoveredRef: h, tooltip: g, hitZonesRef: y } = C(r, {
-		width: p,
-		height: G
+var lt = 680, K = 280, ut = 54, dt = 28, ft = 64, pt = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", mt = 12;
+function ht({ points: e = [], "data-testid": t }) {
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), d = a(null), p = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), h = i(() => {
+		if (p.length <= 1) return ft;
+		let e = document.createElement("canvas").getContext("2d");
+		if (!e) return ft;
+		e.font = pt;
+		let t = Math.max(...p.map((t) => e.measureText(t.week).width));
+		return Math.max(ft, t + mt);
+	}, [p]), g = Math.max(lt, ut + dt + Math.max(0, p.length - 1) * h), { hoveredRef: y, tooltip: b, hitZonesRef: T } = C(r, {
+		width: g,
+		height: K
 	});
 	return n(() => {
-		let t = r.current;
-		if (!t) return;
-		let n = _(t, p, G);
+		let e = r.current;
+		if (!e) return;
+		let t = _(e, g, K), n = d.current ? _(d.current, ut, K) : null;
 		l.current = 0;
-		let i = ut, a = dt, s = p - i - a, c = G - 30 - 54, g = Math.max(...e.map((e) => e.count), 1), b = e.length, S = b > 1 ? Math.max(s / (b - 1), d) : s, C = e.map((e, t) => ({
-			x: i + t * S,
-			y: 30 + c - e.count / g * c,
+		let i = ut, a = dt, s = g - i - a, c = K - 30 - 54, b = Math.max(...p.map((e) => e.count), 1), S = p.length, C = S > 1 ? Math.max(s / (S - 1), h) : s, D = p.map((e, t) => ({
+			x: i + t * C,
+			y: 30 + c - e.count / b * c,
 			point: e
-		})), T, D = () => {
+		})), O, k = () => {
 			l.current++;
 			let e = l.current;
-			n.clearRect(0, 0, p, G);
-			let t = E(Math.min(e / 72, 1));
-			M(o.current, h.current), y.current = [], [
+			t.clearRect(0, 0, g, K), n && (n.clearRect(0, 0, ut, K), n.fillStyle = u.bg, n.fillRect(0, 0, ut, K), [
 				.25,
 				.5,
 				.75,
 				1
 			].forEach((e) => {
 				let t = 30 + c - e * c;
-				n.strokeStyle = m(u.bd, .18), n.lineWidth = 1, n.setLineDash([3, 5]), n.beginPath(), n.moveTo(i, t), n.lineTo(i + s, t), n.stroke(), n.setLineDash([]), n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(g * e)), i - 6, t + 3);
-			}), n.save(), n.translate(12, 30 + c / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore(), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Period", i + s / 2, G - 6), n.strokeStyle = m(u.bd, .3), n.lineWidth = 1, n.setLineDash([]), n.beginPath(), n.moveTo(i, 30 + c), n.lineTo(i + s, 30 + c), n.stroke();
-			let r = t * (b - 1), a = Math.floor(r) + 1;
-			if (a >= 2) {
-				n.beginPath(), n.moveTo(C[0].x, 30 + c), n.lineTo(C[0].x, C[0].y);
-				for (let e = 1; e < a; e++) {
-					let t = r - Math.floor(r), i = e < a - 1 ? C[e].x : C[e - 1].x + (C[e].x - C[e - 1].x) * (e === Math.ceil(r) ? t : 1), o = e < a - 1 ? C[e].y : C[e - 1].y + (C[e].y - C[e - 1].y) * (e === Math.ceil(r) ? t : 1);
-					n.lineTo(i, o);
+				n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(b * e)), ut - 6, t + 3);
+			}), n.save(), n.translate(12, 30 + c / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore());
+			let r = E(Math.min(e / 72, 1)), a = y.current;
+			if (o.current.forEach((e, t) => {
+				t !== a && o.current.set(t, 0);
+			}), a) {
+				let e = o.current.get(a) ?? 0;
+				o.current.set(a, Math.min(e + .2, 1));
+			}
+			T.current = [], [
+				.25,
+				.5,
+				.75,
+				1
+			].forEach((e) => {
+				let n = 30 + c - e * c;
+				t.strokeStyle = m(u.bd, .18), t.lineWidth = 1, t.setLineDash([3, 5]), t.beginPath(), t.moveTo(i, n), t.lineTo(i + s, n), t.stroke(), t.setLineDash([]);
+			}), t.font = f.font, t.fillStyle = f.color, t.textAlign = "center", t.fillText("Period", i + s / 2, K - 6), t.strokeStyle = m(u.bd, .3), t.lineWidth = 1, t.setLineDash([]), t.beginPath(), t.moveTo(i, 30 + c), t.lineTo(i + s, 30 + c), t.stroke();
+			let d = r * (S - 1), p = Math.floor(d) + 1;
+			if (p >= 2) {
+				t.beginPath(), t.moveTo(D[0].x, 30 + c), t.lineTo(D[0].x, D[0].y);
+				for (let e = 1; e < p; e++) {
+					let n = d - Math.floor(d), r = e < p - 1 ? D[e].x : D[e - 1].x + (D[e].x - D[e - 1].x) * (e === Math.ceil(d) ? n : 1), i = e < p - 1 ? D[e].y : D[e - 1].y + (D[e].y - D[e - 1].y) * (e === Math.ceil(d) ? n : 1);
+					t.lineTo(r, i);
 				}
-				let e = C[Math.min(a - 1, b - 1)];
-				n.lineTo(e.x, 30 + c), n.closePath();
-				let t = n.createLinearGradient(0, 30, 0, 30 + c);
-				t.addColorStop(0, m(u.cyan, .22)), t.addColorStop(1, m(u.cyan, .02)), n.fillStyle = t, n.fill();
+				let e = D[Math.min(p - 1, S - 1)];
+				t.lineTo(e.x, 30 + c), t.closePath();
+				let n = t.createLinearGradient(0, 30, 0, 30 + c);
+				n.addColorStop(0, m(u.cyan, .22)), n.addColorStop(1, m(u.cyan, .02)), t.fillStyle = n, t.fill();
 			}
-			n.beginPath();
-			for (let e = 0; e < a; e++) {
-				let t = r - Math.floor(r), i = e === a - 1 && e > 0 && e === Math.ceil(r), o = e === 0 || e < a - 1 ? C[e].x : C[e - 1].x + (C[e].x - C[e - 1].x) * (i ? t : 1), s = e === 0 || e < a - 1 ? C[e].y : C[e - 1].y + (C[e].y - C[e - 1].y) * (i ? t : 1);
-				e === 0 ? n.moveTo(o, s) : n.lineTo(o, s);
+			t.beginPath();
+			for (let e = 0; e < p; e++) {
+				let n = d - Math.floor(d), r = e === p - 1 && e > 0 && e === Math.ceil(d), i = e === 0 || e < p - 1 ? D[e].x : D[e - 1].x + (D[e].x - D[e - 1].x) * (r ? n : 1), a = e === 0 || e < p - 1 ? D[e].y : D[e - 1].y + (D[e].y - D[e - 1].y) * (r ? n : 1);
+				e === 0 ? t.moveTo(i, a) : t.lineTo(i, a);
 			}
-			n.strokeStyle = m(u.cyan, .85), n.lineWidth = 2, n.stroke(), C.forEach((e, t) => {
-				if (t >= a) return;
-				let r = `pt-${t}`, i = o.current.get(r) ?? 0;
-				w(y.current, r, e.x, e.y, 10, {
+			t.strokeStyle = m(u.cyan, .85), t.lineWidth = 2, t.stroke(), D.forEach((e, n) => {
+				if (n >= p) return;
+				let r = `pt-${n}`, i = o.current.get(r) ?? 0;
+				w(T.current, r, e.x, e.y, 10, {
 					label: e.point.week,
 					value: `${e.point.count} submissions`,
 					sublabel: `£${e.point.value}M value`,
 					color: u.cyan
-				}), i > 0 && x(n, e.x, 30, 30 + c, m(u.cyan, .15 * i));
-				let s = e.point.count === g;
-				(i > 0 || s) && v(n, e.x, e.y, 14, u.cyan, (s ? .3 : 0) + i * .25), n.beginPath(), n.arc(e.x, e.y, i > 0 ? 5 : 3.5, 0, Math.PI * 2), n.fillStyle = m(u.cyan, i > 0 ? 1 : .8), n.fill(), (i > 0 || s) && (n.font = pt, n.fillStyle = u.cyan, n.textAlign = "center", n.fillText(String(e.point.count), e.x, e.y - 10)), n.font = pt, n.fillStyle = i > 0 ? u.cyan : f.color, n.textAlign = "center", n.fillText(e.point.week, e.x, G - 54 + 14);
-			}), T = requestAnimationFrame(D);
+				}), i > 0 && x(t, e.x, 30, 30 + c, m(u.cyan, .15 * i));
+				let a = e.point.count === b;
+				(i > 0 || a) && v(t, e.x, e.y, 14, u.cyan, (a ? .3 : 0) + i * .25), t.beginPath(), t.arc(e.x, e.y, i > 0 ? 5 : 3.5, 0, Math.PI * 2), t.fillStyle = m(u.cyan, i > 0 ? 1 : .8), t.fill(), (i > 0 || a) && (t.font = pt, t.fillStyle = u.cyan, t.textAlign = "center", t.fillText(String(e.point.count), e.x, e.y - 10)), t.font = pt, t.fillStyle = i > 0 ? u.cyan : f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, K - 54 + 14);
+			}), O = requestAnimationFrame(k);
 		};
-		return D(), () => cancelAnimationFrame(T);
+		return k(), () => cancelAnimationFrame(O);
 	}, [
-		e,
 		p,
-		d
-	]), /* @__PURE__ */ s("div", {
+		g,
+		h
+	]), p.length < 2 ? /* @__PURE__ */ s(F, {
+		width: lt,
+		height: K,
+		"data-testid": t
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		className: "trend-scroll",
 		style: {
-			width: "100%",
-			overflowX: "auto"
+			position: "relative",
+			width: "100%"
 		},
-		children: /* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ s("div", {
+			className: "trend-scroll",
 			style: {
-				position: "relative",
-				width: p,
-				height: G
+				width: "100%",
+				overflowX: "auto"
 			},
-			children: [/* @__PURE__ */ s("canvas", {
-				ref: r,
-				role: "img",
-				"aria-label": "Trend chart — count over time",
+			children: /* @__PURE__ */ c("div", {
 				style: {
-					width: p,
-					height: G,
-					display: "block"
-				}
-			}), /* @__PURE__ */ s(S, {
-				...g,
-				parentW: p,
-				parentH: G
-			})]
-		})
+					position: "relative",
+					width: g,
+					height: K
+				},
+				children: [/* @__PURE__ */ s("canvas", {
+					ref: r,
+					role: "img",
+					"aria-label": "Trend chart — count over time",
+					style: {
+						width: g,
+						height: K,
+						display: "block"
+					}
+				}), /* @__PURE__ */ s(S, {
+					...b,
+					parentW: g,
+					parentH: K
+				})]
+			})
+		}), /* @__PURE__ */ s("canvas", {
+			ref: d,
+			"aria-hidden": "true",
+			style: {
+				position: "absolute",
+				top: 0,
+				left: 0,
+				width: ut,
+				height: K,
+				pointerEvents: "none"
+			}
+		})]
 	});
 }
 //#endregion
-//#region src/components/severityBands/SeverityBands.tsx
-var K = 680, gt = 240, _t = {
+//#region src/components/proportionalBandChart/ProportionalBandChart.tsx
+var q = 680, gt = 240, _t = {
 	Critical: u.red,
 	High: u.orange,
 	Medium: u.amber,
 	Low: u.green
 };
 function vt({ severities: e = [], "data-testid": t }) {
-	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: d, hitZonesRef: p } = C(r, {
-		width: K,
+	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: p, hitZonesRef: h } = C(r, {
+		width: q,
 		height: gt
-	});
+	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
-		let t = r.current;
-		if (!t) return;
-		let n = _(t, K, gt);
-		o.current = 0;
-		let a = e.reduce((e, t) => e + t.count, 0), s = K - 28 - 28, c = gt - 50 - 52, d = e.map((e) => e.count / a * s), h, g = () => {
-			o.current++;
-			let t = o.current;
-			n.clearRect(0, 0, K, gt);
-			let r = D(Math.min(t / 60, 1));
-			M(i.current, l.current), p.current = [], n.strokeStyle = m(u.bd, .2), n.lineWidth = 1, n.beginPath(), n.rect(28, 50, s, c), n.stroke(), n.strokeStyle = m(u.t4, .15), n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(K / 2, 50), n.lineTo(K / 2, 50 + c), n.stroke(), n.setLineDash([]);
+		let e = r.current;
+		if (!e) return;
+		let t = _(e, q, gt);
+		l.current = 0;
+		let n = g.reduce((e, t) => e + t.count, 0), i = q - 28 - 28, a = gt - 50 - 52, s = g.map((e) => e.count / n * i), c, p = () => {
+			l.current++;
+			let e = l.current;
+			t.clearRect(0, 0, q, gt);
+			let r = D(Math.min(e / 60, 1));
+			M(o.current, d.current), h.current = [], t.strokeStyle = m(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(28, 50, i, a), t.stroke(), t.strokeStyle = m(u.t4, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(q / 2, 50), t.lineTo(q / 2, 50 + a), t.stroke(), t.setLineDash([]);
 			let _ = 28;
-			e.forEach((e, t) => {
-				let o = _t[e.severity] ?? u.blue, s = d[t];
-				s * r;
-				let l = i.current.get(e.severity) ?? 0, h = _ + s / 2, g = s * .85;
-				h - g / 2;
-				let y = s * r, b = g * r, x = h - b / 2;
-				if (y > 0 && (l > 0 && v(n, _ + y / 2, 50 + c / 2, y * .4, o, .15 * l), n.beginPath(), n.moveTo(x, 50), n.lineTo(x + b, 50), n.lineTo(_ + y, 50 + c), n.lineTo(_, 50 + c), n.closePath(), n.fillStyle = m(o, .45 + l * .25), n.fill(), n.strokeStyle = m(o, (.5 + l * .3) * r), n.lineWidth = l > 0 ? 2 : 1, n.beginPath(), n.moveTo(x, 50), n.lineTo(x + b, 50), n.stroke(), n.strokeStyle = m(o, (.3 + l * .3) * r), n.lineWidth = l > 0 ? 2 : 1, n.beginPath(), n.moveTo(_, 50 + c), n.lineTo(_ + y, 50 + c), n.stroke()), T(p.current, e.severity, _, 50, s, c, {
+			g.forEach((e, i) => {
+				let c = _t[e.severity] ?? u.blue, l = s[i];
+				l * r;
+				let d = o.current.get(e.severity) ?? 0, p = _ + l / 2, g = l * .85;
+				p - g / 2;
+				let y = l * r, b = g * r, x = p - b / 2;
+				if (y > 0 && (d > 0 && v(t, _ + y / 2, 50 + a / 2, y * .4, c, .15 * d), t.beginPath(), t.moveTo(x, 50), t.lineTo(x + b, 50), t.lineTo(_ + y, 50 + a), t.lineTo(_, 50 + a), t.closePath(), t.fillStyle = m(c, .45 + d * .25), t.fill(), t.strokeStyle = m(c, (.5 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(x, 50), t.lineTo(x + b, 50), t.stroke(), t.strokeStyle = m(c, (.3 + d * .3) * r), t.lineWidth = d > 0 ? 2 : 1, t.beginPath(), t.moveTo(_, 50 + a), t.lineTo(_ + y, 50 + a), t.stroke()), T(h.current, e.severity, _, 50, l, a, {
 					label: e.severity,
 					value: `${e.count} Early Warnings`,
-					sublabel: `${Math.round(e.count / a * 100)}% of all EWs`,
-					color: o
+					sublabel: `${Math.round(e.count / n * 100)}% of all EWs`,
+					color: c
 				}), r > .5) {
-					let t = Math.min(1, (r - .5) / .5), i = _ + s / 2;
-					n.globalAlpha = t, n.font = "bold " + f.font, n.fillStyle = l > 0 ? o : m(o, .9), n.textAlign = "center", n.fillText(e.severity, i, 38), n.font = "bold " + f.font, n.fillStyle = l > 0 ? u.t1 : m(u.t1, .85), n.fillText(String(e.count), i, 50 + c / 2 + 6), n.font = f.font, n.fillStyle = l > 0 ? o : f.color, n.fillText(`${Math.round(e.count / a * 100)}%`, i, 50 + c + 18), n.globalAlpha = 1;
+					let i = Math.min(1, (r - .5) / .5), o = _ + l / 2;
+					t.globalAlpha = i, t.font = "bold " + f.font, t.fillStyle = d > 0 ? c : m(c, .9), t.textAlign = "center", t.fillText(e.severity, o, 38), t.font = "bold " + f.font, t.fillStyle = d > 0 ? u.t1 : m(u.t1, .85), t.fillText(String(e.count), o, 50 + a / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? c : f.color, t.fillText(`${Math.round(e.count / n * 100)}%`, o, 50 + a + 18), t.globalAlpha = 1;
 				}
-				_ += s;
+				_ += l;
 			});
-			let y = n.createLinearGradient(28, 0, 28 + s, 0);
-			y.addColorStop(0, m(u.red, .03)), y.addColorStop(.33, m(u.orange, .03)), y.addColorStop(.66, m(u.amber, .03)), y.addColorStop(1, m(u.green, .03)), n.fillStyle = y, n.fillRect(28, 50, s * r, c), h = requestAnimationFrame(g);
+			let y = t.createLinearGradient(28, 0, 28 + i, 0);
+			y.addColorStop(0, m(u.red, .03)), y.addColorStop(.33, m(u.orange, .03)), y.addColorStop(.66, m(u.amber, .03)), y.addColorStop(1, m(u.green, .03)), t.fillStyle = y, t.fillRect(28, 50, i * r, a), c = requestAnimationFrame(p);
 		};
-		return g(), () => cancelAnimationFrame(h);
-	}, [e]), /* @__PURE__ */ c("div", {
+		return p(), () => cancelAnimationFrame(c);
+	}, [g]), g.length === 0 ? /* @__PURE__ */ s(F, {
+		width: q,
+		height: gt,
+		"data-testid": t
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: K,
+			width: q,
 			height: gt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
@@ -1908,96 +1996,100 @@ function vt({ severities: e = [], "data-testid": t }) {
 			role: "img",
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
-				width: K,
+				width: q,
 				height: gt,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(S, {
-			...d,
-			parentW: K,
+			...p,
+			parentW: q,
 			parentH: gt
 		})]
 	});
 }
 //#endregion
-//#region src/components/statusArc/StatusArc.tsx
-var q = 460, J = 300, yt = {
+//#region src/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.tsx
+var J = 460, Y = 300, yt = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
 function bt({ segments: e = [], title: t, "data-testid": r }) {
-	let i = a(null), o = a(0), l = a(/* @__PURE__ */ new Map()), { hoveredRef: d, tooltip: p, hitZonesRef: h } = C(i, {
-		width: q,
-		height: J
-	});
+	let o = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), { hoveredRef: p, tooltip: h, hitZonesRef: g } = C(o, {
+		width: J,
+		height: Y
+	}), x = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
-		let t = i.current;
-		if (!t) return;
-		let n = _(t, q, J);
-		o.current = 0;
-		let r = q * .5, a = J * .54, s = q * .22, c = e.reduce((e, t) => e + t.count, 0), p = Math.max(...e.map((e) => e.count), 1), g, x = () => {
-			o.current++;
-			let t = o.current;
-			n.clearRect(0, 0, q, J), h.current = [], l.current.forEach((e, t) => {
-				let n = t === d.current ? 1 : 0, r = e + (n - e) * .12;
-				Math.abs(r - n) < .005 ? n === 0 ? l.current.delete(t) : l.current.set(t, 1) : l.current.set(t, r);
-			}), d.current && !l.current.has(d.current) && l.current.set(d.current, 0), y(n, q, J, t, 40, m(u.blue, .04)), e.forEach((e, i) => {
-				let o = i / 3 * Math.PI * 2 - Math.PI / 2, c = r + Math.cos(o) * s, l = a + Math.sin(o) * s, d = yt[e.status] ?? u.blue, h = 2 + e.count / p * 8;
-				n.beginPath(), n.moveTo(r, a), n.lineTo(c, l), n.strokeStyle = m(d, .08), n.lineWidth = h * 2, n.stroke(), n.beginPath(), n.moveTo(r, a), n.lineTo(c, l), n.strokeStyle = m(d, .25), n.lineWidth = 1, n.stroke();
-				let g = (t * .005 + i * .33) % 1, _ = r + (c - r) * g, y = a + (l - a) * g;
-				v(n, _, y, 6, d, .4), n.beginPath(), n.arc(_, y, 2, 0, Math.PI * 2), n.fillStyle = m(d, .8), n.fill();
-				let b = (r + c) / 2, x = (a + l) / 2;
-				n.font = "bold " + f.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = m(d, .85), n.fillText(String(e.count), b, x);
-			}), e.forEach((e, t) => {
-				let i = t / 3 * Math.PI * 2 - Math.PI / 2, o = r + Math.cos(i) * s, d = a + Math.sin(i) * s, g = yt[e.status] ?? u.blue, _ = 10 + e.count / p * 18, y = l.current.get(e.status) ?? 0;
-				v(n, o, d, _ * 2.5, g, .2 + y * .15);
-				let b = n.createRadialGradient(o, d - _ * .2, 0, o, d, _);
-				b.addColorStop(0, m(g, .8 + y * .2)), b.addColorStop(1, m(g, .4 + y * .1)), n.beginPath(), n.arc(o, d, _, 0, Math.PI * 2), n.fillStyle = b, n.fill(), n.font = "bold " + f.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = m(u.t1, .9), n.fillText(e.status, o, d), w(h.current, e.status, o, d, _ + 6, {
+		let e = o.current;
+		if (!e) return;
+		let t = _(e, J, Y);
+		l.current = 0;
+		let n = J * .5, r = Y * .54, i = J * .22, a = x.reduce((e, t) => e + t.count, 0), s = Math.max(...x.map((e) => e.count), 1), c, h = () => {
+			l.current++;
+			let e = l.current;
+			t.clearRect(0, 0, J, Y), g.current = [], d.current.forEach((e, t) => {
+				let n = t === p.current ? 1 : 0, r = e + (n - e) * .12;
+				Math.abs(r - n) < .005 ? n === 0 ? d.current.delete(t) : d.current.set(t, 1) : d.current.set(t, r);
+			}), p.current && !d.current.has(p.current) && d.current.set(p.current, 0), y(t, J, Y, e, 40, m(u.blue, .04)), x.forEach((a, o) => {
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, d = r + Math.sin(c) * i, p = yt[a.status] ?? u.blue, h = 2 + a.count / s * 8;
+				t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = m(p, .08), t.lineWidth = h * 2, t.stroke(), t.beginPath(), t.moveTo(n, r), t.lineTo(l, d), t.strokeStyle = m(p, .25), t.lineWidth = 1, t.stroke();
+				let g = (e * .005 + o * .33) % 1, _ = n + (l - n) * g, y = r + (d - r) * g;
+				v(t, _, y, 6, p, .4), t.beginPath(), t.arc(_, y, 2, 0, Math.PI * 2), t.fillStyle = m(p, .8), t.fill();
+				let b = (n + l) / 2, x = (r + d) / 2;
+				t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(p, .85), t.fillText(String(a.count), b, x);
+			}), x.forEach((e, o) => {
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, p = r + Math.sin(c) * i, h = yt[e.status] ?? u.blue, _ = 10 + e.count / s * 18, y = d.current.get(e.status) ?? 0;
+				v(t, l, p, _ * 2.5, h, .2 + y * .15);
+				let b = t.createRadialGradient(l, p - _ * .2, 0, l, p, _);
+				b.addColorStop(0, m(h, .8 + y * .2)), b.addColorStop(1, m(h, .4 + y * .1)), t.beginPath(), t.arc(l, p, _, 0, Math.PI * 2), t.fillStyle = b, t.fill(), t.font = "bold " + f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(u.t1, .9), t.fillText(e.status, l, p), w(g.current, e.status, l, p, _ + 6, {
 					label: e.status,
 					value: `${e.count} Early Warnings`,
-					sublabel: `${Math.round(e.count / c * 100)}%`,
-					color: g
+					sublabel: `${Math.round(e.count / a * 100)}%`,
+					color: h
 				});
 			});
-			let i = l.current.get("center") ?? 0;
-			v(n, r, a, 36, u.t3, .2 + i * .15);
-			let _ = n.createRadialGradient(r, a - 4, 0, r, a, 22);
-			_.addColorStop(0, m(u.t2, .9)), _.addColorStop(1, m(u.t3, .5)), n.beginPath(), n.arc(r, a, 22, 0, Math.PI * 2), n.fillStyle = _, n.fill(), n.font = f.font, n.textAlign = "center", n.textBaseline = "middle", n.fillStyle = m(u.t1, .9), n.fillText("EW Status", r, a - 4), n.font = "bold " + f.font, n.fillStyle = u.t1, n.fillText(String(c), r, a + 8), w(h.current, "center", r, a, 28, {
+			let o = d.current.get("center") ?? 0;
+			v(t, n, r, 36, u.t3, .2 + o * .15);
+			let _ = t.createRadialGradient(n, r - 4, 0, n, r, 22);
+			_.addColorStop(0, m(u.t2, .9)), _.addColorStop(1, m(u.t3, .5)), t.beginPath(), t.arc(n, r, 22, 0, Math.PI * 2), t.fillStyle = _, t.fill(), t.font = f.font, t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = m(u.t1, .9), t.fillText("EW Status", n, r - 4), t.font = "bold " + f.font, t.fillStyle = u.t1, t.fillText(String(a), n, r + 8), w(g.current, "center", n, r, 28, {
 				label: "Total EW Status",
-				value: `${c} Early Warnings`,
+				value: `${a} Early Warnings`,
 				color: u.t3
-			}), b(n, q, J, t, .015), g = requestAnimationFrame(x);
+			}), b(t, J, Y, e, .015), c = requestAnimationFrame(h);
 		};
-		return x(), () => cancelAnimationFrame(g);
-	}, [e, t]), /* @__PURE__ */ c("div", {
+		return h(), () => cancelAnimationFrame(c);
+	}, [x, t]), x.length === 0 ? /* @__PURE__ */ s(F, {
+		width: J,
+		height: Y,
+		"data-testid": r
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: q,
-			height: J
+			width: J,
+			height: Y
 		},
 		children: [/* @__PURE__ */ s("canvas", {
-			ref: i,
+			ref: o,
 			role: "img",
 			"aria-label": t ?? "EW status arc visualization",
 			style: {
-				width: q,
-				height: J,
+				width: J,
+				height: Y,
 				display: "block",
 				borderRadius: 8
 			}
 		}), /* @__PURE__ */ s(S, {
-			...p,
-			parentW: q,
-			parentH: J
+			...h,
+			parentW: J,
+			parentH: Y
 		})]
 	});
 }
 //#endregion
 //#region src/components/trendChart/TrendChart.tsx
-var Y = 280, X = 96;
-function xt({ points: e = [], className: t, colors: r }) {
+var xt = 280, X = 96;
+function St({ 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 {
@@ -2005,18 +2097,18 @@ function xt({ points: e = [], className: t, colors: r }) {
 			value: n ? Number(n[0]) : 0
 		};
 	}), [e]), { mouseRef: h, hoveredRef: g, tooltip: y, hitZonesRef: b } = C(o, {
-		width: Y,
+		width: xt,
 		height: X
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = _(e, Y, X);
+		let t = _(e, xt, X);
 		f.current = 0;
 		let n = r?.line ?? u.blue, i = r?.point ?? u.blue, a = r?.axisLine ?? u.bd, s, c = () => {
 			f.current++;
 			let e = f.current;
-			if (t.clearRect(0, 0, Y, X), p.length < 2) {
+			if (t.clearRect(0, 0, xt, X), p.length < 2) {
 				s = requestAnimationFrame(c);
 				return;
 			}
@@ -2025,8 +2117,8 @@ function xt({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = Y - r.left - r.right, l = X - r.top - r.bottom, _ = p.map((e) => e.value), y = Math.min(..._), S = Math.max(..._) - y || 1, C = (e) => r.left + e / (p.length - 1) * o, T = (e) => r.top + (1 - (e - y) / S) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * p.length));
-			if (M(d.current, g.current), b.current = [], t.strokeStyle = m(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, X - r.bottom), t.lineTo(Y - r.right, X - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = m(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
+			}, o = xt - r.left - r.right, l = X - r.top - r.bottom, _ = p.map((e) => e.value), y = Math.min(..._), S = Math.max(..._) - y || 1, C = (e) => r.left + e / (p.length - 1) * o, T = (e) => r.top + (1 - (e - y) / S) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * p.length));
+			if (M(d.current, g.current), b.current = [], t.strokeStyle = m(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, X - r.bottom), t.lineTo(xt - r.right, X - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = m(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
 				t.fillText(e.label.replace("Day ", "D"), C(n), X - 4);
 			}), h.current.over && g.current) {
 				let e = parseInt(g.current.split("-")[1]);
@@ -2063,7 +2155,7 @@ function xt({ points: e = [], className: t, colors: r }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Y,
+				width: xt,
 				height: X
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2071,73 +2163,76 @@ function xt({ points: e = [], className: t, colors: r }) {
 				role: "img",
 				"aria-label": "trend chart",
 				style: {
-					width: Y,
+					width: xt,
 					height: X,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(S, {
 				...y,
-				parentW: Y,
+				parentW: xt,
 				parentH: X
 			})]
 		})
 	});
 }
 //#endregion
-//#region src/components/variationSplit/VariationSplit.tsx
-var St = 680, Ct = 8, wt = 26, Tt = 14, Et = 16, Dt = 32;
-function Ot({ contractors: e = [], "data-testid": t }) {
-	let r = a(null), l = a(/* @__PURE__ */ new Map()), f = a(0), [h, g] = o(!1), y = i(() => h ? e : e.slice(0, Ct), [e, h]), b = Et + Dt + y.length * (wt + Tt) - Tt, { hoveredRef: x, tooltip: w, hitZonesRef: E } = C(r, {
-		width: St,
+//#region src/components/segmentedSplitBarChart/SegmentedSplitBarChart.tsx
+var Ct = 680, wt = 8, Tt = 26, Et = 14, Dt = 16, Ot = 32;
+function kt({ items: e = [], "data-testid": t }) {
+	let r = a(null), l = a(/* @__PURE__ */ new Map()), d = a(0), [f, h] = o(!1), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), y = i(() => f ? g : g.slice(0, wt), [g, f]), b = Dt + Ot + y.length * (Tt + Et) - Et, { hoveredRef: x, tooltip: w, hitZonesRef: E } = C(r, {
+		width: Ct,
 		height: b
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, St, b);
-		f.current = 0;
-		let n = Et, i = Dt, a = wt, o = Tt, s = St - 60 - 28, c = Math.max(...y.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0))), h = y.length * (a + o) - o, g = n + (b - n - i - h) / 2, S, C = () => {
-			f.current++;
-			let e = f.current;
-			t.clearRect(0, 0, St, b);
+		let t = _(e, Ct, b);
+		d.current = 0;
+		let n = Dt, i = Ot, a = Tt, o = Et, s = Ct - 60 - 28, c = Math.max(...y.map((e) => (e.implemented ?? 0) + (e.unimplemented ?? 0))), f = y.length * (a + o) - o, h = n + (b - n - i - f) / 2, g, S = () => {
+			d.current++;
+			let e = d.current;
+			t.clearRect(0, 0, Ct, b);
 			let n = D(Math.min(e / 60, 1));
 			M(l.current, x.current), E.current = [], y.forEach((e, r) => {
-				d[r % d.length];
-				let i = j(n, r, y.length, D), f = g + r * (a + o), p = (e.implemented ?? 0) + (e.unimplemented ?? 0), h = (e.implemented ?? 0) / c * s * i, _ = (e.unimplemented ?? 0) / c * s * i, b = `${e.id}-impl`, x = `${e.id}-un`, S = l.current.get(b) ?? 0, C = l.current.get(x) ?? 0;
-				T(E.current, b, 60, f, h || 1, a, {
+				let i = j(n, r, y.length, D), d = h + r * (a + o), f = (e.implemented ?? 0) + (e.unimplemented ?? 0), p = (e.implemented ?? 0) / c * s * i, g = (e.unimplemented ?? 0) / c * s * i, _ = `${e.id}-impl`, b = `${e.id}-un`, x = l.current.get(_) ?? 0, S = l.current.get(b) ?? 0;
+				T(E.current, _, 60, d, p || 1, a, {
 					label: `${e.name} — Implemented`,
 					value: `${e.implemented ?? 0} variations`,
-					sublabel: `${Math.round((e.implemented ?? 0) / (p || 1) * 100)}% complete`,
+					sublabel: `${Math.round((e.implemented ?? 0) / (f || 1) * 100)}% complete`,
 					color: u.green
-				}), T(E.current, x, 60 + h, f, _ || 1, a, {
+				}), T(E.current, b, 60 + p, d, g || 1, a, {
 					label: `${e.name} — Unimplemented`,
 					value: `${e.unimplemented ?? 0} variations`,
-					sublabel: `${Math.round((e.unimplemented ?? 0) / (p || 1) * 100)}% pending`,
+					sublabel: `${Math.round((e.unimplemented ?? 0) / (f || 1) * 100)}% pending`,
 					color: u.amber
-				}), t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t2, t.textAlign = "right", t.fillText(e.abbreviation ?? e.name.slice(0, 6), 52, f + a / 2 + 4), t.fillStyle = m(u.bd, .15), t.beginPath(), t.roundRect(60, f, p / c * s, a, 4), t.fill(), h > 0 && (S > 0 && v(t, 60 + h / 2, f + a / 2, h * .3, u.green, .12 * S), t.fillStyle = m(u.green, .6 + S * .2), t.beginPath(), t.roundRect(60, f, h, a, [
+				}), t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = u.t2, t.textAlign = "right", t.fillText(e.abbreviation ?? e.name.slice(0, 6), 52, d + a / 2 + 4), t.fillStyle = m(u.bd, .15), t.beginPath(), t.roundRect(60, d, f / c * s, a, 4), t.fill(), p > 0 && (x > 0 && v(t, 60 + p / 2, d + a / 2, p * .3, u.green, .12 * x), t.fillStyle = m(u.green, .6 + x * .2), t.beginPath(), t.roundRect(60, d, p, a, [
 					4,
 					0,
 					0,
 					4
-				]), t.fill(), h > 28 && i > .5 && (t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = S > 0 ? u.green : u.t2, t.textAlign = "center", t.fillText(String(e.implemented ?? 0), 60 + h / 2, f + a / 2 + 4))), _ > 0 && (C > 0 && v(t, 60 + h + _ / 2, f + a / 2, _ * .3, u.amber, .12 * C), t.fillStyle = m(u.amber, .18 + C * .18), t.strokeStyle = m(u.amber, .3 + C * .3), t.lineWidth = 1, t.beginPath(), t.roundRect(60 + h, f, _, a, [
+				]), t.fill(), p > 28 && i > .5 && (t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = x > 0 ? u.green : u.t2, t.textAlign = "center", t.fillText(String(e.implemented ?? 0), 60 + p / 2, d + a / 2 + 4))), g > 0 && (S > 0 && v(t, 60 + p + g / 2, d + a / 2, g * .3, u.amber, .12 * S), t.fillStyle = m(u.amber, .18 + S * .18), t.strokeStyle = m(u.amber, .3 + S * .3), t.lineWidth = 1, t.beginPath(), t.roundRect(60 + p, d, g, a, [
 					0,
 					4,
 					4,
 					0
-				]), t.fill(), t.stroke(), _ > 28 && i > .5 && (t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = C > 0 ? u.amber : u.t2, t.textAlign = "center", t.fillText(String(e.unimplemented ?? 0), 60 + h + _ / 2, f + a / 2 + 4))), h > 0 && _ > 0 && (t.strokeStyle = m(u.bg, .7), t.lineWidth = 2, t.beginPath(), t.moveTo(60 + h, f), t.lineTo(60 + h, f + a), t.stroke());
+				]), t.fill(), t.stroke(), g > 28 && i > .5 && (t.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.fillStyle = S > 0 ? u.amber : u.t2, t.textAlign = "center", t.fillText(String(e.unimplemented ?? 0), 60 + p + g / 2, d + a / 2 + 4))), p > 0 && g > 0 && (t.strokeStyle = m(u.bg, .7), t.lineWidth = 2, t.beginPath(), t.moveTo(60 + p, d), t.lineTo(60 + p, d + a), t.stroke());
 			});
-			let r = g + h + 24, i = 60 + s / 2;
-			t.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", t.textAlign = "right", t.fillStyle = u.green, t.fillText("■ Implemented", i - 10, r), t.textAlign = "left", t.fillStyle = p.color, t.fillText("■ Unimplemented", i + 10, r), S = requestAnimationFrame(C);
+			let r = h + f + 24, i = 60 + s / 2;
+			t.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", t.textAlign = "right", t.fillStyle = u.green, t.fillText("■ Implemented", i - 10, r), t.textAlign = "left", t.fillStyle = p.color, t.fillText("■ Unimplemented", i + 10, r), g = requestAnimationFrame(S);
 		};
-		return C(), () => cancelAnimationFrame(S);
-	}, [y, b]), /* @__PURE__ */ c("div", {
+		return S(), () => cancelAnimationFrame(g);
+	}, [y, b]), g.length === 0 ? /* @__PURE__ */ s(F, {
+		width: Ct,
+		height: 160,
+		"data-testid": t
+	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		style: { width: St },
+		style: { width: Ct },
 		children: [/* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: St,
+				width: Ct,
 				height: b
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2145,38 +2240,38 @@ function Ot({ contractors: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Implemented vs unimplemented variations per contractor — split bar",
 				style: {
-					width: St,
+					width: Ct,
 					height: b,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(S, {
 				...w,
-				parentW: St,
+				parentW: Ct,
 				parentH: b
 			})]
-		}), e.length > Ct && /* @__PURE__ */ s("div", {
+		}), g.length > wt && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
-				expanded: h,
-				onToggle: () => g((e) => !e)
+				expanded: f,
+				onToggle: () => h((e) => !e)
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
-var kt = 800, At = 360;
-function jt({ contractors: e = [], "data-testid": t }) {
+var At = 800, jt = 360;
+function Mt({ items: e = [], "data-testid": t }) {
 	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: f, hitZonesRef: p } = C(r, {
-		width: kt,
-		height: At
+		width: At,
+		height: jt
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = _(t, kt, At);
+		let n = _(t, At, jt);
 		o.current = 0;
-		let a = e.reduce((e, t) => e + (t.base ?? 0), 0), s = e.reduce((e, t) => e + (t.variation ?? 0), 0), c = e.reduce((e, t) => e + (t.total ?? 0), 0), f = At - 20 - 26, h = f - 6 * (e.length - 1), g = 20, y = 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), f = jt - 20 - 26, h = f - 6 * (e.length - 1), g = 20, y = e.map((e, t) => {
 			let n = Math.max(24, (e.total ?? 0) / (c || 1) * h), r = {
 				x: 100 - 110 / 2,
 				y: g,
@@ -2204,16 +2299,16 @@ function jt({ contractors: e = [], "data-testid": t }) {
 		}, k, A = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, kt, At);
+			n.clearRect(0, 0, At, jt);
 			let r = E(Math.min(t / 80, 1));
 			if (M(i.current, l.current), p.current = [], e.forEach((t, o) => {
 				let c = y[o], l = j(r, o, e.length, E), u = i.current.get(t.id) ?? 0;
 				if (l < .01) return;
 				let d = (t.base ?? 0) / (t.total || 1), f = (t.variation ?? 0) / (t.total || 1), p = c.h * d, m = c.h * f, h = c.y + p / 2, g = c.y + p + m / 2, _ = Math.max(2, (t.base ?? 0) / a * x), v = Math.max(2, (t.variation ?? 0) / s * S), b = w.y + e.slice(0, o).reduce((e, t) => e + (t.base ?? 0) / a * x, 0) + _ / 2, C = D.y + e.slice(0, o).reduce((e, t) => e + (t.variation ?? 0) / s * S, 0) + v / 2, T = u * .2 + .18;
-				Mt(n, c.x + 110, h, 420 - 110 / 2, b, _ * l, c.color, T), Mt(n, c.x + 110, g, 420 - 110 / 2, C, v * l, c.color, T * .75);
+				Nt(n, c.x + 110, h, 420 - 110 / 2, b, _ * l, c.color, T), Nt(n, c.x + 110, g, 420 - 110 / 2, C, v * l, c.color, T * .75);
 			}), r > .3) {
 				let e = Math.min(1, (r - .3) / .7), t = O.y + a / c * f / 2, i = O.y + f - s / c * f / 2;
-				Mt(n, 475, w.cy, 720 - 110 / 2, t, x * e, u.blue, .25 * e), Mt(n, 475, D.cy, 720 - 110 / 2, i, S * e, u.amber, .22 * e);
+				Nt(n, 475, w.cy, 720 - 110 / 2, t, x * e, u.blue, .25 * e), Nt(n, 475, D.cy, 720 - 110 / 2, i, S * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2225,7 +2320,7 @@ function jt({ contractors: e = [], "data-testid": t }) {
 					420,
 					720
 				][t];
-				n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = m(u.t3, .5), n.textAlign = "center", n.fillText(e, r, At - 8);
+				n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = m(u.t3, .5), n.textAlign = "center", n.fillText(e, r, jt - 8);
 			}), e.forEach((t, a) => {
 				let o = y[a], s = j(r, a, e.length, E), c = i.current.get(t.id) ?? 0;
 				T(p.current, t.id, o.x, o.y, 110, o.h, {
@@ -2249,32 +2344,32 @@ function jt({ contractors: e = [], "data-testid": t }) {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: kt,
-			height: At
+			width: At,
+			height: jt
 		},
 		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: At,
+				width: At,
+				height: jt,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(S, {
 			...f,
-			parentW: kt,
-			parentH: At
+			parentW: At,
+			parentH: jt
 		})]
 	});
 }
-function Mt(e, t, n, r, i, a, o, s) {
+function Nt(e, t, n, r, i, a, o, s) {
 	let c = (t + r) / 2;
 	e.beginPath(), e.moveTo(t, n - a / 2), e.bezierCurveTo(c, n - a / 2, c, i - a / 2, r, i - a / 2), e.lineTo(r, i + a / 2), e.bezierCurveTo(c, i + a / 2, c, n + a / 2, t, n + a / 2), e.closePath(), e.fillStyle = m(o, s), e.fill();
 }
 //#endregion
 //#region src/components/visualizationRenderer/VisualizationRenderer.tsx
-function Nt({ config: e, className: t }) {
+function Pt({ config: e, className: t }) {
 	return e.type === "line" ? /* @__PURE__ */ s(Ie, {
 		rows: e.rows,
 		className: t
@@ -2298,62 +2393,62 @@ function Nt({ config: e, className: t }) {
 	}) : e.type === "flow" ? /* @__PURE__ */ s(nt, {
 		selectedEntity: e.selectedEntity,
 		className: t
-	}) : e.type === "trend" ? /* @__PURE__ */ s(xt, {
+	}) : e.type === "trend" ? /* @__PURE__ */ s(St, {
 		points: e.points,
 		className: t
 	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(ze, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "contract-value-orb" ? /* @__PURE__ */ s(Ae, { data: e.data }) : e.type === "contract-bars" ? /* @__PURE__ */ s(Ce, { contractors: e.contractors }) : e.type === "commitment-race" ? /* @__PURE__ */ s(fe, { contractors: e.contractors }) : e.type === "status-arc" ? /* @__PURE__ */ s(bt, {
+	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(ke, { data: e.data }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(Se, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(fe, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(bt, {
 		segments: e.segments,
 		title: e.title
-	}) : e.type === "ew-category" ? /* @__PURE__ */ s(Fe, { categories: e.categories }) : e.type === "contractor-rank" ? /* @__PURE__ */ s(Pe, { contractors: e.contractors }) : e.type === "severity-bands" ? /* @__PURE__ */ s(vt, { severities: e.severities }) : e.type === "nce-tree" ? /* @__PURE__ */ s(He, {
+	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Pe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(vt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(He, {
 		total: e.total,
-		byContractor: e.byContractor
-	}) : e.type === "compensation-gauge" ? /* @__PURE__ */ s(he, {
-		pct: e.pct,
+		items: e.items
+	}) : e.type === "semi-circular-gauge-chart" ? /* @__PURE__ */ s(he, {
+		value: e.value,
 		confirmed: e.confirmed,
 		total: e.total
-	}) : e.type === "variation-split" ? /* @__PURE__ */ s(Ot, { contractors: e.contractors }) : e.type === "quotation-balance" ? /* @__PURE__ */ s(ot, {
-		accepted: e.accepted,
-		submitted: e.submitted
-	}) : e.type === "quotation-trend" ? /* @__PURE__ */ s(ct, { trend: e.trend }) : e.type === "trend-view" ? /* @__PURE__ */ s(ht, { trend: e.trend }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(jt, { contractors: e.contractors }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(kt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(ot, {
+		left: e.left,
+		right: e.right
+	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(ct, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(ht, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(Mt, { items: e.items }) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
 }
 //#endregion
 //#region src/utils/mounts.tsx
-var Pt = [];
-function Ft(e) {
+var Ft = [];
+function It(e) {
 	try {
 		return JSON.parse(decodeURIComponent(e));
 	} catch {
 		return null;
 	}
 }
-function It() {
-	for (; Pt.length;) {
-		let e = Pt.pop();
+function Lt() {
+	for (; Ft.length;) {
+		let e = Ft.pop();
 		e && e.unmount();
 	}
 }
-function Lt() {
-	It(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
+function Rt() {
+	Lt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
 		let n = t.dataset.d3Viz;
 		if (!n) return;
-		let r = Ft(n);
+		let r = It(n);
 		if (!r) return;
 		let i = e(t);
-		Pt.push(i), i.render(/* @__PURE__ */ s(Nt, { config: r }));
+		Ft.push(i), i.render(/* @__PURE__ */ s(Pt, { config: r }));
 	});
 }
-function Rt(e) {
+function zt(e) {
 	return encodeURIComponent(JSON.stringify(e));
 }
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
-function zt({ rows: e = [], className: t, colors: n }) {
+function Bt({ rows: e = [], className: t, colors: n }) {
 	return /* @__PURE__ */ s(Ke, {
 		rows: e,
 		variant: "donut",
@@ -2373,7 +2468,7 @@ var Z = {
 	red: u.red,
 	amber: u.amber,
 	green: u.green
-}, Q = "'Satoshi Variable', 'DM Sans', sans-serif", Bt = {
+}, Q = "'Satoshi Variable', 'DM Sans', sans-serif", Vt = {
 	color: "#F7F7F7",
 	fontFamily: Q,
 	fontSize: 24,
@@ -2386,7 +2481,7 @@ var Z = {
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function Vt({ chips: e = [] }) {
+function Ht({ chips: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2408,7 +2503,7 @@ function Vt({ chips: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
-					...Bt,
+					...Vt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2422,7 +2517,7 @@ function Vt({ chips: e = [] }) {
 		}, t))
 	});
 }
-function Ht({ items: e = [] }) {
+function Ut({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2445,7 +2540,7 @@ function Ht({ items: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Bt,
+					...Vt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2456,7 +2551,7 @@ function Ht({ items: e = [] }) {
 		}, t))
 	});
 }
-function Ut({ items: e = [] }) {
+function Wt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2488,7 +2583,8 @@ function Ut({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...Bt,
+						...Vt,
+						fontSize: 14,
 						color: e.color ?? Z.t1,
 						minWidth: 70,
 						flexShrink: 0
@@ -2506,7 +2602,7 @@ function Ut({ items: e = [] }) {
 		}, t))
 	});
 }
-function Wt({ items: e = [] }) {
+function Gt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2529,7 +2625,7 @@ function Wt({ items: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Bt,
+					...Vt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2540,12 +2636,12 @@ function Wt({ items: e = [] }) {
 		}, t))
 	});
 }
-var Gt = {
+var Kt = {
 	red: Z.red,
 	amber: Z.amber,
 	green: Z.green
 };
-function Kt({ items: e = [] }) {
+function qt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2553,7 +2649,7 @@ function Kt({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = Gt[e.severity];
+			let n = Kt[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -2578,7 +2674,7 @@ function Kt({ items: e = [] }) {
 		})
 	});
 }
-function qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
+function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 	let a = t - e;
 	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
 		style: {
@@ -2688,9 +2784,9 @@ function qt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 				}, r);
 			})
 		]
-	}), i && i.length > 0 && /* @__PURE__ */ s(Vt, { chips: i })] });
+	}), i && i.length > 0 && /* @__PURE__ */ s(Ht, { chips: i })] });
 }
-function Jt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
+function Yt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
 	let f = r ?? u.blue, p = l ?? u.cyan;
 	return /* @__PURE__ */ c("div", { children: [
 		/* @__PURE__ */ c("div", {
@@ -2784,10 +2880,10 @@ function Jt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				})
 			})]
 		}),
-		d && d.length > 0 && /* @__PURE__ */ s(Vt, { chips: d })
+		d && d.length > 0 && /* @__PURE__ */ s(Ht, { chips: d })
 	] });
 }
-function Yt({ pct: e, label: t, color: n, chips: r }) {
+function Xt({ 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: {
@@ -2868,7 +2964,7 @@ function Yt({ pct: e, label: t, color: n, chips: r }) {
 					},
 					children: [/* @__PURE__ */ s("span", {
 						style: {
-							...Bt,
+							...Vt,
 							color: e.color ?? Z.t1
 						},
 						children: e.value
@@ -2881,16 +2977,16 @@ function Yt({ pct: e, label: t, color: n, chips: r }) {
 		})]
 	});
 }
-var Xt = {
+var Zt = {
 	green: "#34D39918",
 	amber: "#FBBF2418",
 	red: "#F0606018"
-}, Zt = {
+}, Qt = {
 	green: "#34D399",
 	amber: "#FBBF24",
 	red: "#F06060"
 };
-function Qt({ items: e = [] }) {
+function $t({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2954,8 +3050,8 @@ function Qt({ items: e = [] }) {
 					style: {
 						fontSize: 14,
 						fontWeight: 600,
-						color: Zt[e.badgeSeverity],
-						background: Xt[e.badgeSeverity],
+						color: Qt[e.badgeSeverity],
+						background: Zt[e.badgeSeverity],
 						padding: "2px 7px",
 						borderRadius: 4,
 						fontFamily: Q,
@@ -2978,12 +3074,12 @@ function Qt({ items: e = [] }) {
 		}, t))
 	});
 }
-var $t = {
+var en = {
 	red: Z.red,
 	amber: Z.amber,
 	green: Z.green
 };
-function en({ items: e = [] }) {
+function tn({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2991,7 +3087,7 @@ function en({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = $t[e.severity];
+			let n = en[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -2999,9 +3095,7 @@ function en({ items: e = [] }) {
 					gap: 10,
 					padding: "9px 12px",
 					background: n + "0A",
-					border: `1px solid ${n}25`,
-					borderLeft: `3px solid ${n}`,
-					borderRadius: 6
+					border: `1px solid ${n}25`
 				},
 				children: [
 					/* @__PURE__ */ s("span", { style: {
@@ -3045,7 +3139,7 @@ function en({ items: e = [] }) {
 		})
 	});
 }
-function tn({ columns: e = [], rows: t = [] }) {
+function nn({ columns: e = [], rows: t = [] }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -3108,7 +3202,7 @@ function tn({ columns: e = [], rows: t = [] }) {
 		}, t))]
 	});
 }
-function nn({ text: e }) {
+function rn({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			padding: "8px 12px",
@@ -3133,22 +3227,22 @@ function nn({ text: e }) {
 		})]
 	});
 }
-function rn({ block: e }) {
+function an({ block: e }) {
 	if (!e) return null;
 	let t = (() => {
 		switch (e.type) {
-			case "stats": return /* @__PURE__ */ s(Ht, { items: e.items });
-			case "ranked": return /* @__PURE__ */ s(Ut, { items: e.items });
-			case "chips": return /* @__PURE__ */ s(Wt, { items: e.items });
-			case "badges": return /* @__PURE__ */ s(Kt, { items: e.items });
-			case "dot-strip": return /* @__PURE__ */ s(qt, {
+			case "stats": return /* @__PURE__ */ s(Ut, { items: e.items });
+			case "ranked": return /* @__PURE__ */ s(Wt, { items: e.items });
+			case "chips": return /* @__PURE__ */ s(Gt, { items: e.items });
+			case "badges": return /* @__PURE__ */ s(qt, { items: e.items });
+			case "dot-strip": return /* @__PURE__ */ s(Jt, {
 				min: e.min,
 				max: e.max,
 				unit: e.unit,
 				dots: e.dots,
 				chips: e.chips
 			});
-			case "proportion": return /* @__PURE__ */ s(Jt, {
+			case "proportion": return /* @__PURE__ */ s(Yt, {
 				leftPct: e.leftPct,
 				leftLabel: e.leftLabel,
 				leftValue: e.leftValue,
@@ -3159,15 +3253,15 @@ function rn({ block: e }) {
 				rightColor: e.rightColor,
 				chips: e.chips
 			});
-			case "ring": return /* @__PURE__ */ s(Yt, {
+			case "ring": return /* @__PURE__ */ s(Xt, {
 				pct: e.pct,
 				label: e.label,
 				color: e.color,
 				chips: e.chips
 			});
-			case "scorecard-rows": return /* @__PURE__ */ s(Qt, { items: e.items });
-			case "flags-list": return /* @__PURE__ */ s(en, { items: e.items });
-			case "comparison-rows": return /* @__PURE__ */ s(tn, {
+			case "scorecard-rows": return /* @__PURE__ */ s($t, { items: e.items });
+			case "flags-list": return /* @__PURE__ */ s(tn, { items: e.items });
+			case "comparison-rows": return /* @__PURE__ */ s(nn, {
 				columns: e.columns,
 				rows: e.rows
 			});
@@ -3180,8 +3274,8 @@ function rn({ block: e }) {
 			flexDirection: "column",
 			gap: 24
 		},
-		children: [t, /* @__PURE__ */ s(nn, { text: e.takeaway })]
+		children: [t, /* @__PURE__ */ s(rn, { text: e.takeaway })]
 	}) : t;
 }
 //#endregion
-export { ne as AreaChart, ie as BarChart, l as ChartFrame, zt as DonutChart, rn as KeyHighlights, Ie as LineChart, ze as MiniBars, Ke as PieChart, nt as ProcessSankey, rt as RankingSankey, Je as SankeySvg, te as SeriesChart, ht as Trend, xt as TrendChart, Nt as VisualizationRenderer, It as cleanupVisualizationMounts, Lt as hydrateVisualizationMounts, Rt as serializeVisualizationConfig };
+export { ne as AreaChart, ie as BarChart, l as ChartFrame, Bt as DonutChart, an as KeyHighlights, Ie as LineChart, ze as MiniBars, Ke as PieChart, nt as ProcessSankey, rt as RankingSankey, Je as SankeySvg, te as SeriesChart, ht as Trend, St as TrendChart, Pt as VisualizationRenderer, Lt as cleanupVisualizationMounts, Rt as hydrateVisualizationMounts, zt as serializeVisualizationConfig };