@divami-artefacts/ai-design-system 1.0.10 → 1.0.12

package/dist/index.js

@@ -18,12 +18,12 @@ var u = {
 	blue: "#2970FF",
 	cyan: "#36BFFA",
 	orange: "#EF6820",
-	red: "#D92D20",
-	green: "#16B364",
+	red: "#EF6820",
+	green: "#71B941",
 	purple: "#7A5AF8",
 	amber: "#FAC515",
 	t1: "#F7F7F7",
-	t2: "#94979C",
+	t2: "#C2C2C2",
 	t3: "#94979C",
 	t4: "#334155"
 }, d = [
@@ -34,11 +34,11 @@ var u = {
 	u.green,
 	u.red
 ], f = {
-	font: "400 12px 'Satoshi Variable', 'DM Sans', sans-serif",
-	color: u.t2
+	font: "400 14px 'Satoshi Variable', 'DM Sans', sans-serif",
+	color: "#C2C2C2"
 }, p = {
-	font: "400 12px 'Satoshi Variable', 'DM Sans', sans-serif",
-	color: u.t2
+	font: "400 14px 'Satoshi Variable', 'DM Sans', sans-serif",
+	color: "#C2C2C2"
 };
 function m(e, t = 1) {
 	let n = e.replace("#", "");
@@ -466,7 +466,7 @@ function ae({ expanded: e, onToggle: t, labelExpanded: n = "View Less", labelCol
 			boxSizing: "border-box",
 			border: "none",
 			borderRadius: 6,
-			color: "#FFAE43",
+			color: "#71B941",
 			fontSize: 14,
 			fontFamily: "'Satoshi Variable', 'DM Sans', sans-serif",
 			fontStyle: "normal",
@@ -622,7 +622,7 @@ function he({ value: e, confirmed: t, total: r, "data-testid": i }) {
 				}
 			].forEach(({ label: e, angle: t }) => {
 				let n = a + Math.cos(t) * 166, r = 220 + Math.sin(t) * 166;
-				i.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = m(u.t3, .55), i.textAlign = "center", i.fillText(e, n, r + 3);
+				i.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", i.fillStyle = m(u.t2, .55), i.textAlign = "center", i.fillText(e, n, r + 3);
 			});
 			let _ = s + e / 100 * d * o, y = e >= 66 ? u.green : e >= 33 ? u.amber : u.red;
 			v(i, a + Math.cos(_) * 194 / 2, 220 + Math.sin(_) * 194 / 2, 18, y, .35 * o), i.beginPath(), i.arc(a, 220, 194 / 2, s, _), i.strokeStyle = m(y, .7 * o), i.lineWidth = 38, i.lineCap = "round", i.stroke(), i.lineCap = "butt";
@@ -758,19 +758,19 @@ function Se({ items: e = [], "data-testid": t }) {
 				let c = A(n, .05, 5e-4) * .3 + .7, l = 3.5 * c, u = `star-${i}-${s}`, f = r.current.get(u) ?? 0, p = e.createRadialGradient(o.x, o.y, 0, o.x, o.y, l * 4);
 				p.addColorStop(0, m(a, (.2 + .1 * f) * c)), p.addColorStop(1, m(a, 0)), e.fillStyle = p, e.beginPath(), e.arc(o.x, o.y, l * 4, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(o.x, o.y, l + f * 2, 0, Math.PI * 2), e.fillStyle = m(a, (.8 + .2 * f) * c), e.fill();
 				let h = Math.sin(o.angle) < -.3;
-				e.textAlign = "center", e.textBaseline = "middle", h ? (e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y - 24), e.font = "500 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y - 11)) : (e.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y + 11), e.font = "500 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y + 24)), w(d.current, u, o.x, o.y, l * 4 + 2, {
+				e.textAlign = "center", e.textBaseline = "middle", h ? (e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y - 24), e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y - 11)) : (e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .5 + .15 * f), e.fillText(o.short, o.x, o.y + 11), e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = m(a, .8 + .15 * f), e.fillText(o.label, o.x, o.y + 24)), w(d.current, u, o.x, o.y, l * 4 + 2, {
 					label: o.name,
 					value: o.label,
 					sublabel: t.abbreviation ?? t.name.slice(0, 6),
 					color: a
 				});
-			}), s > 0 && v(e, t.cx, t.cy, 16 * s, a, .15 * s), e.beginPath(), e.arc(t.cx, t.cy, t.baseR + 12, 0, Math.PI * 2), e.strokeStyle = m(a, .1 + A(n, .03, 5e-4) * .05), e.lineWidth = 1, e.stroke(), e.font = "500 12px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "alphabetic", e.fillStyle = m(u.t2, .65 + s * .25), e.fillText(t.abbreviation ?? t.name.slice(0, 6), t.cx, t.cy + t.baseR + 26), w(d.current, o, t.cx, t.cy, t.baseR + 5, {
+			}), s > 0 && v(e, t.cx, t.cy, 16 * s, a, .15 * s), e.beginPath(), e.arc(t.cx, t.cy, t.baseR + 12, 0, Math.PI * 2), e.strokeStyle = m(a, .1 + A(n, .03, 5e-4) * .05), e.lineWidth = 1, e.stroke(), e.font = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "alphabetic", e.fillStyle = m(u.t2, .65 + s * .25), e.fillText(t.abbreviation ?? t.name.slice(0, 6), t.cx, t.cy + t.baseR + 26), w(d.current, o, t.cx, t.cy, t.baseR + 5, {
 				label: t.name,
 				value: `£${t.total ?? 0}M total`,
 				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", R / 2, z - 14), b(e, R, z, n, .012);
+		}), e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillStyle = u.t2, e.fillText("▲ top = Base value  ·  ▼▸ lower-right = Variations  ·  ◂▼ lower-left = Commitment %  ·  hover stars for details", R / 2, z - 14), b(e, R, z, n, .012);
 	}, !0), p.length === 0 ? /* @__PURE__ */ s(F, {
 		width: R,
 		height: z,
@@ -824,12 +824,12 @@ function ke({ data: e, "data-testid": t }) {
 	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, [
+			e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : f.color, e.textAlign = "right", e.textBaseline = "middle", e.fillText(n.abbreviation ?? n.name.slice(0, 6), c - 8, s + V / 2), e.fillStyle = m(u.bd, .25), e.beginPath(), e.roundRect(c, s, E, V, 4), e.fill(), h > 0 && (l > 0 && v(e, c + h / 2, s + V / 2, h * .3, a, .1 * l), e.fillStyle = m(a, .5 + l * .15), e.beginPath(), e.roundRect(c, s, h, V, 4), e.fill()), _ > 2 && (e.fillStyle = m(a, .22 + l * .08), e.beginPath(), e.roundRect(c + h, s, _, V, [
 				0,
 				4,
 				4,
 				0
-			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + h, s + 3), e.lineTo(c + h, s + V - 3), e.stroke(), e.setLineDash([])), l > 0 && g > 0 && (e.strokeStyle = m(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, g, V, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = "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, {
+			]), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(a, .55), e.lineWidth = 1, e.beginPath(), e.moveTo(c + h, s + 3), e.lineTo(c + h, s + V - 3), e.stroke(), e.setLineDash([])), l > 0 && g > 0 && (e.strokeStyle = m(a, .5 * l), e.lineWidth = 1, e.setLineDash([]), e.beginPath(), e.roundRect(c, s, g, V, 4), e.stroke()), o > .35 && (e.globalAlpha = Math.min(1, (o - .35) / .4), e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.fillStyle = l > 0 ? a : "#F7F9FA", e.textAlign = "left", e.textBaseline = "middle", e.fillText(Oe(n.total ?? 0), c + g + 6, s + V / 2), e.globalAlpha = 1), T(N.current, n.id, c, s, Math.max(g, 1), V, {
 				label: n.name,
 				value: `${Oe(n.total ?? 0)} total`,
 				sublabel: `Base ${Oe(n.base ?? 0)} + Var ${Oe(n.variation ?? 0)} · ${n.percentage ?? 0}% committed`,
@@ -837,7 +837,7 @@ function ke({ data: e, "data-testid": t }) {
 			});
 		});
 		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);
+		e.textBaseline = "middle", e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "left", e.fillStyle = m(u.cyan, .5), e.beginPath(), e.roundRect(B.left + De, n - 3, 14, 6, 2), e.fill(), e.fillStyle = p.color, e.fillText("base value", B.left + De + 18, n), e.fillStyle = m(u.cyan, .22), e.beginPath(), e.roundRect(B.left + De + 94, n - 3, 14, 6, 2), e.fill(), e.setLineDash([2, 3]), e.strokeStyle = m(u.cyan, .5), e.lineWidth = .5, e.beginPath(), e.moveTo(B.left + De + 101, n - 3), e.lineTo(B.left + De + 101, n + 3), e.stroke(), e.setLineDash([]), e.fillStyle = p.color, e.fillText("approved variations", B.left + De + 112, n), e.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", e.textAlign = "right", e.fillStyle = p.color, e.fillText(`Portfolio: ${Oe(h?.total ?? 0)}`, Ce - 8, n);
 	}, !0, { easing: D }), k ? /* @__PURE__ */ s(F, {
 		width: Ce,
 		height: we,
@@ -979,7 +979,7 @@ function Fe({ items: e = [], "data-testid": t }) {
 					} else t.beginPath(), t.arc(a, _, 1, 0, Math.PI * 2), t.fillStyle = m(d, .08), t.fill();
 				}
 				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, _);
+				t.font = `${o ? "bold " : ""}14px 'Satoshi Variable', 'DM Sans', sans-serif`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillStyle = o ? u.cyan : m(u.t2, .65), t.fillText(n.category, s + r * f + f / 2, _);
 			}), b(t, U, W, e, .015), S = requestAnimationFrame(C);
 		};
 		return C(), () => cancelAnimationFrame(S);
@@ -1024,14 +1024,13 @@ function Ie({ rows: e = [], className: t, colors: n }) {
 //#endregion
 //#region src/components/constants.ts
 var Le = [
-	"#36BFFA",
-	"#16B364",
-	"#D444F1",
-	"#FAC515",
-	"#2970FF",
-	"#7A5AF8",
-	"#EF6820",
-	"#D92D20"
+	"#4C93D9",
+	"#5DA537",
+	"#F3862C",
+	"#4F72C6",
+	"#A0B724",
+	"#EEBF3B",
+	"#3C45D1"
 ], Re = {
 	nodes: [
 		{
@@ -1114,47 +1113,55 @@ function ze({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/radialFanTreeChart/RadialFanTreeChart.tsx
-var Be = 680, Ve = 320;
-function He({ total: e = 0, items: t = [], "data-testid": r }) {
-	let o = a(null), l = a(/* @__PURE__ */ new Map()), p = a(0), { hoveredRef: h, tooltip: g, hitZonesRef: y } = C(o, {
+var Be = 680, Ve = 320, He = 60, Ue = 28;
+function We({ total: e = 0, items: t = [], "data-testid": r }) {
+	let o = a(null), l = a(/* @__PURE__ */ new Map()), p = a(0), h = i(() => t.filter((e) => typeof e == "object" && !!e), [t]), g = i(() => Math.max(Ve, He + Math.max(0, h.length - 1) * Ue), [h.length]), { hoveredRef: y, tooltip: b, hitZonesRef: x } = C(o, {
 		width: Be,
-		height: Ve
-	}), b = i(() => t.filter((e) => typeof e == "object" && !!e), [t]);
+		height: g
+	});
 	return n(() => {
 		let t = o.current;
 		if (!t) return;
-		let n = _(t, Be, Ve);
+		let n = _(t, Be, g);
 		p.current = 0;
-		let r = Ve / 2, i = Be - 80, a = Math.max(...b.map((e) => e.count ?? 0)), s = (Ve - 60) / (b.length - 1), c = b.map((e, t) => ({
+		let r = g / 2, i = Be - 80, a = Math.max(...h.map((e) => e.count ?? 0)), s = (g - 60) / (h.length - 1), c = h.map((e, t) => ({
 			x: i,
 			y: 30 + t * s
-		})), g, x = () => {
+		})), b, S = () => {
 			p.current++;
 			let t = p.current;
-			n.clearRect(0, 0, Be, Ve);
+			n.clearRect(0, 0, Be, g);
 			let o = E(Math.min(t / 72, 1));
-			M(l.current, h.current), y.current = [], v(n, 88, r, 48 * o, u.blue, .15 * o), b.forEach((t, s) => {
-				let p = d[s % d.length], h = j(o, s, b.length, E), g = c[s], _ = l.current.get(t.id) ?? 0, x = Math.max(1.5, (t.count ?? 0) / a * 6);
-				if (h < .01) return;
-				let S = 88 + (i - 88) * .4, C = r, T = 88 + (i - 88) * .6, D = g.y, O = h;
+			M(l.current, y.current), x.current = [], v(n, 88, r, 48 * o, u.blue, .15 * o), h.forEach((t, s) => {
+				let p = d[s % d.length], g = j(o, s, h.length, E), _ = c[s], y = l.current.get(t.id) ?? 0, b = Math.max(1.5, (t.count ?? 0) / a * 6);
+				if (g < .01) return;
+				let S = 88 + (i - 88) * .4, C = r, T = 88 + (i - 88) * .6, D = _.y, O = g;
 				n.beginPath();
 				for (let e = 0; e <= 40; e++) {
-					let t = e / 40 * O, i = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * S + 3 * (1 - t) * t ** 2 * T + t ** 3 * g.x, a = (1 - t) ** 3 * r + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * D + t ** 3 * g.y;
+					let t = e / 40 * O, i = (1 - t) ** 3 * 88 + 3 * (1 - t) ** 2 * t * S + 3 * (1 - t) * t ** 2 * T + t ** 3 * _.x, a = (1 - t) ** 3 * r + 3 * (1 - t) ** 2 * t * C + 3 * (1 - t) * t ** 2 * D + t ** 3 * _.y;
 					e === 0 ? n.moveTo(i, a) : n.lineTo(i, a);
 				}
-				if (n.strokeStyle = m(p, _ > 0 ? .8 : .45), n.lineWidth = x * (_ > 0 ? 1.3 : 1), n.stroke(), h > .85) {
-					let r = Math.min(1, (h - .85) / .15), i = 4 + (t.count ?? 0) / a * 12;
-					v(n, g.x, g.y, i * 2.5, p, (.25 + _ * .2) * r), n.beginPath(), n.arc(g.x, g.y, i * r, 0, Math.PI * 2), n.fillStyle = m(p, (.7 + _ * .2) * r), n.fill(), w(y.current, t.id, g.x, g.y, i + 8, {
+				if (n.strokeStyle = m(p, y > 0 ? .8 : .45), n.lineWidth = b * (y > 0 ? 1.3 : 1), n.stroke(), g > .85) {
+					let r = Math.min(1, (g - .85) / .15), i = 4 + (t.count ?? 0) / a * 12;
+					v(n, _.x, _.y, i * 2.5, p, (.25 + y * .2) * r), n.beginPath(), n.arc(_.x, _.y, i * r, 0, Math.PI * 2), n.fillStyle = m(p, (.7 + y * .2) * r), n.fill(), w(x.current, t.id, _.x, _.y, i + 8, {
 						label: t.name,
 						value: `${t.count ?? 0} NCEs raised`,
 						sublabel: `${Math.round((t.count ?? 0) / e * 100)}% of all NCEs`,
 						color: p
-					}), n.globalAlpha = r, n.font = f.font, n.fillStyle = _ > 0 ? p : m(u.t2, .85), n.textAlign = "left", n.fillText(t.abbreviation ?? t.name.slice(0, 6), g.x + i + 6, g.y - 3), n.font = f.font, n.fillStyle = _ > 0 ? p : u.t1, n.fillText(String(t.count ?? 0), g.x + i + 6, g.y + 10), n.globalAlpha = 1;
+					}), n.globalAlpha = r, n.font = f.font, n.textAlign = "left";
+					let o = t.abbreviation ?? t.name.slice(0, 6), s = ` ${t.count ?? 0}`, c = _.x + i + 6, l = _.y + 4;
+					n.fillStyle = y > 0 ? p : m(u.t2, .85), n.fillText(o, c, l);
+					let d = n.measureText(o).width;
+					n.fillStyle = y > 0 ? p : u.t1, n.fillText(s, c + d, l), n.globalAlpha = 1;
 				}
-			}), n.beginPath(), n.arc(88, r, 32 * o, 0, Math.PI * 2), n.fillStyle = u.bgL, n.fill(), n.strokeStyle = m(u.blue, .6 * o), n.lineWidth = 2, n.stroke(), o > .4 && (n.globalAlpha = Math.min(1, (o - .4) / .4), n.font = "500 24px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = u.t1, n.textAlign = "center", n.fillText(String(e), 88, r + 5), n.font = f.font, n.fillStyle = f.color, n.fillText("NCEs", 88, r + 18), n.globalAlpha = 1), g = requestAnimationFrame(x);
+			}), n.beginPath(), n.arc(88, r, 32 * o, 0, Math.PI * 2), n.fillStyle = u.bgL, n.fill(), n.strokeStyle = 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), b = requestAnimationFrame(S);
 		};
-		return x(), () => cancelAnimationFrame(g);
-	}, [e, b]), b.length === 0 ? /* @__PURE__ */ s(F, {
+		return S(), () => cancelAnimationFrame(b);
+	}, [
+		e,
+		h,
+		g
+	]), h.length === 0 ? /* @__PURE__ */ s(F, {
 		width: Be,
 		height: Ve,
 		"data-testid": r
@@ -1163,7 +1170,7 @@ function He({ total: e = 0, items: t = [], "data-testid": r }) {
 		style: {
 			position: "relative",
 			width: Be,
-			height: Ve
+			height: g
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: o,
@@ -1171,33 +1178,33 @@ function He({ total: e = 0, items: t = [], "data-testid": r }) {
 			"aria-label": "NCE fault tree — NCEs per contractor as branching tree",
 			style: {
 				width: Be,
-				height: Ve,
+				height: g,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(S, {
-			...g,
+			...b,
 			parentW: Be,
-			parentH: Ve
+			parentH: g
 		})]
 	});
 }
 //#endregion
 //#region src/components/pieChart/PieChart.tsx
-var Ue = 192, We = Ue, Ge = Ue + 80;
-function Ke({ rows: e = [], variant: t, className: r, colors: i }) {
+var Ge = 192, Ke = Ge, qe = Ge + 80;
+function Je({ rows: e = [], variant: t, className: r, colors: i }) {
 	let o = a(null), f = a(/* @__PURE__ */ new Map()), p = a(0), h = i?.slices ?? d, { hoveredRef: y, tooltip: b, hitZonesRef: x } = C(o, {
-		width: We,
-		height: Ge
+		width: Ke,
+		height: qe
 	});
 	return n(() => {
 		let n = o.current;
 		if (!n) return;
-		let r = _(n, We, Ge);
+		let r = _(n, Ke, qe);
 		p.current = 0;
-		let i = We / 2, a = Ue / 2, s = Ue * .4, c = t === "donut" ? Ue * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, d, b = () => {
+		let i = Ke / 2, a = Ge / 2, s = Ge * .4, c = t === "donut" ? Ge * .21 : 0, l = e.reduce((e, t) => e + (t.pricing ?? 0), 0) || 1, d, b = () => {
 			p.current++;
 			let n = p.current;
-			r.clearRect(0, 0, We, Ge);
+			r.clearRect(0, 0, Ke, qe);
 			let o = 1 - (1 - Math.min(n / 48, 1)) ** 3;
 			M(f.current, y.current), x.current = [];
 			let _ = -Math.PI / 2;
@@ -1211,10 +1218,10 @@ function Ke({ rows: e = [], variant: t, className: r, colors: i }) {
 				let O = A(n, .03, 3e-4), k = s + b * 6 + (b > 0 ? O * 2 : 0);
 				r.beginPath(), r.moveTo(i + Math.cos(_) * c, a + Math.sin(_) * c), r.arc(i, a, k, _, g), c > 0 ? r.arc(i, a, c, g, _, !0) : r.lineTo(i, a), r.closePath(), r.fillStyle = m(y, .7 + b * .2), r.fill(), r.strokeStyle = m(u.bg, .8), r.lineWidth = 1.5, r.stroke(), _ = g;
 			}), t === "donut" && e.length > 0 && v(r, i, a, c * .8, u.blue, .06);
-			let S = Ue + 12;
+			let S = Ge + 12;
 			e.forEach((e, t) => {
 				let n = h[t % h.length], i = (e.pricing ?? 0) / l, a = f.current.get(e.id ?? `sl-${t}`) ?? 0, o = S + t * 18;
-				r.beginPath(), r.arc(8, o, 4, 0, Math.PI * 2), r.fillStyle = m(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = m(u.t2, .7 + a * .2), r.textAlign = "left", r.fillText(e.vendor, 18, o + 3.5), r.font = "bold 9px 'JetBrains Mono', monospace", r.fillStyle = g(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, We - 4, o + 3.5);
+				r.beginPath(), r.arc(8, o, 4, 0, Math.PI * 2), r.fillStyle = m(n, .8 + a * .2), r.fill(), r.font = "9px 'JetBrains Mono', monospace", r.fillStyle = m(u.t2, .7 + a * .2), r.textAlign = "left", r.fillText(e.vendor, 18, o + 3.5), r.font = "bold 9px 'JetBrains Mono', monospace", r.fillStyle = g(u.t3, n, a), r.textAlign = "right", r.fillText(`${e.pricing ?? 0} (${Math.round(i * 100)}%)`, Ke - 4, o + 3.5);
 			}), d = requestAnimationFrame(b);
 		};
 		return b(), () => cancelAnimationFrame(d);
@@ -1228,30 +1235,30 @@ function Ke({ rows: e = [], variant: t, className: r, colors: i }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: We,
-				height: Ge
+				width: Ke,
+				height: qe
 			},
 			children: [/* @__PURE__ */ s("canvas", {
 				ref: o,
 				role: "img",
 				"aria-label": `${t} chart`,
 				style: {
-					width: We,
-					height: Ge,
+					width: Ke,
+					height: qe,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(S, {
 				...b,
-				parentW: We,
-				parentH: Ge
+				parentW: Ke,
+				parentH: qe
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/sankey/SankeySvg.tsx
-function qe(e, t, n, r) {
+function Ye(e, t, n, r) {
 	let i = new Set(t.map((e) => e.source)), a = new Set(t.map((e) => e.target)), o = /* @__PURE__ */ new Map(), s = [];
 	for (e.forEach((e) => {
 		i.has(e.id) && !a.has(e.id) && s.push({
@@ -1296,8 +1303,8 @@ function qe(e, t, n, r) {
 		});
 	}), f;
 }
-function Je({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f, selectedEntity: p, className: h, colors: g }) {
-	let y = a(null), x = a(/* @__PURE__ */ new Map()), E = a(0), D = a([]), O = g?.nodes ?? d, k = g?.links ?? u.bd, j = g?.activeLinks ?? u.blue, ee = g?.activeNodes ?? u.blue, N = i(() => qe(e, t, r, o), [
+function Xe({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f, selectedEntity: p, className: h, colors: g }) {
+	let y = a(null), x = a(/* @__PURE__ */ new Map()), E = a(0), D = a([]), O = g?.nodes ?? d, k = g?.links ?? u.bd, j = g?.activeLinks ?? u.blue, ee = g?.activeNodes ?? u.blue, N = i(() => Ye(e, t, r, o), [
 		e,
 		t,
 		r,
@@ -1397,7 +1404,7 @@ function Je({ nodes: e, links: t, width: r = 960, height: o = 280, ariaLabel: f,
 }
 //#endregion
 //#region src/canvas/CausalFlowCanvas.tsx
-var Ye = [
+var Ze = [
 	{
 		x: .13,
 		y: .48
@@ -1430,7 +1437,7 @@ var Ye = [
 		x: .92,
 		y: .22
 	}
-], Xe = [
+], Qe = [
 	u.blue,
 	u.cyan,
 	u.orange,
@@ -1439,7 +1446,7 @@ var Ye = [
 	u.green,
 	u.amber,
 	u.t2
-], Ze = [
+], $e = [
 	26,
 	24,
 	24,
@@ -1449,21 +1456,21 @@ var Ye = [
 	22,
 	22
 ];
-function Qe(e, t) {
+function et(e, t) {
 	let n = 1 - t;
 	return {
 		x: n * n * n * e.p0.x + 3 * n * n * t * e.p1.x + 3 * n * t * t * e.p2.x + t * t * t * e.p3.x,
 		y: n * n * n * e.p0.y + 3 * n * n * t * e.p1.y + 3 * n * t * t * e.p2.y + t * t * t * e.p3.y
 	};
 }
-function $e(e, t) {
+function tt(e, t) {
 	let n = 1 - t, r = 3 * n * n * (e.p1.x - e.p0.x) + 6 * n * t * (e.p2.x - e.p1.x) + 3 * t * t * (e.p3.x - e.p2.x), i = 3 * n * n * (e.p1.y - e.p0.y) + 6 * n * t * (e.p2.y - e.p1.y) + 3 * t * t * (e.p3.y - e.p2.y), a = Math.sqrt(r * r + i * i) || 1;
 	return {
 		x: -i / a,
 		y: r / a
 	};
 }
-function et(e, t) {
+function nt(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	return {
 		p0: {
@@ -1484,7 +1491,7 @@ function et(e, t) {
 		}
 	};
 }
-function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
+function rt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntity: l }) {
 	let d = a(null), f = a(0), p = a([]), { hoveredRef: h, tooltip: x, hitZonesRef: T } = C(d, {
 		width: r,
 		height: o
@@ -1492,15 +1499,15 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e, n) => t.set(e.id, n)), t;
 	}, [e]), O = i(() => t.length > 0 ? Math.max(...t.map((e) => e.value)) : 100, [t]), k = (e) => O > 1 ? e / 100 : e, j = i(() => e.map((e, t) => {
-		let n = Ye[t % Ye.length];
+		let n = Ze[t % Ze.length];
 		return {
 			id: e.id,
 			label: e.name,
 			sub: e.valueLabel ?? "",
 			x: n.x * r,
 			y: n.y * o,
-			r: Ze[t % Ze.length],
-			color: Xe[t % Xe.length]
+			r: $e[t % $e.length],
+			color: Qe[t % Qe.length]
 		};
 	}), [
 		e,
@@ -1522,7 +1529,7 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 			if (t.clearRect(0, 0, r, o), T.current = [], y(t, r, o, e, 50, m(u.blue, .05)), M.forEach((e, n) => {
 				let r = j[e.fromIdx], i = j[e.toIdx];
 				if (!r || !i) return;
-				let a = !!l && (r.id === l || i.id === l), o = g(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = et(r, i);
+				let a = !!l && (r.id === l || i.id === l), o = g(r.color, i.color, .5), s = a ? .18 : .05, c = a ? .25 : .1, d = nt(r, i);
 				t.beginPath(), t.moveTo(d.p0.x, d.p0.y), t.bezierCurveTo(d.p1.x, d.p1.y, d.p2.x, d.p2.y, d.p3.x, d.p3.y), t.strokeStyle = m(o, s), t.lineWidth = 16, t.lineCap = "round", t.stroke(), t.strokeStyle = m(o, c), t.lineWidth = 1.5, t.stroke();
 				for (let t = 0; t < e.conf * 2.5; t++) Math.random() < .45 && p.current.push({
 					edgeIdx: n,
@@ -1531,7 +1538,7 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 					off: (Math.random() - .5) * 13,
 					sz: .7 + Math.random() * 2
 				});
-				let f = Qe(d, .5), h = `${Math.round(e.conf * 100)}%`;
+				let f = et(d, .5), h = `${Math.round(e.conf * 100)}%`;
 				t.font = "bold 12px 'JetBrains Mono', monospace", t.textBaseline = "middle";
 				let _ = t.measureText(h).width + 14;
 				t.fillStyle = "rgba(10,16,24,0.88)", t.beginPath(), t.roundRect(f.x - _ / 2, f.y - 11, _, 22, 6), t.fill(), t.strokeStyle = m(u.cyan, .25), t.lineWidth = 1, t.stroke(), t.fillStyle = m(u.cyan, .9), t.textAlign = "center", t.fillText(h, f.x, f.y);
@@ -1541,7 +1548,7 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 				if (!n) return !1;
 				let r = j[n.fromIdx], i = j[n.toIdx];
 				if (!r || !i) return !1;
-				let a = et(r, i), o = Qe(a, e.t), s = $e(a, e.t), c = o.x + s.x * e.off, l = o.y + s.y * e.off, u = Math.sin(e.t * Math.PI) * .7, d = g(r.color, i.color, e.t);
+				let a = nt(r, i), o = et(a, e.t), s = tt(a, e.t), c = o.x + s.x * e.off, l = o.y + s.y * e.off, u = Math.sin(e.t * Math.PI) * .7, d = g(r.color, i.color, e.t);
 				return v(t, c, l, e.sz * 3, d, u * .1), t.beginPath(), t.arc(c, l, e.sz, 0, Math.PI * 2), t.fillStyle = m(d, u), t.fill(), !0;
 			}), p.current.length > 350 && (p.current = p.current.slice(-350)), j.forEach((n, r) => {
 				let i = l === n.id, a = h.current === `node-${r}`, o = A(e, .03, 3e-4) * .1 + 1, s = n.r * o * (i ? 1.15 : 1);
@@ -1598,8 +1605,8 @@ function tt({ nodes: e, links: t, width: r = 960, height: o = 280, selectedEntit
 }
 //#endregion
 //#region src/components/sankey/ProcessSankey.tsx
-function nt({ selectedEntity: e, colors: t }) {
-	return /* @__PURE__ */ s(tt, {
+function it({ selectedEntity: e, colors: t }) {
+	return /* @__PURE__ */ s(rt, {
 		nodes: Re.nodes,
 		links: Re.links,
 		width: 960,
@@ -1609,7 +1616,7 @@ function nt({ selectedEntity: e, colors: t }) {
 }
 //#endregion
 //#region src/components/sankey/RankingSankey.tsx
-function rt({ rows: e = [], className: t, colors: n }) {
+function at({ rows: e = [], className: t, colors: n }) {
 	let { nodes: r, links: a } = i(() => {
 		let t = e.slice(0, 5);
 		return {
@@ -1627,7 +1634,7 @@ function rt({ rows: e = [], className: t, colors: n }) {
 			}))
 		};
 	}, [e]);
-	return /* @__PURE__ */ s(Je, {
+	return /* @__PURE__ */ s(Xe, {
 		nodes: r,
 		links: a,
 		width: 760,
@@ -1639,20 +1646,20 @@ function rt({ rows: e = [], className: t, colors: n }) {
 }
 //#endregion
 //#region src/components/balanceScaleChart/BalanceScaleChart.tsx
-var it = 500, at = 320;
-function ot({ left: e, right: t, "data-testid": r }) {
+var ot = 500, st = 320;
+function ct({ left: e, right: t, "data-testid": r }) {
 	let i = a(null), o = a(0);
 	return n(() => {
 		let n = i.current;
 		if (!n) return;
-		let r = _(n, it, at);
+		let r = _(n, ot, st);
 		o.current = 0;
-		let a = it / 2, s = Math.max(e.value, t.value), c = (e.value - t.value) / s * 14, l, d = () => {
+		let a = ot / 2, s = Math.max(e.value, t.value), c = (e.value - t.value) / s * 14, l, d = () => {
 			o.current++;
 			let n = o.current;
-			r.clearRect(0, 0, it, at);
+			r.clearRect(0, 0, ot, st);
 			let i = E(Math.min(n / 80, 1)), p = c * k(Math.min(n / 80, 1)) * Math.PI / 180;
-			r.strokeStyle = m(u.bd, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(a, 100), r.lineTo(a, at - 80), r.stroke(), r.beginPath(), r.arc(a, 100, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
+			r.strokeStyle = m(u.bd, .5 * i), r.lineWidth = 2, r.beginPath(), r.moveTo(a, 100), r.lineTo(a, st - 80), r.stroke(), r.beginPath(), r.arc(a, 100, 5 * i, 0, Math.PI * 2), r.fillStyle = u.t2, r.fill();
 			let h = {
 				x: a - Math.cos(p) * 160,
 				y: 100 + Math.sin(-p) * 160
@@ -1669,7 +1676,7 @@ function ot({ left: e, right: t, "data-testid": r }) {
 				6
 			]), r.fill(), r.strokeStyle = m(u.green, .7 * i), r.lineWidth = 1.5, r.stroke(), r.strokeStyle = m(u.t3, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
 				r.beginPath(), r.moveTo(h.x + e, h.y + 4), r.lineTo(h.x + e, y), r.stroke();
-			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = "bold 14px 'JetBrains Mono', monospace", r.fillStyle = u.green, r.textAlign = "center", r.fillText(e.label, h.x, y + _ + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Accepted", h.x, y + _ + 32), r.fillText(`${e.count} quotations`, h.x, y + _ + 44), r.globalAlpha = 1);
+			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = "bold 14px 'Satoshi Variable', 'DM Sans', sans-serif", r.fillStyle = u.green, r.textAlign = "center", r.fillText(e.label, h.x, y + _ + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Accepted", h.x, y + _ + 32), r.fillText(`${e.count} quotations`, h.x, y + _ + 44), r.globalAlpha = 1);
 			let b = Math.max(20, t.value / s * 100 * i), x = g.y + 18;
 			r.fillStyle = m(u.amber, .3 * i), r.strokeStyle = m(u.amber, .5 * i), r.lineWidth = 1.5, r.beginPath(), r.roundRect(g.x - 90 / 2, x, 90, b, [
 				0,
@@ -1678,23 +1685,23 @@ function ot({ left: e, right: t, "data-testid": r }) {
 				6
 			]), r.fill(), r.stroke(), r.strokeStyle = m(u.t3, .35 * i), r.lineWidth = 1, [-90 / 3, 90 / 3].forEach((e) => {
 				r.beginPath(), r.moveTo(g.x + e, g.y + 4), r.lineTo(g.x + e, x), r.stroke();
-			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = "bold 14px 'JetBrains Mono', monospace", r.fillStyle = u.amber, r.textAlign = "center", r.fillText(t.label, g.x, x + b + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Submitted", g.x, x + b + 32), r.fillText(`${t.count} quotations`, g.x, x + b + 44), r.globalAlpha = 1), i > .85 && Math.abs(c) > 1 && (r.globalAlpha = Math.min(1, (i - .85) / .15) * .6, r.font = f.font, r.fillStyle = f.color, r.textAlign = "center", r.fillText(`${Math.abs(c).toFixed(1)}° tilt toward accepted`, a, at - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
+			}), i > .5 && (r.globalAlpha = Math.min(1, (i - .5) / .5), r.font = "bold 14px 'Satoshi Variable', 'DM Sans', sans-serif", r.fillStyle = u.amber, r.textAlign = "center", r.fillText(t.label, g.x, x + b + 18), r.font = f.font, r.fillStyle = f.color, r.fillText("Submitted", g.x, x + b + 32), r.fillText(`${t.count} quotations`, g.x, x + b + 44), r.globalAlpha = 1), i > .85 && Math.abs(c) > 1 && (r.globalAlpha = Math.min(1, (i - .85) / .15) * .6, r.font = f.font, r.fillStyle = f.color, r.textAlign = "center", r.fillText(`${Math.abs(c).toFixed(1)}° tilt toward accepted`, a, st - 12), r.globalAlpha = 1), l = requestAnimationFrame(d);
 		};
 		return d(), () => cancelAnimationFrame(l);
 	}, [e, t]), /* @__PURE__ */ s("div", {
 		"data-testid": r,
 		style: {
 			position: "relative",
-			width: it,
-			height: at
+			width: ot,
+			height: st
 		},
 		children: /* @__PURE__ */ s("canvas", {
 			ref: i,
 			role: "img",
 			"aria-label": "Quotation balance — accepted vs submitted quotation value",
 			style: {
-				width: it,
-				height: at,
+				width: ot,
+				height: st,
 				display: "block"
 			}
 		})
@@ -1702,25 +1709,25 @@ function ot({ left: e, right: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/areaLineChart/AreaLineChart.tsx
-var st = 680, G = 280;
-function ct({ points: e = [], "data-testid": t }) {
+var lt = 680, G = 280;
+function ut({ 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,
+		width: lt,
 		height: G
 	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, st, G);
+		let t = _(e, lt, G);
 		l.current = 0;
-		let n = st - 54 - 28, i = G - 30 - 54, a = Math.max(...g.map((e) => e.count), 1), s = g.length, c = s > 1 ? n / (s - 1) : n, p = g.map((e, t) => ({
+		let n = lt - 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 = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, st, G);
+			t.clearRect(0, 0, lt, G);
 			let r = E(Math.min(e / 72, 1));
 			M(o.current, d.current), h.current = [], [
 				.25,
@@ -1763,7 +1770,7 @@ function ct({ points: e = [], "data-testid": t }) {
 		};
 		return b(), () => cancelAnimationFrame(y);
 	}, [g]), g.length < 2 ? /* @__PURE__ */ s(F, {
-		width: st,
+		width: lt,
 		height: G,
 		"data-testid": t
 	}) : /* @__PURE__ */ s("div", {
@@ -1776,7 +1783,7 @@ function ct({ points: e = [], "data-testid": t }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: st,
+				width: lt,
 				height: G
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -1784,13 +1791,13 @@ function ct({ points: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Trend chart — count over time",
 				style: {
-					width: st,
+					width: lt,
 					height: G,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(S, {
 				...p,
-				parentW: st,
+				parentW: lt,
 				parentH: G
 			})]
 		})
@@ -1798,37 +1805,37 @@ function ct({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/trend/Trend.tsx
-var lt = 680, K = 280, ut = 54, dt = 28, ft = 64, pt = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", mt = 12;
-function ht({ points: e = [], "data-testid": t }) {
+var dt = 680, K = 280, ft = 54, pt = 28, mt = 64, ht = "500 14px 'Satoshi Variable', 'DM Sans', sans-serif", gt = 12;
+function _t({ points: e = [], "data-testid": t }) {
 	let r = a(null), o = a(null), l = a(0), d = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), p = i(() => {
-		if (d.length <= 1) return ft;
+		if (d.length <= 1) return mt;
 		let e = document.createElement("canvas").getContext("2d");
-		if (!e) return ft;
-		e.font = pt;
+		if (!e) return mt;
+		e.font = ht;
 		let t = Math.max(...d.map((t) => e.measureText(t.week).width));
-		return Math.max(ft, t + mt);
-	}, [d]), h = Math.max(lt - ut, dt + Math.max(0, d.length - 1) * p), { tooltip: g, hitZonesRef: v } = C(r, {
+		return Math.max(mt, t + gt);
+	}, [d]), h = Math.max(dt - ft, pt + Math.max(0, d.length - 1) * p), { tooltip: g, hitZonesRef: v } = C(r, {
 		width: h,
 		height: K
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, h, K), n = o.current ? _(o.current, ut, K) : null;
+		let t = _(e, h, K), n = o.current ? _(o.current, ft, K) : null;
 		l.current = 0;
-		let i = h - dt, a = K - 30 - 54, s = Math.max(...d.map((e) => e.count), 1), c = d.length, g = c > 1 ? Math.max(i / (c - 1), p) : i, y = d.map((e, t) => ({
+		let i = h - pt, a = K - 30 - 54, s = Math.max(...d.map((e) => e.count), 1), c = d.length, g = c > 1 ? Math.max(i / (c - 1), p) : i, y = d.map((e, t) => ({
 			x: t * g,
 			y: 30 + a - e.count / s * a,
 			point: e
 		}));
-		n && (n.clearRect(0, 0, ut, K), n.fillStyle = u.bg, n.fillRect(0, 0, ut, K), [
+		n && (n.clearRect(0, 0, ft, K), n.fillStyle = u.bg, n.fillRect(0, 0, ft, K), [
 			.25,
 			.5,
 			.75,
 			1
 		].forEach((e) => {
 			let t = 30 + a - e * a;
-			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(s * e)), ut - 6, t + 3);
+			n.font = f.font, n.fillStyle = f.color, n.textAlign = "right", n.fillText(String(Math.round(s * e)), ft - 6, t + 3);
 		}), n.save(), n.translate(12, 30 + a / 2), n.rotate(-Math.PI / 2), n.font = f.font, n.fillStyle = f.color, n.textAlign = "center", n.fillText("Count", 0, 0), n.restore());
 		let b, x = () => {
 			l.current++;
@@ -1846,7 +1853,7 @@ function ht({ points: e = [], "data-testid": t }) {
 			if (o >= 2) {
 				t.beginPath(), t.moveTo(y[0].x, 30 + a), t.lineTo(y[0].x, y[0].y);
 				for (let e = 1; e < o; e++) {
-					let n = r - Math.floor(r), i = e === o - 1 && e === Math.ceil(r), a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
+					let n = r - Math.floor(r), i = e === o - 1 && e === Math.ceil(r) && n > 0, a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
 					t.lineTo(a, s);
 				}
 				t.lineTo(y[o - 1].x, 30 + a), t.closePath();
@@ -1855,7 +1862,7 @@ function ht({ points: e = [], "data-testid": t }) {
 			}
 			t.beginPath();
 			for (let e = 0; e < o; e++) {
-				let n = r - Math.floor(r), i = e === o - 1 && e > 0 && e === Math.ceil(r), a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
+				let n = r - Math.floor(r), i = e === o - 1 && e > 0 && e === Math.ceil(r) && n > 0, a = i ? y[e - 1].x + (y[e].x - y[e - 1].x) * n : y[e].x, s = i ? y[e - 1].y + (y[e].y - y[e - 1].y) * n : y[e].y;
 				e === 0 ? t.moveTo(a, s) : t.lineTo(a, s);
 			}
 			t.strokeStyle = m(u.cyan, .85), t.lineWidth = 2, t.stroke(), v.current = [], y.forEach((e, n) => {
@@ -1864,7 +1871,7 @@ function ht({ points: e = [], "data-testid": t }) {
 					value: `${e.point.count} submissions`,
 					sublabel: `£${e.point.value}M value`,
 					color: u.cyan
-				}), t.beginPath(), t.arc(e.x, e.y, 3.5, 0, Math.PI * 2), t.fillStyle = m(u.cyan, .8), t.fill(), t.font = pt, t.fillStyle = f.color, t.textAlign = "center", t.fillText(e.point.week, e.x, K - 54 + 14));
+				}), t.beginPath(), t.arc(e.x, e.y, 3.5, 0, Math.PI * 2), t.fillStyle = m(u.cyan, .8), t.fill(), t.font = ht, t.fillStyle = f.color, t.textAlign = n === 0 ? "left" : n === y.length - 1 ? "right" : "center", t.fillText(e.point.week, e.x, K - 54 + 14));
 			}), e < 1 && (b = requestAnimationFrame(x));
 		};
 		return x(), () => cancelAnimationFrame(b);
@@ -1874,7 +1881,7 @@ function ht({ points: e = [], "data-testid": t }) {
 		p,
 		v
 	]), d.length < 2 ? /* @__PURE__ */ s(F, {
-		width: lt,
+		width: dt,
 		height: K,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
@@ -1888,7 +1895,7 @@ function ht({ points: e = [], "data-testid": t }) {
 			ref: o,
 			"aria-hidden": "true",
 			style: {
-				width: ut,
+				width: ft,
 				height: K,
 				display: "block",
 				flexShrink: 0
@@ -1925,31 +1932,38 @@ function ht({ points: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/proportionalBandChart/ProportionalBandChart.tsx
-var q = 680, gt = 240, _t = {
+var q = 680, vt = 240;
+function yt(e, t, n) {
+	if (e.measureText(t).width <= n) return t;
+	let r = t;
+	for (; r.length > 0 && e.measureText(`${r}…`).width > n;) r = r.slice(0, -1);
+	return `${r}…`;
+}
+var bt = {
 	Critical: u.red,
 	High: u.orange,
 	Medium: u.amber,
 	Low: u.green
 };
-function vt({ severities: e = [], "data-testid": t }) {
+function xt({ severities: e = [], "data-testid": t }) {
 	let r = a(null), o = a(/* @__PURE__ */ new Map()), l = a(0), { hoveredRef: d, tooltip: p, hitZonesRef: h } = C(r, {
 		width: q,
-		height: gt
+		height: vt
 	}), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]);
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, q, gt);
+		let t = _(e, q, vt);
 		l.current = 0;
-		let n = g.reduce((e, t) => e + t.count, 0), i = q - 28 - 28, a = gt - 50 - 52, s = g.map((e) => e.count / n * i), c, p = () => {
+		let n = g.reduce((e, t) => e + t.count, 0), i = q - 28 - 28, a = vt - 50 - 52, s = g.map((e) => e.count / n * i), c, p = () => {
 			l.current++;
 			let e = l.current;
-			t.clearRect(0, 0, q, gt);
+			t.clearRect(0, 0, q, vt);
 			let r = D(Math.min(e / 60, 1));
 			M(o.current, d.current), h.current = [], t.strokeStyle = m(u.bd, .2), t.lineWidth = 1, t.beginPath(), t.rect(28, 50, i, a), t.stroke(), t.strokeStyle = m(u.t4, .15), t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(q / 2, 50), t.lineTo(q / 2, 50 + a), t.stroke(), t.setLineDash([]);
 			let _ = 28;
 			g.forEach((e, i) => {
-				let c = _t[e.severity] ?? u.blue, l = s[i];
+				let c = bt[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;
@@ -1961,7 +1975,7 @@ function vt({ severities: e = [], "data-testid": t }) {
 					color: c
 				}), r > .5) {
 					let i = Math.min(1, (r - .5) / .5), o = _ + l / 2;
-					t.globalAlpha = i, t.font = "bold " + f.font, t.fillStyle = d > 0 ? c : m(c, .9), t.textAlign = "center", t.fillText(e.severity, o, 38), t.font = "bold " + f.font, t.fillStyle = d > 0 ? u.t1 : m(u.t1, .85), t.fillText(String(e.count), o, 50 + a / 2 + 6), t.font = f.font, t.fillStyle = d > 0 ? c : f.color, t.fillText(`${Math.round(e.count / n * 100)}%`, o, 50 + a + 18), t.globalAlpha = 1;
+					t.globalAlpha = i, t.font = "bold " + f.font, t.fillStyle = d > 0 ? c : m(c, .9), t.textAlign = "center", t.fillText(yt(t, e.severity, l - 12), 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;
 				}
 				_ += l;
 			});
@@ -1971,14 +1985,14 @@ function vt({ severities: e = [], "data-testid": t }) {
 		return p(), () => cancelAnimationFrame(c);
 	}, [g]), g.length === 0 ? /* @__PURE__ */ s(F, {
 		width: q,
-		height: gt,
+		height: vt,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
 		style: {
 			position: "relative",
 			width: q,
-			height: gt
+			height: vt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
@@ -1986,24 +2000,24 @@ function vt({ severities: e = [], "data-testid": t }) {
 			"aria-label": "Early Warning severity distribution — prism spectrum bands",
 			style: {
 				width: q,
-				height: gt,
+				height: vt,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(S, {
 			...p,
 			parentW: q,
-			parentH: gt
+			parentH: vt
 		})]
 	});
 }
 //#endregion
 //#region src/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.tsx
-var J = 460, Y = 300, yt = {
+var J = 460, Y = 300, St = {
 	Open: u.red,
 	Submitted: u.amber,
 	Closed: u.green
 };
-function bt({ segments: e = [], title: t, "data-testid": r }) {
+function Ct({ segments: e = [], title: t, "data-testid": r }) {
 	let o = a(null), l = a(0), d = a(/* @__PURE__ */ new Map()), { hoveredRef: p, tooltip: h, hitZonesRef: g } = C(o, {
 		width: J,
 		height: Y
@@ -2020,14 +2034,14 @@ function bt({ segments: e = [], title: t, "data-testid": r }) {
 				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;
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, d = r + Math.sin(c) * i, p = St[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;
+				let c = o / 3 * Math.PI * 2 - Math.PI / 2, l = n + Math.cos(c) * i, p = r + Math.sin(c) * i, h = St[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, {
@@ -2077,8 +2091,8 @@ function bt({ segments: e = [], title: t, "data-testid": r }) {
 }
 //#endregion
 //#region src/components/trendChart/TrendChart.tsx
-var xt = 280, X = 96;
-function St({ points: e = [], className: t, colors: r }) {
+var wt = 280, X = 96;
+function Tt({ 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 {
@@ -2086,18 +2100,18 @@ function St({ points: e = [], className: t, colors: r }) {
 			value: n ? Number(n[0]) : 0
 		};
 	}), [e]), { mouseRef: h, hoveredRef: g, tooltip: y, hitZonesRef: b } = C(o, {
-		width: xt,
+		width: wt,
 		height: X
 	});
 	return n(() => {
 		let e = o.current;
 		if (!e) return;
-		let t = _(e, xt, X);
+		let t = _(e, wt, X);
 		f.current = 0;
 		let n = r?.line ?? u.blue, i = r?.point ?? u.blue, a = r?.axisLine ?? u.bd, s, c = () => {
 			f.current++;
 			let e = f.current;
-			if (t.clearRect(0, 0, xt, X), p.length < 2) {
+			if (t.clearRect(0, 0, wt, X), p.length < 2) {
 				s = requestAnimationFrame(c);
 				return;
 			}
@@ -2106,8 +2120,8 @@ function St({ points: e = [], className: t, colors: r }) {
 				right: 12,
 				top: 16,
 				bottom: 20
-			}, o = xt - r.left - r.right, l = X - r.top - r.bottom, _ = p.map((e) => e.value), y = Math.min(..._), S = Math.max(..._) - y || 1, C = (e) => r.left + e / (p.length - 1) * o, T = (e) => r.top + (1 - (e - y) / S) * l, E = 1 - (1 - Math.min(e / 48, 1)) ** 3, D = Math.max(2, Math.floor(E * p.length));
-			if (M(d.current, g.current), b.current = [], t.strokeStyle = m(a, .3), t.lineWidth = .5, t.setLineDash([]), t.beginPath(), t.moveTo(r.left, X - r.bottom), t.lineTo(xt - r.right, X - r.bottom), t.stroke(), t.font = "9px 'JetBrains Mono', monospace", t.fillStyle = m(u.t4, .9), t.textAlign = "center", p.forEach((e, n) => {
+			}, o = wt - 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(wt - 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]);
@@ -2144,7 +2158,7 @@ function St({ points: e = [], className: t, colors: r }) {
 		children: /* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: xt,
+				width: wt,
 				height: X
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2152,14 +2166,14 @@ function St({ points: e = [], className: t, colors: r }) {
 				role: "img",
 				"aria-label": "trend chart",
 				style: {
-					width: xt,
+					width: wt,
 					height: X,
 					display: "block",
 					borderRadius: 8
 				}
 			}), /* @__PURE__ */ s(S, {
 				...y,
-				parentW: xt,
+				parentW: wt,
 				parentH: X
 			})]
 		})
@@ -2167,21 +2181,21 @@ function St({ points: e = [], className: t, colors: r }) {
 }
 //#endregion
 //#region src/components/segmentedSplitBarChart/SegmentedSplitBarChart.tsx
-var Ct = 680, wt = 8, Tt = 26, Et = 14, Dt = 16, Ot = 32;
-function kt({ items: e = [], "data-testid": t }) {
-	let r = a(null), l = a(/* @__PURE__ */ new Map()), d = a(0), [f, h] = o(!1), g = i(() => e.filter((e) => typeof e == "object" && !!e), [e]), y = i(() => f ? g : g.slice(0, wt), [g, f]), b = Dt + Ot + y.length * (Tt + Et) - Et, { hoveredRef: x, tooltip: w, hitZonesRef: E } = C(r, {
-		width: Ct,
+var Et = 680, Dt = 8, Ot = 26, kt = 14, At = 16, jt = 32;
+function Mt({ 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, Dt), [g, f]), b = At + jt + y.length * (Ot + kt) - kt, { hoveredRef: x, tooltip: w, hitZonesRef: E } = C(r, {
+		width: Et,
 		height: b
 	});
 	return n(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = _(e, Ct, b);
+		let t = _(e, Et, 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 = () => {
+		let n = At, i = jt, a = Ot, o = kt, s = Et - 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);
+			t.clearRect(0, 0, Et, b);
 			let n = D(Math.min(e / 60, 1));
 			M(l.current, x.current), E.current = [], y.forEach((e, r) => {
 				let i = j(n, r, y.length, D), d = h + r * (a + o), f = (e.implemented ?? 0) + (e.unimplemented ?? 0), p = (e.implemented ?? 0) / c * s * i, g = (e.unimplemented ?? 0) / c * s * i, _ = `${e.id}-impl`, b = `${e.id}-un`, x = l.current.get(_) ?? 0, S = l.current.get(b) ?? 0;
@@ -2208,20 +2222,20 @@ function kt({ items: e = [], "data-testid": t }) {
 				]), 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 = 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);
+			t.font = "400 14px 'Satoshi Variable', 'DM Sans', sans-serif", t.textAlign = "right", t.fillStyle = u.green, t.fillText("■ Implemented", i - 10, r), t.textAlign = "left", t.fillStyle = p.color, t.fillText("■ Unimplemented", i + 10, r), g = requestAnimationFrame(S);
 		};
 		return S(), () => cancelAnimationFrame(g);
 	}, [y, b]), g.length === 0 ? /* @__PURE__ */ s(F, {
-		width: Ct,
+		width: Et,
 		height: 160,
 		"data-testid": t
 	}) : /* @__PURE__ */ c("div", {
 		"data-testid": t,
-		style: { width: Ct },
+		style: { width: Et },
 		children: [/* @__PURE__ */ c("div", {
 			style: {
 				position: "relative",
-				width: Ct,
+				width: Et,
 				height: b
 			},
 			children: [/* @__PURE__ */ s("canvas", {
@@ -2229,16 +2243,16 @@ function kt({ items: e = [], "data-testid": t }) {
 				role: "img",
 				"aria-label": "Implemented vs unimplemented variations per contractor — split bar",
 				style: {
-					width: Ct,
+					width: Et,
 					height: b,
 					display: "block"
 				}
 			}), /* @__PURE__ */ s(S, {
 				...w,
-				parentW: Ct,
+				parentW: Et,
 				parentH: b
 			})]
-		}), g.length > wt && /* @__PURE__ */ s("div", {
+		}), g.length > Dt && /* @__PURE__ */ s("div", {
 			style: { marginTop: 8 },
 			children: /* @__PURE__ */ s(ae, {
 				expanded: f,
@@ -2249,18 +2263,18 @@ function kt({ items: e = [], "data-testid": t }) {
 }
 //#endregion
 //#region src/components/weeklyFlow/WeeklyFlow.tsx
-var At = 800, jt = 360;
-function Mt({ items: e = [], "data-testid": t }) {
+var Nt = 800, Pt = 360;
+function Ft({ items: e = [], "data-testid": t }) {
 	let r = a(null), i = a(/* @__PURE__ */ new Map()), o = a(0), { hoveredRef: l, tooltip: f, hitZonesRef: p } = C(r, {
-		width: At,
-		height: jt
+		width: Nt,
+		height: Pt
 	});
 	return n(() => {
 		let t = r.current;
 		if (!t) return;
-		let n = _(t, At, jt);
+		let n = _(t, Nt, Pt);
 		o.current = 0;
-		let a = e.reduce((e, t) => e + (t.base ?? 0), 0), s = e.reduce((e, t) => e + (t.variation ?? 0), 0), c = e.reduce((e, t) => e + (t.total ?? 0), 0), f = jt - 20 - 26, h = f - 6 * (e.length - 1), g = 20, y = e.map((e, t) => {
+		let 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 = Pt - 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,
@@ -2288,16 +2302,16 @@ function Mt({ items: e = [], "data-testid": t }) {
 		}, k, A = () => {
 			o.current++;
 			let t = o.current;
-			n.clearRect(0, 0, At, jt);
+			n.clearRect(0, 0, Nt, Pt);
 			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;
-				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);
+				It(n, c.x + 110, h, 420 - 110 / 2, b, _ * l, c.color, T), It(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;
-				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);
+				It(n, 475, w.cy, 720 - 110 / 2, t, x * e, u.blue, .25 * e), It(n, 475, D.cy, 720 - 110 / 2, i, S * e, u.amber, .22 * e);
 			}
 			if ([
 				"Contractors",
@@ -2309,7 +2323,7 @@ function Mt({ items: e = [], "data-testid": t }) {
 					420,
 					720
 				][t];
-				n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = m(u.t3, .5), n.textAlign = "center", n.fillText(e, r, jt - 8);
+				n.font = "400 12px 'Satoshi Variable', 'DM Sans', sans-serif", n.fillStyle = m(u.t3, .5), n.textAlign = "center", n.fillText(e, r, Pt - 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, {
@@ -2333,32 +2347,32 @@ function Mt({ items: e = [], "data-testid": t }) {
 		"data-testid": t,
 		style: {
 			position: "relative",
-			width: At,
-			height: jt
+			width: Nt,
+			height: Pt
 		},
 		children: [/* @__PURE__ */ s("canvas", {
 			ref: r,
 			role: "img",
 			"aria-label": "Weekly report flow — base value and variations per contractor flowing to total commitment",
 			style: {
-				width: At,
-				height: jt,
+				width: Nt,
+				height: Pt,
 				display: "block"
 			}
 		}), /* @__PURE__ */ s(S, {
 			...f,
-			parentW: At,
-			parentH: jt
+			parentW: Nt,
+			parentH: Pt
 		})]
 	});
 }
-function Nt(e, t, n, r, i, a, o, s) {
+function It(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 Pt({ config: e, className: t }) {
+function Lt({ config: e, className: t }) {
 	return e.type === "line" ? /* @__PURE__ */ s(Ie, {
 		rows: e.rows,
 		className: t
@@ -2368,77 +2382,77 @@ function Pt({ config: e, className: t }) {
 	}) : e.type === "bar" ? /* @__PURE__ */ s(ie, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "pie" ? /* @__PURE__ */ s(Ke, {
+	}) : e.type === "pie" ? /* @__PURE__ */ s(Je, {
 		rows: e.rows,
 		variant: "pie",
 		className: t
-	}) : e.type === "donut" ? /* @__PURE__ */ s(Ke, {
+	}) : e.type === "donut" ? /* @__PURE__ */ s(Je, {
 		rows: e.rows,
 		variant: "donut",
 		className: t
-	}) : e.type === "sankey" ? /* @__PURE__ */ s(rt, {
+	}) : e.type === "sankey" ? /* @__PURE__ */ s(at, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "flow" ? /* @__PURE__ */ s(nt, {
+	}) : e.type === "flow" ? /* @__PURE__ */ s(it, {
 		selectedEntity: e.selectedEntity,
 		className: t
-	}) : e.type === "trend" ? /* @__PURE__ */ s(St, {
+	}) : e.type === "trend" ? /* @__PURE__ */ s(Tt, {
 		points: e.points,
 		className: t
 	}) : e.type === "mini-bars" ? /* @__PURE__ */ s(ze, {
 		rows: e.rows,
 		className: t
-	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(ke, { data: e.data }) : e.type === "multi-metric-constellation-chart" ? /* @__PURE__ */ s(Se, { items: e.items }) : e.type === "progress-race-chart" ? /* @__PURE__ */ s(fe, { items: e.items }) : e.type === "hub-and-spoke-radial-chart" ? /* @__PURE__ */ s(bt, {
+	}) : e.type === "stacked-horizontal-bar-chart" ? /* @__PURE__ */ s(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(Ct, {
 		segments: e.segments,
 		title: e.title
-	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Pe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(vt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(He, {
+	}) : e.type === "dot-matrix-chart" ? /* @__PURE__ */ s(Fe, { items: e.items }) : e.type === "ranked-card-leaderboard" ? /* @__PURE__ */ s(Pe, { items: e.items }) : e.type === "proportional-band-chart" ? /* @__PURE__ */ s(xt, { severities: e.severities }) : e.type === "radial-fan-tree-chart" ? /* @__PURE__ */ s(We, {
 		total: e.total,
 		items: e.items
 	}) : e.type === "semi-circular-gauge-chart" ? /* @__PURE__ */ s(he, {
 		value: e.value,
 		confirmed: e.confirmed,
 		total: e.total
-	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(kt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(ot, {
+	}) : e.type === "segmented-split-bar-chart" ? /* @__PURE__ */ s(Mt, { items: e.items }) : e.type === "balance-scale-chart" ? /* @__PURE__ */ s(ct, {
 		left: e.left,
 		right: e.right
-	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(ct, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(ht, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(Mt, { items: e.items }) : /* @__PURE__ */ s("div", {
+	}) : e.type === "area-line-chart" ? /* @__PURE__ */ s(ut, { points: e.points }) : e.type === "trend-view" ? /* @__PURE__ */ s(_t, { points: e.points }) : e.type === "weekly-flow" ? /* @__PURE__ */ s(Ft, { items: e.items }) : /* @__PURE__ */ s("div", {
 		className: "viz-empty",
 		children: "Visualization unavailable"
 	});
 }
 //#endregion
 //#region src/utils/mounts.tsx
-var Ft = [];
-function It(e) {
+var Rt = [];
+function zt(e) {
 	try {
 		return JSON.parse(decodeURIComponent(e));
 	} catch {
 		return null;
 	}
 }
-function Lt() {
-	for (; Ft.length;) {
-		let e = Ft.pop();
+function Bt() {
+	for (; Rt.length;) {
+		let e = Rt.pop();
 		e && e.unmount();
 	}
 }
-function Rt() {
-	Lt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
+function Vt() {
+	Bt(), document.querySelectorAll("[data-d3-viz]").forEach((t) => {
 		let n = t.dataset.d3Viz;
 		if (!n) return;
-		let r = It(n);
+		let r = zt(n);
 		if (!r) return;
 		let i = e(t);
-		Ft.push(i), i.render(/* @__PURE__ */ s(Pt, { config: r }));
+		Rt.push(i), i.render(/* @__PURE__ */ s(Lt, { config: r }));
 	});
 }
-function zt(e) {
+function Ht(e) {
 	return encodeURIComponent(JSON.stringify(e));
 }
 //#endregion
 //#region src/components/donutChart/DonutChart.tsx
-function Bt({ rows: e = [], className: t, colors: n }) {
-	return /* @__PURE__ */ s(Ke, {
+function Ut({ rows: e = [], className: t, colors: n }) {
+	return /* @__PURE__ */ s(Je, {
 		rows: e,
 		variant: "donut",
 		className: t,
@@ -2457,20 +2471,20 @@ var Z = {
 	red: u.red,
 	amber: u.amber,
 	green: u.green
-}, Q = "'Satoshi Variable', 'DM Sans', sans-serif", Vt = {
+}, Q = "'Satoshi Variable', 'DM Sans', sans-serif", Wt = {
 	color: "#F7F7F7",
 	fontFamily: Q,
 	fontSize: 24,
 	fontWeight: 500,
 	lineHeight: "32px"
 }, $ = {
-	color: "#CECFD2",
+	color: "#C2C2C2",
 	fontFamily: Q,
-	fontSize: 14,
+	fontSize: 16,
 	fontWeight: 400,
 	lineHeight: "20px"
 };
-function Ht({ chips: e = [] }) {
+function Gt({ chips: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2492,7 +2506,7 @@ function Ht({ chips: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
-					...Vt,
+					...Wt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2506,7 +2520,7 @@ function Ht({ chips: e = [] }) {
 		}, t))
 	});
 }
-function Ut({ items: e = [] }) {
+function Kt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2529,7 +2543,7 @@ function Ut({ items: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Vt,
+					...Wt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2540,7 +2554,7 @@ function Ut({ items: e = [] }) {
 		}, t))
 	});
 }
-function Wt({ items: e = [] }) {
+function qt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2559,7 +2573,7 @@ function Wt({ items: e = [] }) {
 			children: [
 				/* @__PURE__ */ s("span", {
 					style: {
-						fontSize: 14,
+						fontSize: 16,
 						fontWeight: 600,
 						color: e.color ?? Z.t2,
 						background: (e.color ?? Z.t2) + "22",
@@ -2572,8 +2586,8 @@ function Wt({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						...Vt,
-						fontSize: 14,
+						...Wt,
+						fontSize: 16,
 						color: e.color ?? Z.t1,
 						minWidth: 70,
 						flexShrink: 0
@@ -2591,7 +2605,7 @@ function Wt({ items: e = [] }) {
 		}, t))
 	});
 }
-function Gt({ items: e = [] }) {
+function Jt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2614,7 +2628,7 @@ function Gt({ items: e = [] }) {
 			},
 			children: [/* @__PURE__ */ s("div", {
 				style: {
-					...Vt,
+					...Wt,
 					color: e.color ?? Z.t1
 				},
 				children: e.value
@@ -2625,12 +2639,12 @@ function Gt({ items: e = [] }) {
 		}, t))
 	});
 }
-var Kt = {
+var Yt = {
 	red: Z.red,
 	amber: Z.amber,
 	green: Z.green
 };
-function qt({ items: e = [] }) {
+function Xt({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2638,7 +2652,7 @@ function qt({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = Kt[e.severity];
+			let n = Yt[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -2663,7 +2677,7 @@ function qt({ items: e = [] }) {
 		})
 	});
 }
-function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
+function Zt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 	let a = t - e;
 	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
 		style: {
@@ -2686,7 +2700,7 @@ function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 					position: "absolute",
 					top: 43,
 					left: 0,
-					fontSize: 14,
+					fontSize: 16,
 					color: Z.t4,
 					fontFamily: Q
 				},
@@ -2697,7 +2711,7 @@ function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 					position: "absolute",
 					top: 43,
 					right: 0,
-					fontSize: 14,
+					fontSize: 16,
 					color: Z.t4,
 					fontFamily: Q
 				},
@@ -2720,7 +2734,7 @@ function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 							},
 							children: [/* @__PURE__ */ s("div", {
 								style: {
-									fontSize: 14,
+									fontSize: 16,
 									color: o,
 									fontFamily: Q,
 									whiteSpace: "nowrap"
@@ -2728,7 +2742,7 @@ function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 								children: t.name
 							}), /* @__PURE__ */ c("div", {
 								style: {
-									fontSize: 14,
+									fontSize: 16,
 									fontWeight: 700,
 									color: o,
 									fontFamily: Q,
@@ -2752,7 +2766,7 @@ function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 							},
 							children: [/* @__PURE__ */ s("div", {
 								style: {
-									fontSize: 14,
+									fontSize: 16,
 									color: o,
 									fontFamily: Q,
 									whiteSpace: "nowrap"
@@ -2760,7 +2774,7 @@ function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 								children: t.name
 							}), /* @__PURE__ */ c("div", {
 								style: {
-									fontSize: 14,
+									fontSize: 16,
 									fontWeight: 700,
 									color: o,
 									fontFamily: Q,
@@ -2773,9 +2787,9 @@ function Jt({ min: e, max: t, unit: n, dots: r = [], chips: i = [] }) {
 				}, r);
 			})
 		]
-	}), i && i.length > 0 && /* @__PURE__ */ s(Ht, { chips: i })] });
+	}), i && i.length > 0 && /* @__PURE__ */ s(Gt, { chips: i })] });
 }
-function Yt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i, rightLabel: a, rightValue: o, rightColor: l, chips: d }) {
+function Qt({ 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", {
@@ -2798,7 +2812,7 @@ function Yt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 					},
 					children: /* @__PURE__ */ s("span", {
 						style: {
-							fontSize: 14,
+							fontSize: 16,
 							fontWeight: 700,
 							color: f,
 							fontFamily: Q
@@ -2821,7 +2835,7 @@ function Yt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 					},
 					children: /* @__PURE__ */ s("span", {
 						style: {
-							fontSize: 14,
+							fontSize: 16,
 							fontWeight: 700,
 							color: p,
 							fontFamily: Q
@@ -2840,7 +2854,7 @@ function Yt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				style: { width: `${e}%` },
 				children: /* @__PURE__ */ c("span", {
 					style: {
-						fontSize: 14,
+						fontSize: 16,
 						color: f,
 						fontFamily: Q
 					},
@@ -2857,7 +2871,7 @@ function Yt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				},
 				children: /* @__PURE__ */ c("span", {
 					style: {
-						fontSize: 14,
+						fontSize: 16,
 						color: p,
 						fontFamily: Q
 					},
@@ -2869,10 +2883,10 @@ function Yt({ leftPct: e, leftLabel: t, leftValue: n, leftColor: r, rightPct: i,
 				})
 			})]
 		}),
-		d && d.length > 0 && /* @__PURE__ */ s(Ht, { chips: d })
+		d && d.length > 0 && /* @__PURE__ */ s(Gt, { chips: d })
 	] });
 }
-function Xt({ pct: e, label: t, color: n, chips: r }) {
+function $t({ 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: {
@@ -2919,7 +2933,7 @@ function Xt({ pct: e, label: t, color: n, chips: r }) {
 				},
 				children: /* @__PURE__ */ c("div", {
 					style: {
-						fontSize: 14,
+						fontSize: 16,
 						fontWeight: 700,
 						color: i,
 						fontFamily: Q
@@ -2953,7 +2967,7 @@ function Xt({ pct: e, label: t, color: n, chips: r }) {
 					},
 					children: [/* @__PURE__ */ s("span", {
 						style: {
-							...Vt,
+							...Wt,
 							color: e.color ?? Z.t1
 						},
 						children: e.value
@@ -2966,16 +2980,16 @@ function Xt({ pct: e, label: t, color: n, chips: r }) {
 		})]
 	});
 }
-var Zt = {
+var en = {
 	green: "#34D39918",
 	amber: "#FBBF2418",
 	red: "#F0606018"
-}, Qt = {
+}, tn = {
 	green: "#34D399",
 	amber: "#FBBF24",
 	red: "#F06060"
 };
-function $t({ items: e = [] }) {
+function nn({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -2994,7 +3008,7 @@ function $t({ items: e = [] }) {
 			children: [
 				/* @__PURE__ */ s("span", {
 					style: {
-						fontSize: 14,
+						fontSize: 16,
 						fontWeight: 600,
 						color: e.color ?? Z.t2,
 						background: (e.color ?? Z.t2) + "1A",
@@ -3025,7 +3039,7 @@ function $t({ items: e = [] }) {
 				}),
 				/* @__PURE__ */ s("span", {
 					style: {
-						fontSize: 14,
+						fontSize: 16,
 						fontWeight: 700,
 						color: e.color ?? Z.t1,
 						fontFamily: Q,
@@ -3037,10 +3051,10 @@ function $t({ items: e = [] }) {
 				}),
 				e.badge && e.badgeSeverity && /* @__PURE__ */ s("span", {
 					style: {
-						fontSize: 14,
+						fontSize: 16,
 						fontWeight: 600,
-						color: Qt[e.badgeSeverity],
-						background: Zt[e.badgeSeverity],
+						color: tn[e.badgeSeverity],
+						background: en[e.badgeSeverity],
 						padding: "2px 7px",
 						borderRadius: 4,
 						fontFamily: Q,
@@ -3063,12 +3077,12 @@ function $t({ items: e = [] }) {
 		}, t))
 	});
 }
-var en = {
+var rn = {
 	red: Z.red,
 	amber: Z.amber,
 	green: Z.green
 };
-function tn({ items: e = [] }) {
+function an({ items: e = [] }) {
 	return /* @__PURE__ */ s("div", {
 		style: {
 			display: "flex",
@@ -3076,7 +3090,7 @@ function tn({ items: e = [] }) {
 			gap: 5
 		},
 		children: e.map((e, t) => {
-			let n = en[e.severity];
+			let n = rn[e.severity];
 			return /* @__PURE__ */ c("div", {
 				style: {
 					display: "flex",
@@ -3104,7 +3118,7 @@ function tn({ items: e = [] }) {
 					}),
 					/* @__PURE__ */ s("span", {
 						style: {
-							fontSize: 14,
+							fontSize: 16,
 							fontWeight: 600,
 							color: n,
 							background: n + "20",
@@ -3128,7 +3142,7 @@ function tn({ items: e = [] }) {
 		})
 	});
 }
-function nn({ columns: e = [], rows: t = [] }) {
+function on({ columns: e = [], rows: t = [] }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -3146,7 +3160,7 @@ function nn({ columns: e = [], rows: t = [] }) {
 			children: [/* @__PURE__ */ s("div", { style: { minWidth: 64 } }), e.map((e, t) => /* @__PURE__ */ s("div", {
 				style: {
 					flex: 1,
-					fontSize: 14,
+					fontSize: 16,
 					fontWeight: 600,
 					color: Z.t2,
 					fontFamily: Q,
@@ -3166,7 +3180,7 @@ function nn({ columns: e = [], rows: t = [] }) {
 			},
 			children: [/* @__PURE__ */ s("span", {
 				style: {
-					fontSize: 14,
+					fontSize: 16,
 					fontWeight: 600,
 					color: Z.t2,
 					background: (e.color ?? Z.t4) + "1A",
@@ -3181,7 +3195,7 @@ function nn({ columns: e = [], rows: t = [] }) {
 			}), e.cells.map((t, n) => /* @__PURE__ */ s("span", {
 				style: {
 					flex: 1,
-					fontSize: 14,
+					fontSize: 16,
 					fontWeight: 700,
 					color: e.color ?? Z.t1,
 					fontFamily: Q
@@ -3191,18 +3205,18 @@ function nn({ columns: e = [], rows: t = [] }) {
 		}, t))]
 	});
 }
-function rn({ text: e }) {
+function sn({ text: e }) {
 	return /* @__PURE__ */ c("div", {
 		style: {
 			padding: "8px 12px",
 			border: `1px solid ${u.bd}`,
-			borderLeft: "4px solid #FFAE43",
+			borderLeft: "4px solid #71B941",
 			borderRadius: 5,
-			background: `linear-gradient(90deg, rgba(255, 174, 67, 0.10) -48.4%, rgba(19, 22, 27, 0.10) 83.98%), ${u.sf}`
+			background: `linear-gradient(90deg, rgba(113, 185, 65, 0.10) -48.4%, rgba(19, 22, 27, 0.10) 83.98%), ${u.sf}`
 		},
 		children: [/* @__PURE__ */ s("span", {
 			style: {
-				fontSize: 14,
+				fontSize: 16,
 				fontWeight: 500,
 				color: u.t1,
 				fontFamily: Q,
@@ -3216,22 +3230,22 @@ function rn({ text: e }) {
 		})]
 	});
 }
-function an({ block: e }) {
+function cn({ block: e }) {
 	if (!e) return null;
 	let t = (() => {
 		switch (e.type) {
-			case "stats": return /* @__PURE__ */ s(Ut, { items: e.items });
-			case "ranked": return /* @__PURE__ */ s(Wt, { items: e.items });
-			case "chips": return /* @__PURE__ */ s(Gt, { items: e.items });
-			case "badges": return /* @__PURE__ */ s(qt, { items: e.items });
-			case "dot-strip": return /* @__PURE__ */ s(Jt, {
+			case "stats": return /* @__PURE__ */ s(Kt, { items: e.items });
+			case "ranked": return /* @__PURE__ */ s(qt, { items: e.items });
+			case "chips": return /* @__PURE__ */ s(Jt, { items: e.items });
+			case "badges": return /* @__PURE__ */ s(Xt, { items: e.items });
+			case "dot-strip": return /* @__PURE__ */ s(Zt, {
 				min: e.min,
 				max: e.max,
 				unit: e.unit,
 				dots: e.dots,
 				chips: e.chips
 			});
-			case "proportion": return /* @__PURE__ */ s(Yt, {
+			case "proportion": return /* @__PURE__ */ s(Qt, {
 				leftPct: e.leftPct,
 				leftLabel: e.leftLabel,
 				leftValue: e.leftValue,
@@ -3242,15 +3256,15 @@ function an({ block: e }) {
 				rightColor: e.rightColor,
 				chips: e.chips
 			});
-			case "ring": return /* @__PURE__ */ s(Xt, {
+			case "ring": return /* @__PURE__ */ s($t, {
 				pct: e.pct,
 				label: e.label,
 				color: e.color,
 				chips: e.chips
 			});
-			case "scorecard-rows": return /* @__PURE__ */ s($t, { items: e.items });
-			case "flags-list": return /* @__PURE__ */ s(tn, { items: e.items });
-			case "comparison-rows": return /* @__PURE__ */ s(nn, {
+			case "scorecard-rows": return /* @__PURE__ */ s(nn, { items: e.items });
+			case "flags-list": return /* @__PURE__ */ s(an, { items: e.items });
+			case "comparison-rows": return /* @__PURE__ */ s(on, {
 				columns: e.columns,
 				rows: e.rows
 			});
@@ -3263,8 +3277,8 @@ function an({ block: e }) {
 			flexDirection: "column",
 			gap: 24
 		},
-		children: [t, /* @__PURE__ */ s(rn, { text: e.takeaway })]
+		children: [t, /* @__PURE__ */ s(sn, { text: e.takeaway })]
 	}) : t;
 }
 //#endregion
-export { ne as AreaChart, ie as BarChart, l as ChartFrame, Bt as DonutChart, an as KeyHighlights, Ie as LineChart, ze as MiniBars, Ke as PieChart, nt as ProcessSankey, rt as RankingSankey, Je as SankeySvg, te as SeriesChart, ht as Trend, St as TrendChart, Pt as VisualizationRenderer, Lt as cleanupVisualizationMounts, Rt as hydrateVisualizationMounts, zt as serializeVisualizationConfig };
+export { ne as AreaChart, ie as BarChart, l as ChartFrame, Ut as DonutChart, cn as KeyHighlights, Ie as LineChart, ze as MiniBars, Je as PieChart, it as ProcessSankey, at as RankingSankey, Xe as SankeySvg, te as SeriesChart, _t as Trend, Tt as TrendChart, Lt as VisualizationRenderer, Bt as cleanupVisualizationMounts, Vt as hydrateVisualizationMounts, Ht as serializeVisualizationConfig };